@charset "utf-8";
/* CSS Document */
#main{clear:both;margin:auto;padding:0;margin-top:10px; padding-bottom:10px;width:1200px;height:auto!important;min-height:100px;max-height:none;overflow:hidden; }

#cart_title{margin:auto;padding:0;margin-top:10px; font-size:14px;}
#cart_title span{display:inline-block;color:#999; font-size:10px; margin:0px 10px 0px 10px;}
#cart_title i{ display:inline-block;background:#999; width:30px; height:30px; line-height:30px; color:#FFF; border-radius:50%; text-align:center; font-style:normal;}
#cart_title .on{ background:#000;}

#cart_left{margin-top:20px; padding-bottom:15px;float:left; width:58%;height:auto; overflow:hidden;}
#cart_right{float:right;width:38%; height:auto; overflow:hidden;}


#cart_list{margin:auto;width:auto;height:auto; overflow:hidden;border:#f1f1f1 1px solid;}
#ctitle{height:40px; line-height:40px;font-weight:bolder; background:#ededed; text-indent:10px;}

#clist{ margin:10px;height:auto; overflow:hidden;}
.cli{clear:both;padding:10px 0px 10px 0px;border-bottom:#f1f1f1 1px solid;height:auto; overflow:hidden;}
.cpic{ display:block; float:left; width:20%;}
.cpic img{ width:80%;}
.cinfo{ display:block; float:left; width:60%;}
.cinfo li{ padding-bottom:20px;}
.cinfo li img{width:15px;}
.cinfo li a{ font-weight:bolder;}
.cinfo li s{ display:inline-block;margin-left:10px;}
.cop{ display:block; float:left; width:20%;}
.cop .odel{ text-align:right;}
.cop .odel i{ font-size:16px; color:#999; cursor:pointer;}
.cop .oshow{ margin-top:60px; text-align:right; font-weight:bolder;}
.cop .oqty{ margin-top:10px; text-align:right;}
.cop .oqty .qdel{ display:inline-block;width:30px; height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1; line-height:30px; cursor:pointer;}
.cop .oqty .qadd{ display:inline-block;width:30px;height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1;line-height:30px;cursor:pointer;}
.cop .oqty .count{display:inline-block;width:40px;height:28px;border:#e0e0e0 1px solid; text-align:center; vertical-align:bottom;}
.cops{ display:block; clear: both; height: auto; overflow: hidden;}
.cops .oqty{ margin-top:10px; text-align:right;}
.cops .oqty .qdel{ display:inline-block;width:30px; height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1; line-height:30px; cursor:pointer;}
.cops .oqty .qadd{ display:inline-block;width:30px;height:30px;border:#e0e0e0 1px solid; text-align:center; background:#f1f1f1;line-height:30px;cursor:pointer;}
.cops .oqty .count{display:inline-block;width:30px;height:28px;border:#e0e0e0 1px solid; text-align:center; vertical-align:bottom;}

/*#clist ul{clear:both;padding:10px 0px 10px 0px;border-bottom:#ddd 1px solid;height:auto; overflow:hidden;}
#clist li{display:block; float:left;}
#clist #l1{width:10%;}
#clist #l1 img{width:90%;}
#clist #l2{width:30%;}
#clist #l2 img{width:30px;}
#clist #l3{width:10%;}
#clist #l4{width:10%;}
#clist #l5{width:10%;}
#clist #l6{width:10%;}
#clist #l7{width:10%;}
#clist #l8{width:10%;}
#clist i{ font-style:normal; display:none; color:#999;}
#ctotal{padding:20px 0px 20px 0px; height:auto; overflow:hidden;}
#ctotal li{display:block; float:left;}
#ctotal #o1{width:50%;}
#ctotal #o1 a{display:block;height:30px; width:150px; line-height:30px; color:#000; text-align:center; background:#ededed;}
#ctotal #o2{width:50%; text-align:right; font-size:18px;}
*/

#cadd{ margin: auto; margin-bottom:20px;width:120px;height:35px; line-height:35px; color:#fff; text-align:center; background:#af0000;cursor:pointer; border:#af0000 1px solid; display:none;}

#cart_content{ padding:20px 0px 20px 0px;border-bottom:#CCC 1px solid;}


#tl{height:40px;line-height:40px;font-weight:bolder; background:#000; text-indent:10px; color:#FFF;}
#tc{height:auto; overflow:hidden;}
#tc ul{clear:both;padding:10px 10px 10px 10px;}
#tc #oc_box{margin-left:2%;width:48%;display:block;float:left;  height:auto; overflow:hidden;}
#tc #oc_boxs{margin-left:2%;width:98%; display:block; height:auto; overflow:hidden;}
#tc li{ display:block;}
#tc #oc_title{line-height:25px; font-weight:bolder;}
#tc .reg_input{ width:97%; height:30px;border:#ddd 1px solid;}
#tc .reg_inputs{ width:98%; height:30px;border:#ddd 1px solid;}
#tc .reg_select{ width:97%; height:32px;border:#ddd 1px solid; background:#FFF;}
#tc .reg_textarea{ width:98%; border:#ddd 1px solid;}
#cart_txt{padding:0px 20px 0px 20px; line-height:30px;}

#tb{margin-top:20px;width:auto;border:#000 1px solid;height:auto; overflow:hidden;}
#ts{ padding:20px;}
#tsc{ width: 100%;}
#tsc img{ max-width: 100%;}
#ttotal{ margin:10px 20px 10px 20px;height:auto; overflow:hidden;}
#ttotal li{ line-height:30px;}
#ttotal li span{ float:right;}
#ordersumbit{ margin: 20px ;height:40px; line-height:40px; color:#fff; text-align:center; background:#000;cursor:pointer; border:#000 1px solid;}
#ordercontinue{ margin: 20px ;height:40px; line-height:40px; color:#000; text-align:center; background:#fff;cursor:pointer;  border:#000 1px solid;}

#tlogin{margin:10px 20px 10px 20px;height:auto; overflow:hidden;}
#tlogin li{ margin-top:10px;height:auto; overflow:hidden;}
#tlogin li a{ float:right; display:inline-block; height:29px; width:80px; line-height:29px;color:#000; background:#f1f1f1; border:#e0e0e0 1px solid; text-align:center;}
.grandtotal{ clear:both;margin-top:50px; border-top:#ccc 1px solid; font-weight:bolder;}

#tcoupon{margin:10px 20px 10px 20px;height:auto; overflow:hidden;}
#tcoupon #coupon{width:200px; height:25px;border:#ccc 1px solid; text-indent:10px;}
#tcoupon #apply{ float:right; display:inline-block;height:29px; width:80px; line-height:29px;color:#000; text-align:center;background:#f1f1f1; border:#e0e0e0 1px solid;cursor:pointer; vertical-align:middle;}

#tintegral{margin:10px 20px 10px 20px;display:none;}

#tccontent{margin-top:20px; padding:20px;width:auto;border:#ccc 1px solid;height:auto; overflow:hidden;}

#tshipping{margin:10px 20px 10px 20px;border-bottom:#ccc 1px solid;}
#tshipping li{ padding:5px 0px 5px 0px;}

#c{clear:both; padding-top:20px;text-align:center;}

#cart_login{margin:auto;padding:0;margin-top:10px; padding:10px;width:auto;height:auto; overflow:hidden;border:#ddd 1px solid;}
#cart_login #lt{ font-size:18px;}
#cart_login #lc{ line-height:30px;}
#cart_login #lc a{display:inline-block;height:29px; width:80px; line-height:29px;color:#000; text-align:center;background:#ededed;cursor:pointer; vertical-align:middle;}

#show_creditcard{margin:10px 0px 10px 0px; height:auto; overflow:hidden; display:none;}
#show_creditcard li{ padding:5px 0px 5px 0px;}
#show_creditcard .cinput{width:250px; height:25px;border:#ddd 1px solid;}
#show_creditcard .cselect{width:123px; height:27px;border:#ddd 1px solid;}

/*@media screen and (min-width: 1400px) {
#main{width:90%;}
}
*/
@media screen and (max-width: 700px) {
#main{width:100%;}
#cart_login{ margin:0px 10px 0px 10px;}
#cart_left{clear:both; float:none;margin:10px; width:auto;}
#cart_txt{}
#cart_right{ clear:both; float:none;margin:10px; margin-top:0px;width:auto;}

#cart_title{padding:10px; padding-top:0px;text-align:center;}
/*#ctitle{display:none;}
#cart_list{ padding:10px;}
#clist ul{border-bottom:#ededed 20px solid;}
#clist #l1{width:auto;}
#clist #l1 img{width:100px;}
#clist #l2{width:auto;}
#clist #l2 img{width:30px;}
#clist #l3{clear:both;margin-top:10px;width:50%;}
#clist #l4{margin-top:10px;width:50%;text-align:right;}
#clist #l5{clear:both;margin-top:5px;width:50%;}
#clist #l6{margin-top:5px;width:50%;text-align:right;}
#clist #l7{margin-top:10px;width:50%;}
#clist #l8{margin-top:10px;width:50%;text-align:right;}

#clist i{ display: inline-block;}


.size{height:25px;border:#ddd 1px solid; width:80px;margin-top:5px; background:#FFF;}
.count{height:23px;border:#ddd 1px solid; width:78px;margin-top:5px;}
.del{height:23px;border:#ddd 1px solid; width:80px;background:#ddd;}
*/
.cop .oqty .count{ height:30px;}
.cops .oqty .count{height:30px;}
#ctotal #o1{ display:none;}
#ctotal #o2{ width:100%;font-size:16px;}

#show_creditcard .cinput{width:98%; height:25px;border:#ddd 1px solid;}
#show_creditcard .cselect{width:49%; height:27px;border:#ddd 1px solid; background:#FFF;}
#float_right{display:none;}
}