@charset "utf-8";
@import url("reset.css");

/*******************************
 中間元件
*******************************/


/*特殊用途*/

.none_style {
    display: none;
}

.petcuisine_mobile {
    display: block;
}

.joo_style60 {
    display: block!important;
}

.joo_style60_only {
    display: none!important;
}

.wangtea_use {
    margin-left: 15px;
}

.joo_hideOnly {
    display: none;
}


/* 中間元件名稱 */
.Page_Litem_title{text-align:center;}
.Page_Litem_title .L_item_name,.page_brand_list .h1{display:inline-block;font:24px/40px 'Noto Sans TC', 'Nunito', sans-serif;text-align:center;position:relative;height:50px;margin-bottom:10px;color:#e78b93;letter-spacing: 3.6px;}
.Page_Litem_title .L_item_name:before,.page_brand_list .h1:before{content:'';width:42px;height:42px;background:url(shiny-l.png) right center no-repeat;position:absolute;left:-57px;top:0;}
.Page_Litem_title .L_item_name:after,.page_brand_list .h1:after{content:'';width:42px;height:42px;background:url(shiny-r.png) right center no-repeat;position:absolute;right:-57px;top:0;}

/* 中間內文內距 */
.C_Box .C_padding {padding: 0;}
.C_Box,.item_Box{padding:80px 0 0 0;width:100%;height:auto;position:relative;text-align:center;max-width: 1200px;margin: 0 auto;}
.item_title{margin-bottom:20px;display:inline-block;font:24px/25px 'Noto Sans TC', 'Nunito', sans-serif;text-align:center;position:relative;color:#e78b93;letter-spacing: 3.6px;}
.item_title span{display:block;font-size: 24px; font-family: 'Nunito', sans-serif; letter-spacing: 1.2px; margin-top:10px;color:#e78b93;text-transform:uppercase;}
.C_Box .Page_Litem_title{text-align:center;}
.C_Box .Page_Litem_title .L_item_name{display:inline-block;font:24px/40px 'Noto Sans TC', 'Nunito', sans-serif;text-align:center;position:relative;height:50px;margin-bottom:10px;color:#e78b93;letter-spacing: 3.6px;}
.C_Box .Page_Litem_title .L_item_name::before,.item_title::before{content:'';width:42px;height:42px;background:url(shiny-l.png) right center no-repeat;position:absolute;left:-57px;top: 50%;transform: translateY(-50%);}
.C_Box .Page_Litem_title .L_item_name::after,.item_title::after{content:'';width:42px;height:42px;background:url(shiny-r.png) right center no-repeat;position:absolute;right:-57px;top: 50%;transform: translateY(-50%);}
/* @media screen and (max-width:1200px){
    .C_Box,.item_Box{padding: 50px 0 0 0;}
} */
@media screen and (max-width:568px){
    .item_title{margin-bottom:10px;}
    .item_Box{padding:30px 15px 0 15px;}
}
@media screen and (max-width:420px){
    .item_title{transform: scale(.8);}
}

/* 中間標題 */
.C_title {
    font: 12px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    font-weight: bold;
    text-decoration: none;
}

/* 中間副標題 */
.C_subtitle {
    font: 12px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    font-weight: bold;
    text-decoration: none;
}


/* 中間內文 */

.C_article {
    font: 12px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
}


/* 中間標題(連結) */

a.C_title_a:link {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    font-weight: bold;
    text-decoration: none;
}

a.C_title_a:visited {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    font-weight: bold;
    text-decoration: none;
}

a.C_title_a:hover {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #444;
    font-weight: bold;
    text-decoration: underline;
}

a.C_title_a:active {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #444;
    font-weight: bold;
    text-decoration: underline;
}

/*******************************
 表格
*******************************/


/* 表格抬頭 */

.table_title {
    background-color: #ededed;
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 13px;
    color: #808080;
    font-weight: bold;
}


/* 表格外框線顏色 */

.table_exo_bordercolor {
    background-color: #d4d4d4;
}


/* 表格內框線顏色 */

.table_bordercolor {
    background-color: #d4d4d4;
}


/* 表格欄位 */

.table_column {
    background-color: #fff;
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #333;
    padding: 7px 5px;
}


/* 表格欄位內容 */

.table_column_desc {
    background-color: #FFFFFF;
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #333;
}


/* 表格欄位內容 onMouseOver */

.table_column_desc_over {
    background-color: #ededed;
    font-size: 12px;
    color: #333333;
}


/* 數字 */

.number {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 12px;
    color: #f03a79;
    font-weight: bold;
}


/*******************************
 表單
*******************************/


/* 表單 */

.FormTxt,
.FormTxt100 {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 15px;
    color: #6d6d6d;
    background-color: #f3f3f3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 0;padding: 0 10px !important;height: 46px;
}


/* 表單 */

.FormTxt100,
.FormTxtMark100 {
    width: 90%;
}


/* 表單 */

.FormTxtMark,
.FormTxtMark100 {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 12px;
    background-color: #fffbdd;
}


/* 表單註解 */

.form_gloss {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    color: #d23148;
    font-size: 12px;
}


/* 表單必填欄位(*)樣式 */

.form_star {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    color: #ef4122;
    font-size: 15px;
    font-weight: normal;
}


/*******************************
 商品
*******************************/


/* 商品名稱 */

.prod_name {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
}


/* 商品名稱 */

a.prod_name:link {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-decoration: none;
}

a.prod_name:visited {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-decoration: none;
}

a.prod_name:hover {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-decoration: underline;
}

a.prod_name:active {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-decoration: underline;
}


/* 商品售價 */

.prod_price {
    font: 20px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #ff427f;
    font-weight: bold;
}


/*******************************
 延伸選單
*******************************/


/* 延伸選單 */

.menu_extended {
    color: #6d6d6d;
    background-color: #ffffff;
    font-size: 12px;
    font-family: arial;
    padding: 8px 2px;
}


/* 延伸選單 onMouseOver */

.menu_extended_over {
    color: #6d3049;
    background-color: #f1b6cf;
    font-size: 12px;
    font-family: arial;
    padding: 8px 2px;
}


/* 延伸選單 邊線 */

.menu_extended_border {
    background-color: #cccccc;
}


/*******************************
 表頭選單
*******************************/

a.top_menu:link {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 13px;
    color: #eaeaea;
    text-decoration: none;
}

a.top_menu:visited {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 13px;
    color: #eaeaea;
    text-decoration: none;
}

a.top_menu:hover {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 13px;
    color: #abb43d;
    text-decoration: none;
}

a.top_menu:active {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 13px;
    color: #abb43d;
    text-decoration: none;
}


/*******************************
 通用
*******************************/


/* 成功訊息 */

.hd_alert {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    color: #d23148;
    font-size: 12px;
    font-weight: bold;
}


/* 錯誤訊息 */

.err_alert {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    color: #d23148;
    font-size: 12px;
    font-weight: bold;
}


/* 一般鏈結 */

a:link {
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    text-decoration: none;
}

a:visited {
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    text-decoration: none;
}

a:hover {
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    text-decoration: underline;
}

a:active {
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    text-decoration: underline;
}


/* 網站主內容架構 */

.FOR_TOP {
    width: 100%;
    height: auto;
}

.FOR_MAIN {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #fff;
}

.FOR_FOOTER {
    width: 100%;
    clear: both;
    text-align: center;
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #fff;
}

.copy_right {
    font: 14px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #fff;
}

.main_content_left {
    display: none;
    width: 200px;
    float: left;
}

.main_content_right {
    display: none;
    width: 200px;
    float: right;
}

.main_content_l_center {
    width: 100%;
}

.main_content_r_center {
    width: 100%;
}

.main_content_center {
    width: 100%;
}

.main_content_no_center {
    width: 100%;
}


/* 網站名稱簡介 */

.STORE_NAME {
    font: 15px/26px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    font-weight: bold;
}

.STORE_EXP {
    font: 13px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
}


/*******************************
 自訂
*******************************/

html,
body {
    font-family: 'Noto Sans TC', 'Nunito', sans-serif;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 24px;
    background: url(komonoya_13.jpg) repeat;
}
.FOR_MAIN{ overflow-x: hidden;}


/* 元件間隔 */

.table_margin {
    margin-bottom: 5px;
}


/* 元件外框 */

.L_border {
    border: solid 2px #e1e1e1;
    padding: 1px;
}


/*========== 共用 ==========*/

.SGS_Store_TopBox {
    display: none;
}


/* 元件間距*/

.SB_witem_mbottom {
    margin-bottom: 15px;
}


/* 元件最外框*/

.SB_WitemBOX {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.SB_WitemBOX .rwdimg {
    width: 100%;
    height: auto;
}

.item345_box .product35_title {
    display: none;
}

.item345_divbox>ul>li:nth-child(2)>div {
    background: #e1ced0;
}


/*=============== Kerry Go版型 ================*/

.Header {
    width: 100%;
    height: 60px;
    z-index: 999;
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.Header .Header_in {
    width: 100%;
    height: auto;
    position: relative;
}

.Header .Header_in .Header_cart {
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    width: 40px;
    height: 60px;
    background: url(cart.svg) no-repeat center;
    text-indent: -100%;
    background-size:24px;
}

.Header .Header_in .Header_search {
    position: absolute;
    top: 0;
    right: 50px;
    display: block;
    width: 40px;
    height: 60px;
    background: url(search.svg) no-repeat center;
    text-indent: -100%;
    background-size: 24px;
}
.leftmenu_search li.search_btn input{background: url(search.svg) no-repeat center left!important;background-size: 24px!important;}

.Header .Header_in .Header_logo {
    width: 110px;
    height: auto;
    margin: 0 auto;
}

.Header .Header_in .Header_logo a {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 5px;
}

.Header .Header_in .Header_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.Header .Header_in .Header_menu {
    position: absolute;
    top: 0px;
    left: 5px;
    display: block;
    width: 24px;
    height: 60px;
    background: url(member_menu.svg) no-repeat center center;
    cursor: pointer;
}

.Header .Header_in .Header_cart_num {
    position: absolute;
    top: 28px;
    right: 2px;
    color: #fff;
    background-color: #e78b93;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    letter-spacing: .3px;
    font-size:11px;
}
.leftmenu_search li.search_keyword input{color:#6d6d6d;}

.icon-arrow-right {
    background: url(arrow_right.svg) no-repeat right center;
}

.leftmenu_top {
    padding: 1em;
    border-bottom: 1px solid #eee;
}

a.leftmenu_home {
    display: block;
    height: 50px;
    font: 14px/50px 微軟正黑體, Microsoft Jhenghei, 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    background: url(home.svg) no-repeat 0px center;
    text-decoration: none;
    padding-left: 30px;
    background-size: 20px;
}

a.leftmenu_home:hover {
    text-decoration: none;
}

.leftmenu_search {
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background: #fff7f8;
    margin: 0 auto;
}

.leftmenu_search li {
    float: left;
}

.leftmenu_search li.search_keyword {
    width: 95%;
    height: 40px;
}

.leftmenu_search li.search_keyword input {
    width: 100%;
    height: 40px;
    border: 0;
    font: 15px/40px 微軟正黑體, Microsoft Jhenghei, 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
    padding: 0 30px;
    background: none;
    text-align: left;
}

.leftmenu_search li.search_btn {
    width: 5%;
    height: 40px;
}

.leftmenu_search li.search_btn input {
    width: 100%;
    height: 40px;
    border: 0;
    background: url(search_icon.svg) no-repeat 50% 50%;
    cursor: pointer;
    background-size: 24px;
}

.disscroll {
    overflow-y: hidden;
    position: fixed;
}

@media screen and (max-width:940px) {
    .leftmenu_search li.search_keyword {
        width: 90%;
    }
    .leftmenu_search li.search_btn {
        width: 10%;
    }
}

@media screen and (max-width:560px) {
    .leftmenu_search li.search_keyword {
        width: 85%;
    }
    .leftmenu_search li.search_btn {
        width: 15%;
    }
}
/*全文檢索*/
.leftmenu_search { position: relative; display: inline-block;}
.autocomplete-items div {line-height: 1.5em;cursor: pointer;padding: 10px; font-size: 14px; text-align: left;}
.autocomplete-items div:hover { background-color: #e1e1e1;}
.autocomplete-items {background-color: rgba(255,255,255,0.95); position: absolute; top: 45px; width: 100%; border-radius: 5px; overflow: hidden;}

/* ==== 版尾 ==== */

.cp_bottom_box {
    width: 100%;
    background: #fdeeea;
    padding-top: 135px;
}

.cp_bottom_box .cp_bottom_01 {
    background: #e1ced0;
    height: auto;
}

.cp_bottom_box .cp_bottom_01 .cp_bottom_in {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 10px 10px 0 10px;
}

.cp_bottom_logo {
    width: 200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}

.cp_bottom_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.cp_bottom_logo a {
    display: block;
    width: 100%;
    height: 65px;
}

.cp_bottom_menu {
    border-bottom: 1px solid #fdeeea;
}

.cp_bottom_menu li {
    font: 14px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #7b6e6c;
    float: left;
    width: 33.3%;
}

.cp_bottom_menu li a {
    display: inline-block;
    font: 14px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #7b6e6c;
}

.cp_bottom_icon {
    display: block;
    width: 160px;
    margin: 0 auto;
    margin-top: 15px;
}

.cp_bottom_icon li {
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 8px;
}

.cp_bottom_icon li a {
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
}

.cp_bottom_icon li.fb a {
    background: url(bicon_fb.svg) center center no-repeat;
    background-size: 24px;
}

.cp_bottom_icon li.line a {
    background: url(bicon_line.svg) center center no-repeat;
    background-size: 24px;
}

.cp_bottom_icon li.mobile a {
    background: url(bicon_web.svg) center center no-repeat;
    background-size: 24px;
}

.cp_bottom_icon li.ig a {
    background: url(bicon_ig.svg) center center no-repeat;
    background-size: 24px;
}

.cp_bottom_cr {
    display: block;
    font: 14px/40px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #7b6e6c;
    text-align: center;
}


/* 首頁－商品列表＆商品搜尋頁 */

#index .Kg_IndexCenter_BOX {
    padding: 0 10px;
}

.Kg_ProductList {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
}

.Kg_ProductList>li {
    flex: 0 0 25%;
    margin-bottom: 18px;
    padding: 0 10px;
}
@media screen and (max-width:768px){
    .Kg_ProductList>li {flex: 0 0 33.3333%;}
}
@media screen and (max-width:568px){
    .Kg_ProductList>li {flex: 0 0 50%;}
}

.Kg_Product {
    max-width: 200px;
    background: #f9f9f9;
    margin: 0 auto;
    padding: 10px;
}

.Kg_Product:hover {
    background: #f1f1f1;
}

.Kg_Product_Img {
    overflow: hidden;
    margin-bottom: 10px;
}

.Kg_Product_Img a img {
    width: 100%;
    height: auto;
}

.Kg_Product_Name {
    display: block;
    width: 100%;
    height: 44px;
    overflow: hidden;
    margin-bottom: 10px;
}

.Kg_Product_Name a {
    font: 13px/22px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
}

.Kg_Product_Name a:hover {
    font: 13px/22px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #147abc;
}

.Kg_Product_Price {
    width: 100%;
    height: 30px;
}

.Kg_Product_PriceL {
    display: none;
    width: 30%;
    font: 13px/30px Arial, Helvetica, sans-serif;
    color: #999;
    text-decoration: line-through;
}

.Kg_Product_PriceR {
    width: 70%;
    font: 30px/30px Arial, Helvetica, sans-serif;
    color: #dc1717;
    text-align: right;
}

@media screen and (max-width: 1024px) and (min-width: 641px) {
    .Kg_ProductList>li {
        width: 33.3%;
    }
}

@media screen and (max-width: 640px) {
    .Kg_ProductList>li {
        width: 50%;
        padding: 0 5px;
    }
}

@media screen and (max-width: 320px) {
    .Kg_ProductList>li {
        width: 100%;
        padding: 0 5px;
    }
}


/* 商品圖遮罩259 */

.it259_bammer4_box {
    max-width: 1200px;
    margin: 0 auto;
}

.it259_bammer4_box ul li {
    float: left;
    width: 25%;
    padding: 0 5px;
    margin-bottom: 15px;
}

.it259_bammer4_box img {
    width: 100%;
    height: auto;
}

.it259_bammer4_box .it259_bammer4_banner1 {
    float: left;
    width: 100%;
    position: relative;
    border: 0px;
}

.it259_bammer4_box .it259_bammer4_banner1 img {
    display: block;
    width: 100%;
    height: auto;
}

.it259_bammer4_box .it259_bammer4_banner1 span {
    display: block;
    width: 60px;
    height: 3px;
    background: #FFF;
    margin: 0 auto;
    margin-bottom: 20px;
    display: none;
}

.it259_bammer4_box .it259_bammer4_banner1 .mark {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    /*opacity:0.7;filter:alpha(opacity=0.7);*/
    color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 165px 10% 0;
}

.it259_bammer4_box .it259_bammer4_banner1 .mark p {
    width: 100%;
    height: 50px;
    overflow: hidden;
    font: 17px/25px 微軟正黑體;
    color: #333333;
}

.it259_bammer4_box .it259_bammer4_banner1 .mark a {
    display: block;
    font: 15px/40px Arial, Helvetica, sans-serif;
    width: 158px;
    height: 40px;
    border: 1px solid #6d6d6d6d6d6d;
    background: #fff;
    color: #6d6d6d6d6d6d;
    text-align: center;
    margin: 10px auto;
    text-decoration: none;
    overflow: hidden;
}

.it259_bammer4_box .it259_bammer4_banner1 .mark a:hover {
    background-color: #6d6d6d6d6d6d;
    color: #fff;
}

@media screen and (max-width:950px) {
    .it259_bammer4_box ul li {
        width: 50%;
    }
    .it259_bammer4_box .it259_bammer4_banner1 .mark {
        padding: 20% 10%;
    }
    .it259_bammer4_box .it259_bammer4_banner1 .mark p {
        font: 15px/25px 微軟正黑體;
    }
    .it259_bammer4_box .it259_bammer4_banner1 .mark a {
        font: 13px/40px Arial, Helvetica, sans-serif;
        max-width: 100%;
    }
}

@media screen and (max-width:460px) {
    .it259_bammer4_box ul li {
        width: 50%;
    }
}


/* ==== 版尾 ==== */

.br_bottom_box {
    width: 100%;
    background: #f1f1f1;
}

.br_bottom_box .br_bottom_in {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
}

.br_bottom_box .br_bottom_in .br_bottom_icon {
    text-align: left;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li a {
    display: block;
    text-indent: -9999px;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li.fb {
    background: url(bottom_fb.svg) left top no-repeat;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li.ig {
    background: url(bottom_ig.svg) left top no-repeat;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li.youtube {
    background: url(bottom_youtu.svg) left top no-repeat;
}

.br_bottom_box .br_bottom_in .br_bottom_icon li.mail {
    background: url(bottom_mail.svg) left top no-repeat;
}

.br_bottom_box .br_bottom_in .br_bottom_word li {
    float: left;
    width: 50%;
}

.br_bottom_box .br_bottom_in .br_bottom_word li:first-child {
    text-align: left;
}

.br_bottom_box .br_bottom_in .br_bottom_word li:last-child {
    text-align: right;
}

.br_bottom_slogan {
    font: 25px/40px Century Gothic, Arial, Helvetica, sans-serif;
    color: #a2a2a2;
}

.font_color_g {
    color: #389c38;
}

.font_color_b {
    color: #e1ced0;
}

.br_bottom_cr {
    font: 13px/40px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #777;
}

.br_bottom_cr a {
    font: 13px/40px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #777;
    text-decoration: underline;
}

.br_bottom_cr a:hover {
    font: 13px/40px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #777;
    text-decoration: none;
}

.br_bottom_logo {
    width: 100%;
    height: auto;
    background: #0099cf;
    padding: 30px 0 40px 0;
}

.br_bottom_logo h5.bottom_logo a {
    display: block;
    width: 200px;
    height: 50px;
    background: url(bottom_logo.svg) left top no-repeat;
    text-indent: -9999px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .br_bottom_box .br_bottom_in {
        padding: 40px 10px 0 10px;
    }
}

@media screen and (max-width: 640px) {
    .br_bottom_box .br_bottom_in .br_bottom_word li {
        float: left;
        width: 100%;
    }
}

.Product_box .Product_topbox .big_productinfo .Product_btnbox a.cart {
    background-color: #d23148 !important;
}

.Product_box .Product_topbox .big_productinfo .Product_btnbox a.cart:hover {
    background-color: #d23148 !important;
}

.member_centerMbg292 {
    top: 60px !important;
}


/* 最新消息&FB */

.Yuchih13_box {
    width: 100%;
    margin: 20px auto;
}

.Yuchih13_box .Yuchih13_FB {
    display: none;
}

.Yuchih13_box .Yuchih13_news {
    width: 100%;
    background: url(index_newsBG.png) bottom right no-repeat;
}

.Yuchih13_news h3 {
    display: block;
    width: 100%;
    height: 50px;
    background: url(index_icon.png) left top no-repeat;
    padding-left: 50px;
    padding-top: 20px;
    font: 24px/24px 微軟正黑體;
    color: #362500;
    margin-bottom: 10px;
}

.Yuchih13_news h3 span {
    padding-top: 2px;
    font: 18px/18px 微軟正黑體;
    color: #a19989;
    padding-left: 5px;
}

.Yuchih13_news .Yuchih13_newscontent {
    width: 100%;
    height: 188px;
    overflow: hidden;
    padding: 8px 20px 10px;
}

.Yuchih13_newscontent ul {}

.Yuchih13_newscontent ul li {
    font: 15px/34px Arial, Helvetica, sans-serif;
    color: #8e8165;
    height: 34px;
    overflow: hidden;
}

.Yuchih13_newscontent ul li a {
    font: 15px/34px 微軟正黑體;
    color: #8e8165;
    text-decoration: none;
    padding-left: 20px;
}

.Yuchih13_newscontent ul li a:hover {
    color: #ea6e23;
    text-decoration: underline;
}

.Yuchih13_news a.Yuchih13_more {
    display: block;
    background: url(index_newsmore.png) top left no-repeat;
    width: 70px;
    height: 15px;
    margin-left: 18px;
}

.Yuchih13_news a.Yuchih13_more:hover {
    background: url(index_newsmore.png) bottom left no-repeat;
}

.Yuchih13_boxtotle {
    background: url(index_title.png) center no-repeat;
    width: 100%;
    height: 100px;
    margin: 15px auto;
}


/*---copyright---*/

.Yuchih13_copyBG {
    width: 100%;
    background: #565246;
    padding: 5px 0;
}

.Yuchih13_copyBG .Yuchih13_copyright {
    width: 100%;
    text-align: center;
}

.Yuchih13_copyBG .Yuchih13_copyright p {
    font: 13px/24px 微軟正黑體;
    color: #fff;
}

.Yuchih13_copyBG .Yuchih13_copyright p span {
    color: #efe3bb;
}

.Yuchih13_copyBG .Yuchih13_copyright p span span {
    color: #c5bda6;
}

.Yuchih13_copyBG .Yuchih13_copyright ul {
    height: 27px;
    display: inline-block;
    margin: 5px auto 0;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li {
    float: left;
    font: 13px/36px 微軟正黑體;
    color: #fff;
    margin: 0 5px;
    vertical-align: bottom;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li a {
    font: 13px/36px 微軟正黑體;
    color: #fff;
    text-decoration: none;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li a.Yuchih13_FB {
    display: block;
    width: 27px;
    height: 27px;
    background: url(Yuchih13_copyFB.png) left top no-repeat;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li a.Yuchih13_FB:hover {
    background: url(Yuchih13_copyFB.png) left bottom no-repeat;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li a.Yuchih13_mail {
    display: block;
    width: 34px;
    height: 22px;
    background: url(Yuchih13_copymail.png) left top no-repeat;
    margin-top: 3px;
}

.Yuchih13_copyBG .Yuchih13_copyright ul li a.Yuchih13_mail:hover {
    background: url(Yuchih13_copymail.png) left bottom no-repeat;
}


/* 頁面－商品搜尋頁 */

.Kg_ProductListTop {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    background: #FFF;
    border-bottom: 1px #e5e5e5 solid;
    padding: 0 15px;
    margin-bottom: 15px;
}

.Kg_ProductListTop_L {
    float: left;
    font: 15px/35px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
}

.Kg_ProductListTop_L h5,
.Kg_ProductListTop_L span {
    color: #d23148;
}

.Kg_ProductListTop_L h5 {
    margin-right: 10px;
}

.Kg_ProductListTop_L span {
    color: #d23148;
}

.Kg_ProductListTop_L span.PListTop_01 {
    margin-right: 10px;
    font-weight: bold;
}

.Kg_ProductListTop_L span.PListTop_02 {
    margin: 0 5px;
}

.Kg_ProductListTop_R {
    float: right;
    font: 15px/35px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
    margin-top: 2px;
}

.Kg_ProductListTop_R select {
    width: 120px;
    height: 25px;
    font: 15px/25px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #6d6d6d;
}


/*========== 頁碼(通用) ==========*/

.Kg_b_page {
    width: 100%;
    height: auto;
    text-align: center;
}

ul.Kg_pageBox {
    display: inline-block;
    background: #ffffff;
}

ul.Kg_pageBox li {
    float: left;
}

li.Kg_page_prev a,
li.Kg_page_next a {
    display: block;
    padding: 0 15px;
    border: #e5e5e5 1px solid;
    font: 13px/35px 'Noto Sans TC', 'Nunito', sans-serif;
    text-decoration: none;
    color: #555;
}

li.Kg_page_prev a:hover,
li.Kg_page_next a:hover {
    display: block;
    padding: 0 15px;
    border: #e5e5e5 1px solid;
    font: 13px/35px 'Noto Sans TC', 'Nunito', sans-serif;
    text-decoration: none;
    color: #999;
    background: #fdeeea;
}

li.Kg_page_num {
    width: 60px;
    border: #e5e5e5 1px solid;
    border-left: 0;
    border-right: 0;
    font: 15px/35px Arial, Helvetica, sans-serif;
    color: #555;
}

li.Kg_page_num a {
    font: 15px/35px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #555;
}

li.Kg_page_num a:hover {
    font: 15px/35px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #999;
}

@media screen and (max-width: 380px) {
    .nophone {
        display: none;
    }
}


/*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/


/*151109新增手機版商品詳細(加入賺揪幣)*/


/*底下按鈕*/

.product_bottomBtn {
    width: 100%;
    height: 70px;
    padding: 10px;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    background: #FFF;
    border-top: #bcbcbc 1px solid;
}

.product_bottomBtn ul li {
    float: left;
}

.product_bottomBtn ul li a {
    display: block;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}

.p_bottomBtn_add {
    width: 20%;
}

.p_bottomBtn_joo {
    width: 20%;
}

.p_bottomBtn_addcart {
    width: 60%;
}

.joo_Btn_CollectA {
    background: url(joo_Btn_CollectA.png) center top no-repeat;
}

.joo_Btn_CollectB {
    background: url(joo_Btn_CollectB.png) center top no-repeat;
}

.p_bottomBtn_add a {
    width: 96%;
    background-color: #ececec;
    margin: 0 auto;
    text-indent: -9999px;
}

.p_bottomBtn_joo a {
    width: 96%;
    margin: 0 auto;
    text-indent: -9999px;
    background: url(joo_Btn_Joo.png) center top no-repeat;
    background-color: #ececec;
}

.p_bottomBtn_addcart a {
    width: 98%;
    background-color: #d23148;
    margin: 0 auto;
    font: 20px/50px 微軟正黑體, Microsoft Jhenghei, 'Noto Sans TC', 'Nunito', sans-serif;
    color: #FFF;
}

.p_bottomBtn_soldout a {
    width: 98%;
    background-color: #6d6d6d;
    margin: 0 auto;
    font: 20px/50px 微軟正黑體, Microsoft Jhenghei, 'Noto Sans TC', 'Nunito', sans-serif;
    color: #FFF;
}


/* 賺揪幣 */

.joo_BeeLightBox {
    padding-top: 50px;
}

.joo_BeeBox {
    width: 400px;
    padding: 15px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #FFF;
    position: relative;
}

.joo_BeeTitle {
    display: block;
    width: 370px;
    height: 126px;
    background: url(joo_bee_Box.svg) left center no-repeat;
    text-indent: -9999px;
    position: absolute;
    left: 15px;
    top: -45px;
}

.joo_Bee_world {
    width: 100%;
    padding: 0 10px;
    font: 15px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
    background: url(joo_bee_bg.gif) left top repeat;
    margin-top: 68px;
}

.joo_Bee_share ul li {
    float: left;
    font: 15px/45px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
    margin: 10px 0;
    margin-right: 10px;
}

.joo_Bee_share ul li a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
}

.joo_Bee_share ul li.fb a {
    background: url(joo_bee_fb.svg) left top no-repeat;
}

.joo_Bee_share ul li.line a {
    background: url(joo_bee_line.svg) left top no-repeat;
}

.joo_Bee_shareurl {
    display: block;
    width: 100%;
    height: 30px;
    border: #CCC 1px solid;
    font: 13px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #999;
    padding: 0 10px;
}

.joo_Bee_world2 {
    display: block;
    width: 100%;
    height: 35px;
    font: 13px/25px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
    text-align: right;
    margin-top: 10px;
    padding-top: 10px;
    border-top: #ababab 1px dotted;
}

.joo_Bee_world2 a {
    float: right;
    display: block;
    width: 75px;
    height: 25px;
    font: 13px/25px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #00a4a6;
    margin-left: 5px;
}

.joo_BeeDelete a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(joo_bee_delete.svg) left center no-repeat;
    position: absolute;
    right: -15px;
    top: -15px;
}

@media screen and (max-width:470px) {
    .joo_BeeBox {
        width: 280px;
    }
    .joo_BeeTitle {
        width: 250px;
        height: 95px;
        background: url(joo_bee_Box2.svg) left center no-repeat;
        top: -38px;
    }
    .joo_Bee_world {
        padding: 10px;
        font: 15px/20px 'Noto Sans TC', 'Nunito', sans-serif;
        margin-top: 36px;
    }
    .joo_Bee_world2 a {
        float: right;
        display: block;
        width: 65px;
        height: 25px;
        font: 13px/25px 'Noto Sans TC', 'Nunito', sans-serif;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background: #00a4a6;
    }
}

@media screen and (max-width:360px) {
    .p_bottomBtn_addcart a {
        background-image: none;
    }
}


/*151109新增手機版商品詳細(加入賺揪幣)end*/


/*=========YGG共用元件手機版CSS=========*/

.btn_send_new input {
    background-color: #e1ced0;
}

.btn_send_new input:hover {
    background-color: #e1ced0;
}

.AY_btn_saleStatus_ok a:link,
.AY_btn_saleStatus_ok a:hover {
    background: #e1ced0;
}

.AY_btn_saleStatus a:link {
    background: #d2c3ae;
    cursor: default;
}


/*熱門商品元件標題*/

.normal_item11BOX {
    padding: 0 10px;
    text-align: center;
    margin-top: 10px;
}

.witem_titile {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #333;
    background: url(U-RO_37.png) left top no-repeat;
    position: relative;
    margin: 20px auto 35px;
}

.witem_titile a {
    display: block;
    width: 100px;
    border-left: 1px solid #ccc;
    font: 15px/40px 微軟正黑體;
    color: #333;
    text-decoration: none;
    background: url(U-RO_33.png) 80px center no-repeat;
    position: absolute;
    right: 0px;
    text-align: right;
    padding-right: 25px;
}

.witem_titile a:hover {
    color: #444;
    text-decoration: underline;
}


/* copy */

.U-RO_copy {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background-color: #efefef;
    margin-top: 20px;
}

.U-RO_copy ul {
    display: inline-block;
    margin: 0 auto;
    height: 40px;
}

.U-RO_copy ul li {
    float: left;
    margin: 0 10px;
}

.U-RO_copy ul li a {
    display: block;
    height: 40px;
    font: 13px/40px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-decoration: none;
}

.U-RO_copy ul li a:hover {
    color: #333;
    text-decoration: underline;
}

.U-RO_copy ul li.copy_pc {
    background: url(U-RO_PC.png) center left no-repeat;
    padding-left: 15px;
}

.U-RO_copy ul li.copy_phone {
    background: url(U-RO_phone.png) center left no-repeat;
    padding-left: 12px;
}

.U-RO_copy p {
    font: 13px/25px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #999;
}


/* JOO商品顏色共用 */

h2.jooPC_name a {
    color: #333;
}


/*商品名*/

h2.jooPC_name a:hover {
    color: #6d6d6d;
}


/*商品名hover*/

.jooPC_word {
    color: #999;
}


/*商品說明*/

.jooPC_price01 {
    color: #d23148 !important;
}


/*商品特惠價*/

.jooPC_price02 {
    color: #999 !important;
}


/*商品原價*/

.remark a {
    color: #999 !important;
}


/*style44*/

.slides li img {
    display: block;
}

.it395_box {
    background-repeat: no-repeat;
}


/*40*/
.it40_sort_intro .it40_sort_intro_img {display: none;}
.psort_topbanner {
    height: 485px;
    background-size: cover;
    background-position: center top;
}

@media screen and (max-width:1366px) {
    .psort_topbanner {
        height: 345px;
    }
}

@media screen and (max-width:1280px) {
    .psort_topbanner {
        height: 323px;
    }
}

@media screen and (max-width:1024px) {
    .psort_topbanner {
        height: 259px;
    }
}

@media screen and (max-width:960px) {
    .psort_topbanner {
        height: 243px;
    }
}

@media screen and (max-width:768px) {
    .psort_topbanner {
        height: 194px;
    }
}

@media screen and (max-width:640px) {
    .psort_topbanner {
        height: 162px;
    }
}

@media screen and (max-width:480px) {
    .psort_topbanner {
        height: 121px;
    }
}

@media screen and (max-width:320px) {
    .psort_topbanner {
        height: 81px;
    }
}


/*64*/

.it64_box {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 15px;
}

.reload_code a,
.form_star {
    color: #24333f !important;
}

.reload_code a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(reload.svg) center center no-repeat;
    background-size: 26px;
    text-indent: -9999px;
}

.table_column_desc,
.table_column,
.mailBox_bg {
    background-color: #fdfdfd !important;
}

.it64_box input[type="text"],
.it64_box textarea {
    border: 1px solid #ccc;
    font: 14px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #555;
    border-radius: 0;
    -webkit-appearance: none;
}

.it64_box input[type="text"] {
    height: 30px;
}


/*262*/

@media screen and (max-width: 1024px) and (min-width: 641px) {
    .productFlow>ul>li {
        width: 33.3%;
    }
}

@media screen and (max-width: 640px) {
    .productFlow>ul>li {
        width: 50%;
        padding: 0 5px;
    }
}

@media screen and (max-width: 320px) {
    .productFlow>ul>li {
        width: 100%;
        padding: 0 5px;
    }
}


/*421&422*/

.it421_option_r h2 a {
    color: #7b6e6c;
}

.it421_option_r h2 {
    border-bottom: 1px solid #e1ced0;
}

.it421_box .it421_tab>ul>li>a {
    background: #fdeeea;
    color: #7b6e6c;
}

.it421_box .it421_tab>ul>li>a:hover {
    background: #e1ced0;
}

.it421_box .it421_option>ul>li {
    border-bottom: 1px solid #e1ced0;
}

.it421_option_r span a {
    color: #7b6e6c;
}

.it421_box .listbox .sbt_select select {
    color: #958a87;
    border-bottom: 1px solid #958a87;
}


/*it422*/

.it422_top_r01>h2 {
    color: #958a87;
    border-bottom: 1px solid #e1ced0;
}

.it422_toptitle {
    color: #7b6e6c;
}

.it422_top_r01>h2>.it422_topimg1 {
    border: solid 6px #fdeeea;
}

.it422_top_r01>h3 {
    background: #fdeeea;
    color: #7b6e6c;
}

.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a {
    border: solid 5px #fdeeea;
}

.it422_top_r01>div {
    color: #7b6e6c;
}

.it422_pbox .it422_pbox_d h2 {
    width: 100%;
    height: auto;
}

.it422_pbox .it422_pbox_d h2 a,
.it422_pbox .it422_pbox_d h2 a:hover {
    display: block;
    width: 100%;
    height: 25px;
    font: 14px/25px 微軟正黑體, serif, Arial, Helvetica, sans-serif;
    color: #333;
    overflow: hidden;
    text-align: left;
}

.it422_pbox .it422_pbox_d h3.price02 {
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
    line-height: 17px;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold;
}

.it422_pbox .it422_pbox_d h3.price02 span {
    font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
    font-size: 13px;
}

.it422_content .owl-controls {
    height: 32px;
    margin-top: -16px;
}

.it422_content .owl-controls .owl-prev,
.it422_content .owl-controls .owl-next {
    width: 32px;
    height: 32px;
}

.it422_content .owl-controls .owl-prev {
    background: url(it422_arrow.svg) left center no-repeat;
    background-size: 128px auto;
}

.it422_content .owl-controls .owl-next {
    background: url(it422_arrow.svg) right center no-repeat;
    background-size: 128px auto;
}

.joo3_use {
    width: 100%;
    height: 17px;
    border-bottom: 1px solid #e1ced0;
    text-align: center;
    margin-bottom: 40px;
}

.joo3_use h3.price02 {
    height: 17px;
    background: #e1ced0;
    position: relative;
    padding: 0 6px;
    margin-top: 8px;
}

.joo3_use h3.price02:before,
.joo3_use h3.price02:after {
    display: block;
    width: 4px;
    height: 17px;
    content: '';
    position: absolute;
    top: 0;
}

.joo3_use h3.price02:before {
    background: url(it40_price_box.gif) left center no-repeat;
    left: -4px;
}

.joo3_use h3.price02:after {
    background: url(it40_price_box.gif) right center no-repeat;
    right: -4px;
}


/*442*/

@media screen and (max-width: 1366px) {
    .it442_content .flexslider .slides .fill {
        height: 690px;
    }
}

@media screen and (max-width: 1280px) {
    .it442_content .flexslider .slides .fill {
        height: 647px;
    }
}

@media screen and (max-width:1024px) {
    .it442_content .flexslider .slides .fill {
        height: 517px;
    }
}

@media screen and (max-width:768px) {
    .it442_content .flexslider .slides .fill {
        height: 388px;
    }
}

@media screen and (max-width:736px) {
    .it442_content .flexslider .slides .fill {
        height: 372px;
    }
}

@media screen and (max-width:667px) {
    .it442_content .flexslider .slides .fill {
        height: 337px;
    }
}

@media screen and (max-width:640px) {
    .it442_content .flexslider .slides .fill {
        height: 323px;
    }
}

@media screen and (max-width:568px) {
    .it442_content .flexslider .slides .fill {
        height: 287px;
    }
}

@media screen and (max-width:480px) {
    .it442_content .flexslider .slides .fill {
        height: 242px;
    }
}

@media screen and (max-width:414px) {
    .it442_content .flexslider .slides .fill {
        height: 209px;
    }
}

@media screen and (max-width:375px) {
    .it442_content .flexslider .slides .fill {
        height: 189px;
    }
}

@media screen and (max-width:320px) {
    .it442_content .flexslider .slides .fill {
        height: 162px;
    }
}


/* it437 */

.it437 .it437_downbox .it437_productbox .it437_boxhover a {
    font: 36px/36px 微軟正黑體, serif, Arial, Helvetica, sans-serif;
}

.it437 .it437_downbox .it437_productbox .it437_boxhover h3 {
    font: 24px/24px 'Noto Sans TC', 'Nunito', sans-serif;
    font-weight: lighter;
}

.it437 .it437_downbox .it437_productbox .it437_boxhover .it437_boxhover_line {
    border-bottom: 1px solid #fff;
}

.it437 .it437_downbox .it437_productbox .it437_boxhover {
    background-color: rgba(255, 101, 96, .75);
}


/*it452&商品樣式*/

.it452_product .img .img_hover ul li.addcart a {
    background: url(it452_cart.svg) center 4px no-repeat #fe8c8c;
    background-size: 23px;
}

.it452_product .img .img_hover ul li.addcart a:hover {
    background: url(it452_cart.svg) center 4px no-repeat #ffb7b6;
    background-size: 23px;
}

.joo4_pstyle .img .img_hover ul li.addcart a {
    background: url(it452_cart.svg) center 4px no-repeat #fe8c8c !important;
    background-size: 23px !important;
}

.joo4_pstyle .img .img_hover ul li.addcart a:hover {
    background: url(it452_cart.svg) center 4px no-repeat #ffb7b6 !important;
    background-size: 23px !important;
}


/*it397 名人推薦*/

.it397 {
    background: none !important;
    padding-bottom: 40px;
    border-bottom: 1px solid #d9dfe5;
    margin-bottom: 40px;
}

.it397_box {
    padding: 0;
}

.it397_box .it397_inbox {
    padding: 0;
}

.it397_box .it397_inbox>ul>li>div>div.it397_hover {
    background: rgba(255, 255, 255, 0.5);
}

.it397_hover span,
.it397_box .it397_title {
    display: none;
}


/*it416 最新消息輪播*/

.item_416 {
    padding-bottom: 40px;
    border-bottom: 1px solid #d9dfe5;
    max-width: 100%;
    padding-top: 0;
    margin-bottom: 40px;
}

.item_416_img>span {
    padding: 5px;
    width: 50px;
    height: 50px;
    line-height: 20px;
    background: #d23148;
    bottom: -60px;
}

.item_416 .it416_newsbox>a>h3 {
    padding-left: 60px;
}

.it416_content .owl-controls .owl-prev,
.it416_content .owl-controls .owl-next {
    width: 40px;
    height: 80px;
}

.it416_content .owl-controls .owl-prev {
    background: url(it452_arrow.svg) left top no-repeat;
    background-size: 80px;
}

.it416_content .owl-controls .owl-next {
    background: url(it452_arrow.svg) right top no-repeat;
    background-size: 80px;
}


/*it258分類介紹*/

.class_Description {
    border: 0;
    padding: 0;
    margin-bottom: 30px;
}

.class_Description .class_Description_L {
    float: none;
    width: 100%;
}

.class_Description .class_Description_R {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 20px;
}

.psort_topbanner {
    height: 400px;
    background-size: cover;
    background-position: center top;
}

.class_Description .class_Description_R h3 {
    display: block;
    width: 100%;
    font: 30px/36px 'Noto Sans TC', 'Nunito', sans-serif;
    border-bottom: 0;
    margin-bottom: 0;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
}

.class_Description .class_Description_R .Description_L {
    font: 16px/32px 'Noto Sans TC', 'Nunito', sans-serif;
    color: #333;
    text-align: center;
}

ul.AF_pageBox li.dis {
    background: #ebf6fe;
    font-weight: bold;
}

@media screen and (max-width:1366px) {
    .psort_topbanner {
        height: 287px;
    }
}

@media screen and (max-width:1280px) {
    .psort_topbanner {
        height: 269px;
    }
}

@media screen and (max-width:1024px) {
    .psort_topbanner {
        height: 215px;
    }
}

@media screen and (max-width:768px) {
    .psort_topbanner {
        height: 161px;
    }
}

@media screen and (max-width:736px) {
    .psort_topbanner {
        height: 155px;
    }
}

@media screen and (max-width:667px) {
    .psort_topbanner {
        height: 140px;
    }
}

@media screen and (max-width:640px) {
    .class_Description .class_Description_R h3 {
        font: 20px/26px 'Noto Sans TC', 'Nunito', sans-serif
    }
    .class_Description .class_Description_R .Description_L {
        font: 15px/30px 'Noto Sans TC', 'Nunito', sans-serif;
    }
    ul.AF_pageBox li.dis {
        background: #ebf6fe;
        font-weight: bold;
    }
    .psort_topbanner {
        height: 134px;
    }
}

@media screen and (max-width:568px) {
    .psort_topbanner {
        height: 119px;
    }
}

@media screen and (max-width:480px) {
    .psort_topbanner {
        height: 101px;
    }
}

@media screen and (max-width:414px) {
    .psort_topbanner {
        height: 97px;
    }
}

@media screen and (max-width:375px) {
    .psort_topbanner {
        height: 79px;
    }
}

@media screen and (max-width:320px) {
    .psort_topbanner {
        height: 67px;
    }
}


/*商品詳細頁*/

.jooP3_box .jooP3_topbox,
.jooP3_box .jooP3_topbox .big_productinfo .Product_price,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox,
.jooP3_box .Product_contentbox02,
.jooP3_box .Product_contentbox01 {
    border-bottom: 1px solid #eceff2!important;
}

.jooP3_box .jooP3_topbox .big_productinfo h3.Product_subname {
    background-color: #fff !important;
}

.jooP3_box .jooP3_topbox .big_productinfo h2.Product_name {
    font-weight: bold !important;
    color: #505050 !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_icon {
    background-color: #668197 !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_list a,
.jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_list a:hover {
    color: #668197!important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.buy,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.buy:hover,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart:hover .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.buy:hover {
    background: #668197 url(cart_w.svg) no-repeat 35px 50% !important;
    background-size: 24px!important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.buy,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.trace,
.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.p_bottomBtn_joo {
    border-radius: 0px !important;
}

.jooP3_box .Product_contentbox01 {
    display: inline-block;
}

.jooP3_box .Product_contentbox02 h3,
.jooP3_box .Product_contentbox01 h3 {
    display: inline-block;
    font: 20px/40px 微軟正黑體, Microsoft Jhenghei, 'Noto Sans TC', 'Nunito', sans-serif !important;
    color: #555;
    text-align: center;
    position: relative;
    height: 50px;
    margin-bottom: 20px !important;
}

.jooP3_box .Product_contentbox02 h3:after,
.jooP3_box .Product_contentbox01 h3:after {
    content: '';
    width: 60px;
    height: 3px;
    background: #d23148;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 0;
}

.jooP3_box .Product_contentbox01,
.jooP3_box .Product_contentbox02 {
    text-align: center;
}

.jooP3_box .Product_contentbox01 .content,
.jooP3_box .Product_contentbox02 .content {
    text-align: left;
}

.jooP3_productimg .Product_sharebox a {
    margin-right: 5px;
}

.jooP3_productimg .Product_sharebox a.mail,
.jooP3_productimg .Product_sharebox a.facebook,
.jooP3_productimg .Product_sharebox a.google,
.jooP3_productimg .Product_sharebox a.instagram {
    width: 26px !important;
    height: 26px !important;
    background-image: url(product_icons.png)!important;
    background-repeat: no-repeat;
}

.jooP3_productimg .Product_sharebox a.mail {
    background-position: left top !important;
}

.jooP3_productimg .Product_sharebox a.mail:hover {
    background-position: left bottom !important;
}

.jooP3_productimg .Product_sharebox a.facebook {
    background-position: -34px top !important;
}

.jooP3_productimg .Product_sharebox a.facebook:hover {
    background-position: -34px bottom !important;
}

.jooP3_productimg .Product_sharebox a.google {
    background-position: -68px top !important;
}

.jooP3_productimg .Product_sharebox a.google:hover {
    background-position: -68px bottom !important;
}

.jooP3_productimg .Product_sharebox a.instagram {
    background-position: right top !important;
}

.jooP3_productimg .Product_sharebox a.instagram:hover {
    background-position: right bottom !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_icon {
    width: 65px !important;
    background-color: #bf969f !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_list a,
.jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_list a:hover {
    color: #505050 !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_addbox .addbox_list .numlist select {
    height: 30px !important;
    min-width: 60px;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_addbox .addbox_list .addbox_check .price {
    color: #24333f !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_color .color_list .colorBox li.active {
    border: 2px solid #d23148 !important;
}

.joo3_p_sharebox a.mail,
.joo3_p_sharebox a.facebook,
.joo3_p_sharebox a.google,
.joo3_p_sharebox a.instagram,
.joo3_p_sharebox a.twitter,
.joo3_p_sharebox a.plurk,
.joo3_p_sharebox a.sina {
    width: 32px !important;
    height: 32px !important;
}

.joo3_p_sharebox a.mail {
    background: url(p_mail.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.facebook {
    background: url(p_fb.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.google {
    background: url(p_google.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.instagram {
    background: url(p_ig.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.twitter {
    background: url(p_twitter.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.plurk {
    background: url(p_plurk.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.joo3_p_sharebox a.sina {
    background: url(p_sina.svg) no-repeat center center !important;
    background-size: 32px !important;
}

.jooP3_box .jooP3_topbox .big_productinfo .Product_color .color_list .sizeBox li.active {
    border: 1px solid #d23148 !important;
    background: #d23148 !important;
}


/*8*/

.item8_box ul,
.item8_box ul:nth-child(even) {
    background: rgba(255, 255, 255, 0);
}

/* 麵包屑 */
.m_breadCrumbs{border:0;margin: 5px;}

/* 91 輪播廣告 */
#index_1 .Index_ADbannerBox{ margin:0 auto;}
.Index_ADbannerBox{ width:100%;}
.Index_ADbanner{ width:100%; margin:0 auto; position:relative;}
.flexslider{ overflow:hidden;}
.slides{ position:relative; z-index:1;}
.slides li img{ width:100%; height:auto;display: block;}
.Index_ADbannerBox .fill{ background-size:cover; height:400px; background-position:center center;}
.flex-control-nav{ position:absolute; height:20px; bottom:5px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; overflow:hidden; background:rgba(255,255,255,0.4); transform: rotate(45deg); cursor:pointer; text-indent: -9999px;}
.flex-control-nav .flex-active{ background:#fff;}
.flex-direction-nav{ display: none;}
@media screen and (max-width: 960px){
	#index .Index_ADbannerBox .fill{ height: 350px;}
	.Index_ADbannerBox .fill{ height: 388px;}
}
@media screen and (max-width: 800px){
	#index .Index_ADbannerBox .fill{ height: 300px;}
	.Index_ADbannerBox .fill{ height: 323px;}
}
@media screen and (max-width: 768px){
	#index .Index_ADbannerBox .fill{ height: 280px;}
	.Index_ADbannerBox .fill{ height: 310px;}
}
@media screen and (max-width: 680px){
	.Index_ADbannerBox .fill{ height: 275px;}
}
@media screen and (max-width: 640px){
	#index .Index_ADbannerBox .fill{ height: 240px;}
	.Index_ADbannerBox .fill{ height: 259px;}
}
@media screen and (max-width: 568px){
	.Index_ADbannerBox .fill{ height: 229px;}
}
@media screen and (max-width: 480px){
	#index .Index_ADbannerBox .fill{height: 180px;}
    .Index_ADbannerBox .fill{ height: 194px;}
    .flex-control-nav li,.flex-control-nav a{width:6px;height:6px;}
}
@media screen and (max-width: 420px){
	#index .Index_ADbannerBox .fill{ height: 160px;}
	.Index_ADbannerBox .fill{ height: 170px;}
}
@media screen and (max-width: 375px){
	#index .Index_ADbannerBox .fill{ height: 140px;}
	.Index_ADbannerBox .fill{ height: 152px;}
}
@media screen and (max-width: 360px){
	.Index_ADbannerBox .fill{ height: 145px;}
}
@media screen and (max-width: 350px){
	#index .Index_ADbannerBox .fill{ height: 130px;}
	.Index_ADbannerBox .fill{ height: 141px;}
}
@media screen and (max-width: 320px){
	#index .Index_ADbannerBox .fill{ height: 120px;}
	.Index_ADbannerBox .fill{ height: 129px;}
}

/* 320 LOGO輪播 */
.productItem320_BOX{padding:30px 0 0 0;margin: 0 auto;}
.productItem320_BOX .owl-carousel .owl-stage-outer .owl-stage .productItem320_list{text-align: center;margin: 0 auto;}
.productItem320_list img,.productItem320_list a img:hover{border:0;}
.productItem320_BOX .owl-carousel .owl-nav .owl-prev,.productItem320_BOX .owl-carousel .owl-nav .owl-next{width:35px;height:35px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.productItem320_BOX .owl-carousel .owl-nav .owl-prev,.productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover{background:#fff url(prev-arrow.svg) no-repeat;background-size:35px;left: -45px;}
.productItem320_BOX .owl-carousel .owl-nav .owl-next,.productItem320_BOX .owl-carousel .owl-nav .owl-next:hover{background:#fff url(next-arrow.svg) no-repeat;background-size:35px;right: -45px;}
@media screen and (max-width: 1200px){
    .productItem320_BOX{padding:30px 40px 0 40px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-prev,.productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover{left:-30px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-next,.productItem320_BOX .owl-carousel .owl-nav .owl-next:hover{right:-30px;}
}
@media screen and (max-width: 768px){
    .productItem320_BOX{padding:30px 40px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-prev,.productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover{left:-30px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-next,.productItem320_BOX .owl-carousel .owl-nav .owl-next:hover{right:-30px;}
}
@media screen and (max-width: 480px){
    .productItem320_BOX{padding:20px 40px;}
}

/* 540 商品列表 */
.item_540{margin:0 auto;max-width:1200px; width:100%;padding: 0;}
.item_540_content{margin: 0 auto;padding: 0;}
.item_540_contentBox{margin-bottom: 0;padding:0;}
.item_540 .slick-prev,.item_540 .slick-next{width:35px;height:35px;z-index: 1;}
.item_540 .slick-prev,.item_540 .slick-prev:hover{background:url(prev-arrow.svg) no-repeat;background-size:35px;left: -45px;}
.item_540 .slick-next,.item_540 .slick-next:hover{background:url(next-arrow.svg) no-repeat;background-size:35px;right: -45px;}
@media screen and (max-width: 1200px){
    .item_540{padding:0 50px;}
    .item_540 .slick-prev,.item_540 .slick-prev:hover{left:-40px;}
    .item_540 .slick-next,.item_540 .slick-next:hover{right:-40px;}
}
@media screen and (max-width: 768px){
    .item_540{padding:0 40px;}
    .item_540 .slick-prev,.item_540 .slick-prev:hover{left:-30px;}
    .item_540 .slick-next,.item_540 .slick-next:hover{right:-30px;}
}
@media screen and (max-width: 568px){
    .item_540{padding:0 35px;}
    .item_540 .slick-prev,.item_540 .slick-prev:hover{left:-40px;}
    .item_540 .slick-next,.item_540 .slick-next:hover{right:-40px;}
}

.product_list {list-style:none;margin:0;padding:0;}
.product_list li {float:left;box-sizing: border-box;width:25%;padding:20px;}
.product_list_image {height:auto;line-height:0;overflow:hidden;}
.product_list_image img {width:100%;height:auto;transition:0.3s;}
.product_list_image a:hover img {transform: scale(1.05, 1.05);}
.product_text_1 {text-align: center;white-space: normal;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top:10px;}
.product_text_1 a:link, .product_text_1 a:visited{color:#6d6d6d;}
.product_text_1 a{margin-bottom: 5px;}
.product_text_1 .subtitle{letter-spacing: .56px;text-align: center;color: #bbb;margin-bottom: 5px;}
.product_text_2{color:#6d6d6d;text-align: center;margin-bottom: 3px;font-family: 'Nunito', sans-serif;}
.product_text_2 span{color:#ccc;padding-left:8px;font-weight: bold;position: relative;}
.product_text_2 span::before {position: absolute;top: 50%;content: "";left: 10%;right: 0;border-top: 2px solid;border-color: inherit;border-top-color: inherit;width: 92%;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg);}
.product_text_3 {text-align:center;font-family: 'Nunito', sans-serif;}
.product_text_3 .product_list_label {min-width: 70px;display:inline-block;color:#FFF;border-radius:15px;padding:0 10px;font-size:12px;}
.product_text_3 .product_list_label.gray{text-align: center;background-color: #5ab2bf;}
.product_text_3 .product_list_label.red{text-align: center;background-color:#d23148;}
.product_text_3 .product_list_label.green{text-align: center;background-color:#e78b93;}

/* 263 推薦品牌 */
.it263_ADbanner_box{overflow:visible;border:0;max-width:1200px; width:100%;margin: 0 auto;}
.it263_ADbanner_box .owl-nav {margin:-10px auto 0 auto;position:absolute;top:50%;width: 100%;}
.it263_ADbanner_box .owl-carousel.owl-drag .owl-item .item{padding:10px;}
.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev, .it263_ADbanner_box .owl-carousel .owl-nav .owl-next {margin:0;padding:0;width:12px;height:20px;border-radius:0;text-indent:-9999px;background-color:transparent;background-repeat:no-repeat;position:absolute;}
.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev:hover, .it263_ADbanner_box .owl-carousel .owl-nav .owl-next:hover {background-color:transparent;}
.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev,.it263_ADbanner_box .owl-carousel .owl-nav .owl-next{width:35px;height:35px;}
.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev,.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev:hover{background:url(prev-arrow.svg) no-repeat;background-size:35px;left: -45px;}
.it263_ADbanner_box .owl-carousel .owl-nav .owl-next,.it263_ADbanner_box .owl-carousel .owl-nav .owl-next:hover{background:url(next-arrow.svg) no-repeat;background-size:35px;right: -45px;}
.it263_ADbanner_box .owl-carousel .owl-item img{height:auto;}
@media screen and (max-width: 1200px){
    .it263_ADbanner_box{padding:80px 50px 0 50px;}
    .it263_ADbanner_box .owl-carousel .owl-nav .owl-prev,.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev:hover{left:-40px;}
    .it263_ADbanner_box .owl-carousel .owl-nav .owl-next,.it263_ADbanner_box .owl-carousel .owl-nav .owl-next:hover{right:-40px;}
}
@media screen and (max-width: 768px){
    .it263_ADbanner_box{padding:80px 40px 0 40px;}
    .it263_ADbanner_box .owl-carousel .owl-nav .owl-prev,.it263_ADbanner_box .owl-carousel .owl-nav .owl-prev:hover{left:-30px;}
    .it263_ADbanner_box .owl-carousel .owl-nav .owl-next,.it263_ADbanner_box .owl-carousel .owl-nav .owl-next:hover{right:-30px;}
}
@media screen and (max-width: 480px){
    .it263_ADbanner_box{padding:30px 40px 0 40px;}
}


/* 537 當季活動 */
.item_537_image{position: relative;}
.item_537_top{width: 100%;}
.item_537_content{display: flex;}
.item_537_content a{flex:1;margin:0 10px;border: solid 1px #e9e9e9;transition: all .3s;margin-bottom:20px;}
.item_537_content a:hover{border:1px solid #e78b93;}
.item_537_content a .item_537_image:after{content:'';position: absolute;width:100%;height:100%;background-color:rgba(231,139,147,.55);z-index:5;left: 0;top: 0;opacity:0;transition: all .3s;}
.item_537_content a:hover .item_537_image:after{opacity: 1;}
.item_537_content a .item_537_image img{transition: all .3s;}
.item_537_content a:hover .item_537_image img{transform:scale(1.05);}
.item_537_text{position:relative;bottom: 0;left: 0;padding:20px;width:100%;text-align: left;}
.item_537_text_1{color: #6d6d6d;letter-spacing:.8px;font-family: 'Baskervville', serif;font-weight: normal;text-align: left;}
.item_537_text_2,.item_537_text_3{margin-bottom: 0;letter-spacing:.6px;color: #bbb;text-align: left;font-size: 15px;font-weight: normal;white-space: inherit;}
@media screen and (max-width: 992px){
    .item_537_content {display: block;}
    .item_537_content a{display: block;max-width:380px;margin: 0 auto 20px auto;}
}
@media screen and (max-width: 768px){
    .productItem320_BOX{padding:30px 40px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-prev,.productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover{left:-30px;}
    .productItem320_BOX .owl-carousel .owl-nav .owl-next,.productItem320_BOX .owl-carousel .owl-nav .owl-next:hover{right:-30px;}
}
@media screen and (max-width: 480px){
    .productItem320_BOX{padding:20px 40px;}
}

/* login */
.AF_Member_LoginPage_left, .MemberLogin_left,.AF_Member_LoginContent_left{background-color:#fff;}
.AF_Member_LoginTitle_left,.AF_Member_Login_bt li a,.AF_attest_number a,.AF_Member_LoginBox_left{color:#6d6d6d!important;}
.AF_Member_Login_bt li a:hover,.AF_attest_number a:hover{color:#444!important;}
.AF_Member_LoginTitle_left, .AF_Member_LoginTitle_L{font-weight: normal;}

/* backtotop */
.gotop {
	display:none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	background:url(backtotop-btn.png) no-repeat center center;
	width:90px;
	height:90px;
	z-index: 999;
	outline: none;
	cursor: pointer;
	text-decoration:none;
}
@media screen and (max-width:1366px){
    .gotop{transform: scale(.7);right: 0;}
}

/* member center */
.member_centerMbg292 ul > li{background-color: #5ab2bf;border-top: 0;font: 15px/40px 'Noto Sans TC', 'Nunito', sans-serif;}
.member_centerMbg292 ul > li > a{font: 15px/40px 'Noto Sans TC', 'Nunito', sans-serif;}
.member_centerMbg292 ul > li > .memeber_sub{box-shadow: none;border-bottom: 1px solid #ddd;}
.it49 .it49_order_productlist .price span.new_price, .it49 .it49_gotodeatil .it49_all_price span, .more_order_productlist span, .it49_order_detailL li:first-child span{color: #d23148;}
.it49status_step.is-complete .car .wheel_left, .it49status_step.is-complete .car .wheel_right, .it49status_step.is-complete .car .head2, .it49status_step.is-complete .it49status_marker::before {border-color: #e78b93;}
.it49status_step.is-complete .car .body, .it49status_step.is-complete .car .head, .it49status_step.is-complete .it49status_marker::before, .it49status_step.is-complete .it49status_marker::after {background-color: #e78b93;}
#member_edit .FOR_MAIN,#member_editpw .FOR_MAIN,#order_inquiry .FOR_MAIN,#order_detail .FOR_MAIN,#member_account .FOR_MAIN,#emoney_mem .FOR_MAIN,#member_bonus .FOR_MAIN,#bonus_ticket .FOR_MAIN,#marketing_ticket_mem .FOR_MAIN,#marketing_ticket_register .FOR_MAIN,#product_trace_list .FOR_MAIN,#address_book .FOR_MAIN{background-color: #f6f6f6;}
.it49status_step.is-complete .it49status_text{color:#6d6d6d;}
.all_scart_top .cart_step .font_color_01{border-color: #e78b93;}
.all_scart_top .cart_step .font_color_01::after{background-color: #e78b93;}
.font_color_01{color:#e78b93;}
.item61_box .trace_cancel{height:46px;margin: 10px;}
#address_book span.it120_btnstyle{margin-bottom:10px;display: block;}
#address_book span.it120_btnstyle:first-child{margin-top:10px;}
.trace_buybtn a, .trace_buybtn01 a,.item61_box .trace_cancel a,.it120_btnstyle a:link, .it120_btnstyle a:hover{font: 16px/45px 'Noto Sans TC', 'Nunito', sans-serif !important;}
@media screen and (max-width:420px){
    .member_centerMbg292 ul > li,.member_centerMbg292 ul > li > a{font: 12px/40px 'Noto Sans TC', 'Nunito', sans-serif !important;}
}

/* product_detail */
.tbs_share_box{color:#6d6d6d!important;background: url(icon-share.svg) no-repeat left center!important;background-size: 24px!important;font-weight:normal!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo h1.Product_name,.product_number li:nth-child(2) input,.product_number li.can_hover a,.product_number li.can_hover a{color:#6d6d6d!important}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_gift a:hover, .pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_sales .sales_list a {background-color: #ee3643;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_gift a, .pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_sales .sales_list a{background-color:#fff!important;color:#e78b93!important;border:1px solid #e78b93;background-image: url(gift.png)!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .now_price_2,.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .now_price{font-weight:normal!important;font-family: 'Nunito', sans-serif!important;font-size: 26px!important;color:#6d6d6d!important;}
.Product_contentbox02 h3.pc_title,.pd_dt_joo4_box .Product_contentbox02,.content{color:#6d6d6d!important;font-family:'Noto Sans TC', 'Nunito', sans-serif!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .old_price{color:#e78b93!important;font-size: 16px!important;}
.pd_dt_joo4_addcar_box{border:0!important;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_top,.fancybox-skin,.pd_dt_joo4_box .pd_dt_joo4_topbox .big_productinfo h1.Product_name,.pd_dt_joo4_product_number li:nth-child(2) input,.pd_dt_joo4_product_number li.can_hover a,.Product_plus .Product_plus_list span, .pd_dt_joo4_group a,.Product_Gift a,.Product_plus .Product_plus_content,.Product_Payment,.pd_dt_joo4_box .pd_dt_joo4_productbar ul li a,.Product_color .color_name{color:#6d6d6d!important;}
.Product_Gift a:hover,.pd_dt_joo4_box .pd_dt_joo4_productbar ul li a:hover{color:#444!important;}
.Product_notes{color:#777!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_notesbox .Product_notes{height:auto!important;text-align: justify!important;word-break: break-all;}
.Product_price .was_price{font-family: 'Nunito', sans-serif!important;font-weight: bold!important;color:#bbb!important;font-size:26px!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .was_price::before {border-top: 2px solid!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .was_price_2{font-weight: bold!important;font-size:26px!important;}
.Product_color .color_list .sizeBox li.active{background-color:#e78b93!important;border: 1px solid #e78b93!important;}
.Product_btnbox a.pd_dt_joo4_button_like{color:#fff!important;border:0!important;background:#5ab2bf url(icon-wishlist.svg) 5px center no-repeat!important;background-size: 25px !important;letter-spacing: .5px!important;line-height: 26px!important;}
@media screen and (max-width:320px){
    .Product_price .was_price,.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .was_price_2,.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .now_price,.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_price .now_price_2{font-size:22px!important;}
}
.Product_btnbox a.pd_dt_joo4_button_like:hover,.Product_btnbox a.pd_dt_joo4_button_like.pd_dt_joo4_button_like_on{color:#fff!important;border:0!important;background:#4BAAB9 url(icon-wishlist-black.svg) 5px center no-repeat!important;background-size: 25px !important;}
.Product_plus .Product_plus_title{background-color:#c7c7c7!important;}
.Product_gift a, .Product_sales .sales_list a{background-color:#fff!important;color:#e78b93!important;border:1px solid #e78b93;background-image: url(gift.png)!important;}
.Product_Gift span{background-color:#d42b48!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox{height:70px!important;}
.addcar_box .addcar_top,.pd_dt_joo4_addcar_box .pd_dt_joo4_seemore{text-align: center;}
.alladdbox .addbtn{font: 16px/26px 'Noto Sans TC', 'Nunito', sans-serif;}
.Combination .color_name{background-color: #c7c7c7 !important;}
.Product_plus .Product_plus_title p,.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_color .color_name{font-size:15px!important;}
.group_box_deta .pd_dt_joo4_article_r h3 a{color:#6d6d6d!important;}
.group_box_deta .pd_dt_joo4_article_r p{color:#999!important;}
.Product_Payment{font-size:15px!important;}
.Product_Num {color:#bbb;font-size:15px;}
.Product_Num span:first-child{margin-right:15px;}
@media screen and (max-width: 450px){
    .Product_Num span{display: block; line-height: 24px;}
    .Product_Num span:first-child{margin-right:0;}
}

/* shopping */
.all_scart_box .scart_bottom_btn, #shopping_cart .scart_bottom_btn{z-index: 8010;}
.shoppinglist-content-list .setP_quantity input{height:46px;vertical-align: middle;}
.shoppinglist-content-list .setP_quantity input:nth-child(1),.shoppinglist-content-list .setP_quantity input:nth-child(2),.shoppinglist-content-list .setP_quantity input:nth-child(3),.shoppinglist-content-list,.shoppinglist-content-list h2 a:link, .shoppinglist-content-list h2 a:visited{color:#6d6d6d;}
.shoppinglist-content-list td a:hover{color:#444;}
/* 1 */
.all_scart_top .top_title,.scart_total,.i-shoppinglist-title h3,.font_size_05,.scart_prod_list a:link, .scart_prod_list a:visited, .scart_prod_list a:hover,.scart_list_title,.scart_prod_list table td,.scart_quantity input:nth-child(2),.all_scart_btn span a:link, .all_scart_btn span a:visited, .scart_content_I span a:link, .scart_content_I span a:visited{color:#6d6d6d;}
.all_scart_top .cart_step .font_color_01{border-color:#e78b93;}
.all_scart_top .cart_step .font_color_01::after{background-color: #e78b93;}
.font_color_01{color:#e78b93;}
a.scart_icon_delete{background:url(cart-delete.png) center no-repeat;}
.all_scart_btn .all_scart_btn_group input{height:46px;}
.all_scart_btn.jooshop_btn_color2 input[type="submit"], .all_scart_btn.jooshop_btn_color input[type="submit"],.all_scart_btn.jooshop_btn_color2 input[type="button"], .all_scart_btn.jooshop_btn_color input[type="button"]{line-height: 45px;}
/* 2 */
.it66_select_btn:hover{border-color:#e78b93;background-color: #e78b93;}
.content_style:hover {border: 1px solid #e78b93;}
#copy_inv_addr_2_recv, #copy_inv_addr_2_buy, #copy_inv_addr_recv,.scart_content_I textarea,.all_scart_result .cart_step li,.scart_content_K table, .scart_content_L table, .scart_content_M table{color:#6d6d6d!important;}
#com_receive, .scart_coupon_box .scart_coupon_title, a.invoice_carruer_type_content,.content_style .scart_content_radio a{border-color:#6d6d6d;color:#6d6d6d;background-color: transparent;}
.all_scart_content .scart_coupon_box .scart_coupon_title{background-image: url(up-arrow.png);}
.all_scart_content .scart_coupon_box .scart_coupon_title.open {background-image: url(down-arrow.png);}
.scart_coupon_block{color:#6d6d6d;}
.scart_coupon_qa span{background-color: #5ab2bf;}
.update_checkbox label,.meatTxt,#copy_inv_addr_2_recv, #copy_inv_addr_2_buy, #copy_inv_addr_recv,.scart_content_title,.content_style .scart_content_radio label,.content_style,.content_style input[type="text"], .content_style input[type="password"], .content_style select{color:#6d6d6d;}
.content_style .scart_content_radio input:checked + label{background-color: #f3f3f3;}
.it66_btn.edit,.update_checkbox input:checked + label::before,.meatTxt_btn,.scart_content_H .scart_mark a:hover::before, .scart_content_H .scart_mark a.check::before, .scart_content_G .scart_mark a:hover::before, .scart_content_G .scart_mark a.check::before,.Product_plus .Product_plus_list .Product_plus_item input:checked + label::before, .Product_color .color_list .pd_dt_joo4_group input:checked + label::before{background-color: #e78b93!important;}
.meatTxt_btn:hover,.it66_btn.edit:hover{background-color: #E58088!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;}
.it66_btn.delete{background-color:#999;}
.it66_btn.delete:hover{background-color:#888;}
.content_style .scart_content_radio input:checked + label::before {background-image: url(scart_point.svg);background-size: 10px;}
.order_addressee_and_phone{margin-bottom:10px;}
.addresstitle{background-color:#5ab2bf;}

/* login */
.AF_Member_Login_bt ul li:nth-child(2),.AF_Member_Login_bt ul li:nth-child(3){display: none!important;}
#employee_into_01 .poM_Content .poM_memberItem ul li:nth-child(2){height:20px;line-height: 20px;margin-top: 0;}
#employee_into_01 .poM_Content .poM_memberItem ul li:nth-child(3) input[type="text"]{background-color: transparent;width:48%!important;}
#employee_into_01 .poM_Content .poM_memberItem ul li:nth-child(3) span.poM_EnterBox01{width:50%!important;}
#employee_into_01 .poM_Content .poM_memberItem ul li:nth-child(3) input.mobile_forform{width:100%!important;}
#employee_into_01 .poM_Content .poM_EnterBox03 select:first-child{margin-left: 0;}

/* 110 QA */
#inquiry_record .poM_OrderP2_in01{background-color: transparent;}
.q-time, .a-time{padding:0;}
.status_result table.qa_record td{padding:10px;}
.it110_img_q{background: url(img_question.png) left top no-repeat;width:110px;height:30px;margin:5px;background-size: 100%;}
.it110_img_a{background: url(img_answer.png) left top no-repeat;width:110px;height:30px;margin:5px;background-size: 100%;}

/* member */
#mem_telcellphone2 { display: none; }

/* 504 你可能也喜歡 */
.it504 .owl-nav .owl-prev,.it504 .owl-nav .owl-next{width:35px;height:35px;z-index: 1;text-indent: -9999px;}
.it504 .owl-nav .owl-prev,.it504 .owl-nav .owl-prev:hover{background:url(prev-arrow.svg) no-repeat!important;background-size:35px!important;left: -45px;}
.it504 .owl-nav .owl-next,.it504 .owl-nav .owl-next:hover{background:url(next-arrow.svg) no-repeat!important;background-size:35px!important;right: -45px;}
@media screen and (max-width: 1200px){
    .it504{padding:0 50px;}
    .it504 .owl-nav .owl-prev,.it504 .owl-nav .owl-prev:hover{left:-40px;}
    .it504 .owl-nav .owl-next,.it504 .owl-nav .owl-next:hover{right:-40px;}
}
@media screen and (max-width: 768px){
    .it504{padding:0 40px;}
    .it504 .owl-nav .owl-prev,.it504 .owl-nav .owl-prev:hover{left:-30px;}
    .it504 .owl-nav .owl-next,.it504 .owl-nav .owl-next:hover{right:-30px;}
}
@media screen and (max-width: 320px){
    .it504_box{padding:0 10px;}
}

/*it349-品牌總攬*/
.page_brand_list{max-width:1200px; margin:0 auto;}
.page_brand_list .wrap {text-align: center;}
.page_brand_list .brand_list .brand_name{text-align: left;}
.page_brand_list .brand_filter a{ padding: 5px 10px; color: #6d6d6d; border: 1px solid #ddd;}
.page_brand_list .brand_filter a:hover{background:#f5f5f5;}
.page_brand_list .brand_filter a.active{ background:#e78b93; border: 1px solid #e78b93;}
.page_brand_list .bb_blk3 { border-color: #ddd;}
.page_brand_list .brand_list { border-bottom: 1px solid #e6e7e8;}
/* .page_brand_list .brand_list ul{padding: 10px 10px 15px 10px;} */
.page_brand_list .brand_list .title{padding:20px;}
.page_brand_list .brand_list:last-child{border-bottom: 0;}
.page_brand_list .brand_list img{border-radius: 10px;}
.page_brand_list .brand_list .brand_name {padding: 20px;margin-left: 0;}
.page_brand_list .brand_list:last-of-type ul{ border-bottom: 0;}
.page_brand_list .brand_list .brand_name ul{display: flex; flex-wrap: wrap;}
.page_brand_list .brand_list .brand_name ul li{  flex:0 0 20%; /*float:left; width: 20%;*/text-align: center; padding: 10px 15px;}
.page_brand_list .brand_list .brand_name ul li a{ display: inline-block; color: #6d6d6d; font-size:14px;}
.page_brand_list .brand_list .brand_name ul li a img{ margin: 0 auto; transition: all .3s; width: 100%;height: 100%;}
.page_brand_list .brand_list .brand_name ul li a:hover{ color:#333; font-size:14px; text-decoration:none;}
.page_brand_list .brand_list .brand_name ul li a:hover img{transform: scale(1.07);}
.page_brand_list .brand_list .brand_name{width:100%; padding-left: 150px;}
@media screen and (max-width: 992px) {
    .page_brand_list .wrap{padding:0 15px;}
    .page_brand_list .tac{text-align: left;}
    .page_brand_list .brand_list .brand_name ul li{flex:0 0 25%;}
}
@media screen and (max-width: 768px) {
    .page_brand_list .brand_list .title{float:none;width:100%;text-align:left;}
    .page_brand_list .brand_list .brand_name{padding: 0;}
}
@media screen and (max-width: 680px) {
    .page_brand_list .brand_list .brand_name ul li{flex:0 0 33.3333%;}
}
@media screen and (max-width: 568px) {
}
@media screen and (max-width: 480px) {
	.page_brand_list .brand_list .brand_name ul li{flex:0 0 50%;}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	.page_brand_list .brand_list .brand_name ul li{width: 48%;}
}

/* 手機版登入隱藏註冊 */
.st-menu-bg .member_btn ul li.jooshop_btn_color2.dislogin{display:none!important;}