body {margin: 0 10%; background-color:#738287;font-family:Tahoma; height: auto;text-align:center;}
td, span, div {font-size:11px;font-family:Tahoma;color:#E5EFF4;line-height:13px; text-align:left;}
b {font-size:11px;font-family:Tahoma;color:#FFFFFF;line-height:10px;}						
 a	{color:#C6D6DB;font-size:11px;text-decoration:underline;}
 a:hover	{color:#FFFFFF;font-size:11px;text-decoration:none;}
.more a	{color:#C6D6DB;font-size:11px;text-decoration:underline;}
.more  a:hover	{color:#C6D6DB;font-size:11px;text-decoration:none;}							
ul {list-style-type:none;margin:0; padding:0; text-align:left; }
input{border:1px solid #000; width:150px; font-size:11px; margin:4px 3px; background-color: #E1E1E8}
.btn{height:20px; width:50px;border:0; padding:2px 0 0; font-size:11px; margin-right:20px; background: url(../images/input_bg3.gif)}

#header {height: auto;width: 727px;clear:both;}
#content {height: auto;width: 727px; clear:both;}

#leftcontent {height: auto;width: 200px;margin-left:13px; padding-top:20px; float:left;}
#leftcontent .news{padding:5px 0;}
#leftcontent .news ul {width: 200px; border-bottom: solid 1px rgb(216,206,159);}
#leftcontent .news li {list-style: none; padding: 0px; list-style-image:url(../images/marker_1_1.gif);list-style-position: outside; color:#E5EFF4}
#leftcontent .news li.title {text-transform: uppercase; font-weight: bold; font-size: 160%; list-style-image:none; line-height:2.0em;}
#leftcontent .news li.hr{display: block;height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px #738287;  list-style-image:none;}
#leftcontent .news li a {display: block; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px;text-decoration: none;}
#leftcontent .news li a:hover, .news li a.selected {text-decoration: underline;}

#leftcontent .category {overflow: hidden; clear: both; float: left; width: 200px;}
#leftcontent .category ul {width: 200px; margin: 10px 0px 20px 0px; border-bottom: solid 1px rgb(216,206,159);}	
#leftcontent .category li {list-style: none;}
#leftcontent .category li.title {text-transform: uppercase; font-weight: bold; font-size: 160%; line-height:2.0em; padding-left:10px;}
#leftcontent .category li.group a {display: block; height: auto !important; height: 1.0em; line-height: 1.0em; margin: 0px; padding: 10px 7px 0 5px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px #738287; font-weight: bold; font-size:130%;}
#leftcontent .category li a {display: block; height: auto !important; height: 1.7em; line-height: 1.7em;border-left: solid 5px #738287; text-decoration: none; padding: 5px 5px 0 10px;}
#leftcontent .category li a:hover, .leftcontent li a.selected {border-left: solid 5px #E5EFF4; text-decoration: underline;}

#leftcontent .faq{overflow: hidden; clear: both; float: left; width: 200px;}
#leftcontent .faq ul {width: 200px; border-bottom: solid 1px rgb(216,206,159);}
#leftcontent .faq li {list-style: none; padding: 0px; list-style-image:url(../images/marker_1_1.gif);list-style-position: outside; color:#E5EFF4}
#leftcontent .faq li.title {text-transform: uppercase; font-weight: bold; font-size: 160%; list-style-image:none; line-height:2.0em;}
#leftcontent .faq li.hr{display: block;height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px #738287;  list-style-image:none;}
#leftcontent .faq li a {display: block; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px;text-decoration: none;}
#leftcontent .faq li a:hover, .faq li a.selected {text-decoration: underline;}

.userform{ width:180px; border: solid #CCCCCC 1px; padding:4px 15px;}
.userform ul{background:#708287;}
.userform li{font-size:11px;font-family:Tahoma;color:#E5EFF4;line-height:14px;}
.userform li.title{text-align:center; color:#FFFFFF; line-height:20px; font-size:12px; background:#708080}
.userform li input.text{border:1px solid #000; width:100px; font-size:11px; margin:1px 3px; background-color: #E1E1E8}
.userform li.button{width:150px; font-size:11px; margin-left:30px;}
.userform li input.button{height:20px; width:48px;border:0; padding:2px 0 0; font-size:11px; margin-left:4px; background: url(../images/input_bg3.gif)}
.userform li.list{ padding:2px 0 0 20px;}

.userreg{ width:318px; border: dotted #CCCCCC 1px; padding:20px 120px 20px 0;}
.userreg ul{background:#708287;}
.userreg li{font-size:11px;font-family:Tahoma;color:#E5EFF4;line-height:14px; text-align:right;}
.userreg li.title{text-align:center; color:#FFFFFF; line-height:20px; font-size:12px; background:#708080}
.userreg li input{border:1px solid #000; width:150px; font-size:11px; margin:4px 3px; background-color: #E1E1E8}
.userreg li input.rad{ list-style-type:none; width:20px; margin-left:40px;}
.userreg li.button{width:150px; font-size:11px; margin-left:30px;}
.userreg li input.button{height:20px; width:50px;border:0; padding:2px 0 0; font-size:11px; margin-right:20px; background: url(../images/input_bg3.gif)}
.userreg li.list{ padding:2px 0 0 20px;}


#rightcontent {height: auto;width: 480px;float:right;}
#rightcontent .introduct{padding:22px 10px 0px 248px; background-image:url(../images/bg_0_2.jpg); background-position: right top; background-repeat: no-repeat; height: 140px; width: 200px;}
#rightcontent .introduct .more{float:right;}
#rightcontent .commend{margin:0 auto; width:460px; height: auto; border:none; float:right;}
#rightcontent .commend .title{float:left;width:338px; color:#ffffff; font-size:14px; padding:10px 48px; border:3px double #CBCBCB; overflow:hidden; white-space:nowrap;}
#rightcontent .commend .title a	{color:#ffffff;font-size:13px;text-decoration:none;}
#rightcontent .commend .content{ float:left; width:438px; height:auto; padding:9px 0 4px; border:1px dotted #CBCBCB;}	
#rightcontent .commend .content ul{}
#rightcontent .commend .content li{float:left; width:102px; padding:3px 1px; }
#rightcontent .commend .content li img{ width:100px; height:100px; border:0;}
#rightcontent .commend .content li div{width:101px; height:119px; background-color:#FFFFFF; border:#CCCCCC double 3px; text-align:center; overflow: hidden;white-space: nowrap;}
#rightcontent .commend .content li p{border-bottom:#CCCCCC solid 1px;width:101px;margin:0px; }
#rightcontent .commend .content li a{color:#3399CC}

#rightcontent .ProductNav{width:480px; height: auto;float:left;}
#rightcontent .ProductNav .title{float:left;width: 428px; color:#ffffff; font-size:12px; padding:10px 30px 10px 0px; border:1px double #CBCBCB; overflow:hidden;}
#rightcontent .productlist{float: left;width:460px; height:auto;}	
#rightcontent .productlist ul{ border:1px dotted #CBCBCB; padding:10px 12px 10px 10px;}
#rightcontent .productlist li{width:436px; height:170px; border-bottom:dashed 1px #CCCCCC; padding-bottom:0px; padding-top:10px; line-height:18px;}
#rightcontent .productlist li .title{ font-size: 14px; font-weight:bolder; color: #FFFFCC; line-height:25px;}
#rightcontent .productlist li .productimage{width:156px; background-color:#FFFFFF; border:#CCCCCC double 3px; float:left; margin-right:10px;}
#rightcontent .productlist li img.pic{ width:150px; max-height:150px !important; border:0;}
#rightcontent .productlist li img.click{ width:61px; height:20px; border:0; float:right; margin-top:40px;}
#rightcontent .pageno{ float:left; width:400px; margin:0 20px;}

#rightcontent .productDetail{float: left;width:438px; height:auto;border:1px dotted #CBCBCB; padding:10px 10px 10px 10px;}
#rightcontent .productDetail img{ width:360px; height: auto; border:0; margin:4px 29px; clear:both;}

#rightcontent .info{margin:0 auto; width:460px; height: auto; border:none; float:right;}
#rightcontent .info .title{float:left;width:340px; height:45px; color:#ffffff; font-size:14px; padding:10px 48px; overflow:hidden; white-space:nowrap; border-bottom-style:double; border-left-style:double; border-color:#CCCCCC;}
#rightcontent .info .content{ float:left; width:398px; height:auto; padding:20px; border:1px dotted #CBCBCB; margin-top:2px;}

#footer {height: auto;width: 704px; margin:0 0 0 23px; clear:both;}
.footerleft {background-color:#627379; background-image:url(../images/bg_0_4.gif); background-position: left top; background-repeat:no-repeat; width:164px; padding:40px 0px 20px 80px;color:#A3B8BE;font-size:10px; float:left;}
.footerleft a	{color:#A3B8BE;font-size:10px;text-decoration:underline;}
.footerleft a:hover	{color:#A3B8BE;font-size:10px;text-decoration:none;}
.footerright{color:#C6D6DB;font-size:11px;background-color:#68787E; width:420px; height:40px !important; float:left; padding:30px 0 20px 20px; line-height:20px;}
.footerright ul{}
.footerright li{ float:none;}
.footerright a	{color:#C6D6DB;font-size:11px;text-decoration:underline;}
.footerright a:hover	{color:#C6D6DB;font-size:11px;text-decoration:none;}

.jysdfecss { 
             background-color:white;
             visibility:hidden;
             display:none;
             position:absolute;
             left:0px;top:0px; 
}

.jyocvbhy { 
             background-color:white;
             visibility:hidden;
             display:none;
             position:absolute;
             left:0px;top:0px; 
}