body{ font-size:11pt; color:#333; margin:0px 0px; line-height:1.7em; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; /*background-color:#ac6d28;*/ background-color:#fefdf6; }
h1{ font-size:15pt; color:#822547; }
h2{ color:#076fa2; font-size:12pt; line-height:2.8em; padding:0px 0px; margin:0px 0px; clear:both; }
h2 a{ color:#076fa2; font-size:12pt; line-height:2.8em; padding:0px 0px; margin:0px 0px; clear:both; }
h3{ color:#c91417; clear:both;  }
a{ font-size:11pt; color:#a26217; text-decoration:none; }
a:hover{ text-decoration:none; }
a img{ border:none; }
ul{ list-style-position:outside; margin:0px; padding:0px; }
li{ list-style-type:none; list-style-position:outside; }
div{ overflow:hidden;zoom:1;  }/*avoid div can't filling-in when child objeat set float attribute*/
input{ font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; }
/*input{ -webkit-appearance:none; border-radius:0;}*/ /*去除input默认样式*/

.floatLeft{ float:left; }
.floatRight{ float:right; }
.clearBoth{ clear:both; }
.number { color:#c96b13; }
.prePage{ width:100px; height:35px; background-color:#1376d1; display:block; float:left; color:#FFF; line-height:2.2em; }
.nextPage{ width:100px; height:35px; background-color:#1376d1; display:block; float:right; color:#FFF; line-height:2.2em; }
.page{ width:54px; height:26px; text-align:center; position:relative; top:2px; font-size:8pt; }
.margin5{ margin:5px 5px; }
.margin20{ margin:0px 20px; }
.marginVertical10{ margin:10px 0px; }
.marginHorizontal10{ margin:0px 10px; }
.success{ height:95px; width:95px; background:url("element.png") no-repeat transparent -103px -190px; }
.successText{ width:300px; font-size:11pt; }
.red{ color:#C91417; }
.line{ display:block; width:100%; height:5px;  overflow:hidden; border-top:1px dashed #A1A1A1; margin-top:5px; }
.tips{ color:#2B2B2B; font-weight:bold; font-size:11pt; }
.hidden{ display:none; }
.font14{ font-size:14pt; line-height:1.7em; }
.infoColor{ color:#717171; }

.logoMobile { width:150px; height:145px; background:url('logo.png') transparent 0px 154px; background-size:140px auto; margin-top:20px; }
.logoMobileTop { width:280px; height:80px; background:url('logoTop.png') no-repeat transparent 0px 0px; background-size:280px auto; }
.repairMan{ width:150px; height:175px; background:url('error.gif') transparent 0px 175px; background-size:150px auto; }

.goodsList li{ background-color:#FFF; border:1px solid #CCC; margin:10px 0px; padding:5px 5px; -moz-border-radius:5px;border-radius:5px; }
.goodsList label{ display:block; }
.goodsList label p{ margin:0px 0px; padding:0px 0px; }
.goodsList p{ clear:both; }
.goodsList .notes{ color:#919191; }
.goodsList .picture{ width:100%; height:auto; }
.goodsList .price{ color:#AC1128; font-weight:bold; text-align:right; margin-top:-31px; }
.goodsList .price .TheOriginalPrice{ font-size:10pt; color:#AAA; text-decoration:line-through; }
.goodsList .priceInfo{ color:#AC2B28; font-weight:bold; text-align:left; margin-top:0px; }
.goodsList .priceInfo .TheOriginalPrice{ font-size:10pt; color:#AAA; text-decoration:line-through; }
.goodsList .info{ clear:both; color:#333; }
.goodsList .orderButton{ border:0px solid #ac6d28; background-color:#e10000; color:#FFF; width:170px; height:35px; font-size:14pt; line-height:1.7em; }
.goodsList .orderButtonSoldOut{ border:0px solid #ac6d28; background-color:#AAA; color:#FFF; width:170px; height:35px; font-size:14pt; line-height:1.7em; }
.goodsList .orderButtonInfo{ position:fixed; bottom:5px; left:0px; right:0px; }
.goodsList .sales{ font-size:10pt; color:#919191; /*color:#AC1128;*/ }

.goodsInfo{ border-bottom:1px solid #CCC; background-color:#FFF; }
.goodsInfo li{ background-color:#FFF; margin:0px 0px; padding:0px 0px; }
.goodsInfo h1{ margin:2px 5px; }
.goodsInfo label{ display:block; }
.goodsInfo label p{ margin:0px 0px; padding:0px 0px; }
.goodsInfo p{ clear:both; }
.goodsInfo .notes{ color:#919191; }
.goodsInfo .picture{ width:100%; height:auto; }
.goodsInfo .price{ color:#AC2B28; font-weight:bold; text-align:right; margin-top:-31px; }
.goodsInfo .price .TheOriginalPrice{ font-size:10pt; color:#AAA; text-decoration:line-through; }
.goodsInfo .priceInfo{ color:#AC2B28; font-weight:bold; margin-top:5px; margin-left:5px; }
.goodsInfo .priceInfo .TheOriginalPrice{ font-size:10pt; color:#AAA; text-decoration:line-through; }
.goodsInfo .info{ clear:both; /*color:#AC8E28;*/ color:#919191; margin:0px 5px; }
.goodsInfo .orderButton{ border:0px solid #ac6d28; background-color:#e10000; color:#FFF; width:170px; height:35px; font-size:14pt; line-height:1.7em; }
.goodsInfo .orderButtonSoldOut{ border:0px solid #ac6d28; background-color:#AAA; color:#FFF; width:170px; height:35px; font-size:14pt; line-height:1.7em; }
.goodsInfo .orderButtonInfo{ position:fixed; bottom:5px; left:0px; right:0px; }
.goodsInfo .sales{ font-size:10pt; color:#919191; /*color:#AC1128;*/ }
.goodsInfo #chooseSizeTitle{ color:#333; overflow:auto; }
.goodsInfo #chooseSize li{ background-color:#F1F1F1; border:1px #AAA dashed; color:#333; float:left; margin:10px 5px 5px 5px; padding:5px 10px; width:auto; text-align:center; -moz-border-radius:5px;border-radius:5px; }
.goodsInfo #chooseSize .onSelected{ background-color:#992025; color:#FFF; border:1px solid #992025; }
.addressList li{ background-color:#FFF; margin:10px 0px; padding:5px 5px; -moz-border-radius:5px;border-radius:5px; color:#919191; }
.addressList span{ display:block; width:275px; height:45px; margin:10px 0px; text-align:left; }
.addressList .title{ display:block; width:100%; margin:0px 0px; height:auto; font-weight:bold; }
.addressList .address{ display:block; width:100%; margin:0px 0px; height:auto; }
.addressList .button{ display:block; float:left; text-align:center; background-color:#1f7c95; color:#FFF; width:80px; height:35px; font-size:12pt; line-height:2.1em; margin:0px 5px; }
.addressList .button a{ color:#FFF; }
.infoTitle{ display:block; color:#FFF; font-weight:bold; margin-top:10px; }
.infoArtticle{ overflow:hidden; color:#333; margin-top:0px; padding:20px 5px; }
.infoArtticle img{ width:100%; }

.WebInfo li{ height:80px; background-color:#915c35; color:#D3AD7B; border:1px solid #915c35; margin:5px 0px; padding:5px 5px; -moz-border-radius:10px;border-radius:10px; font-size:10pt; line-height:1.5em; }
.WebInfo li img{ width:60px; height:60px; float:left; margin:10px 0px 0px 0px; }
.WebInfo li .WebInfoWords{ width:70%; margin-left:70px; border:0px solid #333; }
.WebInfo li .title{ display:block; color:#FFF; font-weight:bold; font-size:11pt; }
 
#loading{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#AAA; z-index:101; padding:48% 0px; text-align:center; font-size:20pt; filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; }

#container{ width:100%; }
#container .firstLi{ border-top:none; }
#container .lastLi{ border-bottom:none; }

#header{ width:100%; height:38px; background-color:#993a21; color:#FFF; font-size:11pt; border-bottom:0px solid #faaf3e; z-index:101; text-align:center; }
#header h1{ font-size:12pt; color:#FFF; margin:8px 0px; font-weight:normal; }
#header a{ color:#FFF; font-size:10pt; }
#header #left h1{ font-size:14pt; color:#FFF; float:right; margin:9px 1px; }
#header #left{ float:left; margin-top:0px; }
#header #center{ text-align:center; float:none; }
#header #center h1{ font-size:14pt; color:#FFF; margin:5px 35px 5px 0px; }
#header #right{ float:right; margin:0px 5px; overflow:visible; }
#header #right a{ font-size:12pt; position:relative; top:-32px; }
#header .return{ width:35px; height:35px; text-align:center; font-size:10pt; background:url("element.png") no-repeat -25px 10px; }
#container .infoHeader{ position:absolute; height:0px; width:10px; overflow:visible;  top:2px; left:2px; }
#container .infoHeader .return{ width:35px; height:35px; position:absolute; top:2px; left:2px; text-align:center; font-size:10pt; background:url("element.png") no-repeat -25px 10px; }
#container .infoHeader .returnBackground{ width:35px; height:35px; position:absolute; top:2px; left:2px; z-index:-1; text-align:center; font-size:10pt; background-color:#000; filter:alpha(Opacity=35);-moz-opacity:0.35;opacity:0.35; }

#content{ width:auto; height:auto; margin:0px 10px; }
#contentGoodsInfo{ width:auto; height:auto; margin:0px 0px; background-color:#F5F5F5; }

.myOrderList{ background-color:#FFF; border:1px solid #AAA; -moz-border-radius:5px;border-radius:5px; margin:10px 0px; padding-bottom:5px;  }
.myOrderList li{ padding:5px 4px; text-align:center; height:38px; line-height:2.7em; color:#782815; border-bottom:1px dashed #c0a285;  -moz-border-radius:5px;border-radius:5px; }
/*.myOrderList li:hover{ background-color:#c0a285; color:#FFF; } */
.myOrderList p{ margin:0px 5px; color:#515151; }
.myOrderList h1{ font-size:14pt; line-height:2.1em; color:#993a21; }
.myOrderList a{ color:#247f97; text-decoration:none; font-weight:bold; }
.myOrderList a li{ color:#247f97; text-decoration:none; font-weight:normal; }
.myOrderList .dish{ display:inline-block; width:48%; height:35px; text-align:left; float:left; overflow:visible; font-size:10pt; }
.myOrderList .amount{ display:inline-block; width:32%; height:35px; text-align:center; overflow:hidden; }
.myOrderList .price{ display:inline-block; width:17%; height:35px; text-align:right; float:right; overflow:hidden; }
.myOrderList .add{ width:25px; height:28px; overflow:hidden; font-family:"Arial", "微软雅黑",Verdana; background-color:#EEE; border:2px outset #EEE; padding:3px 5px; }
.myOrderList .num{ width:15px; height:20px; text-align:center; font-size:8pt; background-color:#E1E1E1; border:1px solid #AAA; overflow:hidden; }
.myOrderList .subtraction{ width:25px; height:28px; overflow:hidden; font-family:"Arial", "微软雅黑",Verdana; background-color:#EEE; border:2px outset #EEE; padding:3px 5px; }
.myOrderList .sum{ height:auto; border-bottom:0px solid #c0a285; color:#919191; font-size:11pt; margin-top:10px; margin-bottom:10px; text-align:right; }
.myOrderList .info{ display:block; font-size:11pt; color:#A1A1A1; margin:5px 0px; }
.myOrderList .button{ font-weight:bold; text-align:left; font-size:12pt; color:#976017; background-color:#c6a06e; margin:10px 5px; border:none; line-height:2.4em; }
.myOrderList .buttonA{ font-weight:bold; text-align:center; font-size:12pt; color:#919191; background-color:#E1E1E1; margin:10px 5px; border:none; line-height:2.4em; }
.myOrderList .button span{ display:block; width:20px; height:20px; float:left; position:relative; top:9px; margin-right:5px; }
.myOrderList .button .buttonInfo{ background:url("element.png") no-repeat -31px -70px; }
.myOrderList .button .buttonPassword{ background:url("element.png") no-repeat -101px -70px; }
.myOrderList .button .buttonAddress{ background:url("element.png") no-repeat -178px -70px; }
.myOrderList .button .buttonOrder{ background:url("element.png") no-repeat -128px -70px; }
.myOrderList .button .buttonVoucher{ background:url("element.png") no-repeat -157px -70px; }
.myOrderList .button .buttonEnter{ float:right; background:url("element.png") no-repeat -0px -70px; }
.myOrderList .orderState{ height:85px; overflow:visible; line-height:1.5em; color:#2B2B2B; }
.myOrderList .orderState .dish{ display:inline-block; width:54%; height:auto; text-align:left; float:left; font-size:10pt; overflow:hidden; line-height:1.5em; }
.myOrderList .orderState .amount{ display:inline-block; width:26%; height:auto; text-align:center; font-size:10pt; overflow:hidden; line-height:1.5em; }
.myOrderList .orderState .price{ display:inline-block; width:17%; height:auto; text-align:right; float:right; overflow:hidden; line-height:1.5em; }
.myOrderList .orderState .state{ display:block; font-size:10pt; color:#A1A1A1; }
.myOrderList .last{ background-color:#EFEFEF; }

.explainArea{ background-color:#FFF; -moz-border-radius:5px;border-radius:5px; margin:10px 0px; padding-bottom:5px; }
.explainArea h3{ text-align:center; }
.explainArea li{  list-style-type:decimal;  list-style-position:inside; padding:5px 4px; text-align:left; height:auto; overflow:visible; line-height:1.7em; color:#782815; border-bottom:1px dashed #c0a285; }

.myVoucherList { margin:90px 0px 0px 0px; }
.myVoucherList li{ margin-top:-70px; }
.myVoucherList a{ text-decoration:none; }
.Voucher5{ width:300px; height:95px; background:url('Voucher5.png') no-repeat transparent 0px 0px; background-size:300px auto; }
.Voucher10{ width:300px; height:95px; background:url('Voucher10.png') no-repeat transparent 0px 0px; background-size:300px auto; }
.Voucher20{ width:300px; height:95px; background:url('Voucher20.png') no-repeat transparent 0px 0px; background-size:300px auto; }
.Voucher50{ width:300px; height:95px; background:url('Voucher50.png') no-repeat transparent 0px 0px; background-size:300px auto; }
.Voucher100{ width:300px; height:95px; background:url('Voucher100.png') no-repeat transparent 0px 0px; background-size:300px auto; }
.denomination{ display:block; width:100px; height:50px; font-size:35pt; line-height:1em; position:relative; top:-82px; left:20px; color:#FFF; }
.periodOfValidity{ display:block; width:300px; height:50px; font-size:10pt; line-height:1em; position:relative; top:-50px; }

.myOrderInfo{ border:0px solid #e78d22; -moz-border-radius:5px;border-radius:5px; /*color:#2B2B2B;*/ color:#333; font-weight:bold; margin:0px 0px; padding:0px 0px; }
.myOrderInfo h1{ font-size:12pt; text-align:center; line-height:2.8em; color:#993a21; }
.myOrderInfo li{ margin:15px 0px; font-size:12pt; line-height:2.0em; }
.myOrderInfo input{ width:99%; height:30px; color:#782815; border:1px solid #AAA; -moz-border-radius:5px;border-radius:5px; }
.myOrderInfo select{  width:99%; text-align:center; font-size:12pt; line-height:2.1em; height:32px; color:#782815; font-family:"Microsoft YaHei","宋体"; border:1px solid #AAA; -moz-border-radius:5px;border-radius:5px; background-color:#FFF; }
.myOrderInfo textarea{ width:97%; font-family:"Microsoft YaHei","宋体"; color:#782815; border:1px solid #AAA; -moz-border-radius:5px;border-radius:5px; }
.myOrderInfo .remember{ display:block; text-align:right; font-size:11pt; color:#333; margin:5px 0px; line-height:2.1em; }
.myOrderInfo .remember input{ display:inline; vertical-align:middle; margin-top:0px; width:auto; border:1px solid #333; }
.userDefined{ display:none; }
.myOrderInfo .radio{ height:auto; }
.submitOrder{ width:100%; height:45px; border:none; background-color:#2570a0; color:#FFF; line-height:1.7em; font-size:12pt; font-weight:bold; }
#ReceivablesInfo{ display:none; }

#footer{ text-align:center; color:#FFF; margin-top:0px; font-size:14pt; background-color:#915c35; }
#footer .info{ font-size:11pt; }
#footer .info a{ font-size:11pt; }
#footer .shoppingList{ position:fixed; right:5px; bottom:10px; height:60px; width:60px; -moz-border-radius:30px;border-radius:30px; border:0px solid #ac6d28; background-color:#FFF000; line-height:1.5em; font-size:12pt; font-weight:bold; overflow:hidden; color:#AC1128; }
#footer .shoppingListHover{ position:fixed; right:5px; bottom:10px; height:60px; width:60px; -moz-border-radius:30px;border-radius:30px; border:0px solid #AC1128; background-color:#AC1128; line-height:1.5em; font-size:12pt; font-weight:bold; overflow:hidden; }
#footer .statistics{ display:block; font-size:10pt; margin-top:5px; margin-bottom:-5px; }
#footer .myOrder{ position:fixed; left:5px; bottom:10px; height:45px; width:45px; -moz-border-radius:30px;border-radius:30px; line-height:1.5em; font-size:10pt; overflow:hidden; background:url("element.png") transparent 147px 395px; background-color:#AC1128; }