@media (min-width:992px) {

#nav-top .navbar-nav .buy-info .info-group {

    display: none;

}

#nav-top .navbar-nav .keyword_search .input-group-append {

    /*border: none;
*/
    /*background: transparent;
*/
}

/*#nav-top .navbar-nav .keyword_search {

    width: 162px;

}
*/
}

#google_translate_element {

    margin-right: 1rem;

}

#google_translate_element .goog-te-gadget-simple {

    border: none;

}

#google_translate_element .goog-te-gadget-icon {

    content: url(https://dl.dropboxusercontent.com/s/201fqorqjpd7wf0/earth.png);

    background-image:none !important;

}

#google_translate_element .goog-te-gadget-icon~span {

    display: none;

}

@media (min-width:992px) and (max-width:1529px) {

#google_translate_element {

    /*width: 8vw;
*/
}

.goog-te-gadget-simple {

    /*width: 8vw;
*/
}

.goog-te-menu-value {

    font-size: 0.2vw;

}

}

.block-g .carousel-indicators.carousel-outside.list.list-group-tag {

    width: auto!important;

    display: block;

    float: right;

    position: relative;

    margin: 15px 0px 0px 0px;

}

.block-g #full_top_mq3 .list-tag-item {

    float: left;

    list-style: none;

    width: 25px!important;

    height: 25px;

    font-size: 0px;

    line-height: 0px;

}

.block-g #full_top_mq3 .list-tag-item.active {

    background: url(https://dl.dropboxusercontent.com/s/aahmexddwmjv44f/lion.png) left top no-repeat;

    
}

.block-g #full_top_mq3 .list-tag-item {

    background: url(https://dl.dropboxusercontent.com/s/7v6a5w2fqcsejik/lioff.png) left top no-repeat;

}

.block-g #full_top_mq3 .list-tag-item.active #li_arrow {

    display: none;

}

.block-g #full_top_mq3 .list-tag-item .text span {

    display: none;

}

.carousel-control-next, .carousel-control-prev {

    opacity: 1!important;

}

.carousel-control-next-icon {

    background-image: url(//fs1.shop123.com.tw/400403/upload/harddisc/400403_file_5ebcda16b10c8_49524.png);

}

.carousel-control-prev-icon {

    background-image: url(//fs1.shop123.com.tw/400403/upload/harddisc/400403_file_5ebcda168ba70_53737.png);

}

.carousel-control-next-icon, .carousel-control-prev-icon {

    height: 28px;

    opacity: 0.5;

}

@media (min-width:992px) {

.carousel-control-next {

    justify-content: flex-end;

}

.carousel-control-next-icon {

    margin-right: 1rem;

}

.carousel-control-prev {

    justify-content: flex-start;

}

.carousel-control-prev-icon {

    margin-left: 1rem;

}

}

@media (min-width: 992px) {

.block-ae .prod-c1 .col-lg-4 {

    flex: 0 0 20%;

    max-width: 20%;

}

}

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

.block-ae .prod-c1 .col-6 {

    flex: 0 0 25%;

    max-width: 25%;

}

}

@media (max-width: 575px) {

.block-ae .prod-c1 .col-6 {

    flex: 0 0 50%;

    max-width: 0 0 50%;

}

}

.prod-box .product_box {

    height: 100%;

    border: 0px solid #efefef;

}

.prod-box .info-box {

    text-align: left;

}

.prod-box .info-box .price-addcart {

    justify-content: center;

}

@media (max-width:991px) {

.alasha-left-ad {

    display: none;

}

}

.alasha-left-ad {

    z-index: 9999;

}

.rwd-inc {

    
}

.wg.bn.bottom>.static.edit:nth-of-type(2)>table {

    width: 100%;

}

.wg.bn.bottom>.static.edit:nth-of-type(2)>table>tbody>tr>td>table>tbody>tr>td:nth-of-type(2) {

    padding: 0!important;

}

@media (max-width:991px) {

.wg.bn.bottom>.static.edit:nth-of-type(2) iframe {

    width: 100%!important;

}

}

@media (min-width: 576px) {

.prod-box {

    max-width: 180px!important;

    
    padding: 0.5rem 0.8rem !important;

}

}

.div_name {

    color: #595959;

    font-size: 12px;

    font-family: "Arial","Verdana","新細明體";

    line-height: 15px;

}

.info-box {

    padding:0!important;

}

.info-box .price3 {

    display: flex;

    flex-direction: row;

    font-size: 14px;

    align-items: center;

}

.info-box .price3 .discount-digital {

    width: 50%;

}

.info-box .price3 .price-addcart {

    width: 50%;

}

.prod-box .info-box .name {

    min-height: 2rem!important;

}

@media (min-width: 1390px) {

.prod-box {

    margin: 0 0.8rem;

}

}

@media (min-width: 992px) {

.block-full, .block-ae, .block-abc {

    width: 80%;

    margin: auto;

}

.page-category #right_side2, .page-index #middle_side_B {

    /*margin: 0 5rem;
*/
    margin: 0 auto;

}

.page-category #right_side2 .prod-list.category .list-prod {

    /*padding-left: 5rem;
*/
}

