.block-e .content {

    background-color: #fff;

}

/*限制*/
.block-e .wg .border-img img {

    width: 100%;

}

.block-e .wg .border-bg {

    background-size: contain;

}

.wg.prod.prod-a1 .titlebar{

    margin-bottom: 0;

}

.wg.prod.prod-a1 .border-bg {

    background-size: contain;

    padding-left: 2px;

    padding-right: 2px;

}

.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;

}

.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;

}

.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;

}

.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;

}

.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;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.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;

    }

}

.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;

    }

}

.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;

    }

}

.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.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;

    }

}

.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-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;

    }

}

.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.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.news.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;

}

/*左側區塊*/
.wg.list.list-faq .list-box.category {

    display: block;

}

.wg.list.list-faq .nav-3st a {

    padding-left: 3rem;

}

/*右側內容列表*/
.page-faq .list-group.faq .question {

    border-bottom: 1px solid #eee;

    background-color: #f7f7f7;

}

.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;

}

.page-epaper .epaper-status {

    text-align: left;

    margin-bottom: 1rem;

}

.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;

    }

}

.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-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;

}

.wg.prod.prod-recommend .prod-box .info-box {

    padding: 0;

}

.wg.prod.prod-recommend .prod-box .info-box a{

    font-size: 1rem;

}

.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.servicelog .note {

    margin-bottom: 1rem;

}

.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;

    }

}

/*會員社群登入及註冊共用*/
.row.form-group + .btnbar.api {

    text-align: left;

    margin-bottom: 1rem;

}

/*樣式-一欄式*/
.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-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;

}

.page-register .welcome-edit {

    margin-bottom: 1.5rem;

}

.page-register .privacy {

    margin-top: 1.5rem;

    text-align: center;

}

@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) {

    .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-notice .edit-context {

        margin: 1rem 0;

    }

}

.wg.bn>div {

    margin-bottom: 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;

}

.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;

}

.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.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;

}

.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;

    }

}

.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;

        -ms-flex-pack: center;

        justify-content: center;

    }

}

.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;

}

.prod-overview .titlebar {

    border-bottom: 1px solid #eee;

    background-color: #f7f7f7;

}

.prod-overview .list-prod {

    border-bottom: 1px solid #eee;

}

/*側邊區塊-A區塊*/
.wg.list.list-web h3 {

    padding-left: 0.2rem;

}

/*頁面左方-A區塊*/
/*單組樣式(圖片)*/
.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;

}

.wg.list.store-img.bottom ul {

    -webkit-padding-start: 0;

}

.wg.list.store-img.bottom ul li{

    list-style: none;

    text-align: center;

}

.copyright {

    padding: 1rem !important;

}

.block-copyright.edit {

    word-wrap: break-word;

    padding: 0.5rem 0.2rem;

}

.footerbar.fixedb .show {

    margin-bottom: 40px;

}

.welcome-image {

    height: 100%;

    background-size: cover;

    background-position: center;

}

.welcom-text {

    position: fixed;

    bottom: 20px;

}

.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.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;

}

.titlebar.store h5 {

     padding: 0.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-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;

    }

}

.outside_jump .btn-gotop {

    right: 3%;

    bottom: 40px;

}

@media (max-width: 767px) {

    .page-order .block-freight .context, .page-order .block-pay .context {

        margin-top: 1rem;

    }

}

.product-recommend {

    margin-bottom: 1rem;

}

.wg.prod.prod-e1 .title-text {

    padding-left: 0.5rem;

}

.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 {

    width: auto;

    max-height: 430px;

    height: auto;

    max-width: 100%;

    margin: auto;

}

.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;

}

@media (max-width: 767px) {

    .page-order .block-note .titlebar {

        margin-bottom: 1rem;

    }

    .page-order .block-note .edit-context {

        margin-top: 1rem;

    }

    .page-order .btnbar.bottom {

        position: fixed;

        bottom: 0;

        width: 100%;

        z-index: 999;

        left: 0;

        background-color: #ffffffbf;

        border-top: 1px solid #efefef;

        padding: 0 0 0.5rem 0;

    }

}

.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 .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 .row {

        padding-left: 1rem;

        padding-right: 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;

    }

}

.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;

    }

}

.page-order .block-data .bg {

    background-color: #eee;

    padding: 1rem;

}

@media (max-width:767px) {

.page-order .block {

border: 1px solid #eee;

}

}

.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;

}

}

.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;

}

/*品牌推薦-側邊區塊-A、C區塊*/
.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-inside .bn-brand {

    margin-bottom: 1rem;

}

/*品牌列表呈現樣式-字母分類*/
.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 .brand-box, .page-brand .img-classify .list-brand > div {

    border: 1px solid #eee;

    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;

    }

}

/*各欄位間距*/
.wg.btnlist-link.bottom .nav-item {

    padding-top: 1rem;

}

/*各欄位之子項目*/
.wg.btnlist-link.bottom .level2 {

    padding: .5rem;

}

.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 .level2 .nav-link {

        padding: .3rem;

    }

    /*分隔線*/
    .wg.btnlist-link.bottom .dividers {

        display: none;

    }

}

.wg.list-store .nav-0st a {

    color: #000;

}

.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;

}

/*館別分類項目之商品數量*/
.product-count {

    display: block;

    padding: 0.5rem 0.5rem 0.5rem 0 ;

}

@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;

}

.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;

}

.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%;

}

}

.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;

}

.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.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;

}

/*限制*/
.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 .border-bg, .block-a .border-img img, .block-c .border-bg, .block-c .border-img img {

    width: 100%;

    background-size: contain;

}

/*側邊多層列表呈現*/
.nav-1-ul .nav-link {

    padding: .5rem;

}

.nav-1-ul, .nav-2-ul, .nav-3-ul {

    padding-left: 1rem;

}

