*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Arial;color:#FFF;background:#BCF1E0;}
a{text-decoration:none;color:#00ff60;}
a:hover{text-decoration:underline;}
img{border:0;}
option{padding:0 5px 0 3px;}
h2{font:18px Arial;margin:0 0 10px;}
h3{font:bold 14px Arial;}
h4{font-size:12px;}
.clear{clear:both;}
.p{margin:10px 0;}
#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;color:#000;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{top:0;position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;color:#000;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}

.hdlog {background: none repeat scroll 0 0 #EEEEEE;height: 24px;position: relative;padding: 8px 0 0 365px;}
.mtypeb {background: url("btwl.png") no-repeat scroll 0 0;height: 59px;left: 20px;padding: 35px 0 0;position: absolute;text-align: center;top: -52px;width: 219px;font-weight:bold;}
.hdlog a {color: #000000;}
.hcpn{margin:10px 10px 10px 0;color:#00ff60;}

.wrap{width:800px;margin:0 auto;background:#607;}
.banner{padding:10px 0;}
.banner img{margin:0 auto;max-width:800px;height:auto;display:block;}
.tops,.tops .l,.tm span,.grupmenu span,.button span,#idnwshare a,.button .em a,.incplist a{background:url(twilight.png) repeat-x;}
.tops{height:94px;background-position:0 -121px;}
.tops .l,.tops .r{float:left;}
.tops .l{width:200px;height:58px;background-position:0 -27px;padding:35px 0 0;text-align:center;font-size: 10px;}
.mtype{font-weight:bold;color:#607;}
.since{display:block;color:#777;font:normal 11px Tahoma;}
.cpname{margin:10px;color:#0FA;width:580px;height:42px;overflow:hidden}
.url{font:12px "Courier New";padding:8px 0 0;margin: 0 10px;width:580px;}
.url a{color:#000;}

.menu{height:23px;padding:2px 0 0;background:#0FA;font:normal 13px/23px Verdana;}
.menu span{display:block;float:left;height:23px;}
.menu a{display:block;color:#000;}
.menu a:hover{text-decoration:none;}
.tm{margin:0 0 0 3px;}
.tm .l{width:3px;}
.tm .m{background-position:0 -214px;padding:0 3px;}
.tm .r{width:3px;background-position:-3px 0;}
.tm.current .l{background-position:-6px 0;}
.tm.current .m{background-position:0 -238px;}
.tm.current .r{background-position:-9px 0;}

.ldj{height:20px;padding:3px 0 10px;border-bottom:1px solid #fff;}
.lang{float:left;}
.lang img{vertical-align:middle;}

.mrq{font:bold 13px Arial;margin:5px 0;color:#FFF;}
.mrq a{margin: 0 3px;}
#jsmarquee{position:relative;overflow:hidden;height:20px;}
#vmarquee{position:absolute;left:0;}

.middle{padding:10px;position:relative;color:#FFF;_zoom:1;}
#idnwshare{float:right;}
#idnwshare a{display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;border:1px solid #fff;}
#idnwshare .fb{background-position:-85px 0;}
#idnwshare .tw{background-position:-62px 0;}
#idnwshare .gp{background-position:-39px 0;}
#idnwshare .in{background-position:-16px 0;}

.left{width:210px;float:left;}
#search_box{height:20px;border:#CCC solid 1px;background:#FFF;margin:0 0 10px;}
#search_box #q{font:11px Arial;float:left;border:0;padding:3px 2px;width:184px;_width:181px;color:#777;}
#search_box .focus{color:#000 !important;}
.gbox{border:#CCC solid 2px;padding:5px;background:#00f0a4;color:#000;}
.gbox a{color:#607;}
.grupmenu{height:25px;font:bold 12px/25px Arial;}
.grupmenu span{display:block;float:left;height:25px;background:#ffba00;}
.grupmenu span:hover{background: #f6d376;}
.grupmenu .m{width:200px;padding:0 5px;overflow:hidden;}
.grupmenu a{color:#607;}
.cpimg{text-align:center;}
.cpcontact{margin: 0 auto 10px;width: 190px;overflow: hidden;padding:5px 0;zoom:1;}
.cpcontact span{display:block;margin:3px 5px;overflow:hidden;padding:0;}
.cpcontact .t{font:bold 14px Arial;color:#FD1;margin:0 0 10px;}
.cpcontact p{margin:0 5px 0 15px}
.homepage div div{float:none !important;}
.insmeg{width:120px;height:16px;padding:5px 0 5px 5px;overflow:hidden;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHBAMAAAAotXpTAAAAFVBMVEUAAACqqqq7u7upqanS0tKsrKzGxsZPzlgtAAAAAXRSTlMAQObYZgAAACtJREFUCNdjYFJSUmJgYBIWNGJgYBAUFgCSiYIJQJJVlAEIWEQYQECBgQEANMICGXGHk0sAAAAASUVORK5CYII=') no-repeat 105px 11px;}
.grupmenu{position:relative;_zoom:1;z-index:20;}
.grupmenu.hover .subgrup{display:block;}
.subgrup{clear:both;position:absolute;left:210px;top:0;display:none;z-index:20;font:12px/20px Arial;background:#f6d376;}
.subgrup a{white-space:nowrap;display:block;padding: 2px 5px 3px;}
.subgrup a:hover{text-decoration:underline;}
.review{text-align:center;margin:10px 0 0;}
.review div{font-weight:bold;line-height:20px;}
.review span{display:block;}
.review a{display:block;}
.review table{margin: 12px 0; border-bottom: 1px solid #fff;padding:8px 0;}

.right{width:560px;float:right;text-align:justify;}
.butprof{margin:10px 0;height: 31px;}
.or{float: left; margin: 5px 5px 10px;}
.jsu {padding: 0 5px;}
.sdu{font:11px/20px Tahoma;margin:10px 0;padding:0 0 5px;}
.titlebg{color:#fff;padding:2px 0;font:bold 15px Tahoma;text-align:center;}
.cp img{float:left;margin:0 10px 0 0;}
.pp td{vertical-align:top;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{text-align:left;margin: 5px 0;}
.incplist .button{margin:5px;}
.incplist a{background-position:0 -190px;border-radius: 3px;padding:3px;border:1px solid #fff;line-height:23px;margin:0 5px;color:#fff;font:bold 11px Tahoma;}
.revpaging{background:#8903A7;margin:5px 0;padding:3px 0;}
.rrlink{padding: 8px; background:#8903A7; color: #fff;list-style:none;}
.grupdesc{padding:0 0 20px; border-bottom: 1px solid #fff;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px 0;}
.inqt{border-bottom:#8903A7 solid 1px;}
.inqt .button{margin:0 0 5px;}
.inq span{float:left;}
.inqb span,.inqb .button{margin-top:5px;}
.selectall{float:left;line-height:20px;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt span{background:url(listgrid.gif) no-repeat;margin:0 0 0 5px;line-height:12px !important;float:left;padding:0 0 0 17px;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;}
.paging{margin:10px 0;text-align:right;}

.prodtype{font:bold 14px Arial;padding:5px;background:#ffba00;margin:0 0 5px;}
.prodtype a{color: #fff;}
.litems{padding:5px 0;border-bottom:1px solid #8903A7;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#8903A7 solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:535px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#999;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#8903A7;display:inline-block;border:#EEE solid 1px;}
.litems .box4{width:340px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:33%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:6px;z-index:10;left:15px;top:4px;}
.gitems .box2{margin:0 auto 5px;width:120px;height:120px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#999;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#8903A7 dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.pimg{float:left;text-align:center;margin:0 10px 0 0;}

.snf{float:right;}
.pdnf {text-align:left;}
.pdnf li{margin:0 0 0 15px;line-height:20px;}

.button{float:left;margin-bottom:5px;}
.btn-r{float:right;}
.button span{display:block;height:23px;float:left;line-height:23px;}
.button .em a{background-position:0 -190px; padding: 5px 3px;line-height:23px;border-radius: 3px;border: 1px solid #fff;}
.button .m{background-position:0 -190px;border-radius: 3px;padding:0 3px;border:1px solid #fff;}
.button a{color:#fff;font:bold 11px Tahoma;}
.button a:hover{text-decoration: none;}

.slider{width:560px;margin:0 0 20px;position:relative;}
.slider-con{position:relative;height:205px;overflow:hidden;}
.slider-con li{position:absolute;width:560px;height:205px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-con img{width:560px;}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;font-size:0;}
.slider-tab .current{background:#ffba00;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:9;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#8903A7;}
#pdsnext,#pdsprev{display:none;width:20px;height:30px;position:absolute;top:35px;}
#pdsnext{right:5px;}
#pdsprev{left:5px;}

.bottom{background:#0FA;padding:10px;text-align:center;color:#000;}
.bottom a{color:#66007d;}
.bottom .footermenu{margin:10px 0 0;}
.bottom .footermenu a{font-weight:bold;}
.bottom .cpr{color:#555;font:10px Tahoma;}
.bottom hr {display: none;}
@media only screen and (max-width:768px){
.wrap{width:99%}
.banner,.banner img,#loginhead,#main{width:99%;max-width:99%}
.tops .r{width:70%}
.cpname,.url{width:90%}
.menu{width:95%}
.menu .list-menu{width:auto;}
.right{width:90%;}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.tops .r{width:50%}
.cpname{height:36px;font-size:16px}
.menu{height:50px}
}