.page-index .xs-nav-sort-4 .wg.prod-new.store {

    /*padding-left: 5rem;
*/
}

.wg.prod-new.store .list-prod, .prod-list.category .list-prod {

    width: calc(100% - 15rem);
/*調整商品列左右間距*/
    /*-ms-flex-pack: center;
*/
    /*justify-content: center;
*/
    margin: auto;

}

}


.breadcrumb {

    background: #fff;

}

.wg.list-store .nav-1st-select a {

    padding-left: 0;

}

.wg.list-store .d-flex {

    justify-content: center;

}

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

    padding-left: 0;

}

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

    padding-left: 0!important;

}

.nav-item.product-directory a {

    padding: 0.5rem 0;

    text-align: center;

}

.nav-1-ul .nav-1st, .nav-1-ul .nav-1st-select {

    color: #57524C;

    font-size: 16px;

    font-weight: bold;

}

.page-product {

    max-width: 745px;

    margin: 0 auto;

}

.product-basic .namebuy h4 {

    color: #625e58;

    font-size: 16px;

    font-weight: bold;

}

.product-basic .introduction .title-text {

    display: none;

}

.product-basic .number .title-text {

    opacity: 0;

}

.product-basic .number .context {

    color: #6e6e6e;

    font-size: 14px;

}

.product-basic .number .context::before {

    content: "商品編號：";

    color: #6e6e6e;

    font-size: 14px;

}

.product-basic .price3 .title-text {

    display: none;

}

.product-basic .standard .title-text {

    max-width: 40px;

    font-size: 14px;

    color: #6e6e6e;

}

.product-basic .price3 .context {

    background: url(https://dl.dropboxusercontent.com/s/5xyqmdcxru5bg5p/product_price_bg.png) 3px bottom no-repeat;

}

.product-basic .price3 .context span {

    color: #625E58!important;

    font-size: 16px!important;

    font-weight: bold;

    letter-spacing: 1px;

    padding: 0px 0px 0px 0px;

}

.product-tagexplain .list-tag {

    justify-content: center;

}

.product-tagexplain {

    margin-top: 120px;

}

.product-recommend .title-img {

    border-bottom: 0px solid #eee!important;

}

.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-slide .carousel-control-next:hover, .list-slide .carousel-control-prev:hover {

    background-color: unset !important;

}



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

        margin: 0;

        padding: 0;

    }

    .page-chooseinside .explain-choose .col-12 {

        padding: 1rem 0;

        border-bottom: 1px solid #eee;

    }

    .page-chooseinside .explain-choose .col-12:first-of-type {

        padding: 0;

    }

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

    }

}



/*20220420修改*/