@media(max-width: 767px) {

    .block-a , .block-c {

        max-width: 100%;

    }

    .block-a .title-img img, .block-c .title-img img {

        width: auto;

    }

}

@media (min-width: 768px) {

    .block-a .title-img, .block-c .title-img, .block-a .title-text, .block-c .title-text {

        border: 1px solid #efefef;

        border-bottom: none;

    }

}

@media (min-width:768px) and (max-width:991px) {

    .block-a, .block-c {

        max-width: 220px;

    }

}

/*側邊border於rwd不顯示*/
@media (max-width: 767.98px) {

    .block-a .border-bg, .block-c .border-bg {

        background-image: none !important;

    }

    .block-a .border-img, .block-c .border-img {

        display: none;

    }

}

/*E區塊組合版*/
@media (max-width:991px) {

    .wg.block.block-3b2c, .wg.block.block-3b1c {

        display: none;

    }

}

.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;

}

}

/*標籤*/
.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;

}

/*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;

}

/*btn 按鈕(文字使用btn-text；img圖片使用btn-img)*/
.btnbar {

    text-align: center;

}

.block-a .btnbar, .block-c .btnbar {

    text-align: left;

    padding: 0 15px;

}

.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;

}

.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;

}

/*商品圖片*/
.pic {

    text-align: center;

}

.pic + .pic {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}

/*注意事項*/
.text.warn {

    margin-bottom: 1rem;

    color: #ff0000;

}

/*側邊表單模組排版*/
.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);

    }

}

.wg.prod.prod-a3 .bn {

    padding-top: .5rem;

}

@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;

}

}

.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;

    }

}

/*熱門關鍵字-側邊區塊-A、C區塊*/
.wg.list.list-tags.hot .title.title-img {

    border-bottom: none;

}

.wg.list.list-tags.hot .list-inline {

    margin-left: 0.5rem;

}

.wg.list.list-tags.hot .list-inline-item {

    margin-right: .2rem;

}

.wg.list.list-tags.hot .text-link {

    display: inline-block;

    border: 1px solid #eee;

    border-radius: .25rem;

    padding: 0 .3rem;

    margin-bottom: .3rem;

}

.wg.list.list-tags.hot .text-link:hover {

    background-color: #eee;

}

@media (max-width: 991px){

    #fixed_right_side_top{

        display:none;

    }

}

/*最新消息總列表-圖文列表多列*/
.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 .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 .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;

    }

}

/* 商品列表圖片 比例限制 */
.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%);

}

.wg.prod.prod-f2 {

    background-color: #eee;

    padding-bottom: .1rem;

}

.wg.prod.prod-f2 .title-text {

    padding: 1rem .5rem .5rem;

}

.wg.prod.prod-f2 .title-img img {

    display: block;

}

.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 .info-box {

    padding: .3rem;

}

.wg.prod.prod-f2 .prod-box .promtext {

    min-height: 1.5rem;

}

.wg.prod.prod-f2 .prod-box .name .text-link {

    color: #000;

}

.wg.prod.prod-f2 .prod-box .name .text-link:hover {

    color: #666;

}

.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 (max-width:991px) {

.wg.prod.prod-f2 .list-slide {

    padding: 0 .5rem .5rem;

}

}

@media (min-width: 768px) and (max-width: 991px) {

    .wg.prod.prod-f2 .prod-box .context {

        display: none;

    }

}

.wg.prod.prod-h1 {

    max-width: 1280px;

    margin: auto;

}

.wg.prod.prod-h1 .list-box {

    padding-left: .5rem;

    padding-right: .5rem;

}

.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: .2s;

    max-height: 200px;

    overflow: hidden;

}

.wg.prod.prod-h1 .list-pic div.pic:hover {

    border: 3px solid #eee;

}

.wg.prod.prod-h1 .list-pic .pic + .pic {

    border-left: 1px solid #ccc;

}

@media (min-width:992px) {

.wg.prod.prod-h1 .standard div[class*="col-"] {

    max-width: 50%;

}

}

.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;

}

.page-donationlist .list-content .item {

    display: inline-block;

    width: 49%;

}

/* 商品列表圖片 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%;

}

.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 {

    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;

}

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

    .page-member .item a {

        display: block;

    }

    .page-member .item a + a {

        margin-top: 0.5rem;

    }

}

@media (max-width:767px) {

    .page-member .item a {

        display: inline-block;

    }

}

/*會員中心-搜尋欄位共用*/
.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;

}

@media (max-width: 767px) {

    .list-directory .nav-item {

        display: inline-block;

        width: 50%;

        vertical-align: top;

    }

}

.page-member .status-coupon {

    margin-bottom: 1rem;

}

@media (max-width: 767px) {

    .page-o2o .counties-cities .city, .counties-cities .section{

        margin-bottom: 1rem;

    }

}

.page-member.inquiry .data-list {

    text-align: left;

    padding-bottom: 1.5rem;

}

.page-member.inquiry .open_reply {

    padding-left: 0;

    width: 100%;

}

.page-member.inquiry .data-list .w-100 {

    padding-bottom: .5rem;

}

.page-member.inquiry .data-list .w-100 ~ div {

    background-color: #fff;

}

@media (max-width: 767px) {

    .page-member.inquiry .data-grid[data-title]:before {

        width: 35%;

    }

}

@media (min-width:768px) {

    .page-member.inquiry .data-list .w-100 ~ .title-text {

    margin-left: 2.5rem;

    max-width: calc(33.3% - 5rem);

    border-right: none;

    font-weight: bold;

}

}

.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;

    }

}

