@charset "utf-8";
/* CSS Document */
.HeaderWrap .Logo, .HeaderWrap .ShopcartNav, .HeaderWrap .HeaderRight{ float: left;}
.ShopcartShow td{ padding: 0; border: none;}
.ShopCartList tbody > tr > td{ padding: 10px; border-bottom: #e6e6e6 solid 1px;}
.ShopcartShow tr:nth-child(2n+1){ background:none;}
.ShopcartShow table .product:nth-child(2n+1){ background: #f9f9f9;}
.TotalOrder span, .TotalOrder label{ width: auto;}
.MethodMessage li p, .MethodMessage li .IconMethod{ padding-right: 5px; float: left;}
.MethodMessage li font.ColorRed{ float: left;}
.AddressShow li{ padding: 0;}
.AddressShow li > div{ padding-top: 5px; padding-bottom: 10px;}
.PayWrap .AmountWrap label{ width: 29%; margin-right: 1%;}
.PayWrap .AmountWrap div{ width: 70%;}
.PayWrap .AmountWrap .UploadBox{ width: 100%;}
.PayWrap .AmountWrap input.OrangeButton{ border: none; line-height: 30px;}
.BankTransfer li{ padding: 10px 10px 10px 30px;}
.PayOrderWrap h2.AccountTitle{font-size: 22px;text-align: center;position: relative;line-height: 30px;margin-bottom: 15px;padding-bottom: 10px;border-bottom: #dddddd solid 1px;}
.PayOrderWrap h2.AccountTitle .GoBack{position: absolute;top: 0;left: 0;font-family: 'RobotoRegular';font-size: 14px;display: inline-block;}
/*pingpong*/
#ppPay{width: 700px; height: 615px; left: 50%; top:102px; margin-left: -350px; position: fixed; background: #fff; z-index: 999;}
#pingpongLoading{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;z-index: 998;opacity: 0.65;}
#closePingPongBox, #PPboxBottom{display: none; width: 700px;  padding-left: 15px; font-size: 14px; height: 42px; line-height: 42px; position: fixed; top:60px; left: 50%; margin-left: -350px; z-index: 1000; background: #fff;}
#closePingPongBox .closebtn{ display: block; cursor: pointer; position: absolute; top:0; right: 0; width: 42px; height: 42px; background: url(https://www.topwristband.com/images/static/20200319/icon_del.png) no-repeat center center / 50% #fff;}
#PPboxBottom{top: 717px; width: 700px; padding-left: 25px;}
	


@media only screen and (max-width: 767px) {
	
.OverWindow{width: 100% !important;height: auto;left: 0;margin-left: 0 !important;margin-right: 0;overflow-y: auto;}
.OverWindow > *{width: 100% !important;height: 100% !important;}
	
	
.ContainerWrap > .ShopcartNav{ width: 100%; margin: 0 auto; text-align: center; border-bottom: #cccccc solid 1px; padding: 10px 0 20px;}
.ShopcartNav li:first-child{ width: 28%;}
.ShopcartNav li:last-child{ width: 22%;}
.ShopcartNav li font{ display: block;}
.ShopcartNav li .ArrowIcon{ left: -35%; width: 70%;}
.ShopcartEmpty > p{ padding-left: 0; font-family: 'RobotoBold';}
.ShopcartEmpty .OrangeButton{ color: #ffffff; font-size: 21px; text-align: center; height: 42px; line-height: 42px; margin-top: 30px;}
.PayInf{ padding: 30px 10px 40px;}
.PayInf .PayText{ text-align: center; font-family: 'RobotoBold';}
.PayOrderWrap{padding: 0;}
.MinMainTitle{ padding: 0 0 20px; border-bottom: #cccccc solid 1px;}
.MinMainTitle .fa-angle-left{ top: 4px; font-size: 24px;}
.MinOrderpayWay{ padding: 20px 20px 0;}
.PayWrap{ border: none; width: 100%; margin: 0; padding: 30px 100px; font-size: 18px; line-height: 30px;}
.PayWrap .OrangeButton{ display: block; width: auto; padding: 0; width: 100%; margin-top: 30px;}
.PayOrderWrap .ViewButton a{ width: 100%; margin-bottom: 20px;}
.PayOrderWrap .ViewButton.hidden-sm{ margin-left: -24px;  margin-right: -24px; margin-top: 0;}
.ShopcartWrap, .PlaceorderWrap{ padding-left: 0; padding-right: 0;}
.ShopcartWrap h2{ text-align: center; padding-bottom: 25px; font-size: 24px; border-bottom: #cccccc solid 1px;}
.ShopCartList tbody > tr > td{ border-bottom: #cccccc solid 1px;}
.ShopcartWrap .ShopcartNav{ margin: 0; border: none; background: no-repeat;}
.ShopcartWrap .ShopcartNav a:first-child{ width: 16%;}
.ShopcartWrap .ShopcartNav a{ border-right: none; width: 26.5%; background: #f3f3f3; margin-right: 1%; padding: 0; text-align: center; font-size: 16px; border-bottom: #f3f3f3 solid 4px;}
.ShopcartWrap .ShopcartNav a:last-child{ margin-right: 0; width: 33%; margin-top: 5px}
.ShopcartWrap .ShopcartNav a:hover, .ShopcartWrap .ShopcartNav .Current{ background: #f3f3f3; color: #3A8DE2 !important; font-family: 'RobotoBold'; border-bottom: #3A8DE2 solid 4px;}
.ShopcartShow{ margin-bottom: 0;}
.ShopcartShow tr th{ display: none;}
.ShopcartShow span.ColorRed{ padding-top: 10px; display: inline-block;}
.ShopcartShow .IconOrder .fa{ font-size: 32px;}
.ShopCartList tr > td:nth-child(1){ width: 5%;}
.ShopCartList tr > td:nth-child(2){ width: 25%;}
.ShopCartList tr > td:nth-child(3){ width: 63%;}
.ShopCartList tr > td:nth-child(6){ width: 7%;}
.ShopCartList tr:first-child > td{ border: none;}
.ShopCartList td .ProImg{border: #cccccc solid 1px;}
.Hidden-xs{ display: none;}
.ShopcartShow .ProInf .BorderLine{ border: none;}
.OrderInf{ width: 100%;}
.TotalOrder{ width: 100%;}
.CouponCode font{ width: 20%; text-align: right;}
.CouponCode label{ width: 50%}
.CouponCode .CodeInput{ width: 100%;}
.CouponCode .CouponButton{ width: 25%; text-align: center;}
.TotalOrder dl{ padding-top: 20px;}
.TotalOrder span, .TotalOrder label{ width: 50%;}
.PlaceorderWrap .PPolicy{width: 50%;float: left;text-align:right;padding: 0 50px 0px 0px;}
.PlaceorderWrap .TAConditions{width: 50%;float: left;text-align:left;}
/*.TotalOrder > a,  */#placeOrderBtn ,.AddressShow .OrangeButton{ margin-left: 1px; margin-right: 1px; display: block;}
.PlaceorderWrap .Title{ padding: 0 20px 15px;}
.AddressMessage .AddressText, .AddressSelect, .MethodMessage ul, .ClearanceMessage dl, .CheckDraft .DraftMessage, .AddressShow ul{ margin-left: 20px; margin-right: 20px;}
.MethodMessage li .IconMethod{ width: 13%;}
.MethodMessage li p{ width: 68%;}
.MethodMessage li font.ColorRed{ width: 15%;}
.AddressShow .OrangeButton { margin-bottom: 20px; padding: 0;}
.AddressShow #cancelBtn{ background: #e0e0e0; color: #4c4c4c;}
.AddressShow #cancelBtn:hover{ background: #d9d9d9; color: #4c4c4c !important;}
.MinOrderpayWay > .PayWayBtn{ position: relative; font-size: 24px; width: 100%; border: #cccccc solid 1px; height: 60px; text-align: center;  margin: 0;}
.MinOrderpayWay > .PayWayBtn > span{ background: url(https://www.topwristband.com/images/shopcart/icon-payway.png) no-repeat; display: inline-block; height: 50px; margin: 5px 0; background-size: 165px auto;}
.MinOrderpayWay > .PaypalBtn > span{ background-position: 0 2px; width: 165px; margin-left: -105px;}
.MinOrderpayWay > .CreditBtn > span{ background-position: -20px -78px; width: 120px; margin-left: -240px;}
.MinOrderpayWay > .BankBtn > span{ background-position: -20px -158px; width: 125px; margin-left: -142px;}
.MinOrderpayWay > .PayWayBtn > font{ display: inline-block; height: 60px; line-height: 60px; position: absolute; top: 0; padding-left: 10px;}

.OrderpayWay > .PayWayBtn{ position: relative; font-size: 24px; width: 100%; border: #cccccc solid 1px; height: 60px; text-align: center;  margin: 0;}
.OrderpayWay > .PayWayBtn > span{ background: url(https://www.topwristband.com/images/shopcart/icon-payway.png) no-repeat; display: inline-block; height: 50px; margin: 5px 0; background-size: 165px auto;}
.OrderpayWay > .PaypalBtn > span{ background-position: 0 2px; width: 165px; margin-left: -105px;}
.OrderpayWay > .CreditBtn > span{ background-position: -20px -78px; width: 120px; margin-left: -240px;}
.OrderpayWay > .BankBtn > span{ background-position: -20px -158px; width: 125px; margin-left: -142px;}
.OrderpayWay > .PayWayBtn > font{font-size:14px; display: inline-block; height: 60px; line-height: 60px; position: absolute; top: 0; padding-left: 10px;}

.PayWrap h3{ line-height: 30px; font-size: 18px; font-family: 'RobotoRegular';}
.MinOrderpayWay .PayWrap:last-child{ padding-left: 0; padding-right: 0;}
.PayWrap .AmountWrap label{ line-height: 50px; height: 50px;}
.PayWrap .AmountWrap input{ height: 50px; line-height: 48px;}
.PayWrap .AmountWrap input.OrangeButton{ line-height: 40px; height: 40px;}
.PayWrap .AmountWrap input{ width: 100%;}
.PayWrap:last-child{ font-size: 14px;}
.PayWrap .Title #PrintBankTitle{ font-family: 'RobotoBold';}
.PayWrap table td:first-child{ width: 30%;}
.PayWrap table td:last-child{ width: 70%;}
.BankTransfer{ padding: 20px;}
.ShopCartList .left a{width: 165px;}
.LevelMain{padding: 10px 10px 10px 10px;}
.ShopcartHeader{border-bottom: #cccccc solid 1px;}
.TotalOrder a .fa-arrow-circle-o-right,.TotalOrder a .fa-arrow-circle-o-left{font-size:inherit;}
.ArriveTime img{max-width: 100%}
.OrderpayWay{padding: 0px 9px 30px 9px;border: 0px}
/* .OrderpayWay .PayWayBtn{position: relative;font-size: 24px; width: 100%;border: #cccccc solid 1px;height: 60px;text-align: center;margin: 0;} */

.ShopcartShow .ProInf p.message{display: display: block;width: 100%;line-height: auto}

.CouponCode .CouponSelect dd font{width: auto;}
.CouponCode .CouponSelect {width: 100%}
.ShopcarOrerInf .TotalOrder > a{width: 100%}


/*tw-pay-order*/
.TW-pay-order .Bread_Crumb .CrumbText {border: 0;position: unset;padding: 0;}
.TW-pay-order .Bread_Crumb .CrumbText > a {float: left;padding-left: 10px;}
.TW-pay-order .Bread_Crumb {margin-bottom: 0;border: 0;background: #fff;}
.TW-pay-order .Bread_Crumb .hasChild {padding-right: 0;}
.TW-pay-order .Bread_Crumb font {padding-left: 10px;}
.TW-pay-order .MainBox{padding: 0;border: 0;padding-bottom: 30px;}
.TW-pay-order .OrderSummary li font{position: relative;width: 65%;height: 30px;line-height: 14px;padding-left: 20px;}
.TW-pay-order .OrderSummary li font div{position: relative;top: 50%;transform: translateY(-50%);}
.TW-pay-order .OrderSummary .ToTalPay{font-size: 14px;}
.TW-pay-order .OrderSummary .ToTalPay font{width: 65%;}
.TW-pay-order .PayComplete .CompleteTitle {font-size: 0.9375rem;padding: 13px 0 3px 50px;}
.TW-pay-order .PayWay_Main {margin-top: 0;padding: 0px;background: #fff;}
.TW-pay-order .PayWay_Main .PayWay_List {width: 95%;}
.TW-pay-order .PayOrder_Wrap {padding: 0 10px;}
.TW-pay-order .PayWay_List li {width: 100%;float: left;background-color: #e9e9e9;}
.TW-pay-order .PayWay_List li:hover, .TW-pay-order .PayWay_List li.choose {background: none;border: none;}
.TW-pay-order .PayWay_Con {width: 100%;padding: 10px 10px 20px;border:0;margin-left: 0;}
.TW-pay-order .CouponWay{margin-right: 10px;}
.TW-pay-order .CouponWay .CashInf{width: 100%;}
.TW-pay-order .CouponItem{margin-right: 0;}
.TW-pay-order .CouponItem li{width: 100%;height: auto;}
.TW-pay-order .Favourable ul li {width: 100%;background-size: 15%;height: 128px;}
.TW-pay-order .Favourable .Selected {background-size: 15%;}
.TW-pay-order .payment-cvv2 li > p {width: 33%;margin-right: 2%;height: 35px;line-height: 15px;}
.TW-pay-order .payment-cvv2 li > p > font {position: relative;top: 50%;transform: translateY(-50%);display: block;}
.TW-pay-order .payment-cvv2 li .CardInput {width: 100%;height: 35px;}
.TW-pay-order .payment-cvv2 .CardNumber label, .TW-pay-order .payment-cvv2 .CVV2Code strong {width: 65%;}
.TW-pay-order .payment-cvv2 .DateInput select {width: 72px;height: 35px;padding-right: 10px;}
.TW-pay-order .payment-cvv2 .CVV2Code input {height: 35px;width: 100%;}
.TW-pay-order .payment-cvv2 .CardNumber label:before, .TW-pay-order .payment-cvv2 .CVV2Code strong:before {top:10px;}
.TW-pay-order .CVV2Code label {width: 45%;}
.TW-pay-order .payment-cvv2 .CVV2Code .HelpLayer span {width: 30px;height: 30px;padding: 5px 5px;}
.TW-pay-order .payment-cvv2 .IpayLinkTip div{margin: 0 10px;}
.TW-pay-order .PayWay_Con .PayButton .OrangeButton, .TW-pay-order .CouponMain .PayButton .OrangeButton {background: #ff6a00;color: #fff;font-size: 0.9375rem;}
.TW-pay-order .PayWay_Con .Title {height: 60px;}
.TW-pay-order .PayWayMessage li font{width: 100%;text-align: left;}
.TW-pay-order .PayWayMessage .CurrencySelect input{width: 100%;}
.TW-pay-order .PayWayMessage .LoadImage span{width: 90%}


.ShippingInf_Content .ShopCart_Select{width: 100%;margin-top: 5px;line-height: 14px;height: 28px;}
.ShippingInf_Content .ShopCart_Select font{width: 35%;margin-right: 0;padding-right: 5px;position: relative;top: 14px;transform: translateY(-50%);}
.ShippingInf_Content .ShopCart_Select label{width: 65%;}
.ShippingInf_Content .ShopButton{text-align: center;padding-bottom: 0;}
.ShippingInf_Content .ShopButton input{float: none;width: 110px;}
.ShippingInf_Content .ShopButton input:last-child{margin-right: 0;}
.ShippingInf_Content .ShipMethod{padding: 0;}
.ShippingInf_Content .MethodShow > li, .ShippingInf_Content .MethodItem > label > li {padding: 0 10px;font-size: 0.75rem;border-bottom: #e9e9e9 solid 1px;margin-bottom: 10px;padding: 10px;}
.ShippingInf_Content .MethodShow .MethodTitle{line-height: unset;}
.ShippingInf_Content .MethodShow .MethodTitle p {position: relative;top: 50%;transform: translateY(-50%);}
.ShippingInf_Content .MethodShow .MethodTitle p:nth-child(1) {width: 32% !important;}
.ShippingInf_Content .MethodShow .MethodTitle p:nth-child(2) {width: 43% !important;}
.ShippingInf_Content .MethodShow .MethodTitle p:nth-child(3) {width: 25% !important;}
.ShippingInf_Content .MethodShow .MetImg {width: 16%;border: 1px #d5d5d3 solid;margin-right: 9%;}
.ShippingInf_Content .MethodShow .MetName {width: 40%;margin-right: 5%;}
.ShippingInf_Content .MethodShow .MetRed {width: 20%;}
.ShippingInf_Content .MethodShow .MethodTag span{height: auto;}
.ShippingInf_Content .Method .ShippingBox{width: 100%;margin: 0;}
.ShippingInf_Content .Method .MetCol{width: 100%;}

.LayerBox{margin-left: 0 !important;left: 0 !important;overflow-y: auto;}
.ShippingInf_Content{width: auto}
.shippingCost_label{width: auto !important;}
#ShippingNameLabel{width: auto !important;text-align: center;}
.calculat_icon{float: none !important;vertical-align: middle}
.snb_dd{text-align: center;}

.OrderpayWay{ background: #ffffff; padding: 0 9px; margin-bottom: 0;}	
.PayWayWrap{ margin-bottom: 30px;}
.PayWayWrap > .PayWayBtn{ background: #f9f9f9; position: relative; font-size: 24px; width: 100%; border: #cccccc solid 1px; height: 60px; text-align: center;  margin: 0;}
.PayWayWrap > .PayWayBtn > span{ background: url(https://www.topwristband.com/images/shopcart/icon-payway.png) no-repeat; display: inline-block; height: 50px; margin: 5px 0; background-size: 165px auto;}
.PayWayWrap > .PaypalBtn > span{ background-position: 0 2px; width: 165px; margin-left: -165px;}
.PayWayWrap > .CreditBtn > span{ background-position: -20px -78px; width: 120px; margin-left: -240px;}
.PayWayWrap > .BankBtn > span{ background-position: -20px -158px; width: 125px; margin-left: -202px;}
.PayWayWrap > .PayWayBtn > font{font-size:14px; display: inline-block; height: 60px; line-height: 60px; position: absolute; top: 0; padding-left: 10px;}
.PayWayWrap > .PayWayBtn .fa-angle-down{ cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 30px; color: #666666;}
.PayWrap{ padding-bottom: 0 !important;}

/*pingpong*/
#ppPay {width: 100%;height: 100%;margin: 0;top: 42px;left: 0;}
#closePingPongBox {width: 100%;top: 0;left: 0;margin-left: 0;padding:0 42px 0 10px;line-height: unset;}
#PPboxBottom{top: unset;bottom: 0;left: 0;margin: 0;padding-left: 10px;}
}

@media only screen and (max-width: 560px) { 
.ShopcartNav li .ArrowIcon{ left: -30%; width: 60%;}
.PayOrderWrap .ViewButton a{ font-size: 20px;}
.ShopcartWrap h2{ font-size: 22px;}
.ShopcartShow .IconOrder .fa{ font-size: 28px;}
.ShopCartList tr > td:nth-child(1){ width: 5%;}
.ShopCartList tr > td:nth-child(2){ width: 30%;}
.ShopCartList tr > td:nth-child(3){ width: 58%;}
.ShopCartList tr > td:nth-child(6){ width: 7%;}
.ShopcartWrap .ShopcartNav a{ font-size: 15px;}
.CouponCode font{ width: 20%;}
.CouponCode label{ width: 45%}
.CouponCode .CouponButton{ width: 27%;font-size: 13px}
.TotalOrder{ font-size: 16px;}
.TotalOrder dt, .TotalOrder > a, .PlaceorderWrap .Title{ font-size: 18px;}
.AddressMessage .AddressText, .AddressSelect, .MethodMessage ul, .ClearanceMessage dl, .CheckDraft .DraftMessage, .AddressShow ul{ margin-left: 15px; margin-right: 15px;}
.MethodMessage li{ margin-bottom: 10px;}
.MethodMessage li .IconMethod{ width: 15%;}
.MethodMessage li p{ width: 60%;}
.MethodMessage li font.ColorRed{ width: 18%;}
.AddressShow .OrangeButton{ height: 45px; line-height: 45px; font-size: 20px;}
.MinOrderpayWay > .PayWayBtn > font{ font-size: 20px;}
.MinOrderpayWay > .PayWayBtn > span{background-size: 125px auto;}
.MinOrderpayWay > .PaypalBtn > span{ background-position: 4px 6px; width: 130px; margin-left: -87px;}
.MinOrderpayWay > .CreditBtn > span{ background-position: -15px -53px; width: 90px; margin-left: -210px;}
.MinOrderpayWay > .BankBtn > span{ background-position: -15px -110px; width: 90px; margin-left: -122px;}
.MinOrderpayWay { padding: 15px 15px 0;}

.PayWrap{ padding: 25px 50px; font-size: 16px;}
.PayWrap h3{ font-size: 16px;}
.BankTransfer{ padding: 15px;}
.PayWrap .OrangeButton{ font-size: 18px;}
.ShopCartList .left a{width: 130px;}

.CouponCode font{width: 100%;line-height: 16px;text-align: left;margin-bottom: 10px}
.CouponCode label{width: 100%;margin: 0px;margin-bottom: 10px}
.CouponCode .CouponButton{width: 100%;line-height: 32px;height: 32px}
.CouponCode .CodeInput{width: 100%}
.PayWrap .OrangeButton{margin-top: 0px}
}
@media only screen and (max-width: 480px) { 
.ShopcartNav li .ArrowIcon{ left: -25%; width: 50%;}
.ShopcartNav li, .PayInf .PayNumber{ font-size: 13px;}
.ShopcartEmpty, .PayInf .PayText{ font-size: 20px;}
.ShopcartEmpty .OrangeButton, .PayOrderWrap .ViewButton a{ font-size: 18px;}
.ShopcartWrap h2{ font-size: 18px;}
.ShopcartShow .IconOrder .fa{ font-size: 24px;}
.ShopCartList tbody > tr > td{ padding: 10px 5px;}
.ShopCartList tr > td:nth-child(1){ width: 5%;}
.ShopCartList tr > td:nth-child(2){ width: 30%;}
.ShopCartList tr > td:nth-child(3){ width: 58%;}
.ShopCartList tr > td:nth-child(6){ width: 7%;}
.ShopcartWrap .ShopcartNav a{ font-size: 14px;}
/* .CouponCode, .CouponCode .CouponButton, .MethodMessage ul{ font-size: 13px;}
.CouponCode font{ width: 15%; line-height: 16px;}
.CouponCode label{ width: 45%}
.CouponCode .CouponButton{ width: 30%; padding: 0 10px;} */
.TotalOrder, .AddressMessage .AddressText{ font-size: 14px;}
.TotalOrder dt, .TotalOrder > a, .PlaceorderWrap .Title{ font-size: 13px;}
.AddressMessage .AddressText, .AddressSelect, .MethodMessage ul, .ClearanceMessage dl, .CheckDraft .DraftMessage, .AddressShow ul{ margin-left: 10px; margin-right: 10px;}
.MethodMessage li .IconMethod{ width: 18%;}
.MethodMessage li p{ width: 55%;}
.MethodMessage li font.ColorRed{ width: 20%;}
.MethodMessage li{ line-height: 17px;}
.AddressShow li > div{ width: 100%;}
.AddressShow .OrangeButton{ height: 40px; line-height: 40px; font-size: 18px;}
.MinOrderpayWay{ padding: 10px 10px 0;}
.PayWrap{ padding: 15px 20px; font-size: 14px;}
.PayWrap .OrangeButton, .MinOrderpayWay > .PayWayBtn > font{ font-size: 16px;}
.MinOrderpayWay > .PayWayBtn > span{background-size: 95px auto;}
.MinOrderpayWay > .PaypalBtn > span{ background-position: 3px 11px; width: 100px; margin-left: -60px;}
.MinOrderpayWay > .CreditBtn > span{ background-position: -10px -34px; width: 70px; margin-left: -160px;}
.MinOrderpayWay > .BankBtn > span{ background-position: -10px -79px; width: 70px; margin-left: -100px;}

.OrderpayWay > .PayWayBtn > span{background-size: 95px auto;}
.OrderpayWay > .PaypalBtn > span{ background-position: 3px 11px; width: 100px; margin-left: -60px;}
.OrderpayWay > .CreditBtn > span{ background-position: -10px -34px; width: 70px; margin-left: -160px;}
.OrderpayWay > .BankBtn > span{ background-position: -10px -79px; width: 70px; margin-left: -100px;}
.PayWrap h3{ font-size: 14px;}
.PayWrap table td:first-child{ width: 35%;}
.PayWrap table td:last-child{ width: 65%;}
.BankTransfer{ padding: 10px;}
.BankTransfer li{ width: 50%;}
.ShopCartList .left a{width: 110px;}
.ShopCartList .left a{width: 100px;}
.TotalOrder #couponText, .TotalOrder .Accumulative{font-size: 12px;}
.OrderInf .ArriveTime{font-size: 15px}
.ShopcartShow .FrontLogo span a{width: 150px !important}

.PayWayWrap > .PayWayBtn > span{background-size: 95px auto;}
.PayWayWrap > .PaypalBtn > span{ background-position: 3px 11px; width: 100px; margin-left: -110px;}
.PayWayWrap > .CreditBtn > span{ background-position: -10px -34px; width: 70px; margin-left: -140px;}
.PayWayWrap > .BankBtn > span{ background-position: -10px -79px; width: 70px; margin-left: -100px;}
.PayWayWrap > .PayWayBtn .fa-angle-down{ font-size: 24px}
}
@media only screen and (max-width: 380px) {
.ShopcartShow{ font-size: 13px;}	
.ShopcartNav li, .PayInf .PayNumber{ font-size: 12px;}
.ShopcartEmpty, .PayInf .PayText{ font-size: 18px;}
.ShopcartEmpty .OrangeButton, .PayOrderWrap .ViewButton a{ font-size: 16px;}
.ShopcartWrap .ShopcartNav a:first-child{ width: 14%;}
.ShopcartWrap .ShopcartNav a{ width: 27%; margin-top: 5px;}
.ShopcartWrap .ShopcartNav a:last-child{ width: 35%; margin-top: 5px}
.ShopcartShow .IconOrder .fa{ font-size: 20px;}
.ShopCartList tr > td:nth-child(1){ width: 4%;}
.ShopCartList tr > td:nth-child(2){ width: 32%;}
.ShopCartList tr > td:nth-child(3){ width: 59%;}
.ShopCartList tr > td:nth-child(6){ width: 5%;}
.ShopcartWrap .ShopcartNav a, .AddressMessage .AddressText{ font-size: 13px;}
.CouponCode, .CouponCode .CouponButton, .MethodMessage ul{ font-size: 12px;}
/* .CouponCode font{ width: 20%; line-height: 20px;}
.CouponCode label{ width: 46%}
.CouponCode .CodeInput{height: 45px}
.CouponCode .CouponButton{ width: 20%; padding: 0 5px;height: 45px;line-height: 22px} */
.MethodMessage li .IconMethod{ width: 23%;}
.MethodMessage li p{ width: 50%;}
.MethodMessage li font.ColorRed{ width: 20%;}
.AddressShow .OrangeButton{ height: 35px; line-height: 35px; font-size: 16px;}
.PayWrap{ padding: 15px 20px; font-size: 13px;}
.PayWrap .OrangeButton, .MinOrderpayWay > .PayWayBtn > font{ font-size: 14px;}
.PayWrap .AmountWrap li:last-child label{ line-height: 25px;}
.PayWrap:last-child{ font-size: 13px;}
.PayWrap table td:first-child{ width: 40%;}
.PayWrap table td:last-child{ width: 60%;}
.BankTransfer li{ width: 100%;}
.LevelMain .LevelShow{margin-right: 0px}
.OrderInf .ArriveTime{font-size: 13px}
.OrderInf .ArriveTime p{width: 100%}
.OrderInf .ArriveTime dd{padding-bottom: 0px}

#NewcountryId,.CountryDrop{width: 190px !important;}
#SearchcountryId{width: 180px !important; font-size: 12px;}
}

@media only screen and (max-width: 360px) {
.ShopcartWrap .ShopcartNav a.tabBC{ line-height: 24px}
#accumulative_Order_Discount{width: 42%}
}

@media only screen and (max-width: 320px) {
.LevelMain .LevelShow .LevelCount{margin: 7px 10px 5px 0;width: 120px;}
.LevelMain .LevelShow li{margin-right: 10px;}
.ShopcartShow .FrontLogo span a{width: 120px !important}
/* .CouponCode font{width: 100%;line-height: 16px;text-align: left;margin-bottom: 10px}
.CouponCode label{width: 100%;margin: 0px;margin-bottom: 10px}
.CouponCode .CouponButton{width: 100%;line-height: 32px;height: 32px} */
#accumulative_Order_Discount{width: 42%}
.CouponCode .CodeInput,.CouponCode .CouponSelect{width: 270px;}
.CouponSelect dt .CouponInput{width: 200px !important;}
.ShopcartWrap .ShopcartNav a.tabBC{ line-height: 24px}
.payment-cvv2 .DateInput span{margin-right: 5px}

#NewcountryId,.CountryDrop{width: 170px !important;}
#SearchcountryId{width: 180px !important; font-size: 10px;}
}


@media only screen and (min-width: 768px) and (max-width: 992px) {
.HeaderWrap .Logo{ width: 21%; padding-top: 14px; padding-bottom: 14px;}
.HeaderWrap .ShopcartNav{ width: 30%; padding-left: 5px; height: 81px;}
.HeaderWrap .HeaderRight{ width: 49%;}
.HeaderRight .Wristbands{ width: 20%;}
.HeaderRight .Login{ width: 17%;} 
.HeaderRight .Lanyards{ width: 16%;}
.HeaderRight .Jewelrys{ width: 15%;}
.HeaderRight .Pendants{ width: 17%;}
.HeaderRight .Currency{ width: 15%;}
.HeaderRight .BussinessCards{ width: 18%;}
.HeaderRight .Buttons{ width: 13%;}
.HeaderRight strong{ font-size: 14px;}
.HeaderRight .Login, .HeaderRight .Cart, .HeaderRight .Currency a, .ShopcartNav li{ font-size: 12px;}
.ShopcartNav li font{ display: none;}	
.ShopcartNav li .ArrowIcon{ left: -20%; width: 40%; top: 40px; }
.ShopcartNav .ShopCart .fa-shopping-cart{ font-size: 25px;}
.ShopcartNav li em::before{ width: 24px; height: 24px; background-size: 50px auto;}
.ShopcartNav li .fa-pay-order::before{ background-position: 0 -31px;}
.ShopcartNav li .fa-complete::before { background-position: 0 -62px;}
.ShopcartNav .Current.PlaceOrder em::before{ background-position: -26px 0px;}
.ShopcartNav .Current.PayOrder em::before{ background-position: -26px -31px;}
.ShopcartNav .Current.Complete em::before{ background-position: -26px -61px;}
.ShopcartNav li{ padding-top: 30px;}
.PayInf{ padding: 30px 100px 40px;}
.OrderInf{ width: 100%; margin-bottom: 30px;}
.TotalOrder{width: 50%;}
.PlaceorderWrap .TotalOrder{ width: 80%;}
.PlaceorderWrap .PPolicy,.PlaceorderWrap .TAConditions{float: left;margin-right: 25px;}
.ShopcartShow tr > th:nth-child(1), .ShopCartList tr > td:nth-child(1){ /* width: 10%; */}
.ShopcartShow tr > th:nth-child(2), .ShopCartList tr > td:nth-child(2){ width: 18%;}
.ShopcartShow tr > th:nth-child(3), .ShopCartList tr > td:nth-child(3){ width: 49%;}
.ShopcartShow tr > th:nth-child(4), .ShopCartList tr > td:nth-child(4){ width: 10%;}
.ShopcartShow tr > th:nth-child(5), .ShopCartList tr > td:nth-child(5){ width: 13%;}
.Hidden-sm{ display: none;}
.ShopCartList .left a{width: 100px;}
.ShopcartShow .FrontLogo span a{width: 150px !important}
.LayerBox{margin-left: 0 !important;left: 0 !important}
.ShippingInf_Content{width: auto}
}	
@media only screen and (min-width: 992px) {
.HeaderWrap .Logo{ width: 21%; padding-top: 16px; padding-bottom: 16px;}
.HeaderWrap .ShopcartNav{ width: 34%; padding-left: 5px;}
.HeaderWrap .HeaderRight{ width: 45%;}
.HeaderRight .Wristbands{ width: 19%;}
.HeaderRight .Login{ width: 17%;} 
.HeaderRight .Lanyards{ width: 16%;}
.HeaderRight .Jewelrys{ width: 15%;}
.HeaderRight .Pendants{ width: 16%;}
.HeaderRight .Currency{ width: 17%;}
.HeaderRight .BussinessCards{ width: 18%;}
.HeaderRight .Buttons{ width: 13%;}
.HeaderRight strong{ font-size: 16px;}
.HeaderRight .Login, .HeaderRight .Cart, .HeaderRight .Currency a, .ShopcartNav li{ font-size: 13px;}
.HeaderRight .CurrencySelect{ margin-left: -202px;}
.PayInf{ padding: 30px 100px 40px 200px;}
.ShopcartShow tr > th:nth-child(1), .ShopCartList tr > td:nth-child(1){ width: 8%;}
.ShopcartShow tr > th:nth-child(2), .ShopCartList tr > td:nth-child(2){ width: 18%;}
.ShopcartShow tr > th:nth-child(3), .ShopCartList tr > td:nth-child(3){ width: 50%;}
.ShopcartShow tr > th:nth-child(4), .ShopCartList tr > td:nth-child(4){ width: 11%;}
.ShopcartShow tr > th:nth-child(5), .ShopCartList tr > td:nth-child(5){ width: 13%;}
.Hidden-sm{ display: none;}
.ShopCartList .left a{width: 210px;}


}

@media only screen and (min-width: 992px) and (max-width: 1204px) {
.CouponCode .CodeInput{width: 240px}
.CouponSelect dt .CouponInput{width: 100% !important;}
.CouponSelect dt .AddBtn{width: 100% !important;;margin-top:5px !important;}
}

@media only screen and (max-width: 1200px) {
.ShopcartShow .FrontLogo span a{width: 200px}
}

@media only screen and (min-width: 1200px) {
.HeaderWrap .Logo{ width: 24%;}
.HeaderWrap .ShopcartNav{ width: 32%;}
.HeaderWrap .HeaderRight{ width: 44%;}
.HeaderRight .Wristbands{ width: 19%;}
.HeaderRight .Login{ width: 16%;}
.HeaderRight .Currency{ width: 17%;}
.HeaderRight .BussinessCards{ width: 19%;}
.HeaderRight .Jewelrys{ width: 15%;}
.HeaderRight .Pendants{ width: 15%;}
.HeaderRight .Buttons{ width: 13%;}
.HeaderRight strong{ font-size: 18px;}
.HeaderRight .Login, .HeaderRight .Cart, .HeaderRight .Currency a, .ShopcartNav li{ font-size: 14px;}
.HeaderRight .CurrencySelect{ margin-left: -195px;}
.ShopcartShow tr > th:nth-child(1), .ShopCartList tr > td:nth-child(1){ width: 6%;}
.ShopcartShow tr > th:nth-child(2), .ShopCartList tr > td:nth-child(2){ width: 20%;}
.ShopcartShow tr > th:nth-child(3), .ShopCartList tr > td:nth-child(3){ width: 50%;}
.ShopcartShow tr > th:nth-child(4), .ShopCartList tr > td:nth-child(4){ width: 11%;}
.ShopcartShow tr > th:nth-child(5), .ShopCartList tr > td:nth-child(5){ width: 13%;}
.CouponSelect dt .AddBtn{width: 100%;margin-top:5px }
}