@charset "UTF-8";

.jb{ border: 1px solid #ff9900; }


*{ 
    font-family: "微軟正黑體", "Raleway", "Helvetica Neue", Helvetica, Arial;  
    font-weight: 300;
}
a{ cursor: pointer; text-decoration: none; color:rgba(51,51,51,1); }
a:link{ text-decoration: none; color:rgba(51,51,51,1); }
a:visited{ text-decoration: none; color:rgba(51,51,51,1); }
a:hover{ text-decoration: none; color:rgba(51,51,51,1); }
.atul{ text-decoration: underline !important; }
.atul:link{ text-decoration: underline !important; }
.atul:visited{ text-decoration: underline !important; }
.atul:hover{ text-decoration: underline !important; }
a.aname{
    display: block;
    width: 100%;
    height: 1px;
}
body {
    height: 100%;
    color:rgba(51,51,51,1);
    padding-top: 90px;
    padding-bottom: 0px;
}


.btnc{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 2px solid transparent;

    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.btnc:link{ text-decoration: none; }
.btnc:visited{ text-decoration: none; }
.btnc:hover{ text-decoration: none; }
.btncs{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 2px solid transparent;

    padding-right: .2rem;
    padding-left: .2rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.btncs:link{ text-decoration: none; }
.btncs:visited{ text-decoration: none; }
.btncs:hover{ text-decoration: none; }

.btnc-dark{ color:#ffffff !important; background-color: #333333;}
.btnc-dark:link{ color:#ffffff !important; background-color: #333333;}
.btnc-dark:visited{ color:#ffffff !important; background-color: #333333;}
.btnc-dark:hover{ color:#ffffff !important; background-color: #5B5B5B;}

.btnc-light{ color:#121212 !important; background-color: #FFFFFF; border:2px solid #C3C3C3;}
.btnc-light:link{ color:#121212 !important; background-color: #FFFFFF;}
.btnc-light:visited{ color:#121212 !important; background-color: #FFFFFF;}
.btnc-light:hover{ color:#121212 !important; background-color: #efefef;}

.btnc-rent{ color:#ffffff !important; background-color: #000000;}
.btnc-rent:link{ color:#ffffff !important; background-color: #000000;}
.btnc-rent:visited{ color:#ffffff !important; background-color: #000000;}
.btnc-rent:hover{ color:#ffffff !important; background-color: #333333;}

.btnc-sell{ color:#ffffff !important; background-color: #C53500;}
.btnc-sell:link{ color:#ffffff !important; background-color: #C53500;}
.btnc-sell:visited{ color:#ffffff !important; background-color: #C53500;}
.btnc-sell:hover{ color:#ffffff !important; background-color: #DE3B00;}


.btnlogin{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 2px solid transparent;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 12px;
    width: 100%;
}
.btnfacebooklogin{ color:#ffffff !important; background-color: #AEBDD4; }
.btngooglelogin{ color:#ffffff !important; background-color: #DB3237; }






/* bootstrap modal */
.modal{ z-index: 9999; }
.modal-backdrop{z-index: 9998;}





/* header start */
header{  }
.header4desktop{ 
    height: 90px; 
    background-color: #ffffff;
    border-bottom: 1px solid #DDDDDD; 
    z-index: 5000;
}
.header4desktop a{ color:rgba(51,51,51,1); }
.header4desktop a:link{ color:rgba(51,51,51,1); }
.header4desktop a:hover{ color:rgba(80,80,80,1); }
.header4desktop nav{ 
    height: 100%; 
}

.header4desktop .logoimg{ 
    
}

.nav_icon_box{
    display: inline-block;
    padding: 12px;
    position:fixed;
    top: 12px;
    left:10px;
}
.nav-icon{
    height:18px;
    width:23px;
    line-height:90px;
    vertical-align:middle;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
    -o-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out;
    cursor:pointer
}
.nav-icon span{display:block;position:absolute;height:1px;width:100%;background:#333333;border-radius:1px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out}.menu-text{font-family:EngraversGothic BT, serif;letter-spacing:2px;font-size:14px;text-transform:uppercase;line-height:90px;margin-left:15px}
.nav-icon span:nth-child(1){top:0px}
.nav-icon span:nth-child(2){top:8px}
.nav-icon span:nth-child(3){top:8px}
.nav-icon span:nth-child(4){top:16px}
.nav-icon.active span:nth-child(1){top:8px;width:0%;left:50%}
.nav-icon.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-icon.active span:nth-child(4){top:8px;width:0%;left:50%}


    
   


.menu4desktop{
    display: block;
    margin-top: 0px;
}
.menu4desktop > li{
    float:left;
    cursor: pointer;
}
.menu4desktop > li .menu_title{
    padding-top: 34px;
    height: 90px;
}
.menu4desktop.headicon_box > li{ cursor: auto; }
.menu4desktop.headicon_box > li .menu_title{
    padding-top: 28px;
    height: 90px;
}
.menu4desktop > li .menu_title .headicon{
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 5px;
}
.menu4desktop > li .menu_title .headicontxt{
    width: auto;
}
.menu4desktop > li .menu_title .headicontxt span{
    display: inline-block;
    height: 24px;
}
.headicon img.iconhead{
    width: 24px;
    height: 24px;
}
.menu4desktop > li .menu_box{
    width: 100%;
    min-height: 420px;
    position: absolute;
    top:90px;
    left: 0px;
    background-color: #ffffff;
    border-bottom: 1px solid #DDDDDD; 
    opacity:0;
    display: none;
}
.menu4desktop > li.menu_dropbox_fa{
    position: relative;
    opacity:0;
    display: none;
}
.menu4desktop > li .menu_box.menu_dropbox{
    padding: 0px 24px;
    width: 500px;
    min-height: 0px;
    position: absolute;
    top:auto;
    left:-1px;
    background-color: #ffffff;
    border-bottom: 0px solid #DDDDDD; 
    opacity:0;
    display: none;
}
.menu4desktop .menu_dropbox ul li{

}
.menu_title .btnc{
    padding: 8px;
    line-height: 16px;
}
.menu_titleHL{ color:#df3317; }

header .cartcount_box{
    position: relative;
}
header .cartcount{
    display: none;
    position: absolute;   
    top: 6px;
    right:2px;

    width: 12px;
    height: 12px;
    border-radius: 12px;

    font-size: 10px;
    line-height: 10px;

    padding: 1px 0px 0px 0px;
    margin: 0px;
    background-color: #000;
    color:#fff;
    text-align: center;
    vertical-align: center;
}
header .cartcount_m_box{
    position:fixed;
    top: 17px;
    right:10px;
}
header .cartcount_m_box .cartcount_box{
    display: inline-block;
    width: 36px;
    height: 36px;
}
header .cartcount_m_box .cartcount_box .cartcount{
    top: 3px;
    right:7px;
}


.menu4desktop .menu_wrapper{
    margin: 40px 110px 0px 110px;
}
.menu4desktop .menu_list{
    
}
.menu4desktop .menu_list.menu_brandbox{
    max-width: 1200px;
    margin: auto;
    height: 50%;
    overflow: auto;
}
.menu_brandbox .menu_brandcate{
    width: 70%;
    font-size: 20px;
    text-align: center;
    border-bottom: 2px solid #B3AFAE;
}

.menu4desktop .menu_banner img{
    width: 100%;
    height: auto;
}
.menu4desktop .menu_banner{
    
}
.menu4desktop .menu_banner_tip{
    display: inline-block;
    margin-top: 16px;
}

.searchbar_libox{
    position: relative;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
}
.searchbar_box{
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    min-width: 370px;
}
.searchbar_box input{
    border:0px;
    border-bottom:1px solid #333;
    padding: 5px 5px 5px 32px;
    width: 98%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-image: url('./../imgs/icon_head_search.gif');
}
.m_searchbar_libox{
    border-bottom:1px solid #DCDCDC;
}
.m_searchbar_libox input{
    border:0px;

    padding: 10px 5px 10px 40px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: 8px 10px;
    background-image: url('./../imgs/icon_head_search.gif');
}


.menu-icon{
    height:10px;
    width:10px;
    display: inline-block;
    margin-right: 10px;
    vertical-align:middle;
    -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
    -webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;
    cursor:pointer
}
.menu-icon.menu-icon-hide span{ display: none; }
.menu-icon span{display:block;position:absolute;height:1px;width:100%;background:#333333;border-radius:1px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out}.menu-text{font-family:EngraversGothic BT, serif;letter-spacing:2px;font-size:14px;text-transform:uppercase;line-height:90px;margin-left:15px}
.menu-icon span:nth-child(1){top:5px}
.menu-icon span:nth-child(2){left:5px; height:100%;width:1px; }
.menu-icon.active span:nth-child(1){}
.menu-icon.active span:nth-child(2){-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

.menu4mobile_box{
    position: absolute;
    top: 60px;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color: #EDEDED;
    overflow-y: scroll;
    -webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;
    padding-bottom: 60px;
}
.menu4mobile_box.active{
    left: 0px;
}
.menu4mobile{ list-style: 0px; padding: 0px;}
.menu4mobile .menu_title a{ 
    display: inline-block; width: 100%; height: 100%; 
}
.menu4mobile .menu_title a.viewall{ 
    font-size: 12px;
    text-align: right;
}

.menu4mobile .menu_title { border-bottom: 1px solid #DCDCDC; }
.menu4mobile > li{
    background-color: #ffffff;
}
.menu4mobile > li > .menu_title{
    padding: 10px 16px;
}
.menu4mobile > li > .menu_box{
    background-color: #F6F6F6;
    opacity:0;
    display: none;
}
.menu4mobile_lv1{ list-style: 0px; padding: 0px;}
.menu4mobile_lv1 > li{
    background-color: #F6F6F6;
}
.menu4mobile_lv1 > li > .menu_title{
    padding: 10px 16px 10px 36px;
}
.menu4mobile_lv1 > li > .menu_box{
    background-color: #F6F6F6;
    opacity:0;
    display: none;
}
.menu4mobile_lv2{list-style: 0px;padding: 0px;}
.menu4mobile_lv2 > li{

}
.menu4mobile_lv2 > li > .menu_title{
    padding: 10px 16px 10px 60px;
}
.menu4mobile_lv2 > li > .menu_box{
    opacity:0;
    display: none;
}




.menu4mobile .menu_wrapper{
    margin: 40px 110px 0px 110px;
}
.menu4mobile .menu_list{
    
}
.menu4mobile .menu_banner img{
    width: 100%;
    height: auto;
}
.menu4mobile .menu_banner{
    
}
.menu4mobile .menu_banner_tip{
    display: inline-block;
    margin-top: 16px;
}






/* header end */

/* footer start */
footer{ background-color: #F6F6F6; border-top: 1px solid #DCDCDC; }
footer h5{ font-size: 14px; }
footer ul{ list-style: none; padding: 0px; margin-top: 4px;}
footer li{ font-size: 13px; margin-top: 4px;}
.footercopyright{ font-size: 12px; }
/* footer end */







.container{ max-width: 1200px; }















/* jssor 1 */
.jssor_box{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    visibility:hidden;
}
.jssor_box .loading_box{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.7);
}
.jssor_box .loading_box img{
    margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
}
.jssor_box .slides_box{
    position:relative;
    top:0px;left:0px;
    overflow:hidden;
}
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}
.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
/* jssor 0 */





/* index_banner_box 1 */
.index_banner_box{ width: 1200px; height: 570px; margin: auto; }
.index_banner_box .bannercontent_box{
    position:relative;
    z-index:0;
}
.index_banner_box .bannercontent_box .content_title{
    position: absolute;
    top:50px;
    left: 50%;
    
    color:#ffffff;
    font-size: 24px;
    line-height: 30px;
    display: inline-block;
    padding: 10px 30px;
    background-color: rgba(0,0,0,0.5);
}
.index_banner_box .bannercontent_box .content_subtitle{
    position: absolute;
    top:110px;
    left: 50%;

    color:#ffffff;
    font-size: 18px; 
    line-height: 22px;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    background-color: rgba(0,0,0,0.5);
}
.index_banner_box .bannercontent_box .content_intro{
    position: absolute;
    top:200px;
    left: 50%;

    color:#ffffff;
    font-size: 12px; 
    line-height: 14px;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    background-color: rgba(0,0,0,0.5);
}
.index_banner_box .bannercontent_box .content_more{
    position: absolute;
    top:450px;
    left: 50%;
    color:#ffffff;
    font-size: 14px; 
    line-height: 18px;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    background-color: rgba(0,0,0,0.5);
}
/* index_banner_box 0 */




/* index_introbox start */
.index_introbox{  }
.intro_title{}
.intro_box{
    margin-top: 200px;
    background-color: #F4EDE5;
    position: relative;
}

.introlistbox{
    margin-top: -165px;
}
@media screen and (max-width: 576px) {
    .intro_box{
        margin-top: 0px;
    }
    .introlistbox{
        margin-top: 0px;
    }
}
.introlistimg{
}
.introlistklay{
    position: relative;
    height: 270px;
    background-color: #fff;
    top: -40px;
    border-top: 5px solid #333333;
}
.introlistcontent_b{}
.introlistcontent_t{
    border-bottom: 1px solid #DCDCDC;
}
.introlistcontent_l{ padding:0px; list-style-type: none; list-style-position: inside; }
.introlistcontent_l li{
    color:#333333;
}
.introlistcontent_l li img{
    vertical-align: baseline;
    height: 16px;
    margin-right: 18px;
}
/* index_introbox end */






/* index_occasion start */
.occasion_box{ 
    
}
.occasion_box .h3{ 
    text-align: center;
}
.occasionlist_box{}
.occasionlist_one{
    text-align: center;
    /*width: 258px;
    height: 210px;
    padding: 20px 20px 20px 20px;
    float: left;*/
    border: 1px solid #DDDDDD;
    border-top: 0px;
    border-left: 0px;
}
.occasionlist_one.norightline{ border-right-color: #ffffff; }
.occasionlist_one.nobottomline{ border-bottom-color: #ffffff; }
.occasionlist_one img{ width: 160px; margin: auto; }
.occasionlist_one p{  }
/* index_occasion end */












/* FAQ 1 */
.faq_box{
    padding-top: 50px;
}
.faq_category{
    padding-bottom: 50px;
}
.faq_category_title{
    font-size: 18px;
    line-height: 22px;
    padding-bottom:  10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.faq_category_main{
    margin-left: 20px;
}
.faq_one{
    margin-bottom: 30px; 
}
.faq_one_title{ 
    font-size: 20px;
    margin-bottom: 10px; 
}
.faq_one_main{
    margin-left: 40px;
}




/* FAQ 0 */







/* pagesbanner_box 1 */
.pagesbanner_box{ 
    width: 100%;
    height: 246px;
    overflow: hide;
}
.pagesbanner_slogan img{ 
    top:0px;
    left: 0px
    position: absolute; 
}
.pagesbanner_slogan{ 
    padding-top:87px;
    font-size: 50px;
    text-align: center;
}
/* pagesbanner_box 0 */







/* htmlmultipage_box 1 */
.htmlmultipage_box{
    padding-top: 80px;
}
.htmlmultipage_box h1{}
.htmlmultipage_box hr{}
.htmlmultipage_box .editorbox{}
/* htmlmultipage_box 0 */






/* products 1 */

.filter_category_box{
    margin-bottom: 20px;
}
.filter_category_title{
    font-size: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}
.filter_category_title a{
    font-size: 16px;
    display: inline-block;
    float: right;
    margin-top: 14px;
}
.filter_category_main{
    
}
.filter_alink{
    display: inline-block;
    width: 100%;
    text-decoration: underline !important;
}
.filters_box{
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}
.filters_title{
    font-size: 12px;
    padding-bottom: 10px;
}
.filters_onecolor{
    width: 30px;
    height: 30px;
    margin: 5px;
    display: inline-block;
    position: relative;
    float: left;
    border-radius: 50%;
    box-sizing: border-box;
}
.filters_onecolor input[type="checkbox"]{
    opacity: 0.01;
    position: absolute;
}
.filters_onecolor input[type="checkbox"] + label {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    color: #333333;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0px;
    cursor: pointer;
}
.filters_onecolor input[type="checkbox"] + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    background: url(./../imgs/form/color.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 0px -30px;
    width: 30px;
    height: 30px;
}
.filters_onecolor input[type="checkbox"]:checked + label::before {
    background: url(./../imgs/form/color.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 0px 0px;
    width: 30px;
    height: 30px;
}
.tagfilterbtn{
    padding-bottom: 0px;
    cursor: pointer;
}
.tagfilterbox{
    margin-top: 10px;
    display: none;
}
.tagfilterbox.active{
    display: block;
}


ul.prds_filtering_box{
    list-style: none;
    padding: 0px;
}
ul.prds_filtering_box li{
    display: inline-block;
    margin-right: 5px;
}
ul.prds_filtering_box li a{
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
}
ul.prds_filtering_box li a span{
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    vertical-align: center;
    width: 25px;
    height: 25px;
    border: 0px solid #dddddd;
    margin-left: 10px;
}
ul.prds_filtering_box li a:hover span{
    border: 1px solid #dddddd;
}

.prds_category_title{
    font-size: 28px;
}
.prds_category_count{
    font-size: 28px;
    color: #999999;
}
.prds_pagination{
    text-align: right;
}
.prds_pagination_btn{
    text-align: left;
    vertical-align: bottom;
    display: inline-block;
    text-indent: -9999em;
    color: #333333;
    position: relative;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
}
.prds_pagination_btn:after{
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prds_pagination_prev:after{
    border-top: 0px;
    border-right: 0px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    margin-top: -4px;
    margin-left: -4px;
    
}.prds_pagination_next:after{
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    margin-top: -4px;
    margin-left: -7px;
}
.prds_pagination_now{
    display: inline-block;
    line-height: 34px;
    font-size: 12px;
    margin: 0px 5px;
}
.prds_pagination_total{
    display: inline-block;
    line-height: 34px;
    font-size: 12px;
    margin: 0px 5px;
}
.prds_one_box{
    position: relative;
}
.prds_oneimg_box{
    position: relative;
    width: 100%;
    min-height: 200px;
}
.prds_oneimg_box img{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.prds_oneimg_box img:nth-child(1){
    position: static;
    display: block;
}
.prds_onetxt_box{
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
.prds_txt_brand{
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
}
.prds_txt_title{
    margin-top: 10px;
    text-transform: none;
    letter-spacing: 0;
}
.prds_size_box{
    position: absolute;
    z-index: 4000;
    top :0px;
    left :0px;
    width: 20px;
    height: 100%;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: center;
    align-items: flex-start;
}
a.prds_wishlist_box{
    background-image: url(./../imgs/icon_wishlist.png);
    width: 26px;
    height: 24px;
    position: absolute;
    z-index: 4100;
    top :10px;
    right: 10px;
}
a.prds_wishlist_box.iwishit{
    background-position: -26px;
}



.prds_onesize_box{
    margin: 4px 0px;
}
.prds_onesize_txt{
    padding: 1px 4px;
    border: 1px solid #ccc;
    text-transform: none;
    letter-spacing: 0;
}
.prds_price_box{
    margin-top: 10px;
}
.prds_price_rprice{
    
}
.prds_price_nprice{
    margin-left: 8px;
    color: #999999;
    font-style: italic;
}
.prds_vipprice_box{
    margin-top: 6px;
}
.prds_price_vprice{
    
}
.prds_price_vdeal{
    margin-left: 8px;
    color:#dF3317;
}
.prds_price_vdeal img{
    height: 12px;
}

.addcartbtnbox_mobile{
    position: fixed;
    bottom: 0px;
    z-index: 4900;
}



/* products 0 */




/* product-detail 1 */
.prd_headbox{
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.prd_optbox{
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.prd_sizetablebox{
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.prd_measurebox{ display: none; }
.prd_measuretable{}
.prd_measuretable .noborder{ border-left-color:rgb(255,255,255) !important; border-right-color:rgb(255,255,255) !important; }
.prd_tagbox
.prd_tag{ 
    float:left;
    padding: 2px 4px;
    margin: 5px;
    border:1px solid #FCBF81; 
    border-radius: 5px;
}
.prd_servicebox{}
.prd_servicebox ul{ list-style-position: outside; padding-left: 20px; }
.prd_servicebox li{ margin-bottom: 25px;  }
.prd_bookcalbox{

}
.prd_bookcalhelp{
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}
.prd_bookcal{

}
.prd_bookcal .bookcal_footer{
    display: none;
}
.jq_bookcalsize_N{display: none;}
.jq_bookcalsize_Y{display: none;}

.prd_txt_brand{
    font-size: 28px;
    padding-bottom: 10px;
}
.prd_txt_title{
    font-size: 15px;
}
.prd_onesize_box{
    margin-top: 12px;
    margin-bottom: 0px;
}
.prd_price_box{
    margin-top: 6px;
}
.prd_price_rprice{
    font-size: 15px;
}
.prd_price_nprice{
    font-size: 15px;
    color: #999999;
    font-style: italic;
    margin: 0 8px;
}
.prd_price_star{
    float: right;
    font-size: 12px;
    padding-top: 5px;
}



.prd_imgsbox{}
.prd_simgbox{
    width: 85px;
    overflow: hidden;
    margin-right: 20px;
}
.prd_simgbox_prev{}
.prd_simgbox_next{}
.prd_simgbox_scrollbox{
    height: 600px; 
}
.prd_simgbox_scrollcontent{
    
}
.prd_simgbox_scrollcontent a{
    display: block;
    margin-bottom: 25px;
}
.prd_simgbox_scrollcontent img{
    width: 100%;
}
.prd_bimgbox{
    width: 480px;
}

.prd_bimgbox img{ 
    width: 100%;
    height: auto;
}


.prd_banner_box{}
.prd_banner_box .jssora053 .a {fill:none;stroke:#333;}


.prd_also_title{
    font-size: 20px;
}

/* product-detail 0 */


/* cart 1 */
.cart_help_btnmove{ color: #B98C89; }
.cart_help_btnmove .oi{ color: #333333; }

.cart_onepage_box{}
.cart_onepage_title{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #D1D1D1;
    position: relative;
}
.cart_onepage_etitle{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0px;
    background-color: #EFD9CC;
    position: relative;
}
.cart_onepage_title_option{
    position: absolute;
    top: 0px;
    right: 16px;
}
.cart_onepage_title .optiontxt{
    font-size: 14px;
    font-weight: 900;
    padding-top: 8px;
}
.cart_onepage_title .optionlink{
    font-size: 14px;
    font-weight: 900;
    text-decoration: underline;
    padding-top: 8px;
}
.cart_onepage_body{

}
.cart_mediumwidth_box{
    width: 550px;
    margin:auto;
}
.cart_smallwidth_box{
    width: 370px;
    margin:auto;
}
.cart_onepage_body ul.ul_cartitembox{
    width: : 100%;
    min-height: 50px;
    padding: 0px; 
    list-style: none;
}
.cart_onepage_body li.ct_moveing{
    width: 100%;
    height: 100px;
    background-color: #f90;
}




/* 表格式排版無法配合手機 廢除*/
.cart_itemtable{
    margin-bottom: 16px;
}
.cart_itemtable_deny{
    border: 1px solid rgb(255, 204, 204);
}
.cart_itemtable > div{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
}
.cart_itemtable .diamond{ height: 16px; }
.cart_itemtable_actbox{

}
.cart_itemtable_actbox .jq_delcart{
    display: inline-block;
    padding: 15px;
}
.cart_itemtable_img{
    text-align: center;
}
.cart_itemtable_img img{
    border: 1px solid #F8F8F8;
    height: 130px;
}
.cart_itemtable_info{
    
}
.cart_itemtable_info span{
    padding: 3px;
}
.cart_itemtable_size{ text-align: center; }
.cart_itemtable_rprice{ text-align: center; }
.cart_itemtable_rprice_o{ color:#DC3233; text-decoration: line-through; }
.cart_itemtable_wprice{ text-align: center; }

.cart_itemtable .mobile_move{}
.cart_itemtable .mobile_move > label{
    position: relative;
    width: 42px;
    height: 38px;
    overflow: hidden;
}
.cart_itemtable .mobile_move > label > select{
    position: absolute;
    top: 0px;
    left: -500px;
    opacity: 0;
}



.cart_carditem_title{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #D1D1D1;
    position: relative;
}
.cart_carditem{
    position: relative;
}
.cart_carditeminfo{
    max-width: 270px;
    margin: auto;
}
.cart_carditem_actbox{
    position: absolute;
    top: 0px;
    left: 80px;
}
.cart_carditem_img{
    border: 1px solid #eeeeee;
    width: 100%;
}
.cart_carditem_actbox a{
    display: inline-block;
    padding: 0.8em;
}
.cart_carditem_actbox a:hover{
    font-weight: 900;
    color: #ff0000 !important;
}
.cart_carditem_field{}
.cart_carditem_value{}


/*購物車全列出來用css切換顯示*/
#ul_cartitembox_l .cart_itemtable > div.cart_itemautofields,
#ul_cartitembox_m .cart_itemtable > div.cart_itemautofields,
#ul_cartitembox_a .cart_itemtable > div.cart_itemautofields,
#ul_cartitembox_y .cart_itemtable > div.cart_itemautofields{ display: none; }
#ul_cartitembox_l .cart_itemtable > div.cart_itemautofield_l{ display: flex; }
#ul_cartitembox_m .cart_itemtable > div.cart_itemautofield_m{ display: flex; }
#ul_cartitembox_a .cart_itemtable > div.cart_itemautofield_a{ display: flex; }
#ul_cartitembox_y .cart_itemtable > div.cart_itemautofield_y{ display: flex; }









.cart_shippingbox{}
.cart_shippingbox > div{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
}
.cart_shippingbox_radio{}
.cart_shippingbox_info{}
.cart_shippingbox_price{}
.cart_cartsendbox{}
.cart_cartsendbox_title{
    font-size: 22px;
    font-weight: 600;
}
.cart_cartsendbox_date{
    font-size: 22px;
    border-bottom: 2px solid #ACA8A7;
}
.cart_cartsendbox_help{}

.cart_cartsendbox_step{ width: 280px; margin: auto; }
.cart_cartsendbox_stepdate{ display: inline-block; width: 90px; }
.cart_cartsendbox_steptext{ display: inline-block; }



.cart_cartcouponbox{}
.cart_cartcouponbox_title{}
.cart_cartcouponbox_code{}
.cart_cartcouponbox_code input{
    width: 99%;
    border: 0px;
    border-bottom: 1px solid #EDEDED; 
    text-align: center;
    font-size: 16px;
}
.cart_cartcouponbox_msg{}
.cartcouponbox_deny{ color: #bc1339;  }

.cart_cartplanbox{
    margin-top: 12px;
}
.cart_cartplanbox > div{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}

.cart_planbox img.diamond{ height: 16px; }




.cartcheckout_returndate_box{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 38px;
}
.cartcheckout_returndate{
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    padding: 20px 0px;
    background-color: #EFD9CC;
}
.cartcheckout_returnpunish{ text-align: center; padding: 10px; }
.cartcheckout_plantypename{
    font-size: 12px;
    font-weight: 900;
    line-height: 12px;
    color: #535353;
    padding: 0px 0px 0px 5px;
    margin: 18px 0px 18px -6px;
    border-left: 3px solid #535353;
}

.cart_onepage_body .payNote{ display: none; }




/* 前台購物車快顯bar */
.cartSidebar{ 
    position: fixed;
    top: 0px;
    right: -500px;
    width: 500px; min-height: 500px;
    background-color: #fff; 
    z-index: 5200;
}
.cartSidebar_head{ 
    height: 90px;
    padding: 23px 27px;  
    border-bottom: 1px solid #DDDDDD ;
    vertical-align: center;
    cursor: pointer;
}
.cartSidebar_foot{ 
    height: 100px;
    padding: 23px 27px;  
    border-top: 1px solid #F4F4F4 ;
}
.cartSidebar_body{
    overflow-y: scroll;
}
.cartSidebar_body .cartSidebar_listbox{
    margin-top: 0px;
}
.cartSidebar_body .cart_itemtable{
    margin-top: 20px;
}
.pricestart{ font-size: 8px; }

/* cart 0 */


/* member 1 */
.membermenu_box{
    border-right: 0px solid #DDDDDD;
}
.membermenu_box ul{
    list-style: none;
    list-style-position: outside;
}
.membermenu_box ul li{
    margin-bottom: 18px;
}
.membermenu_box ul li.active{
    text-decoration: underline;
}
.member_page_box{}
.member_page_title{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #D1D1D1;
    position: relative;
}
.member_page_body{

}

.member_pagetitle{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #D1D1D1;
    position: relative;
}


.member_table_orderlist{}
.member_table_orderlist a{ text-decoration: underline; }



.loginmask{ position: fixed; top:0px; left: 0px; z-index: 7000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; }
.loginflexbox{ position: fixed; width: 100%; height: 100%; top:0px; left:0px; z-index: 7001; display: flex; justify-content: center; align-items: center; display: none; }
.loginboxs{ position: relative; width: 480px; min-height: 500px; background-color: rgba(255,255,255,1); box-shadow: 0px 0px 20px #3c3c3c; display: none; }
.loginboxs_head{
    padding: 30px 0px 0px;
}
.loginboxs_head h3{
    text-align: center;
}
.loginboxs_close{
    position: absolute; top:0px; right: 0px; 
    display: inline-block;
    padding: 8px 12px;
    background-color: #ffffff;
    font-weight: 900; color:#000000;
}
.loginboxs_body{
    padding: 0px 15%;
}
.loginboxs_body input[type="text"],.loginboxs_body input[type="password"]{
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #837E7B;
    margin-top: 15px;
}
a.memregreadfirst:link{ color:#4D8EF5; }
a.memregreadfirst:hover{ color:#4D8EF5; }
a.memregreadfirst:visited{ color:#4D8EF5; }
.loginboxs_foot{
    margin-top: 20px;
    width: 100%;
    bottom: 20px;
}
.loginboxs_foot a:not(.btnc){ text-decoration: underline !important;  }

.loginopthr_box{ position: relative; overflow: hidden; }
.loginopthr_line{
    position: absolute;
    top: 13px;
    left: 15px;
    width: 35%;
    border-bottom: 1px solid #E0E2E1;
}
.loginopthr_lineR{
    left: auto;
    right: 15px;
}
.loginopthr_or{
    width: 55px;
    margin: auto;
    text-align: center;
}
.loginopthr_or > span{
    display: inline-block;
    width: 26px;
    height: 26px;
    color : #ffffff;
    font-size: 11px;
    padding-top: 4px;
    background-color: #E0E2E1;
    border-radius: 13px;
}
.box_grecaptcha{ min-height: 85px; padding-top: 15px; }
.box_fbloginbtn{ position: relative; min-height: 35px; width: 100%; }
.box_gploginbtn{ position: relative; min-height: 35px; width: 100%; }

.signupbox{ display: none; }
.resignupbox{ display: none; }
.signinbox{ display: none; }
.forgetbox{ display: none; }
.checkmobilebox{ display: none; }

.jq_btn_showloginbox{   }
.jq_btn_closeloginbox{}










/* member 0 */






/* JackMoore_zoomin 1 */
.zoomin_box{
    display:inline-block;
    position: relative;
}
.zoomin_box:after {
    content:'';
    display:block; 
    width:33px; 
    height:33px; 
    position:absolute; 
    top:0;
    right:0;
    background:url(icon.png);
}
.zoomin_box img {
    display: block;
}
.zoomin_box img::selection { background-color: transparent; }
/* JackMoore_zoomin 0 */





/* bodytype 1 */
.btbox_test{}
.btbox_test table{ width: 90%; margin: auto; }
.btbox_test table tr:first-child td:first-child{ width: 240px; }
.btbox_test table td{ vertical-align: top; padding-bottom: 25px; }
.btbox_testansbox{ position: relative; height: 450px; }
.btbox_testansbox .btbox_testansone{ display: none; position: absolute; background-color: #ddd; }
.btbox_testansbox .btbox_testansone img{ width: 280px; }


.btbox_slidervalbox{  }
.avgvalbox{ float: right; }

.btbox_sliderbox{ position: relative; }
.btbox_slider{  }
.btbox_slidertxt{
    width: 40px !important;
    height: 19px !important;
    text-align: center;
    font-size: 13px;
}
.btbox_slideravg{
    position: absolute;
    top: -18px;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.3px 10px 0 10px;
    border-color: #0099ff transparent transparent transparent;
}





.btbox_info{}
.btbox_info table{}
.btbox_info table td{ vertical-align: top; padding-bottom: 18px; }
.btbox_info table td+td{ padding-left: 18px; }
/* bodytype 0 */










/*手機*/
@media only screen and (max-width: 576px){
    .index_banner_box{ width: auto; height: auto; margin: auto; }
    .menu4mobile_box{
        width: 100%;
        left: -100%;
    }
    .menu4mobile_box.active{
        left: 0px;
    }
    .editorbox img{ width: 100%; }

    .prds_onesize_box{
        margin: 2px 0px;
    }
    .cartSidebar{
        width: 100%;
        right: -100%;
    }
    .loginflexbox{ position: absolute; display: block; }
    .loginboxs{ width: 100%; height: 100%; }
    .loginboxs_foot{ position: static; margin-top: 50px; }
    
    .cart_mediumwidth_box{
        width: 100%;
    }
    .cart_smallwidth_box{
        width: 100%;
    }
    .prd_price_star{
        float: none;
    }

}
/*pad*/
@media only screen and (max-width: 768px){
    .index_banner_box{ width: auto; height: auto; margin: auto; }
    .header4desktop{ 
        height: 60px; 
    }
    .cartSidebar_head{ 
        height: 60px; 
        padding: 7px 20px;  
    }
    body {
        padding-top: 60px;
    }
    .logoimg{}
    .menu4desktop > li .menu_title{
        
    }
    .menu4desktop > li .menu_box{
        top:60px;
    }
    .searchbar_box{
        top: 30px;
        left: 0px;
    }
}
@media only screen and (max-width: 992px){
    
}
@media only screen and (max-width: 1200px){
    
}