.full_size{width:100%}
input.full_size{width:92%}
label.field_title{float:left;line-height:14px;margin:8px 0 5px 0;text-indent:2px;font-weight:normal;letter-spacing:1px;font-size:12px}
.field_wrap{position:relative;float:left;width:100%;margin-bottom:8px;padding:5px 0;display:table-cell;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 1px 0 #eee inset,1px 1px 0 white;background:white;-webkit-tap-highlight-color:transparent}
.field_wrap.select{background:url(imagesicon_select_arrow.png)90% center no-repeat white;background-size:10px 15px}
.picker_wrap{position:relative;float:left;padding:5px 0;height:24px;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 white;background:-webkit-linear-gradient(#fcfcfc,#e5e3e3);background:-o-linear-gradient(#fcfcfc,#e5e3e3);background:-moz-linear-gradient(#fcfcfc,#e5e3e3);background:-ms-linear-gradient(#fcfcfc,#e5e3e3)}
.picker_wrap.select:after{content:'';position:absolute;z-index:2;right:0;top:0;margin:10px 10px 0 0;float:left;width:10px;height:15px;background-size:10px 15px}
.picker_wrap select{width:96%; display:block;height:24px;margin:0;padding:0;-webkit-tap-highlight-color:transparent;appearance:transparent;-webkit-appearance:transparent;-o-appearance:transparent;-moz-appearance:transparent;-ms-appearance:transparent}
.picker_wrap.date_size{float:left;width:60%}
.picker_wrap.time_size{float:right;width:38%}
.picker_wrap.flip:after{content:'';position:absolute;z-index:2;right:0;margin:8px 30px 0 0;float:left;width:6px;height:10px;background:url(imagesicon_arrows.png)-10px center no-repeat;background-size:40px 10px}
.picker_wrap.flip a{float:left;width:100%;height:24px;line-height:24px;text-align:left;text-indent:12px;color:black}
.drop_list:active{display:block}
.drop_list{position:absolute;z-index:5;float:left;width:100%;margin:28px 0 0 -1px;padding:0;border:1px solid #ccc;border-top:0;box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:3px;background:#f7f7f7;}
.drop_list dl{float:left;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;margin:0;padding:5px 10px;border-bottom:1px solid #ccc;box-shadow:0 1px 0 white inset;font-size:10px;background:white}
.drop_list dl:last-of-type{border:0}
.drop_list dl dt,.drop_list dl dd{float:left;width:100%;margin:0;padding:0}
.drop_list p{float:left;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:6px 10px;border-top:1px solid #ccc;box-shadow:0 1px 0 white inset}
.drop_list p a{font-size:12px}
.drop_list p strong{float:left;width:100%;line-height:22px}
.drop_list ul{position:absolute;z-index:3;float:left;width:100%;max-height:160px;overflow-y:scroll;margin:0 0 0 -1px;padding:0;list-style:none;border:1px solid #ccc;border-radius:3px;border-top-left-radius:0;border-top-right-radius:0;background:white}
.drop_list ul li{float:left;width:90%;line-height:18px;padding:5px 5%;border-bottom:1px solid #ccc}
.drop_list ul li:last-of-type{border:0}
.drop_list dl:active,.drop_list ul li:active{background:#299acf}
.drop_list .list_items{width:100%;float:left;max-height:160px;overflow-y:scroll;border-top:1px solid #ccc}
.field_wrap.validate_failed,.picker_wrap.validate_failed{border-color:#e00000}
input:focus,textarea:focus,select:focus{outline:none}
select{margin-left:6px;float:left;width:90%;height:38px;border:0;font-size:14px;-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;-ms-appearance:none;color:#4c4c4c;background:url(imagesicon_select_arrow.png)no-repeat right center transparent;background-size:10px 15px}
input.textfield,textarea.textfield{float:left;margin:0;height:16px;line-height:16px;padding:5px 10px;font-size:14px;border:0;min-width:90%;background:transparent}
textarea.textfield{height:auto;}/*update at 20150615*/
.textfield:focus+.drop_list{display:block}
.picker_wrap.select span{float:left;width:80%;height:28px;line-height:14px;padding-left:5%}
input.picker_value{position:absolute;z-index:2;left:0;opacity:0;float:left;height:30px}
.picker_value:focus+.drop_list{display:block}
input.textfield[data-shortname]{text-transform:uppercase}
input.user{ padding-left:30px;font-size:15px;color:#333;background:url(imagesicon_user.png)no-repeat 8px center;background-size:16px 16px}
input.email{ padding-left:30px;font-size:15px;color:#333;background:url(imagesmailBg.png)no-repeat 8px center;background-size:16px 16px}
input.city{font-size:15px;color:#333;background:url(imagesicon_city.png)no-repeat right center;background-size:15px 14px}
input[type=date]{background:url(imagesicon_calendar.png)no-repeat 100% 50%}
input[type=time]{background:url(imagesicon_clock.png)no-repeat 100% 50%}
input[type=date],input[type=time]{box-shadow:none;border:0;text-align:center;color:#666;background-size:16px 16px}
div.picker_wrap.date_size input{width:80%;min-width:80%}
div.picker_wrap.time_size input{width:70%;min-width:70%}
div.picker_wrap.time_size select{background: url(imagesicon_clock.png)no-repeat 100% 50%;background-size: 16px 16px}
div.input_tips{float:left;width:100%;line-height:20px;text-indent:5px;color:#666}
.checkbox_wrap{float:left;height:16px;padding:8px 10px 0 10px}
.radio_wrap{float:left;height:16px;padding:8px 10px 0 5px}
input[type=checkbox],input[type=radio]{display:none}
input[type=checkbox]+label.checkbox,input[type=radio]+label.radio{float:left;display:block;width:16px;height:16px;border-radius:3px;box-shadow:0 1px 0 white,0 1px 1px #2579a0 inset;background:#e5e2df}
input[type=checkbox]:checked+label.checkbox:before{content:'';position:absolute;float:left;width:14px;height:14px;color:#2579a0;background:url(imagesicon_check_mark.png)no-repeat 1px;background-size:14px 14px}
input[type=radio]:checked+label.radio{background:#299acf}
label.step_button_wrap{float:left;margin-top:20px}
input[type=submit].btn_next_step{float:left;width:78px;height:39px;margin:0;padding:0;text-shadow:1px 1px 0 rgba(100,13,0,.4);font-size:12px;font-family:'Microsoft Yahei','HelveticaNeue',sans-serif;border:0;border-radius:3px;box-shadow:0 1px 2px #f72d2d;color:white;background:-webkit-linear-gradient(#f72d2d,#f72d2d);background:-o-linear-gradient(#f72d2d,#f72d2d);background:-moz-linear-gradient(#f72d2d,#f72d2d);background:-ms-linear-gradient(#f72d2d,#f72d2d);-webkit-appearance:button;background: -webkit-gradient(linear,0 0,0 100%,from(#f72d2d),to(#f72d2d));}
/* input[type=button].btn_next_step{float:left;width:78px;height:39px;margin:0;padding:0;text-shadow:1px 1px 0 rgba(100,13,0,.4);font-size:12px;font-family:'Microsoft Yahei','HelveticaNeue',sans-serif;border:0;border-radius:3px;box-shadow:0 1px 2px #6a160f;color:white;background:-webkit-linear-gradient(#e41d12,#c5140c);background:-o-linear-gradient(#e41d12,#c5140c);background:-moz-linear-gradient(#e41d12,#c5140c);background:-ms-linear-gradient(#e41d12,#c5140c);-webkit-appearance:button;background: -webkit-gradient(linear,0 0,0 100%,from(#e41d12),to(#c5140c));} */
.button_wrap{width:100%;float: left;text-align:center}
.function_button_wrap{float:left;width:100%;margin:20px 0} 
.function_button_wrap input[type=button]{width:49%}
.function_button_wrap input[type=button]:last-of-type{float:right}
/* input[type=button].btn_gradient_red,input[type=submit].btn_gradient_red,a.btn_gradient_red{float:left;width:100%;height:38px;border:0;border-radius:3px;text-shadow:0 1px 0 rgba(100,13,0,.4);box-shadow:0 1px 1px #6a160f;font-size:14px;color:white;background:-webkit-linear-gradient(#e41d12,#c5140c);background:-o-linear-gradient(#e41d12,#c5140c);background:-moz-linear-gradient(#e41d12,#c5140c);background:-ms-linear-gradient(#e41d12,#c5140c);-webkit-appearance:button;background: -webkit-gradient(linear,0 0,0 100%,from(#e41d12),to(#c5140c));} */
input[type=button].btn_gradient_gray,input[type=submit].btn_gradient_gray,a.btn_gradient_gray{height:24px;margin:0;padding:0;border:1px solid #bbb;border-radius:10px;box-shadow:0 1px 0 white;color:white;background:#4396ca;-webkit-appearance:button;}
input[type=button].btn_newgray,input[type=submit].btn_newgray,a.btn_newgray{float:none;height:28px;margin:0 10px;padding:0 30px;border:1px solid #4396ca;border-radius:10px;color:#fff;background:#4396ca;box-shadow:0 0 0 white;}
/* input[type=button].btn_gradient_gray[disabled],input[type=submit].btn_gradient_gray[disabled],a.btn_gradient_gray{background:-webkit-linear-gradient(#fcfcfc,#f2f1f1);background:-o-linear-gradient(#fcfcfc,#f2f1f1);background:-moz-linear-gradient(#fcfcfc,#f2f1f1);background:-ms-linear-gradient(#fcfcfc,#f2f1f1)} */
input[type=button].btn_glass,input[type=submit].btn_glass{float:left;width:75px;height:30px;border:1px solid #bbb;border-radius:3px;box-shadow:0 1px 2px rgba(116,116,116,.3);color:#161616;text-shadow:1px 0 0 rgba(0,0,0,.3);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#F0F0F0),color-stop(.5,#d6d6d6));background-image:-o-linear-gradient(top,#FFFFFF 0%,#D6D6D6 50%,#F0F0F0 100%);background:-moz-linear-gradient(0% 0% 270deg,#FFFFFF,#F0F0F0,#d6d6d6 50%);background-image:-ms-linear-gradient(top,#FFFFFF 0%,#D6D6D6 50%,#F0F0F0 100%)}
input[type=button]:disabled,input[type=submit]:disabled{color:#a6a6a6 }
table.graduate{float:left;width:100%;margin:0 0 0 0;padding:0;list-style:none;border:1px solid #999;border-top:0;display:table;counter-reset:graduate -1}
table.graduate td{height:4px;width:5%;text-align:center;font-size:8px;border-right:1px solid #ccc}
table.graduate td:last-of-type{border:0;padding:0}
table.graduate td:before{counter-increment:graduate;margin:-10px 0 0 -6px;float:left;width:20px}
table.graduate td:nth-child(even):before{content:'';width:1%}
table.graduate td:nth-child(odd):before,table.graduate td:first-of-type:before{ content:counter(graduate)"0";width:5%;text-align:center;background:red}
input[type=range]{float:left;width:100%;height:7px;-webkit-appearance:none !important;margin:5px 0 0 0;background:-webkit-linear-gradient(#ccc,#eee);background:-o-linear-gradient(#ccc,#eee);background:-moz-linear-gradient(#ccc,#eee);background:-ms-linear-gradient(#ccc,#eee)}
input[type=range]::-webkit-slider-thumb{border:1px solid black;border-radius:5px;-webkit-appearance:none !important;height:10px;width:10px;background:-webkit-linear-gradient(#ccc,#eee);background:-o-linear-gradient(#ccc,#eee);background:-moz-linear-gradient(#ccc,#eee);background:-ms-linear-gradient(#ccc,#eee)}
input[type=range]:focus::before{content:'';position:absolute;z-index:3;float:left;width:10px;height:10px;background:red}
.validate_tip{float:left;width:100%;margin-bottom:8px;color:#d81400}
.validate_tip.center{margin-top:15px;text-align:center}
p.desc,p.sub_desc{float:left;width:100%;margin:0;padding:14px 0;text-align:justify;color:#666}
p.sub_desc{padding:5px 0;font-size:10px;color:#888}
.form_set_box{float:left;width:100%;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 0 white;background:white;-webkit-tap-highlight-color:transparent}
.input_part{float:left;width:100%}
.set_name{/*float:left;*/padding:7px 0}/*?float:left;---update by wq at 2015-06-15*/
.info_table{float:left;width:98%;margin:0 3px;height:30px;display:table}
.column_left{float:left;width:38%;max-width:38%;height:41px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #e3e3e3;border-bottom:0;border-left:0}
.column_left input[type=number]{max-width:82%;min-width:82%;height:41px}
.column_right{float:left;width:62%;max-width:62%;padding:7px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-top:1px solid #e3e3e3}
.column_right input[type=date]{text-align:left;background-position:96% center}
/* .column_right label{border-bottom:1px solid #e3e3e3;} */
.column_wide{float:left;width:100%;padding:7px 0;border-top:1px solid #e3e3e3}
.column_wide textarea{}
.gender_wrap{float:left;margin:3px 5px}
.deliver_title{float:left;line-height:34px}
.deliver_needed{float:left;width:100%;display:none}
.deliver_info input[type=tel]{margin-left:10px;text-indent:10px;background:url(imagesicon_phone.png) no-repeat 2px 3px;background-size:10px 15px}/*update at 20150615*/
.deliver_info input.address,textarea.address{width:90%;padding-left:20px;background:url(imagesicon_mail.png)no-repeat 0 5px;background-size:16px 10px}
textarea.address{background-position:7px 7px;padding-left:30px;width:90%;}/*update at 20150615*/
/* .deliver_info .column_left{width:100%;max-width:100%;float:none;border:none;}update at 20150615 */
/* .deliver_info .column_right{width:100%;max-width:100%}update at 20150615 */
.deliver_info .column_left{width:38%;max-width:38%}
.deliver_info .column_right{width:61%;max-width:61%}
.region_province{float:left;line-height:41px;text-indent:12px}
.region_picker{padding:0}
.region_picker label{float:left;width:49%}
.region_picker label:first-child{border-right:1px solid #ccc}
.region_picker label:only-child{margin-left: 10px;border:0;width:90%}
.region_picker label:only-child select{width:99%}
.account_links{float:left;width:100%;line-height:30px;margin:-5px 0;text-align:center}
.center_button{margin-top:10px}
.center_button label{position:relative;float:left;width:100%;text-align:center}
.center_button input{float:none !important}
.button_cancel,.button_reset{/* position:absolute;left:0;top:0;float:left;margin-left:-60px;line-height:40px */margin-right:22px}
.button_cancel:first-letter{margin-right:8px}
.form_set_box_appender{width:100%;height:34px;border-top:1px solid #e3e3e3;display:box;box-pack:center;box-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:-moz-box;-moz-box-pack:center;-moz-box-align:center;display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:center}
a.field_remove{position:absolute;z-index:2;float:left;width:16px;height:16px;line-height:10px;margin:-7px 0 0 90%;border-radius:20px;text-decoration:none;background:#a9a9a9;display:none}
a.field_remove:before{content:'-';float:left;width:100%;height:100%;text-align:center;font-size:30px;color:white}
a.field_add{float:left;width:12px;height:12px;line-height:9px;border:2px solid #858585;border-radius:20px;text-decoration:none}
a.field_add.disabled{color:#ccc}
a.field_add:before{content:'+';float:left;width:100%;height:100%;text-align:center;font-size:16px;font-weight:bold;color:#858585}
a.field_append{position:relative;display:inline-block;height:14px;line-height:14px;text-decoration:none;color:#247499}
/* a.field_append:before{content:'+';position:absolute;z-index:2;left:-15px;top:0;float:left;width:12px;height:13px;line-height:15px;margin:0;text-indent:0;text-align:center;font-size:16px;font-weight:bold;color:#858585}
a.field_append:after{content:'';position:absolute;z-index:1;left:-17px;top:0;float:left;width:13px;height:13px;line-height:9px;border:2px solid #858585;border-radius:20px;text-decoration:none}
 */
.city_picker{position:relative;margin-bottom:28px;}
.city_picker>ul{position:absolute;left:0;top:0;z-index:1;float:left;margin:34px 0 0 -1px;padding:5px 0;list-style:none;width:182px;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 2px white,-1px 1px 0 white inset;background:-webkit-linear-gradient(#fcfcfc,#f2f1f1);background:-o-linear-gradient(#fcfcfc,#f2f1f1);background:-moz-linear-gradient(#fcfcfc,#f2f1f1);background:-ms-linear-gradient(#fcfcfc,#f2f1f1);display:none}
.city_picker>ul li{float:left;width:45px;height:32px;line-height:32px;text-align:center;color:#666}
.city_picker>ul li:first-child{position:relative}
.city_picker>ul li:first-child:before{content:attr(title);float:left;margin:7px 0 0 6px;width:34px;height:19px;line-height:19px;border-radius:3px;color:white;background:#F32B17}
.city_picker>ul li:first-child:after{content:'';position:absolute;right:2px;top:15px;float:left;width:5px;height:5px;background:#d81400;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.city_picker.full_size ul{width:100%}
.column_wide.city_picker{margin:0}
.column_wide.city_picker ul{width:100%}


span.radio{ display:inline-block;width:16px; height:16px; background:url(imagesradio.png); background-size:16px 16px;vertical-align:middle; margin-left:10px;}
span.radio.radioed{ background:url(imagesradioed.png); background-size:16px 16px;}
span.check{ display:inline-block;width:16px; height:16px; background:url(imagescheck.png); background-size:16px 50px;vertical-align:middle; margin-left:10px;}
span.check.checked{ background:url(imageschecked.png); background-size:16px 16px;}
.btn_gradient_red{border:none;width:100%;margin:2rem 0;height:2.9rem;text-align:center;color:rgba(255,255,255,1);text-shadow:0 1px 0 rgba(204,45,31,.8);border-radius:5px;box-shadow:0 1px 0 rgba(171,29,16,1);background:-webkit-linear-gradient(top,rgba(255,56,38,1),rgba(226,49,32,1)); font-size:1.4rem}/*2014-2-12?*/
textarea.user{width:90%;padding-left:30px;font-size:15px;color:#333;background:url(imagesicon_user.png) no-repeat 10px 10px;background-size:16px 16px;padding-top:11px;padding-bottom:0; padding-right: 0;resize:none;}/*update at 20150615*/

/*??*/
.region_picker label.area_label{ border:none; width:100%;}
.invoice{ overflow:hidden; border:none; margin:0; padding:0;}
.invoice .con{ width:100%; overflow:hidden;}
.invoice p{ font-size:12px; color:#d91a10; margin:0; line-height:17px;}
.invoice_left{ float:left; width:70%;}
input.postalcode { padding-left:31px;font-size:15px;color:#333;background:url(../images/postalcode.png) no-repeat 7px center;background-size:20px 12px}
input.mailbox{ padding-left:31px;font-size:15px;color:#333;background:url(imagesmailBg.png) no-repeat 8px center;background-size:16px 16px}
.tip_box{ overflow:hidden; float:left;}
.pop_prompt,.error_look{ line-height:12px; font-size:12px; color:#666; padding:0; margin:0;}
.error_look{ color:#d91a10;}
.deliver_info div.column_email{ display:block;}
input[type=radio]+label.custom_radio{float:left;display:block;width:16px;height:16px;border-radius:3px;box-shadow:0 1px 0 white,0 1px 1px #2579a0 inset;background:#e5e2df}
input[type=radio].active+label.custom_radio{background:#299acf}