/*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;

}

}

.product-basic .product-info .addbuy .list-prod {

    display: block;

}

.product-basic .product-info .addbuy .type {

    padding: 0.5rem;

    text-align: left;

    border: 0;

}

.product-basic .product-info .addbuy .type .form-check, .product-basic .product-info .addbuy .type label {

    width: 100%;

    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;

    margin-right: .2rem;

    color: #ff7c3c;

    border: 1px solid #ff7c3c;

}

.product-basic .product-info .addbuy .prod-text .price {

    min-width: 40px;

    display: inline-block;

}

.product-basic .product-info .addbuy .prod-text .name, .product-basic .product-info .addbuy .prod-text .inline-standard {

    padding-left: .2rem;

    display: inline-block;

}

/*商品明細頁面-加價購商品詳細內容*/
.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-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-basic .product-pic img[width="360"] {

    width: auto !important;

}

.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 .item {

    margin-bottom: .3rem;

}

.product-pic .product-samll .item a {

    display: block;

    border: 1px solid #eee;

    width: 95%;

    height: 100%;

    margin: auto;

    padding: .2rem;

    text-align: center;

}

/*附屬圖片-右側位置*/
.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);

    }

}

/*搜尋欄位-位置、項目及文字廣告*/
.wg.form-search.choose {

    background-repeat: repeat-x;

    background-size: contain;

    margin: 1rem 0;

    padding: 0.5rem;

    line-height: unset !important;

}

.wg.form-search.choose input[name="search_flag"]+img {

    margin-right: 0.5rem;

}

.wg.form-search.choose .search_more_link {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important;

}

/*熱門關鍵字*/
.wg.form-search.choose .wg.Keyp.Keyp-text .list-inline-item {

    vertical-align: bottom;

}

.wg.form-search.choose .wg.Keyp > ul {

    margin-bottom: 0;

}

/*位置於頁面標頭*/
.wg.btnlist-link.header .wg.form-search.choose {

    padding-top: 0;

    padding-bottom: 0;

    font-size: .8rem;

}

.wg.scroll-news .content .title-news {

    line-height: 1.8;

    height: 100%;

}

@media (min-width: 768px) {

    .wg.scroll-news.top {

        padding: 0.5rem;

    }

}

@media (max-width: 767px) {

    .wg.scroll-news .content .title-news {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

}

@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.1rem;

}

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"] .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,body[data-page-width="950"] .btn-search:not(.toggle) .btn-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:768px) and (max-width:991px) {

/*框架*/
body[data-page-width="950"] .block-e {

    margin-right: 5px;

}

}

@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 {

    padding: 0;

}

body[data-page-width="950"] .navbar-nav .nav-link {

    padding: 0 2px;

    line-height: 20px;

}

/*下拉選單*/
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;

}

}

/*兩階層垂直次分類*/
.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 .menu-main {

    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) {

    .nav-link:hover ~ .dropmenudiv_B:before {

        content: "";

        display: block;

        height: 3px;

        background-color: #ccc;

        margin-top: -3px;

        position: relative;

    }

    .dropmenudiv_B .menu-main {

        position: absolute;

        z-index: 1000;

        min-width:120px;

        overflow: hidden;

        background-color: #f7f7f7;

    }

}

@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;

    }

}

/*四階層-列表次分類&廣告*/
.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;

}

.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 .item.active .nav-link{

    color: #000;

}

@media (min-width:992px) {

    .dropmenudiv_Elist_bn {

        position: absolute;

        left: 0;

        right: 0;

        z-index: 1000;

        min-width: 120px;

    }

}

.menu-store {

    height: auto;

}

.menu-store .center {

    opacity: 0.96;

}

.menu-store .menu-main .nav-link:hover, .menu-store .menu-main .nav-link:focus {

    border-left: 4px solid #000;

    background-color: #e9ebee;

}

.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 .center,.menu-store .border-img {

        opacity: 1;

        border-top: 1px solid #eee;

    }

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

        justify-content: space-around !important;

    }

    .menu-store .level1 .nav-link {

        color: #000;

        text-align: left;

    }

    .menu-store .level2 .nav-link {

        color: #999;

    }

}

@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, .wg.btnlist-link.top .dividers {

        display: none;

    }

    .menu-store .center {

        overflow-y: auto;

    }

    /*by iphon最下方被擋住*/
    .block-nav .menu-store .menu-vh>li:last-of-type {

        margin-bottom: 50px;

    }

    /*側邊展開收合*/ 
    .block-nav.block-slide .border-img.center {

        background-color: #ffffff;

        background-image: none !important;

    }

    .block-nav.block-slide .menu-store li > .nav-link {

        color: #000;

    }

    .menu-store .navbar-nav.menu-vh {

        margin-bottom: 2rem;

    }

}

.product-liststandard {

    margin-bottom: 1rem;

}

.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;

}

@media (max-width:767px) {

.product-liststandard .number {

    padding: 0.5rem;

}

}

.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 {

    padding-left: .5rem;

    padding-right: .5rem;

}

.page-order.payment .payment-login .social-login .social {

    padding: .3rem .3rem;

    max-width: calc(50% - .1rem);

}

@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;

    }

   .page-order.payment .payment-login .block-login .first-shop .input-checkbox {

       margin-left: -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;

    }

}

.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;

    overflow: hidden;

}

.product-showexplain .explain-edit {

    min-height: 250px;

    padding: 1rem;

    border: 1px solid #ccc;

}

.product-showexplain .explain-edit + .title-img {

    margin-top: 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;

}

