/*======= 活動提示標籤 =======*/
/*新品*/
.event_tab1 {
    padding: 3px 4px;
    background: #4f9adf;
    color: #fff;
    margin: 0;
}
/*促銷*/
.event_tab2 {
    padding: 3px 4px;
    background: #e55635;
    color: #fff;
}
/*贈品*/
.event_tab3 {
    padding: 3px 4px;
    background: #ed9402;
    color: #fff;
}
/*特賣*/
.event_tab4 {
    padding: 3px 4px;
    background: #3e5196;
    color: #fff;
}


/*================================
產品圖片價格區塊
=================================*/

/*產品標題*/
h1.title_name {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 12px auto;
}
/*特色說明*/
.pro_copywriter {
    font-size: 13px;
    text-align: left;
}

    /*料號價格*/
    .pro_copywriter li {
        font-family: Arial, Helvetica, "新細明體","微軟正黑體", sans-serif;
        list-style-type: disc;
        line-height: 1.8;
        list-style-position: inside;
    }

/*區隔線*/
.price_line {
    border-top: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
    margin: 10px auto;
}

ul.pd_price {
    padding: 3px 0 10px;
}

    ul.pd_price li {
        list-style-type: none;
        line-height: 2.2;
    }
/*經銷價-未稅*/
span.sale_price_a {
    font-family: Lato, Arial, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    padding: 0 5px;
    line-height: 1.1;
    color: #e51f1f;
    vertical-align: sub;
}
/*經銷價-含稅*/
span.sale_price_b {
    font-family: Lato, Arial, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    padding: 0 5px;
    line-height: 1.1;
    color: #333;
    vertical-align: sub;
}

ul.pd_price li i.pd_list {
    display: inline-block;
    min-width: 66px;
    font-style: normal;
    text-align-last: justify;
    margin-right: 3px;
}

/*供貨中*/
b.pd_supply_a {
    color: #29af7e;
}

    b.pd_supply_a:before, b.pd_supply_b:before,
    b.pd_supply_c:before, b.pd_supply_d:before {
        content: "";
        margin-right: 4px;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        background: transparent;
    }

    b.pd_supply_a:before {
        background: #29af7e;
    }
/*補貨*/
b.pd_supply_b {
    color: #e55635;
}

    b.pd_supply_b:before {
        background: #e55635;
    }
/*客訂*/
b.pd_supply_c {
    color: #5b4f9a;
}

    b.pd_supply_c:before {
        background: #5b4f9a;
    }

/*即將售完*/
b.pd_supply_d {
    color: #ff00ff;
}

    b.pd_supply_d:before {
        background: #ff00ff;
    }

/*購物車btn*/
.add_btn a {
    width: 47.5%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: transparent;
    color: #fff;
    font-size: 17px;
    padding: 8px 6%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}
/*購物車btn-列表式*/
.add_btn_list a {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    padding: 7px 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 2px auto;
}

    .add_btn a.add_car,
    .add_btn_list a.add_car {
        background-color: #f53d15;
    }

        .add_btn a.add_car:hover,
        .add_btn_list a.add_car:hover {
            background: #e51f1f;
        }

span.icon_car {
    display: inline-block;
    background: url(../images/shopping_cart.svg) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: text-top;
}

/*收藏*/
.add_btn a.add_collect,
.add_btn_list a.add_collect {
    background-color: #fff;
    border: 1px #aaa solid;
    color: #333;
    margin-right: 5px;
}

    .add_btn a.add_collect:hover,
    .add_btn_list a.add_collect:hover {
        background: #333;
        color: #fff;
        border: 1px #333 solid;
    }

span.icon_collect {
    display: inline-block;
    background: url(../images/add_collection_a.svg) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    vertical-align: text-top;
}

a.add_collect:hover span.icon_collect {
    background: url(../images/add_collection_b.svg) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 18px;
}

/*已收藏按鈕*/
a.add_collect.active {
    /*	border: 1px #e51f1f solid;*/
    color: #e51f1f;
}

    a.add_collect.active span.icon_collect {
        background: url(../images/add_collection_d.svg) no-repeat;
        background-size: 100%;
        width: 20px;
        height: 18px;
    }

