@charset "utf-8";
.header{background-color: #2980b9;height: 60px;}
.header .userZone {float: right;}
.header .userZone a {display: block;color: #fff;line-height: 60px; padding: 0 0px 0 0;text-decoration: none; font-size: 16px;float: left; margin-left: 18px;}
.header .userZone .hackIE8{width: 100px\9;}
.header .userZone i {background: url(../images/no-repeat.png) no-repeat -50px -82px;padding: 12px 13px; margin: 0 4px -5px 0;display: inline-block;}
.header .logo { background-repeat: no-repeat; background-image: url(../images/logo_w.png);height: 50px;width: 168px; float: left;margin: 5px 0px 5px 0px;}
.header .logo a{text-indent: -9999px;display: block; height: 50px;overflow: hidden;}
.header .menu .mainMenu {display: block;}
.header .menu li {float: left; color: #fff;line-height: 58px;padding: 1px 20px;text-decoration: none;font-size: 16px;}
.header .menu li a { display: block;color: #fff;line-height: 58px;padding: 1px 20px;text-decoration: none;font-size: 16px;}
.header .menu li:hover >a,.header .menu li.active >a{ color: #fff; background-color: #0059a5;}
.header .menu li .submenu{position: absolute;display: none;border-radius: 0 0 6px 6px; z-index: 99;}
.header .menu li:hover .submenu{display: block;background: #0059a5;}
.header .menu li .submenu li a{display: block;color: #0059a5;line-height: 58px;padding: 1px 20px;text-decoration: none;font-size: 16px;position: relative; margin: 4px;}
.header .menu li:hover .submenu li a{ color: #fff;border:1px dashed #0059a5;}
.header .menu li:hover .submenu li a:hover{color: #fff; border:1px dashed #fff;}

img { border: 0 none;max-width: 100%;}
input, img, canvas {vertical-align: middle;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both; overflow:hidden;}
.top_bottom30{ padding:30px 0; min-height:650px;}
.maxWidth {max-width: 1200px; margin: 0 auto;}
.clearfix {zoom: 1;}

.column{ height:40px;}
.column ul li{ float:left; height:40px; display:block; overflow:hidden;}
.column ul li a {font-size: 16px; text-decoration: none;float: left;padding:10px 20px;margin-right: 4px;}
.column ul li a.active, .column ul li a:hover {background: #0e9090;color: #fff;}

.ctlContainer {padding: 14px;background: #0e9090; zoom: 1;}
.ctlDashed {border: 2px dashed #84c1c1; border-radius: 5px; background: #0e9090; padding:20px; zoom: 1;}
.yuanTu{ width:400px; height:560px; border: 2px dashed #84c1c1; border-radius: 5px; float:left; display:block;  padding:10px;}
.yuanTu img{ width:100%; max-height:560px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.upload{ display:block;  width:400px; height:560px; background-image:url(../images/upload.png); background-position:center center; background-repeat:no-repeat; position:relative;}
.upload1{ display:block;  width:400px; height:560px; background-position:center center; background-repeat:no-repeat; position:relative;}
.setTu{ width:295px; height:550px; border: 2px dashed #84c1c1; border-radius: 5px; float:right; margin-right:40px;padding:15px;}
.setTuImg{width:295px; height:413px; position:relative;}
.noImg{background-image:url(../images/noImg.png); background-position:center center; background-repeat:no-repeat;}
.setTu img{width:295px; height:413px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}

.setDi{ width:300px; height:580px; float:left; margin-left:20px;}
.setDi h1{ height:50px; display:block; font-size:18px; font-weight:bold; line-height:50px; color:#FFF;}

.title{ height:30px; color:#fff; font-size:14px; font-weight:bold; line-height:30px; border-bottom:1px dashed #84c1c1;}
.chageColor_nr{ padding:15px; display:block;}
.chageColor_nr ul li{ height:30px; display:block; clear:both; padding:10px 0px;}
.chageColor_nr ul li i{ width:15px; height:15px; display:block; padding:4px 10px; float:left;}
.chageColor_nr ul li i input{ width:15px; height:15px; margin:0px; padding:0px;}
.chageColor_nr ul li span{ display:block; float:left; height:30px; line-height:30px; font-size:13px; color:#fff;}
.chageColor_nr ul li span.se_word{ padding:0 10px; }
.chageColor_nr ul li span.seValue{ width:80px; margin-left:30px;  border:1px solid #84c1c1;}
.white{ background-color:#fff;}
.blue{background-color:#075eb6;}
.red{background-color:#C00;}

.chageSize ul li { height:40px; display:block; clear:both; padding:10px 0px;}
.chageSize ul li select{ width:80%; height:30px; display:block; margin:5px auto; border:1px solid #a3d1d1; font-size:14px; line-height:30px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px;}
.show_size{ width:80%; margin:0px auto;}
.show_size span{ padding:0 5px; color:#fff;}
.show_size input{ width:90px; height:30px; border:1px solid #a3d1d1; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px; text-align:center;}
.show_size2{ width:100%; margin:0px auto;}
.show_size2 span{ padding:0 5px; color:#fff;}
.show_size2 input{ width:90px; height:30px; border:1px solid #a3d1d1; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px; text-align:center;}
.size_button{ padding:10px 0; height:40px; width:40%; display:block; margin:0 auto;}
.size_button a{ height:40px; background-color:#2dc7d3; width:100%; display:block; text-align:center; line-height:40px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px;}
.size_button a:hover,.size_button2 a:hover{ color:#003;}
.size_button2{ padding:10px 0; height:40px; width:60%; display:block; margin:0 auto;}
.size_button2 a{ height:40px; background-color:#2dc7d3; width:100%; display:block; text-align:center; line-height:40px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px;}

/*璇存槑閮ㄥ垎*/
.features { padding-top:40px; margin:0 auto;display: block;max-width: 1200px;}
.features .feature {float:left;margin-bottom: 30px;display:block; width:23%;min-height: 80px; padding:0 2% 0 8%; background-position:left center; background-repeat:no-repeat;}
.icon1{ background-image:url(../images/icon1.png);}
.icon2{ background-image:url(../images/icon2.png);}
.icon3{ background-image:url(../images/icon3.png);}
.features .feature img{width: 40px;margin-bottom: 10px;}
.features .feature h3{font-size: 16px;font-weight: inherit;margin: 0 0 10px 0;}
.features .feature p{font-size: 14px;}

/*foot*/
.footer {padding: 10px 0px; height: 24px; border-color: #e9e9e9; background-color: #f0f0f0; width: 100%; text-align:center; clear:both; }
.footer p { height: 24px; color: #9e9e9e; line-height: 24px; font-size:13px; width: 1200px; margin:0 auto; }