@charset "utf-8";
/*History*/

.company_All{
	margin:0;
	padding: 10px 0px 10px 0px;  /* up right bottom left */
	width : 100%;  
}

.company_50P{
	margin:0;
	padding: 10px 0px 10px 0px;  /* up right bottom left */
	width : 50%;  
}
.Company_Title{
	text-indent: 0px;
	text-align: left;
	height: 22px;	
	margin:0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;   /* up right bottom left */
	font-family:微軟正黑體;
	font-size: 20px;
	font-weight: bold;	
	color:#007ac5;
	border-left: 5px solid #007ac5	
}

.company_w1000,
.company_w880{  
	height:32px; 
	background-image: url(../images/title_p33.gif);
	background-repeat: repeat;	 
	margin: 2px 0px 0px 0px;	
	
	border-top: solid 0px #18489d;
	border-right: solid 0px #18489d;
	border-bottom: solid 0px #18489d;		
	border-Left: solid 0px #18489d;	
	
}

.company_w1000 h2,
.company_w880 h2{
	text-align:left; 
	margin: 0px; 
	padding: 2px 0px 0px 5px;  

	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: bold; 
	color: #666666;
}

.company_w1000{ 
	width:1000px; 
}

.company_w880{ 
	width:880px; 
}

.historyline {
    padding: 0 20px;
}

.historyline ul {
    color: #333333;
    list-style-type: none;
    position: relative;
    padding: 20px 0 20px 10px;
    font-size: 18px;
    margin: 0;
}
.historyline ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    bottom: 0;
    border-left: 1px solid #CCCCCC;    
}

.historyline ul li {
    margin: 10px 0 20px 10px;
    position: relative;
    display: block;
}

.historyline ul li p {
    font-family:微軟正黑體;		
    font-size: 15px;
    margin: 0 0 10px 0;
}

.historyline ul li .date {
    display: table;
    color: white;
    background-color: #003869;
    font-size: 14px;
    padding: 4px 7px;
    font-family:微軟正黑體;	
    letter-spacing: 1px;
    margin-bottom: 8px;
    position: relative;
    top: 3.5px;
    outline: 2px solid white;
    z-index: 0;
    max-width: 300px;
    line-height: 1.2;
}
.historyline ul li .date:before {
    content: "";
    position: absolute;
    left: -20px;
    border-bottom: 1px solid #CCCCCC;
    width: 20px;
    top: 9px;
    z-index: -1;
}
.historyline ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #CCCCCC;
    position: absolute;
    z-index: 2;
    left: -30px;
    outline: 2px solid white;
    top: 7px;
}