/* CSS Document */

body,td,th,input,select,textarea{
	font-family: sans-serif, Arial;
	font-size:12px;
	color:#464646;
}
body,form{margin: 0;}
img{border:0px none; vertical-align:middle;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{color:#464646; text-decoration:none;}
a:hover,a:active{color:#0089C4;}
.aBlue{color:#0089C4;}
.aBlue:hover,.aBlue:active{color:#000; text-decoration:underline;}
.aGray{color:#888;}
.aGray:hover,.aGray:active{color:#0089C4; text-decoration:underline;}
.aOra{color:#FF7F00;}
.aOra:hover,aOra:active{color:#0089C4; text-decoration:underline;}

#head{width:100%; height:80px; background:#0095D5;}
#head_c{width:980px; height:80px; margin:auto; padding:0px 10px;}
#head_c_l{width:170px; height:40px; float:left; margin-top:20px;}
#head_c_r{width:780px; height:80px; float:right;}

#menu{width:710px; text-align:right; float:left; height:80px; _overflow:hidden;}
#menu li{display:inline-block; *display:inline; position:relative; z-index:9;}
#menu li a{
	font-weight:bold; color:#FFF; text-decoration:none; font-size:12px; font-family:Tahoma, sans-serif; 
	display:inline-block; padding-top:34px; padding-left:22px; padding-right:22px; height:46px;text-transform:uppercase
}
#menu li a:hover,#menu li a:active,#menu li a.A{background:url("../image/menuA.png") repeat-x left top; color:#FFCC00;}
#menu li div{
	position:absolute; left:0; top:80px; z-index:10;
	width:200px; padding-top:16px; padding-bottom:20px; display:none;
	border-bottom:3px solid #0095D5; background:#FFF;
}
#menu li div a{
	font-weight:normal; color:#464646; text-decoration:none;
	font-size:12px; display:block; padding:6px 0px 6px 22px;
	height:auto; text-align:left;text-transform:capitalize
}
#menu li div a:hover,#menu li div a:active{color:#0089C4; background:none;}


#language{width:70px; float:right; text-align:right; padding-top:31px;}
#language a{color:#FFF; font-family:"微軟雅黑", Arial, Tahoma; font-weight:bold;}
#language a:hover,#language a:active{color:#FFCC00;}
#language img{margin-right:5px;}

#banner{width:100%; height:390px; overflow:hidden; position:relative; z-index:1;}
#banner div{text-align:center; height:100%; width:100%; position:absolute; z-index:2; top:0; display:none;}
#banner div span{display:block; height:100%; width:100%;}
#banner_do{padding-top:10px; padding-bottom:10px; text-align:center;}
#banner_do img{margin-right:6px; margin-left:6px; cursor:pointer;}

#recommended{width:100%; height:165px; background:url("../image/line_bg1.png") repeat-x left bottom;}
.repro{width:480px; margin-right:20px; float:left;}
.repro td{padding-top:15px;}

#main{width:980px; margin:auto; margin-top:25px;}

.more{
	display:block;
	width:66px; height:28px; background:url("../image/more.png") no-repeat left top;
}
.more:hover,.more:active{background:url("../image/more.png") no-repeat left bottom;}
.back{
	display:block;
	width:72px; height:28px; background:url("../image/back.gif") no-repeat left top;
}
.back:hover,.back:active{background:url("../image/back.gif") no-repeat left bottom;}

#foot{background:#E6E6E6; color:#666; padding:12px 0px 0px 0px;}
#foot_l{width:800px; float:left; line-height:190%;}
#foot_r{width:170px; float:right; text-align:right; padding-top:5px;}

.share{display:inline-block; width:42px; height:18px; background:url("../image/share.gif") no-repeat left top;}
.twitter{display:inline-block; width:57px; height:18px; margin-left:1px; background:url("../image/share.gif") no-repeat -43px top;}
.twitter:hover,.twitter:active{background:url("../image/share.gif") no-repeat -43px bottom;}
.facebook{display:inline-block; width:66px; height:18px; margin-left:1px; background:url("../image/share.gif") no-repeat -101px top;}
.facebook:hover,.facebook:active{background:url("../image/share.gif") no-repeat -101px bottom;}

#banner_in{width:100%; height:200px;}
#banner_in div{text-align:center; width:100%; height:200px;}

#main_l{width:800px; float:left;}
#main_r{width:150px; float:right; padding-top:46px;}

.title{font-size:26px; font-family:"微軟雅黑", Arial, Tahoma; color:#000;text-transform:capitalize}
.path{color:#888; padding:20px 0px 15px 18px; border-bottom:1px solid #E1E1E1; background:url("../image/arr_location.gif") no-repeat left 20px;text-transform:capitalize}

#main_l_c{margin-top:20px;}
.text{line-height:200%;}
.text p{margin-bottom:18px;}

#main_r a{
	display:block; width:138px; padding-left:12px; height:28px; padding-top:52px;
	margin-bottom:10px; background:#0089C4; color:#FFF; font-size:14px;
}
#main_r a:hover,#main_r a:active{
	background-image:url("../image/right_m_b.gif");
	background-repeat:no-repeat;
	background-position:106px 13px;
}
#main_r a.A{background:#F7B700;}
#main_r a.A:hover,#main_r a.A:active{
	background-image:url("../image/right_m_bA.gif");
	background-repeat:no-repeat;
	background-position:106px 12px;
}

.news li{display:block; height:40px; border-bottom:1px dashed #CCC;}
.news li a{height:40px; line-height:40px; background:url("../image/arr_point.gif") no-repeat 3px 17px; float:left; padding-left:14px; width:680px;}
.news li a:hover,.news li a:active{background:url("../image/arr_point.gif") no-repeat 3px -28px;}
.news li span{float:right; height:40px; line-height:40px; width:100px; text-align:right; color:#888;}

h1{display:block; padding:0; margin:0; font-size:26px; color:#000; font-weight:normal; font-family:"微軟雅黑", Arial, Tahoma;}

.prolist{display:block; overflow:hidden; width:860px; padding-top:30px;}
.prolist li{float:left; width:165px; margin-right:44px; _margin-right:39px; text-align:center;}
.prolist li a img{width:165px; height:165px; padding:1px; border:1px solid #DDD;}
.prolist li a span{display:block; line-height:140%; margin-top:10px;}
.prolist li a:hover img,.prolist li a:active img{border:1px solid #00A0FC;}
.prolist li a:hover span,.prolist li a:active span{color:#009CDC;}
.prolist li.clear{float:none; clear:both; width:100%; height:30px;}

#pro_level{background:#F3F3F3; padding:16px 12px 6px 12px; margin-top:16px;}
#pro_level a{
	display:inline-block;
	padding:5px 10px;
}
#pro_level a:hover,#pro_level a:active{color:#0089C4; text-decoration:underline;}
#pro_level a.A{background:#FF7F00; color:#FFF;}
#pro_level a.A:hover,#pro_level a.A:active{color:#FFCC00; text-decoration:none;}
#pro_level_back{background:#F3F3F3; padding-right:12px; padding-bottom:5px; text-align:right;}
#pro_level_back a{display:inline-block; padding:5px 0px 5px 20px; background:url("../image/arr_back.gif") no-repeat left center;}

#pro_search{background:#F3F3F3; padding:16px 12px; margin-top:16px;}

.searHeight{
	font-style:normal; color:#EC0000;
}

.cer_list{display:block; overflow:hidden; width:860px; padding-top:30px;}
.cer_list li{float:left; width:170px; margin-right:37px; _margin-right:42px; text-align:center;}
.cer_list li a.img{width:170px; height:235px; border:1px solid #DDD; padding:2px; display:block; text-align:center;}
.cer_list li a.text{line-height:140%; margin-top:10px; display:block;}
.cer_list li.clear{float:none; clear:both; width:100%; height:30px;}

input{outline:none;}