/*商品說明區-心得分享*/
/*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;

}

@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,.product_info_tag_mouseover {

        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;

    }

}

.page-order .block .title-list .title-text {

    padding-left: .5rem;

    padding-right: .5rem;

}

.order-review .list-product .lincense-type {

    padding: .5rem;

}

.wg.prod.cus-full.product-plusbuy .info-box .form-check .text {

    font-size: .9rem;

    padding: 0 .5rem;

    margin-right: .2rem;

    color: #ff7c3c;

    border: 1px solid #ff7c3c;

}

.wg.prod.cus-full.product-plusbuy .info-box .form-check .price3 {

    color: #f00;

    font-weight: bold;

}

.wg.prod.cus-full.product-plusbuy .info-box .form-check .price3 ~ .text {

    display: none;

}

.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;

    }

}

@media (min-width:992px) {

   .wg.prod.prod-f3 .bn {

       padding-right: 0;

   }

   .wg.prod.prod-f3 .group {

       padding-left: 0;

   }

}

.wg.prod.prod-new.category .promotion_title {

    max-width: calc(100% - 30px);

}

.wg.prod.prod-new.category {

    position: relative;

}

.wg.prod.prod-new.category .titlebar {

    position: unset;

}

.wg.prod.prod-new.category .btnbar>div {

    position: absolute;

    z-index: 1;

    top: 60px;

    bottom: 0;

    max-width: 30px;

    margin: 0;

}

.wg.prod.prod-new.category .prve {

    left: 0;

}

.wg.prod.prod-new.category .next {

    right: 0;

}

.wg.prod.prod-new.category .btnbar>div:hover {

    background-color: #eeeeee80;

}

.wg.prod.prod-new.category .btnbar>div img {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}

@media (max-width:767px) {

.wg.prod.prod-new.category .titlebar .d-flex {

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center;

}

}

.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;

}

/*超過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 .info-group {

  margin-left: 0.5rem;

  margin-right: 0.5rem;

}

.wg.buy-info .info-group .loginlist {

  border-bottom: 1px solid #000;

}

.wg.buy-info .info-group .loginlist .nav-link {

  padding: 0.2rem;

}

.wg.buy-info .info-group .showbuy {

  padding: 0.2rem;

}

/*頁面標頭*/
.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:991px) {

    .block-header .c2 .js-nav-display {

        background-color: #f7f7f7;

    }

    .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%;

    }

}

/*漢堡式搜尋*/
.wg.block-ham.search {

    padding: 0.5rem;

}

/*置中logo by ie11避免跑版*/
.block-header.logo-center .c2 {

    flex: 0 0 100%;

}

.column-box>div {

    border-bottom: 1px solid #eee;

    height: auto;

    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;

}

}

.block-header .ham-menu .storelogo {

    text-align: center;

}

@media (min-width:576px) {

.block-header .ham-menu .storelogo {

    text-align: left;

}

}

@media (max-width:991px) {

/*logo背景*/
    .block-header {

        min-height: auto !important;

        background-image: none !important;

        background-color: #fff;

        padding: 0;

    }

    .block-header .ham-menu {

        align-items: center;

        padding: .5rem 1rem;

    }

/*logo 最大寬大小*/
    .block-header .ham-menu .storelogo img {

        max-height: 9.5vmax;

        max-width: 100%;

        height: auto;

        width: auto;

    }

}

@media (min-width:1200px) {

body[data-page-width="0"] .block-header {

padding-left: calc(50% - 640px);

padding-right: calc(50% - 640px);

}

body[data-page-width="0"]  .block-nav .menu-vh {

max-width: 1280px;

margin: auto;

}

}

.page-member.details .block-data.order-review .list-product .lincense-type {

    border-top: 2px solid #ccc;

    border-bottom: 1px solid #eee;

}

.block-data.order-review .list-product {

    -ms-flex-align: center !important;

    align-items: center !important;

    padding-left: .5rem;

    padding-right: .5rem;

}

.block-data.order-review .list-product .pic {

    -ms-flex-item-align: center !important;

    align-self: center !important;

}

.block-data.order-review .altrow1 + .altrow1, .block-data.order-review .altrow1 + .altrow2, .block-data.order-review .altrow2 + .altrow1 {

    border-top: 1px solid #eee;

}

.block-data.order-review .list-product .lincense-type {

    border-top: 2px solid #ccc;

    border-bottom: 1px solid #eee;

}

.info-totalprice {

    background-color: #eee;

    padding: 1rem 0;

}

.info-totalprice .altrow3, .info-totalprice .altrow4 {

    line-height: 2;

}

.info-totalprice .altrow4 {

    font-weight: bold;

}

.info-totalprice .altrow4 .title2_number {

    color: #f00;

}

@media (max-width:767px) {

.block-data.order-review .list-product .lincense-type {

    padding: 0.5rem 1rem;

}

.block-data.order-review .list-product .lincense-type[data-title]:before {

    content: attr(data-title);

}

.block-data.order-review [class*="altrow"] {

    padding-top: 1rem;

    padding-bottom: 1rem;

}

/*商品資訊標題*/
.block-data.order-review .list-product .number, .block-data.order-review .list-product .item {

    text-align: right;

}

.block-data.order-review .list-product .number:not(.product-qty):before, .block-data.order-review .list-product .item:before {

    content: attr(data-title);

    display: inline-block;

    text-align: left;

    float: left;

}

.info-totalprice {

    padding: .5rem 0;

}

.info-totalprice .title-text.text {

    color: #000;

    font-size: 1.3rem;

}

.info-totalprice .row div[data-title], .info-totalprice .title2_number, .info-totalprice .title1_number {

    text-align: right;

}

.info-totalprice div[data-title]:before {

    content: attr(data-title)" ";

    display: inline-block;

    text-align: left;

    float: left;

}

}

