/*  ·Î±×ÀÎ */
.loginBody{max-width:400px;text-align:left;margin:0 auto}


.loginBody .loginTab{margin-bottom:30px}
.loginBody .loginTab a{display:block;float:left;background:#fff;font-size:16px;width:50%;height:50px;text-align:center;line-height:48px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.loginBody .loginTab a:first-child{border-left:1px solid #ddd}
.loginBody .loginTab a.active{background:transparent;font-weight:700;border-bottom:none}


.loginBody h5{color:#76AB01}
.loginBody .formBox{position:relative}
.loginBody .formBox .item{position:relative;margin-bottom:10px}
.loginBody .formBox .item input[type=password],
.loginBody .formBox .item input[type=text]{font-size:14px;height:50px;line-height:50px}

.loginBody .formBox .btnLogin,
.loginBody .formBox .btnGuest{font-weight:400;font-size:18px;text-align:center;width:100%;height:50px;line-height:50px;margin-top:10px}

.loginBody .formBox .keeping{border-bottom:1px solid #d4d4d4;padding-bottom:20px;margin:20px 0}
.loginBody .formBox .keeping .cols{float:left;width:50%}
.loginBody .formBox .keeping .cols.right{text-align:right}

.loginBody .formBox .btnBox{margin-top:20px}
.loginBody .formBox .btnBox::after{content:"";display:block;clear:both}
.loginBody .formBox .btnBox .cols{float:left;text-align:left;line-height:35px;width:50%}
.loginBody .formBox .btnBox .cols.right{}
.loginBody .formBox .btnBox a{fotn-size:16px;text-align:center;line-height:35px;width:100%}

.loginBody .formBox .alim{margin-top:20px}

.loginBody .formBox .caution{color:#ff0000;font-weight:400}







/** join_form **/
.joinWrap .btnTopBox{position:relative;text-align:right;border-bottom:1px solid #d4d4d4;padding-bottom:20px;margin-bottom:30px}
.joinWrap .btnTopBox a{line-height:30px;margin-left:10px}


.joinWrap .agreeBox{position:relative}
.joinWrap .agreeBox .checkAll{border-bottom:1px #ddd solid;padding-bottom:10px;margin-bottom:30px}
.joinWrap .agreeBox h4{padding-bottom:20px}

.joinWrap .agreeBox .colsWrap{border-bottom:1px #ddd solid;padding-bottom:10px;margin-bottom:30px}
.joinWrap .agreeBox .colsWrap .cols{float:left;width:50%}
.joinWrap .agreeBox .colsWrap .left{padding-right:10px}
.joinWrap .agreeBox .colsWrap .right{padding-left:10px}

.joinWrap .agreeBox .txtBox{overflow:auto;height:200px;border:1px #ddd solid;padding:10px;line-height:1.5}
.joinWrap .agreeBox .txtBox h5{margin:10px 0 3px 0}
.joinWrap .agreeBox .txtBox p{padding-left:10px}
.joinWrap .agreeBox .txtBox blockquote{font-size:14px}

.joinWrap .agreeBox .btnBox{text-align:center}
.joinWrap .agreeBox .btnBox a{fotn-size:16px;line-height:40px;padding:0 20px;margin:0 5px}



.joinWrap .formBox{position:relative} 

.joinWrap .formBox .colsWrap{border-bottom:1px solid #DFDFDF;padding-bottom:15px;margin-bottom:20px}
.joinWrap .formBox .colsWrap .cols{float:left;width:50%;margin-bottom:15px}
.joinWrap .formBox .colsWrap .cols.left{padding:0 10px 0 0}
.joinWrap .formBox .colsWrap .cols.right{padding:0 0 0 10px}
.joinWrap .formBox .colsWrap .cols.wide{width:100%}

.joinWrap .formBox .colsWrap .cols .inputTitle{margin-bottom:5px}
.joinWrap .formBox .colsWrap .cols .inputBox{position:reative;width:100%;height:42px}
.joinWrap .formBox .colsWrap .cols .inputBox input[type=password],
.joinWrap .formBox .colsWrap .cols .inputBox input[type=text]{height:42px;line-height:40px}

.joinWrap .formBox .colsWrap .cols .inputBox.text{line-height:42px}
.joinWrap .formBox .colsWrap .cols .inputBox.text input[type="checkbox"]{margin-top:14px}

.joinWrap .formBox .colsWrap .cols .inputBox.addressBox > div{float:left;width:50%}
.joinWrap .formBox .colsWrap .cols .inputBox.addressBox .left{padding:0 10px 0 0}
.joinWrap .formBox .colsWrap .cols .inputBox.addressBox .right{padding:0 0 0 10px}
.joinWrap .formBox .colsWrap.editBox .cols .inputBox .idBox{font-size:18px;color:#000}

.joinWrap .formBox .colsWrap .cols .inputBox .btnItemView{float:right;line-height:40px;padding:0 10px}

.joinWrap .formBox .btnJoinBox{text-align:center}
.joinWrap .formBox .btnJoinBox a{fotn-size:16px;line-height:40px;padding:0 20px;margin:0 5px}



/* ¾ÆÀ̵ð Áߺ¹ °Ë»ç */

.makeId{padding:15px}
.makeId .formBox .item input[type=text]{font-size:14px;height:50px;line-height:50px}
.makeId .formBox .textBox{font-size:14px;height:40px;line-height:40px}
.makeId .formBox .btnBox{margin-bottom:10px}
.makeId .formBox .btnBox .cols{float:left;width:50%}
.makeId .formBox .btnBox .left{padding-right:5px}
.makeId .formBox .btnBox .right{padding-left:5px}
.makeId .formBox .basicButton{font-size:16px;line-height:40px;text-align:center;width:100%}



/* ºñ¹Ð¹øÈ£ º¯°æ */
.changePassword .formBox{position:relative;padding:15px}
.changePassword .formBox .notice{margin-bottom:20px}
.changePassword .formBox .item{position:relative;margin-bottom:10px}
.changePassword .formBox .item input[type=password]{font-size:14px;height:50px;line-height:50px}
.changePassword .formBox .btnLeaveFinal{font-weight:400;font-size:18px;text-align:center;width:100%;height:50px;line-height:50px;margin-top:10px}
.changePassword .formBox .caution{color:#ff0000;font-weight:400}


/* ȸ¿øÅ»Åð */
.leaveBody{position:relative}
.leaveBody .item{position:relative;margin-bottom:10px}
.leaveBody .item input{font-size:14px;height:50px;line-height:50px}
.leaveBody .btnChange{font-weight:400;font-size:18px;text-align:center;width:100%;height:50px;line-height:50px;margin-top:10px}
.leaveBody .caution{color:#ff0000;font-weight:400}





/* ÁÖ¹®¸ñ·Ï */
.orderList{margin-bottom:20px}
.orderList .notice{background:#f6f6f6;padding:15px 20px;margin-bottom:20px}

.orderList .listTable .listTblHead{background:#f0f0f0;line-height:20px}

.orderList .listTable .colsWrap{position:relative;border-bottom:1px solid #e4e4e4}
.orderList .listTable .colsWrap::after{content:"";display:block;clear:both}

.orderList .listTable .colsWrap .cols{float:left;position:relative;text-align:center;padding:10px 0}
.orderList .listTable .colsWrap .cols .title{display:none}

.orderList .listTable .colsWrap .date{width:130px}
.orderList .listTable .colsWrap .goods{width:-webkit-calc(100% - 390px);width:calc(100% - 390px)}
.orderList .listTable .colsWrap .goods .item::after{content:"";display:block;clear:both}
.orderList .listTable .colsWrap .goods .item:not(:first-child){margin-top:10px}


.orderList .listTable .colsWrap .goods .photo{float:left;width:80px;border:1px solid #ddd;margin-right:10px}
.orderList .listTable .colsWrap .goods .photo img{width:100%}
.orderList .listTable .colsWrap .goods .info{text-align:left}
.orderList .listTable .colsWrap .goods .info li{font-size:12px}

.orderList .listTable .colsWrap .charge{width:100px}
.orderList .listTable .colsWrap .delivery{width:80px}
.orderList .listTable .colsWrap .state{width:80px}


.orderList .listTable .listTblBody .colsWrap .goods{text-align:left;padding:10px}

.orderList .listTable .colsWrap.cancel .cols{text-decoration:line-through}
.orderList .listTable .colsWrap.cancel .cols.reciept{}
.orderList .listTable .colsWrap.cancel .cols.state{text-decoration:none}

.orderList .listTable .totalBox{text-align:right;font-size:16px;border-top:1px solid #ddd;padding:15px}
.orderList .listTable .totalBox em{font-size:18px;font-weight:500}


/* ÁÖ¹®»ó¼¼Á¤º¸ */
.orderView{margin-top:10px} 

.orderView h2{border-bottom:1px dashed #4b4b4b;margin-bottom:0}
.orderView h4{height:25px}

.orderView .basicTable{margin-bottom:25px}

.orderView .deliveryBody .basicTable td .item{text-align:center}
.orderView .basicTable.paymentTable td .item{text-align:center}

.orderView .viewTable{margin-bottom:30px}
.orderView .viewTable .viewTblTitle{font-size:16px;height:30px}

.orderView .viewTable .viewTblHead{background:#f0f0f0;line-height:20px}
.orderView .viewTable .viewTblHead::after{content:"";display:block;clear:both}
.orderView .viewTable .viewTblHead div{float:left;text-align:center;padding:10px 0}
.orderView .viewTable .viewTblHead .goods{width:-webkit-calc(100% - 250px);width:calc(100% - 250px)}
.orderView .viewTable .viewTblHead .charge{width:150px}
.orderView .viewTable .viewTblHead .state{width:100px}


.orderView .viewTable .viewTblBody{position:relative;border-bottom:1px solid #e4e4e4}
.orderView .viewTable .viewTblBody::after{content:"";display:block;clear:both}

.orderView .viewTable .viewTblBody > div{float:left;position:relative}
.orderView .viewTable .viewTblBody .group{width:-webkit-calc(100% - 100px);width:calc(100% - 100px)}
.orderView .viewTable .viewTblBody .state{width:100px;text-align:center}

.orderView .viewTable .viewTblBody .group .rows::after{content:"";display:block;clear:both}
.orderView .viewTable .viewTblBody .group .rows:not(:first-child){border-top:1px solid #e4e4e4}
.orderView .viewTable .viewTblBody .group .rows > div{float:left;border-right:1px solid #eee;}

.orderView .viewTable .viewTblBody .group .rows .goods{width:-webkit-calc(100% - 140px);width:calc(100% - 140px);text-align:left;padding:10px}
.orderView .viewTable .viewTblBody .group .rows .goods::after{content:"";display:block;clear:both}
.orderView .viewTable .viewTblBody .group .rows .goods .photo{float:left;width:80px;border:1px solid #ddd;margin-right:10px}
.orderView .viewTable .viewTblBody .group .rows .goods .photo img{width:100%}
.orderView .viewTable .viewTblBody .group .rows .goods .info{text-align:left}
.orderView .viewTable .viewTblBody .group .rows .goods .info .item{height:80px}
.orderView .viewTable .viewTblBody .group .rows .goods .info li{font-size:12px}

.orderView .viewTable .viewTblBody .group .rows .charge{width:140px;height:100px;padding-top:5px}
.orderView .viewTable .viewTblBody .group .rows .charge ul{width:100px;margin:0 auto}
.orderView .viewTable .viewTblBody .group .rows .charge li{position:relative;line-height:30px}
.orderView .viewTable .viewTblBody .group .rows .charge li span{position:absolute;right:0;top:0;line-height:30px}

.orderView .viewTable .viewTblBody .state span{display:block;text-align:center}

.orderView .viewTable .paymentBox{text-align:right;font-size:16px;border-bottom:1px solid #ddd;padding:15px 0}
.orderView .viewTable .paymentBox em{font-weight:400}



.orderView .cancelTable{margin-bottom:30px}
.orderView .cancelTable .cancelTblTitle{font-size:16px;height:30px}

.orderView .cancelTable .cancelTblHead{background:#f0f0f0;line-height:20px}
.orderView .cancelTable .cancelTblHead::after{content:"";display:block;clear:both}
.orderView .cancelTable .cancelTblHead div{float:left;text-align:center;width:25%;line-height:40px}

.orderView .cancelTable .cancelTblBody{position:relative;border-bottom:1px solid #e4e4e4}
.orderView .cancelTable .cancelTblBody::after{content:"";display:block;clear:both}

.orderView .cancelTable .cancelTblBody div{float:left;position:relative;text-align:center;width:25%;line-height:40px}




.orderView .viewOrder::after{content:"";display:block;clear:both}
.orderView .viewOrder .viewTblBody.colsWrap::after{content:"";display:block;clear:both}
.orderView .btnBox::after{content:"";display:block;clear:both}

.orderView .viewOrder .colsWrap{float:left;width:50%}
.orderView .viewOrder .colsWrap.order{padding-right:10px}
.orderView .viewOrder .colsWrap.delivery{padding-left:10px}

.orderView .viewOrder .colsWrap.order h4,
.orderView .viewOrder .colsWrap.delivery h4{border-bottom:2px solid #4b4b4b;margin-bottom:15px}

.orderView .viewOrder .colsWrap .cols{margin-bottom:15px}
.orderView .viewOrder .colsWrap .cols:last-child{border-bottom:1px solid #DFDFDF;padding-bottom:15px}
.orderView .viewOrder .colsWrap .cols::after{content:"";display:block;clear:both}
.orderView .viewOrder .colsWrap .cols .inputTitle{font-weight:500;margin-bottom:5px}
.orderView .viewOrder .colsWrap .cols .inputBox{position:reative;height:40px;line-height:40px}
.orderView .viewOrder .colsWrap .cols .inputBox em{font-size:16px}

.orderView .viewOrder .colsWrap.order .cols .inputBox{background:#f4f4f4;padding-left:10px}

.orderView .viewOrder .cols .inputBox input[type=text]{font-size:14px;height:40px;line-height:40px}
.orderView .viewOrder .cols .inputBox textarea{height:40px;line-height:20px !important}
.orderView .viewOrder .cols .inputBox .addressBox{}
.orderView .viewOrder .cols .inputBox .addressBox > div{float:left}
.orderView .viewOrder .cols .inputBox .addressBox .left{width:65%;padding-right:5px}
.orderView .viewOrder .cols .inputBox .addressBox .right{width:35%;padding-left:5px}

.orderView .btnBox{padding-top:5px}
.orderView .btnBox .cols::after{content:"";display:block;clear:both}
.orderView .btnBox .cols{float:left;width:50%}
.orderView .btnBox .cols.right{text-align:right}


.pointSummary{margin-bottom:30px}

.pointTable::after{content:"";display:block;clear:both}
.pointTable .tableBody{float:left;position:relative;width:50%;margin-bottom:20px;padding-right:10px}
.pointTable .tableBody:nth-child(2n){padding:0 0 0 10px}
.pointTable .tableBody .inBody{position:relative;border:1px solid #ddd;padding:10px}
.pointTable .tableBody .inBody::after{content:"";display:block;clear:both}
.pointTable .tableBody .inBody > div{float:left}

.pointTable .tableBody .single{width:70px}
.pointTable .tableBody .single .infoIcon{background:#FFC001 none repeat scroll 0% 0%;color:#FFF;width:60px;height:60px;text-align:center;border-radius:50%}
.pointTable .tableBody .single .infoAdd{background:#71b5e9 none repeat scroll 0% 0%}
.pointTable .tableBody .single .infoUse{background:#E74C3C none repeat scroll 0% 0%}
.pointTable .tableBody .single .infoIcon div{height:60px;line-height:60px;vertical-align:middle}
.pointTable .tableBody .single .infoIcon span{display:block;font-size:18px;font-weight:400}

.pointTable .tableBody .group{width:-webkit-calc(100% - 70px);width:calc(100% - 70px);padding-left:10px;border-left:1px solid #eee}
.pointTable .tableBody .group > div{position:relative;height:25px;line-height:25px}
.pointTable .tableBody .group > div > span{position:absolute;right:0;top:0}

.pointTable .tableBody .group .point{position:absolute;left:10px;top:80px;width:60px;text-align:center;height:20px;line-height:20px}