/*貨到通知*/
.add_btn a.add_notice,
.add_btn_list a.add_notice {
    background-color: #ed9402;
}

    .add_btn a.add_notice:hover,
    .add_btn_list a.add_notice:hover {
        background: #e51f1f;
    }

span.icon_notice {
    display: inline-block;
    background: url(../images/icon_notice.svg) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 18px;
    margin-right: 8px;
    vertical-align: text-top;
}

/*不能點選*/
a.add_collect.add_disabled,
a.add_car.add_disabled {
    background: #bbb;
    border: 1px #bbb solid;
    color: #fff;
}

    a.add_collect.add_disabled span.icon_collect {
        background: url(../images/add_collection_b.svg) no-repeat;
        background-size: 100%;
        width: 20px;
        height: 18px;
    }

    a.add_collect.add_disabled:hover,
    a.add_car.add_disabled:hover {
        background: #bbb;
        border: 1px #bbb solid;
        color: #fff;
        cursor: no-drop;
    }

/*規格比較*/
a.add_spe {
    display: block;
    max-width: 125px;
    margin: 5px 0 15px;
    padding: 5px 20px 5px 15px;
    background: #ddd;
    font-size: 15px;
    text-align: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    white-space: nowrap;
}


/*=== 產品圖片價格 行動版 ====*/

@media screen and (max-width: 480px) {
    /*產品標題*/
    h1.title_name {
        font-size: 18px;
    }
    /*特色說明*/
    .pro_copywriter {
        font-size: 11px;
        padding-top: 4.5%;
    }
    /*購物車btn*/
    .add_btn a {
        font-size: 14px;
        padding: 5px 3%;
    }
    /*規格比較*/
    a.add_spe {
        font-size: 14px;
    }
}

/*================================
產品圖片價格區塊 end
=================================*/


/*================================
加購區 設定
=================================*/
/* .promotion:before, */ .icon_add:before, .icon_pmo:before, .icon_relation:before{
    content:'';
    display:inline-block;
    margin-right:5px;
    padding:2px 5px;
    background:#da1e0f;
    color:#fff;
    border-radius:5px;
  }
  .icon_add:before{
    content:'搭售';
  }
  .icon_pmo:before{
    content:'促銷';
  }
  .icon_relation:before{
    content:'耗材';
  }


.pd_plus_item, .pd_plus_item a{
    clear:both;
  }
.tabAdd .pd_plus_item {
    display: block;
    vertical-align: middle;
    height: auto;
    overflow: hidden;
}

    .tabAdd .pd_plus_item a {
        display: inline-block;
        width: 100%;
        padding: 10px 5px;
        margin: 0 1.5% 0 0;
    }

        .pd_plus_item a:hover {
            background-color: #eeeeee;
        }

.tabAdd .plus_check {
    float: left;
    padding-right: 2.5%;
    padding-top: 40px;
}
.tabAdd .plus_check label{margin-right:10px;}
.tabAdd .plus_check{margin:0; padding:0;}

.pd_plus_img {
    display: block;
    margin:5px 15px 5px 0;
    max-width: 100px;
    border: 1px #ddd solid;
    float: left;
    width: auto;
    height: auto;
}

.plus_caption {
    position: relative;
    display: block;
    float: left;
    /* margin-left: 3%; */
    padding: 3px 0;
    width: auto;
    height: auto;
    color: #555;
    line-height: 1.2;
}


.pd_name {
    font-size: 18px; /* 2018/10/02  ossian  14px */
    font-weight: 700;
    text-overflow: ellipsis; /*出現省略號*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-right: 15px;
}

.plus_price {
    font-size: 16px; /* 2018/10/02  ossian  11px */
}

.pd_name, .plus_price {
    display: inline-block;
}

    .plus_price b {
        font-size: 1.5em;
        font-family: Lato, Arial, sans-serif;
        color: #e51f1f;
    }