/* 專欄文章日期隱藏 */
#middle_wrapper small.text-muted.border.date {

    display: none;

}


/* 分類隱藏 標題靠左對齊 */
#middle_wrapper h6.col-12.col-md.title-text {

   display: none;

}


#middle_wrapper h5.col-12.col-md.title-text {

    font-weight: bold;

}


/* 專欄文章標題圖靠左對齊 */
#right_side2 .title.title-img.column {

    text-align: left;

}


/* 作家隱藏 */
p.content-text.author {

    display: none;

}


/*手機板圖片在上文字在下*/
@media (max-width:767px){

   .list-group-item .col-5.col-md-3{

       flex: unset;

        max-width: unset;

   }

   
   .list-group-item .col-7.col-md.info {

    flex: unset;

    max-width: unset;

    margin-top: 20px;

}

/*文章內頁*/
div#middle_wrapper {

    padding: 0 5%;

}


#middle_wrapper h1.content-title {

    font-weight: bold;

}

}


/*文章內頁*/
/*分類隱藏*/
#special_column_info_id_ajax>.titlebar.detail {

    display: none;

}


/*文章標題*/
#special_column_info_id_ajax .content-header {

    margin-bottom: 30px;

}


#special_column_info_id_ajax>.row.prev-next {

    justify-content: center;

}


/*上下一頁按鈕位置*/
#special_column_info_id_ajax .col-12.col-lg-6.prev {

    flex: unset;

    max-width: unset;

    width: unset;

    margin-right: 20%;

}

#special_column_info_id_ajax .col-12.col-lg-6.next {

    flex: unset;

    max-width: unset;

    width: unset;

    margin-left: 20%;

}


#special_column_info_id_ajax .row.prev-next {

    justify-content: center;

}


/*推薦商品置中*/
#special_column_info_id_ajax .row.no-gutters.list-prod {

    justify-content: center;

}


@media (max-width:385px){

   #special_column_info_id_ajax .col-12.col-lg-6.next {

    margin-left: unset;

}
 
   #special_column_info_id_ajax .col-12.col-lg-6.prev {

    margin-right: unset;

}
 
}

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

    }

}

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

}

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

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

    padding: .75rem 1rem;

}

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

    text-align: right;

    cursor: pointer;

}

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

    padding: 0 1rem;

}

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

    padding: 0.5rem 0;

}

@media (min-width: 768px) {

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

        padding: 1rem;

    }

}

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

    }

}

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

    background-color: #eee;

    color: #000;

}

.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: 68px;

}


/*往下箭頭*/
.toolbox__container.toolbox__container--right .toolbox__item.d-flex {

    display: none !important;

}

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

    }

}

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

    padding-bottom: 0;

    font-size: .9rem;

}

/*各欄位之子項目*/
.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;

}

/*##設為不可選取狀態*/
.wg.btnlist-link.bottom .nav-link[href="https://www.alasha.com.tw/##"] {

    padding: 0;

    line-height: 0;

    pointer-events: none;

}

.wg.btnlist-link.bottom .nav-link[href="##"] {

    pointer-events: none;

}

@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.btnlist-link.bottom .nav-item:nth-of-type(4) ~ .nav-item {

        display: none;

    }

}

@media (min-width:768px) {

.wg.btnlist-link.bottom .dividers:nth-of-type(4),.wg.btnlist-link.bottom .dividers:nth-of-type(12) {

    padding-left: 3rem;

}

}

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

    color: #000;

}

.wg.list-store .nav-1st-select a {

    padding-left: 0rem;

}

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

}

@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: 0px 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-bgpink:empty {

    background-color: transparent;

}

/*標籤-商品數量*/
.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%;

}

}

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

    }

    .block-header .ham-menu .storelogo {

        text-align: center;

    }

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

        max-height: 9.5vmax;

        max-width: 100%;

        height: auto;

        width: auto;

    }

}

.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 .mem-or-om-main-memlev {

    display: none;

}