@media (max-width:991px) {

/*by attr-991*/
.block-data.attr-991.order-review .list-product .lincense-type {

    padding: 0.5rem 1rem;

    border-bottom: 1px solid #eee;

}

.block-data.attr-991.order-review .list-product .number:not(.product-qty):before, .block-data.attr-991.order-review .list-product .item:before {

    content: attr(data-title);

    display: inline-block;

    text-align: left;

    float: left;

}

.block-data.attr-991.order-review .list-product .lincense-type[data-title]:before {

    content: attr(data-title);

}

.block-data.attr-991.order-review .list-product .number, .block-data.attr-991.order-review .list-product .item {

    text-align: right;

}

/*總計*/
.info-totalprice.attr-991 {

    padding: 1rem;

}

.info-totalprice.attr-991 .title-text.text {

    color: #000;

    font-size: 1.3rem;

    text-align: inherit;

}

.info-totalprice.attr-991 .title-text.text:not(.total) {

    text-align: center;

}

.info-totalprice.attr-991 .row div[data-title], .info-totalprice.attr-991 .title2_number, .info-totalprice.attr-991 .title1_number {

    text-align: right;

}

.info-totalprice.attr-991 div[data-title]:before {

    content: attr(data-title)" ";

    display: inline-block;

    text-align: left;

    float: left;

}

}

@media (min-width:768px) {

    .block-data.order-review .list-product {

        padding-left: unset;

        padding-right: unset;

    }

    .info-totalprice .data-grid.title-text {

        padding-left: .5rem;

    }

}

@media (min-width:992px) {

.block-data.order-review .total {

    max-width: 100px;

}

.block-data.order-review ~ .info-totalprice .number:last-of-type {

    max-width: 100px;

}

.block-data.order-review .list-product .lincense-type {

    border: none;

}

.page-member .info-totalprice .total .number small {

    display: inline-block;

    letter-spacing: -1px;

}

}

@media (min-width:768px) and (max-width:991px) {

.block-data.attr-991 .info-review {

    padding-top: 1rem;

    padding-bottom: 1rem;

}

.block-data.attr-991 .title-text, .block-data.attr-991 .data-grid {

    padding: 0 .5rem;

}

}

/*選擇顯示邊框*/
.prod-box .product_change_border {

    border: 1px solid #ccc;

}

/*選擇顯示背景*/
.prod-box .product_change_background {

    background-color: #eee;

}

.explain-einvoice .title {

    border-bottom: none !important;

}

.explain-einvoice h4 {

    padding: 1rem 0 .5rem;

    color: #666;

    font-weight: bold;

}

.explain-einvoice .description {

    color: #666;

}

.explain-einvoice ol {

    padding-left: 1.2rem;

}

.page-column .column-box .context {

    color: #666666;

}

.page-column .column-box>div {

    height: 100%;

}

.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;

}

/*專欄文章內容頁*/
.page-column .content-title {

    font-size: 1.5rem;

}

/*專欄文章搜尋-側邊區塊*/
.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;

    }

}

/*右側商品名稱字體大小*/
.namebuy .product_name.name h1 {

font-size: 1.5rem;

}

/*商品名右側已銷售區塊*/
.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;

}

/*簡介*/
.block-product .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 .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 .color-icon-hyper {

border: 1px solid #e1e1e1;

border-radius: .2rem;

margin-right: .2rem;

margin-bottom: .2rem;

text-align: center;

display: block;

line-height: normal;

max-width: 40px;

padding: 1px;

}

.product-basic .product-info .standard .list-color .color-icon-hyper.color-icon-active {

border: 1px solid #333;

}

.product-basic .product-info .standard .list-standard .standard > div {

border: 1px solid #e1e1e1;

border-radius: .2rem;

min-width: 40px;

line-height: 1.5rem;

padding: 0.2rem 0.5rem;

color: #000000;

margin-right: .2rem;

margin-bottom: .2rem;

text-align: center;

max-width: 100%;

overflow: hidden;

}

.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;

}

/*價格*/
.product-basic .product-info .price2 .context {

text-decoration: line-through;

color: #666;

}

.product-basic .product-info .price3 .symbol, .product-basic .product-info .price3 .digital {

color: #f00;

font-size: 1.2rem;

line-height: 1rem;

}

/*預購說明*/
.product-basic .product-info .note-preorder {

white-space: normal;

display: block;

text-align: left;

line-height: 1.2rem;

}

/*加購商品-彈出式頁面*/
.page-addbuy-detail .introduction .context img {

max-width: 100%;

height: auto;

}

/*立即結帳與加入購物車置底*/
@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;

}

}

/*徽章區*/
.wg.tag.tag-marketing {

position: absolute;

z-index: 1;

width: 33%;

max-width: 100px;

max-height: 100%;

overflow: hidden;

}

.wg.tag.tag-marketing .tag-item.tag-img {

margin-bottom: .5rem;

}

/*商品明細頁*/
.product-basic .block-pictag {

position: relative;

display: inline-block;

}

/*position位置切換*/
.top-left {

left: 0;

text-align: left;

}

.top-right {

right: 0;

text-align: right;

}

.bottom-left {

bottom: 0;

left: 0;

text-align: left;

}

.bottom-right {

bottom: 0;

right: 0;

text-align: right;

}

.prod-box {

    position: relative;

    word-wrap: break-word;

    padding: 0.5rem !important;

}

.prod-box .product_box {

    height: 100%;

    border: 1px solid #efefef;

}

/*預購、加入追蹤及商品圖區塊*/
.prod-box .picture {

    text-align: center;

    position: relative;

}

/*預購圖*/
.prod-box .icon-preorder {

    position: absolute;

    z-index: 1;

}

/*加入追蹤區塊*/
.prod-box .track {

    position: absolute;

    z-index: 1;

    right: 0;

}

.btn-icon.track {

    text-align: right;

    padding: 0;

}

/*商品資訊區塊*/
.prod-box .info-box {

    padding: 1rem;

}

/*商品已銷售數量(訂購人數)*/
.prod-box .buyquantity .bg {

width: 100% !important;

background-repeat: no-repeat;

text-align: right;

}