a.pd_more {
    display: inline-block;
    padding: 7px 10px;
    background: #f53d15;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-family: Arial,Helvetica,"新細明體","微軟正黑體",sans-serif;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

a:hover.pd_more {
    background: #e51f1f;
}

.pd_more_zone {
    text-align: right; /*- 在任何螢幕尺寸下，more 的按鈕都置右 -*/
}

/*===  加購區 行動版 ====*/
@media screen and (min-width: 0px) {

}

@media screen and (max-width:500px){
    .pd_name, .plus_price{
        display:block; /*- 在小尺寸螢幕時，將產品名稱及價格分為兩行 -*/
    }
}

@media screen and (max-width: 768px) {
    .plus_caption {
        margin-top: 10px;
    }

        .plus_caption p {
            margin: 0;
        }
}


/*================================
加購區 end
=================================*/



/*================================
產品介紹頁 樣式設定
=================================*/

/*=== 產品介紹頁-圖文設定 ===*/
.pro_info {
    width: 100%;
    margin: 0 auto;
    padding: 0 1vh;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    display: table;
}

    .pro_info img {
        width: 100%;
        height: auto;
        line-height: 0;
    }

    /*產品介紹標題*/

    /*標題-灰*/
    .pro_info h4 {
        color: #333;
        font-weight: bold;
        font-size: 20px;
        margin: 1vh auto;
    }

    .pro_info p {
        margin: 1.5vh auto;
    }

    .pro_info li {
        list-style: disc;
        list-style-position: inside;
        line-height: 1.8;
        padding-left: 5px;
    }

.pro_form40 {
    width: 39.3%;
    padding: 0 0.5% 1%;
    display: inline-block;
    vertical-align: top;
}

.pro_form60 {
    width: 60%;
    padding: 0 0.5% 1%;
    display: inline-block;
    vertical-align: top;
}

.pro_form100 {
    width: 100%;
    padding: 0% 1%;
}

/*加入間距*/
.mg_t {
    margin-top: 20px;
    margin-top: 3vh;
}


/*=== 產品頁表格 樣式設定 ===*/
.prod_table {
    font-family: Arial, Helvetica, "微軟正黑體", "新細明體", sans-serif;
    margin: 0 auto;
    height: auto;
}

    .prod_table table {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        color: #333;
        background: #FFF;
        text-align: left;
        border: 1px solid #d3d3d3;
    }

    /*--- 表頭 ---*/
    .prod_table th {
        padding: 6px;
        background: #eee;
        letter-spacing: 1px;
        font-weight: normal;
        vertical-align: middle;
        border: 1px #d3d3d3 solid;
    }

th.th_color01 {
    background: #e6e6e0;
    font-size: 16px;
    text-align: center;
}

/*--- 單格 ---*/
.prod_table td {
    padding: 5px 8px;
    border: 1px #d3d3d3 solid;
    vertical-align: middle;
}

.gray_bg {
    background-color: #8e8e8e;
    color: #fff;
}

.prod_table td:last-child {
    border-right: none;
}

/*最下列表格的分隔線*/
.prod_table tr:last-child {
    border-bottom: 1px #999 solid;
}

/*--- 單排滑入變色(B) ---*/
.prod_table tr:hover {
    color: #4f9adf;
}

/*組合料號外框*/
.kix_table {
    clear: both;
    padding: 30px 15px 0;
}

    .kix_table a {
        color: #a94442;
    }

        .kix_table a:hover {
            color: #e51f1f;
        }


/*======= 產品頁保固 樣式設定 =======*/

/* 伸縮大外框 */
.stretch_box {
    width: 100%;
    margin: 35px auto;
    padding: 0;
    /*	color: #1b1b1b;*/
    text-align: left;
    line-height: 1.8;
    border-bottom: #7d7d7d 1px solid;
}

/* 關閉其他摺疊選單必須的class*/
.panel {
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    /*以上為刪除BS預設樣式*/
    display: block;
    border-top: #ccc 1px solid;
}

/* 標題 */
.stretch-title h4 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    padding: 1.5vh 1vw;
}

    .stretch-title h4 a:before {
        content: "";
        border-left: 3px solid #e51f1f;
        padding-right: 10px;
        font-size: 0.7em;
    }

    .stretch-title h4 a {
        display: block;
        color: #333;
    }

.stretch-title a:hover {
    color: #e51f1f;
}


/* 內文區塊 設定 */
.ans_box {
    padding: 15px 20px;
    background: #f5f5f5;
    font-size: 13px;
}

.stretch_box li,
.stretch_box p {
    line-height: 1.5;
    letter-spacing: 0.8px;
}

/*=== stretch裡的項目符號 ===*/

