﻿@charset "utf-8";


/*Main Container*/
#container {width:960px;margin:0px auto;}
#swf {width:960px;height:280px;padding-top:95px;}
#swf_p {width:960px;height:460px;padding-top:95px; display:block;}
#main {height:1%;overflow:hidden;}
#content {width:720px;float:right; display:inline;background:url('../images/css/content_bg.jpg') left repeat-y;}
#contentbox {background:url('../images/css/content_top.jpg') left top no-repeat;}
.cont_box {padding:25px 20px;font-size:12px;line-height:20px; min-height:320px; height:auto !important; height:320px;}
.cont_box .subtitle {font-size:24px;color:#ffffff; margin-bottom:15px;}
.cont_box .moreProducts {margin-top:50px;}
.cont_box h2 {font-size:16px;color:#c4c905;}
.cont_box a {color:#CCC;}
.cont_box a:hover{color:#dadf00;}



/*Contact Us */
#contact .cont_box li strong {color:#999999;}
.wmap{background:url('../images/css/map.gif') 430px 20px no-repeat;}
.contact_form {padding:50px 0px 0px 0px;}
.contact_form {width:600px;}
.formbox {height:1%;overflow:hidden;padding:2px 0px;}
.formbox label {color:#ffffff;font-weight:bold;width:75px;}
.formbox label,.formbox input,.formbox select,.formbox textarea {float:left;}
.formbox input,.formbox select, .formbox textarea {border:1px solid #a0a0a0;}
.formbox input,.formbox textarea {width:374px;}
.formbox input:not([class*=""]),.formbox textarea:not([class*=""]) {width:372px;}
.formbox textarea {overflow:auto;}
.formbox.cols input {width:135px;}
.formbox.cols select {width:139px;}
.formbox.cols select:not([class*=""]) {width:137px;}
label.right {margin:0px 0px 0px 30px;}
.btn_contact{ margin:20px 0 0 180px;}



/*news*/
.year {float:left; display:inline;margin:0px 0px 50px 15px;width:680px;}
.year ul {float:left; display:inline;}
.year li {float:left;display:inline;width:92px;background:url(../images/css/year_line.gif) right top no-repeat;}
.year li.firstYear{width:95px;background:url(../images/css/year_line.gif) right top no-repeat;}
.year li.lastYear{width:93px; background:none;}
.year li a{float:left;display:inline;width:90px; height:29px;background:url(../images/css/year_bg.gif) no-repeat top; color:#CCC; font-size:18px; text-decoration:none; padding-top:10px; text-align:center;}
.year li a:hover{background-position:bottom;color:#333;}
.year li a.firstYear{width:93px;background:url(../images/css/year_bg_L.gif) no-repeat top;}
.year li a.firstYear:hover {background-position:bottom;color:#333;}
.year li a.lastYear{width:93px;background:url(../images/css/year_bg_R.gif) no-repeat top;}
.year li a.lastYear:hover {background-position:bottom;color:#333;}
.year li a.notyet{ color:#666; cursor:default;}
.year li a.notyet:hover{ color:#666; cursor:default;background-position:top;}

.newsbox {float:left; display:inline;width:645px;padding:0px 0px 15px 0px; margin-left:15px;overflow:hidden;}
.newsbox .month {float:left; display:inline;text-align:center;color:#ffffff;font-size:16px;padding:1px 0px; font-weight:bold;}
.newsbox .list {float:right;width:585px;}
.list li {background:url('../images/css/date_back.gif') left top no-repeat;height:23px;margin:0px 0px 10px;}
.list li .date {color:#ffffff;width:90px;text-align:center;display:inline-block;margin:0px 10px 0px 0px;font-weight:normal;}
.list a{color:#666; text-decoration:none;}
.list a:hover{color:#dadf00;}
.backtop {background:url('../images/css/backtop_back.gif') bottom repeat-x;padding:10px 0px 0px 0px;clear:both;width:585px;margin-left:60px;}
.backtop a {background:url('../images/css/backtop_btn.gif') bottom no-repeat;display:inline-block;width:48px;height:19px;margin-bottom:2px;}
.backtop a:hover {background:url('../images/css/backtop_btn.gif') top no-repeat;width:48px;height:19px;}
.backtop a span {display:block;filter:Alpha(Opacity=0);Opacity:0;float:left;height:19px;width:48px;}




/*customer service*/
#customer .cont_box ul {margin:20px 0px 0px 0px;}
#customer .cont_box li {background:url(../images/css/service_list.gif) left 5px no-repeat;padding:0px 0px 0px 15px;}
#customer .cont_box li span {display:inline-block;width:60px;}
#customer .cont_box li a {color:#ff9900; text-decoration:none;}

#customer.warranty .cont_box li {margin-bottom:15px;}
#customer.warranty .cont_box .inote li {margin:0px;color:#333333;background:url(../images/css/inote_list.gif) left 3px no-repeat;padding:0px 0px 0px 20px;}



/*Product DropDown Menu*/
.productList1{ float:left; display:inline;width:181px; height:39px;background:url(../images/css/faq_list_bg1.jpg) no-repeat;margin-top:10px; margin-bottom:20px;}
#productList{ float:left; display:inline;width:322px; height:39px;background:url(../images/css/faq_list_bg2.jpg) no-repeat; position:absolute; margin-left:360px; margin-top:-42px;}
#productList3{ float:left; display:inline;width:465px; height:39px;background:url(../images/css/faq_list_bg3.jpg) no-repeat;}
.listBox{width:125px; height:20px;float:left; display:inline;}
#productList3 .listBox1,.productList1 .listBox1,#productList #listBox1,#productList3 #listBox1,#productList .listBox1{float:left; display:inline; margin-left:8px; margin-top:8px;}
#productList3 .listBox2,#productList #listBox2,#productList3 #listBox2,#productList .listBox2{float:left; display:inline;margin-left:18px; margin-top:8px;}
#productList3 #listBox3,#productList3 .listBox3{float:left; display:inline;margin-left:18px; margin-top:8px;}
/*a#btnSearch{ width:45px; height:39px;background:url(../images/css/btnGlass.jpg) no-repeat; float:left; display:block; text-indent:-5000px;}*/






/*Product--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.cont_box ol{ list-style:none; margin:0; padding:0; margin-top:20px;}
.cont_box ol li{ list-style:none; color:#FFF; margin:0; padding:0; padding-left:20px; background:url(../images/css/side_list_over.gif) no-repeat 0 5px; margin-bottom:30px;}
.cont_box ol li p{color:#666; margin:0; padding:0; border-top:1px solid #333;}

/*FAQ--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cont_box ol li a{color:#666; margin:0; padding:0; border-top:1px solid #333;display:none;}


/*catagorySet*/
.cont_box ul#catagorySet{ float:left; display:inline;list-style:none; margin:0; padding:0; margin-top:15px;}
.cont_box ul#catagorySet li{float:left; display:inline;list-style:none; margin:0; padding:0;margin-top:3px;margin-left:10px;}
.cont_box ul#catagorySet li.firstItem{ margin-left:0px;}


/*catagorySet with dropdown menu*/
.cont_box ul#catagorySet li .cataList{width:220px;}
.cont_box ul#catagorySet li .cataList_01{ height:330px; background:url(../images/css/catagory1.jpg) no-repeat left;}
.cont_box ul#catagorySet li .cataList_02{ height:330px; background:url(../images/css/catagory2.jpg) no-repeat left;}
.cont_box ul#catagorySet li .cataList_03{ height:330px; background:url(../images/css/catagory3.jpg) no-repeat left;}
.cont_box ul#catagorySet li .listBox1{float:left; display:inline;width:190px; height:22px; margin-left:15px; margin-top:205px;border:1px solid #666;color:#333;}
.cont_box ul#catagorySet li .listBox2{float:left; display:inline;width:190px; height:22px; margin-left:15px; margin-top:10px;border:1px solid #666;color:#333;}
.cont_box ul#catagorySet li .descript{float:left; display:inline;width:195px; height:45px; margin-left:15px; margin-top:205px;}
.cont_box ul#catagorySet li .btnbox{float:left; display:inline; margin:15px 0 0 40px;}


/*catagorySet More*/
.cont_box ul#catagorySet li a.more{width:220px;height:140px; display:block; text-indent:-5000px;}
.cont_box ul#catagorySet li a.cataList_01{ background:url(../images/css/catagoryMore1.jpg) no-repeat left;}
.cont_box ul#catagorySet li a.cataList_02{ background:url(../images/css/catagoryMore2.jpg) no-repeat left;}
.cont_box ul#catagorySet li a.cataList_03{ background:url(../images/css/catagoryMore3.jpg) no-repeat left;}





/*all Product list*/
#productItem{margin-top:50px;float:left; display:inline;}
#productItem li{float:left; display:inline;width:680px;min-height:200px; height:auto !important; height:200px; border-top:1px solid #333;border-bottom:1px solid #000;}
#productItem li.firstItem{ border-top:none;}
#productItem li.lastItem{ border-bottom:none;}
#productItem li .productShot{float:left; display:inline;width:240px; height:200px;}
#productItem li .productInfo{float:left; display:inline;width:410px; margin-left:30px;}
#productItem li .subtitle{float:left; display:inline;margin-top:20px;}
#productItem li .descript{float:left; display:inline;width:410px;}
#productItem li .btnbox{float:left; display:inline; margin:15px 0 10px 0;}



/*for two color productName*/
.productName{margin-top:20px;width:300px; margin-top:-35px;}
productName_faq{margin-top:20px;width:300px; margin-top:0;}
.productSerial{color:#dadf00; margin-left:5px;}
.productType{font-size:15px; margin-left:15px; font-weight:bold;}



/*Spec*/
table{border-collapse:collapse; display:table;}
table.specTable{width:660px;border:1px solid #333;}
table.specTable tr{width:480px;border:1px solid #333;}
table.specTable td{border:1px solid #333; padding:5px 10px;}
table.specTable td.specItem{color:#CCC; font-weight:bold;}



/*Warranty*/
.noteText{ margin-top:50px;}
p.noteText span.subtitle{ font-size:16px; font-weight:bold;}
.noteInfo li{ background:url(../images/css/service_list2.gif) no-repeat 2px 7px;padding-left:20px; margin-bottom:15px;}
.noteText{ font-size:11px;}


/*shop--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.shopList{margin-top:30px;width:680px; height:auto; float:left; display:inline;}
.shopList .shopItem{margin-bottom:30px;width:320px;height:auto; float:left; display:inline;}
.shopList .shopItem .shopName{ color:#dadf00;}
.shopList .shopItem p{ border:none; color:#CCC;}