.prod-box .info-box .buyquantity {

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 {

    cursor: pointer;

    border: 1px solid #ccc;

    border-radius: 5px;

    margin-right: .25rem;

    line-height: 30px;

    padding: 0 5px;


    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    text-align: center;

    min-width: 24px;

    max-width: 28px;

    overflow: hidden;

    white-space: nowrap;

    word-break: break-all;

    font-size: .9rem;

}

/*原價-促銷時顯示*/
.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;

}

.info-box .price3{

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: baseline;

    align-items: baseline;

}

/*商品價格與購物車-若價格與購物車水平呈現時*/
.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;

}

.prod-box .info-box .btnbar {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important;

    border-top: 1px solid #efefef;

}

@media (max-width: 767px) {

    /*商品box*/
    .prod-box {

        padding: 0rem 1.25rem;

    }

    /*商品資訊區塊*/
    .prod-box .info-box {

        padding: 0rem 0.5rem !important;

    }

}

.wg.visitors .title-text{

line-height:60px;

}

.page-order .block-add .use {

    -ms-flex-item-align: center !important;

    align-self: center !important;

}

.page-order .block-add .btn.btn-text {

    background-color: #333;

    color: #fff;

    width: 100%;

    text-align: center;

}

@media (min-width:768px) {

.page-order .block-add .btn.btn-text {

    padding: 10px 0;

}

}

/* 共用Style */
	.card-title {

		line-height: 1.5;

		font-family: 'Noto Serif TC', serif;

	}


	.card-title a {

		color: #000;

	}


	.block-full.page-column {

		width: 100%;

	}


	.card.hover:hover {

		background-color: #f7f7f7;

	}


	/* test */
	.page-link,
	.page-item.text.disabled span {

		color: #ccc !important;

		border: 0 !important;

	}


	.page-link:hover {

		transition: .5s;

	}


	.page-link:focus {

		box-shadow: unset;

	}


	.page-item.active .page-link {

		background-color: #000;

	}


	.card.hover:hover .image-link,
	.article-columns-mb-img {

		overflow: hidden;

		display: block;

	}



	.card.hover:hover .image-link img,
	.article-columns-mb:hover .article-columns-mb-img img {

		transition: 1s;

		transform: scale(1.1);

	}


	.card-body {

		position: relative;

	}


	.card-info {

		margin-bottom: .75rem;

	}


	#special_column_info_id_ajax .list-horizontal,
	#special_column_info_id_ajax .list-grid,
	#special_column_info_id_ajax .list-text {

		padding-top: 1rem;

	}


	.list-grid .card-body .border,
	.list-grid .card-info .border {

		padding: 0.2rem 0.7rem 0.3rem;

		border-radius: 0.25rem;

		display: inline-block;

	}


	.list-grid .card-body .border img {

		width: auto;

		max-height: 15px;

	}


	.list-horizontal .list-group-item,
	.list-text .list-group-item,
	.list-grid .list-grid-item {

		margin-bottom: 1rem;

		border-radius: .25rem;

		padding: 0.75rem;

	}


	.list-horizontal .list-group-item:hover,
	.list-text .list-group-item:hover,
	.list-grid .hover:hover,
	.list-group .list-group-item:hover {

		background-color: #f7f7f7;

	}


	.list-grid .list-grid-item .card {

		padding: 0;

		height: 100%;

	}



	.list-horizontal .list-group-item:hover .image-link,
	.list-grid .list-grid-item:hover .image-link {

		overflow: hidden;

		display: block;

	}


	.list-horizontal .list-group-item:hover .image-link img,
	.list-grid .list-grid-item:hover .image-link img {

		transition: 1s;

		transform: scale(1.1);

	}


	.list-horizontal .list-group-item {

		border: 1px solid #ccc;

		border-radius: 0.25rem;

	}


	/* 水平模式 */
	.list-horizontal .info {

		padding-left: 1rem;

	}


	.list-horizontal .list-group-item h5 {

		margin-bottom: .5rem;

	}


	.list-horizontal .date {

		border: 0 !important;

	}


	/* 網格模式 */
	.list-grid .list-grid-item {

		margin-bottom: 1rem;

		border-radius: .25rem;

		padding: 0.75rem;

	}


	.list-grid {

		margin-left: 0;

		margin-right: 0;

	}


	/* 卡片模式Style */
	.article-columns {

		column-gap: 0;

	}


	.article-columns .card-body h5 {

		font-size: 22px;

		margin-bottom: 7px;

	}


	.article-columns .card-info .date,
	.article-columns .author {

		font-size: 12px;

	}


	.article-columns-box {

		width: 100%;

		display: inline-block;

		padding: 5px;

	}


	.article-columns .card-body {

		margin-top: 10px;

		margin-bottom: 20px;

		padding: 0;

	}


	.article-columns .card-text,
	.article-columns .author .title-text {

		display: none;

	}


	.article-columns .author {

		position: absolute;

		left: 70px;

		bottom: 3px;

	}


	.article-columns .card-info .date {

		border: 0 !important;

	}



	.article-columns .card-img-top {

		border-radius: 0;

	}


	@media (min-width:768px) {

		.article-columns {

			display: inline-block;

			-webkit-column-count: 4;

			column-count: 4;

		}


		.article-columns-box {

			padding: 15px;

		}

	}


	@media (max-width:767px) {

		.article-columns .card-body h5 {

			font-size: 14px;

		}


		.article-columns .article-columns-mb .article-columns-mb-img {

			padding-right: 1rem !important;

			-ms-flex: 0 0 41.666667%;

			flex: 0 0 41.666667%;

			max-width: 41.666667%;

		}


		.article-columns .article-columns-mb .article-columns-mb-info {

			margin: 0;

			-ms-flex: 0 0 58.333333%;

			flex: 0 0 58.333333%;

			max-width: 58.333333%;

		}


		.article-columns .article-columns-mb {

			display: -ms-flexbox;

			display: flex;

			-ms-flex-wrap: wrap;

			flex-wrap: wrap;

			margin-right: 0;

			margin-left: 0;

		}


		.article-columns .article-columns-box:first-child .article-columns-mb {

			display: block;

		}


		.article-columns .article-columns-box:first-child .article-columns-mb .article-columns-mb-img,
		.article-columns .article-columns-box:first-child .article-columns-mb .article-columns-mb-info {

			-ms-flex: 0 0 100%;

			flex: 0 0 100%;

			max-width: 100%;

			min-height: 50px;

			padding: 0 !important;

		}


		.article-columns .article-columns-box:first-child .article-columns-mb .article-columns-mb-img {

			margin-bottom: 5px;

		}


		.article-columns .article-columns-mb .article-columns-mb-info .card-info {

			margin-bottom: 0;

			position: absolute;

			left: 0;

			bottom: 1px;

		}


		.article-columns-box {

			padding-bottom: 1rem !important;

			border-bottom: 2px solid #ccc;

			margin-bottom: 1rem;

		}

	}

