@charset "utf-8";
/* CSS Document */
a, h1, h2, h3, h4, h5, h6, p, dl, ol, ul, dt, dd, li, td {
	line-height: 120%;
	text-decoration: none;
	color: #517592;
}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;height:100%;}
body{ background:#6FA0C8 url(../images/bg.jpg) left top repeat-x; margin:0; padding:0;}
div{
	padding:0;
	margin:0;
}
form{margin:0; padding:0;}
.butt{FONT-SIZE: 13px;COLOR: #000000;HEIGHT: 24px;BACKGROUND-COLOR: #E0E0DE;cursor: hand;cursor:pointer;}
hr{ height:1px; color:#CCCCCC; width:100%;}
.button{ background:url(../images/butt_reg.jpg) no-repeat; font-size:13px; color:#FF6600; text-align:center; width:149px; height:36px; font-weight:bold; border:none; cursor:pointer;	cursor:hand; letter-spacing: 2px;}
#cls{clear:both; font-size:1px; width:1px; visibility: hidden; height:1px; display:block;}
ul{ list-style:none; padding:0; margin:0;}

#container{ width:960px; margin: 10px auto;text-align: left;}
#defleft{ background:url(../images/top_left_bg.jpg) top left repeat-y; width:10px; float:left;}
#defright{ background:url(../images/top_right_bg.jpg) top right repeat-y; width:10px; float:left;}
#navigation{ float:left; width:940px; background:#FFFFFF; padding-bottom:20px; height:560px;}
.makeup{ width:900px; margin: 0 auto;}
#navigation .makeup .logo a{ float:left; width:120px; height:70px; display:block; background:url(../images/syba_ico_logo.jpg) no-repeat; margin-top:25px;}
#navigation .makeup .time{ float:right; background:url(../images/time_bg.jpg) no-repeat; width:622px; height:13px; margin-top:35px; padding:8px;}
#navigation .makeup .time a{ color:#FFFFFF; float:right; margin-right:25px;}
#navigation .makeup .time div{ float:left; margin-left:10px;}
#navigation .makeup .xuimg{ clear:both;}
#ndc{ float:left; width:940px; background:#FFFFFF; padding-bottom:20px;}
#ndc .makeup .logo a{ float:left; width:120px; height:70px; display:block; background:url(../images/syba_ico_logo.jpg) no-repeat; margin-top:25px;}
#ndc .makeup .time{ float:right; background:url(../images/time_bg.jpg) no-repeat; width:622px; height:13px; margin-top:35px; padding:8px;}
#ndc .makeup .time a{ color:#FFFFFF; float:right; margin-right:25px;}
#ndc .makeup .time div{ float:left; margin-left:10px;}
#ndc .makeup .xuimg{ clear:both;}
#area{ clear:both; width:900px; margin: 0 auto; padding-top:20px; font-size:11px; color:#999999; line-height:130%;}
#area .lie1{ float:left; width:244px; border-right:1px solid #5F9ED2; padding-right:10px; margin-right:20px; height:280px;}
#area .lie1 h2{ font-size:16px; color:#5F9ED2; font-weight:bold; display:block; margin-top:5px; margin-bottom:10px;}
#area .lie1 a{ background:url(../images/arr_link.gif) left center no-repeat; padding:0 0 0 12px; color:#004399;}
#area .lie2{ float:left; width:291px; border-right:1px solid #5F9ED2; padding-right:10px; margin-right:20px; height:280px;}
#area .lie2 h2{ font-size:16px; color:#5F9ED2; font-weight:bold; display:block; margin-top:5px; margin-bottom:10px;}
#area .lie2 a{ background:url(../images/arr_link.gif) left center no-repeat; padding:0 0 0 12px; color:#004399; display:block; margin-top:20px;}
#area .lie2 a:hover{  text-decoration:none;}
#area .lie3{ float:left; width:300px;}
#area .lie3 h2{ font-size:16px; color:#5F9ED2; font-weight:bold; display:block; margin-top:5px; margin-bottom:10px;}
#area .lie3 a{ background:url(../images/arr_link.gif) left center no-repeat; padding:0 0 0 12px; color:#004399; text-decoration:none; line-height:180%;}
#area .lie3 a:hover{ font-weight:bold; text-decoration:underline;}
#area .lie3 .remember{ font-weight:bold; color:#000000; padding-top:5px;}
#area .lie3 .language ul{
	width:250px;
	float: left;
}
#area .lie3 .language ul .continent{ font-weight:bold; margin-top:10px;}

#foot{ clear:both; width:940px; margin: 0 auto; background:url(../images/foot_bg.jpg) left top repeat-x; padding:15px 0 0 0;}
#foot .copyright{ float:left;}
#foot .otherlink{ float:right; color:#D6E8F5;}
#foot .otherlink a{ color:#D6E8F5;}
#foot .otherlink a:hover{ color:#D6E8F5; text-decoration:none;}

.top{ background:url(../images/default_top_bg.jpg); height:130px;}
.top .dlogo{ float:left;}
.top .dlogo a{ display:block; width:200px; height:130px;}
.dlanguage{
	float:right;
	color:#FFFFFF;
	margin-top:0px;
	margin-right: 0px;
}
.dlanguage a{ color:#FFFFFF;}
.secarh{ float:right; margin-top:60px; margin-right:10px;}
.secarh .setext{ width:300px;}
#menu{ background:url(../images/default_menu_bg.jpg); height:42px;}
#menu .bing{ border-left:1px solid #4A6182; border-top:1px solid #4A6182; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; font-size:13px; font-weight:bold; background:#C1D7E8; padding:3px 10px 3px 6px; color:#517592; margin-top:6px;}
#menu li{ margin:10px; padding-left:0px; padding-right:0px; float:left;}
#menu li a{ font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#menu li a:hover{ color:#E3ECF4;}
.index{ padding:10px;}
.index .ileft{ width:700px;  float:left;}
.hpro{ float:left; margin-right:5px; width:330px; margin-top:0px;}
.hpro .hcaption{ float:left; background:url(../images/bti_left.jpg) left top no-repeat; height:28px; width:335px; display:block;}
.hpro .hcaption span{ float:left; background:url(../images/bti_right.gif) right top no-repeat; padding:5px; width:325px; height:18px; color:#FFFFFF; font-weight:bold; display:block; margin-bottom:10px;}
ul.hprolist{ clear:both; margin-top:5px;}
ul.hprolist li{ margin-bottom:5px; background:F2F2F2; padding:6px;}
ul.hprolist li img{ width:120px; height:120px; border:1px solid #DCE8F1; float:left;}
ul.hprolist li .hpro{ float:left; margin-left:5px; width:180px;}

.cpro{ float:left; margin-right:10px; margin-top:15px;}
ul.cprolist{ clear:both; margin-top:5px;}
ul.cprolist li{ margin-bottom:5px; background:F2F2F2; padding:6px; float:left;}
ul.cprolist li img{ width:120px; height:120px; border:1px solid #DCE8F1; float:left;}
ul.cprolist li .hpro{ float:left; margin-left:5px; width:180px;}

.hpro a{ color:#6FA0C8; font-weight:bold; margin-bottom:10px; font-size:14px;}
ul.fprolist{ clear:both; margin-top:5px;}
ul.fprolist li{ margin-bottom:8px; padding:6px;}
ul.fprolist li .imgs{ width:120px; height:120px; border:1px solid #DCE8F1; float:left;}
ul.fprolist li .fpro{ float:left; margin-left:5px; width:180px;}
.fpro a{ display:block; color:#6FA0C8; font-weight:bold; margin-bottom:10px; font-size:14px;}
.fmore img{ width:91px; height:13px; float:right; margin-top:10px;}

.iright{ float:left; width:200px;}
.hnews{
	width:205px;
	margin-bottom:15px;
	clear:both;
	float: right;
}
.hnews .hcaption{float:left; background:url(../images/bti_left.jpg) left top no-repeat; height:28px; width:205px; display:block;}
.hnews .hcaption span{float:left; background:url(../images/bti_right.gif) right top no-repeat; padding:5px; width:195px; height:18px; color:#FFFFFF; font-weight:bold; display:block;}
.proli{ clear:both;}
ul.hnewslist{ clear:both; padding:10px; margin:0;}
ul.hnewslist li{ margin-bottom:6px;}
ul.hnewslist li a{ color:#41637C; background:url(../images/arr_link.gif) left center no-repeat; padding:0 0 0 12px;}
ul.hnewslist li a:hover{ text-decoration:none; font-weight:bold;}

ul.uprolist{ clear:both; background:#DCE8F1; padding:10px; margin:0;}
ul.uprolist li{ margin:0; padding:0;}
ul.uprolist li a{ color:#41637C; background:#DCE8F1 url(../images/arr_link.gif) left center no-repeat; padding-top:5px; text-indent: 8px; font-size:10px; display:block; height:21px;}
ul.uprolist li a:hover{ color:#000000; background:#F2F2F2 url(../images/fan.gif) left center no-repeat;}
ul.uprolist li .zong{ color:#41637C; background:#DCE8F1 url(../images/arr_link.gif) left center no-repeat; padding:5px 5px 5px 12px; font-size:11px; font-weight:bold;}

#menushow{ float:left; position: relative;z-index:1;visibility: hidden;margin:0;padding0; font-size:1px; width:1px; height:1px; display:block;}
#menushow a{ display:block; color:#FFFFFF; padding:2px 2px 2px 5px; text-decoration:none; font-size:10px; }
#menushow a:hover{ color:#364A6B; background:#B7C5DB;}
#menushow div{ font-size:10px; z-index: 3; margin:0; padding:5px; right:-10px; background:#364A6B; position:absolute; width:120px; visibility: hidden; border-bottom:2px solid #6FA0C8;border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}

#show0{	top:30px;}
#show1{	top:50px;}
#show2{	top:87px;}
#show3{	top:110px;}
#show4{	top:140px;}
#show5{	top:170px;}
#show6{	top:190px;}
#show7{	top:220px;}
#show8{	top:250px;}
#show9{	top:260px;}
#show10{ top:305px;}
#show11{top:325px;}
#show12{top:350px;}
#show13{top:375px;}
#show14{top:400px;}
#show15{top:425px;}
#show16{ top:460px;}
#show17{ top:487px;}


/* Pro */


.productpics {
	float: left; margin-right:15px;
}
.productInfo {
	padding: 4px; float:left; color:#364A6B;
}
.warranty {
	text-align:left;
}
.productDetails {
	xclear: both;
	xmargin-top: 6px;
	xpadding: 4px 0px 4px 0px;
	xborder: 1px solid blue;
}
.productDetails .farRightCol {
	float: right;
	width: 14em;
	background-color: #FFF;
}
.productDetails .farRightCol .title {
	border-left: 3px solid #FFF;
	xmargin-bottom: -1px; 
}
.productDetails .farRightCol .box {
	background: #F2F4F5 url("../images/small_gray_grad.gif") repeat-x top left;
	border-left: 3px solid #FFF;
}
.driverLinks {
	margin-bottom: 8px;
}
.driverLinks .button {
	width: auto;
	float: left;
	margin: 0px 12px 8px 0px;
}
.driverLinks .buttonm a{
	width: auto;
	float: left;
	padding:2px 12px 2px 16px;
	background:url('../images/manual_icon.gif') left center no-repeat;
	color:#364A6B;
}
.driverLinks .buttond a{
	width: auto;
	float: left;
	padding:2px 0 2px 16px;
	background: url("../images/driver_icon.gif") left center no-repeat;
	color:#364A6B;
}
#productTable {
	width: 100%;
	padding-right: 1px;
}
#chlinks {
	display: none;
}
.smallpics { padding-bottom:10px;}
.smallpic{ width:80px; height:80px;}
.smallpics a{ border:1px solid #CCCCCC; padding:3px; margin:4px;}
.smallpics a:hover{ border:1px solid #666666; padding:3px; margin:4px;}
.pictuss { font-weight:bold; height:25px; padding-top:15px;}

#main .sdt{width: auto; color: #993300; padding:8px; margin-bottom:10px; border:1px solid #999999;}
#main .sdt span{ padding-right:20px; font-weight:bold; font-size:1.1em;}
#main .sdt a{ color:#666666; text-decoration: none; padding:2px 10px 2px 10px; font-size:1.0em;}
#main .sdt a:hover{ color:#FFFFFF; text-decoration: none; font-weight:bold; padding:2px 10px 2px 10px; background-color: #666666; font-size:1.0em;}
#main .sdt a.zhong{ color:#993300; text-decoration: none; padding:2px; font-size:0.9em; font-weight:bold; font-size:1.2em; padding-right:23px;}
#main .sdt a.zhong:hover{ color:#FFFFFF; text-decoration: none; font-weight:bold; padding:2px; padding-right:23px; background-color: #666666;  font-weight:bold; font-size:1.2em;}

.box { color:#666666;}
#proview strong { color:#000000;}
#proview b { color:#000000;}
.midCol{ clear:both;}
h1{ font-size:26px; font-weight: normal;}
.dao a{ font-size:11px; color:#000000;}
.bigname{ color:#6FA0C8; font-size:30px; padding:10px 0 10px 0;}
.prolabel{ padding:5px; background:#F2F2F2;}
.prolabel a{ padding:0 5px 0 5px; color:#000000;}
.prolabel a:hover{ font-weight:bold;}
.prolabel a.useb{ padding:0 10px 0 10px; color:#577299; font-weight:bold;}
.prolabel a.useb:hover{ text-decoration:none;}
select{ font-size:10px;}
.faqtext{ line-height:130%; padding:15px;}

.faqtext a{ color: #0066CC;}
.faqtext a:hover{ text-decoration:none;}
.faqtext li{ margin-bottom:10px;}

.munber{ clear:both; color:#81B8E5; font-weight:bold;  text-align:right; padding-top:5px; padding-bottom:10px; margin:0;}
ul.fprolistII {
clear:both; margin-top:5px;
}