/*阿拉伯數字*/
.stretch_box ul {
    list-style-type: decimal;
    padding-left: 1.5vw;
}

    /*== 第2層得小項目 ==*/

    /*小寫英文字*/
    .stretch_box ul.s-abc {
        list-style-type: lower-alpha;
        color: #5c5c5c;
    }

    /*符號-圓點*/
    .stretch_box ul.disc {
        list-style-type: disc;
    }

/*===== 行動版 ======*/

@media screen and (max-width: 767px) {
    .pro_form40,
    .pro_form60 {
        width: 100%;
        padding: 0 0.5% 3vh;
    }

    .pro_info {
        font-size: 13px;
        /*		border-bottom: 1px #dedede solid;*/
    }

        .pro_info h4 {
            font-size: 18px;
        }
}

@media (max-width: 736px) {
    /*頁籤 */
    .sortTable > table th.th-1 {
        width: 50%
    }

    .sortTable > table td {
        padding: 5px 8px
    }

        .sortTable > table td.classTitle {
            line-height: 1.5em;
            text-align: center
        }
}

@media screen and (max-width: 480px) {

    .nav > li > a {
        padding: 8px 5px;
    }

    .prod_table table {
        padding: 0;
        margin: 0 auto;
        font-size: 12px;
    }
}

/*================================
產品介紹頁 end
=================================*/


/*瀏覽模式*/
.browse_mode {
    position: relative;
    background: #eee;
    padding: 8px 15px;
    margin-bottom: 15px;
}

a.modestyle {
    margin: 0 3px;
    color: #555;
}

    a.modestyle:hover,
    a.modestyle.active {
        color: #4f9adf;
    }

.sorting {
    position: absolute;
    right: 15px;
}


/*行動-依品牌*/
.noscb {
    -ms-overflow-style: none; /*IE 10+*/
}

    .noscb::-webkit-scrollbar {
        display: none; /*Safari and Chrome*/
    }

.m-brand-category {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 1.2;
    margin-bottom: 10px;
}

.m-brand_box {
    display: table;
    height: 50px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}

/*品牌選項按鈕*/
.m-brand-menu {
    display: table-cell;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #f2dede;
    border: 2px solid #fff;
    vertical-align: middle;
    height: 50px;
}

    .m-brand-menu a {
        display: block;
        color: #e51f1f;
        padding: 10px 15px;
        word-break: keep-all;
    }

    .m-brand-menu.sel {
        background: red;
    }

        .m-brand-menu.sel a {
            color: #fff;
        }

/*品牌分類標題*/
.m-brandtitle {
    /*	position: fixed;*/
    display: inline-block;
    background: #e51f1f;
    font-size: 13px;
    border: 1px solid #e51f1f;
}

    .m-brandtitle a {
        padding: 10px 12px;
        color: #fff;
        width: 55px;
    }


@media screen and (max-width: 992px) {
    /*行動-依品牌*/
    .noscb {
        -ms-overflow-style: none; /*IE 10+*/
    }

        .noscb::-webkit-scrollbar {
            display: none; /*Safari and Chrome*/
        }

    .m-brand-category {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        line-height: 1.2;
    }

    .m-brand_box {
        display: table;
        height: 50px;
        margin-bottom: 5px;
        font-size: 14px;
        text-align: center;
    }

    /*品牌選項按鈕*/
    .m-brand-menu {
        display: table-cell;
        border-radius: 8px;
        background: #f2dede;
        border: 2px solid #fff;
        vertical-align: middle;
    }

        .m-brand-menu a {
            display: block;
            color: #e51f1f;
            padding: 10px 15px;
            max-height: 50px;
            word-break: keep-all;
        }

        .m-brand-menu.sel {
            background-color: red;
        }

            .m-brand-menu.sel a {
                color: white;
            }

    /*品牌分類標題*/
    .m-brandtitle {
        /*	position: fixed;*/
        display: inline-block;
        background: #e51f1f;
        font-size: 13px;
        border: 1px solid #e51f1f;
    }

        .m-brandtitle a {
            padding: 10px 12px;
            color: #fff;
            width: 55px;
        }
}


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

    /*瀏覽模式*/
    .browse_mode {
        /*	background: #fff;*/
        margin-bottom: 10px;
    }

    .hidden-md-lg {
        display: none;
    }

    .sorting {
        position: relative;
        padding-left: 10px;
    }
}