/*網頁body架構*/
body, html {

    width: 100%;

    height: 100%;

    display: block;

}

body {

    font-family: "Microsoft JhengHei";

}

/*a 連結*/
a {

    color: #666;

}

a:hover {

    color: #000;

    text-decoration: none;

}

.red-font {

    color: #ff0000;

}

.blue-font {

    color: #0000ff;

}

/*nav 導覽區*/
.navbar-nav .nav-link {

    padding: 0.5rem 0.5rem;

}

.nav-link.nav-img {

    padding: 0;

}

.nav-img {

    display: block;

}

.nav-text {

    display: inline-block;

    padding: .5rem 1rem;

}

/*標題titlebar排版共用*/
.titlebar .select, .titlebar .input {

    margin-top: 4px;

    margin-bottom: 4px;

}

/*title內含控制按鈕項目-開/關 套用*/
.titlebar.control-bar {

    min-height: 28px;

}

/*頁面標題title*/
.title {

    margin-bottom: 1rem;

}

.title.title-img:not(.col-12), .title.title-text:not(.col-12) {

    border-bottom: 1px solid #eee;

}

.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-img {

    overflow-x: hidden;

    text-align: left;

}

.title.title-img .img-fluid {

    max-width: none !important;

}

.titlebar .title.title-img {

    margin-bottom: 0;

}

.fancybox-wrap .title.title-img .img-fluid {

    max-width: 100% !important;

}

@media (max-width: 767px) {

    .container-fluid {

        padding-left: 0;

        padding-right: 0;

        overflow: hidden;

    }

}

@media (min-width:992px) {

.fancybox-wrap {

    max-width: 768px;

}

.fancybox-inner {

    width: auto !important;

}

}

/*中間區塊內容*/
.block-full, .block-ae, .block-abc {

    padding-top: 1rem;

    padding-bottom: 1rem;

    background-color: #fff;

}

.block-e .content, .block-full .content {

    background-color: #fff;

    overflow: hidden;

}

.page-login .keyin, .page-login .explain {

    overflow: hidden;

}

/*滿版詳細頁面*/
.block-full.page.detail .mid {

    padding: 0 1rem;

}

@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;

    }

}

/*關鍵字搜尋按鈕呈現*/
.keyword_search .form-control {

    border-right: none;

    max-height: 38px;

}

.keyword_search .input-group-append {

    line-height: 1;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-left: none;

    border-top-right-radius: .25rem;

    border-bottom-right-radius: .25rem;

    overflow: hidden;

    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 {

    margin-top: 1.5rem;

    background-color: #f7f7f7;

}

.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;

}

.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;

    overflow: hidden;

    text-overflow: ellipsis;

    min-width: 3rem;

}

.block-data .data-list .data-grid {

    word-wrap: break-word;

    word-break: break-word;

}

.block-data .edit {

    padding: .5rem;

}

.block-data + div.info-totalprice {

    margin-top: 0;

}

.block-data + div.info-totalprice div[data-line]:not(.dividers) {

    border-bottom: 1px solid #ccc;

}

.block-data + div.info-totalprice div[data-line]:last-of-type {

    border: none;

}

.info-totalprice .title-text, .info-totalprice .data-grid {

    padding-left: .5rem;

    padding-right: .5rem;

}

@media (min-width:576px) {

.block-data + div.info-totalprice div[data-line]:not(.dividers) {

    border-bottom: none;

}

.block-data + div.info-totalprice .explain-inline {

    padding: 0 .5rem;

}

}

/*資料列表呈現 無data-list版*/
.block-data>.data-grid {

    border-top: 1px solid #eee;

}

/*錢*/
.block-data .money {

    text-align: right;

}

@media (min-width:768px) {

    .block-data .title-text, .block-data .data-grid {

        padding: .5rem;

    }

    .block-data .data-list + .data-list .data-grid {

        border-top: 1px solid #eee;

    }

    .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;

    }

/*結帳頁訂購商品之後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;

    }

    .block-data .data-list {

        border-bottom: 1px solid #eee;

        padding: 0.5rem .5rem 1rem;

    }

    .block-data > .row {

        padding-left: 1rem;

        padding-right: 1rem;

    }

    .block-data .list-product .pic {

        padding-right: .5rem;

    }

}

@media (min-width:768px) and (max-width:991px) {

.block-data .title-text, .block-data .text, .block-form {

    font-size: .9rem;

}

.block-data .data-grid.number {

    font-size:.8rem;

}

}

/*資料列表標題titlebar展開收合*/
.block-data .titlebar:after {

    display: block;

    clear: both;

    content: "";

}