/*會員中心-選單頁*/
.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: 100%;

        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: 60px;

    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.form-search.choose .search_more_link {

    display: none;

}

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

    padding-top: 0;

    padding-bottom: 0;

    font-size: .8rem;

    margin: 0;

}

/*圓弧框*/
.wg.form-search.choose .keyword_search .form-control {

    border-top-left-radius: 1.5rem;

    border-bottom-left-radius: 1.5rem;

    font-size: .9rem;

    padding-top: .2rem;

    padding-bottom: .2rem;

    max-height: 30px;

}

.wg.form-search.choose .input-group-append {

    border-top-right-radius: 1.5rem;

    border-bottom-right-radius: 1.5rem;

    max-height: 30px;

}

/*移到館別列*/
.block-header .c2 .collapse {

    position: relative;

    z-index: 1001;

}

.block-header .c2 .wg.btnlist-link.top>ul {

    position: absolute;

    right: 0;

}

@media (max-width:1199px) {

    .block-header .c2 .wg.btnlist-link.top>ul {

    top: -1.5rem;

}

}

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

    opacity: 1;

    text-align: left;

}

@media (min-width: 992px) {

    .dropmenudiv {

        /*visibility: hidden;
*/
        position: absolute;

        z-index: 1000;

        width: auto;

        min-width:120px;

        border-radius: 0;

        overflow: hidden;

    }

}

@media (max-width: 991px) {

    .dropmenudiv .menu-main .nav-item {

        padding-left: 0;

    }

}

/*兩階層水平次分類*/
.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: 0px solid #000;

    background-color: #e9ebee;

}

.menu-store .nav-link {

    color: #000;

}

.menu-store .menu-main {

    border-top: 0px 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: none;

    }

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

    }

}

.prod-box {

    position: relative;

    word-wrap: break-word;

    padding: 0.5rem !important;

}

.prod-box .product_box {

    height: 100%;

    border: 0px 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 .info-box .buyquantity {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

    border-bottom: 1px solid #efefef;

    padding-bottom: 0.25rem;

    margin-bottom: 1rem;

}

.prod-box .info-box .buyquantity .bg {

    line-height: 1.1rem;

}

/*商品名稱區塊*/
.prod-box .info-box .name {

    min-height: 3rem;

}

/*商品規格與數量區塊*/
.prod-box .info-box .standard, .prod-box .info-box .quantity {

    min-height: 2.5rem;

    line-height: 2.5rem;

}

/*商品規格-列表顯示*/
.prod-box .icon-standard .item {

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    text-align: center;

    min-width: 24px;

    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;

}

/*商品價格與購物車*/
.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;

    }

}

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

    }

}

/*網頁body架構*/
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 0.5rem;

}

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

    }

}

.product-tagexplain {

    margin-bottom: 1rem;

}

/*說明欄位-tag*/
.product-tagexplain .list-tag div {

    text-align: center;

}

.product-tagexplain .explain-edit {

    min-height: 250px;

    padding: 1rem;

    border: 0px 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: #fff;

        padding: 5px;

        border: 1px solid #fff;

        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;

}

}

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

}

.block-data.scroll {

    overflow-x: auto;

}

.block-data .titlebar {

    background-color: rgb(255,255,255,0);

    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: #fff;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    min-width: 3rem;

}

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

    word-wrap: break-word;

    word-break: break-all;

}

.block-data .edit {

    padding: .5rem;

}

.block-data + div.info-totalprice {

    margin-top: 0;

}

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

    padding-left: .5rem;

    padding-right: .5rem;

}

/*錢*/
.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: 0px 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: #fff;

    padding-bottom: .1rem;

}

