@charset "utf-8";
/* CSS Document */
img{ vertical-align: middle;}
input[type="text"], input[type="password"]{ border-radius: 3px;}
.ShopcartShow{ margin: 15px 0 49px; font-size: 14px;}
.ShopcartShow .FrontLogo span a{width:250px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ShopcartShow th{ font-weight: normal; height: 36px; background: #f9f9f9; padding: 0 10px;}
.ShopcartShow td{ padding: 15px; line-height: 18px; border-bottom: #e6e6e6 solid 1px;}
.ShopcartShow .IconOrder{ float: right; cursor: pointer;}
.ShopcartShow .IconOrder .fa{ font-size: 18px; color: #666666; display: block; margin-bottom: 20px; text-decoration: none;}
.ShopcartShow tr:nth-child(2n+1){ background: #f9f9f9;}
.ShopcartShow .ProInf li{ padding: 5px 0;}
.ShopcartShow .ProInf .BorderLine{ border-top: #dddddd solid 1px; margin-top: 5px;}
.ShopcartShow .ProInf h3{ font-size: 14px;}
.ShopcartShow .ProInf font{ display: block; padding-top: 10px;}
.ShopcartShow li strong{ padding-right: 5px;}
.ShopcartShow .ProInf .FrontLogo{ padding: 2px 0;}
.ShopcartShow .ProInf p{ display: inline-block; width: 50%; line-height: 24px; padding-right: 5px;word-wrap:break-word;word-break:break-all;}
.ShopcartShow .ProInf p.message{width:auto;}
.ShopcartShow .FrontLogo .LogoImg{ display: inline-block; width: 24px; height: 24px; line-height: 24px;}

.AddressShow{ font-size: 13px; text-align: center; padding-bottom: 10px;}
.AddressShow ul{ padding-bottom: 10px; text-align: left;}
.AddressShow li{ padding-top: 5px; padding-bottom: 10px; position: relative;}
.AddressShow li.col-md-12{ float: none;}
.AddressShow li font{ display: block; padding-bottom: 5px; color: #666666;}
.AddressShow li [type="text"], .AddressShow li input[type="password"]{ border: #e0e0e0 solid 1px; height: 48px; line-height: 46px; width: 100%;padding-right: 40px}
.AddressShow li select{ margin: 0;}
.AddressShow li .fa{ position: absolute; top: 35px; right: 22px;}
.AddressShow li .fa-check{ font-size: 18px; color: #72b13a; top: 38px; right: 25px;}
.AddressShow li .fa-close{ font-size: 18px; color: #cc0000; top: 38px; right: 25px;}
.AddressShow li p.ColorRed{ margin-top: 5px;}
.AddressShow .OrangeButton{ display: inline-block; padding: 0 70px; height: 50px; line-height: 50px; font-size: 24px; text-transform: uppercase;}

.TotalOrder{ float: right;/*  width: 35%; */ font-size: 18px; text-align: right; /* padding-right: 0; */}
.TotalOrder dl{ line-height: 36px; padding-bottom: 20px;}
.TotalOrder span{ display: inline-block; text-align: right;/*  width: 65%; */ padding-right: 5px;}
.TotalOrder label{ display: inline-block; text-align: left; /* width: 35%; */}
.TotalOrder dt{ font-size: 20px; font-family: 'RobotoBold';}

.OrderpayWay{ background: #f9f9f9; border: #e0e0e0 solid 1px; padding: 30px 30px 30px 9px; margin: 15px 0 20px;}
.OrderpayWay .PayWay{ width: 26%; font-size: 14px;}
.OrderpayWay .PayWay li{height: 34px; border:#f9f9f9 solid 1px; border-right: none !important; padding: 0 10px; line-height: 32px; position: relative; z-index: 2; left: 1px;}
.OrderpayWay .PayWay input{ float: left; height: 32px;}
.OrderpayWay .PayWay label:before{ float: left; display: inline-block; content: ""; width: 32px; height: 22px; margin: 5px 10px; background: url(https://www.topwristband.com/images/shopcart/icon-pay.png) no-repeat;}
.OrderpayWay .PayWay .Paypal:before{ background-position: 0 0;}
.OrderpayWay .PayWay .Credit:before{ background-position: 0 -25px;}
.OrderpayWay .PayWay .Bank:before{ background-position: 0 -50px;}
.OrderpayWay .PayWay li:hover, .OrderpayWay .PayWay .Current{ border:#e0e0e0 solid 1px; background: #ffffff;} 

.PayWrap{ width: 74%; font-size: 14px; line-height: 28px; padding: 15px 20px 30px; background: #ffffff; border: #E0E0E0 solid 1px; margin-left: -1px;}
.PayWrap .OrangeButton{ display: inline-block; height: 42px; line-height: 42px; padding: 0 25px; font-size: 20px; margin-top: 20px; text-transform: uppercase;}
.PayWrap h3, .PayWrap .Gray{ font-size: 14px;}
.PayWrap .ColorRed{ font-size: 13px;}
.PayWrap .Title font{ display: inline-block; line-height: 30px;}
.PayWrap .GrayButton{ height: 30px; line-height: 30px; padding: 0 15px; font-size: 16px; text-transform: uppercase;}
.PayWrap table{ border-collapse: collapse; margin: 5px 0;}
.PayWrap table td{ border: #e0e0e0 solid 1px; padding: 5px 10px;}
.PayWrap .AmountWrap{ padding-top: 15px;}
.PayWrap .AmountWrap li:not(:last-child){ margin-bottom: 10px;}
.PayWrap .AmountWrap label{ display: inline-block; width: 30%; height: 30px; line-height: 30px; text-align: right; float: left; margin-right: 10px;}
.PayWrap .AmountWrap input{ height: 30px; line-height: 28px; border: #e0e0e0 solid 1px; width: 260px;}
.PayWrap .AmountWrap font{ display: inline-block; line-height: 30px; padding-left: 10px;}
.PayWrap .TipText{ display: inline-block; margin-bottom: 10px; border: #f3d8da solid 1px; background: #feedee; line-height: 20px; padding: 7px 10px 7px 35px; color: #cc0000; font-size: 13px;}
.PayWrap .TipText:before{ content: ""; display: inline-block; width: 19px; height: 19px; position: absolute; background: url(https://www.topwristband.com/images/shopcart/icon-pay.png) 0 -131px no-repeat; margin-left: -25px;}
.PayWrap dl{ line-height: 24px; margin-bottom: 5px;}
.PayWrap dd{ padding-left: 15px;}
.PayWrap dd:before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: #666666; position: absolute; margin: 9px 0 0 -12px;}
.PayWrap .ErrorMessage{ background: #fff2f2; border: #f2dada solid 1px; padding: 10px 10px 0; color: #cc0000; font-size: 14px;}
.PayWrap .ErrorMessage p{ padding: 0 0 10px 25px;}
.PayWrap .ErrorMessage:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(https://www.topwristband.com/images/shopcart/icon-pay.png) 0 -130px no-repeat;;}
.UploadBox .fa{ padding-right: 5px; color: #333333;}
.UploadBox .UploadButton{ color: #3A8DE2; position: relative; display: inline-block; line-height: 30px;}
.UploadBox .UploadButton .FileInput{ position: absolute; top: 0; left: 0; height: 30px; border: none; width: 200px; opacity: 0; filter: alpha(opcaty=0); cursor: pointer;}

.BankTransfer{ font-size: 13px; padding-bottom: 30px;}
.BankTransfer p{ margin-bottom: 10px;}
.BankTransfer li{ float: left; width: 33.3%; padding: 10px 0 10px 30px; line-height: 24px;}
.BankTransfer li:before{ content: ""; background: url(https://www.topwristband.com/images/shopcart/icon-pay.png) no-repeat; display: inline-block; width: 25px; margin-left: -30px; position: absolute;}
.BankTransfer .disconts_1:before{ height: 19px; background-position: -40px 0px;}
.BankTransfer .disconts_2:before{ height: 23px; background-position: -40px -25px;}
.BankTransfer .disconts_3:before{ height: 27px; background-position: -40px -50px;}
.BankTransfer .disconts_4:before{ height: 31px; background-position: 0px -85px;}
.BankTransfer .disconts_5:before{ height: 35px; background-position: -40px -85px;}

/* .Pagination{ margin-top: 15px;}
.Pagination ul{ float: right;}
.Pagination li{ float: left; width: 30px; height: 30px; text-align: center; line-height: 30px; border: #e0e0e0 solid 1px; font-size: 14px; margin-right: 10px;}
.Pagination a{ display: block; text-decoration: none;}
.Pagination a .fa{ color: #999999; font-size: 20px;}
.Pagination a:hover .fa{ color: #3A8DE2;}
.Pagination .Ellipsis{ border: none; width: 10px;}
.Pagination .PageInput{ float: right; margin-right: 5px;}
.Pagination .PageInput input{ border-radius: 0px; border: #e0e0e0 solid 1px; height: 30px; width: 50px; padding: 0 5px;}
.Pagination .GoButton{ float: right; width: 40px; text-align: center; line-height: 30px; height: 30px; font-size: 14px; background: #e8e8e8;} */

.Pagination{float:right; margin-top:15px; overflow:hidden;}
.Pagination p.Page{float: left; line-height: 30px; padding-right: 10px;}
.Pagination .PageList{ overflow:hidden; float:left;}
.Pagination li{ margin-right:10px; float:left;}
.Pagination .PageCode{ margin-right:10px; border-right:#e8e8e8 solid 1px; overflow:hidden; float:left;}
.Pagination .PageCode a{ margin-right:0;}
.Pagination .Page a{border-radius: 3px; border:#e0e0e0 solid 1px;;min-width:30px; line-height:30px; text-align:center; height:30px; display:block; text-decoration:none;padding: 0 3px;font-size: 14px;}
.Pagination .Page .Choose{ color:#3A8DE2;cursor:default}
.Pagination .ellipsis{ line-height:28px; height:28px;}
.Pagination .PageCode a{background: #e9e9e9; display: block; width: 30px; height: 30px; position: relative; cursor: pointer;}
.Pagination .PageCode a:before{ position: absolute; display: block; content: ""; border-style: solid; top: 7px; left: 10px;}
.Pagination .PageCode .Previous:before{ border-width: 8px 9px 8px 0; border-color: transparent #b3b3b3 transparent transparent;}
.Pagination .PageCode .Next:before{ border-width: 8px 0 8px 9px; border-color: transparent transparent transparent #b3b3b3;}
.Pagination .PageNumber{ float:left;}
.PageNumber .PageInput{ border:#e8e8e8 solid 1px; height:30px;  margin-right:5px; font:left; width:50px; padding:0 5px; font-size: 14px}
.PageNumber .GoBtn{ height:30px; padding:0 10px; text-align:center; background:#e8e8e8; cursor:pointer;font-size: 14px}



@media screen and (min-width: 1200px) {
/* .TotalOrder{ padding-right: 60px;}	 */
.OrderpayWay .PayWay{ width: 22%;}
.PayWrap{ width: 78%;}

}