.block-data .titlebar .btn.btn-img, .block-form .titlebar .btn.btn-img {

    float: right;

}

/*資料列表呈現 如表格表單from*/
.block-form {

    margin-top: 1.5rem;

    background-color: #f7f7f7;

    padding-bottom: .1rem;

}

.block-form .titlebar {

    background-color: #dedcdc;

    padding: 0.5rem 1rem;

    color: #000;

    font-size: 1.3rem;

    margin-bottom: 1rem;

}

.form-group.password {

    font-weight: normal;

}

.block-form .form-group .btn {

    padding-top: .3rem;

    padding-bottom: .3rem;

}

@media (min-width:768px) {

.block-form .form-group {

    padding-left: .5rem;

    padding-right: .5rem;

}

}

/*資料列表呈現 如表格表單from-注意表單*/
.block-form.note-check {

    background-color: #eee;

    padding: 1rem;

}

/*文章列表呈現*/
.list-column {

    margin-bottom: 1rem;

}

/*商品列表呈現*/
.list-prod {

    padding: 0;

}

.list-prod li {

    list-style: none;

}

@media (max-width:767px)  {

.block.block-form {

    margin-top: 1rem;

}

.block-form .titlebar {

    margin: 0;

}

.block-form .titlebar ~ div {

    padding-left: 1rem;

    padding-right: 1rem;

}

}

/*橫式列表呈現*/
.altrow1 + .altrow1, .altrow1 + .altrow2,.altrow2 + .altrow1 {

    /*border-top: 1px solid #eee;
與.data-list .data-grid打架先拿掉*/
}

.altrow2 {

    background-color: #fff;

}

/*商品模組*/
.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%;

}

/*資訊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;

}

/*預設選單滑動效果*/
@media (max-width:767px) {

    .block-nav .js-nav-display {

        width: calc(80% - 30px);

    }

    .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%);

    }

}

@media (min-width:768px) and (max-width:991px) {

    .block-nav .js-nav-display {

        width: 50%;

    }

    .block-header.block-slide > div, .block-nav.block-slide .wg.menu-simple {

        transform: translate(50%);

        -ms-transform: translate(50%);

        -moz-transform: translate(50%);

        -webkit-transform: translate(50%);

        -o-transform: translate(50%);

    }

}

@media (max-width:991px) {

    /*rwd漢堡式選單-滑動呈現（新功能）*/
    .block-nav .js-nav-display {

        position: fixed;

        top: 0;

        left: 0;

        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;

    }

}

.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;

}

.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.orderrecord .search-order div:first-of-type{

display: none;

}

.page-member.orderrecord .block-data.main-sub .btn-img ~ a {

float: none;

display: block;

margin-top: .3rem;

}

}

.block-box.page {

    padding-top: 1rem;

    max-width: 600px;

    min-height: 300px;

}

@media (max-width:797px) {

    .block-box.page {

        padding-left: .5rem;

        padding-right: .5rem;

    }

}

@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 .common-receiver {

    margin-top: .5rem;

}

.page-order .common-receiver .card-header {

    background-color: rgba(0, 0, 0, .03);

    padding: .5rem .5rem .2rem;

    font-size: .9rem;

}

.page-order .common-receiver .btn-close {

    text-align: right;

    cursor: pointer;

}

.page-order .common-receiver .title-list {

    padding: 0 .5rem;

}

.page-order .common-receiver .title-list .title-text {

    padding: 0;

    font-size: .9rem;

}

.page-order .common-receiver .title-list~div {

    padding: .5rem .5rem 0;

}

.page-order .common-receiver .data-grid {

    line-height: 1;

    font-size: .9rem;

}

.page-order .common-receiver .altrow2{

    background-color: #f7f7f7;

}

.page-order .common-receiver .btn {

    margin-bottom: 2px;

}

@media (max-width: 767px) {

    .page-order .common-receiver .data-grid:before {

        content: attr(data-title) " ";

        width: 25%;

        height: 100%;

        display: inline-block;

        text-align: left;

        float: left;

    }

}

@media (min-width:768px) and (max-width:1199px) {

    .page-order .common-receiver .btn {

        padding-left: .5rem;

        padding-right: .5rem;

    }

}

/*收件人資料-指定到貨*/
.page-order .common-receiver .context button {

    background-color: #eee;

    color: #000;

}

/*0指定為隱藏*/
body[data-show-header-footer="0"] header.navbar, body[data-show-header-footer="0"] nav.block-nav, body[data-show-header-footer="0"] footer.rwd-inc, body[data-show-header-footer="0"] .wg.bn.bn-top, body[data-show-header-footer="0"] .outside_jump {

    display: none !important;

}

/*一般刷卡完成頁*/
.page-finish.creditcard .block-data .title-text {

    padding-right: 0;

}

body:not([data-show-header-footer="0"]) .page-finish.creditcard .btnbar .goindex {

	display: none;

}

@media (max-width:767px) {

	.page-finish.creditcard .block-data .edit.explain img[title="order_finish_anti_fraud"] {

	    content: url(//fs1.shop123.com.tw/demoa6/upload/harddisc/demoa60_file_449080114162021032601.jpg);

	    display: block;

	    margin: 1rem auto 0;

	}

}

/*pay刷卡完成頁*/
@media (max-width:767px) {

	body[data-show-header-footer="0"] .page-finish.creditcard .start, body[data-show-header-footer="0"] .page-finish.creditcard .end {

	    display: none;

	}

	body[data-show-header-footer="0"] .page-finish.creditcard .mid {

	    background-image: none !important;

	}

}

body[data-show-header-footer="0"] .page-finish.creditcard .btnbar .record {

	display: none;

}

/* T52:2022-06-23 10:51:23 */