.block-form .titlebar {

    background-color: #fff;

    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: 1001;

        cursor: pointer;

    }

    .block-nav .js-nav-display ,.block-bgtoggle {

        transform: translate(0);

        -ms-transform: translate(0);

        -moz-transform: translate(0);

        -webkit-transform: translate(0);

        -o-transform: translate(0);

    }

    .block-nav > .collapse, .block-nav>.navbar>.collapse, .block-bgtoggle .collapse {

        transform: translate(-100%);

        -ms-transform: translate(-100%);

        -moz-transform: translate(-100%);

        -webkit-transform: translate(-100%);

        -o-transform: translate(-100%);

        display: block;

    }

    .block-header ,.block-nav {

        width:100%;

        overflow:hidden;

    }

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

        transition: 1s;

        -webkit-transition: 1s;

    }

}

/*頁面標頭*/
.block-header > .col-12.col-md-9 {

    /*-ms-flex-item-align: start !important;

    align-self: flex-start !important;
*/
}

.wg.btnlist-link.header {

    padding-bottom: 0;

}

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

}

}

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

}

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

    }

}

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

    -ms-flex-align: center !important;

    align-items: center !important;

}

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

}

.info-totalprice {

    background-color: #fff;

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

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

    border-bottom: 1px solid #eee;

}

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

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

        padding-left: .5rem;

    }

}

@media (min-width:992px) {

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

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

}

}

.page-member.details .list-product .lincense-type {

    border-bottom: 1px solid #eee;

}

@media (min-width:1200px) {

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

    padding-left: 0;

    padding-right: 0;

}

.block-nav .menu-vh {

    max-width: 1280px;

    margin: auto;

}

}

@media (min-width:1531px) {

#nav-top .navbar-nav {

    justify-content: space-around!important;

}

#nav-top>.d-lg-inline-block.top {

    width: 1200px;

}

}

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

#header-bar .navbar-nav .storelogo img {

    width: 320px;

}

}

@media (max-width:767px) and (min-width:570px) {

#header-bar .navbar-nav .storelogo img {

    width: 270px!important;

    max-width: 270px!important;

}

#header-bar .navbar-nav .storelogo {

    max-width: 270px!important;

}

}

@media (max-width:569px) {

#header-bar .navbar-nav.ham-menu .toggle img {

    width: 45px!important;

}

#header-bar .navbar-nav .storelogo {

    max-width: 50vw!important;

}

#header-bar .navbar-nav .storelogo img {

    max-width: 50vw!important;

}

}

@media (max-width:991px) {

#header-bar .navbar-nav .storelogo {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    height: fit-content;

}

#header-bar .navbar-nav {

    position: relative;

    min-height: 100px;

}

#header-bar .navbar-nav .btn-store {

    position: absolute;

    left: 2%;

}

#header-bar .navbar-nav .btn-header {

    position: absolute;

    left:10%;

}

#header-bar .navbar-nav .btn-top {

    position: absolute!important;

    left: 10%;

}

#header-bar .navbar-nav .btn-search {

    position: absolute!important;

    right: 10%;

}

#header-bar .navbar-nav.ham-menu .btn-car {

    position: absolute!important;

    right: 2%;

}

}

@media (max-width:991px) {

.block.block-f .wg.bn.bn-static.bottom .static:nth-of-type(2)>table {

    display: none;

}

}

.page-order.payment .payment_order_member_table.order-info {

    padding: 1rem;

}

.page-order.payment .bn-payment>img {

    width: 100%;

}

.page-order.payment .order-review {

    border: 1px solid #ccc;

    border-radius: 15px 15px 0 0;

    border-bottom: 0px solid #ccc;

}

.page-order.payment .info-totalprice {

    border: 1px solid #ccc;

    border-radius: 0 0 15px 15px;

    border-top: 0px solid #ccc;

}

.page-order.payment .block-data .titlebar {

    background-color: rgb(255,255,255)!important;

    transform: translate(10px, -25px);

    width: fit-content;

    padding-left: 0;

    margin-left: 0.5rem;

}

