@charset "utf-8";
/* CSS Document */
body {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* 這樣將會建立為 80% 瀏覽器寬度的容器 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	padding:0;
}
.oneColLiqCtrHdr #header, .oneColLiqCtrHdr #headerTop, .oneColLiqCtrHdr #headerBu {
	background: #DDDDDD; 
	padding: 0 ;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
}
.oneColLiqCtrHdr #headerTop{
	background-image: url(../images/headertopbg.jpg);
	background-repeat: repeat-x;
	height:102px;
	width:960px;
	margin:0 auto;
}
.oneColLiqCtrHdr .headerTopLogo{float:left;}
.oneColLiqCtrHdr .headerTopB{float:right;}
.oneColLiqCtrHdr #headerBu{
	background-image: url(../images/headerbubg.jpg);
	background-repeat: repeat-x;
	height:54px;
	width:100%;
}

.oneColLiqCtrHdr #header h1, .oneColLiqCtrHdr #headerTop h1, .oneColLiqCtrHdr #headerBu h1 {
	font-size:10px;
	display:none;
}
.oneColLiqCtrHdr #mainContent {
	width:960px;
	margin:0 auto;
}
.oneColLiqCtrHdr .mainheader {
	background-image: url(../images/headertopbg.jpg);
	background-repeat: repeat-x;
	width:100%;
	
}

.oneColLiqCtrHdr #header{
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
	height: 318px;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}
.oneColLiqCtrHdr #header .headerW{ width:940px; margin:0 auto;}
.oneColLiqCtrHdr #footer, .oneColLiqCtrHdr #footerD { 
	background:#2a3841;
	float: left;
	width:100%;	
} 
.oneColLiqCtrHdr .footerDW{width:996px; margin:0 auto;font-size: 11px;	color: #FFF;background-image: url(../images/certification.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
	}
.oneColLiqCtrHdr #footer{
	background-image: url(../images/footerbg.jpg);
	height:105px;
}
.oneColLiqCtrHdr #footerD{height:120px;}
.oneColLiqCtrHdr #footer p, .oneColLiqCtrHdr #footerD p {
	margin: 0 auto; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0 0 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
	width:960px;
	font-size: 10px;
	color: #FFF;
}
.oneColLiqCtrHdr #footerD  dl{
	padding-top:10px;
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-left: 190px;
}
.oneColLiqCtrHdr #footerD  dl dt{
	font-weight: bold;
}
.oneColLiqCtrHdr #footerD  dl dd{ padding-bottom:10px;}
.oneColLiqCtrHdr #footerD  dl dd span{ padding-right:8px;}
.oneColLiqCtrHdr #footerD {
	
	height:290px;
}
#sidebar1 {
	float: left; 	
	width: 30%;
	margin-left:10px;
	

}
#sidebar2 {
	float: left; /* 在來源順序中，這個元素必須位於想要相鄰的任何元素前面 */
	width: 37%; 
	margin-left:15px;
	
	
	
}
#sidebar3 {
	margin: 0 0 0 69%;
	background-image: url(../images/sidebar3bg.jpg);
	background-repeat: no-repeat;
	height: 345px;
}
.bestTitle{
	font-size: 14px;
	font-weight: bold;
	color: #00c5fe;
	padding-top:25px;
	margin-left:30px;
}

.mainTitlebg{
	background-image: url(../images/maintitlebg.jpg);
	background-repeat: repeat-x;
	background-position: right center;
	padding:10px 0;
	margin-bottom:10px;
}
.mainTitle{
	font-size:14px;
	font-weight: bold;
	padding:5px 3px;
	background-color: #FFF;
}
#sidebar1 p, #sidebar2 p{
	font-size: 11px;
	padding:5px 0 5px 10px;
}
#sidebar3 table{
	font-size: 12px;
	height:50px;
	color:#cbcbcb;
	margin:10px 10px 10px 30px;
	padding-left:25px;
	padding-right:50px;
	
}
#sidebar3 img{float:right; margin-left:10px;}





.oneColLiqCtrHdr #header .headerLeft{float:left;}
.oneColLiqCtrHdr #header .headerRight{float:right;}
.LanguageW{
	font-size:11px;
	color: #FFF;
	text-align: right;
	margin: 5px 10px 10px 0;
}
.LanguageW a{
	color: #FFF;
	text-decoration: none;
}
.LanguageW a:hover{
	color: #FFF;
	text-decoration: underline;
}
.butLink{padding-top:3px;width:960px;margin:0 auto;text-align: right;}
.butLinkM{padding-top:3px;width:960px;margin:0 auto;margin-top:2px;height:25px;}
.butLinkM img{float:left;}
.butLinkMW{float:right;
	width:130px;
}
.bcbnM, .bmainM{
	font-size: 12px;
	color: #FFF;
}
.bmainM a{
	padding:2px 10px;
	display:inline;color: #FFF;
}
.bcbnM a{
	padding:2px 5px;
	display:inline;color: #FFF;
}
.bcbnM{ width:740px;float:left;margin:2px 0px 0 15px;}
.bmainM{width:200px; float:left;margin:2px 200px 0 220px;}
.headerTopB{flost:right;}
.headerTopLogo{float:left;}
.redwordb{
	font-weight: bold;
	color: #900;
}
.wordbold{font-weight: bold;}
.pro_link a{
	text-decoration:none;
	color:#DDD;
}
.pro_link a:hover{
	color:#AAA;
}
.copy_right{
	margin:20px auto 10px auto;
	padding-left: 190px;
	font-size:11px;
	color:#777;
}
.copy_right a{
	text-decoration:none;
	color:#BBB;
}