@charset "utf-8";
/* CSS Document */
body{text-align:center; background:#061e26; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:3px 0}
a:link{color:#0672b6; text-decoration:none;}
a:visited{color:#0672b6; text-decoration:none;}
a:hover{color:#1198ee; text-decoration:none;}
a:active{color:#1198ee; text-decoration:none;}

#header{margin:0 auto; width:928px; height:244px; background:#9aebfd url(../pic/header_bg.jpg) left top no-repeat; text-align:left; position:relative }
#wrapper{margin:0 auto; width:928px; background:#fff; text-align:left}
#footer{margin:0 auto; width:928px; height:60px; background:#061e26 url(../pic/footer_bg.jpg) left top no-repeat; position:relative;}
#header h1{position:absolute; top: 21px; left:187px; width:314px; height:62px; text-indent:-5000px;}
#header h1 a{ display:block;  height:62px; background:url(../pic/logo.gif) no-repeat; }
div.speed#flying{position:absolute; z-index:2; top:0;right:64px; width:452px; height:244px;}
#header .desc{position:absolute; top: 57px; left:27px; background:#fff}
#header .lan{position:absolute; top:16px; right:10px; width:108px; line-height:20px; height:20px; background: url(../pic/lan_bg.gif) left top no-repeat; z-index:4; padding-left:10px; display:block}
#header .lan li{ display:inline; padding:1px 5px;}
#header .lan a:link, #header .lan a:visited, #header .lan li.c a:hover, #header .lan li.c a:active{color:#6CF}
#header .lan a:hover, #header .lan a:active{color:#fff}
#header .lan li.c{background:#FFF}
#mainNav{margin:0; padding:0; z-index:3;list-style:none; width:928px; height:2.5em; background:#083f52; position:absolute; left:0; bottom:0;font-size:16px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
#mainNav li{float:left; }
#mainNav a{display:block; float:left; padding:0 1em; line-height:2.5em; background:url(../pic/bar-nav.gif) left top repeat-y; text-decoration:none; color:#fff;font-weight:bold;}
#mainNav a:hover, #mainNav a:active{background:#0a516a url(../pic/bar-nav.gif) left top repeat-y;}
#mainNav a.first:link, #mainNav a.first:visited{background-image:none}
body.home #mainNav a.home, body.product #mainNav a.product, body.manual #mainNav a.manual,body.about #mainNav a.about,body.contact #mainNav a.contact,body.news #mainNav a.news{background-color:#da251c;}
#sideBar h3{background:url(../pic/sidebar-title.jpg) left top repeat-x ; font-size:14px; height:2.1em; line-height:2.1em; padding:0 1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0c4f69; }
/************************product&amp;manual***************
**********************************************/

body.product #wrapper, body.about #wrapper, body.manual #wrapper{background:#fff url(../pic/wrap_bg.gif) -20px top repeat-y;}
#sideBar{float:left; width:240px;padding:10px 0}
.secondNav{font-size:116%; font-family:Arial, Helvetica, sans-serif;}
.secondNav a{display:block; padding:0 1em; background:#5eaaef url(../pic/secNav.jpg) left top no-repeat; color:white; line-height:2em; text-decoration:none;}
.secondNav a:visited{display:block; padding:0 1em; background:#5eaaef url(../pic/secNav.jpg) -480 0 no-repeat; color:white; line-height:2em; text-decoration:none;}
.secondNav a:hover, .secondNav a:active{background:#5eaaef url(../pic/secNav.jpg) -240px 0 no-repeat; color:#fff;text-decoration:none;}
.secondNav a.cs:link, .secondNav a.cs:visited{background:#5eaaef url(../pic/secNav.jpg) -240px 0 no-repeat;}
#mainCnt{margin-left:240px;}
div.series{margin-bottom:6px; margin-right:6px; float:left; width:260px;}
div.allproduct{margin-left:39px}
div.series h4{background:#eee;color:#900; padding:5px; color:#C00; font:Arial; font-size:131%}
div.series li{padding:5px;}
div.series h4 a:link,div.series h4 a:visited{text-decoration:none; margin:0.5em 0}
div.series h4 a:hover,div.series h4 a:active{color:#900; text-decoration:underline}
div.series .productView .productTitle a,div.series .productView .productTitle a:visited{display:block; height:19px; line-height:19px; text-align:center; color:#333 ;background:#DDD; text-decoration:none}
div.series .productView .productTitle a:hover{background:#333; color:#FFFFFF; text-decoration:none}
.pimage{background:#fff url(../pic/shadow.gif) right bottom no-repeat; width:232px; height:175px; float:left; margin-left:10px}
.artical div.cert{background:url(../pic/shadow.gif) right bottom no-repeat; padding:0; line-height:1em; width:110px; height:110px;}
ul.listblock{margin-left:30px;	}
ul.listblock li{list-style:outside square;}
.artical .cert a:link img , .artical .cert a:visited img{top:0 ; left:0;}
.artical .cert a:hover img , .artical .cert a:active img{top:-5px; left:-5px}
.pimage img{ position:relative;}
.cert img{ position:relative; top:-2px; left:-2px ;}
.pdata{width:409px; float:left; background:#fff; }
.ptable{margin:5px; padding:3px; background:#fff;}
.ptable .p_n{ text-align:right; color:#666666; font-weight:bold; width:119px;}
.ptable .p_v{ text-align:left;}
table.fdtbl{border                                                                                               -collapse:collapse; width:100%; border-top:1px solid #666; border-left:1px solid #666;}
* html .manual table.fdtbl{width:643px;}
table.fdtbl th, table.fdtbl td{padding:0.1em 0.5em; border-bottom:1px solid #666;border-right:1px solid #666;}
table.fdtbl th{background:#f2f2f2; font-weight:bold;}
table.fdtbl tr:hover{background:#f2f2f2;}
td.download {width:12em;}
table a:link,table a:visited{ text-decoration:none;}
.poption{margin:5px; padding:3px; background:#fff; text-align:right}
.productView{margin:15px 0;}
.pdata h3, body.manual #mainCnt h3{color:red; font-size:16px; font-weight:bold; margin:5px; padding:3px; line-height:1.1em;background:#fff;}
div.manuals{padding:20px 0 20px 39px;background:#FFFFFF; position:relative}
.download a, a.pdf{padding-left:18px; line-height:16px; background:url(../pic/pdf.gif) left center no-repeat;}
/************************About*****************
**********************************************/
body.about #mainCnt {padding:1px; line-height:1.5em }
.artical{margin:20px 10px 10px 20px; padding:5px; background:white; font-family:Verdana; line-height:2em;}
.artical p, .artical address{background:white; padding:10px; }
.artical div{ padding:10px;}
.artical h3{background:white; padding:10px; font-size:1.2em; color:#da251c; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#mainCnt h3{ font-size:1.2em; padding-left:39px; color:#da251c;font-family:Arial, Helvetica, sans-serif; padding-top	:20px}
.artical strong{ font-weight:bold; color:#900}
/************************Contact*****************
**********************************************/
.message{margin:20px 0 0 10px;}
.message label{display:block; margin:6px 0 0 4px;}
.message h4{ color:#da251c; font-weight:bold;}
.message input{margin-left:10px; background:#D7E8EC; border:1px solid #666;}
.message button{margin-left:298px; margin-top:5px;}
.message textarea{margin-left:10px; height;172pxpx; width:346px; background:#D7E8EC;border:1px solid #666;}
.send-btn{ text-indent:-5000px;width:60px; height:25px; background:url(../pic/send-btn.jpg); border:0;}
#content2 div.thanks{position:absolute; top:0; left:0; width:388px;height:400px; background:#fff;}
#content2 div.thanks h3{ text-align:center; font-size:30px; padding:30px 0; background:none;}
div.Microsoft_Live_Messenger_PresenceButton{float:left; margin-right:11px;}
/************************Home*****************
**********************************************/
body.home #content1 img{margin:10px;}
#content1{width:538px; float:left; overflow:hidden}
#content2{width:388px; float:right; }
body.contact #content2{float:left; position:relative; width:386px}
body.contact #content2 h3{ background:none; margin:30px 0 0; border:0 }
#content2 h3, #contentb h3{background:url(../pic/h3.gif) left bottom no-repeat; border-bottom:1px solid #DA251C;color:#da251c; font-family:Arial, Helvetica, sans-serif; font-size:18px; 
line-height:2em; margin:0 10px;}
.home #content2{padding-top:10px}
#content2 p{margin:0 10px; background:#fff; padding:0.5em;}
#content2 .more{display:block; text-align:right; background:#fff; margin:0 10px}
#contentb{margin:10px 5px 0; padding-bottom:10px;}
.clear{clear:both}
img.picleft{float:left; margin-right:5px}
#footer .copyright{ text-align:right; right:12px; bottom:22px; position:absolute;}
.pwindow{width:164px; float:left; margin-left:15px;}
.imgshow a img{border:2px solid #eee;}
.imgshow a:hover img{border:2px solid #333;}
.pwindow h4{ background:#0c536f; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#FFFFFF; line-height:1.5em; height:3em}
.bigbutton{display:block; line-height:5.9em; height:5.9em; background:#CCCCCC; text-indent:-5000px; overflow:hidden}
.home .btns{padding:11px 67px}
a.bigbutton.contact{ background:url(../pic/contact.jpg) left top no-repeat}
a.bigbutton.download{ background:url(../pic/download_manual.jpg) left top no-repeat}
.fltrt{float:right}
.marlt{margin-left:10px;}
.fltlt{float:left}
.ctitle { font-weight:bold;color:#da251c;}
.cemail {display:block; margin:10px 0 0 15px}
.cadd {margin:10px 0 0 15px; font-size:11px; display:block}
.artical .fltlt{ margin-right:15px; margin-bottom:15px;}
.clear{display:inline-block;}
div.sss{position:absolute; top:0; left:0; cursor:default; display:block; width:20px; height:20px; line-height:0 ; font-size:0; background:061e26; }
span.date{float:right; font-size:85%; color:#999999}
div.news{}
ul.newslist{margin:10px;}
body.news #wrapper{background:#fff url(../image/newsBg.gif) right top repeat-y}
body.news #content2{width:25.9em; font-size:125%}
body.news #content1{}
ul.newslist{margin:1em 0 0 0;}
ul.newslist li{padding:0 1em; line-height:1.5em; font-size:93%}
ul.newslist a:link{ text-decoration:none;}
ul.newslist a:visited{text-decoration:none; }
ul.newslist a:hover,ul.newslist a:active{text-decoration:underline}
ul.newslist .c {background:#DA251C;}
ul.newslist .c .hot{color:white}
ul.newslist .c .date{color:#CCC}
ul.newslist .hot{color:red; font-size:85%; font-weight:bold; float:right; margin-right:5px}
ul.newslist .c a:link,ul.newslist .c a:visited,ul.newslist .c a:hover,ul.newslist .c a:active{color:white; text-decoration:none}
div.crumbtrail{font-size:85%; font-family:Verdana; padding:2px 10px; background:#eee}