.page-order.payment .payment_order_product_table.block-add.oddElem {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_product_table.block-data.block-freight {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_product_table.block-data.block-pay {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_member_table.block-data.block-notice {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_member_box.block-form.orderer {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_member_box.block-form.receiver {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .payment_order_member_table.block-form.block-note {

    border: 1px solid #ccc;

    border-radius: 15px;

}


.page-order.payment .block-form .titlebar {

    background-color: #fff!important;

    transform: translate(10px, -25px);

    width: fit-content;

    padding-left: 0;

    margin-left: 0.5rem;

}

.page-order.payment .block-form {

    border: 1px solid #ccc;

    border-radius: 15px;

}

@media (max-width:767px) {

.page-product .standard .select2 .form-control {

    width: 70%;

}

}

.product-basic .product-pic .list-prod {

    justify-content: center;

}

.product-basic .product-pic .list-prod>.item.prod-small-img {

    max-width: 60px;

    margin: 0 1rem;

}

.page-product .product-info>.number>.title-text {

    display: none;

}

.page-product .product_info_tag_on {

    color: #202375;

    font-weight: bold;

}

.page-product .product-detail .product-recommend {

    max-width: 850px;

    margin: 0 auto;

}

.page-order.payment .order-review .title-list {

    display: none!important;

}

.product-staratoshpere.lincense-type {

    display: none!important;

}

.order-review .staratoshpere {

    display: none!important;

}

.page-order.payment .order-review .list-product .product-staratoshpere.lincense-type {

    display: none!important;

}

.page-order.payment .order-review .list-product .product-staratoshpere.lincense-type {

    display: none!important;

}

.info-totalprice>.d-lg-block.col-1 {

    display: none!important;

}

.page-order.payment .order-review .list-product .info-review .product-unit-price {

    /*display: none!important;
*/
}

.page-order.payment .data-grid.use .input.input-button {

    border: 1px solid #999;

}

@media (min-width:768px) {

.info-totalprice>.col-lg .col-md-2.amount {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

}

}

.outside_jump .fixed-top .popout-addproduct .item.mid1 {

    display: none;

}

.outside_jump .fixed-top .popout-addproduct .item.end {

    display: none;

}

.page-index .prod-c1 .list-prod {

    justify-content: center;

}

.title.title-img {

    text-align: center;

}

.title.title-img.login, .explain.explain-login>.title.title-img.law {

    text-align: left;

}

.title.title-img.inquiryrecord>img {

    width: 205px;

}

@media (min-width:768px) {

.alasha_location>tbody>tr {

    display: flex;

    flex-direction: row;

}

}

@media (max-width:767px) {

.alasha_location>tbody>tr {

    display: flex;

    flex-direction: column;

}

.alasha_location .local_left_menu {

    padding-bottom: 0!important;

}

.alasha_location>tbody>tr>td:nth-of-type(3) {

    padding: 0!important;

    width: 100%!important;

}

.alasha_location>tbody>tr>td:nth-of-type(3)>table>tbody>tr>td:nth-of-type(1) {

    width: 40%!important;

    text-align: left!important;

    padding-left: 1.8rem;

}

.alasha_location>tbody>tr>td:nth-of-type(3)>table>tbody>tr>td:nth-of-type(2) {

    width: 60%!important;

}

.alasha_location>tbody>tr>td:nth-of-type(3)>table {

    width: 100%!important;

}

.alasha_location {

    width: 100%!important;

    min-width: 98%!important;

}

}

@media (max-width:1200px) {

.page.page-web #right_side2 .border-bg .edit-context>table>tbody>tr>td>table>tbody>tr {

    display: flex;

    flex-direction: column;

}

.page.page-web #right_side2 .border-bg .edit-context>table>tbody>tr>td>table>tbody>tr>td:nth-of-type(3) {

    width: 100%!important;

}

.page.page-web #right_side2 .border-bg .edit-context>table>tbody>tr>td>table>tbody>tr>td:nth-of-type(3)>iframe {

    width: 100%!important;

}

.page.page-web #right_side2 .border-bg .edit-context>table>tbody>tr>td>table {

    width: 100%!important;

}

.page.page-web #right_side2 .border-bg .edit-context>table {

    margin: 0 auto;

    min-width: 98%;

}

}

.order-info .orderer.oddElem .header.titlebar {

    background-color: rgb(255,255,255)!important;

    transform: translate(10px, -25px);

    width: fit-content;

    padding-left: 0;

    margin-left: 0.5rem;

}

.order-info .receiver.oddElem .header.titlebar {

    background-color: rgb(255,255,255)!important;

    transform: translate(10px, -25px);

    width: fit-content;

    padding-left: 0;

    margin-left: 0.5rem;

}

.block-note.evenElem .header.titlebar {

    background-color: rgb(255,255,255)!important;

    transform: translate(10px, -25px);

    width: fit-content;

    padding-left: 0;

    margin-left: 0.5rem;

}

@media(max-width:403px) {

.page-order.payment .titlebar.data>span {

    font-size: 0.8rem;

}

}

.page-register .border-bg.mid iframe {

    padding: 1rem;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-479>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/wb6w1gx2817y5an/alasha_c01.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-480>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/fqj3v5u3uuqr79n/alasha_c02.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-481>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/qs84ydd0dvrt8ez/alasha_c03.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-category .xs-nav-sort-5 .product-directory .arem1-479>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/wb6w1gx2817y5an/alasha_c01.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-category .xs-nav-sort-5 .product-directory .arem1-480>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/fqj3v5u3uuqr79n/alasha_c02.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-category .xs-nav-sort-5 .product-directory .arem1-481>a {

    padding-left: 0;

    background: url(https://dl.dropboxusercontent.com/s/qs84ydd0dvrt8ez/alasha_c03.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page.page-faq .xs-nav-sort-5 {

    display: none!important;

}

@media (max-width: 991px) {

#nav-top .navbar-nav .nav-item:nth-of-type(9)>a>img {

    content: url(//fs1.shop123.com.tw/400403/upload/harddisc/400403_file_5eb3cbe7e88f4_58594.png);

}

#nav-top .navbar-nav .nav-item>a>img {

    padding-left: 0.5rem;

}

}

.page-member .member_center_detail.list-directory .nav-text {

    padding: .5rem 0.4rem!important;

    line-height: 16px;

    
}

.page-member .member_center_detail.list-directory .nav-link {

    padding: .5rem 0.4rem!important;

    line-height: 16px;

}

.page.page-member .list-product .show_prodcut_pic_table {

    width: 100%;

}

.page.page-member .list-product .show_prodcut_pic_table img {

    width: 85px;

}

@media (max-width:430px) {

.page-order.payment .block-freight.oddElem .collapse .data-list.altrow1 .data-grid.text>input {

    font-size: 0.8rem;
    
}

}

@media (max-width:991px) {

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(1) .nav-link.nav-img::before {

    content: "a la sha";

    font-size: 21px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(2) .nav-link.nav-img::before {

    content: "a la sha +a";

    font-size: 21px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(3) .nav-link.nav-img::before {

    content: "本週新品";

    font-size: 21px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(4) .nav-link.nav-img::before {

    content: "獨家商品";

    font-size: 21px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(5) .nav-link.nav-img::before {

    content: "最新消息";

    font-size: 21px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown:nth-of-type(6) .nav-link.nav-img::before {

    content: "LOOKBOOK";

    font-size: 20px;

    line-height: 2.4rem;

    padding-left: 0.8rem;

    color: #143168;

}

#web-nav .border-img.center .navbar-nav .js-dropdown .nav-img img {

    display: none;

}

#web-nav .js-dropdown .dropmenudiv .category_list .nav-item .nav-link {

    font-size: 18px;

    padding-top: 2px;

    padding-bottom: 2px;

}

}

.page.page-web .edit-context {

    padding-left: 1rem;

    padding-right: 1rem;

}

.page.page-web .content .titlebar {

    padding-left: 1rem;

}

@media (max-width:991px) {

#nav-top .navbar-nav .nav-item:nth-of-type(4) .nav-link.nav-img::before {

    content: "會員登入";

    font-size: 16px;

    line-height: 2.4rem;

    padding-left: 0.5rem;

    color: #000;

}

#nav-top .navbar-nav .nav-item:nth-of-type(4) .nav-link.nav-img img {

    display: none;

}

#nav-top .navbar-nav .info-group {

    display: none;

}

}

.page-category .xs-nav-sort-5 .product-directory .arem1-1038>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_460342358172018091823.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-category .xs-nav-sort-5 .product-directory .arem1-1337>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_323200056172018091800.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-category .xs-nav-sort-5 .product-directory .arem1-1341>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_242623156172018091831.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-1038>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_460342358172018091823.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-1341>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_242623156172018091831.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-index .xs-nav-sort-5 .product-directory .arem1-1337>a {

    padding-left: 0;

    background: url(//fs1.shop123.com.tw/400403/upload/harddisc/4004030_file_323200056172018091800.png) center center no-repeat;

    height: 40px;

    display: block;

    width: auto;

    text-align: left;

    font-size: 0px;

    line-height: 0px;

    min-width: 80px;

}

.page-order.payment .block-data:first-child{

    margin-top:1.5rem !important;

}

.page-order.payment .block-data{

    margin-top:2.5rem;

}

.page-order.payment .block-data.oddElem {

    border: 1px solid #ccc;

    border-radius: 15px;

}

.page-order.payment .block-data.evenElem {

    border: 1px solid #ccc;

    border-radius: 15px;

}

@media (min-width:768px){

.page-order.payment .order-info .block-form:first-child{

padding-right:.5rem;

}

.page-order.payment .order-info .block-form:last-child{

padding-left:.5rem;

}

}

@media (max-width:991px){

#mobile-navbar-nav .tag-link a{

    font-size: 21px;

    color:#143168 !important;

}
    
.wg.btnlist-link.top ul {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    flex-direction: unset;

}

.wg.btnlist-link.top .nav-link {

    border-radius: 5px;

    margin: 0rem .25rem .25rem 0rem;

}

}


video::-webkit-media-controls-enclosure {

display: none;

}

.zindex-1 {

    z-index: 1;

}

.lineheight-0 {

	line-height: 0;

}

/* video */
.main-video {

  width: 100%;

}

.main-video-content {

  position: absolute;

  line-height: 1.5;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  color: #ffffff;

}

.video .title-size {

	font-size: 28px;

}

@media (min-width: 768px) {

	.video .title-size {

		font-size: 39px;

	}

}

.video .subtitle-size {

	font-size: 24px;

}

@media (min-width: 768px) {

	.video .subtitle-size {

		font-size: 28px;

	}

}

ul.navbar-nav.flex-lg-row.flex-lg-wrap.justify-content-lg-end.align-items-lg-center.wg.btnlist-link.header .nav-item:nth-of-type(4)
{

    order:-1;

}

body[data-is-ios="YES"] .fancybox-inner {

    min-height: 300px;

}

@media (min-width: 576px) {

body[data-is-ios="YES"] .fancybox-inner {

    min-height: 400px;

}

}

.wg.block-form.form-search.column {

display: none;

}

.page-chooseinside .list-chosen .explain-choose .explain, .page-chooseinside .list-chosen .explain-choose .sum_quantity {

    font-size: 0;

}

.page-chooseinside .list-chosen .explain-choose .explain .quantity:before {

    content: "親愛的à迷，您目前選購數量為";

    font-size: 1rem;

}

.page-chooseinside .list-chosen .explain-choose .explain:after {

    content: "件";

    font-size: 1rem;

}

.page-chooseinside .list-chosen .explain-choose .explain .quantity {

    font-size: 1rem;

}

.page-chooseinside .list-chosen.bottom {

    display: none;

}

/* T00:2023-05-02 11:05:43 */