@charset "UTF-8";
/**共用-------------------------------------------------------------------------**/
body, html {
    width: 100%;
    height: 100%;
    display: block;
}

body {
    font-family: "Microsoft JhengHei";
}

a {
    color: #666;
}

a:hover {
    color: #000;
    text-decoration: none;
}

/*圖像替換增加指定a*/
.text-hide a {
    font: 0/0 a;
    color: #0000 !important;
    text-shadow: none;
    background-color: #0000;
    border: 0;
}

.display_off {
    display: none !important;
}

.dividers {
    padding: 0;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.wg.list.list-web .dividers {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

/*bxslider 左右箭頭層次*/
.bx-wrapper .bx-controls .bx-controls-direction a {
    z-index: 998;
}

/*圖片-無圖片隱藏區塊*/
img[src=""] {
    display: none;
}

/*模組間距*/
@media (max-width: 767px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
}

/**排版共用-------------------------------------------------------------------------**/
_:-ms-fullscreen, :root .col, _:-ms-fullscreen, :root .col-auto, _:-ms-fullscreen, :root .col-sm, _:-ms-fullscreen, :root .col-sm-auto, _:-ms-fullscreen, :root .col-md, _:-ms-fullscreen, :root .col-md-auto, _:-ms-fullscreen, :root .col-lg, _:-ms-fullscreen, :root .col-lg-auto, _:-ms-fullscreen, :root .col-sm, _:-ms-fullscreen, :root .col-sm-auto, _:-ms-fullscreen, :root .col-xl, _:-ms-fullscreen, :root .col-xl-auto { /*by ie11*/
    border: 1px solid transparent;
}

_:-ms-fullscreen, :root .storelogo {
    min-width: 1%;
}

/*中間區塊內容*/
.block-e .content, .block-full .content {
    background-color: #fff;
}

@media (max-width: 991px) {
    header .storelogo img {
        max-height: 9.5vmax;
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media (min-width: 992px) {
    /*body*/
    body {
        min-width: 950px;
    }

    /*中間區塊*/
    .block-full, .block-ae, .block-abc {
        max-width: 1280px;
        margin: auto;
    }
}

@media (min-width: 768px) {
    _:-ms-fullscreen, :root .storelogo {
        min-width: 200px;
    }

    _:-ms-lang(x), .storelogo {
        min-width: 200px;
    }

    .block-a, .block-b, .block-c, .block-e {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .block-ae, .block-full {
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }
}

/*中間區塊兩欄-主區title之dividers*/
.block-e .title + .dividers, .block-e .titlebar + .dividers {
    margin-bottom: 1rem;
}

/*全版區塊一欄-主區title之dividers*/
.block-full .title + .dividers, .block-e .titlebar + .dividers {
    margin-bottom: 1rem;
}

/*中間區塊滿版title之下限制寬度*/
@media (min-width: 992px) {
    .block-full .content > .title ~ div, .block-full .content > .titlebar ~ div, .block-full .content > .title ~ iframe {
        width: 80%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .block-full .content > .title ~ div, .block-full .content > .titlebar ~ div, .block-full .content > .title ~ iframe {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .block-full .content > .title ~ div, .block-full .content > .titlebar ~ div, .block-full .content > .title ~ iframe {
        margin-left: auto;
        margin-right: auto;
    }

    .block-full .content > .title ~ iframe {
        display: block;
    }
}

/*編輯器內容*/
.edit img {
    max-width: 100% !important;
    height: auto !important;
}

/*form 表單*/
/*避免視窗小時選單內的內容看不見*/
.form-control {
    padding-left: 0.3rem;
    padding-right: 0;
    min-width: 3rem;
}

.form-row .col,
.form-row [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-group .text, .form-group .number {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    font-size: inherit;
    line-height: 1.5;
}

/*關鍵字搜尋按鈕呈現*/
.keyword_search .form-control {
    border-right: none;
}

.keyword_search .input-group-append {
    border: 1px solid #ced4da;
    border-left: none;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    overflow: hidden;
    line-height: 1;
    max-height: 38px;
}

.keyword_search .input-group-append .btn.btn-img {
    max-width: 100%;
    max-height: 100%;
}

/*titlebar內bn與blog共存時呈現*/
.titlebar .bn ~ div > .icon-blog {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
/*title之後的表單搜尋bar*/
.title ~ .form-search {
    margin-bottom: 1rem;
}

/*文字列表呈現*/
.list-unstyled li {
    padding: 5px;
}

/*list列表圖片呈現*/
.list-group-item.img {
    padding: 0;
}

/*模組頁籤-文字*/
.wg .list-tag .tab-item.list-tag-text {
    white-space: nowrap;
    padding: 0 .3rem;
    text-align: center;
}
/*資料列表呈現 如表格資料*/
.block-data.scroll {
    overflow-x: auto;
}

.block-data .titlebar {
    background-color: #dedcdc;
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.block-data .titlebar .btn.btn-img, .block-form .titlebar .btn.btn-img {
    float: right;
}

.block-data + div:not(.block) {
    margin-top: 1rem;
}

.data-item {
    margin-bottom: 1rem;
}

.data-item > div {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    font-size: inherit;
    line-height: 1.5;
}

.block-data .title-list, .block-data .title-list .title-text {
    background-color: #eee;
    white-space: nowrap;
}

.block-data .title-list .title-text, .block-data .data-list .data-grid {
    padding: 0.5rem;
}

.block-data .data-list .data-grid {
    word-wrap: break-word;
}

/*錢*/
.block-data .money {
    text-align: right;
}

@media (min-width: 768px) {
    .block-data .data-list + .data-list .data-grid {
        border-top: 1px solid #eee;
    }

    .block-data .data-grid {
        padding: 0.5rem;
    }

    .block-data .data-list .w-100 ~ .data-grid {
        border-top: none;
    }
}

@media (max-width: 767px) {
    .data .title-list ~ .row > div[data-title]:before, .block-data .data-list .data-grid[data-title]:before {
        content: attr(data-title) " ";
        width: 25%;
        height: 100%;
        display: inline-block;
        text-align: left;
        float: left;
    }

    .block-data .data-list {
        border-bottom: 1px solid #eee;
        padding: 0.5rem 0 1rem;
    }

    .block-data > .row {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/*資料列表呈現 如表格表單from*/
.block-form .titlebar {
    background-color: #dedcdc;
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

/*文章列表呈現*/
.list-column {
    margin-bottom: 1rem;
}
/*商品列表呈現*/
.list-prod {
    padding: 0;
}

.list-prod li {
    list-style: none;
}

/*橫式列表呈現*/
.altrow1 + .altrow1, .altrow1 + .altrow2, .altrow2 + .altrow1 {
    /*border-top: 1px solid #eee;*/
}

.altrow2 {
    background-color: #f7f7f7;
}

.altrow1, .altrow2 {
    /*padding: 1rem 0;*/
}

/*titlebar排版共用*/
.titlebar .select, .titlebar .input {
    margin-top: 4px;
    margin-bottom: 4px;
}

/*頁面title*/
.title {
    margin-bottom: 1rem;
}

.titlebar {
    margin-bottom: 1rem;
    position: relative;
}

.titlebar .toggle {
    padding: 0;
}

.titlebar .bn {
    margin-bottom: .5rem;
}

.titlebar .btn + .btn:not(.toggle) {
    padding-left: 0;
}

/*.title.title-text {*/
/*font-size: 1.6rem;*/
/*}*/
/*title內含控制按鈕項目-開/關 套用*/
.titlebar.control-bar {
    min-height: 28px;
}

/*商品模組*/
.wg.prod {
    margin-bottom: 1rem;
}
/*模組title*/
.wg .titlebar, .wg .title {
    padding-bottom: 0;
    margin-bottom: 0;
}

.wg .title.bg, .wg .title-text.bg {
    margin-bottom: 0;
}

/*商品模組-標頭使用背景圖title-bg*/
.wg.prod .title-bg {
    background-repeat: no-repeat;
}

/*商品模組-標頭有背景bg*/
.wg.prod .title.bg {
    background-repeat: repeat;
    background-position-y: bottom;
}
/*水平title*/
.list-title {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center !important;
    align-items: center !important;
    width: 100%;
}

/*card 圖文組合*/
.card-header {
    background-color: unset;
    border-bottom: none;
}

.card-body {
    position: relative;
}

.card-footer {
    background-color: unset;
}

.card-columns {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.card-float .card {
    margin-bottom: 0.75rem;
    display: inline-block;
}

.card-scrollx { /*card 滾動*/
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    overflow-x: auto;
    overflow-y: hidden;
}

.card-scrollx .card {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (min-width: 576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
    }

    .card-scrollx .card { /*card 滾動*/
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        margin-right: 15px;
        margin-left: 15px;
    }

    .card-columns {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .card-columns .card {
        display: block;
    }

    /*暫訂需修*/
    .card-float .card {
        width: 50%;
        min-height: 200px;
        float: none;
        overflow: hidden;
    }

    .card-float .card:first-child {
        min-height: 400px;
        float: left;
    }
}

/*文章box*/
.column-box > div {
    border-bottom: 1px solid #eee;
    height: 100%;
    padding: .5rem;
}

.column-box:hover > div {
    background-color: #f7f7f7;
}

.column-box .btn-text.more {
    background-color: #cccccc;
    padding: .5rem 1.5rem;
    border-radius: inherit;
}

.column-box .btn-text.more:hover {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .column-box:nth-child(even) > div {
        background-color: #f7f7f7;
    }
}
/*商品box*/
.prod-box {
    position: relative;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    word-wrap: break-word;
    /*background-color: #fff;*/
    /*background-clip: border-box;*/
    padding: 0.5rem !important;
}

.prod-box .product_box {
    height: 100%;
}

/*預購、加入追蹤及商品圖區塊*/
.prod-box .picture {
    text-align: center;
    position: relative;
}

/*預購圖*/
.prod-box .icon-preorder {
    position: absolute;
    z-index: 1;
}
/*加入追蹤區塊*/
.btn-icon.track {
    text-align: right;
    padding: 0;
}

/*商品資訊區塊*/
.prod-box .info-box {
    padding: 1rem;
}

/*商品已銷售數量(訂購人數)*/
.prod-box .info-box .buyquantity {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    border-bottom: 1px solid #efefef;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
}

.prod-box .info-box .buyquantity .bg {
    line-height: 1.1rem;
}

/*商品名稱區塊*/
.prod-box .info-box .name {
    min-height: 3rem;
}

/*商品規格與數量區塊*/
.prod-box .info-box .standard, .prod-box .info-box .quantity {
    min-height: 2.5rem;
    line-height: 2.5rem;
}

/*商品規格-列表顯示*/
.prod-box .icon-standard .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    min-width: 24px;
}

/*原價-促銷時顯示*/
.prod-box .discount-digital {
    font-size: .9rem;
    height: 1.2rem;
    color: #666;
}

.prod-box .discount-digital .img-fluid {
    max-height: 100%;
    width: auto;
    vertical-align: baseline;
}
/*商品價格與購物車*/
.prod-box .standard,
.prod-box .price-addcart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
    padding: 0.5rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    /*商品box*/
    .prod-box {
        padding: 0rem 1.25rem;
    }

    /*商品資訊區塊*/
    .prod-box .info-box {
        padding: 0rem 0.5rem !important;
    }
}

/*多組box群組使用*/
.list-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.25rem;
}

/*資訊box*/
.info-box, .btn-box {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}

.info-box + .btn-box {
    padding-top: 0px;
    margin-top: -1.25rem;
}

.btn-box .btn-img {
    margin-bottom: 0.5rem;
}

/*連結空白區塊*/
.link-block {
    display: block;
    height: 100%;
}

/*連結區塊*/
.linkblock-full {
    display: block;
    height: 100%;
}

/*文字中的連結*/
.text-link {
    cursor: pointer;
}

.text-link.active {
    text-decoration: underline;
}

/*圖像替換-文換圖*/
.text-hide a {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

/*border圖片空白間距*/
.border-img img {
    display: block;
}

/*側邊border於rwd不顯示*/
@media (max-width: 767.98px) {
    .block-a .border-bg {
        background-image: none !important;
    }

    .block-a .border-img {
        display: none;
    }
}

/*E區塊組合版*/
@media (max-width: 991px) {
    .wg.block.block-3b2c, .wg.block.block-3b1c {
        display: none;
    }
}
/*!*模組間隔*!*/
/*.container-fluid div[class*="mod-"] {*/
/*padding-bottom: 5px;*/
/*}*/
/*.container-fluid div[class*="mod-"] div[class*="mod-"] {*/
/*padding-bottom: 0;*/
/*}*/
/*gotop回到最上方*/
.fixed-bottom.gotop {
    right: 3%;
    bottom: 40px;
}

.outside_jump .btn-gotop {
    right: 3%;
    bottom: 40px;
}

/*邊框線背景圖-ie*/
.page .border-bg.mid {
    background-repeat: repeat-y;
}

.page .border-bg.mid > .border-bg {
    background-repeat: repeat-y;
    background-size: contain;
}

.page .start .border-bg.mid, .page .end .border-bg.mid {
    background-repeat: repeat-x;
}

.page .block-a .border-bg.mid, .page .block-c .border-bg.mid {
    background-repeat: inherit;
    background-repeat: initial;
}

/**效果共用-------------------------------------------------------------------------**/
/*標籤*/
.badge-position {
    position: absolute;
    display: inline-block;
    padding: 0.3em 0.7em 0.5em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-bgorange {
    color: #fff;
    background-color: #ff6300;
}
.badge-bgpink {
    color: #fff;
    background-color: #FF4295;
}
/*標籤-商品數量*/
.badge-position.badge-total {
    padding: 0.2em 0.4em;
    border-radius: 1em;
}
/*popup視窗*/
.popup {
    width: 60%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 12px -2px #00000061;
    padding: 0.5rem;
}
.popup-detail {
    width: 200px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 12px -2px #00000061;
    padding: 0.5rem;
}
.popup-detail .pic {
    padding-bottom: 0.5rem;
}
.popup-detail.name, .popup-detail .price {
    font-size: 0.8rem;
    line-height: 1rem;
}

/*dropdown 下拉選單*/
.show > a {
    outline: 0;
}

@media (min-width: 576px) {
    .dropdown-toggle::after { /*使用於media 576px之上，隱藏icon*/
        display: none;
    }
}

/*dropdown 下拉+頁籤式展開選單*/
.dropdown-tabs .dropdown-menu {
    top: auto;
    width: calc(100% - 10px);
}

@media (min-width: 576px) {
    .dropdown-tabs .dropdown-menu {
        width: auto;
    }
}
/*expand 展開列表呈現*/
.expand-menu {
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
}
.expand-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    font-weight: normal;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
}

/*頁籤切換*/
.nav-tabsl {
    border-right: 1px solid #ddd;
    height: 100%;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

/*頁籤列表*/
.tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.list-link {
    display: block;
    padding: 0.5rem 1rem;
}

/*scroll 滾動區塊*/
.scrollx-auto {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.scrolly-auto {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .scrolly-md-hidden {
        max-height: none;
        overflow-y: hidden;
    }
}

/*輪播區塊*/
.carousel-outside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    text-align: center;
    padding: 0;
}

.carousel-outside li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: #eee;
    cursor: pointer;
}

.carousel-outside .active {
    background-color: #dddddd;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right { /*捲動*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

/*float 浮動按扭*/
.float-btnbar {
    float: right;
}

.float-img {
    display: block;
    min-width: 20px;
}

.float-link {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.3rem;
    font-size: 1rem;
    line-height: 1.25;
}

/*position 浮動絕對位置*/
.pos-topl {
    top: 0;
    left: 0;
}

.pos-topr {
    top: 0;
    right: 0;
}

.pos-btmcenter {
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
/*btn 按鈕(文字使用btn-text；img圖片使用btn-img)*/
.btnbar {
    text-align: center;
}
.btnbar .btn {
    margin-top: 0.5rem;
}
.btn {
    font-weight: normal;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
}
.btn-img {
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.btn-img {
    padding: 0;
    background-color: transparent;
}

/*影響RWD結帳頁的button*/
/*.btn-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}*/
.btn-send {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.btn-send:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn.btn-text:hover {
    color: #ffffff;
    background-color: #cccccc;
    border: 1px solid #c7c7c7;
}

@media (max-width: 767px) {
    .goprint {
        display: none;
    }
}
/*分頁*/
.pagination.btnbar {
    -webkit-box-pack: start;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    align-items: center !important;
}
.page-text {
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
}

/*icon*/
span[class*="icon-"] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-size: cover;
}

/*menu列表直橫變換*/
.menu-vh {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .menu-vh {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
}

/*廣告*/
.bn {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/*廣告模組*/
.wg.bn > div {
    margin-bottom: 1rem;
}

.slide-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

/*close 不顯示X */
.wg .close {
    position: relative;
    width: auto;
    height: auto;
    background-color: initial;
}

.close:before, .close:after {
    display: none;
}
/*商品圖片*/
.pic {
    text-align: center;
}
.pic + .pic {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/*注意事項*/
.text.warn {
    margin-bottom: 1rem;
    color: #ff0000;
}

/*列表呈現切換 橫/格*/
.list-toggle .toggle {
    padding: 0.45rem 0.7rem;
    line-height: 1.25;
    max-width: 38px;
    max-height: 38px;
}

.list-toggle .toggle.active {
    border: 1px solid #eee;
    background-color: #eee;
}

.list-toggle .toggle:hover {
    border: 1px solid #999;
}

/**mod模組-------------------------------------------------------------------------**/
/*凍結*/
header[style*="position: fixed"], nav > .collapse[style*="position: fixed"] {
    max-width: none !important;
}

/*漢堡式搜尋*/
.wg.block-ham.search {
    padding: 0.5rem;
}

/*側邊區域限制*/
.block-a, .block-c {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.block-a .wg, .block-c .wg {
    margin-bottom: 1rem;
}

.block-a .wg .border-bg, .block-c .wg .border-bg {
    padding-left: 1px;
    padding-right: 1px;
}

.block-a .wg .list-inline, .block-c .wg .list-inline {
    margin-bottom: 0;
}

.block-a .prod-box, .block-c .prod-box {
    padding: 0.5rem;
}

.block-a .prod-box .info-box, .block-c .prod-box .info-box {
    padding: 0 0 0 0.5rem;
    font-size: 0.9rem;
}

.block-a .prod-box a, .block-c .prod-box a {
    font-size: 0.9rem;
}

.block-a .title-img img, .block-a .border-bg, .block-a .border-img img, .block-c .title-img img, .block-c .border-bg, .block-c .border-img img {
    width: 100%;
    background-size: contain;
}

@media (max-width: 767px) {
    .block-a, .block-c {
        max-width: 100%;
    }

    .block-a .title-img img, .block-c .title-img img {
        width: auto;
    }
}

/*主區模組限制*/
.block-e .wg .border-img img {
    width: 100%;
}

.block-e .wg .border-bg {
    background-size: contain;
}

/*模組列表項目*/
.wg.list .list-group-item {
    border: none;
    margin-left: 0;
    background-color: inherit;
    height: 100%;
}

.wg.list .list-group-item:last-of-type + .dividers {
    display: none;
}

.wg.list .list-group .nav-item {
    margin-left: 0;
}
/*logo背景*/
@media (max-width: 991px) {
    .block-header {
        min-height: auto !important;
        background-image: none !important;
        background-color: #fff;
        padding: 0;
    }
    .block-header .ham-menu {
        padding: .5rem 1rem;
        align-items: center;
    }

    .block-header .ham-menu .storelogo {
        text-align: center;
    }
}
/*頁面標頭*/
.block-header > .col-12.col-md-9 {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.wg.btnlist-link.header {
    padding-bottom: 1rem;
}
.wg.btnlist-link.header .nav-link {
    font-size: 0.8rem;
    white-space: nowrap;
}
.wg.btnlist-link.header .nav-link a {
    color: #fff;
}
.wg.btnlist-link.header .nav-link span {
    margin: 0 0.3rem;
}

@media (max-width: 767px) {
    .block-header > .col-12.col-md-9 > div {
        background-color: #999;
        padding: 0.5rem 0.8rem;
    }
    .wg.btnlist-link.header {
        padding-bottom: 0;
    }
}
/*頁面標頭-上方購物車*/
.wg.btnlist-link.header .wg.buy-info a {
    color: #666666;
}
.wg.btnlist-link.header .wg.buy-info a:hover {
    color: #000000;
}
/*頁面上方*/
.wg.btnlist-link.top .nav-item, .wg.btnlist-link.top .nav-link {
    color: #000;
}
.wg.btnlist-link.top .nav-link:hover {
    color: #666;
}
.wg.btnlist-link.top .nav-link span {
    margin: 0 0.3rem;
}

@media (max-width: 576px) {
    .block-header .form-row {
        width: 100%;
    }
}

/*nav 導覽區*/
.navbar-nav .nav-link {
    padding: 0.5rem 0.5rem;
}

.navbar-nav .nav-link.nav-img {
    padding: 0;
}
.nav-img {
    display: block;
}

.nav-text {
    display: inline-block;
    padding: .5rem 1rem;
}

/*廣告-上方全版輪播式*/
.wg.bn.bn-slider .tag-item {
    height: auto;
    width: auto;
    font-size: 0.8rem;
    line-height: 1;
    color: #666;
    text-indent: inherit;
    padding: 3px 5px;
    display: block;
}

/*mod-ad廣告模組*/
[class*="mod-ad"] > div {
    width: 100%;
}

/*側邊館別分類*/
.wg.list-store .nav-0st a {
    color: #000;
}

.nav-1-ul .nav-link {
    padding: .5rem;
}

.nav-1-ul, .nav-2-ul, .nav-3-ul {
    padding-left: 1rem;
}
.wg.list-store .nav-1st-select a {
    padding-left: 1.5rem;
}
.wg.list-store .nav-2st a {
    padding-left: 2rem;
}
.wg.list-store .nav-2st-select a {
    padding-left: 2.5rem;
}
.wg.list-store .nav-3st a {
    padding-left: 3rem;
}
.wg.list-store .nav-3st-select a {
    padding-left: 3.5rem;
}
.wg.list-store .edit.store-edit {
    padding: 0.5rem 1rem;
}
@media (max-width: 767px) {
    .wg.list.list-store {
        display: none;
    }
}
/*側邊館別-有外框單館別各別顯示*/
.wg.list.list-store.single-alone .list-group-item {
    padding: 0;
    margin-bottom: 1rem;
}
.wg.list.list-store.single-alone .title-text.bg {
    text-align: center;
    color: #ffffff;
    background-size: contain;
    background-position: left top;
    background-repeat: round;
    cursor: pointer;
    padding-top: 0.25rem;
}
.wg.list.list-store.single-alone .border-bg.end {
    background-size: cover;
    background-repeat: round;
}

/*館別分類項目之商品數量*/
.product-count {
    display: block;
    padding: 0.5rem 0.5rem 0.5rem 0;
}

/*側邊表單模組排版*/
.wg.block-form .title.title-img + .mid {
    padding-top: 1rem;
}

.wg.block-form .form-group {
    padding-right: 15px;
    padding-left: 15px;
}

.wg.block-form .btnbar a {
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

/*滑動商品列-左右箭頭*/
@media (max-width: 767px) {
    .list-slide .carousel-control-next, .list-slide .carousel-control-prev {
        background-color: rgba(238, 238, 238, 0.3);
    }
}

@media (min-width: 768px) {
    .list-slide .carousel-control-next:hover, .list-slide .carousel-control-prev:hover {
        background-color: rgba(238, 238, 238, 0.5);
    }
}
/*側邊A區塊-銷售排行榜*/
.wg.prod.prod-ranking .list-prod {
    display: block;
}
.wg.prod.prod-ranking .prod-box {
    display: inline-block;
    width: calc(100% - 1rem);
}
.wg.prod.prod-ranking .prod-box .pic {
    float: left;
    width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wg.prod.prod-ranking .prod-box .pic img {
    width: 100%;
}
.wg.prod.prod-ranking .prod-box .info-box {
    float: right;
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wg.prod.prod-ranking .prod-box .clear {
    clear: both;
}
.wg.prod.prod-ranking .prod-box .icon {
    text-align: right;
}

@media (min-width: 768px) and (max-width: 991px) {
    .wg.prod.prod-ranking .prod-box .pic {
        width: 50%;
    }

    .wg.prod.prod-ranking .prod-box .info-box {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .wg.prod.prod-ranking .prod-box {
        width: 100%;
    }
}
/*h1模組*/
.wg.prod.prod-h1 .group-box {
    border: 1px solid #ccc;
    margin-left: .25rem;
    margin-right: .25rem;
    max-width: 640px;
}
.wg.prod.prod-h1 .title-text {
    padding: .25rem .5rem;
}
.wg.prod.prod-h1 .group-box .list-pic .divider {
    background-color: #cccccc;
    width: 1px;
}

.wg.prod.prod-h1 .list-pic {
    border-top: 1px solid #ccc;
}

.wg.prod.prod-h1 .list-pic .pic {
    padding: .2rem;
    border: 2px solid #fff;
    transition: .5s;
}

.wg.prod.prod-h1 .list-pic .pic:hover {
    border: 2px solid #eee;
}

.mod-prom-h1 .group-box {
    border: 1px solid #ccc;
    padding: 0;
}

.mod-prom-h1 .list-box {
    border-top: 1px solid #ccc;
}

.mod-prom-h1 .list-box .pic:nth-child(2) {
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}

.mod-prom-h1 .pic.active {
    border: 1px dotted #ccc;
    text-align: center;
}

@media (min-width: 768px) {
    .mod-prom-h1 .group-box {
        margin-right: 15px;
        margin-left: 15px;
    }
}

/*分類頁品牌總攬模組*/
.wg.brand.brand-list {
    margin-bottom: 1rem;
}

.wg.brand.brand-list .list-brand {
    padding: 1rem .5rem;
}

.wg.brand.brand-list .list-link {
    text-align: left;
    border-bottom: 1px solid #eee;
}

.wg.brand.brand-list .list-link:hover {
    color: #f00;
}

.wg.brand.brand-list .list-link:first-letter {
    color: #f00;
}

/*熱門關鍵字*/
.wg.list.list-tags.hot .list-inline {
    margin-left: 0.5rem;
}

/*Star Rating評價*/
.star .icon-star-off, .star .icon-star-on {
    background-size: contain;
    background-position: left top;
}

.star .icon-star-off {
    width: 80px;
}

.star .icon-star-on {
    display: block;
}

/*追蹤*/
.prod-box .track {
    position: absolute;
    z-index: 1;
    right: 0;
}

/*專欄總覽按鈕及選單調整*/
.menu-Column {
    position: relative;
}

.col-overview .dropdown-toggle {
    position: relative;
    z-index: 1001;
}

/*footer 版權*/
.copyright {
    padding: 1rem !important;
}

.block-copyright.edit {
    word-wrap: break-word;
    padding: 0.5rem 0.2rem;
}

.footerbar.fixedb .show {
    margin-bottom: 40px;
}

/*上方館別列*/
.menu-store {
    height: auto;
}

.menu-store .center {
    opacity: 0.96;
    background-color: #ffffff;
}

.menu-store .menu-main .nav-link:hover, .menu-store .menu-main .nav-link:focus {
    border-left: 4px solid #000;
    background-color: #e9ebee;
}

@media (max-width: 991px) {
    .menu-store {
        height: 100%;
        min-height: 100vh;
        overflow-y: auto;
    }

    .menu-store .border-img.star, .menu-store .border-img.end, .menu-store .dividers, .wg.btnlist-link.header .dividers {
        display: none;
    }

    .menu-store .center {
        overflow-y: auto;
    }
}

@media (min-width: 992px) {
    .menu-store .center {
        opacity: 1;
    }

    .menu-store .navbar-nav.menu-vh:not([class*=justify-content-]) { /*以後可優化後台設開關，使用如justify-content-md-between控制對齊方式*/
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
}

/*兩階層垂直次分類*/
.dropmenudiv {
    /*visibility: visible;*/
    width: 100%;
    position: relative;
    top: auto !important;
    left: auto !important;
    background-color: #FFF;
    -moz-opacity: 0.95;
    opacity: 0.95;
    text-align: left;
}

@media (min-width: 992px) {
    .dropmenudiv {
        /*visibility: hidden;*/
        position: absolute;
        z-index: 1000;
        width: auto;
        min-width: 120px;
        border-radius: 7px;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .dropmenudiv .menu-main .nav-item {
        padding-left: 1.5rem;
    }
}

/*兩階層水平次分類*/
.dropmenudiv_B {
    border: none;
    width: 100%;
    position: relative;
    top: auto !important;
    left: 0 !important;
    background-color: #FFF;
    -moz-opacity: 0.95;
    opacity: 0.95;
}

@media (min-width: 992px) {
    .dropmenudiv_B {
        position: absolute;
        z-index: 1000;
        min-width: 120px;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .dropmenudiv_B .nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*四階層滑動式*/
.dropmenudiv_E {
    border: none;
    width: 100%;
    position: relative;
    top: auto !important;
    left: 0;
    background-color: #FFF;
    -moz-opacity: 0.95;
    opacity: 0.95;
}

.dropmenudiv_E .menu-main .level1 {
    padding: 0.5rem;
}

.dropmenudiv_E .menu-main .level1 > .nav-item {
    border-top: 1px solid #cccccc;
    min-width: 170px;
    margin: 0.5rem;
}

_:-ms-fullscreen, :root .dropmenudiv_E { /*by ie11*/
    width: 100%;
}

@media (min-width: 992px) {
    .dropmenudiv_E {
        position: absolute;
        z-index: 1000;
        min-width: 120px;
        overflow: hidden;
    }
}

/*四階層-垂直次分類及廣告*/
.dropmenudiv_3E {
    border: none;
    width: 100%;
    position: relative;
    top: auto !important;
    left: 0;
    background-color: #FFF;
    -moz-opacity: 0.95;
    opacity: 0.95;
}

.dropmenudiv_3E li {
    list-style-type: none;
    text-align: left;
}

.dropmenudiv_3E .menu-main .level1 {
    padding: 0.5rem;
}

.dropmenudiv_3E .level1 ul {
    -webkit-padding-start: 0;
}

.dropmenudiv_3E .wg.bn.bn-static {
    padding: 0.5rem;
}

_:-ms-fullscreen, :root .dropmenudiv_3E { /*by ie11*/
    width: 100%;
}

@media (min-width: 1366px) {
    .dropmenudiv_3E > div {
        width: 70%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .dropmenudiv_3E {
        position: absolute;
        z-index: 1000;
        min-width: 120px;
        overflow: hidden;
    }

    .dropmenudiv_3E .menu-main .level1 > .nav-item {
        min-width: 170px;
        margin: 0.5rem;
    }
}

.menu-store .nav-link {
    color: #000;
}

.menu-store .menu-main {
    border-top: 1px solid #eee;
}

.menu-store .menu-main .nav-link {
    border-left: 4px solid transparent;
}

.menu-store .level1 .nav-link:focus {
    border-bottom: 1px solid #000;
}

.menu-store .level1 .nav-link {
    color: #999;
}

.menu-store .level2 .nav-link, .menu-store .level3 .nav-link {
    padding-left: 1.5rem;
    text-align: left;
    color: #999;
}

.menu-store .level3 .nav-link {
    padding-left: 3rem;
}

@media (min-width: 992px) {
    .menu-store .level1 .nav-link {
        color: #000;
        text-align: left;
    }

    .menu-store .level2 .nav-link {
        color: #999;
    }
}

/*浮動購物車-超過5個以上的more*/
.wg.buy-info .popout-moreadd {
    width: 280px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: fixed;
    display: none;
    z-index: 100;
    margin-top: 32px;
    margin-left: -292px;
}

.wg.buy-info .popout-addproduct {
    background-color: #ffffff;
}

.wg.buy-info .product-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wg.buy-info .product-list .pic {
    padding-right: 4px;
    padding-left: 4px;
    width: auto;
    max-width: none;
}

/*浮動購物車*/
.wg.buy-info .pic img {
    padding: 0.25rem;
}

.king_alt {
    position: absolute;
    z-index: 1040;
    right: 0;
}

.wg.buy-info .price-total {
    text-align: center;
}

.popout-detail {
    width: 120px;
    padding: 0.5rem;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
}

.popout-detail .pic {
    padding-bottom: 0.5rem;
}

.popout-detail .name, .popout-detail .price {
    font-size: 0.8rem;
    line-height: 1rem;
}

.popout-addproduct .item img {
    display: block;
}

/*右邊浮動區塊(手機畫面時隱藏)*/
@media (max-width: 991px) {
    #fixed_right_side_top {
        display: none;
    }
}
/*上方購物車彈出加入商品-我的購物袋*/
.shoppingbag-inline {
    width: 300px;
    position: absolute;
    top: 0;
    z-index: 1030;
    padding: 0;
    border: none;
}

.shoppingbag-inline .bd {
    border: 1px solid #00000020;
    box-shadow: 0px 2px 10px 1px rgba(221, 221, 221, 0.5);
    -webkit-box-shadow: 0px 2px 10px 1px rgba(221, 221, 221, 0.5);
    -moz-box-shadow: 0px 2px 10px 1px rgba(221, 221, 221, 0.5);
}

.shoppingbag-inline .title-img {
    line-height: normal;
}

.wg.shoppingbag {
    word-wrap: break-word;
    width: 300px;
    position: absolute;
    z-index: 1030;
    right: 0;
}

.wg.shoppingbag .card-header {
    padding: 0;
}

.wg.shoppingbag .card-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.wg.shoppingbag .list-prod {
    min-height: 200px;
    overflow-y: auto;
    width: auto;
}

.wg.shoppingbag .list-prod > .list-group {
    max-height: 350px;
}

.wg.shoppingbag .list-prod .list-group-item {
    height: 100%;
}

.wg.shoppingbag .list-prod .pic {
    padding-right: 0;
    padding-left: 0.25rem;
}

.wg.shoppingbag .list-prod .info-review {
    font-size: 0.9rem;
}

.wg.shoppingbag .list-prod .info-review .text {
    text-align: left;
}

.wg.shoppingbag .list-prod .info-review .name {
    margin-bottom: 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0.25rem;
}

.wg.shoppingbag .list-prod .info-review .number:before {
    content: attr(data-title);
    display: inline-block;
    text-align: left;
    float: left;
}

.wg.shoppingbag + .wg.buy-info .showbuy a {
    color: #000000;
}

.wg.shoppingbag + .wg.buy-info .showbuy a:hover {
    color: #666666;
}

/*預設選單滑動效果*/
@media (max-width: 991px) {
    /*rwd漢堡式選單-滑動呈現（新功能）*/
    .block-nav .js-nav-display {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(80% - 30px);
        height: 100%;
        transition: 1s;
        -webkit-transition: 1s;
        z-index: 1010;
    }

    .block-bgtoggle {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00000050;
        transition: 1s;
        -webkit-transition: 1s;
        z-index: 1000;
        cursor: pointer;
    }

    .block-nav .js-nav-display, .block-bgtoggle {
        transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -webkit-transform: translate(0);
        -o-transform: translate(0);
    }

    .block-nav > .collapse, .block-nav > .navbar > .collapse, .block-bgtoggle .collapse {
        transform: translate(-100%);
        -ms-transform: translate(-100%);
        -moz-transform: translate(-100%);
        -webkit-transform: translate(-100%);
        -o-transform: translate(-100%);
        display: block;
    }

    .block-header, .block-nav {
        width: 100%;
        overflow: hidden;
    }

    .block-header > div, .block-nav .wg.menu-simple {
        transition: 1s;
        -webkit-transition: 1s;
    }

    .block-header.block-slide > div, .block-nav.block-slide .wg.menu-simple {
        transform: translate(80%);
        -ms-transform: translate(80%);
        -moz-transform: translate(80%);
        -webkit-transform: translate(80%);
        -o-transform: translate(80%);
    }
}

/*頁面下方*/
/*各欄位間距*/
.wg.btnlist-link.bottom .nav-item {
    padding: 2rem 0.5rem 2rem 0.5rem;
}

/*各欄位之子項目*/
.wg.btnlist-link.bottom .level2 {
    padding: 1rem;
}

.wg.btnlist-link.bottom .level2 .nav-item {
    padding: 0rem;
    display: -ms-flexbox;
    display: flex;
}

/*子項目*/
.wg.btnlist-link.bottom .level2 .icon img {
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .wg.btnlist-link.bottom .nav-item {
        padding: 0.5rem 2rem 0.5rem 2rem;
    }

    .wg.btnlist-link.bottom .level2 {
        border-bottom: 1px solid #666666;
    }

    /*頁面下方-分隔線*/
    .wg.btnlist-link.bottom .dividers {
        display: none;
    }
}

/*快速登入區塊*/
.page-order .payment-login .block-login {
    border: 0px;
}

.page-order.payment .payment-login .block-login .first-shop {
    padding: 0 1rem;
}

.page-order.payment .payment-login .logindata, .page-order.payment .payment-login .loginbtn {
    margin-bottom: 1rem;
}

.page-order.payment .payment-login .captcha {
    padding-right: 1.2rem;
}

.page-order.payment .payment-login .captcha img {
    display: block;
    height: 100%;
}

.page-order.payment .payment-login .social-login .social {
    margin: 0.5rem;
    padding: 0;
}

@media (min-width: 768px) {
    .page-order.payment .payment-login .loginbtn .row {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .page-order.payment .payment-login .logindata .loginid {
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .block-full .login .content .title ~ div, .block-full .payment-login .content .title ~ div, .fancybox-inner .login .content .title ~ div {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*fb-messenger*/
.fb_reset .fb_customer_chat_bubble_animated_no_badge {
    bottom: 105px !important;
    right: 16px !important;
}

@media (min-width: 768px) {
    .fb_reset .fb_iframe_widget iframe {
        right: 76px !important;
    }
}

/**專屬頁面-------------------------------------------------------------------------**/
/*welcome頁面*/
.welcome-image {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.welcom-text {
    position: fixed;
    bottom: 20px;
}

/*登入頁面*/
.page-login .explain-login .titlebar {
    text-align: right;
}

/*結帳頁-與結帳完成頁要設定一個共用class name改寫下列css*/
.page-order .btnbar.top {
    padding-top: 10px;
    display: none;
    text-align: center;
}

.page-order .titlebar {
    background-color: #dedcdc; /*之後隱藏*/
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 1rem; /*之後隱藏*/
}

.page-order .titlebar img {
    margin-right: 0.5rem;
}

.page-order .titlebar + .title-list {
    /*padding-bottom: 0.5rem;*/
}

.page-order.payment .lincense-type {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eee;
}

.page-order.payment .lincense-type[data-title]:before {
    content: attr(data-title) " ";
}

.page-order.payment .altrow1 + .altrow1, .page-order.payment .altrow1 + .altrow2, .page-order.payment .altrow2 + .altrow1 {
    /*border-top: 1px solid #eee;*/
}

.page-order.payment .altrow2 {
    background-color: #f7f7f7;
}

.page-order.payment .pic {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.page-order.payment .info-box > div + div {
    padding-top: 0.5rem;
}

.page-order.payment .info-box .number:before {
    content: attr(data-title) " ";
    display: inline-block;
    min-width: 4.5rem;
}

.page-order .block-data .bg {
    background-color: #eee;
    padding: 1rem;
}

.info-totalprice div[data-title]:before {
    content: attr(data-title) " ";
    display: inline-block;
    text-align: left;
    float: left;
}

.info-totalprice .altrow3 .row div[data-title], .info-totalprice .altrow4 .title2_number, .info-totalprice .altrow3 .title1_number {
    text-align: right;
}

.info-totalprice .altrow3, .info-totalprice .altrow4 {
    line-height: 2;
}

.info-totalprice .altrow4 {
    font-weight: bold;
}

.info-totalprice .altrow4 .title2_number {
    color: #f00;
}

.page-order.payment .address + .context .form-control {
    margin-bottom: 1rem;
}

.page-order.payment .context button {
    background-color: #eee;
    color: #000;
}

@media (max-width: 767px) {
    .page-order .list-product .pic {
        padding-left: 0.5rem;
    }

    .page-order .info-review {
        padding-left: 1rem;
        padding-right: 0.5rem;
    }

    .page-order .btn.btn-text {
        white-space: normal;
        text-align: left;
        line-height: 1.5rem;
        background-color: #ddd; /*by ios*/
    }

    .order-review .info-totalprice {
        padding: 1rem;
    }

    .info-totalprice .title-text.text {
        color: #000;
        font-size: 1.3rem;
        text-align: center;
    }

    .info-totalprice .number {
        text-align: right;
    }

    /*訂購商品-數量-針對訂購結帳頁面*/
    .page-order.payment .info-review .product-qty:before {
        content: attr(data-title);
        display: none;
    }

    /*繼續購物及確認訂購按鈕置底-針對訂購結帳頁面*/
    .page-order.payment .btnbar.bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        left: 0;
        background-color: rgba(255, 255, 255, 0.75);
        border-top: 1px solid #efefef;
        padding: 0 0 0.5rem 0;
    }
}

@media (max-width: 991px) {
    .page-order .block .titlebar ~ div {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page-order .block-freight .context, .page-order .block-pay .context {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .page-order.payment .lincense-type {
        padding: 0;
        border-bottom: none;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .page-order.payment .lincense-type:before, .page-order.payment .info-box .number:before, .info-totalprice div[data-title]:before {
        content: none;
    }

    .page-order.payment .altrow1, .page-order.payment .altrow2 {
        /*padding: 1rem 0;*/
    }

    .page-order.payment .info-box > div + div {
        padding-top: 0;
    }

    .page-order.payment .product-qty {
        padding-right: 0.5rem;
    }

    .info-totalprice .altrow3 .row div[data-title], .info-totalprice .altrow4 .title2_number, .info-totalprice .altrow3 .title1_number {
        text-align: left;
    }

    .info-totalprice .title-text {
        font-size: inherit;
        text-align: left;
    }

    .page-order.payment .block-data > .row {
        padding-right: 0;
    }

    .page-order.payment .context .form-control {
        margin-bottom: 0.5rem !important;
    }

    .order-review .info-totalprice .data-grid {
        padding: 0.5rem;
    }
}

@media (max-width: 767px) {
    /*修復yks與源利 在IOS10上 結帳頁無法顯示商品問題 */
    .block-data.order-review .list-product > .col {
        flex-basis: auto;
    }

    .block-data .list-product .pic {
        padding-right: .5rem;
    }
}

/*訂購完成頁-與結帳頁要設定一個共用class name改寫下列css*/
.page-order.paymentfinish .lincense-type {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eee;
}

.page-order.paymentfinish .lincense-type:before {
    content: attr(data-title) " ";
}

.page-order.paymentfinish .pic {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.page-order.paymentfinish .info-box > div + div {
    padding-top: 0.5rem;
}

.page-order.paymentfinish .info-box .number:before {
    content: attr(data-title) " ";
    display: inline-block;
    min-width: 4.5rem;
}

.page-order.paymentfinish .title-list .item, .page-order.paymentfinish .list-product .item {
    display: none;
}

@media (min-width: 768px) {
    .page-order.paymentfinish .lincense-type {
        padding: 0;
        border-bottom: none;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .page-order.paymentfinish .lincense-type:before, .page-order.paymentfinish .info-box .number:before {
        content: none;
    }

    .page-order.paymentfinish .info-box > div + div {
        padding-top: 0;
    }

    .page-order.paymentfinish .product-qty {
        padding-right: 0.5rem;
    }

    .page-order.paymentfinish .context .form-control {
        margin-bottom: 0.5rem !important;
    }
}

/*訂購結帳、結帳完成、線上刷卡、線上轉帳共用*/
.page-order .block {
    border: 1px solid #eee;
    margin-top: 1rem;
}

.page-order .block-data .titlebar {
    margin-bottom: 0;
}

.page-order .block .title-list .title-text {
    padding-left: 1rem;
    padding-right: 1rem;
}

.page-order .block > .row {
    padding-left: 1rem;
    padding-right: 1rem;
}

.page-order .block .altrow1, .page-order .block .altrow2 {
    /*border-top: 1px solid #efefef;*/
}

.page-order .btnbar {
    padding: 1rem 0;
    text-align: center;
}

.page-order .list-product {
    border-bottom: 1px solid #eee;
}

@media (min-width: 768px) {
    .page-order .block {
        border: none;
    }

    /*訂購商品區塊*/
    .page-order .order-review .row {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .page-order .titlebar {
        margin-bottom: 0;
    }

    /*.page-order .block-data .titlebar {*/
    /*margin-bottom: 1rem;*/
    /*}*/
    .page-order .block-data .titlebar, .page-order .block-form .titlebar {
        margin-top: 0;
    }

    .page-order .info-review .number, .page-order .info-review .item {
        text-align: right;
    }

    .page-order .info-review .number:before, .page-order .info-review .item:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        float: left;
    }

    /*訂購商品區塊*/
    /*.page-order .order-review .titlebar {*/
    /*margin-top: 1.5rem;*/
    /*}*/
    .page-order .order-review .row {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .page-order .list-product .pic {
        padding-left: 0;
    }

    .page.page-order .block-data .list-product .info-review {
        padding-left: 0.5rem;
    }
}

/*訂單商品資訊列表共用-訂購結帳、結帳完成、線上刷卡、線上轉帳、會員中心訂單明細*/
.order-review .titlebar {
    margin-bottom: 0;
}

.order-review .list-product .lincense-type {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eee;
}

.order-review .list-product .pic {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

@media (min-width: 768px) {
    .order-review .list-product .lincense-type {
        padding: 0;
        border-bottom: none;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
}

@media (max-width: 767px) {
    .order-review .lincense-type[data-title]:before {
        content: attr(data-title);
    }

    .order-review .info-review .number:before, .order-review .info-review .applicatio:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        float: left;
    }

    .order-review .info-review .number, .order-review .info-review .applicatio {
        text-align: right;
    }
}

/*訂單金額資訊列表共用-訂購結帳、結帳完成、線上刷卡、會員中心訂單明細*/
.info-totalprice {
    background-color: #eee;
    padding: 1rem 0;
}

@media (min-width: 768px) {
    .info-totalprice .data-grid {
        padding: 0.5rem;
    }
}

@media (max-width: 767px) {
    .info-totalprice {
        padding: 1rem;
    }

    .info-totalprice .number {
        text-align: right;
    }

    .info-totalprice .number:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        float: left;
    }
}

/*會員條款*/
.page-register .welcome-edit {
    margin-bottom: 1.5rem;
}

.page-register .privacy {
    margin-top: 1.5rem;
    text-align: center;
}

/*會員註冊頁*/
.row.form-group + .btnbar.api {
    text-align: left;
    margin-bottom: 1rem;
}

/*會員填寫資料頁*/
@media (max-width: 767px) {
    .page-member-register .birthday .row > div:nth-child(-n+3) {
        margin-bottom: 1rem;
    }
}

/*會員資料確認頁*/
@media (min-width: 768px) {
    .page-member-confirm .form-group > label + div {
        display: block;
        width: 100%;
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
        line-height: 1.5;
    }
}

/*館別首頁*/
@media (max-width: 767px) {
    /*最新商品依分類*/
    .wg.prod-new .titlebar .d-flex {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    /*商品篩選欄位*/
    .page-index .store-left-show .page_table {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

/*會員中心-搜尋欄位共用*/
.page-member .search {
    margin-bottom: 1rem;
}

.page-member .search div:first-of-type {
    margin-bottom: 0.5rem;
}

.page-member .search .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.page-member .search div:last-of-type {
    position: relative;
}

.page-member .search div:last-of-type .btn-search {
    position: absolute;
    top: 0;
    right: 5px;
}

/*會員中心*/
.page-member .list-directory .item-ul {
    margin-bottom: 1rem;
}

.page-member .list-directory .point ul li {
    list-style-type: disc;
    color: #666666;
}

.page-member .status-coupon {
    margin-bottom: 1rem;
}

/*會員中心-訂單明細*/
.block-data.popup {
    width: 80%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 12px -2px #00000061;
}

@media (max-width: 767px) {
    .page-member .item a {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .page-member .item a {
        display: block;
    }

    .page-member .item a + a {
        margin-top: 0.5rem;
    }
}

/*館別分類頁*/
.wg.prod.prod-list.category .title {
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    /*標題背景圖與商品篩選欄位*/
    .wg.prod.prod-list.category .titlebar {
        position: relative;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

/*排序、品牌搜尋及額外條件欄位及分頁數*/
.form-search.choose {
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .form-search.choose > div .select {
        margin-bottom: 0px !important;
    }
}

.form-search-page.choose {
    width: 100%;
    margin: auto;
}

.form-page.choose {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .form-search-page.choose > div:first-of-type, .form-page.choose > div:first-of-type {
        padding-left: 0;
    }
}

/*商品總覽頁*/
.prod-overview .titlebar {
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
}

.prod-overview .list-prod {
    border-bottom: 1px solid #eee;
}

/*忘記密碼*/
.page-forget .bg {
    background-repeat: no-repeat;
    background-position: top center;
    width: auto;
    max-width: 500px;
    margin: auto;
}

.page-forget .bg .content {
    padding-top: 54px;
    padding: 54px 1rem;
}

.page-forget .content .form-group {
    margin-bottom: 0.5rem;
}

.page-forget .content .form-control {
    height: 35px;
}

.page-forget .content .btnbar {
    margin: 2rem 0;
}

/*商品明細頁*/
.product-basic {
    margin-bottom: 1rem;
}
.product-basic .content {
    background-color: #fff;
}
.product-basic .product-pic, .product-basic .product-info {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/*左側圖片*/
.product-pic .product-big, .product-pic .zoomPad {
    text-align: center;
    margin: 0 auto .5rem;
    left: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    z-index: 1;
}

.product-pic .product-big a img, .product-pic .zoomPad img {
    min-width: 1px;
}

/*商品前後一個*/
.product-basic .product-pic .icon-prevnext {
    text-align: center;
}

.product-basic .product-pic .icon-prevnext a {
    margin: 1rem 0.5rem;
}

/*附屬圖片*/
.product-pic .product-samll .prod-small-img {
    margin-bottom: .3rem;
}
.product-pic .product-samll .prod-small-img a {
    display: block;
    border: 1px solid #eee;
    width: 95%;
    height: 100%;
    margin: auto;
    padding: .2rem;
}
/*右側附屬圖片*/
.product-pic .product-small.right {
    text-align: center;
}

.product-pic .product-small.right .list-prod li {
    padding: 0.25rem;
}

@media (max-width: 767px) {
    .product-pic .product-small.right > div {
        display: -ms-flexbox;
        display: flex;
        -ms-align-items: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .product-pic .product-small.right div .list-prod {
        display: -ms-flexbox;
        display: flex;
    }

    .product-pic .product-small.right .product_add-prev, .product-pic .product-small.right .product_add-next {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); /* IE 9 */
        -moz-transform: rotate(-90deg); /* Firefox */
        -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */
        -o-transform: rotate(-90deg);
    }
}

/*商品名右側已銷售區塊*/
.product-basic .data-item {
    margin-bottom: 0;
}

.namebuy .bg {
    text-indent: 1rem;
    line-height: 1.3;
}

.data-item.standard .symbol {
    text-align: center;
}

.data-item .btnbar {
    text-align: left;
}

/*商品基本資料-簡介*/
.product-basic .product-info .introduction .context img {
    max-width: 100%;
    height: auto;
}

/*商品基本資料-價格*/
.product-basic .product-info .price3 .context .discount-symbol, .product-basic .product-info .price3 .context .discount-digital {
    text-decoration: line-through;
    font-size: 0.8rem;
    color: #666666;
}

/*商品基本資料-加價購商品*/
.product-basic .product-info .addbuy .list-prod {
    display: block;
}

.product-basic .product-info .addbuy .type {
    padding: 0.5rem;
    text-align: left;
    border: 0;
    cursor: pointer;
}

.product-basic .product-info .addbuy .prod-box .pic {
    max-height: 120px;
}

.product-basic .product-info .addbuy .prod-box .info-box {
    padding: 0.5rem;
}

/*文字列表*/
.product-basic .product-info .addbuy .prod-text .marketing {
    padding: 0 .5rem .2rem;
    color: #ff7c3c;
    border: 1px solid #ff7c3c;
}

.product-basic .product-info .addbuy .prod-text .name, .product-basic .product-info .addbuy .prod-text .inline-standard {
    padding-left: .5rem;
}
/*商品基本資料-加價購商品詳細內容*/
.page-addbuy-detail .block-product .product-info > div {
    text-align: left;
}

.page-addbuy-detail .block-product .product-info .title.addbuy {
    border-bottom: 1px solid #cccccc;
}

@media (max-width: 767px) {
    .page-addbuy-detail .block-product .product-pic {
        padding-bottom: 1rem;
        text-align: center;
    }
}

/*商品基本資料-刷卡分期*/
.product-basic .product-info .card-staging {
    border: 1px solid rgba(0, 0, 0, .125);
}

.product-basic .product-info .card-staging .installments {
    padding: 0;
}

.product-basic .product-info .card-staging .installments .num {
    padding: 0.5rem;
    border-right: 1px solid rgba(0, 0, 0, .125);
}

.product-basic .product-info .card-staging .installments .context div {
    padding: 0.5rem;
}

.product-basic .product-info .card-staging .installments .context .dollar {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.product-basic .product-info .card-staging .installments .context .bank span {
    cursor: pointer;
    color: #ff0000;
    padding: 0 0.25rem;
}

@media (max-width: 767px) {
    .product-basic .product-info .card-staging .installments .num {
        border-right: 0;
        background-color: #eeeeee;
    }
}

/*商品基本資料-贈品*/
.product-basic .product-info .gift .context span {
    color: #ff0000;
}

/*立即結帳與加入購物車置底*/
@media (max-width: 767px) {
    .product-basic .product-info .standard .btnbar {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background-color: rgba(255, 255, 255, 0.9);
        text-align: center;
        z-index: 999;
        box-shadow: 0 -2px 10px 0 rgba(212, 217, 222, 0.5);
        padding-bottom: 0.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

/*規格列表區*/
.product-liststandard .title-list {
    background-color: #f7f7f7;
}

.product-liststandard .title-text, .product-liststandard .text {
    padding: 0.5rem;
}

.product-liststandard .price3, .product-liststandard .active {
    color: #f00;
}

.product-liststandard .list-product > div + div {
    border-top: 1px solid #f7f7f7;
}

/*商品明細頁面-商品說明區*/
.product-tagexplain {
    margin-bottom: 1rem;
}
/*說明欄位-tag*/
.product-tagexplain .list-tag div {
    text-align: center;
}
.product-tagexplain .explain-edit {
    min-height: 250px;
    padding: 1rem;
    border: 1px solid #ccc;
    background-color: #ffffff;
}
/*說明欄位-展開*/
.product-showexplain {
    margin-top: 1.5rem;
}
.product-showexplain .title.title-img {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
}
.product-showexplain .explain-edit {
    min-height: 250px;
    padding: 1rem;
    border: 1px solid #ccc;
}
.product-showexplain .explain-edit + .title-img {
    margin-top: 1rem;
}

@media (max-width: 767px) {
    /*說明欄位-tag*/
    .product-tagexplain .list-tag {
        background-color: #eee;
        padding: 5px;
        border: 1px solid #ccc;
        border-bottom: none;
    }

    .product-tagexplain .list-tag .product_info_tag_on, .product-tagexplain .list-tag .product_info_tag_off {
        background-image: none !important;
        height: auto !important;
        color: #666;
        border-bottom: none;
        line-height: 1.5 !important;
        padding: .2rem .3rem;
    }

    .product-tagexplain .list-tag .product_info_tag_on {
        background-color: #fff;
        color: #000;
    }

    .product-tagexplain .explain-edit {
        border-top: none;
    }
}

/*任選活動及紅配綠活動-共用*/
.list-activity {
    padding: 0;
    margin: 0 1px;
}
.list-activity .activity-item {
    padding: 0.5rem;
}
.list-activity .activity-item .picture {
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.list-activity .activity-item .info-box {
    padding: 1rem;
}
@media (max-width: 767px) {
    .list-activity .activity-item .info-box {
        padding: 0.5rem;
    }
}

/*任選活動頁面-活動說明區塊(預設版)*/
.page-chooseinside .explain-choose {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
    margin: 1rem 0;
}

/*任選活動頁面-已選商品-列表title欄位*/
.page-chooseinside .title-list {
    padding-bottom: 0.5rem;
}

/*任選活動頁面-已選商品-列表商品*/
.page-chooseinside .pic {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

/*任選活動頁面-已選商品-列表總計*/
.page-chooseinside .info-totalprice .altrow3 .title2_number span {
    color: #f00;
}

/*任選活動頁面-總覽商品區塊*/
.page-chooseinside .prod-choose-overview .prod-box {
    padding: 1rem 0.25rem;
}

/*任選活動頁面-總覽商品區塊-商品圖*/
.page-chooseinside .picture {
    padding: 0.5rem 0;
}

/*任選活動頁面-任選商品-原價與任選價*/
.page-chooseinside .price-choose {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

/*任選活動頁面-任選商品-加入購物車欄位*/
.page-chooseinside .btnbar {
    padding: 1rem 0;
    text-align: center;
}

@media (max-width: 767px) {
    .page-chooseinside .explain-choose {
        border-top: 0px;
        border-bottom: 0px;
    }
    .page-chooseinside .explain-choose .col-12 {
        padding: 1rem 0;
        border-bottom: 1px solid #eee;
    }
    .page-chooseinside .altrow1, .page-chooseinside .altrow2 {
        padding: 1rem 0;
    }
    .page-chooseinside .info-box .product-qty:before {
        content: attr(data-title) " ";
        display: inline-block;
        min-width: 4.5rem;
    }
    .page-chooseinside .info-box .number:before {
        content: attr(data-title) " ";
        display: inline-block;
        min-width: 4.5rem;
    }
}

/*紅配綠*/
.page-redgreen .edit {
    padding: 1rem;
}

.page-redgreen .border-img img {
    width: 100%;
    height: auto;
}

.page-redgreen .border-bg {
    background-size: contain;
    padding-left: 2px;
    padding-right: 2px;
}

.page-redgreen .border-img.end {
    margin-bottom: 1rem;
}

.page-redgreen .activity_information {
    padding-top: 1rem;
}

.page-redgreen .list-product .classify {
    margin-bottom: 1rem;
}

.page-redgreen .list-product .block-sale {
    background-color: #eee;
    text-align: center;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    padding: 1rem;
}

.page-redgreen .list-product .info-review + .info-review {
    padding-top: 1rem;
}

.page-redgreen .number.price {
    color: #f00;
}

.page-redgreen .form-group, .page-redgreen .remind-text {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

.page-redgreen .form-group .form-control {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.prod-block .title.title-text {
    padding: .5rem 1rem;
    color: #fff;
    text-align: center;
}

.page-redgreen .prod-block .list-tag {
    text-align: center;
}

.page-redgreen .prod-block .list-tag a {
    color: #fff;
}

.page-redgreen .prod-block .list-prod {
    border: 1px solid #eee;
}

@media (max-width: 767px) {
    /*紅配綠組合版面樣式-組合分區*/
    .page-redgreen.detail .list.list-tag > div a {
        min-width: auto !important;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-size: 100% 100%;
    }
}

/*會員中心-追蹤商品清單*/
.page-member-trackprod .titlebar {
    background-color: #eee;
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.page-member-trackprod .titlebar img {
    margin-right: 0.5rem;
}

/*追蹤商品注意提醒*/
.page-member-trackprod .trackprod-note {
    color: #ff0000;
    font-size: 1rem;
}

.page-member-trackprod .pic {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

@media (max-width: 768px) {
    /*間距*/
    .page-member-trackprod .info-review div {
        margin: 0.25rem 0;
    }
}

/*會員中心-會員推薦*/
.page-member.recommendation .block-recommendation span {
    color: #0000ff;
}

.page-member.recommendation .block-recommendation .title-text {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.page-member.recommendation .block-recommendation .context {
    word-break: break-all;
    padding-bottom: 0.5rem;
}

.page-member.recommendation .block-recommendation .tab-content {
    padding-top: 1rem;
    border: 1px solid #dee2e6;
    border-top: none;
}
.page-member.recommendation .block-recommendation .context .date {
    color: #666666;
}

.page-member.recommendation .block-recommendation ol li {
    margin-left: 0;
}

.page-member.recommendation .block-recommendation ol {
    -webkit-padding-start: 1rem;
}

.page-member.recommendation .block-recommendation .textarea {
    background-color: #ffffff;
    min-height: 5rem;
}

/*會員中心-詢價單*/
.page-member.inquiry .data-list {
    text-align: left;
}

/*會員中心-代購商品紀錄*/
.page-member.quotation .btnbar .btn-img {
    margin-top: 0;
}

/*會員中心-我的訊息*/
@media (max-width: 991px) {
    .page-member.message .data .title-list ~ .row > div[data-title]:before, .page-member.message .block-data .data-list .data-grid[data-title]:before {
        content: attr(data-title) " ";
        width: 25%;
        height: 100%;
        display: inline-block;
        text-align: left;
        float: left;
    }

    .page-member.message .block-data .data-list .messagetitle[data-title]:before {
        display: none;
    }

    .page-member.message .block-data .data-list {
        border-bottom: 1px solid #eee;
        padding: 0.5rem 0 1rem;
    }

    .page-member.message .block-data .data-list + .data-list .data-grid {
        border-top: 0px;
    }

    /*結帳頁訂購商品之後attr拿掉--暫時*/
    .page-order .info-totalprice ~ .block-data .data-list .data-grid[data-title]:before, .block-data.block-freight .data-list .data-grid[data-title]:before, .block-data.block-pay .data-list .data-grid[data-title]:before {
        content: none;
    }
}

/*網站導覽*/
.page-map .list-inline-item {
    min-width: 150px;
    margin-right: 0;
}

.page-map .level_2 .list-link {
    font-size: 0.9rem;
    padding: 0rem 0.5rem;
}

@media (max-width: 767px) {
    .page-map .list-inline-item {
        width: 32%;
        min-width: initial;
        padding: 0;
    }

    .page-map .level_3_icon {
        display: none;
    }

    .page-map .sitemap_context.category .level_3 {
        padding-left: 1rem;
    }
}

/*暫時寫入*/
@media (max-width: 767px) {
    .xs-nav-sort-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
}

/*最新消息模組排版共用*/
.block-b .wg.news > div, .block-e .wg.news > div {
    margin-bottom: 1rem;
}

.wg.news .news-box {
    position: relative;
    word-wrap: break-word;
    margin-bottom: 1rem;
}

.wg.news .news-box img {
    display: block;
    width: 100%;
}

.wg.news .info-box {
    padding: 0.2rem 0.5rem;
}

/*最新消息(全版)*/
.wg.scroll-news .content .title-news {
    height: 25px;
}

@media (max-width: 767px) {
    .wg.scroll-news .content .title-news {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*最新消息(圖文列表)*/
.wg.news.graphic-news .type .title-img {
    margin-bottom: 1rem;
}

.wg.news.graphic-news .list-text .context {
    margin-bottom: 3rem;
}

.wg.news.graphic-news .list-text .altrow1, .wg.news.graphic-news .list-text .altrow2 {
    padding: 0.5rem;
}

.wg.news.graphic-news .info-box .more {
    display: block;
    background-color: #cccccc;
    padding: 0.25rem 1rem;
    margin: 0.5rem 0;
    max-width: 100px;
    text-align: center;
}

.wg.news.graphic-news .info-box .more:hover {
    background-color: #ffffff;
    outline: 1px solid #cccccc;
}

.wg.news.graphic-news .btnbar {
    text-align: right;
}

.wg.news.graphic-news .btnbar .more {
    display: inline-block;
    background-color: #cccccc;
    padding: 0.25rem 1rem;
    margin-top: 0.5rem;
    width: 100px;
    text-align: center;
}

.wg.news.graphic-news .btnbar .more:hover {
    background-color: #ffffff;
    outline: 1px solid #cccccc;
}

@media (max-width: 767px) {
    .wg.news.graphic-news .news-box:nth-child(even) {
        background-color: #efefef;
    }
}

/*文章列表雙半版(最新消息+討論區)-最新消息(區塊式)及最新消息(區塊式)*/
.wg.block-news .list-news .list-group-item {
    border: 0px;
}

.wg.news.block-news .icon-text {
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 0.5rem;
}

.wg.news.block-news .icon-text .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

.wg.news.block-news .dividers {
    align-self: auto !important;
}

/*文章列表雙半版(最新消息+討論區)-討論區(區塊式)*/
.wg.news.block-talk .icon-text {
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 0.5rem;
}

.wg.news.block-talk .icon-text .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

.wg.news.block-talk .dividers {
    align-self: auto !important;
}

/*最新消息總列表-圖文列表多列*/
.page-news .list-news-item {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
}

.page-news .list-news-item .newstitle {
    color: #000;
}

.page-news .list-news-item .date {
    color: #666;
    font-size: 0.8rem;
}

.page-news .newstitle {
    display: -ms-flexbox;
    display: flex;
}

.page-news .newstitle .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

.page-news .search-news .form-control {
    border-right: none;
}

.page-news .search-news .input-group-append {
    border: 1px solid #ced4da;
    border-left: none;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    overflow: hidden;
    max-height: 38px;
}
.page-news .search-news .btn-search {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 5px;*/
}

.page-news .form-page.choose {
    margin-top: 1rem;
}

@media (max-width: 767px) {
    .page-news .data-list .newstitle[data-title]:before {
        display: none;
    }
}

/*最新消息內容頁-圖文列表多列*/
.page-news.details .prev-next > div {
    margin: 0.5rem 0;
}

.page-news.details .prev-next > div a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 25px;
}

.page-news.details .prev-next span {
    color: #ffffff;
    background-color: #cccccc;
    padding: 0.2rem 1rem;
    margin-right: 0.2rem;
}

@media (max-width: 767px) {
    .page-news.details .titlebar, .page-news.details .titlebar ~ div {
        padding: 1rem;
    }
}

@media (min-width: 768px) {
    .page-news.details .btnbar {
        text-align: right;
    }
}

/*專欄文章頁面排版共用*/
.page-column .list-column .column-box .linkblock.more {
    display: block;
    height: 100%;
    background-color: #cccccc;
    padding: 0.25rem 1rem;
    margin-top: 0.5rem;
    max-width: 100px;
    text-align: center;
}
.page-column .list-column .column-box .linkblock.more:hover {
    background-color: #ffffff;
    outline: 1px solid #cccccc;
}
.page-column .column-box .context {
    color: #666666;
}
.page-column .titlebar label, .page-column .titlebar > div {
    padding-left: 0;
}

.page-column .titlebar .toggle .btn + .btn {
    padding-left: 15px;
}
.page-column .prev-next > div {
    margin: 0.5rem 0;
}
.page-column .prev-next > div a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 25px;
}
.page-column .prev-next span {
    color: #ffffff;
    background-color: #cccccc;
    padding: 0.2rem 1rem;
    margin-right: 0.2rem;
}
.page-column .topic {
    display: -ms-flexbox;
    display: flex;
}
.page-column .topic .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

.page-column .icon-text {
    display: -ms-flexbox;
    display: flex;
}
.page-column .icon-text .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

/*專欄文章搜尋*/
.wg.form-search.column .col {
    position: relative;
    margin-bottom: 0.5rem;
}
.wg.form-search.column .btn-search {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 767px) {
    .page-column .titlebar .page-classify {
        padding-right: 0;
    }
    .page-column .titlebar .toggle {
        text-align: center;
    }
    .page-column .data-list .topic[data-title]:before {
        display: none;
    }
}

/*專欄文章列表(首頁及館別首頁)*/
/*文字列表模組*/
.wg.column.list.list-text .list-column-item {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
}
.wg.column.list.list-text h5 a {
    color: #000000;
    display: block;
}
.wg.column.list.list-text .context {
    color: #666666;
}
.wg.column.list.list-text .date {
    color: #666666;
    font-size: 0.8rem;
}
/*左圖右文(一行兩則)*/
.wg.column.column-2 .list-column .column-box .linkblock.more {
    display: block;
    height: 100%;
    background-color: #cccccc;
    padding: 0.25rem 1rem;
    margin-top: 0.5rem;
    max-width: 100px;
    text-align: center;
}
.wg.column.column-2 .list-column .column-box .linkblock.more:hover {
    background-color: #ffffff;
    outline: 1px solid #cccccc;
}
@media (max-width: 767px) {
    .wg.column.column-2 .list-column .column-box:nth-of-type(even) {
        background-color: #efefef;
    }
}
/*上圖下文(一行三則)*/
.wg.column.column-3 .column-box {
    padding: 1rem;
    outline: 1px solid #efefef;
    outline-offset: -16px;
}
.wg.column.column-3 .column-box .date {
    padding: 0.5rem;
}
.wg.column.column-3 .column-box .img {
    padding: 0 0.5rem;
}

.wg.column.column-3 .column-box .column-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0.5rem;
}
.wg.column.column-3 .column-box .context {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0 0.5rem;
}
@media (max-width: 767px) {
    .wg.column.column-3 .list-column {
        padding: 0.5rem;
    }
    .wg.column.column-3 .list-column .column-box {
        margin-bottom: 0;
    }
}

/*專欄文章頁面-混搭式*/
.wg.column.mix .hot {
    background-position: center;
    text-align: center;
    margin: 1rem 0;
}
/*左圖右文及左文右圖*/
.wg.column.mix .img-text {
    border: 1px solid #cccccc;
}
.wg.column.mix .img-text:nth-child(odd) {
    background-color: #f7f7f7;
}
.wg.column.mix .img-text .info-box {
    padding: 1rem 2rem;
}
.wg.column.mix .img-text .btnbar {
    text-align: left;
}
.wg.column.mix .column-change-border {
    border: 1px solid #d2205a;
}
/*大型看板專欄*/
.wg.column.mix .column-max .info-box {
    background-color: #f7f7f7;
    padding: 1rem;
    border: 1px solid #ebebeb;
}
/*三欄專欄版型*/
.wg.column.mix .column-3 .column-box {
    padding: 0.5rem;
    outline: 1px solid #efefef;
    outline-offset: -3px;
    background-color: #ffffff;
}
.wg.column.mix .column-3 .column-box .date-fb {
    padding: 0.5rem;
}
.wg.column.mix .column-3 .column-box .img {
    padding: 0 0.5rem;
}

.wg.column.mix .column-3 .column-box .column-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0.5rem;
}
.wg.column.mix .column-3 .column-box .context {
    text-align: left;
    padding: 0 0.5rem;
}
@media (max-width: 991px) {
    .wg.column.mix .img-text.sec > div {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}
@media (max-width: 767px) {
    .wg.column.mix .img-text .info-box {
        padding: 1rem;
    }
    .wg.column.mix .column-3 .list-column {
        padding: 0.5rem;
    }
    .wg.column.mix .column-3 .list-column .column-box {
        margin-bottom: 0;
    }
}

/*專欄文章-圖文列表*/
.wg.column.list-imgtext .column-box .img {
    max-height: 250px;
    overflow: hidden;
}

.wg.column.list-imgtext .column-box .img-overlay {
    bottom: .75rem;
    left: 1.25rem;
    right: 1.25rem;
    padding: .3rem .5rem;
}

/*專欄及中下廣告*/
.wg.column.column-list-bn {
    margin-bottom: 1rem;
}
.wg.column.column-list-bn .row {
    padding-top: 1rem;
}
.wg.column.column-list-bn .list-icon {
    display: inline-block;
    vertical-align: text-top;
}

.wg.column.column-list-bn .list-icon .img-fluid {
    display: block;
}
.wg.column.column-list-bn .list-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 22px);
}

@media (max-width: 767px) {
    .wg.column.column-list-bn .icon-text div {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}
/*常見問題-左側區塊*/
.wg.list.list-faq .list-box.category {
    display: block;
}

.page-faq .wg.list.list-faq .nav-3st a {
    padding-left: 3rem;
}

/*共用-頁籤列表*/
.list-tag div {
    text-align: center;
    cursor: pointer;
}
@media (max-width: 767px) {
    .list.list-tag > div {
        min-width: auto !important;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-size: 100% 100%;
    }
}

/*頁籤式專欄列表*/
.wg.tags-columns .list-columns {
    padding: 0.5rem 0;
}

.wg.tags-columns .list-columns .list-group-item {
    border: 0px;
}

.wg.tags-columns .list-columns .list-group-item .context {
    padding: 0 0.5rem;
}
@media (max-width: 767px) {
    .wg.tags-columns .list-columns .list-group-item > div {
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
    }

    .wg.tags-columns .list-columns .list-group-item .context {
        padding: 1.25rem;
    }

    .wg.tags-columns .list-columns .card {
        margin: 0.5rem 1.25rem;
    }
}

/*頁籤式廣告*/
.wg.bn.bn-tag {
    margin-bottom: 1rem;
}
.wg.bn.bn-tag .carousel-inner {
    margin-bottom: 0;
}
.wg.bn.bn-tag .list-group-tag {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item {
    width: 100%;
    height: initial;
    height: inherit;
    text-indent: initial;
    text-indent: inherit;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item:hover {
    background-color: #dddddd;
    color: #666666;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item .arrow {
    display: none;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item.active .arrow {
    display: block;
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 0;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item .bn-smaller img {
    max-width: 80%;
    margin: 0 auto;
}
.wg.bn.bn-tag .list-group-tag .list-tag-item .text {
    padding: 0.25rem 0;
    font-size: 0.8rem;
}
@media (min-width: 768px) and (max-width: 991px) {
    .wg.bn.bn-tag .list-group-tag .list-tag-item {
        padding-left: 0;
        padding-right: 0;
    }
    .wg.bn.bn-tag .list-group-tag .list-tag-item .bn-smaller img {
        max-width: 100%;
    }
    .wg.bn.bn-tag .list-group-tag .list-tag-item .text {
        display: none;
    }
}
@media (max-width: 767px) {
    .wg.bn.bn-tag .list-group-tag {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wg.bn.bn-tag .list-group-tag .list-tag-item {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 100%;
        display: block;
        padding: 0;
        margin: 0.75rem 0.25rem 1.5rem 0.25rem;
    }
    .wg.bn.bn-tag .list-group-tag .list-tag-item > div {
        display: none;
    }
}

/*組合頁籤式廣告*/
.wg.bn.bn-tagslider > div {
    margin-bottom: 0;
}

/*移動式廣告*/
.wg.bn.bn-move a {
    margin: 0 1rem;
}

/*常見問題頁面*/
.page-faq .list-group.faq .question {
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
}

/*訂閱電子報*/
.page-epaper .epaper-status {
    text-align: left;
    margin-bottom: 1rem;
}

/*會員中心-客服聯繫紀錄*/
.page-member.servicelog .note {
    margin-bottom: 1rem;
}

/*會員中心-購物消費紀錄*/
.page-member.orderrecord .titlebar.data {
    background-color: #dedcdc;
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.page-member.orderrecord .orderrecord-note {
    color: #ff0000;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .page-member.orderrecord .search-order div:first-of-type {
        display: none;
    }
}

/*會員中心-購物消費紀錄-訂單明細*/
@media (min-width: 768px) {
    .page-member.details .lincense-type {
        border-bottom: none;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
}

/*會員中心-詢價單查詢*/
.page-member.inquiry .open_reply {
    padding-left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .page-member.inquiry .data-grid[data-title]:before {
        width: 35%;
    }
}

_:-ms-fullscreen, :root .ie-fancy-width {
    width: 1024px;
}

/*商品明細頁面-商品規格-下拉式*/
.product-basic .product-info .standard .select2 > div {
    padding-bottom: 0.5rem;
}

/*商品明細頁面-商品規格-列表式*/
.product-basic .product-info .standard .list-color {
    margin-bottom: 0.5rem;
}

.product-basic .product-info .standard .list-standard {
    margin-bottom: 0.5rem;
}

/*商品明細頁面-規格雙模機制*/
.product-basic .product-info .standard .list-color .color-icon-wrapper {
    border: 1px solid #e1e1e1;
    border-radius: .2rem;
    margin-right: 0.2rem;
    text-align: center;
    display: block;
    line-height: normal;
}

.product-basic .product-info .standard .list-standard .standard > div {
    border: 1px solid #e1e1e1;
    border-radius: .2rem;
    min-width: 40px;
    line-height: 1.75rem;
    padding: 0.2rem 0.5rem;
    color: #000000;
    margin-right: 0.2rem;
    text-align: center;
}

.product-basic .product-info .standard .list-standard .standard > div:hover {
    border: 1px solid #000000;
}

.product-basic .product-info .standard .list-standard .standard > div a {
    color: #000000;
    display: block;
    font-size: 0.9rem;
}

.product-basic .product-info .standard .list-standard .standard .list_style_onclick {
    border: 1px solid #000000;
}

.product-basic .product-info .standard .list-standard .standard .list_style2 a {
    color: #e1e1e1;
}

/*商品明細頁面-好友推薦*/
.page-friend-recommend .block {
    padding: 1rem 0;
}

.page-friend-recommend .block-product .product-info > div {
    text-align: left;
}

@media (max-width: 767px) {
    .page-friend-recommend .block-product .product-pic {
        padding-bottom: 1rem;
    }
}

/*商品明細頁面-商品問與答*/
.product-quesans .productques + .context {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.product-quesans .productques .context, .product-quesans .productques .edit {
    margin-bottom: 1.5rem;
}

/*o2o門市*/
@media (max-width: 767px) {
    .page-o2o .counties-cities .city, .counties-cities .section {
        margin-bottom: 1rem;
    }
}

/*a1促銷模組*/
.wg.prod.prod-a1 .titlebar {
    margin-bottom: 0;
}

.wg.prod.prod-a1 .border-bg {
    background-size: contain;
    padding-left: 2px;
    padding-right: 2px;
}

/*a3模組*/
@media (max-width: 991px) {
    .wg.prod.prod-a3 .list-tag {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        min-height: auto !important;
        overflow-x: auto;
    }
}

@media (min-width: 1200px) {
    .wg.prod.prod-a3 .bn {
        max-width: 50%;
        padding: .5rem;
    }
}
/*a7促銷模組*/
.wg.prod.prod-a7 .list-tag {
    align-items: center !important;
}

@media (max-width: 991px) {
    .wg.prod.prod-a7 .title-bg {
        min-height: auto !important;
        background-image: none !important;
    }
    .wg.prod.prod-a7 .list-tag {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        min-height: auto !important;
        overflow-x: auto;
    }
}

@media (min-width: 992px) {
    .wg.prod.prod-a7 .list-tag {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
}

/*b1促銷模組*/
.wg.prod.prod-b1 .list-area {
    padding-bottom: 1rem;
}

.wg.prod.prod-b1 .list-tag .active {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.wg.prod.prod-b1 .list-prod {
    margin: 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

/*b2促銷模組*/
.wg.prod.prod-b2 .list-area {
    margin-bottom: 1rem;
}

.wg.prod.prod-b2 .list-tag-item > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.wg.prod.prod-b2 .promotion_title.bg {
    background-size: 100% 100%;
    background-position: top center;
    line-height: 3;
}

.wg.prod.prod-b2 .promotion_module_B2_tag_sub_over {
    color: #666666;
}

.wg.prod.prod-b2 .list-prod {
    min-height: 200px;
}

@media (min-width: 768px) {
    .wg.prod.prod-b2 .bn {
        padding-right: 0;
    }

    .wg.prod.prod-b2 .group {
        padding-left: 0;
    }
}

.wg.prod.prod-b2 .B2-max-width-limit {
    max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .wg.prod.prod-b2 .B2-max-width-limit {
        max-width: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .wg.prod.prod-b2 .B2-max-width-limit {
        max-width: 300px;
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .wg.prod.prod-b2 .B2-max-width-limit {
        max-width: 350px;
    }
}

@media (min-width: 1500px) and (max-width: 1799.98px) {
    .wg.prod.prod-b2 .B2-max-width-limit {
        max-width: 400px;
    }
}

@media (min-width: 1800px) {
    .wg.prod.prod-b2 .B2-max-width-limit {
        max-width: 450px;
    }
}

/*d1促銷模組*/
.wg.prod.prod-d1 .list-group-item .icon-rank {
    padding-bottom: 0.5rem;
}

.wg.prod.prod-d1 .list-group-item .context .price {
    text-align: right;
}

/*f2促銷模組*/
.wg.prod.prod-f2 .list-box {
    padding: 0;
    margin-bottom: 1rem;
}

.wg.prod.prod-f2 .list-box .group-box {
    padding: 0.25rem;
}

.wg.prod.prod-f2 .prod-box .promtext {
    min-height: 1.5rem;
}

.wg.prod.prod-f2 .prod-box .info-box > div {
    margin-bottom: 0.5rem;
}

.wg.prod.prod-f2 .prod-box .info-box .context {
    max-height: 6rem;
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
    .wg.prod.prod-f2 .prod-box .context {
        display: none;
    }
}

/*f3促銷模組*/
.wg.prod.prod-f3 .bn {
    padding-right: 0;
}

.wg.prod.prod-f3 .group {
    padding-left: 0;
}

.wg.prod.prod-f3 .name {
    max-height: 3.6rem;
    overflow: hidden;
}

@media (max-width: 991px) {
    .wg.prod.prod-f3 .list-prod .prod-box:nth-of-type(2) ~ .prod-box {
        display: none;
    }
}

/*f8促銷模組*/
.wg.prod.prod-f8 .bx-wrapper {
    border: 0;
    box-shadow: 0 0 0 #ffffff;
}

.wg.prod.prod-f8 .bx-wrapper img {
    display: inline-block;
}

.wg.prod.prod-f8 .prod-box {
    padding-left: 0;
    padding-right: 0;
}

/*側邊商品推薦(商品明細頁面)*/
.wg.prod.prod-recommend .prod-box .info-box {
    padding: 0;
}

.wg.prod.prod-recommend .prod-box .info-box a {
    font-size: 1rem;
}

/*天天特賣今日商品*/
.wg.prod.prod-saleday .reciprocal-time {
    text-align: center;
    padding-top: 0.5rem;
}

.wg.prod.prod-saleday .prod-box .info-box {
    padding: 1rem;
}

.wg.prod.prod-saleday .prod-box .info-box a {
    font-size: 1rem;
}

/*團購倒數促銷*/
.page-groupbuy > div {
    margin: 1rem 0 1.5rem 0;
}

.page-groupbuy .already-remain {
    font-size: 1rem;
}

.page-groupbuy .already-remain .num-already, .page-groupbuy .already-remain .num-total {
    color: #0000ff;
    border: 1px solid #0000ff;
    padding: 0.1rem 0.5rem;
}

.page-groupbuy .already-remain .num-remain {
    border: 1px solid #ff0000;
    color: #ff0000;
    padding: 0.1rem 0.5rem;
    text-align: right;
}

.page-groupbuy .already-remain span {
    padding: 0 0.2rem;
}

.page-groupbuy .reciprocal-during .timer {
    background-color: #333333;
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.page-groupbuy .original-price {
    text-decoration: line-through;
    font-size: 0.8rem;
    color: #666666;
}

/*左側欄位-商品圖與數量*/
.page-groupbuy .groupbuy-detail .groupbuy-pic {
    margin-bottom: 1rem;
}

.page-groupbuy .groupbuy-detail .groupbuy-pic .groupbuy-big {
    border: 1px solid #cccccc;
    text-align: center;
    padding: 1rem;
}

.page-groupbuy .groupbuy-detail .groupbuy-pic .groupbuy-big .fb-share {
    text-align: right;
}

.page-groupbuy .groupbuy-detail .groupbuy-pic .already-remain {
    padding: 0.5rem 0;
}

/*右側欄位-商品資訊*/
.page-groupbuy .groupbuy-detail .groupbuy-info > div {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.page-groupbuy .groupbuy-detail .groupbuy-info .name {
    margin-bottom: 1rem;
}

.page-groupbuy .groupbuy-detail .groupbuy-info .reciprocal-during {
    background-color: #F25162;
    color: #ffffff;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

.page-groupbuy .groupbuy-detail .groupbuy-info .discount-price {
    font-size: 2rem;
    color: #ff0000;
    font-weight: bold;
}

.page-groupbuy .groupbuy-detail .groupbuy-info .standard .symbol {
    text-align: center;
}

.page-groupbuy .groupbuy-detail .groupbuy-info .standard .btnbar {
    text-align: left;
}

/*活動頁籤*/
.page-groupbuy .groupbuy-tagactivity .list-tag {
    margin-bottom: 1.5rem;
}

.page-groupbuy .groupbuy-tagactivity .tag-on {
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
}

.page-groupbuy .groupbuy-tagactivity .tag-off {
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
}

/*活動頁籤-內容*/
.groupbuy-tagactivity .prod-block .prod-box > div {
    border: 1px solid #cccccc;
    height: 100%;
}

.groupbuy-tagactivity .prod-block .reciprocal-during {
    background-color: #b3b3b3;
    padding: 0;
    font-size: 0.8rem;
}

.groupbuy-tagactivity .prod-block .reciprocal-during ~ div {
    padding: 0.5rem;
}

.groupbuy-tagactivity .prod-block .reciprocal-during .title {
    padding: 0.5rem;
    font-size: 0.9rem;
    margin-bottom: 0;
    text-align: center;
}

.groupbuy-tagactivity .prod-block .reciprocal-during .time, .groupbuy-tagactivity .prod-block .reciprocal-during .date {
    font-size: 0.8rem;
    background-color: #F25162;
    color: #ffffff;
    text-align: center;
    padding: 0.6rem;
}

.groupbuy-tagactivity .prod-block .reciprocal-during + .date {
    font-size: 0.8rem;
    font-weight: bold;
    color: #000000;
}

.groupbuy-tagactivity .prod-block h6 {
    padding: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 25px;
}

.groupbuy-tagactivity .prod-block .picture {
    -ms-flex-align: center;
    align-items: center;
}

.groupbuy-tagactivity .prod-block .discount-price {
    font-size: 1.5rem;
    color: #ff0000;
    font-weight: bold;
}

.groupbuy-tagactivity .prod-block .activity-now .fb-share {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.groupbuy-tagactivity .prod-block .activity-now .price-cart .cart {
    text-align: right;
}

@media (max-width: 1199px) {
    .page-groupbuy .groupbuy-detail .groupbuy-info .reciprocal-during > div {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .page-groupbuy .groupbuy-tagactivity > div {
        font-size: 1.25rem;
    }
}

@media (max-width: 767px) {
    .page-groupbuy .groupbuy-detail .groupbuy-pic, .page-groupbuy .groupbuy-detail .groupbuy-info {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .page-groupbuy .groupbuy-detail .groupbuy-info .standard .select {
        margin-bottom: 0.5rem;
    }
}

/*館別首頁分類形象圖列表*/
.wg.list.class-image .image-item {
    margin-bottom: 1rem;
}

.wg.list.class-image .title-text {
    font-size: 1.3rem;
    text-align: left;
    padding: 0.2rem 0;
}

.wg.list.class-image .title-text.bg {
    text-align: center;
}

.wg.list.class-image .image {
    border: 1px solid #cccccc;
}

.wg.list.class-image .view {
    position: absolute;
    bottom: 0;
    right: 15px;
    opacity: 0.8;
}

@media (max-width: 767px) {
    .wg.list.class-image .title-text.bg {
        text-align: left;
        background-image: none !important;
    }
}

/*導覽列(麵包屑)*/
.breadcrumb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*館別圖示列表*/
.wg.list.store-img.bottom ul {
    -webkit-padding-start: 0;
}

.wg.list.store-img.bottom ul li {
    list-style: none;
    text-align: center;
}

/*研討會*/
.page-seminar .name small, .page-seminar .name small a {
    color: #b5b5b5;
    margin-top: 1rem;
}

.page-seminar .progressing .signup a {
    color: #ff0000;
}

.page-seminar.details .seminar-detail > .data-item {
    border-bottom: 1px solid #eeeeee;
}

.page-seminar.details .address span select {
    margin-top: 1rem;
}

.page-seminar.details .custom > label + div {
    display: block;
    width: 100%;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    line-height: 1.5;
}

.page-seminar.details .product .list-prod .prod-box .info-box {
    padding: 1rem 0.5rem;
}

.page-seminar.details .product .list-prod .prod-box .info-box > div {
    margin-bottom: 0.5rem;
}

.page-seminar.details .product .list-prod .prod-box .info-box .price {
    font-size: 0.8rem;
}

.page-seminar.details .product .list-prod .prod-box .info-box .price .original-price {
    color: #999999;
}

.page-seminar.details .product .list-chosen .list-product .pic img {
    max-width: 60px;
}

.page-seminar.details .product .info-totalprice > div {
    padding: 0.5rem;
}

.page-seminar.details .attend-name-sex .from-check-group {
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .page-seminar.details .product .list-prod .prod-box {
        border-bottom: 1px solid #efefef;
    }

    .page-seminar.details .product .list-chosen .number, .page-seminar.details .product .list-chosen .cancel {
        text-align: right;
        padding: 0 0.5rem;
    }
}

/*留言板*/
.page-message .btnbar + div, .page-message .block-form > .toggle {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.page-message .block-data .data-list + .data-list .data-grid {
    border-top: 0;
}

@media (max-width: 767px) {
    .page-message .block-data .theme .context, .page-message.detail .block-data .theme .context, .page-message.detail .block-data .context .edit-message {
        width: 75%;
        float: right;
    }
}

/*討論區*/
.page-talking .titlebar {
    text-align: center;
    background-color: #eeeeee;
}

.page-talking .titlebar .title-text {
    padding: 0.5rem 0;
}

.page-talking .toggle {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.page-talking .issue .btnbar {
    margin-bottom: 1rem;
}

.page-talking .block-data .data-list + .data-list .data-grid {
    border-top: 0;
}

@media (max-width: 767px) {
    .page-talking .block-data .theme .text-link, .page-talking .block-data .reply .context {
        width: 75%;
        float: right;
    }
}

/*熱門關鍵字*/
.page-hotkeyword form {
    padding-top: 0.5rem;
}

.page-hotkeyword .block-data .data-list + .data-list .data-grid {
    border-top: 0;
}

.page-hotkeyword .block-data .data-list {
    padding: 1rem 0;
}

.page-hotkeyword .block-data .data-list + .data-list {
    border-top: 1px solid #eee;
}

.page-hotkeyword .block-data .data-list:hover {
    background-color: #f7f7f7;
}

@media (min-width: 768px) {
    .page-hotkeyword .titlebar.bg {
        background-repeat: repeat-x;
    }
}

/*側邊浮水印購物車-開合功能模組(側邊基本小工具列)*/
.wg.basetools.side {
    width: 35px;
    position: fixed;
    z-index: 1030;
    right: 1rem;
    top: calc(100% - 70%);
}
.wg.basetools.side .basetools {
    height: auto;
    padding: 0.5rem 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #fdfdfd;
}
.wg.basetools-inside.list-shoppingcar, .wg.basetools-inside.list-trackprod, .wg.basetools-inside.list-float-da {
    position: fixed;
    width: 265px;
    height: 100%;
    overflow: hidden;
    display: none;
    z-index: 1030;
}
.wg.basetools-inside.list-shoppingcar .card-body, .wg.basetools-inside.list-trackprod .card-body {
    min-height: calc(15rem + 2px);
}
.wg.basetools-inside.member, .wg.basetools-inside.contact, .wg.basetools-inside.online-contact {
    position: fixed;
    width: 400px;
    height: 100%;
    overflow: hidden;
    display: none;
    z-index: 1030;
}
.wg.basetools-inside {
    pointer-events: none; /* 解除 div 滑鼠事件，可以穿透到後面按鈕 */
}
.wg.basetools-inside > * {
    pointer-events: auto; /* 還原 div 滑鼠事件 */
}
.wg.basetools-inside .layout {
    pointer-events: auto;
    background-color: #fafafa;
    -moz-box-shadow: 0px 0px 10px #c3c3c3;
    -webkit-box-shadow: 0px 0px 10px #c3c3c3;
    box-shadow: 0px 0px 10px #c3c3c3;
    top: calc(100% - 85%);
    border-radius: 10px;
}
.wg.basetools-inside .card-header {
    background-color: rgba(0, 0, 0, .03);
}
.wg.basetools-inside .btn-close {
    text-align: right;
}
.wg.basetools-inside .btn-close:hover {
    cursor: pointer;
}
.wg.basetools-inside.member .checknumber .row .col-8 {
    padding-left: 15px;
    padding-right: 15px;
}
.wg.basetools-inside.member .explain-login .edit.description {
    height: 200px;
    overflow: auto;
    margin-top: 1rem;
}
.wg.basetools-inside.list-shoppingcar .list-prod > div, .wg.basetools-inside.list-trackprod .list-prod > div {
    padding: 0.5rem 0.25rem;
}
.wg.basetools-inside.list-shoppingcar .list-prod .pic, .wg.basetools-inside.list-trackprod .list-prod .pic {
    border: 1px solid #efefef;
}
.wg.basetools-inside.list-shoppingcar .list-prod .quantity {
    display: none;
}
.wg.basetools-inside.list-trackprod .share-fb {
    text-align: center;
}
.wg.basetools-inside.online-contact .social {
    margin-bottom: 0.5rem;
}
.wg.basetools-inside.online-contact .social .card-title {
    margin-bottom: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.wg.basetools-inside.online-contact .social .list-group-item, .wg.basetools-inside.member.signed-in .list-group-item {
    background-color: transparent;
    border: 0;
    padding: 0.5rem 1.25rem;
}
.wg.basetools-inside.online-contact .social .content {
    color: #666666;
    font-size: 0.9rem;
}
.wg.basetools div:hover {
    cursor: pointer;
}

.red-font {
    color: #ff0000;
}

.blue-font {
    color: #0000ff;
}

/*最近瀏覽商品*/
.wg.prod.prod-view .list-prod {
    margin: 0;
    padding: 2px 3px;
}

.wg.prod.prod-view .pic {
    padding: 0;
}

.wg.prod.prod-view .pic a {
    border: 1px solid #eee;
    margin: 3px 3px 2px;
    padding: 3px;
    display: block;
}

/*品牌管理*/
.wg.list.list-web.brand-recommend .row > li {
    list-style: none;
    padding: 0.25rem;
}
.wg.list.list-web.brand-recommend .text-link {
    word-wrap: break-word;
}
.wg.list.list-web.brand-recommend .brand-logo, .page-brand .brand-logo {
    text-align: center;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.wg.list.list-web.brand-recommend .brand-logo .btn-img {
    padding: 0.25rem;
}

.wg.list.list-web.brand-recommend .btnbar, .page-brand-inside .btnbar {
    text-align: right;
    padding: 0 0.5rem;
}
.page-brand .list-inline-item {
    min-width: 150px;
    margin-right: 0;
}
/*品牌列表呈現樣式-字母分類*/
.page-brand .alphabet-classify .level-1 .list-inline-item {
    margin-top: 1rem;
}
.page-brand .alphabet-classify .alphabet {
    background-color: #eeeeee;
    padding: 0.5rem 1rem;
    text-align: center;
}
/*品牌列表呈現樣式-圖文列表及圖片列表*/
.page-brand .graphic-classify .list-brand {
    margin: 0 auto;
}
.page-brand .graphic-classify .brand-box .info-box {
    padding: 0 0.5rem;
}
.page-brand .graphic-classify .list-brand, .page-brand .img-classify .list-brand {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}
.page-brand .graphic-classify .brand-box, .page-brand .img-classify .list-brand > div {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.page-brand .img-classify .list-brand > div {
    text-align: center;
}

@media (max-width: 767px) {
    .page-brand .list-inline-item {
        width: 32%;
        min-width: initial;
        min-width: inherit;
        padding: 0;
    }
    .page-brand .graphic-classify .brand-box .info-box {
        margin-top: 1rem;
    }
}

/*訂購結帳頁面-運送方式及付款方式(編輯內容)*/
@media (max-width: 767px) {
    .page-order .block-freight .context, .page-order .block-pay .context {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        margin-top: 1rem;
    }
}

/*訂購結帳頁面-結帳商品加購區塊(客製-funcybox)*/
.page-order .block-addpurchase .list-add > div {
    padding-left: 1rem;
    padding-right: 1rem;
}

.page-order .block-addpurchase .list-add a {
    display: block;
    width: 100%;
    height: auto;
}

.page-order .block-addpurchase .list-add > .altrow1:first-of-type {
    border-top: 0;
}

.page-order .fancy-form.add-purchase .list-prod .prod-box .info-box .original-addprice {
    color: #666666;
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .page-order .fancy-form.add-purchase .list-prod {
        margin-top: 1rem;
    }

    .fancy-form.add-purchase .list-prod .prod-box {
        padding: 0.5rem 0.25rem;
    }
}

/*訂購結帳頁面-消費送好禮*/
.page-order .block-gift .gift .form-check {
    padding-left: 2.25rem;
}

.page-order .block-gift .gift .list-gift .item {
    margin-bottom: 0.5rem;
}

.page-order .block-gift .gift .list-gift .item .quota {
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .page-order .block-gift .pic {
        text-align: left;
    }

    .page-order .block-gift .gift .form-check {
        padding-right: 1rem;
    }
}

@media (max-width: 767px) {
    .page-order .block-gift .title-list + div, .page-order .block-gift .gift .row {
        padding-left: 0;
        padding-right: 0;
    }

    .page-order .block-gift .context {
        color: #666666;
    }

    .page-order .block-gift .action {
        margin-bottom: 1.25rem;
    }

    .page-order .block-gift .gift {
        margin-bottom: 1rem;
    }

    .page-order .block-gift .gift .list-gift .item .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-order .block-gift .gift .form-check {
        padding-left: 1.25rem;
    }

    .page-order .block-gift .gift .list-gift .item .row .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .page-order .block-gift .gift .list-gift .item .row .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 1rem;
    }

    .page-order .block-gift .gift:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .page-order .block-gift .remind-info .btnbar {
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .block-gift .box-get {
        background-color: #eee;
        padding: 0.5rem;
    }
}

/*訂購結帳頁面-購買前注意事項*/
@media (max-width: 767px) {
    .page-order .block-notice .edit-context {
        margin: 1rem 0;
    }
}

/*訂購結帳頁面-訂購人資料及收件人資料*/
@media (max-width: 767px ) {
    .page-order .order-info {
        margin-left: 0;
        margin-right: 0;
    }

    .page-order .order-info > div {
        padding-left: 0;
        padding-right: 0;
    }
}

/*訂購結帳頁面-收件人資料-其他常用收件人*/
.page-order.payment .common-receiver {
    margin-top: 1rem;
}

.page-order.payment .common-receiver .card-header {
    background-color: rgba(0, 0, 0, .03);
    padding: .75rem 1rem;
}

.page-order.payment .common-receiver .btn-close {
    text-align: right;
    cursor: pointer;
}

.page-order.payment .common-receiver .title-list {
    padding: 0 1rem;
}

.page-order.payment .common-receiver .title-list .title-text {
    padding: 0.5rem 0;
}

@media (min-width: 768px) {
    .page-order.payment .common-receiver .title-list ~ div {
        padding: 1rem;
    }
}

@media (max-width: 767px) {
    .page-order.payment .common-receiver .data-grid:before {
        content: attr(data-title) " ";
        width: 25%;
        height: 100%;
        display: inline-block;
        text-align: left;
        float: left;
    }
}

/*訂購結帳頁面-購物折扣說明*/
@media (max-width: 767px) {
    .page-order .block-discount .item {
        margin-bottom: 1.25rem;
    }

    .page-order .block-discount .explain {
        margin-bottom: 0.5rem;
    }

    .page-order .block-discount .explain:before, .page-order .block-discount .cash:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        float: left;
        min-width: 80px;
    }

    .page-order .block-discount .explain, .page-order .block-discount .cash {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
}

/*訂購結帳頁面-實體折價券*/
@media (max-width: 767px) {
    .page-order .block-coupon .period {
        margin-bottom: 1.25rem;
    }

    .page-order .block-coupon .explain {
        margin-bottom: 0.5rem;
    }

    .page-order .block-coupon .explain:before, .page-order .block-coupon .number:before {
        content: attr(data-title);
        display: inline-block;
        text-align: left;
        float: left;
        min-width: 80px;
    }

    .page-order .block-coupon .explain, .page-order .block-coupon .number {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/*訂購結帳頁面-訂購備註*/
@media (max-width: 767px) {
    .page-order .block-note .titlebar {
        margin-bottom: 1rem;
    }

    .page-order .block-note .edit-context {
        margin-top: 1rem;
    }
}

/*捐贈頁-芳名錄*/
.page-donationlist .list-content .item {
    display: inline-block;
    width: 49%;
}

/*置頂廣告*/
.page-header {
    position: relative;
    margin: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all .35s ease 0s;
    -moz-transition: all .35s ease 0s;
    -ms-transition: all .35s ease 0s;
    -o-transition: all .35s ease 0s;
    -webkit-transition: all .35s ease 0s;
    border: 0;
    z-index: 9;
}

.global-bar-header {
    font-family: "HelveticaNeueLTStd-Th", sans-serif;
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    position: relative;
    z-index: 10;
    background: #5f6a72;
    color: #fff;
}

div.global-bar-header {
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #5f6a72;
    line-height: normal;
    padding-top: 9px;
    padding-bottom: 9px;
}

.global-bar-header a.close-top-banner {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999em;
    width: 36px;
    height: 36px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAD1BMVEUAAACYwtOYwtOYwtOYwtP4zO0oAAAABXRSTlMAFaWQojOGdkkAAAA4SURBVCjPYxjRgFmAgYHRAEWI0ZGBQUgAWQTEZ1RE08moCFeEUAZWhCmEqZGQ8UA+UBSbU0cyAACUAAKnhmWMRQAAAABJRU5ErkJggg==') no-repeat center;
}

.global-bar-header a {
    font-size: 15px;
    text-decoration: underline;
    font-style: italic;
    color: #98c2d3;
}

.customized-top-banner-img {
    max-height: 2rem;
}

/*置頂廣告新版*/
.wg.bn.bn-top {
    background-color: #eeeeee;
    color: #000000;
    text-align: center;
    line-height: normal;
    margin-bottom: 0;
}

.wg.bn.bn-top > div {
    margin-bottom: 0;
}

.wg.bn.bn-top .edit-context {
    padding: 1rem 1.5rem;
}

.wg.bn.bn-top .edit-context p {
    margin-bottom: 0;
}

.wg.bn.bn-top .btn-close {
    position: absolute;
    right: 1rem;
    top: 50%;
    color: #666666;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
}

/*側邊模組列表共用*/
.wg.list.list-web .icon-text {
    display: -ms-flexbox;
    display: flex;
}

.wg.list.list-web .icon-text .list-icon img {
    max-width: 20px;
    vertical-align: inherit;
    vertical-align: initial;
    padding-right: 5px;
}

/*驗證碼圖*/
.checknumber .captcha img {
    display: block;
    height: 100%;
}

/*會員登入頁面*/
.page-login .login-register, .page-login .login-register-forgetpw {
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    text-align: left;
    margin-bottom: 0.5rem;
}

.page-login .login-register > .btn:first-of-type {
    padding-right: 0.5rem;
}

.page-login .login-register-forgetpw > .btn:nth-child(-n+2) {
    padding-right: 0.5rem;
}

.page-login .login-register-forgetpw > .btn:nth-child(-n+2) {
    padding-right: 0.5rem;
}

.page-login .login-register-forgetpw > .btn:nth-child(-n+2) {
    padding-right: 0.5rem;
}

.page-login .login-register-forgetpw > .btn:nth-child(-n+2) {
    padding-right: 0.5rem;
}

/*開店123系統提供者*/
.toast {
    box-sizing: border-box;
    opacity: 0.85;
    height: auto;
    font-size: 1.7em;
    background-color: #333;
    color: #fff;
    visibility: hidden;
    border-radius: 2px;
    z-index: 500;
    bottom: 5%;
    overflow: hidden;
    font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
    left: 0;
    width: 10em;
    padding: 0;
    text-align: center;
}
.toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 1.5s;
    animation: fadein 0.5s, fadeout 1s 1.5s;
}

/*搜尋欄位-位置、項目及文字廣告*/
.wg.form-search.choose {
    background-repeat: repeat-x;
    background-size: contain;
    margin: 1rem 0;
    padding: 0.5rem;
}

.wg.form-search.choose input[name="search_flag"] + img {
    margin-right: 0.5rem;
}

.wg.form-search.choose .wg.Keyp > ul {
    margin-bottom: 0;
}

/*僅開文字廣告功能*/
.wg.Keyp.Keyp-text {
    padding-left: 0.5rem;
}

@media (min-width: 991px) {
    .block-header .wg.form-search.choose form {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
}

@media (max-width: 767px) {
    .wg.form-search.choose input[name="search_flag"] + img {
        display: none;
    }
}

/*線上客服*/
.page-online-service .note {
    margin-bottom: 1rem;
}

.page-online-service .online-service-detail > .data-item {
    border-bottom: 1px solid #eeeeee;
}

.page-online-service .online-service-detail .context {
    white-space: normal;
    word-break: break-word;
}

.page-online-service .online-service-detail .image {
    text-align: right;
}

/*FB按讚與分享社群欄位*/
.plugin {
    max-width: 280px;
}

/*網站內容模組-側邊欄位*/
.wg.list.list-web h3 {
    padding-left: 0.2rem;
}

/*網站內容模組-頁面左方*/
.wg.list.list-web.service.single-pic .list-group-item, .wg.list.list-web.service.multi-pic .list-group-item {
    padding: 0.75rem 0;
}

.wg.list.list-web.service.multi-pic .category {
    padding-left: 0;
}

.wg.list.list-web.service.multi-pic .category .category-item {
    display: none;
    cursor: pointer;
    padding: 0.75rem 0;
}

/*國際幣別*/
.intl-currency {
    position: relative;
}
.intl-currency .flag {
    padding-right: 0.5rem;
}
.intl-currency .flag img {
    vertical-align: baseline;
    min-width: 20px;
    padding-top: 0.3rem;
}
.intl-currency .currency-item-on .name span {
    margin: 0 !important;
}

.intl-currency .panel {
    width: 110px;
    background-color: #efefef;
    right: 0;
    z-index: 10010;
    font-size: 0.9rem;
    display: none;
}
.intl-currency .panel .currency-item {
    padding: 0.2rem 0.5rem;
    word-break: break-all;
}
.intl-currency .panel .currency-item:hover {
    background-color: #e1e1e1;
}
@media (min-width: 768px) {
    .intl-currency .panel {
        position: absolute;
    }
}
@media (max-width: 767px) {
    .intl-currency .panel {
        left: 0;
        width: 100%;
    }
}

/*側邊浮水印廣告*/
.wg.bn-list.side .btn-close {
    position: absolute;
    right: 0.2rem;
    line-height: 1;
    color: #000000;
    white-space: nowrap;
    padding: 0.2rem 0.4rem;
    margin-top: 0.2rem;
    cursor: pointer;
    font-size: 0.1rem;
}

/* 四階層下拉選單 + 廣告 (安琪兒客製 121691) begin */
.dropmenudiv_Elist_bn {
    background-color: #f7f7f7;
    padding-top: 15px;
    padding-bottom: 15px;
}
.block-menu {
    max-width: calc(100% - 2rem);
    margin: auto;
}

.dropmenudiv_Elist_bn .wg.bn > div {
    margin-bottom: 0;
}
.dropmenudiv_Elist_bn .menu-bn {
    max-width: 50%;
    min-width: 25%;
}
.dropmenudiv_Elist_bn .menu-bn + .menu-main {
    border-left: 1px solid #ccc;
}
.dropmenudiv_Elist_bn .menu-main {
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 50%;
    border: none;
    max-height: 60vh;
    overflow-y: hidden;
    /*padding-right: 17px;*/
}
.dropmenudiv_Elist_bn .menu-main:hover {
    overflow-y: auto;
    padding-right: 0;
}
.dropmenudiv_Elist_bn .menu-main .nav-link {
    padding-left: .5rem;
}
.dropmenudiv_Elist_bn .menu-bn ~ .menu-main {
    position: relative;
    min-height: 1px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.dropmenudiv_Elist_bn .nav-link {
    padding: 0;
}

.dropmenudiv_Elist_bn .nav-link.active {
    color: #000;
}
@media (min-width:992px) {
    .dropmenudiv_Elist_bn {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1000;
        min-width: 120px;
    }
}

/* 四階層下拉選單 + 廣告 (安琪兒客製 121691) end */
/*館別名稱路徑導覽*/
.titlebar.store h5 {
    padding: 0.5rem;
}

/* Youtube Embaded RWD Control*/
.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube-video-container iframe, .youtube-video-container object, .youtube-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* img-fluid-height */
.img-fluid-height {
    width: auto;
    max-height: 430px;
    height: auto;
    max-width: 100%;
    margin: auto;
}

/* 商品列表圖片 padding 控制 */
.padding-w25p, .default_mode.padding-w25p {
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.padding-w50p, .default_mode.padding-w50p {
    margin-left: 5%;
    margin-right: 5%;
}
.padding-w75p, .default_mode.padding-w75p {
    margin-left: 7.5%;
    margin-right: 7.5%;
}
.padding-w100p, .default_mode.padding-w100p {
    margin-left: 10%;
    margin-right: 10%;
}
.padding-w125p, .default_mode.padding-w125p {
    margin-left: 12.5%;
    margin-right: 12.5%;
}
.padding-w150p, .default_mode.padding-w150p {
    margin-left: 15%;
    margin-right: 15%;
}
.padding-w175p, .default_mode.padding-w175p {
    margin-left: 17.5%;
    margin-right: 17.5%;
}
.padding-w200p, .default_mode.padding-w200p {
    margin-left: 20%;
    margin-right: 20%;
}
.limit_mode.padding-w25p {
    padding-left: 2.5%;
    padding-right: 2.5%;
}
.limit_mode.padding-w50p {
    padding-left: 5%;
    padding-right: 5%;
}
.limit_mode.padding-w75p {
    padding-left: 7.5%;
    padding-right: 7.5%;
}
.limit_mode.padding-w100p {
    padding-left: 10%;
    padding-right: 10%;
}
.limit_mode.padding-w125p {
    padding-left: 12.5%;
    padding-right: 12.5%;
}
.limit_mode.padding-w150p {
    padding-left: 15%;
    padding-right: 15%;
}
.limit_mode.padding-w175p {
    padding-left: 17.5%;
    padding-right: 17.5%;
}
.limit_mode.padding-w200p{
    padding-left: 20%;
    padding-right: 20%;
}

/* vh style list */
.h-100vh {
    height: 100vh !important;
}
@media (max-width: 576px) {
    .h-sm-100vh {
        height: 100vh !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .h-md-100vh {
        height: 100vh !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .h-lg-100vh {
        height: 100vh !important;
    }
}
@media (min-width: 992px) {
    .h-xl-100vh {
        height: 100vh !important;
    }
}

/* 商品列表圖片 比例限制 */
.image_container {
    width: 100%;
    position: relative;
}

.image_container > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.image_container img.img-fluid {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.image_container img.h-100:not(.w-100) {
    margin-left: 50%;
    transform: translateX(-50%);
}

/* 商品列表 block 限高 */
.prod-box .info-box .product-list-line-1,
.prod-box .info-box .product-list-line-2,
.prod-box .info-box .product-list-line-3,
.prod-box .info-box .product-list-line-4,
.prod-box .info-box .product-list-height-24,
.prod-box .info-box .product-list-height-48,
.prod-box .info-box .product-list-height-72 {
    overflow-y: hidden;
    min-height: unset !important;
    max-height: unset !important;
}

.prod-box .info-box .standard.product-list-line-1, .prod-box .info-box .quantity.product-list-line-1 {
    height: 2.5rem;
}

.prod-box .info-box .standard.product-list-line-2, .prod-box .info-box .quantity.product-list-line-2 {
    height: 5.0rem;
}

.prod-box .info-box .standard.product-list-line-3, .prod-box .info-box .quantity.product-list-line-3 {
    height: 7.5rem;
}

.prod-box .info-box .standard.product-list-line-4, .prod-box .info-box .quantity.product-list-line-4 {
    height: 10.0rem;
}
.prod-box .info-box h6.product-list-line-1 {
    height: 1.3rem;
}
.prod-box .info-box h6.product-list-line-2 {
    height: 2.5rem;
}
.prod-box .info-box h6.product-list-line-3 {
    height: 3.7rem;
}
.prod-box .info-box h6.product-list-line-4 {
    height: 4.9rem;
}
.prod-box .info-box h5.product-list-line-1 {
    height: 1.6rem;
}
.prod-box .info-box h5.product-list-line-2 {
    height: 3.1rem;
}
.prod-box .info-box h5.product-list-line-3 {
    height: 4.6rem;
}
.prod-box .info-box h5.product-list-line-4 {
    height: 6.1rem;
}
.prod-box .info-box .product-list-height-24 {
    height: 24px;
}
.prod-box .info-box .product-list-height-48 {
    height: 48px;
}
.prod-box .info-box .product-list-height-72 {
    height: 72px;
}

/*by950版型*/
@media (min-width: 576px) {
    body[data-page-width="950"] .page-member .search div:last-of-type .btn-search {
        max-height: 26px;
    }
}
@media (min-width: 768px) {
    /*排版*/
    body[data-page-width="950"] h1 {
        font-size: 1.5rem;
        font-weight: bold;
    }
    body[data-page-width="950"] h2 {
        font-size: 1rem;
        font-weight: bold;
    }
    body[data-page-width="950"] h3 {
        font-size: 1rem;
        font-weight: bold;
    }
    body[data-page-width="950"] h4 {
        font-size: 1rem;
        font-weight: bold;
    }
    body[data-page-width="950"] h5 {
        font-size: 1rem;
        font-weight: bold;
    }
    body[data-page-width="950"] h6 {
        font-size: 1rem;
        font-weight: bold;
    }
    body[data-page-width="950"] .nav-link {
        padding: .5rem;
    }
    body[data-page-width="950"] .titlebar {
        margin-bottom: .5rem;
    }
    body[data-page-width="950"] .title.title-text {
        font-size: 1.4rem;
    }
    body[data-page-width="950"] .title-text h4, body[data-page-width="950"] .promotion_title h4, body[data-page-width="950"] .product-info h4 {
        font-size: 1.2rem;
    }
    body[data-page-width="950"] .form-control {
        height: auto !important;
        font-size: 11px;
        color: #000;
        padding: .2rem 0;
        border-radius: inherit;
    }
    body[data-page-width="950"] input.form-control {
        padding: 0.2rem .3rem;
        color: #000;
    }

    body[data-page-width="950"] .wg.bn > div {
        margin-bottom: 0;
    }
    /*館別*/
    body[data-page-width="950"] .navbar {
        padding: 0;
    }
    /*下拉選單*/
    body[data-page-width="950"] .dropmenudiv {
        border-radius: inherit;
    }
    body[data-page-width="950"] .dropmenudiv .menu-main {
        border: 1px solid #ccc;
        border-radius: inherit;
        text-align: left;
    }
    body[data-page-width="950"] .dropmenudiv .nav-item .nav-link {
        border-left: 0;
        padding: 2px 3px;
    }
    body[data-page-width="950"] .dropmenudiv .nav-item + .nav-item {
        border-top: 1px solid #ccc;
    }
    /*框架*/
    body[data-page-width="950"] .block-a, body[data-page-width="950"] .block-c {
        max-width: 200px;
        padding: 0;
    }
    body[data-page-width="950"] .block-a .wg, body[data-page-width="950"] .block-c .wg {
        margin-bottom: 5px;
    }
    body[data-page-width="950"] .block-e {
        padding: 0;
        margin-left: 5px;
    }
    /*模組*/
    body[data-page-width="950"] .block-ae .wg {
        padding-bottom: 1rem;
    }
    /*資料表格*/
    body[data-page-width="950"] .block-data {
        font-size: 15px;
        line-height: 1.2;
    }
    body[data-page-width="950"] .block-data .titlebar {
        margin-bottom: 0;
    }
    body[data-page-width="950"] .block-form {
        font-size: 15px;
        line-height: 1.2;
    }
    body[data-page-width="950"] .block-data a, body[data-page-width="950"] .block-form {
        font-size: 15px;
        line-height: 1.2;
    }
    /*表單*/
    body[data-page-width="950"] .col-form-label {
        padding-top: 0;
        padding-bottom: 0;
    }
    body[data-page-width="950"] .form-control + .form-check {
        margin-top: 5px;
    }
    /*全版進階搜尋*/
    body[data-page-width="950"] .wg.form-search.choose {
        margin: 0;
        padding: .2rem .5rem .5rem;
    }
    /*最新消息-走馬燈*/
    body[data-page-width="950"] .wg.news.scroll-news {
        margin: 8px 0;
    }
    body[data-page-width="950"] .wg.news.scroll-news a, body[data-page-width="950"] .wg.news.scroll-news .text-link {
        font-size: 14px;
        line-height: 2;
    }
    body[data-page-width="950"] .wg.news.scroll-news .position-absolute {
        bottom: 0;
    }
    body[data-page-width="950"] .block-b .wg.news > div, body[data-page-width="950"] .block-e .wg.news > div {
        margin: 0;
    }
    /*麵包屑*/
    body[data-page-width="950"] .breadcrumb {
        margin-bottom: .5rem;
        padding: .5rem;
    }
    body[data-page-width="950"] .breadcrumb-item {
        padding: 0 4px;
    }
    /*列表商品box*/
    body[data-page-width="950"] .prod-box {
        padding: 3px !important;
        margin: 0;
    }
    body[data-page-width="950"] .prod-box .info-box {
        padding: 10px 8px 3px;
    }
    body[data-page-width="950"] .prod-box h6 {
        line-height: 1.2rem;
    }
    body[data-page-width="950"] .prod-box .price-addcart {
        padding: 0;
    }
    body[data-page-width="950"] .prod-box .symbol, body[data-page-width="950"] .prod-box .symbol ~ a {
        color: #f00;
    }
    body[data-page-width="950"] .prod-box .symbol ~ a {
        font-size: 18px;
        font-weight: bold;
    }
    /*會員中心*/
    body[data-page-width="950"] .mem-or-om-main-memlev {
        font-size: 15px;
        line-height: 1.3;
        padding: 8px 0;
    }

    /*搜尋按鈕*/
    body[data-page-width="950"] .btn-search:not(.toggle) img {
        height: 26px;
    }
    /*頁面下方*/
    body[data-page-width="950"] .wg.btnlist-link.bottom {
        padding: 5px;
    }
    body[data-page-width="950"] .wg.btnlist-link.bottom .nav-item {
        padding: 0;
    }
}

@media (min-width: 992px) {
    body[data-page-width="950"] {
        font-size: 13px;
    }

    body[data-page-width="950"] a:link, body[data-page-width="950"] a:visited, body[data-page-width="950"] a:active {
        font-size: 13px;
    }

    body[data-page-width="950"] .navbar-nav .nav-link {
        padding: 0 2px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*框架*/
    body[data-page-width="950"] .block-e {
        margin-right: 5px;
    }
}