/*================================
產品清單
=================================*/
/*圖片式區塊設定*/
.col_box {
    padding: 0 15px 0 0;
    /*	min-height: 500px;*/
}

/*圖片區塊設定*/
.pd_list_pic {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 15px 15px;
    margin: 0 auto 20px;
    border: 1px #ddd solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: 300ms;
    min-height: 465px; /*經銷*/
}

    .pd_list_pic:hover {
        border: 1px #999 solid;
        -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
/*
.pd_list_pic img{
	display: block;
	width: 100%;
	max-width: 220px;
}
*/

/* 圖片內容 (首頁產品輪播、產品列表)*/
.maxw-photo {
    max-width: 220px;
    max-height: 220px;
    margin: 10px auto 0;
}

.photo-container {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 圖片比例1:1 */
    height: 0;
    overflow: hidden;
}

    .photo-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 220px;
        vertical-align: middle;
    }

.nomargin {
    margin: 0 auto;
}

/*標題-列表A*/
.pd_list_title {
    display: inline-block;
    margin-top: 6px;
    font-size: 15px;
    color: #333;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*標題-列表B-無圖*/
.pd_list_titleB {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    color: #333;
}

ul.list_price li {
    font-size: 12px;
    line-height: 1.5;
}

/*圖片式 購物車btn*/
.list_add_btn a {
    font-size: 15px;
    padding: 6px 2.5%;
}


/*列表式區塊設定*/
.pd_list_table {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .pd_list_table table {
        width: 100%;
    }

        .pd_list_table table tr {
            position: relative;
        }

    .pd_list_table tr {
        display: block;
        width: 100%;
        padding: 20px 10px;
        background-color: #fff;
        border: 1px #ddd solid;
        border-collapse: collapse;
        border-spacing: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: 300ms;
    }

        .pd_list_table tr:hover {
            padding: 22px 10px;
            border: 1px #999 solid;
            -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
            -ms-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

    .pd_list_table td {
        padding: 0 5px;
        vertical-align: middle;
    }

.pd_price_b li {
    float: left;
}

/*活動標籤對位*/
.event_tab_box {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 10;
}

/*另有促銷價對位*/
.event_gifts_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fafad3;
    background: rgba(250, 250, 211, 0.85);
    font-weight: bold;
    padding: 10px 2px 10px 6px;
    font-size:110%;
    max-width: 170px; /*原本設定是 150px - 2019/05/09*/
}
.event_gifts_box span{
    display:inline-block;
    border:1px solid rgba(246,66,36,0.4);
    padding:0.15em 0.35em;
    border-radius:5px;
}



/*================================
產品清單 行動版
=================================*/
@media screen and (max-width: 992px) {
    .col_box {
        padding: 0 8px;
    }
}

/*================================
產品清單 end
=================================*/




/*================================
促銷活動 & 特賣
=================================*/
/*促銷 & 特賣區塊*/
.promo-goods {
    display: block;
    text-align: left;
    clear: both;
    background: #fff;
    border: 3px solid #e55635;
    margin-bottom: 20px;
}
/*icon*/
.promo-icon img {
    width: 100%;
    max-width: 28px;
    vertical-align: text-top;
    margin-right: 6px;
}

.promo-goods h1 {
    display: block;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    padding: 10px 10px;
    letter-spacing: 0.05em;
    background: #e55635;
    color: #fff;
    padding-left: 20px;
}

/*特賣顏色*/
.promo-goods.promo-goods2 {
    border: 3px solid #3e5196;
}

    .promo-goods.promo-goods2 h1 {
        background: #3e5196;
    }

/*促銷區塊設定*/
.promo-pd-list {
    clear: both;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 10px 15px;
    margin: 0 auto;
    border-right: 1px #ddd solid;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
}

.border-no {
    border: none;
}

.promo-pd-list img {
    display: block;
    width: 100%;
    max-width: 210px;
    margin: 0 auto;
}

.promo-pd-list:hover {
    opacity: 0.85;
}

/*促銷價*/
.promo-red {
    display: inline-block;
    font-style: normal;
    color: #e51f1f;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 3px;
}
/*金額數字*/
.promo_price_a {
    font-family: Lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 0 3px;
    line-height: 1.1;
    color: #e51f1f;
    vertical-align: sub;
}


/*=== 促銷-福利品清倉 ===*/
.promo-goods3 {
    padding: 16px 10px;
    background: #29af7e;
    color: #fff;
    text-align: center;
}

    .promo-goods3 h1 {
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        letter-spacing: 0.05em;
    }

a.pd-btn {
    display: inline-block;
    margin: 5px 3px 0;
    padding: 3px 20px 0;
    font-size: 17px;
    color: #fff;
    border: 1px solid #94d7bf;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

    a.pd-btn.active,
    a.pd-btn:hover {
        color: #333;
        background: #fff;
    }

.blue_word {
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #4f9adf;
}

.price_red {
    display: inline-block;
    color: #e51f1f;
}

/*福利品購物車btn*/
a.promo_car {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #EE3912;
    color: #fff;
    font-size: 14px;
    padding: 5px 8%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

    a.promo_car:hover {
        background: #e51f1f;
        /*	background: #333;*/
        transition: 350ms;
    }

    /*購物車icon*/
    a.promo_car:before {
        content: "";
        display: inline-block;
        background: url(../images/shopping_cart.svg) no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
        margin-right: 5px;
        vertical-align: middle;
    }


/*==========================================
 促銷-特賣-清倉 手機版
===========================================*/

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
    .promo_price_a {
        font-size: 16px;
    }

    /*icon*/
    .promo-icon img {
        max-width: 22px;
        margin-right: 4px;
    }

    /*促銷*/
    .promo-goods h1 {
        font-size: 20px;
        padding: 8px 10px;
        padding-left: 15px;
        text-align: center;
    }
    /*清倉*/
    .promo-goods3 h1 {
        font-size: 20px;
    }

    a.pd-btn {
        padding: 2px 10px;
        font-size: 15px;
    }
}

/*==========================================
 數位快訊&EDM
===========================================*/

ul.xander-news {
    padding-top: 10px;
    color: #555;
}

.xander-news li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

/*內頁標題-加紅線條*/
.news_title {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: 350ms;
}

/*new 內頁標題-滑過*/
ul.xander-news a:hover .news_title {
    color: #e51f1f;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.news_title:before {
    content: "";
    border-left: 3px solid #e51f1f;
    padding-right: 6px;
    font-size: 0.9em;
}

.news_time {
    display: block;
    font-size: 13px;
    padding: 6px 0 12px;
    letter-spacing: 0.1em;
    color: #555;
}

.news_text {
    font-size: 15px;
    margin-bottom: 3%;
    margin-bottom: 6vh;
    color: #555;
}

.btn-more {
    display: inline-block;
    padding: 3px 10px;
    margin: 0 0 15px;
    background: #eee;
    font-size: 0.95em;
    white-space: nowrap;
}


/*==========================================
 數位快訊&EDM 手機版
===========================================*/

@media screen and (max-width: 480px) {

    .news_title {
        font-size: 16px;
    }

    .news_text {
        font-size: 13px;
    }
}


.sel {
    color: #ff0000;
    font-weight: bolder;
}

    .sel:focus {
        color: #ff0000;
        outline: none;
    }

/*
 * -------------------------------------------------------------------------------------
 * 相關促銷修改 2018/09/17
 * -------------------------------------------------------------------------------------
 */
ul.red{
    border-bottom:3px solid #e51f1f;
}
ul.red li a, ul.red li a:hover, #os-red a, #os-red a:hover{
    background: #e51f1f;
    color:#fff;
}

/*
 * -------------------------------------------------------------------------------------
 * 新增產品總覽 2019/05/06
 * -------------------------------------------------------------------------------------
 */

#overview{
    margin-top:0;
}
.products-list-zone{
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:1px solid #eee;
}
.products-list-zone:nth-last-child(1){
    border-bottom:none;
}
.product-zone a {
    display:block;
    margin-bottom:0.5em;
    padding:1em;
    background:#eee;
    color:#e51f1f;
    border-radius: 5px;
    font-size:2rem;
    font-weight:bold;
    text-align:center;
}
ul.all-products-brands, ul.all-products-brands li{
    display:inline-block;
    margin-bottom:0.75em;
}
ul.all-products-brands li{
    border-right:1px solid #ccc;
    padding-left:0.75em;
    padding-right:0.75em;
}
ul.all-products-brands li a:hover{
    text-decoration: underline;
    color:#e51f1f;
}