/****************override bootstrap.css***************/

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    /*padding: .375rem .75rem;*/
    padding: 6px 12px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.text-center {
    text-align: center!important;
}
.text-right {
    text-align: right!important;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*cart 頁面*/
section .cartListBody .goodsPrice {
    font-size: 14px;
    width: 100%;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
	border: 1px solid #6c757d;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
@media (min-width: 768px)
.d-md-none {
    display: none!important;
}
@media (min-width: 576px)
.d-sm-block {
    display: block!important;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
/*
@media (min-width: 768px){
.col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
}
@media (min-width: 768px){
.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
}
@media (min-width: 768px){
.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
}
@media (min-width: 768px){
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}
@media (min-width: 768px){
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}
@media (min-width: 768px){
.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
}
@media (min-width: 768px){
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width: 768px){
.col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}
@media (min-width: 768px){
.col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
}
@media (min-width: 576px){
.d-sm-block {
    display: block!important;
}
}
@media (min-width: 768px){
.d-md-none {
    display: none!important;
}
}
*/

button { box-shadow: none!important;}
button:focus { border-width: 1px; outline: none; box-shadow: none;}
.form-control:focus { box-shadow: none;}
.form-control.is-invalid:focus { box-shadow: none;}
.form-control.is-valid:focus { box-shadow: none;}
input:focus { box-shadow: none;}
select { overflow: hidden;}
.cart-content { padding: 0px; background: #ffffff;}
.goodsDetailInfo .goodsDetailAction a.btn { margin-bottom: 8px;}

/****************cart***************/
.cartTopInfoWrap {}
.cartTopInfoBox { font-size: 15px; line-height: 1.6em;}
.cartTopActBox { padding-top: .75rem;}

.cartListWrap {margin-bottom:50px;}
.cartList { display: flex; flex-flow: row; padding: 20px 20px; border-bottom: #eee 1px solid;}
.cartListPic { width: 125px; margin-right: 20px; flex-grow: 0;}
.cartListPic img { width: 100%;}
.cartListBody { flex-grow: 1 }
.cartListBody .goodsName, .cartListBody .goodsName a { font-size: 16px; font-weight: bold;}
.cartListBody .goodsName a { /* color: #000000; */}
.cartListBody .goodsCartInfo { display: flex; align-items: center; justify-content:space-between;}
.cartListBody .goodsPrice { margin-bottom: 10px;}
.cartListBody .goodsNumber { margin-bottom: 10px;}
.cartListBody .goodsCounts { margin-bottom: 10px; font-weight: 600; font-size: 1.2em;}
.cartListBody .goodsEdit { text-align: right;}
.cartListBody .goodsEdit i {font-size:1.8em; margin-top:-7px;color:#666;}
.cartTotal { padding: 20px 0; align-items: center;}

.saleNumberBox { align-items: center;}

.orderWrap { padding: 0 15px; margin-bottom: 20px;}
.orderBox { padding: 10px 0; border: 5px solid #f0f0f0; border-radius: 6px}
.orderBoxLeft { }
.orderBoxRight { border-left: #f5f5f5 1px solid;}

.form-group { margin-bottom: 10px;}
.form-group.orderItemList { border-bottom: 1px solid #fbfbfb; padding: 0 0 10px; margin-top: 10px;}
.form-group.orderItemList:last-child { border-bottom: none; padding: 0;}

.orderCheckWrap { padding: 0 15px; margin:0 auto 20px; }
.orderCheckBox { padding: 20px 0; border: 1px solid #f0f0f0; border-radius: 6px}
.orderCheckList { padding: 2px 0;}

.addCartNumber {
    background: none;
    color: #666666;
    cursor:inherit!important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: none;
    border-right: none;
}

.orderTable {
    font-size: 13px; word-break: keep-all;
}
.orderTable thead { color: #ffffff;}
.orderTable .table thead th { border-bottom: 1px solid #dee2e6; word-break: keep-all;}
.table td, .table th { word-break: break-all; white-space:inherit;}

.orderSearchWrap { margin: 20px 0; }

/*****************************goodsDetail***************************/
.goodsItemDetail { padding-top: 40px;}
.recommendBox { border: 1px solid #fbfbfb; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #fbfbfb; align-items: center; justify-content: center; display: flex; color: #ffffff; padding: 20px 0; }
.recommendBoxRight { padding: 20px; color: #5c5c5c;}
.recommendBoxRight .item { padding-top: 5px; padding-bottom: 5px;}
.recommendBoxRight .item i { color: #fbfbfb; margin-right: 5px; width: 20px; text-align: center;}
.goodsItemInfoSection { margin:0 -15px 20px; max-width: 960px; }
.goodsItemInfoBox { margin-bottom: 40px;}
.goodsItemInfoBox .goodsItemTitle { font-size: 22px; line-height: 1.3em; text-align: center; margin-bottom: 20px; letter-spacing: 2px; font-weight: 300;}
.goodsItemInfoBox .goodsItemSubTitle { font-size: 16px; line-height: 1.8em; text-align: center; color: #5c5c5c; font-weight: 400;}
.focusLine { border-style: solid; border-width: 1px; border-right: none; border-left: none;}

.goodsItemInfo { align-items: center;}
.goodsItemInfo img { max-width: 100%;}
.goodsItemInfo ul { margin: 20px; padding: 0;}
.goodsItemInfo li  { list-style: none; margin-bottom: 12px;}
.goodsItemInfo li span.item { padding: 5px 16px; color: #ffffff; border-radius: 8px; display: inline-block; font-size: 18px; }
.goodsItemInfo li span.item001 { background: #c3b492;}
.goodsItemInfo li span.item002 { background: #65a974;}
.goodsItemInfo li span.item003 { background: #938ebe;}
.goodsItemInfo li span.item004 { background: #819ecd;}
.goodsItemInfo li span.item005 { background: #b87a66;}

.goodsItemInfoBox .card { border: none; margin-bottom: 10px;}
.goodsItemInfoBox .card-header { border: none; font-size: 20px; background: #000000; padding: 10px 0; }
.goodsItemInfoBox .card-header h5 button {  letter-spacing: 2px; font-size: 16px; color: #ffffff; font-weight: 300; display: block; width: 100%; text-align: left; border-top: #ffffff 1px dashed; border-bottom: #ffffff 1px dashed; white-space: normal;}
.goodsItemInfoBox .card-body { color: #666666; font-size: 16px; font-weight: 300; }

.goodsStarWrap { padding-bottom: 10px; position: relative; display: inline-block; cursor: pointer;}
.goodsStarBox {font-size: 13px; display: flex; justify-content: flex-start;}
.goodsStarBox .star { width: 20px; height: 20px; display: inline-block; background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_1.svg) center no-repeat;}
.goodsStarPop { position: absolute; left: 0%; top: 30px; padding: 20px; background: #ffffff; border: 1px solid #cccccc; text-align: center; border-radius: 8px; font-size: 14px; z-index: 10}
.goodsStarPop:after { position: absolute; width: 15px; height:15px; transform: rotate(45deg); display: block; background: #ffffff; top: -8px; left: 45%; content: ""; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; z-index: 9}
.countTitle { font-size: 18px; font-weight: bold; margin-bottom: 8px; text-align: center;}
.countStar { display: flex; justify-content: flex-start; align-items: center; font-size: 13px; margin-bottom: 5px;}
.numberStarBox { border: 1px solid #fbfbfb; background: #fbfbfb; width: 100px; height: 1em; margin: 0 5px; overflow: hidden; text-align: left;}
.numStar { background: #FFCC0C; width: 100%; display: inline-block; height: 1.5em;}
.numberTitle { width: 40px; text-align: left;}

.commentWrap { text-align: center; border-top: #cccccc 1px solid; width: 96%; margin: 0 auto;}
.commentStateBox { padding: 40px 10px 20px; width: 100%; max-width: 980px; margin: 0 auto;}
.commentTitle { display: flex; justify-content: space-between; font-size: 18px; font-weight: bold; align-items: center;}
.commentTitle .starBox .starBtn { width: 30px; height: 30px; display: inline-block; background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_1.svg) center no-repeat;}
.commentTitle .starBox .starBtn:hover { background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_2.svg)}
.commentTitle .starBox .starBtn.active { background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_2.svg)}
.commentTitle .starBox .starBtn.activeHalf { background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_3.svg)}

.commentMenu { border-bottom: 1px solid #17a2b8; max-width: 980px; margin: 20px auto; text-align: left;}
.commentMenu .commentMenuTab { padding: 10px 30px; display: inline-block;}
.commentMenu .commentMenuTab.active { background: #17a2b8; color: #ffffff; border-radius: 8px 8px 0 0;}
.custom-file { margin-bottom: 5px;}
.custom-file-label { text-align: left;}

.uploadPicBox { display: flex; justify-content: flex-start; align-items: center;}
.uploadPic { width: 80px; height: 80px; display: block; background-size: contain; background-position: center; position: relative; border: #cccccc 1px solid; margin-right: 15px;}
.uploadPic a.uploadPic_x { color: #ffffff; text-decoration: none; background-color: red; text-align: center; border-radius: 50px; width:20px; height: 20px; position: absolute; top: -10px; right: -10px; font-size: 12px; font-weight: bold;}

.top10CommentBox { padding:0 10px 20px; width: 100%; max-width: 980px; margin: 0 auto; }
.top10Title { font-weight: bold; display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 18px; }
.comment10Box { display: flex; overflow: scroll; margin-bottom: 20px;}
.comment10Item { width: 420px; border-radius: 6px; background: #f8f8f8; padding: 13px 16px 16px; text-align: left; margin-right: 10px; flex-shrink: 0;}
.star { width: 30px; height: 30px; display: inline-block; background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_1.svg) center no-repeat;}
.star.active { background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_2.svg)}
.star.activeHalf { background: url(https://daiken.s3.amazonaws.com/shop/zh_TW/star_3.svg)}
.userBox { font-weight: bold; margin-bottom: 10px;}
.textBox { font-size: 14px;}

.allCommentBox { padding:0 10px 20px; width: 100%; max-width: 980px; margin: 0 auto; }
.allCommentBoxTop { display: flex; justify-content: space-between; padding: 20px; font-size: 18px;}
.allCommentStarBox .goodsStarWrap a { color: #000000;}
.allCommentBoxTop .text_large { font-size: 26px; color: #38abca; padding: 0 2px;}
.allCommentStarBox .goodsStarPop { top: 45px;}
.buyerCheck { color: #38abca; font-size: 14px; margin: 0 5px;}
.commentItem { width: 100%; padding: 13px 16px 16px; text-align: left; margin-right: 10px; border-bottom: 1px #fbfbfb solid;}
.textBoxPic { padding: 20px 0 0; display: flex;}
.commetPicS { margin-right: 5px;}
.commetPicS img { height: 80px;}

.commentInputBox { margin: 20px 0;}

/*******************sm*******************/
@media (min-width: 576px) {
    .orderSearchWrap { margin: 40px 0; }
    .recommendBox { font-size: 19px; margin-bottom: 80px}
    .goodsItemInfoBox { margin-bottom: 80px}
    .goodsItemInfoBox .goodsItemTitle { font-size: 30px; }

    .goodsItemInfoBox .card-header h5 button { font-size: 20px}
    .goodsItemInfoBox .card-body { font-size: 20px}
    .table td, .table th { word-break: keep-all; white-space:nowrap;}
    .goodsItemInfoSection { margin:0 auto 20px; max-width: 960px; }

}

/*******************md*******************/
@media (min-width: 768px) {

}

.groupProductMenu { display: block; border-bottom: 1px solid rgba(0,0,0,.125);}
.groupProductMenu a.list-group-item { width: auto; display: inline-block; border-top-left-radius: .25rem; border-top-right-radius: .25rem;  border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: none;}


/*��㰘頃��*/
/*.order-form {width:100%} 會影響到checkout.php 頁面 先註解*/
.add-purchase, .section-form {/* margin:30px 0 0 50px; */ margin-bottom: 30px; border: #cccccc 1px solid;}
.add-purchase-tit, .section-header {font-size:1rem;background-color:#F8F8F8;padding:5px 15px}
.add-purchase>.cartList {padding: 20px 15px;}
.cartListBody .goodsName_add {font-size: 16px;font-weight: bold;margin: 5px 0;}
.cartListPic_add {width: 80px;margin-right: 10px;flex-grow: 0;}
.cartList .cartListPic_add a {display: flex;width: 80px;height: 80px;}
.cartListPic_add img {width: 100%;}
.cartListBody .goodsCounts_add {margin-bottom: 10px;}
.btn-outline-secondary.btn-add ,.addCartNumber.btn-add{padding: .1rem .6rem .25rem;}

@media (max-width:767.98px){
    .add-purchase {margin:0 0 30px;}
}

.section-body{padding: 20px 15px;}
.pull-left {float: left;}
.pull-right {float: right;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.order-summary {
    color: #888;
}

.order-summary .total {
    color: #111;
    font-weight: 600;
    margin-bottom:10px;
}

.order-summary .cart-coupon form input {
    /*width: 67%;*/
    margin: 5px 0;
}
.order-summary .cart-coupon form label {
    font-weight: 400;
}

.order-summary .cart-coupon form .btn {
    /*float: right;*/
    /*width: 30%;*/
	background-color: #9DAAB0 !important;
    border: 1px solid #9DAAB0 !important;
    color: white !important;
}

.page-checkout {
	font-size: 14px;
	color:#333;
}

.page-checkout label {
    font-weight: 400;
}

.btn-default{border-color: #adadad;}

.page-cart .form-inline.form-inline-2>*, .page-checkout .form-inline.form-inline-2>*, .page-order-show .form-inline.form-inline-2>* {
    display: inline-block;
    vertical-align: top;
}
.page-cart .form-inline.form-inline-2>*:first-child, .page-checkout .form-inline.form-inline-2>*:first-child, .page-order-show .form-inline.form-inline-2>*:first-child {
    margin-right: 2%;
    width: 49%;
}
.page-cart .form-inline.form-inline-2>*:last-child, .page-checkout .form-inline.form-inline-2>*:last-child, .page-order-show .form-inline.form-inline-2>*:last-child {
    margin-left: -5px;
    width: 49%;
}
.page-cart .form-group:not(.has-error), .page-checkout .form-group:not(.has-error), .page-order-show .form-group:not(.has-error) {
    color: #555 !important;
    border-color: transparent !important;
    background-color: #fff !important;
}
.page-cart .form-inline.form-inline-2>.form-group input, .page-cart .form-inline.form-inline-2>.form-group select, .page-checkout .form-inline.form-inline-2>.form-group input,.form-inline.form-inline-2>.form-group select, .page-checkout .form-inline.form-inline-2>.form-group select, .page-order-show .form-inline.form-inline-2>.form-group input, .page-order-show .form-inline.form-inline-2>.form-group select {
    width: 100%;
}
@media (min-width: 768px)
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
/*
.form-group {
    margin-bottom: 15px;
}
*/
/*
.page-cart form .form-group:last-child, .page-cart form .form-group :last-child, .page-checkout form .form-group:last-child, .page-checkout form .form-group :last-child, .page-order-show form .form-group:last-child, .page-order-show form .form-group :last-child {
    margin-bottom: 0;
}
*/

.form-group.relative {
    position: relative;
}

.margin-bottom-standard{margin-bottom:15px;}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
}


.form-group .fa:not(.email,.header_search) {
    position: absolute;
    /*right: 15px; 會影響到登入頁的畫面 */
    bottom: 10px;
    pointer-events: none;
    font-size: 14px;
}
/*
@media (max-width: 768px){
p, ul, ol, a, .innerpage-heading p {
    font-size: 14px;
}
*/
}
.page-checkout .tappay-hint{
	color:#888;
	font-size:13px;
}

/* Checkout Navigation */
.checkout-nav {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
.checkout-nav .step .badge .text {
    position: absolute;
    width: 100%;
    z-index: 1;
}
.checkout-nav .step .badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0;
}
.checkout-nav .step span {
    display: block;
    padding: 0 5px;
    cursor: pointer;
}

.checkout-nav .step a {
	cursor: pointer;
}

.checkout-nav .step {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    max-width: 33%;
    margin-left: -2px;
    margin-right: -2px;
    color: black;
}
.checkout-nav .step .badge::before {
    content: " ";
    background-color: #cccccc;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}
.checkout-nav .step.visited .badge::after, .checkout-nav .step.active .badge::after {
    background-color: #9daab2;
}
.checkout-nav .step .badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #cccccc;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
}

.checkout-nav .step:first-child .badge::before {
    width: 50%;
    left: 50%;
}
.checkout-nav .step:last-child .badge::before {
    width: 50%;
    right: 50%;
}
.checkout-nav .step:last-child .badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #cccccc;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
}

.btn-g-border,
.btn-g-border:focus{
    border:1px solid #939598;
    color:#565656;
}

.btn-g-border:hover{
    border:1px solid #cc0066;
    color:white;
    background:#cc0066;
}

.cart-coupon {
    margin-top: 20px;
}

.checkout-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #f5f5f5;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

.checkout-nav .step .checkout-badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0;
}

.checkout-nav .step .checkout-badge::before {
    content: " ";
    background-color: #cccccc;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}

.checkout-nav .step .checkout-badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #cccccc;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
}

.checkout-nav .step:last-child .checkout-badge::before {
    width: 50%;
    right: 50%;
}

.checkout-nav .step.visited .checkout-badge::after, .checkout-nav .step.active .checkout-badge::after {
    background-color: #9daab2;
}

.checkout-nav .step:first-child .checkout-badge::before {
    width: 50%;
    left: 50%;
}

.checkout-nav .step .checkout-badge .text {
    position: absolute;
    width: 100%;
    z-index: 1;
}

/* cart.php 購物車畫面 */
.cart-page-shop-section {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: .9375rem;
    overflow: visible;
}

.cart-page-shop-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.75rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding: 0 20px;
}

.cart-page-shop-header__center-wrapper, .cart-page-shop-header__checkbox-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.cart-page-shop-header__center-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cart-page-shop-header__shop-name {
    text-decoration: none;
    color: rgba(0,0,0,.8);
    font-weight: 500;
    min-width: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cart-page-shop-header__chat, .cart-page-shop-header__shop-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.cart-shipping {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem 0 1.25rem 58px;
    border-top: 1px solid rgba(0,0,0,.09);
}