@charset "utf-8";


/**思源黑體**/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/**黑體**/
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
/**明體**/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
/**仿宋體**/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);


body{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;
    width: 100% !important;
}



/**影響head logo**/
h1 {
    margin:0 !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
/**影響搜尋框放大鏡icon**/
img {
    vertical-align: middle!important;
}


/**去除超連結底線**/
a{
    text-decoration: none!important;
}

/**間距設定**/
/*ul, menu, dir {
    -webkit-padding-start: 0 !important;
}*/



/**去除圖片按鈕外框**/
button{
    outline:none !important;
    background-color: transparent !important;
}

/**搜尋框"請輸入關鍵字"文字顏色**/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    color: #919191;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #919191;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    color: #919191;
}
:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #919191;
}

input::placeholder {
    font-size: 16px;
    color: #919191 !important;
}




/**下拉選項框**/
.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
    border-color: transparent !important;
}


/**整體外包圍**/
#all-wrap{
    width: 100%;
    overflow: hidden;
}


/**主選單-版面中央寬度**/
.ctn-width{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}



/**版面中央寬度**/
.page-ctn-width{
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

/**相關連結-版面中央寬度**/
.links-ctn-width{
    width: 800px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

/**頁腳版面中央寬度**/
.foot-ctn-width{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}


/**產品詳細頁-版面中央寬度**/
.pdtl-ctn-width{
    width: 1135px;
    max-width: 100%;
    margin:0 auto 0 auto;
    position:relative;
}



/**滿版寬度**/
.ctn-all-width{
    width:100%;
    max-width: 100%;
    margin:0 auto 0 auto;
}




/**head+輪播圖背景設定**/
.head-slide-bg{
    width:100%;
    position:relative;
}


/**head選單-社群連結設定**/
.head-menu-social-wrap{
    padding: 0 0.5em;
    display: inline-block;
    vertical-align: middle;
}

/**手機版選單-社群連結設定**/
.m-menu-social-wrap{
    display: inline-block !important;
}



/**外包圍**/
.top-head{
    /*text-align: center;*/
    position:relative;
    padding: 2em 0 2em 0;
}

/**手機/平板head設定**/
/*.m-head{
    width: 100%;
    height: 30px;
    background-color: #ff4f95;
        z-index: 9999;
    position: fixed;
    top: 0;
}*/






/**會員列捷徑設定**/
.member-road-bg{
    width: 100%;
    background-color: #ffffff;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}




/**選單-語系分隔線**/
.dividers{
    padding: 0.2em;
    line-height: 1.5;
    color: #ffffff;
}


/**輪播圖下方襯圖遮罩**/
.lining-img-filter-bg1{
    width: 100%;
    height: 100%;
    background: url(../images/pic1.jpg) center center no-repeat;
}

.lining-img-info-border{
    border: #ffffff 1px solid;
}

.lining-img-info{
    height: 100%;
    font-size:22px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height: 1.5;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}


.lining-img-filter{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=60);
    /* Netscape */
    -moz-opacity: 0.6;
    /* Safari */
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}



/**head外包圍**/
.head-all-wrap{
    width: 100%;
    background: url(../images/headerbg.jpg) top center no-repeat;
}


/**LOGO設定**/
.app-logo-set{
    width: 230px;
}




/**首頁-認識太陽能發電-背景**/
.index-se-bg{
    width: 100%;
    background: url(../images/sebg.jpg) top center no-repeat;
    background-size: cover;
    padding: 2em 0 6em 0;
}


/**首頁-認識太陽能發電標題外包圍**/
.index-se-item-wrap{
    padding: 2em;
    text-align: center;
}


/**首頁-認識太陽能發電-icon**/
.index-se-icon{
    width: 70px;
    margin: 0 auto;
}


/**首頁-認識太陽能發電-標題文字**/
.index-se-title{
    font-size: 30px;
    font-weight: 500;
    color: #006934;
    letter-spacing: 1px;
    line-height: 2;
}

.index-se-title span{
    font-size: 16px;
    font-weight: 400;
    color: #727272;
    letter-spacing: 1px;
    line-height: 2;
    display: block;
}

/**首頁-認識太陽能發電-個別項目外包圍**/
.index-se-single-wrap{
    padding: 2em;
    text-align: center;
}


/**首頁-認識太陽能發電-個別項目icon**/
.index-se-itemsicon{
    height: 100px;
    margin: 0 auto;
}


/**首頁-認識太陽能發電-個別項目標題文字**/
.index-se-items-title{
    font-size: 20px;
    font-weight: 400;
    color: #3E3A39;
    letter-spacing: 1px;
    line-height: 2;
}

/**首頁-認識太陽能發電-個別項目簡述文字**/
.index-se-items-ctn{
    font-size: 16px;
    font-weight: 400;
    color: #3E3A39;
    letter-spacing: 1px;
    line-height: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 95px;
}

/**認識太陽能發電-觀看更多按鍵外包圍**/
.readmore-btn-box {
    padding: 1em;
    text-align: center;
}

/**首頁-認識太陽能發電-觀看更多按鍵**/
.readmore-btn {
    font-size:16px;
    font-weight:300;
    color: #000000;
    letter-spacing:1px;
    line-height:1;
    border: #000000 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.2em 1em;
    margin: 0 auto;
    text-align:center;
}

.readmore-btn:link{
    color: #000000;
}

.readmore-btn:visited{
    color: #000000;
}


.readmore-btn:hover{
    background: #006934;
    border: #006934 1px solid;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.readmore-btn:active{
    color: #000000;
}



/**首頁-工程實績-背景**/
.index-performance-bg{
    width: 100%;
    background: url(../images/perbg.jpg) top center no-repeat;
    background-size: cover;
    padding: 2em 0 6em 0;
}


/**首頁-工程實績-標題文字**/
.index-per-title{
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
}

.index-per-title span{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: block;
}


/**首頁-工程實績-個別欄位外包圍**/
.ppcps-other-slides{
    padding: 1em;
    text-align: center;
    position: relative;
}

/**首頁-工程實績-最新ICON**/
.per-new-icon {
    position: absolute;
    top: 5px;
    right: 65px;
}

/**首頁-工程實績-圖片設定**/
.ppcps-other-slides-img {
    margin: 2em auto;
}


/**首頁-工程實績-實績名稱**/
.page-prdcts-items-pname{
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
}

.page-prdcts-items-pname span{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    display: block;
}

.page-prdcts-items-pname a:link{
    color: #ffffff;
}

.page-prdcts-items-pname a:visited{
    color: #ffffff;
}


.page-prdcts-items-pname a:hover{
    color: #FFAF00;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-prdcts-items-pname a:active{
    color: #ffffff;
}


/**工程實績-觀看更多按鍵外包圍**/
.pre-readmore-btn-box {
    padding: 4em 0;
    text-align: center;
}

/**首頁-工程實績-觀看更多按鍵**/
.per-readmore-btn {
    font-size:16px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #8FC31F;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.2em 1em;
    margin: 0 auto;
    text-align:center;
}

.per-readmore-btn:link{
    color: #ffffff;
}

.per-readmore-btn:visited{
    color: #ffffff;
}


.per-readmore-btn:hover{
    background-color: #FFAF00;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.per-readmore-btn:active{
    color: #ffffff;
}


/**首頁-設置方案介紹**/
.sp-intro-box {
    display: inline-block;
    border: #ffffff 1px solid;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    padding: 0.5em 1em;
    text-align:center;
    margin: 3em auto;
}

.sp-intro {
    font-size:32px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.sp-intro span{
    font-size:20px;
    font-weight:400;
    color: #ffffff;
    display: block;
}


.banner-padding {
    padding: 7%;
}

.page-bbanner-padding {
    padding: 12% 0 0 0;
}

.page-otheranner-padding {
    display: table-cell;
    vertical-align: middle;
}


/**首頁-相關連結-背景**/
.index-links-bg{
    width: 100%;
    background: url(../images/linksbg.jpg) top center no-repeat;
    background-size: cover;
    padding: 2em 0 6em 0;
}

/**首頁-相關連結-標題文字**/
.index-links-title{
    font-size: 30px;
    font-weight: 500;
    color: #006934;
    letter-spacing: 1px;
    line-height: 2;
}

.index-links-title span{
    font-size: 16px;
    font-weight: 400;
    color: #727272;
    letter-spacing: 1px;
    line-height: 2;
    display: block;
}

/**首頁-相關連結-項目外包圍**/
.index-links-wrap{
    padding: 1em;
    text-align: center;
}

/**首頁-相關連結-項目標題icon**/
.index-links-item-icon{
    width: 120px;
    margin: 0 auto;
}


/**首頁-相關連結-項目一標題文字**/
.index-links-item-title{
    font-size: 30px;
    font-weight: 500;
    color: #29264C;
    letter-spacing: 1px;
    line-height: 2;
}

/**首頁-相關連結-項目二標題文字**/
.index-links-item2-title{
    font-size: 30px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}


/**首頁-相關連結-項目三標題文字**/
.index-links-item3-title{
    font-size: 30px;
    font-weight: 500;
    color: #29264C;
    letter-spacing: 1px;
    line-height: 2;
}


/**關於我們介紹**/
.abus-intro-box {
    display: inline-block;
    padding: 0.5em 1em;
    text-align:center;
}

.abus-intro,.per-intro {
    font-size:40px;
    font-weight:500;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.per-intro span,.abus-intro span{
    font-size:22px;
    font-weight:300;
    color: #ffffff;
    display: block;
}

.per-intro,.per-intro span{
    color: black;
}

.abus-intro span:before,.per-intro span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.per-intro span:before{
    background-color: black;
}


/**關於我們-內容背景**/
.pg-abus-bg{
    width: 100%;
    background: url(../images/abusbg2.jpg) top center no-repeat;
    background-size:cover;
    padding: 2em 0 12em 0;
}



/**關於我們-標題文字**/
.pg-abus-title{
    font-size: 38px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 1.5;
}

.pg-abus-title span{
    font-size: 30px;
    font-weight: 300;
    color: #868686;
    display: block;
}


/**關於我們-圓形圖片**/
.abus-circular-img {
    width: 520px;
    margin: 0 auto;
}

.circular-landscape {
    display: inline-block;
    position: relative;
    width: 520px;
    height: 520px;
    overflow: hidden;
    border-radius: 50%;
}

.circular-landscape img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/**關於我們-圓形圖片倒影**/
.box-reflect {
    margin: 0;
}
.box-reflect img {
    -webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 30%,rgba(250,250,250,0.3));
    box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 30%,rgba(250,250,250,0.3));
}

#moz-reflect:after {  
    content: "";  
    display: block;  
    background: -moz-element(#moz-reflect) no-repeat;  
    width: auto;  
    height: 100%;  
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv;
    opacity:0.20;
    filter: alpha(opacity='20');  
}  



/**關於我們-內容文字**/
.pg-abus-ctn-txt{
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1px;
    line-height: 2;
}

.pg-abus-ctn-txt-dtl1{
    font-size: 24px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}

.pg-abus-ctn-txt-dtl2{
    font-size: 20px;
    font-weight: 400;
    color: #387D39;
    letter-spacing: 1px;
    line-height: 2;
}



/**發電系統介紹-標題文字**/
.pg-se-title{
    font-size: 30px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}

.pg-se-title span{
    font-size: 22px;
    font-weight: 300;
    color: #3E3A39;
    display: block;
}

.pg-se-title span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #898989;
}


/**發電系統介紹-圖示**/
.pg-se-img-set{
    padding: 1em;
    text-align: center;
}


/**發電系統介紹-banner**/
.pg-se-banner-menu-box {
    width: 100%;
    background-color: rgba(255,255,255,.4);
    padding: 0.5em 1em;
    text-align:center;
    position: absolute;
    bottom: 30px;
}

.pg-se-banner-menu{
    min-height: 189px;
    margin: 0.5em;
    border: #ffffff 2px solid;
}


.pg-se-banner-menu-txt{
    display: block;
    font-size: 18px;
    font-weight: 400; /**2018-04-19編輯**/
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    padding: 0 0.5em;
    text-decoration: none;
}

.pg-se-banner-menu-txt:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}




/**認識太陽能發電-項目一**/
.pg-se-menu1{
    width: 100px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu1.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu1:hover{
    background: url(../images/sebannermenu1.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu1.active{
    background: url(../images/sebannermenu1.5.png) center center no-repeat;
    background-size: contain;
}


/**認識太陽能發電-項目二**/
.pg-se-menu2{
    width: 70px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu2.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu2:hover{
    background: url(../images/sebannermenu2.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu2.active{
    background: url(../images/sebannermenu2.5.png) center center no-repeat;
    background-size: contain;
}

/**認識太陽能發電-項目三**/
.pg-se-menu3{
    width: 70px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu3.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu3:hover{
    background: url(../images/sebannermenu3.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu3.active{
    background: url(../images/sebannermenu3.5.png) center center no-repeat;
    background-size: contain;
}

/**認識太陽能發電-項目四**/
.pg-se-menu4{
    width: 50px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu4.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu4:hover{
    background: url(../images/sebannermenu4.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu4.active{
    background: url(../images/sebannermenu4.5.png) center center no-repeat;
    background-size: contain;
}



/**認識太陽能發電-項目五**/
.pg-se-menu5{
    width: 100px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu5.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu5:hover{
    background: url(../images/sebannermenu5.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu5.active{
    background: url(../images/sebannermenu5.5.png) center center no-repeat;
    background-size: contain;
}

/**認識太陽能發電-項目六**/
.pg-se-menu6{
    width: 100px;
    height: 80px;
    margin: 1em auto;
    background: url(../images/sebannermenu6.png) center center no-repeat;
    background-size: contain;
}

.pg-se-menu6:hover{
    background: url(../images/sebannermenu6.5.png) center center no-repeat;
    background-size: contain;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-se-menu6.active{
    background: url(../images/sebannermenu6.5.png) center center no-repeat;
    background-size: contain;
}


/**設置要點與流程-個別項目**/
.pg-sesp-items-wrap {
    padding: 1em;
}

.pg-sesp-items-wrap2 {
    padding: 1em;
    text-align: center;
}

.pg-sesp-items-box {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    background-color: #31859C;
    padding: 0.2em 0.5em;
    display: inline-block;
    margin: 0.3em auto;
    text-align: center;
    vertical-align: middle;
}

.pg-sesp-items-box-txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #727171;
    display: inline-block;
    vertical-align: middle;
}

.pg-sesp-items-box2 {
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    background-color: #31859C;
    padding: 0.2em 0.5em;
    margin: 0.3em auto;
    text-align: center;
}


.pg-sesp-items-box2-txt {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #3E3A39;
}




/**躉購費率-年份設定**/
.yearbox-list{
    padding: 0;
    text-align: center;
}


.yearbox-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.yearbox-list ul li {
    display: inline-block;
    padding: 0 0.5em;
}

.yearbox-list ul li a {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:400;
    color: #603C1C;
    letter-spacing:1px;
    line-height:2;
    padding: 0.2em 1em;
    border: #603C1C 1px solid;
}

.yearbox-list ul li a:hover {
    color: #ffffff;
    background-color: #603C1C;
    border: #603C1C 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.yearbox-list ul li a.yearbox-active{
    color: #ffffff;
    background-color: #603C1C;
    border: #603C1C 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/**躉購費率-整體外包圍**/
.pg-dun-all-wrap {
    margin: 3em auto;
}


/**躉購費率-文字說明**/
.pg-dun-items-txt {
    width: 95%;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #727171;
    display: inline-block;
    vertical-align: middle;
}

.pg-dun-items-icon {
    display: inline-block;
    vertical-align: middle;
}

.pg-dun-items-txt-wrap {
    padding: 0.5em;
}

/**躉購費率-表格標題文字**/
.pg-dun-form-title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    background-color: #254061;
    text-align: center;
}

/**躉購費率-表格文字**/
.pg-dun-form-txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    background-color: #31859C !important;
    text-align: center;
}

.table>thead>tr>th {
    vertical-align: middle !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle !important;
}



/**補助計畫-城市區塊文字**/
.pg-support-l-box {
    width: 100%;
    display: table;
    background-color: #31859C;
    text-align: center;
    padding: 1em;
    min-height: 300px;
}

.pg-support-l-box-txt {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.pg-support-l-box-txt span{
    display: block;
}

/**補助計畫-說明區塊文字**/
.pg-support-r-box {
    width: 100%;
    display: table;
    background-color: #8BC1CF;
    text-align: center;
    padding: 1em;
    min-height: 300px;
}

.pg-support-r-box-txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.pg-support-r-box-txt span{
    display: block;
}

/**補助計畫-區塊外包圍**/
.pg-support-box-all-wrap {
    width: 100%;
    padding: 1em;
}



/**銀行融資貸款-區塊外包圍**/
.pg-bl-box-wrap {
    margin: 1em;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    -moz-box-shadow: 3px 3px 20px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 20px -2px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 20px -2px rgba(0,0,0,0.5);
}


.pg-bl-box-img {
    padding:0.5em;
}

/**銀行融資貸款-標題區塊1**/
.pg-bl-box-title-bg {
    width: 100%;
    background-color: #DBE01F;
    padding: 1em;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.pg-bl-box-title {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 3px 3px 0px rgba(191,191,29,1);
    border-right: #ffffff 2px dashed;
    text-align: center;
}


/**銀行融資貸款-文字區塊1**/
.pg-bl-box-ctn-bg {
    width: 100%;
    background-color: #ffffff;
    padding: 1em;
    min-height: 180px;
}

.pg-bl-box-ctn {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #4B4C4A;
    text-align: center;
}

.pg-bl-box-ctn span{
    font-size: 22px;
    font-weight: 300;
    color: #4B4C4A;
    display: block;
}

.pg-bl-box-ctn span:after{
    content: "";
    width: 50%;
    height: 2px;
    border-bottom: #DBE01F 2px dashed;
    display: block;
    margin: 0.5em auto;
}




/**銀行融資貸款-標題區塊2**/
.pg-bl-box-title-bg2 {
    width: 100%;
    background-color: #00B1AF;
    padding: 1em;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.pg-bl-box-title2 {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 3px 3px 0px rgba(0,142,138,1);
    border-right: #ffffff 2px dashed;
    text-align: center;
}


/**銀行融資貸款-文字區塊2**/
.pg-bl-box-ctn-bg2 {
    width: 100%;
    background-color: #ffffff;
    padding: 1em;
    min-height: 180px;
}

.pg-bl-box-ctn2 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #4B4C4A;
    text-align: center;
}

.pg-bl-box-ctn2 span{
    font-size: 22px;
    font-weight: 300;
    color: #4B4C4A;
    display: block;
}

.pg-bl-box-ctn2 span:after{
    content: "";
    width: 50%;
    height: 2px;
    border-bottom: #00B1AF 2px dashed;
    display: block;
    margin: 0.5em auto;
}



/**銀行融資貸款-標題區塊3**/
.pg-bl-box-title-bg3 {
    width: 100%;
    background-color: #FCB714;
    padding: 1em;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.pg-bl-box-title3 {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 3px 3px 0px rgba(252,183,20,1);
    border-right: #ffffff 2px dashed;
    text-align: center;
}


/**銀行融資貸款-文字區塊3**/
.pg-bl-box-ctn-bg3 {
    width: 100%;
    background-color: #ffffff;
    padding: 1em;
    min-height: 180px;
}

.pg-bl-box-ctn3 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #4B4C4A;
    text-align: center;
}

.pg-bl-box-ctn3 span{
    font-size: 22px;
    font-weight: 300;
    color: #4B4C4A;
    display: block;
}

.pg-bl-box-ctn3 span:after{
    content: "";
    width: 50%;
    height: 2px;
    border-bottom: #FCB714 2px dashed;
    display: block;
    margin: 0.5em auto;
}


/**銀行融資貸款-標題區塊4**/
.pg-bl-box-title-bg4 {
    width: 100%;
    background-color: #85D2E0;
    padding: 1em;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.pg-bl-box-title4 {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 3px 3px 0px rgba(133,210,224,1);
    border-right: #ffffff 2px dashed;
    text-align: center;
}


/**銀行融資貸款-文字區塊4**/
.pg-bl-box-ctn-bg4 {
    width: 100%;
    background-color: #ffffff;
    padding: 1em;
    min-height: 180px;
}

.pg-bl-box-ctn4 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #4B4C4A;
    text-align: center;
}

.pg-bl-box-ctn4 span{
    font-size: 22px;
    font-weight: 300;
    color: #4B4C4A;
    display: block;
}

.pg-bl-box-ctn4 span:after{
    content: "";
    width: 50%;
    height: 2px;
    border-bottom: #85D2E0 2px dashed;
    display: block;
    margin: 0.5em auto;
}


/**銀行融資貸款-流程圖**/
.pg-bl-process-img {
    padding: 2em 0 6em 0;
}


/**相關連結-外包圍**/
.pg-links-items-txt-wrap {
    padding: 0.5em;
    border-bottom: #000000 1px dashed;
}

.pg-links-items-txt {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #727171;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}

.pg-links-items-txt a:link{
    color: #727171;
}

.pg-links-items-txt a:visited{
    color: #727171;
}


.pg-links-items-txt a:hover{
    color: #006934;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pg-links-items-txt a:active{
    color: #727171;
}


/**設置方案介紹-項目外包圍**/
.toi-program-box-all-wrap {
    width: 100%;
    padding: 2em 0;
}

/**設置方案介紹-項目一**/
.toi-program-box {
    border: #888888 1px solid;
    color: #888888;
}

.toi-program-box .toi-program-txt{
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #888888;
    background-color: #ffffff;
    padding: 0.5em;
    text-align: center;
}

.toi-program-box .toi-program-txt:after{
    content:"";
    display: grid;
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background: url(../images/jg1.png) center center no-repeat;
}

.toi-program-box .toi-program-txt:hover{
    color: #387D39;
    border: #387D39 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toi-program-box .toi-program-txt:hover:after{
    background: url(../images/jg1.5.png) center center no-repeat;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/**設置方案介紹-項目二**/
.toi-program-box2 {
    border: #888888 1px solid;
    color: #888888;
}

.toi-program-box2 .toi-program-txt2{
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #888888;
    background-color: #ffffff;
    padding: 0.5em;
    text-align: center;
}

.toi-program-box2 .toi-program-txt2:after{
    content:"";
    display: grid;
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background: url(../images/jg2.png) center center no-repeat;
}

.toi-program-box2 .toi-program-txt2:hover{
    color: #387D39;
    border: #387D39 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toi-program-box2 .toi-program-txt2:hover:after{
    background: url(../images/jg2.5.png) center center no-repeat;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/**設置方案介紹-項目三**/
.toi-program-box3 {
    border: #888888 1px solid;
    color: #888888;
}

.toi-program-box3 .toi-program-txt3{
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #888888;
    background-color: #ffffff;
    padding: 0.5em;
    text-align: center;
}

.toi-program-box3 .toi-program-txt3:after{
    content:"";
    display: grid;
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background: url(../images/jg3.png) center center no-repeat;
}

.toi-program-box3 .toi-program-txt3:hover{
    color: #387D39;
    border: #387D39 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toi-program-box3 .toi-program-txt3:hover:after{
    background: url(../images/jg3.5.png) center center no-repeat;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/**設置方案介紹-項目四**/
.toi-program-box4 {
    border: #888888 1px solid;
    color: #888888;
}

.toi-program-box4 .toi-program-txt4{
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #888888;
    background-color: #ffffff;
    padding: 0.5em;
    text-align: center;
}

.toi-program-box4 .toi-program-txt4:after{
    content:"";
    display: grid;
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background: url(../images/jg4.png) center center no-repeat;
}

.toi-program-box4 .toi-program-txt4:hover{
    color: #387D39;
    border: #387D39 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.toi-program-box4 .toi-program-txt4:hover:after{
    background: url(../images/jg4.5.png) center center no-repeat;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/**設置方案介紹-圖片外包圍**/
.toi-program-img-box{
    padding: 0 1em;
}

.toi-program-img-box-txt{
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #3E3A39;
    padding: 0.5em;
}





/**商品介紹-整體外包圍**/
.index-products-all-wrap{
    padding: 10em 0;
}


/**商品介紹-背景圖**/
.index-products-bg{
    width: 100%;
    background: rgba(255,84,175,1);
    background: -moz-linear-gradient(top, rgba(255,84,175,.4) 0%, rgba(255,84,175,0) 32%, rgba(255,84,175,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,84,175,.4)), color-stop(32%, rgba(255,84,175,0)), color-stop(100%, rgba(255,84,175,0)));
    background: -webkit-linear-gradient(top, rgba(255,84,175,.4) 0%, rgba(255,84,175,0) 32%, rgba(255,84,175,0) 100%);
    background: -o-linear-gradient(top, rgba(255,84,175,.4) 0%, rgba(255,84,175,0) 32%, rgba(255,84,175,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,84,175,.4) 0%, rgba(255,84,175,0) 32%, rgba(255,84,175,0) 100%);
    background: linear-gradient(to bottom, rgba(255,84,175,.4) 0%, rgba(255,84,175,0) 32%, rgba(255,84,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff54af', endColorstr='#ff54af', GradientType=0 );

    margin: -7em auto;
    position: relative;
}


/**商品介紹-商品圖圓形背景**/
.index-products-circlebg{
    width: 100%;
    background: url(../images/circlebg.png) top center no-repeat;
    background-size: contain;
}


/**商品介紹-商品圖圓形背景2**/
.index-products-circlebg2{
    width: 100%;
    background: url(../images/circlebg2.png) top center no-repeat;
    background-size: contain;
}

/**手機版-商品介紹-商品圖圓形背景2**/
.m-index-products-circlebg2{
    width: 100%;
    background: url(../images/circlebg2.png) top center no-repeat;
    background-size: contain;
}


.index-products-img{
    text-align: right;
}

.index-products-leftimg{
    text-align: left;
}


.m-index-products-leftimg{
    text-align: left;
}





/**商品介紹-商品說明發光圓形整體外包圍**/
.index-products-lightcircle-all-wrap{
    display: inline-block;
}

/**手機版-商品介紹-商品說明發光圓形整體外包圍**/
.m-index-products-lightcircle-all-wrap{
    display: inline-block;
}


/**商品介紹-商品說明發光圓形**/
.index-products-lightcircle{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(255,153,192,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,153,192,1) 0%, rgba(255,153,192,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,153,192,1)), color-stop(100%, rgba(255,153,192,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,153,192,1) 0%, rgba(255,153,192,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,153,192,1) 0%, rgba(255,153,192,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,153,192,1) 0%, rgba(255,153,192,0) 100%);
    background: radial-gradient(ellipse at center, rgba(255,153,192,1) 0%, rgba(255,153,192,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff99c0', endColorstr='#ff99c0', GradientType=1 );
}


.index-products-lightcircle-txt-wrap{
    display: table-cell;
    vertical-align: middle;
}

/**手機版**/
.m-index-products-lightcircle-txt-wrap{
    display: table-cell;
    vertical-align: middle;
}

.index-products-lightcircle-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(255,84,175,0.5);
}

.index-products-lightcircle-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(255,84,175,0.5);
}



/**商品介紹-商品說明發光圓形2**/
.index-products-lightcircle2{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(255,133,133,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,133,133,1) 0%, rgba(255,133,133,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,133,133,1)), color-stop(100%, rgba(255,133,133,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,133,133,1) 0%, rgba(255,133,133,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,133,133,1) 0%, rgba(255,133,133,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,133,133,1) 0%, rgba(255,133,133,0) 100%);
    background: radial-gradient(ellipse at center, rgba(255,133,133,1) 0%, rgba(255,133,133,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8585', endColorstr='#ff8585', GradientType=1 );
}


.index-products-lightcircle2-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(255,133,133,0.5);
}

.index-products-lightcircle2-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(255,133,133,0.5);
}



/**商品介紹-商品說明發光圓形3**/
.index-products-lightcircle3{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(244,145,88,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(244,145,88,1) 0%, rgba(244,145,88,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(244,145,88,1)), color-stop(100%, rgba(244,145,88,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(244,145,88,1) 0%, rgba(244,145,88,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(244,145,88,1) 0%, rgba(244,145,88,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(244,145,88,1) 0%, rgba(244,145,88,0) 100%);
    background: radial-gradient(ellipse at center, rgba(244,145,88,1) 0%, rgba(244,145,88,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49158', endColorstr='#f49158', GradientType=1 );
}


.index-products-lightcircle3-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(244,144,18,0.5);
}

.index-products-lightcircle3-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(244,144,18,0.5);
}



/**商品介紹-商品說明發光圓形4**/
.index-products-lightcircle4{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(116,216,232,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(116,216,232,1)), color-stop(100%, rgba(116,216,232,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: radial-gradient(ellipse at center, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74d8e8', endColorstr='#74d8e8', GradientType=1 );
}


.index-products-lightcircle4-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(116,216,232,0.5);
}

.index-products-lightcircle4-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(116,216,232,0.5);
}


/**手機版商品介紹-商品說明發光圓形4**/
.m-index-products-lightcircle4{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(116,216,232,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(116,216,232,1)), color-stop(100%, rgba(116,216,232,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    background: radial-gradient(ellipse at center, rgba(116,216,232,1) 0%, rgba(116,216,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74d8e8', endColorstr='#74d8e8', GradientType=1 );
}


.m-index-products-lightcircle4-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(116,216,232,0.5);
}

.m-index-products-lightcircle4-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(116,216,232,0.5);
}


/**商品介紹-商品說明發光圓形5**/
.index-products-lightcircle5{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(234,194,36,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(234,194,36,1)), color-stop(100%, rgba(234,194,36,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: radial-gradient(ellipse at center, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac224', endColorstr='#eac224', GradientType=1 );
}


.index-products-lightcircle5-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(234,195,36,0.5);
}

.index-products-lightcircle5-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(234,195,36,0.5);
}

/**手機版商品介紹-商品說明發光圓形5**/
.m-index-products-lightcircle5{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(234,194,36,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(234,194,36,1)), color-stop(100%, rgba(234,194,36,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    background: radial-gradient(ellipse at center, rgba(234,194,36,1) 0%, rgba(234,194,36,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac224', endColorstr='#eac224', GradientType=1 );
}


.m-index-products-lightcircle5-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(234,195,36,0.5);
}

.m-index-products-lightcircle5-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(234,195,36,0.5);
}


/**商品介紹-商品說明發光圓形6**/
.index-products-lightcircle6{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(242,127,95,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,127,95,1)), color-stop(100%, rgba(242,127,95,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: radial-gradient(ellipse at center, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f5f', endColorstr='#f27f5f', GradientType=1 );
}


.index-products-lightcircle6-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(242,126,95,0.5);
}

.index-products-lightcircle6-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(242,126,95,0.5);
}

/**手機版-商品介紹-商品說明發光圓形6**/
.m-index-products-lightcircle6{
    width: 180px;
    height: 180px;
    text-align: center;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;

    background: rgba(242,127,95,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,127,95,1)), color-stop(100%, rgba(242,127,95,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    background: radial-gradient(ellipse at center, rgba(242,127,95,1) 0%, rgba(242,127,95,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f5f', endColorstr='#f27f5f', GradientType=1 );
}


.m-index-products-lightcircle6-jp{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    text-shadow: 3px 3px 13px rgba(242,126,95,0.5);
}

.m-index-products-lightcircle6-ch{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-shadow: 3px 3px 13px rgba(242,126,95,0.5);
}


/**發光圓形外包圍**/
.lightcircle-all-wrap{
    text-align: center;
}

/**手機版發光圓形外包圍**/
.m-lightcircle-all-wrap{
    text-align: center;
}


/**金色緞帶設定**/
.gold-ribbon-set{
    margin: -3em auto 1em auto;
    text-align: center;
}

/**手機版-金色緞帶設定**/
.m-gold-ribbon-set{
    margin: -3em auto 1em auto;
}


/**商品名稱**/
.index-products-name{
    font-size: 25px;
    font-weight: bold;
    color: #A40B5E;
    letter-spacing: 1px;
    line-height: 2;
    border-bottom: #A40B5E 1px solid;
}


.index-products-name-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 25px;
}

.index-products-name-jp{
    font-size: 18px;
}

.index-products-x{
    font-weight: 300;
}


/**手機版-商品名稱**/
.m-index-products-name{
    font-size: 25px;
    font-weight: bold;
    color: #A40B5E;
    letter-spacing: 1px;
    line-height: 2;
    border-bottom: #A40B5E 1px solid;
}


.m-index-products-name-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 25px;
}

.m-index-products-name-jp{
    font-size: 18px;
}

.m-index-products-x{
    font-weight: 300;
}


/**商品描述**/
.index-products-ctn{
    font-size: 16px;
    font-weight: 800;
    color: #888888;
    letter-spacing: 1px;
    padding: 0.5em 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 2;
    height: 110px;
}

/**手機版-商品描述**/
.m-index-products-ctn{
    font-size: 16px;
    font-weight: 500;
    color: #3E3A39;
    letter-spacing: 1px;
    padding: 0.5em 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 2;
    height: 95px;
}

/*實用能源-相關連結*/

.slink-all-wrap {
    width: 60%;
    margin: 3em auto;
}

.slink-items-txt-wrap {
    padding: 0.5em;
    border-bottom: 1px dashed #000;
}

.slink-items-txt-wrap:last-child{
    border-bottom: none;
}

.slink-items-txt {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 2;
    color: #3F3A37;
    display: inline-block;
}

a.slink-items-txt-lk {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    color: #74706D;
    display: block;
    padding-left: 1.8em;
    text-decoration:none;
    transition: all 1s;
    word-break:break-all
}

@media (max-width: 768px) {
    .slink-all-wrap {
        width: 95%;
        margin: 3em auto;
    }

    a.slink-items-txt-lk{
        padding:0;
    }
}






/**商品圖文介紹欄**/
.index-products-items-wrap{
    width: 100%;
    margin: 2em auto;
}

/**手機版-商品圖文介紹欄**/
.m-index-products-items-wrap{
    width: 100%;
    margin: 2em auto;
}

/**關於萊娜-背景**/
.index-aboutus-bg{
    width: 100%;
    min-height: 1035px;
    background: url(../images/ctnbg2.jpg) bottom center no-repeat;
    position: relative;
    background-size: cover;
    padding: 24em 0 0 0;
}


/**關於萊娜-內文白背景**/
.index-aboutus-ctn-bg{
    width: 100%;
    background-color: #ffffff;
    border: #A40B5E 2px solid;
    padding: 1em;
    -moz-box-shadow: 0px 0px 0px 25px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 0px 25px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 25px rgba(255,255,255,1);

}

/**關於萊娜-標題文字**/
.index-products-ctn-title-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 60px;
    font-weight: bold;
    color: #B67000;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1.5;
    display: inline-block;
}

.index-products-ctn-title-ch{
    font-size: 25px;
    font-weight: bold;
    color: #B67000;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1.5;
    display: inline-block;
}

/**關於萊娜-描述**/
.index-products-ctn-ch{
    font-size: 18px;
    font-weight: 500;
    color: #3E3A39;
    letter-spacing: 1px;
    padding: 0.5em 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 2;
    height: 125px;
}





/**右側會員功能鍵**/
.member-fk-wrap{
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 999;
}

.member-fk-mc{
    width: 80px;
    text-align: center;
    padding: 0.5em;
    background-color: rgba(153,27,91,.9);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.member-fk-cart{
    width: 80px;
    text-align: center;
    padding: 0.5em;
    background-color: rgba(230,59,133,.9);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.member-fk-os{
    width: 80px;
    text-align: center;
    padding: 0.5em;
    background-color: rgba(233,130,177,.9);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.member-fk-fav{
    width: 80px;
    text-align: center;
    padding: 0.5em;
    background-color: rgba(239,181,209,.9);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}


.member-fk-txt{
    height: 150px;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0.3em;
    line-height: 2;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;

    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.member-fk-txt span{
    font-size: 18px;
    line-height: 2;
    /*writing-mode: tb-rl;*/
    -webkit-writing-mode: initial;
    writing-mode: initial;
}


.member-fk-txt a:link{
    color: #ffffff;
}

.member-fk-txt a:visited{
    color: #ffffff;
}


.member-fk-txt a:hover{
    color: #FFED88;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.member-fk-txt a:active{
    color: #ffffff;
}

/**右側會員功能鍵ICON**/
.member-fk-icon{
    vertical-align: 0 !important;
}



/**內頁-關於我們-banner設定**/
.page-banner-title-wrap{
    position: absolute;
    right: 0;
    top: 19em;
    text-align: left;
}

.page-aboutus-title{
    font-size: 50px;
    font-weight: 500;
    color: #A40B5E;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1;
    text-shadow: 0px 0px 13px rgba(255,255,255,0.8);
}

.page-aboutus-title-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 30px;
    font-weight: 500;
    color: #A40B5E;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1;
    text-shadow: 0px 0px 13px rgba(255,255,255,0.8);
}



/**內頁-關於萊娜-標題文字**/
.page-products-ctn-title-wrap{
    text-align: center;
    margin: 2em auto 4em auto;
    position: relative;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.page-products-ctn-title-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 35px;
    font-weight: 500;
    color: #38424F;
    letter-spacing: 1px;
    line-height: 1.5;
}

.page-products-ctn-title-ch{
    font-size: 50px;
    font-weight: bold;
    color: #38424F;
    letter-spacing: 6px;
    line-height: 1.5;
    display: inline-block;
}

.page-products-ctn-title-ch span{
    font-family:"Times New Roman",Georgia,Serif;
}

.page-products-ctn-sub-txt{
    font-size: 24px;
    font-weight: 500;
    color: #38424F;
    letter-spacing: 1px;
    line-height: 1.5;
}

/**左櫻花**/
.page-products-ctn-title-sakura-l{
    position: absolute;
    top: -100px;
    left: 0;
}

/**右櫻花**/
.page-products-ctn-title-sakura-r{
    position: absolute;
    top: -100px;
    right: 0;
}


/**3大要點-外包圍設定**/
.page-abus-3point-all-wrap{
    padding: 1em 4em;
    text-align: center;
}

/**3大要點-文字設定**/
.page-abus-3point-title{
    font-size: 20px;
    font-weight: bold;
    color: #E87915;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0 0 0;
}

.page-abus-3point-title2{
    font-size: 20px;
    font-weight: bold;
    color: #FF6666;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0 0 0;
}


.page-abus-3point-title3{
    font-size: 20px;
    font-weight: bold;
    color: #2CA6E0;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0 0 0;
}

/**5大保證-外包圍**/
.page-abus-5guarantee-wrap{
    margin: 5em auto 3em auto;
    position: relative;
}

/**5大保證-左邊花**/
.page-abus-5guarantee-lflower{
    position: absolute;
    top: 0;
    left: -260px;
    z-index: -1;
}

/**5大保證-右邊花**/
.page-abus-5guarantee-rflower{
    position: absolute;
    top: 0;
    right: -260px;
    z-index: -1;
}



/**內頁-關於萊娜-內文白背景**/
.page-aboutus-ctn-bg{
    width: 100%;
    background-color: #ffffff;
    padding: 1em 2em;
    -moz-box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);
    position: relative;
}


/**內頁-五大保證-黃金底圖**/
.page-aboutus-goldline-set{
    text-align: center;
    background: rgba(194,107,8,1);
    background: -moz-linear-gradient(left, rgba(194,107,8,1) 0%, rgba(255,237,136,1) 21%, rgba(213,147,47,1) 49%, rgba(247,219,119,1) 78%, rgba(194,107,8,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,107,8,1)), color-stop(21%, rgba(255,237,136,1)), color-stop(49%, rgba(213,147,47,1)), color-stop(78%, rgba(247,219,119,1)), color-stop(100%, rgba(194,107,8,1)));
    background: -webkit-linear-gradient(left, rgba(194,107,8,1) 0%, rgba(255,237,136,1) 21%, rgba(213,147,47,1) 49%, rgba(247,219,119,1) 78%, rgba(194,107,8,1) 100%);
    background: -o-linear-gradient(left, rgba(194,107,8,1) 0%, rgba(255,237,136,1) 21%, rgba(213,147,47,1) 49%, rgba(247,219,119,1) 78%, rgba(194,107,8,1) 100%);
    background: -ms-linear-gradient(left, rgba(194,107,8,1) 0%, rgba(255,237,136,1) 21%, rgba(213,147,47,1) 49%, rgba(247,219,119,1) 78%, rgba(194,107,8,1) 100%);
    background: linear-gradient(to right, rgba(194,107,8,1) 0%, rgba(255,237,136,1) 21%, rgba(213,147,47,1) 49%, rgba(247,219,119,1) 78%, rgba(194,107,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c26b08', endColorstr='#c26b08', GradientType=1 );

    -moz-box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 60px -2px rgba(0,0,0,0.5);

    position: absolute;
    top: -30px;
    left: 10%;
    padding: 0 2em;

}


.page-aboutus-ctn-title-ch{
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    vertical-align: middle;
}

.page-aboutus-ctn-title-blingbling{
    padding: 0 0.5em;
    display: inline-block;
    vertical-align: middle;
}


.page-aboutus-ctn-ts-wrap{
    padding: 0.5em 0;
}

.page-aboutus-ctn-sub-tick{
    display: inline-block;
    vertical-align: middle;
}


.page-aboutus-ctn-sub-ch{
    font-size: 28px;
    font-weight: bold;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    vertical-align: bottom;
}




/**金色框線設定**/
.page-aboutus-goldborder{
    width: 100%;
    background: url(../images/goldborder.png) center center no-repeat;
    padding: 0 6em;
    background-size: contain;
}


/**內頁-五大保證-圖片外包圍**/
.page-aboutus-5g-img-wrap{
    padding: 0;
}



/**內頁-關於我們-SGS輪播圖圖片陰影**/
.pdtl-mpi-img-shadow{
    -moz-box-shadow: 5px 5px 20px -4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 20px -4px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 20px -4px rgba(0,0,0,0.5);
}


/**內頁-關於我們-背景設定**/
.page-aboutus-bg{
    width: 100%;
    background: url(../images/lybg.jpg) bottom center no-repeat;
}




/**內頁-產品介紹-banner設定**/
.page-other-banner-title-wrap{
    width: 320px;
    height: 320px;
    border: #A40B5E 1px solid;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    position: absolute;
    right: 10em;
    top: 19em;
    text-align: center;
    display: table;
}


.page-products-title-wrap{
    display: table-cell;
    vertical-align: middle;
}

.page-products-title{
    font-size: 30px;
    font-weight: 500;
    color: #A40B5E;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1;
    text-shadow: 0px 0px 13px rgba(255,255,255,0.8);
}

.page-products-title-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 45px;
    font-weight: 500;
    color: #A40B5E;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1;
    text-shadow: 0px 0px 13px rgba(255,255,255,0.8);
}


.page-products-title-arrow{
    display: inline-block;
    vertical-align: middle;
}

.page-prdcts-ctn-title{
    font-size: 30px;
    font-weight: bold;
    color: #A40B5E;
    letter-spacing: 1px;
    padding: 0 0.5em;
    line-height: 2;
    display: inline-block;
    vertical-align: middle;
}



.page-prdcts-items-psub{
    font-size: 16px;
    font-weight: 500;
    color: #717071;
    letter-spacing: 1px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 2;
    height: 60px;

    margin: 0 auto 1em auto;
}


/**商品列表-原價**/
.page-prdcts-items-pop{
    font-size: 16px;
    font-weight: 500;
    color: #717071;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0.5em 0;
    text-decoration: line-through;
}

/**商品列表-特價**/
.page-prdcts-items-psp{
    font-size: 16px;
    font-weight: 500;
    color: #E51373;
    letter-spacing: 1px;
    line-height: 1;
}

.page-prdcts-items-psp span{
    font-size: 40px;
    font-weight:600;
}


/**商品列表-商品圖片外包圍**/
.page-prdcts-items-pp-wrap{
    position: relative;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

/**商品列表-商品說明外包圍**/
.page-prdcts-items-ppsub{
    position: relative;
    padding: 4em;
}


/**商品列表-人氣商品**/
.page-prdcts-items-pp-hot{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}



/**內頁-商品介紹-背景設定**/
.page-products-bg{
    width: 100%;
    background: url(../images/pbg.jpg) bottom center no-repeat;
    position: relative;
    padding: 0 0 8em 0;
}

/**內頁-商品介紹-左櫻花**/
.page-products-leftsakura-bg{
    position: absolute;
    top: 300px;
    left: -130px;
}

/**內頁-商品介紹-右櫻花**/
.page-products-rightsakura-bg{
    position: absolute;
    top: 475px;
    right: -130px;
}

/**內頁-商品介紹-雪芙美妍標題文字**/
.page-products-ctn-sf-title-wrap{
    text-align: center;
    margin: -10em auto 10em auto;
    position: relative;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}


/**內頁-商品介紹-保濕彈力標題文字**/
.page-products-ctn-bs-title-wrap{
    text-align: center;
    margin: 2em auto 4em auto;
    position: relative;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

/**商品介紹-欄位外包圍**/
.page-products-items-pt-wrap{
    padding: 4em 2em;
}

/**商品列表-滑鼠hover愛心+購物車**/
.page-prdcts-hover-fc{
    width: 40px;
    height: 40px;
    background-color: #DD356B;
    text-align: center;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    padding: 0.6em 0em;
}


/**內頁-產品介紹-加入購物車按鍵**/
.page-products-addcart-btn{
    width: 50%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #65C1C2;
    padding: 0.5em 1em;
    margin: 1em 0 0.5em 0;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.page-products-addcart-btn:link{
    background: #65C1C2;
    text-decoration:none;
}

.page-products-addcart-btn:visited{
    background: #65C1C2;
}


.page-products-addcart-btn:hover{
    background: #65C1C2;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-products-addcart-btn:active{
    background: #65C1C2;
}


/**內頁-產品介紹-立即購買按鍵**/
.page-products-buy-btn{
    width: 50%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #DD4976;
    padding: 0.5em 1em;
    margin: 1em 0 0.5em 0;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.page-products-buy-btn:link{
    background: #DD4976;
    text-decoration:none;
}

.page-products-buy-btn:visited{
    background: #DD4976;
}


.page-products-buy-btn:hover{
    background: #DD4976;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-products-buy-btn:active{
    background: #DD4976;
}




/**內頁-商品介紹詳細頁-背景設定**/
.page-productsdtl-top-bg{
    width: 100%;
    background: url(../images/pdtltopbg.jpg) top center no-repeat;
    position: relative;
    /*background-size: cover;*/
    padding: 25em 0 2em 0;
}

/**內頁-商品介紹詳細頁-底部背景設定**/
.page-productsdtl-bottom-bg{
    width: 100%;
    background: url(../images/pdtlbottombg.jpg) bottom center no-repeat;
}



/**內頁-商品介紹詳細頁-白背景設定**/
.page-pdtl-ctn-bg {
    width: 100%;
    background-color: #ffffff;
    padding: 4em;
    position: relative;
}

/**內頁-商品介紹詳細頁-其他人也購買白背景設定**/
.page-pdtl-ctn-bg2 {
    width: 100%;
    background-color: #ffffff;
    padding: 1em;
    margin: 4em auto;
    position: relative;
}


/**商品詳細頁-說明外包圍**/
.page-prdctsdtl-items-wrap{
    padding: 0 2em;
    position: relative;
}

/**內頁-商品介紹詳細頁-輪播圖片整體包圍**/
.page-pdtl-ctn-slidepic-aw {
    padding: 0 1em;
}

/**內頁-商品介紹詳細頁-輪播圖片設定**/
.page-pdtl-ctn-slidepic {
    object-fit: contain;
}



/**商品詳細頁-名稱**/
.page-prdctsdtl-items-pname{
    font-size: 32px;
    font-weight: bold;
    color: #A40B5E;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
}


/**商品詳細頁-簡述**/
.page-prdctsdtl-items-psub{
    font-size: 20px;
    font-weight: 500;
    color: #717071;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0 0 1em 0;
}


/**商品詳細頁-原價**/
.page-prdctsstl-items-pop{
    font-size: 16px;
    font-weight: 500;
    color: #717071;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0.5em 0;
    text-decoration: line-through;
}

/**商品詳細頁-特價**/
.page-prdctsdtl-items-psp{
    font-size: 16px;
    font-weight: 500;
    color: #E51373;
    letter-spacing: 1px;
    line-height: 1;
    padding: 1em 0 2em 0;
}

.page-prdctsdtl-items-psp span{
    font-size: 40px;
    font-weight:600;
}


/**內頁-商品介紹詳細頁-商品詳細標題文字**/
.page-products-ctn-pd-title-wrap{
    text-align: center;
    margin: 8em auto 4em auto;
    position: relative;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}




/**內頁-商品介紹詳細頁-商品詳細圖片外包圍**/
.page-products-ctn-pd-img-wrap{
    text-align: center;
    margin: 6em auto;
}

/**內頁-商品介紹詳細頁-商品詳細圖片間距設定**/
.page-products-ctn-pd-img{
    padding: 2em 0;
}


/**內頁-商品介紹詳細頁-商品詳細-規格表**/
.page-products-ctn-pd-spec{
    padding: 0 0 1em 0;
}


/**內頁-商品介紹詳細頁-商品詳細-規格表-表格外框**/
.page-products-ctn-pd-spec-outside{
    border: 1px solid #CAB48B;
}

/**內頁-商品介紹詳細頁-商品詳細-規格表-表格文字**/
.ppcps-form-ctn-title{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
}


/**內頁-商品介紹詳細頁-商品詳細-規格表-表格回應文字**/
.ppcps-form-ctn-respond{
    font-size: 16px;
    font-weight: 400;
    color: #3E3A39;
    letter-spacing: 1px;
    line-height: 2;
}

/**內頁-商品介紹詳細頁-商品詳細-大標題**/
.ppcps-lead-title{
    text-align: center;
}






/**內頁-購物須知-banner設定**/
.page-services-banner-title-wrap{
    width: 320px;
    height: 320px;
    border: #ffffff 1px solid;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    position: absolute;
    right: 10em;
    top: 19em;
    text-align: center;
    display: table;
}


.page-services-title-wrap{
    display: table-cell;
    vertical-align: middle;
}

.page-services-title{
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1;
}

.page-services-title-en{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 45px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0.5em 0;
    line-height: 1.5;
}

/**內頁-購物須知-購物流程設定**/
.page-services-process{
    padding: 0;
}



/**內頁-問與答-Q設定**/
.page-faq-q-all-wrap{
    text-align: center;
    position: relative;
    margin: 2em auto;
}

.page-faq-q-all-24wrap{
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 2em auto;
}

.page-faq-q-wrap{
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background-color: #DDC1DC;
    display: table;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
}

.page-faq-q-txt{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 80px;
    font-weight: 500;
    color: #542A76;
    letter-spacing: 1px;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
}


.page-faq-qa-wrap{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


.page-faq-q-title{
    font-size: 24px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}

.page-faq-a-ctn{
    font-size: 18px;
    font-weight: 400;
    color: #E51373;
    letter-spacing: 1px;
    line-height: 2;
}

.page-faq-a-ctn-img{
    width: 360px;
    display: inline-block;
    vertical-align: middle;
}



.page-faq-a-ctn-24img{
    width: 360px;
    display: inline-block;
    vertical-align: middle;
}

.m-page-faq-a-ctn-24img{
    width: 300px;
    vertical-align: middle;
    margin: 0 auto;
}


/**內頁-聯絡我們-背景**/
.page-contact-ctn-bg{
    width: 100%;
    background-color: #FDEFDD;
    padding: 2em 6em;
    position: relative;
    margin: 4em auto 6em auto;
}


/**內頁-聯絡我們-背景左邊壓花**/
.page-contact-ctn-lf-bg {
    position: absolute;
    bottom: 0;
    left: -150px;
    z-index: -1;
}

/**內頁-聯絡我們-背景右邊壓花**/
.page-contact-ctn-rf-bg {
    position: absolute;
    bottom: 0;
    right: -150px;
    z-index: -1;
}





























/**內頁-產品介紹-分頁**/
.page-navi-arrow{
    border: none !important;
    background-color: transparent !important;
}





/**購物須知-整體背景設定**/
.page-service-all-bg{
    width: 100%;
    background: rgba(245,182,106,0);
    background: -moz-linear-gradient(top, rgba(245,182,106,0) 0%, rgba(240,148,143,0.3) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,182,106,0)), color-stop(100%, rgba(240,148,143,0.3)));
    background: -webkit-linear-gradient(top, rgba(245,182,106,0) 0%, rgba(240,148,143,0.3) 100%);
    background: -o-linear-gradient(top, rgba(245,182,106,0) 0%, rgba(240,148,143,0.3) 100%);
    background: -ms-linear-gradient(top, rgba(245,182,106,0) 0%, rgba(240,148,143,0.3) 100%);
    background: linear-gradient(to bottom, rgba(245,182,106,0) 0%, rgba(240,148,143,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b66a', endColorstr='#f0948f', GradientType=0 );
}

/**購物須知-流程背景**/
.service-process-bg{
    width: 100%;
    background-color: #E57887;
    padding: 3em 1em;
    margin: -2em auto;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/**購物須知-文字說明外包圍**/
.service-ctn-tips-wrap{
    margin: 3em auto 6em auto;
}


/**購物須知-文字說明**/
.service-ctn-tips-title{
    font-size: 20px;
    color: #991B5B;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0;
}

.service-ctn-tips-txt{
    font-size: 18px;
    color: #3E3A39;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
}

.service-ctn-tips-txt span{
    color: #DF6E35;
}

/**購物須知-強調說明**/
.service-ctn-important-tips{
    font-size: 25px;
    color: #E57887;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0 0 1em 0;
}


/**購物須知-流程箭頭**/
.service-process-arrow{
    vertical-align: middle;
    display: inline-block;
}





/**聯絡我們-標題**/
.contact-title-txt{
    font-size: 40px;
    color: #00A29A;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: center;
    display: block;
    padding: 0 0 1em 0;
}

.contact-title-txt span{
    font-size:28px;
    display: block;
}


/**聯絡我們-提醒文字**/
.contact-tips-txt{
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0;
}

.contact-tips-required{
    color: #C30D23;
}

/**聯絡我們-驗證碼圖片+重整icon**/
.contact-captcha-set{
    vertical-align: middle !important;
}



.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {
    padding: 0em .6em !important;
    border: 1px solid #777777 !important;
    margin: 0.5em auto;
}



/**聯絡我們-表單外包圍**/
.contact-form-btn-wrap{
    width: 100%;
    margin: 4em auto 6em auto;
    background-color: #ffffff;
    padding: 1em 2em;
    position: relative;
}

/**技術加盟-表單輸入框寬度**/
.form-input-txt{
    width: 100%;
    font-size:16px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
    padding: 1em;
}

.form-input-txt2{
    width: 10%;
    font-size:16px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
    padding: 1em;
}







/**清除重填+確認送出按鍵**/
.contact-reset-submit-btn{
    text-align: center;
    padding: 1em;
}







/**會員登入標題**/
.login-ctn-title-wrap {
    width: 520px;
    height: 120px;
    background: url(../images/mctitlebg.png) center center no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 1em;
    position: relative;
    z-index: 99;
    display: table;
}


/**會員中心其他頁面主標題**/
.member-other-ctn-title-wrap {
    width: 520px;
    height: 120px;
    background: url(../images/mcothertitlebg.png) center center no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 1em;
    position: relative;
    z-index: 99;
    display: table;
}



/**會員登入背景**/
.login-ctn-bg {
    width: 100%;
    background: url(../images/yeazyeah.png) bottom center no-repeat;
    background-color: #ffffff;
    background-size: contain;
    padding: 5em 5em 12em 5em;
    margin: -2em auto 6em auto;
    -moz-box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);
}


/**會員登入-頁面背景**/
.page-login-ctn-wrap {
    width: 100%;
    min-height: 500px;
    position: relative;
    background: rgba(122,201,219,1);
    background: -moz-linear-gradient(top, rgba(122,201,219,1) 0%, rgba(160,213,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,201,219,1)), color-stop(100%, rgba(160,213,201,1)));
    background: -webkit-linear-gradient(top, rgba(122,201,219,1) 0%, rgba(160,213,201,1) 100%);
    background: -o-linear-gradient(top, rgba(122,201,219,1) 0%, rgba(160,213,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(122,201,219,1) 0%, rgba(160,213,201,1) 100%);
    background: linear-gradient(to bottom, rgba(122,201,219,1) 0%, rgba(160,213,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac9db', endColorstr='#a0d5c9', GradientType=0 );
    overflow: hidden;
}



.page-login-head-bottom{
    position: absolute;
    bottom: 0;
    background-color: #7ac9db;
}




/**訂單查詢-頁面背景**/
.page-os-ctn-wrap {
    width: 100%;
    min-height: 500px;
    position: relative;
    background: rgba(135,200,156,1);
    background: -moz-linear-gradient(top, rgba(135,200,156,1) 0%, rgba(239,243,193,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,200,156,1)), color-stop(100%, rgba(239,243,193,1)));
    background: -webkit-linear-gradient(top, rgba(135,200,156,1) 0%, rgba(239,243,193,1) 100%);
    background: -o-linear-gradient(top, rgba(135,200,156,1) 0%, rgba(239,243,193,1) 100%);
    background: -ms-linear-gradient(top, rgba(135,200,156,1) 0%, rgba(239,243,193,1) 100%);
    background: linear-gradient(to bottom, rgba(135,200,156,1) 0%, rgba(239,243,193,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c89c', endColorstr='#eff3c1', GradientType=0 );
    overflow: hidden;
}

.page-os-head-bottom{
    position: absolute;
    bottom: 0;
    background-color: #87C89C;
}



/**購物車步驟**/
.cart-step-angle{
    text-align: center;
    color: #E384B2;
    padding: 6em 0 6em 0;
}



/**購物車-頁面背景**/
.page-cart-ctn-wrap {
    width: 100%;
    min-height: 500px;
    position: relative;
    background: rgba(176,220,215,1);
    background: -moz-linear-gradient(top, rgba(176,220,215,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,220,215,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(176,220,215,1) 0%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(176,220,215,1) 0%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(176,220,215,1) 0%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(176,220,215,1) 0%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dcd7', endColorstr='#fefefe', GradientType=0 );
    overflow: hidden;
    padding: 0 0 10em 0;
}



.page-cart-head-bottom{
    position: absolute;
    bottom: 0;
    background-color: #B0DCD7;
}


/**購物車-完成訂購-頁面背景**/
.page-cs4finish-ctn-wrap {
    width: 100%;
    position: relative;
    background: url(../images/cs4bg.jpg) bottom center no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0 0 10em 0;
}

.page-cs4finish-head-bottom{
    position: absolute;
    bottom: 0;
    background: #B0DCD7;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
}



/**購物車-完成訂購-椰子襯圖**/
.page-cs4finish-ctn-coco {
    position: absolute;
    top: 150px;
    right: 75px;
}








/**首頁產品介紹圖片設定**/
.index-products-set{
    width: 100%;
    height: 100%;
}


/**首頁最新商品設定**/
.ina-all-wrap{
    width: 100%;
    margin: 0 auto 10em auto;
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.index-na-wrap{
    width: 30%;
    margin: 5em auto 8em auto;
    text-align: center;
}

.index-na-set{
    font-size:35px;
    font-weight:400;
    color:#B16C23;
    letter-spacing:1px;
    line-height: 2;
    padding: 0 0 0.5em 0;
    border-bottom: #D49345 1px solid;
    position: relative;
}

.index-na-set span{
    font-size:20px;
    font-weight:300;
    color:#D49345;
    letter-spacing:1px;
    line-height: 2;
}


/**首頁-熱門商品設定**/
.hot-prod-set{
    height: 394px;
    object-fit: cover;
}


/**菱形**/
.diamond {
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    background: #000000;
    display: inline-block;
}

/**最新商品 - 背景設定**/
.normal-index-na-box{
    background: #DA944A;
    padding: 7em;
}


.index-na-box{
    background: #DA944A;
    padding: 7em;
}
.m-index-na-box{
    background: #DA944A;
    padding: 7em;
}


.index-na-box-title{
    font-size:20px;
    font-weight:400;
    color:#ffffff;
    letter-spacing:1px;
    padding: 0.5em 0;
    text-align: center;

    line-height: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 50px;
}

.index-na-box-sub{
    font-size:15px;
    font-weight:300;
    color:#ffffff;
    letter-spacing:1px;
    text-align: center;
    line-height: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 90px;
}

.index-na-box-readmore{
    text-align: center;
}

.index-na-box-readmore a{
    font-size:18px;
    font-weight:300;
    color:#ffffff;
    letter-spacing:1px;
    text-align: center;
    line-height: 2;
}

.index-na-box-readmore a:hover{
    color:#ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.index-na-box-readmore:after{
    content: "";
    display: grid;
    width: 25px;
    height: 1px;
    margin: 0 auto;
    background: #ffffff
}


/**電腦版圖片設定**/
.index-na-img{
    width: 100%;
    height: 100%;
}

/**手機版圖片設定**/
.m-index-na-img{
    width: 100%;
    height: 100%;
}


/**首頁-產品列表價格換行設定**/
.index-prod-price{
    display: block;
}





/**商品總覽設定**/
.all-products-set{
    width: 100%;
    background: #EAE9E9;
}

/**商品總覽設定**/
.all-products-wrap{
    padding: 1em;
}



/**主題逛逛設定**/
.theme-out-border-pink{
    width: 70%;
    border: #EA909A 6px solid;
    padding: 4em 3em;
    position: relative;
    margin: 0 auto 8em auto;
}

.theme-out-border-yellow{
    width: 70%;
    border: #EDAE28 6px solid;
    padding: 4em 3em;
    position: relative;
    margin: 8em auto;
}

.theme-out-border-blue{
    width: 70%;
    border: #34BADB 6px solid;
    padding: 4em 3em;
    position: relative;
    margin: 8em auto;
}

.theme-out-border-green{
    width: 70%;
    border: #349238 6px solid;
    padding: 4em 3em;
    position: relative;
    margin: 8em auto 20em auto;
}

/**主題逛逛-圖片設定**/
.theme-out-img-set{
    height: 450px;
    object-fit: cover;
}



/**主題逛逛-標題文字設定**/
.theme-out-wrap{
    vertical-align: top;
}

.theme-out-wrap2{
    vertical-align: top;
    padding: 0 2em;
}

.theme-out-title{
    font-size:26px;
    font-weight:400;
    color:#3E3A39;
    letter-spacing:1px;
    line-height: 2;
}

.theme-out-title-en{
    font-size:60px;
    font-weight:600;
    color:#3E3A39;
    letter-spacing:1px;
    line-height: 1;
    padding: 0.5em 0 1em 0;
}


/**觀看更多按鍵-粉紅**/
.view-more-btn-pink{
    width: 50%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #EA909A;
    padding: 0.5em 1em;
    text-align:center;
}


.view-more-btn-pink:link{
    background: #EA909A;
    text-decoration:none;
}

.view-more-btn-pink:visited{
    background: #EA909A;
}


.view-more-btn-pink:hover{
    background: #EA909A;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-more-btn-pink:active{
    background: #EA909A;
}



/**觀看更多按鍵-黃**/
.view-more-btn-yellow{
    width: 50%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #EDAE28;
    padding: 0.5em 1em;
    text-align:center;
}


.view-more-btn-yellow:link{
    background: #EDAE28;
    text-decoration:none;
}

.view-more-btn-yellow:visited{
    background: #EDAE28;
}


.view-more-btn-yellow:hover{
    background: #EDAE28;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-more-btn-yellow:active{
    background: #EDAE28;
}



/**觀看更多按鍵-藍**/
.view-more-btn-blue{
    width: 50%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #34BADB;
    padding: 0.5em 1em;
    text-align:center;
}


.view-more-btn-blue:link{
    background: #34BADB;
    text-decoration:none;
}

.view-more-btn-blue:visited{
    background: #34BADB;
}


.view-more-btn-blue:hover{
    background: #34BADB;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-more-btn-blue:active{
    background: #34BADB;
}



/**觀看更多按鍵-綠**/
.view-more-btn-green{
    width: 50%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #349238;
    padding: 0.5em 1em;
    text-align:center;
}


.view-more-btn-green:link{
    background: #349238;
    text-decoration:none;
}

.view-more-btn-green:visited{
    background: #349238;
}


.view-more-btn-green:hover{
    background: #349238;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-more-btn-green:active{
    background: #349238;
}



/**圖片設定**/
.theme-img-1{
    position: absolute;
    bottom: -75px;
    right: -120px;
}

.m-theme-img-1{
    padding: 0;
}

/**圖片設定**/
.theme-img-2{
    position: absolute;
    bottom: -75px;
    left: -120px;
}



/**外包圍開始**/
.aboutus-banner-txt-wrap{
    position: absolute;
    top: 25%;
    right: 15%;
}

/**內頁BANNER大圖-標題文字**/
.aboutus-banner-txt-ch{
    font-size:40px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    padding: 0.5em 0;
    position: relative;
}

.aboutus-banner-txt-ch:after{
    content: "";
    display: grid;
    width: 2px;
    height: 20px;
    background: #ffffff;
    position: absolute;
    right: 44%;

    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
}

.aboutus-banner-txt-en{
    font-size:40px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    padding: 0 0 0 6em;
}

/**關於我們內容區塊設定**/
.aboutus-all-ctn-set{
    width: 100%;
    position: relative;
}

.aboutus-sec-ctn-set{
    width: 100%;
    margin: 0 auto 5em auto;
}


.aboutus-sec-ctn2-set{
    width: 100%;
    position: relative;
}





/**關於我們欄位設定**/
.aboutus-ctn-set{
    width: 100%;
    background: #ffffff;
    padding: 2em;
}

.aboutus-ctn-txt{
    font-size:18px;
    font-weight:300;
    color: #000000;
    letter-spacing:1px;
    line-height: 2;
}

.aboutus-ctn-logo{
    text-align: center;
    padding: 4em 0;
}


/**圖片間距設定**/
.aboutus-ctn-img{
    padding: 0 1em 1em 1em;
}



/**第二塊banner圖外包圍開始**/
.aboutus-sec-banner-txt-wrap{
    position: absolute;
    top: 25%;
    right: 15%;
}

/**第二塊banner圖-標題文字**/
.aboutus-sec-banner-txt-ch{
    font-size:40px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}


/**第二塊外包圍**/
.aboutus-ac-wrap{
    padding: 2em;
}


/**圖片設定**/
.aboutus-sec-ctn-img{
    -moz-box-shadow:20px 4px 50px 12px rgba(0,0,0,0.2);
    -webkit-box-shadow:20px 4px 50px 12px rgba(0,0,0,0.2);
    box-shadow:20px 4px 50px 12px rgba(0,0,0,0.2);
}

/**第二塊banner圖-文字**/
.aboutus-ac-txt{
    font-size:50px;
    font-weight:600;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
    text-align: right;
}

.aboutus-ac-ctn-txt{
    font-size:18px;
    font-weight:300;
    color: #000000;
    letter-spacing:1px;
    line-height: 2;
}


.aboutus-oe-txt{
    font-size:40px;
    font-weight:400;
    color: #D89330;
    letter-spacing:1px;
    line-height: 2;
    text-align: left;
}

.aboutus-oe-en-txt{
    font-size:50px;
    font-weight:600;
    color: #D89330;
    letter-spacing:1px;
    line-height: 2;
    text-align: right;
}


.aboutus-oe-ctn-box{
    width: 100%;
    background: #F3D393;
    padding: 2em;
}

.aboutus-oe-ctn-txt{
    font-size:16px;
    font-weight:300;
    color: #40210F;
    letter-spacing:1px;
    line-height: 2;
}




/**正方形圖片效果**/
.square-section img {
    width: 90px;
    height: 90px;
    max-width: 90px;
}
.square-section.contain img {
    object-fit: cover;
}



/**餐廚用品**/
.kitchenware-banner{
    width: 100%;
    height: 480px;
    background: url(../images/kitchenbanner.jpg) top center no-repeat;
    position: relative;
}

.kitchenware-txt-box{
    font-size:40px;
    font-weight:300;
    color: #ffffff;
    background: #CF7516;
    letter-spacing:1px;
    line-height: 2;
    padding: 1em;
    text-align: center;
    position: absolute;
    top: 220px;
    left: 70px;
}

.kitchenware-txt-box span{
    font-size:18px;
}

/**餐廚用具-原價**/
.kitchenware-or-price{
    text-decoration: line-through;
    color: #C89F62;
    display: block;
}

/**餐廚用具-特價**/
.kitchenware-sale-price{
    /*font-size: 30px;*/
    font-weight: 500;
    position: relative;
}

/**餐廚用具-特價標籤**/
.kitchenware-onsale-lable{
    width: 0 !important;
    position: absolute;
    top: -85px;
    right: 55px;
}


/**餐廚用具-第二區塊產品列表-產品外包圍**/
.kitchenware-sec-plist-wrap{
    padding: 1em;
}


/**餐廚用具-第二區塊產品列表-產品名稱**/
.kitchenware-sec-plist-txt{
    font-size:18px;
    font-weight:400;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
    padding: 1em 0;
    position: relative;
}

.kitchenware-sec-plist-txt span{
    position: absolute;
    right: 0;
}

/**彈出視窗-整體外包圍**/
.ksp-popup-all-wrap{
    width: 100%;
    padding: 1em;
}


/**彈出視窗資訊外包圍**/
.ksp-ctn-wrap{
    padding: 0 1em;
}

/**彈出視窗文字**/
.ksp-number{
    font-size:20px;
    font-weight:300;
    color: #888889;
    letter-spacing:1px;
    line-height: 2;
}


.ksp-name{
    font-size:30px;
    font-weight:500;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
}


.ksp-sub-txt{
    font-size:20px;
    font-weight:400;
    color: #888889;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
}

.ksp-in-stock{
    font-size:20px;
    font-weight: 300;
    color: #717071;
    letter-spacing:1px;
    line-height: 2;
    padding: 0 0 2em 0;
}

.ksp-in-stock-a{
    font-size:20px;
    font-weight:400;
    color: #8EC31E;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
}

.ksp-in-stock-b{
    font-size:20px;
    font-weight:400;
    color: #F5AD45;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
}

.ksp-in-stock-c{
    font-size:20px;
    font-weight:400;
    color: #ED7E8F;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
}



.ksp-size{
    font-size:20px;
    font-weight:300;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
}

.ksp-size, .ksp-quantity{
    font-size:20px;
    font-weight:300;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
    /*display: inline-block;*/
}

/**選擇尺寸**/
.pure-form select {
    width: 90%;
    height: 2.25em;
    border: 1px solid #989898;
    background-color: #fff;

    color: #000000 !important; /**2017-12-27編輯**/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*.pure-form-stacked label{
    display: inline-block !important; 
}*/

.ksp-or-price-wrap{
    display: block;
}

/**價格**/
.ksp-price{
    font-size:30px;
    font-weight:500;
    color: #DFA031;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
    display: inline-block;
}

/*原價標示*/
.or-price{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    text-decoration: line-through;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 1em 0 0;
    display: inline-block;
}

/**加入購物車按鍵**/
.ksp-addcart-btn{
    width: 200px;
    padding: 1em 1em 0 0;
    display: inline-block;
}

/**進一步了解**/
.ksp-readmore{
    font-size:20px;
    font-weight:300;
    color: #E34B5C;
    letter-spacing:1px;
    line-height: 2;
    display: inline-block;
}

.ksp-readmore a:link{
    color: #E34B5C;
}

.ksp-readmore a:visited{
    color: #E34B5C;
}

.ksp-readmore a:hover{
    color: #036EB8;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ksp-readmore a:active{
    color: #E34B5C;
}


/**商品篩選選單設定**/
.select-set{
    display: inline-block;
    padding: 1em;
}

.select-set-right{
    text-align: right;
}

/**第一區塊商品設定**/
.first-prod-set{
    height:282px;
    object-fit: cover;
}


/**右側懸浮視窗設定**/
.susmenu-wrap-set{
    text-align: center;
    /*display: inline-block;*/
    margin: 0 auto;
    padding: 0.5em 1.5em 0.5em 1.5em;
    border-bottom: #7F4E20 1px solid;
}

.susmenu-wrap-set:last-child{
    border-bottom: none;
}

.susmenu-wrap-set a{
    font-size:18px;
    font-weight:400;
    color: #7F4E20;
    letter-spacing:1px;
    line-height: 2;

    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;      
    writing-mode: vertical-rl;
}


.susmenu-wrap-set a:hover{
    color: #009139;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



/**購物件數-水平文字**/
.cart-quantity{
    writing-mode: inherit;
    writing-mode: initial;
}



/*.susmenu-txt{
        font-size:16px;
        font-weight:400;
    color: #693905;
        letter-spacing:1px;
        line-height: 2;
}

.susmenu-txt:link{
        color: #693905;
}

.susmenu-txt:visited{
        color: #693905;
}

.susmenu-txt:hover{
        color: #DFA031;
        
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

.susmenu-txt:active{
        color: #693905;
}*/







.member-icon {
    display: inline-block;
}



.sus-all-wrap{
    padding: 8em 2em 0 2em;
    position: relative;
}




/**加入收藏-文字設定**/
.addfav-name{
    font-size:24px;
    font-weight:400;
    color: #595757;
    letter-spacing:1px;
    line-height: 2;
    padding: 0.5em 0;
    text-align: center;
}

/**彈出視窗資訊外包圍**/
.addfav-btn-wrap{
    padding: 0 1em;
}

/**取消加入按鍵**/
.addfav-del-btn{
    width: 50%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #9F9FA0;
    padding: 0.5em 1em;
    margin: 1em auto;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.addfav-del-btn:link{
    background: #9F9FA0;
    text-decoration:none;
}

.addfav-del-btn:visited{
    background: #9F9FA0;
}


.addfav-del-btn:hover{
    background: #9F9FA0;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addfav-del-btn:active{
    background: #9F9FA0;
}



/**確認加入按鍵**/
.addfav-submit-btn{
    width: 50%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background: #EA909A;
    padding: 0.5em 1em;
    margin: 1em auto;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.addfav-submit-btn:link{
    background: #EA909A;
    text-decoration:none;
}

.addfav-submit-btn:visited{
    background: #EA909A;
}


.addfav-submit-btn:hover{
    background: #EA909A;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.addfav-submit-btn:active{
    background: #EA909A;
}


/**商品詳細頁 - 輪播圖+產品資訊欄外包圍**/
.prod-detail-wrap{
    width: 100%;
    padding: 4em 0;
    border-bottom: #9F9FA0 1px solid;

    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}


/**商品詳細頁 - 規格表中央分隔線**/
.prod-detail-left-spec-wrap{
    width: 100%;
    padding: 0 3em 0 0;
}

/**商品詳細頁 - 規格表**/
.prod-detail-spec-wrap{
    width: 100%;
    padding: 1em 0;
    border-bottom: #9F9FA0 1px dashed;
}

.prod-detail-spec-wrap:last-child{
    border-bottom: none;
}


.prod-detail-spec2-wrap{
    width: 100%;
    padding: 0 0 0 3em;
    border-left: #9F9FA0 1px solid;
}

.prod-detail-spec2-wrap:last-child{
    border-bottom: none;
}

.prod-detail-spec-title{
    font-size:20px;
    font-weight:400;
    color: #AF761F;
    letter-spacing:1px;
    line-height:2;
}

.prod-detail-spec-input{
    font-size:18px;
    font-weight:300;
    color: #595757;
    letter-spacing:1px;
    line-height:2;
}


/**強調文字顏色**/
.detail-color-pink{
    color: #DE4B5F;
}

.detail-color-green{
    color: #32AE89;
}



/**猜您喜歡-設定**/
.youlike-title{
    font-size:26px;
    font-weight:400;
    color: #AF761F;
    letter-spacing:1px;
    line-height:2;
    text-align: center;
    padding: 1em 0;
}

.youlike-wrap{
    padding: 2em 0;
}

/**猜您喜歡-名稱+價格**/
.youlike-name-price{
    font-size:18px;
    font-weight:400;
    color: #000000;
    letter-spacing:1px;
    line-height:2;
}


.youlike-name-or-price{
    color: #595757;
    padding: 0 0.5em 0 0;
    text-decoration: line-through;
}
.youlike-name-sp-price{
    font-weight: 400;
    color: #000000;
}



/**認證輪播圖設定**/
.links{
    padding: 8px;
    background-color: #52b529;
    margin: 5px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.links a{
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.links:hover{
    background-color: #1e824c;
}

/*.current{
    background-color: #22a7f0;
}*/

.swiper-container {
    width: 100%;
    height: 100% !important; /**2017-12-27編輯**/
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: transparent !important; /**2017-12-27編輯**/
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}



/**服務中心-購物流程設定**/
.services-process-wrap{
    padding: 4em 0;
    margin: 4em auto;
    position: relative;

    border-bottom: #9F9FA0 1px dashed;
}

.services-process-box{
    background: #42BABC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    padding: 1em;

    position: absolute;
    top: 10px;
    right: 42%;
}

.services-process-box span{
    font-size:26px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    padding: 0 0.5em;
    vertical-align: middle;
}

.services-process-outline{
    width: 100%;
    border: #42BABC 4px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 3em;
}



/**步驟外包圍**/
.services-process-step-wrap{
    padding: 1em;
    display: inline-block;
}

.services-process-step{
    font-size:20px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1.5;
    vertical-align: middle;
    display: inline-block;
    padding: 0 0.5em;
}

.services-process-step span{
    font-size:18px;
    display: block;
}


.services-process-icon{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}


/**整體內容外包圍**/
.services-all-wrap{
    margin: 14em auto 2em auto;
}



/*箭頭動畫*/
#animate-area { 
    width: 35px; 
    height: 22px; 
    background: url(../images/process_arrow.png) 0px 0px repeat-X;

    animation: animatedBackground 18s linear infinite;
    margin: 1em auto;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;

    /*-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);*/
}

@-webkit-keyframes animatedBackground{
    from { background-position: 0 100%; }
    to { background-position: 0 0; }
}


/*箭頭動畫*/
#m-animate-area { 
    width: 35px; 
    height: 22px; 
    background: url(../images/m-process_arrow.png) 0px 0px repeat-X;

    animation: m-animatedBackground 18s linear infinite;
    margin: 1em auto;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;

    /*-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);*/
}

@-webkit-keyframes m-animatedBackground{
    from { background-position: 0 100%; }
    to { background-position: 0 0; }
}


/**服務中心-提示文字**/
.services-process-tips-box{
    width: 50%;
    background: #42BABC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 3em auto;
    text-align: center;
    padding: 1em 0;
}

.services-process-tips-box span{
    font-size:20px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}




/**服務中心-運費說明設定**/
.services-freight-wrap{
    padding: 4em 0;
    margin: 4em auto;
    position: relative;
}

.services-freight-box{
    background: #EF8888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    padding: 1em;

    position: absolute;
    top: 10px;
    right: 42%;
}

.services-freight-box span{
    font-size:26px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    padding: 0 0.5em;
    vertical-align: middle;
}


.services-freight-outline{
    width: 100%;
    border: #EF8888 4px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 5em 3em 3em 3em;
}


.services-freight-ctn-txt{
    font-size:18px;
    font-weight:400;
    color: #717171;
    letter-spacing:1px;
    line-height:2;
}

.services-fd-title-pink{
    font-size: 20px;
    color: #EF8888;
}
.services-fd-pink{
    color: #CE4B5E;
}



/**常見問題-外包圍**/
.qa-items-wrap{
    padding: 1em;
}

.qa-menu-box-title{
    font-size:26px;
    font-weight:400;
    color: #808180;
    letter-spacing:1px;
    line-height:2;
    text-align: center;
    padding: 1em 0;
}

.qa-menu-box-title:after{
    content:"";
    display: grid;
    width: 16px;
    height: 8px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #808180 transparent transparent transparent;
    margin: 0 auto;
}

.qa-menu-box1{
    width: 100%;
    background: #E1A82C;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 1em auto;
    text-align: center;
    padding: 1em;
}

.qa-menu-box1 span{
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.qa-menu-box1:hover{
    background: #67BE91;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.qa-menu-box1.active{
    background: #67BE91;
}





.qa-menu-box2{
    width: 100%;
    background: #E1A82C;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 1em auto;
    text-align: center;
    padding: 1em;
}

.qa-menu-box2 span{
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.qa-menu-box2:hover{
    background: #67BE91;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.qa-menu-box2.active{
    background: #67BE91;
}


/**問答標題**/
.qa-title-wrap{
    text-align: center;
    padding: 1em;
}

.qa-title-set{
    font-size:26px;
    font-weight:400;
    color: #67BE91;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
    vertical-align: middle;
}


.qa-title-icon{
    width: 60px;
    margin: 0 auto;
    display: inline-block;
}

.page-qaqaitems-title{
    font-size:20px;
    font-weight:400;
    color: #717071;
    letter-spacing:1px;
    line-height:2;
    vertical-align: middle;
    padding: 0 1em;
}


.page-qaqaitems-title-q{
    font-family: 'Lato', sans-serif;
    font-size:20px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    padding: 0.5em 0.75em;
    vertical-align: middle;

    /*2018-01-15編輯*/
    background-color: #161B61; 
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
}

.page-qaqa-ctnsub{
    font-size:18px;
    font-weight:300;
    color: #4F4E4E;
    letter-spacing:1px;
    line-height:2;
}


/**首頁-底部-背景圖**/
.foot-bg-img{
    width:100%;
    max-width: 100%;
    position: relative;
    /**2018-03-31編輯**/
    background: #ffffff;

    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;

}

/**返回頂部**/
.foot-go-top{
    width: 20%;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    text-align: center;
    padding: 0.5em 0;
    margin: 0 auto;
    position: absolute;
    top: -54px;
    left: 40%;

    background: rgba(134,134,134,1);
    background: -moz-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(62,58,57,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(134,134,134,1)), color-stop(100%, rgba(62,58,57,1)));
    background: -webkit-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(62,58,57,1) 100%);
    background: -o-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(62,58,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(134,134,134,1) 0%, rgba(62,58,57,1) 100%);
    background: linear-gradient(to bottom, rgba(134,134,134,1) 0%, rgba(62,58,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#3e3a39', GradientType=0 );
}

.foot-go-top:link{
    color: #ffffff;
}

.foot-go-top:visited{
    color: #ffffff;
}

.foot-go-top:hover { 
    color: #ffffff;
    background: rgba(34,172,57,1);
    background: -moz-linear-gradient(top, rgba(34,172,57,1) 0%, rgba(56,125,57,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,172,57,1)), color-stop(100%, rgba(56,125,57,1)));
    background: -webkit-linear-gradient(top, rgba(34,172,57,1) 0%, rgba(56,125,57,1) 100%);
    background: -o-linear-gradient(top, rgba(34,172,57,1) 0%, rgba(56,125,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(34,172,57,1) 0%, rgba(56,125,57,1) 100%);
    background: linear-gradient(to bottom, rgba(34,172,57,1) 0%, rgba(56,125,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22ac39', endColorstr='#387d39', GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-go-top:active{
    color: #ffffff;
}

/**底部-資訊外包圍設定**/
.foot-info-wrap{
    padding: 6em 0;
}



/**首頁-底部-HOME外包圍設定**/
.foot-home-wrap{
    width:100%;
    padding:0 1em 0 1em;
    border-top:#717071 1px solid;
    border-bottom:#717071 1px solid;
}


/**首頁-底部-HOME文字設定**/
.foot-home-txt{
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    word-break: break-all;
}


.foot-home-txt a:link{
    color: #ffffff;
}

.foot-home-txt a:visited{
    color: #ffffff;
}

.foot-home-txt a:hover{
    color: #DAAF38;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-home-txt a:active{
    color: #ffffff;
}


/**分隔線**/
.foot-line-set{
    width: 100%;
    padding: 0 0 0 2em;
    border-left: #ffffff 1px solid;
}


.pure-table-horizontal td, .pure-table-horizontal th {
    border-bottom: none !important;
}

.pure-table {
    display: inline-block !important;
}


/**foot小菱形**/
.foot-diamond {
    width: 10px;
    height: 10px;
    margin: 0 0 0 0.6em;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    background: #D49345;
}


.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {
    vertical-align: unset !important;
}


/**FOOT底部切齊設定**/
.foot-va-bt{
    vertical-align: middle;
}



/**第二選單外包圍**/
.foot-menu-wrap{
    display:block;
}


/**foot選單設定**/
.foot-menu{
    padding: 2em 0 0 0;
}

.foot-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.foot-menu ul li {
    display:inline-block;
}

.foot-menu ul li:last-child {
    border-right: none;
}

.foot-menu ul li a {
    font-family: 'cwTeXMing', serif;
    display: block;
    font-size:16px;
    font-weight:500;
    color: #595757;
    letter-spacing:1px;
    line-height:2;
    text-align: center;
    padding: 14px 20px; /**前:上下  後:左右**/
    text-decoration: none;
}

.foot-menu ul li a:hover:not(.active) {
    color: #8fa05c;
    font-weight:bold;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-menu ul li a.active {
    color: #8fa05c;
    font-weight:bold;
}


/**手機版選單分隔線**/
.m-menu-line::after{
    content:"____________";
    color:#ffffff;
    font-size:20pt;
}

/**手機版-語系欄**/
select{
    font-size: 16px !important;
}


.pure-form-stacked select {
    display: inline-block !important;
    width: 100%;
}





/**聯絡我們**/
/**外包圍**/
.contact-info-wrap{
    padding: 1em;
}

.contact-info-logo{
    width: 300px;
    /*margin: 0 auto;*/
}


.contact-info-txt {
    font-size:18px;
    font-weight:400;
    color: #595757;
    letter-spacing:1px;
    line-height:2;
    padding: 14px 20px; /**前:上下  後:左右**/
    text-decoration: none;
    word-break: break-all;
}

.contact-info-txt a:link{
    color: #595757;
}

.contact-info-txt a:visited{
    color: #595757;
}

.contact-info-txt a:hover{
    color:#DFA031;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info-txt a:active{
    color: #595757;
}

/**資訊+表單外包圍**/
.contact-info-form-wrap{
    width: 100%;
    margin: 2em auto;
}


/**表單外包圍**/
.contact-form-wrap{
    width: 100%;
    padding: 0 0 0 3em;
    border-left: #555556 1px solid;
}

/**表單標題**/
.contact-form-title{
    font-size:26px;
    font-weight:400;
    color: #717071;
    letter-spacing:1px;
    line-height:2;
    padding: 1em;
    text-align: center;
}


/**表單提示文字**/
.contact-form-tips{
    font-size:18px;
    font-weight:400;
    color: #717071;
    letter-spacing:1px;
    line-height:2;
    padding: 1em;
}

.contact-form-tips-detail{
    color: #F39700;
}

/**表單提示文字**/
.contact-form-name{
    font-size:15px;
    font-weight:500;
    color: #000000;
    letter-spacing:1px;
    line-height:1.5;
}

.contact-form-name-en{
    font-size:12px;
    font-weight:400;
    color: #3E3A39;
    letter-spacing:1px;
    line-height:2;
}










.contact-banner-pic{
    width: 100%;
    height: 529px;
    background: url(../images/contact_bg.jpg) top center no-repeat;
}

.cntct-addphone-set{
    padding:1em;
}

.cntct-mail-set{
    padding:1em;
    font-size: 15px;
}

/**表單文字**/
.cntct-form-txt{
    font-family: 'Questrial', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 1px;
    line-height: 2;
    vertical-align: middle;
}

/**調整表單標題文字寬度**/
.pure-form-aligned .pure-control-group label {
    width: 8em;
    text-align: left !important;
    display: inline-block !important;
}

.form-width{
    width: 65%!important;
}

.gender-width{
    width: 6em !important;
}

.radio-width{
    width: 6em !important;
}

.captcha-form-width{
    width: 40%!important;
}

/**清除+送出按鍵**/
.cntact-btn-pddng{
    text-align:center;
}

/**表單訊息欄位高度**/
.message-form{
    min-height: 200px;
}






/*星號顏色*/
.star-set{
    color:#ff4f95;
    font-size: 24px;
    vertical-align: -webkit-baseline-middle;
}
/*左側公司資訊*/
.cntct-left-info-txt{
    font-family: 'Questrial', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 1em 3em 1em;
}

.cntct-left-info-txt a:link{
    color:#000000;
}

.cntct-left-info-txt a:visited{
    color:#000000;
}

.cntct-left-info-txt a:hover{
    color:#ff4f95;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cntct-left-info-txt a:active{
    color:#000000;
}

/*提示文字*/
.cntct-tips-txt{
    font-family: 'Questrial', sans-serif;
    font-size:15px;
    font-weight: 600;
    color:#3e3a39;
    letter-spacing:1px;
    line-height:2; /*2017-03-15編輯*/
    padding: 1em;
}


/**z-index設定**/
.zi-set{
    z-index: 9999;
    position: relative;
}




/**路徑設定**/
.bread-bg-set{
    width: 100%;
    background-color: #3A415C;
    padding: 1em; /*2018-02-13編輯*/
}

.bread {
    width:100%;
    text-align:left; /*2017-04-21編輯*/
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 3;
    margin: 2em auto;
}

.bread a{
    color: #387D39;
}

.bread a:hover{
    color: #387D39;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.angle-color{
    color:#808080;
}

.color-333 a{
    font-weight: 400;
    color: #595757;
}

.color-333 a:hover{
    color: #387D39;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}




.color-home a{
    color: #ffffff;
}

.color-home a:hover{
    color: #DAAF38;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}







/**內頁-聯絡我們-標題**/
.page-contact-title-txt{
    font-size:24px;
    font-weight:500; /*2017-04-25編輯*/
    color:#693905;
    letter-spacing:1px;
    line-height: 2; /*2017-04-24編輯*/
    border-bottom:#000000 1px solid;
}

/**內頁-聯絡我們-英文標題**/
.page-contact-title-en-txt{
    font-size:20px;
    font-weight:500; /*2017-04-25編輯*/
    color:#693905;
    letter-spacing:1px;
    line-height: 2; /*2017-04-24編輯*/
}

.pct-pd{
    padding: 0 0 1em 0;/*2017-04-25編輯*/
}

/**內頁-聯絡我們-提示文字**/
.page-contact-tips-txt{
    font-size:16px;
    font-weight:400; /*2017-04-25編輯*/
    color:#000000;
    letter-spacing:1px;
    line-height: 2; /*2017-04-24編輯*/
    padding: 0 0 1em 0;
}


/**內頁-聯絡我們-提示文字圓點**/
.yellow-dot{
    padding: 0.5em;
}



/**內頁-聯絡我們表單文字**/
.page-contact-form-txt{
    font-size:16px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
}

.page-contact-theme-txt{
    font-size:16px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
}

/**先生/小姐設定**/
.pure-form .pure-checkbox, .pure-form .pure-radio {
    display: inline-block !important;
}


/**2017-09-14編輯**/
/*.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
    display: inline-block!important;
}*/

.name-pd-set{
    padding: 0 5.1em 0 0;
}

.other-pd-set{
    padding: 0 3em 0 0;
}

.c-code-pd-set{
    padding: 0 0.9em 0 0;
}


button, input, optgroup, select, textarea {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;
}





.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: 0.5em 1em !important;
}

/**input文字設定**/
.input-txt-setting{
    font-size:16px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
}

/**表單範例文字**/
.form-sample-txt{
    font-size:16px;
    font-weight: 300;
    color:#3E3A39;
    letter-spacing:1px;
    line-height:2;
    padding: 1em;
}



/**留言內容寬度**/
.form-title-width{
    min-height: 200px;
}




/**購物車設定**/
/**內頁-購物車-背景**/
.page-cart-ctn-all-bg{
    width: 100%;
    background: rgba(231,188,215,0);
    background: -moz-linear-gradient(top, rgba(231,188,215,0) 0%, rgba(171,129,184,.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,188,215,0)), color-stop(100%, rgba(171,129,184.4)));
    background: -webkit-linear-gradient(top, rgba(231,188,215,0) 0%, rgba(171,129,184,.4) 100%);
    background: -o-linear-gradient(top, rgba(231,188,215,0) 0%, rgba(171,129,184,.4) 100%);
    background: -ms-linear-gradient(top, rgba(231,188,215,0) 0%, rgba(171,129,184,.4) 100%);
    background: linear-gradient(to bottom, rgba(231,188,215,0) 0%, rgba(171,129,184,.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7bcd7', endColorstr='#ab81b8', GradientType=0 );
}


/**內頁-購物車欄位-背景**/
.page-cart-ctn-bg{
    width: 100%;
    background-color: #ffffff;
    padding: 6em;
    position: relative;
    margin: -12em auto 6em auto;
}


/**購物車-步驟圖-整體外包圍**/
.cart-step-imgs-wrap{
    width: 100%;
    padding: 1em 0 4em 0;
}


/**購物車-步驟圖**/
.cart-step1-img{
    display: inline-block;
    padding: 2em;
}

.cart-step2-img{
    display: inline-block;
    padding: 2em;
}

.cart-step3-img{
    display: inline-block;
    padding: 2em;
}

.cart-step4-img{
    display: inline-block;
    padding: 2em;
}


/**購物車標題**/
.shopcart-title-txt-box {
    width: 30%;
    background-color: #7D0000;
    padding: 0.5em 1em;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align: center;
    display: inline-block;
}

.shopcart-title-txt {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 2;
    vertical-align: middle;
}


/**購物車表單設定**/
.bt-line-set{
    padding: 1em;
}



/**購物車表格欄位設定**/
.shopping-goods-wrap{
    padding: 1em;
}

.shopping-goods-pic{
    padding: 1em;
    vertical-align: middle;
    display: inline-block;
}


.shopping-goods-txt{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    vertical-align: middle;
    display: block;
}





/**小計外包圍**/
.subtotal-wrap{
    width: 100%;
    border-top: #9F9FA0 1px solid;
    border-bottom: #9F9FA0 1px solid;
    padding: 1em 1em;
}


/**小計文字**/
.subtotal-txt{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}

.subtotal-price{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    text-align: right;

}



/**運送方式**/
.delivery-method-wrap{
    width: 100%;
    padding:1em 1em;
    border-bottom: #595757 1px solid;
}

.delivery-method-txt{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}


/**購物車訂單整體外包圍**/
.cart-ctn-wrap{
    padding: 1em 0 5em 0;
}


/**表單checkbox文字**/
.joingform-checkbox-txt{
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1px;
    line-height: 2;
}




/**總金額**/
.total-aom-txt-set {
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    text-align: right;
}

.total-aom-wrap{
    padding: 1em 0;
    text-align: right;
}

.aom-tips-txt{
    font-size: 16px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 0;
}

.aom-tips-dtl-txt{
    color: #B28146;
}


.total-aom-box{
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
}


/**購物車-繼續購物**/
.cart-cp-btn{
    width:100%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #A3A3A3;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
}

.cart-cp-btn:link{
    background-color: #A3A3A3;
    text-decoration:none;
}

.cart-cp-btn:visited{
    background-color: #A3A3A3;
}


.cart-cp-btn:hover{
    background-color: #A3A3A3;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart-cp-btn:active{
    background-color: #A3A3A3;
}



/**購物車-下一步**/
.cart-ns-btn-wrap{
    padding: 1em;
}

.cart-ns-btn{
    width:100%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #D63C7D;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rrgba(153,27,91,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
    box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
}

.cart-ns-btn:link{
    background-color: #D63C7D;
    text-decoration:none;
}

.cart-ns-btn:visited{
    background-color: #D63C7D;
}


.cart-ns-btn:hover{
    background-color: #D63C7D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart-ns-btn:active{
    background-color: #D63C7D;
}







/**購物車步驟二-上一步**/
.cart2-cp-btn{
    width:25%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #A3A3A3;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;
    float: left;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
}

.cart2-cp-btn:link{
    background-color: #A3A3A3;
    text-decoration:none;
}

.cart2-cp-btn:visited{
    background-color: #A3A3A3;
}


.cart2-cp-btn:hover{
    background-color: #A3A3A3;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart2-cp-btn:active{
    background-color: #A3A3A3;
}



/**購物車步驟二-下一步**/
.cart2-ns-btn-wrap{
    padding: 1em;
}

.cart2-ns-btn{
    width:25%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #D63C7D;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;
    float: right;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rrgba(153,27,91,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
    box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
}

.cart2-ns-btn:link{
    background-color: #D63C7D;
    text-decoration:none;
}

.cart2-ns-btn:visited{
    background-color: #D63C7D;
}


.cart2-ns-btn:hover{
    background-color: #D63C7D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart2-ns-btn:active{
    background-color: #D63C7D;
}


/**取消訂單icon**/
.trash-pad{
    color: #595757;
}

.trash-pad:hover{
    color: #DFA031;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.vam {
    vertical-align: middle !important;
}



/**購物車步驟二-整體外包圍開始**/
.cs2-all-wrap{
    width: 100%;
    margin: 4em auto 4em auto;
}


/**購物車步驟二-標題外包圍開始**/
.cs2-titleleaf-wrap{
    padding: 0;
    border-bottom: #7D0000 1px solid;
}


/**購物車步驟二-付款方式icon**/
.cs2-paystyle-icon{
    padding:0 1em 0 0;
}




/**購物車步驟二-依地圖選擇**/
.cs2-map-btn{
    width:40%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #EFA04C;
    padding: 1em 2em;
    text-align:center;
    margin: 1em 1em;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cs2-map-btn:link{
    background-color: #0B5556;
    text-decoration:none;
}

.cs2-map-btn:visited{
    background-color: #0B5556;
}


.cs2-map-btn:hover{
    background-color: #0B5556;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cs2-map-btn:active{
    background-color: #0B5556;
}


/**付款方式外包圍**/
.pm-wrap-set{
    padding: 1em 2em 6em 2em;
}



/**門市資訊**/
.store-info-txt{
    font-size:18px;
    font-weight:400;
    color: #3E3A39;
    letter-spacing:1px;
    line-height:2;
    padding: 1em 2em 6em 2em;
}



/**發票資訊**/
.invoice-info-txt{
    font-size:16px;
    font-weight: 400;
    color: #3E3A39;
    letter-spacing:1px;
    line-height:2;
}


/**同購買人**/
.same-buyer{
    display: inline-block;
}



/**購物車表單欄位調整**/
.pure-form fieldset {
    margin: 0;
    border: 0;
    padding: 2em 0 !important;
}



/**購物車-步驟三**/
.cs3-input-txt{
    font-size:18px;
    font-weight: 400;
    color: #595757;
    letter-spacing:1px;
    line-height:2;
    padding: 1em 2em 6em 2em;
}


/**收件人資料文字**/
.cs3-recipient-txt{
    font-size:18px;
    font-weight: 400;
    color: #595757;
    letter-spacing:1px;
    line-height:2;
}

.cs3-recipient-txt span{
    font-weight: 500;
    color: #000000;
}



/**備註事項文字**/
.cs3-input-remarks-txt{
    font-size:18px;
    font-weight: 400;
    color: #EA6161;
    letter-spacing:1px;
    line-height:2;
}


.cs3-recipient-wrap{
    padding: 1em 5em;
}



/**訂單明細**/
.cs3-order-txt-wrap{
    padding: 1em 2em;
}



/**回首頁**/
.cart-backindex-btn{
    width:60%;
    font-size:20px;
    font-weight:100;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #3E5D2D;
    padding: 1em 2em;
    text-align:center;
    margin: 1em 1em;
    display: inline-block;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cart-backindex-btn:link{
    background-color: #3E5D2D;
    text-decoration:none;
}

.cart-backindex-btn:visited{
    background-color: #3E5D2D;
}


.cart-backindex-btn:hover{
    background-color: #3E5D2D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart-backindex-btn:active{
    background-color: #3E5D2D;
}


/**回上頁-外包圍**/
.backindex{
    text-align: center;
}


/**購物車步驟三-上一步**/
.cart3-cp-btn{
    width:100%;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #A3A3A3;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;
    float: left;
    width: 25%;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
    box-shadow: 0 4px 0px 0px rgba(123,123,123,1);
}

.cart3-cp-btn:link{
    background-color: #A3A3A3;
    text-decoration:none;
}

.cart3-cp-btn:visited{
    background-color: #A3A3A3;
}


.cart3-cp-btn:hover{
    background-color: #A3A3A3;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart3-cp-btn:active{
    background-color: #A3A3A3;
}



/**購物車步驟三-下一步**/
.cart3-ns-btn-wrap{
    padding: 1em;
}

.cart3-ns-btn{
    width:100%;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #D63C7D;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
    box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
}

.cart3-ns-btn:link{
    background-color: #D63C7D;
    text-decoration:none;
}

.cart3-ns-btn:visited{
    background-color: #D63C7D;
}


.cart3-ns-btn:hover{
    background-color: #D63C7D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart3-ns-btn:active{
    background-color: #D63C7D;
}




/**列印表單**/
.cart-print-btn{
    width:100%;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #99B438;
    padding: 0.5em 1em;
    text-align: center;
    margin: 1em auto;
    display: inline-block;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rgba(95,132,53,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(95,132,53,1);
    box-shadow: 0 4px 0px 0px rgba(95,132,53,1);
}

.cart-print-btn:link{
    background-color: #99B438;
    text-decoration:none;
}

.cart-print-btn:visited{
    background-color: #99B438;
}


.cart-print-btn:hover{
    background-color: #99B438;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cart-print-btn:active{
    background-color: #99B438;
}


/**置中設定**/
.tac-set{
    text-align: center;
}



/**確認訂單明細**/
.cs3-check-order-txt{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    text-align: right;
}




/**購物車步驟三-總金額**/
.cs3-total-aom-txt-set {
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    text-align: right;
}

.cs3-total-aom-wrap{
    padding: 1em 0;
    text-align: right;
}

.cs3-aom-tips-txt{
    font-size: 16px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 0;
}

.cs3-aom-tips-dtl-txt{
    color: #B28146;
}


.cs3-total-aom-box{
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background-color: #EF8E9B;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    padding: 0.5em;
    text-align: center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



/**訂單完成 - logo+感謝文字外包圍**/
.cs4-orderfinish-logo-txt-wrap{
    padding: 4em 0;
}


/**訂單完成 - logo**/
.cs4-orderfinish-logo{
    padding: 1em 0;
}

/**訂單完成 - 感謝文字**/
.cs4-orderfinish-thankstitle{
    font-size: 20px;
    font-weight: 500;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    word-break: break-all;
}


/**訂單完成 - 文字外包圍**/
.cs4-orderfinish-txt-wrap{
    padding: 1em;
}


/**訂單完成 - 標題文字**/
.cs4-orderfinish-title{
    font-size: 18px;
    font-weight: 500;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    word-break: break-all;
}

/**訂單完成 - 文字說明**/
.cs4-orderfinish-txt{
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}


.cs4-orderfinish-txt a:link{
    color: #595757;
    text-decoration:none;
}

.cs4-orderfinish-txt a:visited{
    color: #595757;
}


.cs4-orderfinish-txt a:hover{
    color: #D08E25;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cs4-orderfinish-txt a:active{
    color: #595757;
}




/**購物車-完成訂購-聯絡我們**/
.cs4-orderfinish-contact-btn{
    width:40%;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;

    background: rgba(106,0,48,1);
    background: -moz-linear-gradient(left, rgba(106,0,48,1) 0%, rgba(191,0,105,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(106,0,48,1)), color-stop(100%, rgba(191,0,105,1)));
    background: -webkit-linear-gradient(left, rgba(106,0,48,1) 0%, rgba(191,0,105,1) 100%);
    background: -o-linear-gradient(left, rgba(106,0,48,1) 0%, rgba(191,0,105,1) 100%);
    background: -ms-linear-gradient(left, rgba(106,0,48,1) 0%, rgba(191,0,105,1) 100%);
    background: linear-gradient(to right, rgba(106,0,48,1) 0%, rgba(191,0,105,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0030', endColorstr='#bf0069', GradientType=1 );

    padding: 0.5em 1em;
    text-align:center;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.cs4-orderfinish-contact-btn:link{
    background-color: #8EC31E;
    text-decoration:none;
}

.cs4-orderfinish-contact-btn:visited{
    background-color: #8EC31E;
}


.cs4-orderfinish-contact-btn:hover{
    background-color: #8EC31E;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cs4-orderfinish-contact-btn:active{
    background-color: #8EC31E;
}



/**回首頁**/
.cs4-cart-ns-btn{
    width:25%;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color: #D63C7D;
    padding: 0.5em 1em;
    text-align:center;
    margin: 1em auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -moz-box-shadow: 0 4px 0px 0px rrgba(153,27,91,1);
    -webkit-box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
    box-shadow: 0 4px 0px 0px rgba(153,27,91,1);
}

.cs4-cart-ns-btn:link{
    background-color: #D63C7D;
    text-decoration:none;
}

.cs4-cart-ns-btn:visited{
    background-color: #D63C7D;
}


.cs4-cart-ns-btn:hover{
    background-color: #D63C7D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cs4-cart-ns-btn:active{
    background-color: #D63C7D;
}


/**強調文字**/
.cs4-txt-dtl{
    color: #D42420;
}








/**會員中心設定**/
/**會員中心-標題外包圍開始**/
.membercenter-titleleaf-wrap{
    text-align: center;
    padding: 2em 0;
}

/**會員中心-主標題**/
.mc-ctn-title-ch {
    font-size: 25px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    display: table-cell;
    vertical-align: middle;
}



/**會員中心-標題葉子icon開始**/
.membercenter-titleleaf{
    vertical-align: middle;
    display: inline-block;
}

/**會員中心-標題文字開始**/
.membercenter-title-txt{
    font-size:28px;
    font-weight:400;
    color: #6F8953;
    letter-spacing:1px;
    line-height:2;
    vertical-align: middle;
    display: inline-block;
}



/**會員註冊外包圍**/
.registered-left-wrap {
    padding: 1em 3em 1em 1em;
    /* border-right: #B67731 1px solid; */
}

.registered-right-wrap{
    padding: 1em 1em 1em 3em;
}



/**會員註冊-標題**/
.registered-title-txt{
    font-size:22px;
    font-weight:400;
    color: #A40B5E;
    letter-spacing:1px;
    line-height:2;
}

/**會員註冊-說明文字**/
.registered-description-txt{
    font-size:18px;
    font-weight:400;
    color: #888889;
    letter-spacing:1px;
    line-height:2;
    padding: 1em 0;
}

.registered-description-items{
    font-size:16px;
    font-weight:300;
    color: #888889;
    letter-spacing:1px;
    line-height:2;
}



/**註冊按鍵**/
.registered-btn{
    width:70%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color:#30B38F;
    padding: 0.5em 0;
    text-align:center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.registered-btn:link{
    background-color:#67BD98;
    text-decoration:none;
}

.registered-btn:visited{
    background-color:#67BD98;
}


.registered-btn:hover{
    background-color:#67BD98;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.registered-btn:active{
    background-color:#67BD98;
}




/**非會員購物-標題**/
.notmember-title-txt{
    font-size:22px;
    font-weight:400;
    color: #A40B5E;
    letter-spacing:1px;
    line-height:2;
}

/**非會員購物-說明文字**/
.notmember-description-txt{
    font-size:16px;
    font-weight:400;
    color: #3E3A39;
    letter-spacing:1px;
    line-height:2;
    padding: 1em 0;
}



/**非會員購物結帳按鍵**/
.notmember-btn{
    width:70%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color:#DF566D;
    padding: 0.5em 0;
    text-align:center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.notmember-btn:link{
    background-color:#E98992;
    text-decoration:none;
}

.notmember-btn:visited{
    background-color:#E98992;
}


.notmember-btn:hover{
    background-color:#E98992;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.notmember-btn:active{
    background-color:#E98992;
}


/**會員註冊+非會員購物外包圍**/
.registered-notmember-wrap{
    padding: 1em 2em;
}


/**會員登入-標題**/
.member-login-title-txt{
    font-size:25px;
    font-weight:400;
    color: #6D9A33;
    letter-spacing:1px;
    line-height:2;
    border-bottom:#8C8D8C 1px solid;
}


/**會員登入-表單文字**/
.member-form-txt{
    font-size:18px;
    font-weight: 400;
    color:#595757;
    letter-spacing:1px;
    line-height:2;
}



.member-form-input-txt{
    font-size:18px;
    font-weight: 300;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
    margin: 0.5em 0;
}



/**記住帳號+忘記密碼**/
.remember-forgot-wrap{
    padding:1em;
}



/**會員登入-註冊**/
.member-registered-txt{
    font-size:18px;
    font-weight: 400;
    color:#888889;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
}

/**會員登入-記住帳號**/
.member-remember-txt{
    font-size:16px;
    font-weight: 400;
    color:#3E3A39;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
}



/**會員登入-忘記密碼**/
.member-forgot-txt{
    font-size:16px;
    font-weight: 400;
    color:#3E3A39;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
}


.member-forgot-txt a:link{
    color:#3E3A39;
    text-decoration:none;
}

.member-forgot-txt a:visited{
    color:#3E3A39;
}


.member-forgot-txt a:hover{
    color:#888889;
    text-decoration:none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.member-forgot-txt a:active{
    color:#3E3A39;
}



/**會員登入-記住帳號+忘記密碼分隔線**/
.member-rememberforgot-txt{
    font-size: 20px;
    color:#3E3A39;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
    padding: 0 0.5em;
}


/**登入按鍵外包圍**/
.login-btn-wrap{
    padding: 1em 0;
}


/**登入按鍵**/
.login-btn{
    width:100%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color:#DA8549;
    padding: 0.5em 0;
    text-align:center;
    display: inline-block;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.login-btn:link{
    background-color:#DA8549;
    text-decoration:none;
}

.login-btn:visited{
    background-color:#DA8549;
}


.login-btn:hover{
    background-color:#DA8549;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-btn:active{
    background-color:#DA8549;
}



/**會員登入 - 或**/
.member-or-txt{
    font-size:18px;
    font-weight: 400;
    color:#888889;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
    padding: 0 0.5em;
}


/**fb按鍵外包圍**/
.facebook-btn-wrap{
    padding: 2em 0;
}

.facebook-btn-wrap span{
    font-size:18px;
    font-weight: 400;
    color:#717071;
    letter-spacing:1px;
    line-height:2;
    padding: 0 0.5em;
}

/**FB按鍵**/
.facebook-btn{
    width:100%;
    font-size:20px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:1;
    background-color:#3361AC;
    padding: 0.5em 0;
    text-align:center;
    display: inline-block;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.facebook-btn:link{
    background-color:#3361AC;
    text-decoration:none;
}

.facebook-btn:visited{
    background-color:#3361AC;
}


.facebook-btn:hover{
    background-color:#3361AC;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.facebook-btn:active{
    background-color:#3361AC;
}


/**會員登入-表格**registered-notmember-wrap**/
.memberlogin-form-width {
    width: 100% !important;
}




/**忘記密碼 - 說明文字**/
.member-forgot-tips-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight: 400;
    color:#888889;
    letter-spacing:1px;
    line-height:2;
    /* display: inline-block; */
    padding: 0 0.5em;
    text-align: center;
}


/**忘記密碼外包圍**/
.forgot-tips-wrap{
    padding: 1em;
    text-align: center;
}


/**忘記密碼-送出按鍵**/
.forgot-send-btn {
    width: 70%;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1;
    background-color: #DF566D;
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.forgot-send-btn:link{
    background-color: #DF566D;
    text-decoration:none;
}

.forgot-send-btn:visited{
    background-color: #DF566D;
}


.forgot-send-btn:hover{
    background-color: #DF566D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.forgot-send-btn:active{
    background-color: #DF566D;
}




/**填寫會員資料-送出按鍵**/
.submit-send-btn {
    font-family: "Heiti TC", "Noto Sans TC", メイリオ, "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    width: 70%;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1;
    background-color: #DF566D;
    text-align: center;
    display: inline-block;
    padding: 0.5em 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



.submit-send-btn:link{
    background-color: #DF566D;
    text-decoration:none;
}

.submit-send-btn:visited{
    background-color: #DF566D;
}


.submit-send-btn:hover{
    background-color: #DF566D;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.submit-send-btn:active{
    background-color: #DF566D;
}







/**表單-**/
.member-info-dash{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight: 400;
    color:#888889;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
}



/**填寫會員資料 - label設定**/
.label-db-set{
    display: block!important;
}




/**修改會員資料-標題**/
.member-modify-title-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:25px;
    font-weight:400;
    color: #B68032;
    letter-spacing:1px;
    line-height:2;
    border-bottom:#8C8D8C 1px solid;
}



/**修改會員資料-送出按鍵**/
.modify-send-btn {
    font-family: "Heiti TC", "Noto Sans TC", メイリオ, "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    width: 40%;
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1;
    background-color: #B68032;
    text-align: center;
    display: inline-block;
    padding: 0.3em 0px;
    border-radius: 30px;
}



.modify-send-btn:link{
    background-color: #B68032;
    text-decoration:none;
}

.modify-send-btn:visited{
    background-color: #B68032;
}


.modify-send-btn:hover{
    background-color: #B68032;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modify-send-btn:active{
    background-color: #B68032;
}



.join-member-title{
    font-family: "Heiti TC", "Noto Sans TC", メイリオ, "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight: 400;
    color: #000000;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
    vertical-align: middle;
}


.modify-member-title {
    font-family: "Heiti TC", "Noto Sans TC", メイリオ, "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
    vertical-align: middle;
}



/**退換貨-標題**/
.app-title-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight:500;
    color: #D63C7D;
    letter-spacing:1px;
    line-height:2;
    border-bottom: 1px solid #888888;
}

/**退換貨-欄位外包圍**/
.app-items-wrap{
    width: 100%;
    margin: 2em auto 4em auto;
}



/**退換貨紀錄-原因說明**/
.app-reason-box{
    width: 100%;
    border: #717071 1px solid;
    padding: 0.5em 1em;
    margin: 2em auto;
}

.app-reason-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight:400;
    color: #000000;
    letter-spacing:1px;
    line-height:2;

}

.app-reason-txt span{
    color: #D63C7D;
}








/**退換貨查詢**/
.app-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #D63C7D;
    letter-spacing: 1px;
    line-height: 2;
}

.app-txt:link{
    color: #D63C7D;
}

.app-txt:visited{
    color: #D63C7D;
}


.app-txt:hover{
    color: #A40B5E;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.app-txt:active{
    color: #D63C7D;
}


/**退貨按鍵**/
.replace-btn{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #D63C7D;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0 0.5em;
    border: #D63C7D 1px solid;
}

.replace-btn:link{
    color: #D63C7D;
    border: #D63C7D 1px solid;
}

.replace-btn:visited{
    color: #D63C7D;
    border: #D63C7D 1px solid;
}

.replace-btn:hover{
    color: #ffffff;
    background-color: #D63C7D;
    border: #D63C7D 1px solid;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.replace-btn:active{
    color: #D63C7D;
    border: #D63C7D 1px solid;
}


/**訂單查詢文字**/
.dear-member{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0 0 2em 0;
}


.member-name{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}

.member-name:link{
    color: #595757;
}

.member-name:visited{
    color: #595757;
}


.member-name:hover{
    color: #CC1A76;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.member-name:active{
    color: #595757;
}




/**訂單查詢-表格文字**/
.os-form-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}



/**我的收藏設定**/
.collection-title {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    padding: 1em 0;
}

.collections-pricetag {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #717071;
    letter-spacing: 1px;
    text-decoration: line-through;
}

.collections-salepricetag {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #E51373;
    letter-spacing: 1px;
}

.collections-salepricetag span{
    font-size: 24px;
    font-weight: 600;
}

/**我的收藏 - 欄位分隔線**/
.mycollections-item{
    width: 100%;
    padding:1em 0;
    margin: 2em 0;
    border-bottom: #9D9D9E 1px solid;
}

.mycollections-item:last-child{
    border-bottom: none;
}



/**我的收藏 - 圖片設定**/
.mycollections-pic-set{
    text-align: right;
    vertical-align: middle;
}

/**我的收藏 - 圖片外包圍**/
.mycollections-pic-wrap{
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
}


/**我的收藏 - 欄位外包圍**/
.mycollections-items-wrap{
    padding: 0 1em;
    position: relative;
}


/**我的收藏 - 內容區塊間距**/
.mycollections-items-pad{
    width: 100%;
    background-color: #ffffff;
    padding: 6em;
    position: relative;
    margin: -12em auto 6em auto;
}


/**我的收藏 - 內欄位間距**/
.mycollections-items-inside{
    width: 600px;
    margin: 0 auto;
}




/**按鍵個別外包圍開始**/
.collections-btn-wrap{
    padding: 1em 0;

}



/**我的收藏 - 加入購物車**/
.collections-addcart-btn{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    width:100%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    background-color:#F39B2A;
    text-align:center;
    padding: 0.5em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.collections-addcart-btn:link{
    background-color:#F39B2A;
    text-decoration:none;
}

.collections-addcart-btn:visited{
    background-color:#F39B2A;
}


.collections-addcart-btn:hover{
    background-color:#F39B2A;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.collections-addcart-btn:active{
    background-color:#F39B2A;
}



/**我的收藏 - 刪除**/
.collections-cancel-btn{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    width:100%;
    font-size:18px;
    font-weight:300;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
    background-color:#E94A48;
    text-align:center;
    padding: 0.5em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.collections-cancel-btn:link{
    background-color:#E94A48;
    text-decoration:none;
}

.collections-cancel-btn:visited{
    background-color:#E94A48;
}


.collections-cancel-btn:hover{
    background-color:#E94A48;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.collections-cancel-btn:active{
    background-color:#E94A48;
}



/**退換貨文字**/
.refund-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0 0 2em 0;
}

/**退換貨金額**/
.refund-pay-color{
    color: #D63C7D;
}



/**內頁-訂單查詢-背景**/
.page-os-ctn-bg{
    width: 100%;
    background-color: #ffffff;
    padding: 6em;
    position: relative;
    margin: -6em auto 6em auto;
}


/**聯絡我們-標題文字**/
.pg-contact-title{
    font-size: 30px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}
.pg-contact-title span{
    font-size: 22px;
    font-weight: 300;
    color: #3E3A39;
    display: block;
}
.pg-contact-title span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #898989;
}
.pg-contact-title span.contact_pg-se-title{
    display: inline-block;
    color: #f00;
    margin-left:  15px;
}
.pg-contact-title span.contact_pg-se-title:before{
    background-color: transparent;
    height: auto;
}
@media screen and (max-width: 568px) { 
    .pg-contact-title{
        font-size: 24px;
    }
    .pg-contact-title span{
        font-size: 16px;
    }
}

.contact_input_area{display: inline-block;width: 100%;padding: 2em;letter-spacing: 1px;}

.contact_input_item{display: inline-block;width: 100%;padding: 15px;vertical-align:  middle;}
.contact_input_item label{width: 150px;display: block;float: left;text-align: left;letter-spacing: 2px;font-size: 22px;color: #333;height: 50px;vertical-align: middle;line-height: 50px;}
.contact_input_item label span{color: #f00;margin-right: 10px;}
.contact_input_item input,.contact_input_item select{border: solid 1px #387d39;display: block;width: calc(100% - 150px);height: 50px;padding: 10px;border-radius: 12px;float: left;}
.contact_input_item textarea{border: solid 1px #387d39;display: block;width: calc(100% - 150px);padding: 10px;border-radius: 12px;float: left;}

.CodeCheck p{
    font-weight:bolder;
    margin-bottom:0;
    font-family:monospace;
    margin-left:70px;
}
.contact_input_item input#Ans{
    width: 100%;
    max-width: 270px;
}
#Inpt{
    width: 105px;
    text-align: center;
    background-color:#ccc;
    margin-left: 30px;
    font-weight:bold;
    letter-spacing:4px;
    height: 50px;
    border-radius: 0;
    font-size: 20px;
    border: none;
}

#Gen{
    width: 35px;
    height: 35px;
    line-height: 50px;
    vertical-align:  middle;
    margin-left:  20px;
    border-radius: 50%;
    color: #fff;
    background-color: #946132!important;
    margin-top: 7px;
    margin-bottom: 7px;
}
button.clear_btn,button.submit_btn{
    padding: 13px 20px;
    border-radius: 8px;
    color: #fff;
    border: none;
    font-size: 20px;
    margin: 30px 30px;
    display: inline-block;
}
button.clear_btn{
    background-color: #878787!important;
    box-shadow: 0 4px 0 0 #515051;
}
button.clear_btn i{
    margin-right: 7px;
}
button.submit_btn{
    background-color: #377c39!important;
    box-shadow: 0 4px 0 0 #00612e;
}
button.submit_btn i{
    margin-left: 7px;
}
@media screen and (max-width: 480px) { 
    .contact_input_area{padding: 2em 0;}
    .contact_input_item{padding: 7px 10px;}
    .contact_input_item label{width: 100%;font-size: 18px;height: 45px;}
    .contact_input_item input,.contact_input_item select{width: 100%;height: 45px;}
    .contact_input_item textarea{width: 100% ;}
    .contact_input_item input#Ans {
        max-width: 100%;
        margin-bottom: 15px;
    }

    button.clear_btn, button.submit_btn{
        margin: 18px 7px;
        padding: 13px 12px;
        font-size: 15px;
    }

}
/**工程實績-banner**/
.pg-per-banner-menu-box {
    width: 100%;
    background-color: rgba(0,0,0,.3);
    padding: 2.5em 1em;
    text-align:center;
    position: absolute;
    bottom: 30px;
}



.pg-per-banner-menu{
    min-height: 70px;
    margin: 0.5em;
    border: #ffffff 2px solid;
}
.pg-per-banner-menu.active{border: #387d3a 2px solid;}
.pg-per-banner-menu.active a.pg-per-banner_item{background: #387d3a;color: #fff;display: inline-block;width: 100%;}
.pg-per-banner-menu:hover{border: #387d3a 2px solid;}
.pg-per-banner-menu:hover a.pg-per-banner_item{background: #387d3a;color: #fff;display: inline-block;width: 100%;}
.pg-per-banner-menu-txt{
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 70px;
    color: #ffffff;
    padding: 0 0.5em;
    text-decoration: none;
}
/**工程實績所有項目**/
.pg-per_allitem_area{display: inline-block;width: 100%;position: relative;text-align: center;}
.pg-per_allitem{
    display: inline-block;
    letter-spacing: 1px;
    width: calc(100% / 3 - 6%);
    position: relative;
    margin: 0% 2%;
    margin-bottom: 4em;
    box-shadow: 1px 1px 15px #666;
}
.pg-per_allitem img{width: 100%;}
.pg-per_allitem .pg-per_text{
    position:  absolute;
    background: rgba(0,0,0,0.4);
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    color: #fff;
    padding: 15px;
}
.pg-per_allitem .pg-per_text p{
    border: solid 1px;
    font-size: 21px;
    line-height: 2;
    padding: 15px;
    text-align: left;
}
.pg-per_navigation  {margin: 3em 0 1em;}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .pg-per_allitem{display: inline-block;width: calc(100% / 3 - 6%);position: relative;margin: 3% 1.5%;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pg-per_allitem{display: inline-block;width: calc(100% / 2 - 4%);position: relative;margin: 3% 1%;}

}
@media screen and (max-width: 767px) { 
    .pg-per_allitem{    width: calc(100% / 2 - 7%);
                        position: relative;
                        margin: 3% 2%;}

}
@media screen and (max-width: 649px) { 
    .pg-per_allitem{width: 90%;position: relative;margin: 3% 5%;}
    .pg-per_allitem .pg-per_text p{font-size: 18px;}
}
@media screen and (max-width: 350px) { 
    .pg-per_allitem{width: 100%;position: relative;margin: 3% 5%;}
    .pg-per_allitem .pg-per_text p{font-size: 15px;}
}

ul.pagination li a{
    background: transparent;
    border: none;
    color: #333;
    font-size: 20px;
    padding: 0px 12px;
    line-height: 38px;
    margin: 0px 1px;
}
ul.pagination li a:hover{
    background: #387D39;
    color: #fff;
}
.pg-per_allitem_modal .pg-per_allitem{
    width: 100%;
    margin: 0;
    box-shadow: none;
}
.pg-per_allitem_modal .modal-dialog{position: relative;}
.pg-per_allitem_modal button.close{
    position:  absolute;
    right: -25px;
    top: -15px;
    width: 50px;
    height: 50px;
    line-height: 55px;
    font-size: 35px;
    color: #fff;
    background-color: #377c39!important;
    opacity: 1;
    display: inline-block;
    z-index: 2;
    border-radius: 50%;
}
.pg-per_allitem_modal .modal-content{z-index: 1}
.pg-per_allitem a:hover{cursor: pointer;}
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* footer footnotes */
footer ol {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 15px;
    padding-left: 20px;
}

/* Bootstrap Docs */
.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}
.bs-example:after {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
    content: "Example";
}
.bs-example-padded-bottom {
    padding-bottom: 24px;
}
@media (min-width: 768px){
    .bs-example {
        margin-right: 0;
        margin-left: 0;
        background-color: #fff;
        border-color: #ddd;
        border-width: 1px;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.bs-example+.code {
    margin: -15px -15px 15px;
    border-width: 0 0 1px;
    border-radius: 0;
}
@media (min-width: 768px){
    .bs-example+.code {
        margin-top: -16px;
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}
/* CodeMirror Bootstrap Theme */
.cm-s-bootstrap .cm-comment {
    font-style: italic;
    color: #999988;
}
.cm-s-bootstrap .cm-number {
    color: #F60;
}
.cm-s-bootstrap .cm-atom {
    color: #366;
}
.cm-s-bootstrap .cm-variable-2 {
    color: #99F;
}
.cm-s-bootstrap .cm-property {
    color: #99F;
}
.cm-s-bootstrap .cm-string {
    color: #DD1144;
}
.cm-s-bootstrap .cm-keyword {
    color: #069;
}
.cm-s-bootstrap .cm-operator {
    color: #555;
}
.cm-s-bootstrap .cm-qualifier {
    color: #0A8;
}

/**相關企業**/
.link-intro-box {
    display: inline-block;
    padding: 0.5em 1em;
    text-align:center;
}

.link-intro {
    font-size:40px;
    font-weight:500;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.link-intro span{
    font-size:22px;
    font-weight:300;
    color: #ffffff;
    display: block;
}

.link-intro span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}
/**聯絡我們-標題文字**/
.pg-link-title{
    font-size: 30px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}
.pg-link-title span{
    font-size: 22px;
    font-weight: 300;
    color: #3E3A39;
    display: block;
}
.pg-link-title span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #898989;
}
.pg-link-title span.link_pg-se-title{
    display: inline-block;
    color: #f00;
    margin-left:  15px;
}
.pg-link-title span.link_pg-se-title:before{
    background-color: transparent;
    height: auto;
}
.link_item_area{
    letter-spacing:  1px;
    font-size: 20px;
    padding: 2em;
    line-height: 2.5;
}

.link_item{
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 2em 0;
}
.link_item_text{
    display: block;
    width:  50%;
    float: left;
    padding: 1em;
}
.link_item_logo{width: 120px;margin-bottom:  1em;}
.link_item_img{
    display: block;
    width: 50%;
    float: left;
    padding: 1em;
}
.link_item_img img{width: 100%;border-radius: 12px;box-shadow: 1px 1px 21px #999;}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .link_item_area{padding: 0}
    .link_item_text{
        width:  100%;
    }
    .link_item_img{
        width: 100%;
    }
    .link_item_logo {

    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
}
}
@media screen and (max-width: 767px) { 
    .link_item_logo {

    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
}
    .link_item_area{padding: 0}
    .link_item_text{
        width:  100%;
    }
    .link_item_img{
        width: 100%;
    }
}

/**最新消息**/
.news-intro-box {
    display: inline-block;
    padding: 0.5em 1em;
    text-align:center;
}

.news-intro {
    font-size:40px;
    font-weight:500;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.news-intro span{
    font-size:22px;
    font-weight:300;
    color: #ffffff;
    display: block;
}

.news-intro span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}
/**聯絡我們-標題文字**/
.pg-news-title{
    font-size: 30px;
    font-weight: 500;
    color: #603C1C;
    letter-spacing: 1px;
    line-height: 2;
}
.pg-news-title span{
    font-size: 22px;
    font-weight: 300;
    color: #3E3A39;
    display: block;
}
.pg-news-title span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #898989;
}
.pg-news-title span.news_pg-se-title{
    display: inline-block;
    color: #f00;
    margin-left:  15px;
}
.pg-news-title span.news_pg-se-title:before{
    background-color: transparent;
    height: auto;
}
.news_item_area{
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.news_item{
    letter-spacing: 1px;
    display: inline-block;
    width: calc(100% / 3 - 6%);
    margin: 0 2%;
    margin-bottom: 3em;
}
.news_item_img{display: inline-block;width: 100%;}
.news_item_img img{width: 100%;box-shadow: 1px 1px 20px rgba(56, 125, 57, 0.5098039215686274);}
.news_item_text{display: inline-block;width: 100%;}
.news_item_titile{
    display: inline-block;
    width: 100%;
    margin:  30px 0;
}
.news_item_titile .news_item_date{
    display: block;
    float: left;
    color: #387d39;
    border-right: solid 1px;
    text-align: left;
    width: 50px;
    padding-right: 10px;
}
.news_item_date_month{display: inline-block;font-size: 15px;}
.news_item_date_day{display: inline-block;font-size: 30px;font-weight: bold;margin-top:  7px;}
.news_item_titilefont{
    text-align: left;
    padding-left: 15px;
    width: calc(100% - 50px);
    float: left;
    height: 47px;
    font-size: 20px;
    vertical-align:  middle;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 52px;
    height: 52px;
}
.news_item_font{
    text-align: left;
    font-size: 18px;
}
.news_item_font p{
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.6;
    height: 85px;
}
.news_item_btn{display: inline-block;border: solid 1px #555;color: #333;padding: 10px 20px;font-size: 15px;margin: 30px 0;border-radius: 12px;}
.news_item_btn:hover,.news_item_btn:focus{color: #fff;background:#387d39;cursor: pointer;}

.news_content {display: inline-block;width: 100%;letter-spacing: 1px;}
.news_content .news_item_titile{
    display: inline-block;
    width: 100%;
    margin:  30px 0;
}
.news_content  .news_item_titile .news_item_date{
    display: block;
    float: left;
    color: #387d39;
    border-right: solid 1px;
    text-align: left;
    width: 50px;
    padding-right: 10px;
}
.news_content  .news_item_date_month{display: inline-block;font-size: 15px;}
.news_content  .news_item_date_day{display: inline-block;font-size: 30px;font-weight: bold;margin-top:  7px;}
.news_content  .news_item_titilefont{
    text-align: left;
    padding-left: 15px;
    width: calc(100% - 50px);
    float: left;
    height: 47px;
    font-size: 20px;
    vertical-align:  middle;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 52px;
    height: 52px;
}
.news_content_area{display: inline-block;width: 100%;padding: 2em 0;text-align: left;font-size: 17px;line-height: 1.7;}
.news_content img{width: 100%;}
.news_images_area{padding: 2em 0;}
@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .news_item{display: inline-block;width: calc(100% / 3 - 6%);position: relative;margin: 3% 1.5%;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .news_item{display: inline-block;width: calc(100% / 2 - 4%);position: relative;margin: 3% 1%;}

}
@media screen and (max-width: 767px) { 
    .news_item{    width: calc(100% / 2 - 7%);
                   position: relative;
                   margin: 3% 2%;}

}
@media screen and (max-width: 649px) { 
    .news_item{width: 90%;position: relative;margin: 3% 5%;}
}
@media screen and (max-width: 350px) { 
    .news_item{width: 100%;position: relative;margin: 3% 0%;}
}
/*cms start*/
.cms_area{
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}
.cms_area div, .cms_area span, .cms_area applet, .cms_area object, .cms_area iframe, .cms_area h1, .cms_area h2, .cms_area h3, .cms_area h4, .cms_area h5, .cms_area h6, .cms_area p, .cms_area blockquote, .cms_area pre, .cms_area a, .cms_area abbr, .cms_area acronym, .cms_area address, .cms_area big, .cms_area cite, .cms_area code, .cms_area del, .cms_area dfn, .cms_area em, .cms_area img, .cms_area ins, .cms_area kbd, .cms_area q, .cms_area s, .cms_area samp, .cms_area small, .cms_area strike, .cms_area strong, .cms_area sub, .cms_area sup, .cms_area tt, .cms_area var, .cms_area b, .cms_area u, .cms_area i, .cms_area center, .cms_area dl, .cms_area dt, .cms_area dd, .cms_area ol, .cms_area ul, .cms_area li, .cms_area fieldset, .cms_area form, .cms_area label, .cms_area legend, .cms_area table, .cms_area caption, .cms_area tbody, .cms_area tfoot, .cms_area thead, .cms_area tr, .cms_area th, .cms_area td, .cms_area article, .cms_area aside, .cms_area canvas, .cms_area details, .cms_area embed, .cms_area figure, .cms_area figcaption, .cms_area footer, .cms_area header, .cms_area hgroup, .cms_area menu, .cms_area nav, .cms_area output, .cms_area ruby, .cms_area section, .cms_area summary, .cms_area time, .cms_area mark, .cms_area audio, .cms_area video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
.cms_area article, .cms_area aside, .cms_area details, .cms_area figcaption, .cms_area figure, .cms_area footer, .cms_area header, .cms_area hgroup, .cms_area menu, .cms_area nav, .cms_area section {
    display: block
}
.cms_area ol, .cms_area ul {
    list-style: none
}
.cms_area blockquote, .cms_area q {
    quotes: none
}
.cms_area blockquote:before, .cms_area blockquote:after, .cms_area q:before, .cms_area q:after {
    content: '';
    content: none
}
.cms_area table {
    border-collapse: collapse;
    border-spacing: 0
}
.cms_area h1, .cms_area h2, .cms_area h3, .cms_area h4, .cms_area h5, .cms_area h6 {
    color: #3f3f3f;
    margin: 0 0 15px 0;
    letter-spacing: 1px;
    font-weight: 100
}
.cms_area h1 {
    font-size: 48px;
    line-height: 52px
}
.cms_area h2 {
    font-size: 36px;
    line-height: 48px
}
.cms_area h3 {
    font-size: 30px;
    line-height: 36px
}
.cms_area h4 {
    font-size: 24px;
    line-height: 30px
}
.cms_area h5 {
    font-size: 18px;
    line-height: 24px
}
.cms_area h6 {
    font-size: 14px;
    line-height: 18px
}
.cms_area p {
    margin-bottom: 10px;
}
.cms_area img{width: 100%;}
/*cms end*/

a.back_btn{
    display: inline-block;
    border: solid 1px #387d39;
    color: #387d39;
    padding: 10px 20px;
    font-size: 15px;
    margin: 30px 0;
    border-radius: 12px;
    border-bottom-right-radius: 0;
}
a.back_btn:hover,a.back_btn:focus{background: #387d39;color: #fff; }
.back_btn_icon{
    width: 26px;
    height: 26px;
    display: inline-block;
    font-size: 16px;
    padding-top: 5px;
    text-align: center;
    background: #387d39;
    color: #fff;
    vertical-align:  middle;
    margin-right:  15px;
    border-radius: 4px;
}
a.back_btn:hover .back_btn_icon,a.back_btn:focus .back_btn_icon{color: #387d39;background: #fff; }

/*mobil 手機版 nav點開無法滑動*/
.navbar-collapse > ul {
    padding: 0px 0px 80px !important;
    height: 100%;
    overflow-y: scroll;
}
@media screen and (max-width: 767px) { 
    .navbar .container>.navbar-collapse.active {
        width: 78%;
    }
}
























/**FOOT設定**/
.foot-all-wrap{
    width:100%;
    /*height:332px;*/ /*2017-03-09編輯*/
    background-color:#ffffff; /*2017-04-17編輯*/
}

.foot-info{
    display:block;
}

/**foot-公司簡介間距設定**/
.foot-abs{
    padding-left: 0em !important; /*2017-04-18編輯*/
}


/**foot背景**/
.index-foot-ctn-bg {
    width: 100%;
    background: url(../images/indexctnbg.jpg) center top / cover repeat;
    padding: 2em;
}

/**底部LOGO**/
.foot-logo-set{
    width: 260px;
    margin: 0 auto 2em auto;
}




/**foot選單文字外包圍**/
.foot-info-txt-wrap{
    padding: 1em 0; /*2018-04-09編輯*/
    text-align: center;
}


/**foot選單文字設定**/
.foot-info-txt{
    font-size:18px;
    font-weight: 400;
    color:#000000;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
    word-break: break-all;
}



.foot-info-txt a:link{
    color:#000000;
}

.foot-info-txt a:visited{
    color:#000000;
}

.foot-info-txt a:hover{
    color: #387D39;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-info-txt a:active{
    color:#000000;
}


/**foot選單標題**/
.foot-info-title-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight: 400;
    color:#ffffff;
    letter-spacing:1px;
    line-height:3;
    display: inline-block;
    word-break: break-all;
}

.foot-info-title-txt:after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #EA9D00;
}


.foot-info-title-txt a:link{
    color:#ffffff;
}

.foot-info-title-txt a:visited{
    color:#ffffff;
}

.foot-info-title-txt a:hover{
    color: #EA9D00;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-info-title-txt a:active{
    color:#ffffff;
}


/**foot選單**/
.foot-info-menu-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight: 400;
    color:#ffffff;
    letter-spacing:1px;
    line-height:2;
    display: inline-block;
}

.foot-info-menu-txt a:link{
    color:#ffffff;
}

.foot-info-menu-txt a:visited{
    color:#ffffff;
}

.foot-info-menu-txt a:hover{
    color: #EA9D00;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-info-menu-txt a:active{
    color:#ffffff;
}


/**主選單設定**/
.foot-info-menu-txt{
    padding: 1em 0;
    width: 50%;
    display: block;
}


.foot-info-menu-txt ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.foot-info-menu-txt ul li {
    display: inline-block;
    text-align: center;
}

.foot-info-menu-txt ul li a {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 400; /**2018-02-07編輯**/
    letter-spacing: 1px;
    line-height: 2;
    color: #000000;
    padding: 0 1em 0 0;
    text-decoration: none;
}

.foot-info-menu-txt ul li a:hover {
    color: #EA9D00;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/**foot資訊外包圍**/
.foot-info-all-wrap{
    width: 100%;
    height: 229px;
}




/**FOOT-聯絡我們按鍵**/
.foot-contact-btn {
    font-size:16px;
    font-weight:300;
    color: #727171;
    letter-spacing:1px;
    line-height:2;
    border: #727171 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.5em 1em;
    margin: 0 auto;
    text-align:center;
}

.foot-contact-btn:link{
    color: #727171;
}

.foot-contact-btn:visited{
    color: #727171;
}


.foot-contact-btn:hover{
    background: #006934;
    border: #006934 1px solid;
    color: #ffffff;
    text-decoration:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari */
    -webkit-filter: opacity(80%);
    filter: opacity(80%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-contact-btn:active{
    color: #727171;
}





/**選單文字間距設定**/
.pure-menu-link {
    padding: 0.5em 0.5em !important;
}

/**選單外包圍**/
.foot-menu-border-wrap {
    border-top: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    margin: 2em auto;
}


/**foot公司資訊設定**/
.foot-mys-txt{
    font-size:16px;
    font-weight: 300;
    color:#000000;
    letter-spacing:1px;
    line-height:1.5;
    /*padding: 1em;*/ /*2017-03-07編輯*/
}

.foot-mys-txt a:link{
    color: #000000;
}

.foot-mys-txt a:visited{
    color: #000000;
}

.foot-mys-txt a:hover{
    color: #FF9E1D;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-mys-txt a:active{
    color: #000000;
}


/**間格設定**/
.foot-mys-padding{
    padding: 0.5em;
}


/**foot公司資訊設定**/
th {
    font-weight: normal !important;
    text-align: -internal-center;
}

.pure-table td, .pure-table th {
    border-left: none;
}

.pure-table {
    border: none;
}


.ftinfo-pad{
    padding: 1em;
}



/**foot社群icon**/
.foot-social-icon{
    display: inline-block;
}

.foot-social-icon a{
    font-size: 26px;
    color: #595757;
    padding: .5em;
}

.foot-social-icon a:link{
    color: #595757;
}

.foot-social-icon a:visited{
    color: #595757;
}


.foot-social-icon a:hover{
    color: #F18300;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-social-icon a:active{
    color: #595757;
}








/**FOOT選單hover設定**/
.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
    background-color: transparent !important;
}




.foot-pd{
    padding:1em;
    vertical-align: middle;
}


/**分隔線**/
.foot-line{
    font-size:20px;
}

/*社群icon*/
.social-icon-wrap{
    display:inline-block;
}

.si-pd-set{
    padding: 0 0.5em 0 0.5em;
    vertical-align: middle;
}








































/****固定設定區-開始****/
/**底部copyright設定**/
.copyright-info{
    width: 100%;
    text-align: center;
    background-color: #D8D8D8;
    padding: 0.5em 0;
}

.copyright-info-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:300;
    color:#636363;
    text-align:center;
    margin:0 auto;
    padding: 0 1em 0 0;
    display:inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
}

.copyright-info-txt a:link{
    color:#636363;
}

.copyright-info-txt a:visited{
    color:#636363;
}

.copyright-info-txt a:hover{
    color:#387D39;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.copyright-info-txt a:active{
    color:#636363;
}


.copyright-info-txt span{
    display:inline-block;
}

.info-line{
    font-size:14px;
    font-weight:300;
    color:#ffffff;
    text-align:center;
    margin:0 auto;
    padding: 15px;
    display:inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
}

/**底部津淳連結**/
.jc-icon-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display:inline-block;
    font-size:12px;
    color:#636363;
    font-weight:300;
    letter-spacing: 1px;
}

.jc-icon-txt a:link{
    color:#636363;
}

.jc-icon-txt a:visited{
    color:#636363;
}

.jc-icon-txt a:hover{
    color:#387D39;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.jc-icon-txt a:active{
    color:#636363;
}



/**清除浮動**/
.clear-b{
    clear:both;
    margin:0;
    padding:0;
}

/**動態流暢效果**/
.atmrun{
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}


/**區塊圖片滿版設定**/
.img-cover-set{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}



/**強制pure-img執行inline-block**/
.index-news-title-pic{
    display:inline-block !important;
}

/**水平置中**/
.ta-set{
    text-align: center;
}

/**垂直置中**/
.va-set{
    vertical-align: middle !important;
}


/**圖片滑鼠hover效果**/
.hiroki-img {
    max-width: 100%;
    height:auto;

    /*--動畫--*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hiroki-img:hover {
    -webkit-filter: contrast(150%); /* Safari */
    -moz-filter: contrast(150%);
    -ms-filter: contrast(150%);
    -o-filter: contrast(150%);
    filter: contrast(150%);

}



/**圖片圓角效果**/
.hiroki-br-img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/**不規則圓形**/
.avatar {
    border-top-left-radius: 200px 100px;
    border-top-right-radius: 170px 115px;
    border-bottom-left-radius: 120px 130px;
    border-bottom-right-radius: 245px 125px;
}
.avatar img {
    width: 100%;
    height: 100%;
}




/**正方形圖片效果**/
.square-landscape{
    display:inline-block;
    position:relative;
    width:200px;
    height:200px;
    overflow:hidden;
}

.square-landscape img{
    width:auto;
    height:100%;
    margin-left:-50%;
}



/**滑鼠移入轉圈效果**/
.rotate {
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}

.rotate:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

/**圖片陰影+圓角**/
.img-shadow{
    box-shadow:0px 3px 12px -2px #898989;
    border-radius: 10px;
}

/**內頁-公司簡介-圖片陰影+相框**/
.intd-img-shadow{
    box-shadow:2px 3px 8px 0px #000000;
    border:#ffffff 30px solid;
}



.sd {
    margin: 0 auto;
    width:100%;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

/*2018-02-08編輯*/
.scroll-btn {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 10%;
    z-index: 2;

    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}

.scroll-btn > * {
    font-family:"Times New Roman",Georgia,Serif;
    display: inline-block;
    line-height: 18px;
    font-size: 12px; /*2017-10-24編輯*/
    font-weight: normal;
    color: #ffffff;
    letter-spacing: 2px;
}


.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #ffffff; /*2017-06-06編輯*/
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.scroll-btn .mouse {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 35px;
    margin: 0 auto 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 2px solid white;
    border-radius: 10px;*/ /**2017-10-24編輯**/
}

/**2017-10-24編輯**/
.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 0;

    width: 20px;
    height: 30px;
    background: url(../images/scrolldownarrow.png) no-repeat 0 0;

    margin: -4px 0 0 -4px;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}




/**Google地圖開始**/
.iframe-rwd {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**聯絡我們介紹**/
.conus-intro-box {
    display: inline-block;
    padding: 0.5em 1em;
    text-align:center;
}

.conus-intro {
    font-size:40px;
    font-weight:500;
    color: #ffffff;
    letter-spacing:1px;
    line-height:2;
}

.conus-intro span{
    font-size:22px;
    font-weight:300;
    color: #ffffff;
    display: block;
}

.conus-intro span:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}



/****固定設定區-結束****/


@media (max-width: 1680px){
    .hot-prod-set {
        height: 349px;
    }
    .history-list-wrap {
        padding: 6em 4em;
    }

    .scroll-btn {
        text-align: center;
        left: 0;
        bottom: 0;
        -ms-writing-mode: unset;
        -webkit-writing-mode: unset;
        -moz-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
    }
    .scroll-btn .mouse {
        display: block;
    }
}


@media (max-width: 1630px){
    .history-list-wrap {
        padding: 5em 4em;
    }
}


@media (max-width: 1600px){
    .hot-prod-set {
        height: 334px;
    }
}

@media (max-width: 1540px){
    .history-list-wrap {
        padding: 4em 4em;
    }
}


@media (max-width: 1500px){
    .slide-all-wrap {
        padding: 6em 0 0 0;
    }
}

@media (max-width: 1460px){
    .history-list-wrap {
        padding: 3em 4em;
    }
}

@media (max-width: 1440px){
    .member-fk-txt{
        font-size: 16px;
        height: 120px;
    }
    .member-fk-txt span{
        font-size: 14px;
    }
}


@media (max-width: 1445px){
    .ctn-width{
        width:95%;
        margin:0 auto 0 auto;
    }
    .marquee-ctn-width {
        width:95%;
        margin:0 auto 0 auto;
    }
    .links-ctn-width {
        width:85%;
        margin:0 auto 0 auto;
    }
    .page-ctn-width {
        width:85%;
        margin:0 auto 0 auto;
    }
    .features-ctn-width{
        width:95%;
        margin:0 auto 0 auto;
    }
    .foot-ctn-width{
        width:85%;
        margin:0 auto 0 auto;
    }
    .pdtl-ctn-width{
        width:95%;
        margin:0 auto 0 auto;
    }

    .theme-out-border-pink{
        width: 80%;
    }
    .theme-out-border-yellow{
        width: 80%;
    }
    .theme-out-border-blue{
        width: 80%;
    }
    .theme-out-border-green{
        width: 80%;
    }
    .view-more-btn-pink, .view-more-btn-yellow, .view-more-btn-blue, .view-more-btn-green{
        width: 70%;
    }
}

@media (max-width: 1370px){
    .history-list-wrap {
        padding: 2em 4em;
    }
}

@media (max-width: 1366px){
    .first-prod-set {
        height: 244px;
    }
    .hot-prod-set {
        height: 293px;
    }
    .services-process-tips-box {
        width: 60%;
    }
    /*.susmenu-wrap-set {
        padding: 1em 2em 1em 1em;
    }*/
    .slide-shop-btn {
        width: 100%;
    }
    .cocomiklk {
        width: 400px;
        top: -300px;
        right: -100px;
    }
    .slide-slogan-txt {
        font-size: 70px;
    }
    .slide-shopnow::after {
        width: 260px;
    }
}

@media (max-width: 1300px){
    .kitchenware-sec-plist-txt span {
        position: relative;
        right: initial;
    }
}

@media (max-width: 1280px){
    .first-prod-set {
        height: 228px;
    }
    .hot-prod-set {
        height: 277px;
    }
    .services-process-icon {
        display: block;
    }
    .theme-out-img-set {
        height: auto;
    }

    .quality-head-mask {
        top: -70px;
    }
    .history-list-wrap {
        padding: 1em 4em;
    }
    .login-ctn-bg {
        padding: 5em 1em 12em 1em;
    }
    .page-aboutus-goldborder{
        padding: 0 2em;
    }
}


@media (max-width: 1279px){
    .slide-all-wrap {
        padding: 6em 0 0 0;
    }

    .theme-out-border-pink, .theme-out-border-yellow, .theme-out-border-blue, .theme-out-border-green{
        width: 100%;
        margin: 2em auto;
    }


    .theme-img-1 {
        position: relative;
        bottom: initial;
        right: initial;
    }
    .theme-img-2 {
        position: relative;
        bottom: initial;
        left: initial;
    }
    .normal-index-na-box {
        padding: 3em;
    }
    .index-na-box {
        padding: 3em;
    }
    .kitchenware-onsale-lable {
        top: initial;
        right: initial;
        bottom: 0;
        left: 30px;
    }
    .page-faq-a-ctn-img {
        width: 200px;
    }
    .page-faq-a-ctn-24img {
        width: 200px;
    }

}

@media (max-width: 1200px){
    .history-list-wrap {
        padding: 0 4em;
    }
}




@media (min-width: 1040px){
    .m-index-na-img{
        display: none;
    }
    .m-index-na-box{
        display: none;
    }
}


@media (max-width: 1039px){
    .index-na-img{
        display: none;
    }
    .index-na-box{
        display: none;
    }
    .m-index-na-box {
        padding: 8em;
    }
    .normal-index-na-box {
        padding: 8em;
    }
    .kitchenware-sec-plist-txt span {
        position: absolute;
        right: 0;
    }

}

@media (max-width: 1030px){
    /*.lining-img-info {
            line-height: 2;
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }*/ /**2018-02-08編輯**/
}

@media (max-width: 1024px){
    .page-bbanner-padding {
        padding: 26% 0 0 0;
    }
    .abus-intro {
        font-size: 30px;
    }
    .abus-intro span {
        font-size: 16px;
    }
}



@media (min-width: 1024px){
    #m-animate-area {
        display: none;
    }
}


@media (max-width: 1023px){
    .foot-line-set {
        padding: 1em 0;
        border-left: none;
        border-top: #ffffff 1px solid;
    }
    .foot-bg-img {
        text-align: center;
    }
    .slide-bottom-mask {
        display: none;
    }

    .index-about-title {
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .index-about-sub {
        display: block;
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .index-about-title:before {
        display: none;
    }
    .index-about-title-wrap {
        text-align: center;
    }
    .index-about-leaf {
        position: relative;
        bottom: unset;
        left: unset;
        z-index: -1;
    }

    .ps-title-wrap {
        display: none;
    }

    .m-ps-title-wrap {
        text-align: center;
    }

    .m-ps-title {
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .m-ps-sub {
        display: block;
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .m-ps-title:before {
        display: none;
    }
    .m-ps-leaf {
        position: relative;
        bottom: unset;
        left: unset;
        z-index: -1;
    }


    .m-index-selection-title-wrap{
        text-align: center;
    }
    .m-index-selection-title {
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .m-index-selection-title:before {
        display: none;
    }
    .m-index-ctn-item-wrap {
        margin: 3em auto 3em auto;
    }
    .m-index-selection-sub{
        display: block;
        writing-mode: unset;
        -webkit-writing-mode: unset;
        writing-mode: unset;
    }
    .index-selection-title-wrap {
        display: none;
    }
    .selection-viewmore-btn {
        display: none;
    }
    .index-selection-ctn {
        display: none;
    } 
    .ipi-viewmore-btn {
        width: 100%;
    }
    .index-products-img-bg {
        width: 100%;
    }
    .p-selection-img-bg{
        width: 100%;
    }
    .ipi-all-wrap {
        text-align: center;
    }
    .p-selection-wrap{
        margin: 2em auto;
    }

    .m-selection-viewmore-btn {
        margin: 1em 0 4.5em 0;
    }
    .index-products-icon-wrap {
        position: absolute;
        top: -115px;
        right: 0;
        left: 0;
    }
    .index-about-img-wrap {
        text-align: center;
    }
    .index-about-icon-wrap {
        left: 46px;
    }
    .foot-info-menu-txt {
        width: 100%;
    }
    .copyright-info {
        text-align: center;
    }
    .ps-ctn-img {
        padding: 0.5em 0.5em;
    }
    .page-ctn-item-wrap {
        margin: 0em auto 10em auto;
    }
    .page-circle-title {
        margin: 0 auto;
        top: 13em;
        text-align: center;
        left: 0;
    }
    .pp-title-leftcloud {
        top: -16px;
    }
    .ppdetail-spec-wrap {
        margin: 2em auto;
    }
    .index-ctn-item-wrap{
        margin: 4em auto 2em auto;
    }
    .index-products-sub {
        width: 100%;
    }
    .index-pc-item-wrap{
        margin: 8em auto 8em auto;
    }

    .p-selection-sec-txt-wrap {
        display: none;
    }
    .p-selection-title, .m-p-selection-sec-title {
        text-align: center;
    }
    .p-selection-wrap {
        text-align: center;
    }
    .news-vm-btn {
        position: unset;
    }
    .news-rightnews-box {
        border-left: none;
        padding: 2em 0;
        border-bottom: #CAB9AA 1px solid;
    }

    .store-info-wrap {
        display: none;
    }
    .store-small-pic-wrap {
        display: none;
    }
    .store-leftimg {
        display: none;
    }
    .store-rightimg {
        display: none;
    }
    .store-img-box {
        margin-bottom: 0;
    }
    .cus-company-info {
        padding: 1em;
        text-align: center;
    }
    .cus-reset-btn {
        float: unset;
        margin: 1em auto;
    }
    .cus-submit-btn {
        float: unset;
        margin: 1em auto;
    }
    .pjoining3-form-dl {
        border-left: none;
        border-top: #000000 1px dashed;
        padding: 0;
    }
    .pjoining3-form-location-set {
        display: block;
    }
    .pure-form select {
        width: 100%;
    }
    .contact-reset-btn {
        float: unset;
        margin: 1em auto;
    }
    .contact-submit-btn {
        float: unset;
        margin: 1em auto;
    }
    .contact-btn-wrap {
        border-bottom: none;
    }
    .pure-form label {
        margin: 1.5em 0 .2em !important;
    }
    .foot-go-top {
        width: 100%;
        left: 0;
    }
    .abus-circular-img {
        width: 320px;
        margin: 0 auto;
    }
    .pg-abus-ctn-txt {
        padding: 2em 0;
    }
    .pg-se-banner-menu-box,.pg-per-banner-menu-box {
        display: none;
    }
    .pg-sesp-items-box-txt {
        display: block;
    }
    #animate-area {
        display: none;
    }
    .pg-sesp-items-wrap {
        text-align: center;
    }
    .pg-support-l-box {
        min-height: 100%;
    }
    .pg-support-r-box {
        min-height: 100%;
    }
    .index-performance-bg{
        padding: 2em 0 2em 0;
    }
    .pg-bl-box-title, .pg-bl-box-title2, .pg-bl-box-title3, .pg-bl-box-title4 {
        border-right: none;
        border-bottom: #ffffff 2px dashed;
        padding: 0.5em;
    }
    .pg-bl-box-img {
        padding: 2em;
    }
    .toi-program-img-box {
        padding: 1em;
    }
}


@media (max-width: 950px){
    .info-line{
        display: none;
    }
}

@media (max-width: 860px){
    .quality-head-mask {
        top: -60px;
    }
}


@media (max-width: 850px){
    .slide-shop-btn{
        width: 100%;
    }
}

@media (max-width: 812px){
    .foot-info-txt {
        display: block;
    }
    .foot-logo-set {
        margin: 1em auto;
    }
    .foot-info-txt-wrap {
        padding: 1em;
    }
    .copyright-info {
        text-align: center;
        padding: 1em;
    }
}




@media (max-width: 768px){
    .ctn-all-width {
        width: 80%;
        margin: 0 auto 0 auto;
    }
    .pp-title-leftcloud {
        display: none;
    }
    .pp-title-rightcloud {
        display: none;
    }
    .pp-all-wrap {
        margin: 0 auto 0 auto;
    }
}



@media (max-width: 767px){
    /*#animate-area {
        display: block;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }*/
    /*.lining-img-info {
            line-height: 1.5;
        writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }*/

}



@media (max-width: 736px){

    .aboutus-banner-txt-wrap {
        top: 40%;
    }
    .hot-prod-set {
        height: auto;
    }
    .page-products-title-arrow{
        display: none;
    }
    .page-prdcts-ctn-title {
        border: #A40B5E 1px solid;
    }
}

@media (max-width: 667px){
    .mc-ctn-title-ch {
        font-size: 20px;
        padding: 0.5em;
    }
    .tab-menu ul li {
        display: block;
        border-right: none;
        border-bottom: #989899 1px solid;
        padding: 1em 0;
    }
    .tab-menu:after {
        display: none;
    }

    .tab-dot1, .tab-dot2, .tab-dot3 {
        top: 59px;
    }
    .tab-dot1.active, .tab-dot2.active, .tab-dot3.active {
        left: 48%;
    }
    .joining-sub-menu-title {
        float: unset;
        text-align: center;
    }
    .joining-sub-menu-st {
        text-align: center;
        display: block;
        padding: 1em 0;
    }
    .pjoining-title {
        text-align: center;
        padding: 2em 0 0 0;
    }
    .pjoining-title-bg {
        position: unset;
        top: unset;
        left: unset;
        margin: 0 auto;
    }
    .ppdetail-title {
        text-align: center;
    }
    .ppdetail-title-bg {
        position: unset;
        top: unset;
        left: unset;
        margin: 0 auto;
    }

}



@media (max-width: 600px){
    .page-circle-title {
        top: 10em;
    }
    .page-bbanner-padding {
        padding: 30% 0 0 0;
    }
}


@media (max-width: 568px){
    /*.hiroki-u-ss-1-2{
            width:50%;
            max-width:50%;
            -webkit-transition:all 0.4s ease;
            -moz-transition:all 0.4s ease;
            -o-transition:all 0.4s ease;
            transition:all 0.4s ease;
    }*/

    .hiroki-u-ss-1-1{
        width:100%;
        max-width:100%;
        -webkit-transition:all 0.4s ease;
        -moz-transition:all 0.4s ease;
        -o-transition:all 0.4s ease;
        transition:all 0.4s ease;
    }

    .index-ecu-icon {
        width: 200px;
        height: 200px;
        background-size: contain;
    }

    .index-brake-icon {
        width: 200px;
        height: 200px;
        background-size: contain;
    }

    .index-pipe-icon {
        width: 200px;
        height: 200px;
        background-size: contain;
    }

    .index-parts-icon {
        width: 200px;
        height: 200px;
        background-size: contain;
    }

    .index-icon-txt {
        top: 47px;
        right: 57px;
    }

    .index-icon-txt a {
        font-size: 20px;
    }

    .index-pipe-txt a {
        font-size: 20px;
    }

    .index-parts-txt a {
        font-size: 20px;
    }

    .index-pipe-txt {
        top: 47px;
        right: 67px;
    }

    .index-parts-txt {
        top: 47px;
        right: 67px;
    }
    .ksp-addcart-btn {
        padding: 1em 0;
    }
    .ksp-in-stock-a {
        display: block;
    }
    .ksp-in-stock-b {
        display: block;
    }
    .ksp-in-stock-c {
        display: block;
    }
    .services-process-box {
        right: 22%;
    }
    .services-freight-box {
        right: 22%;
    }
    .quality-ctn-title-ch {
        border-left: none;
        border-top: #8C8C8B 1px solid;
        display: block;
    }
    .products-ctn-title-ch {
        border-left: none;
        border-top: #304299 1px solid;
        display: block;
    }
    .history-ctn-title-ch {
        border-left: none;
        border-top: #ffffff 1px solid;
        display: block;
    }
    .index-news-title {
        font-size: 25px;
    }
    .index-news-title span {
        font-size: 16px;
    }

    .index-aboutus-title {
        font-size: 25px;
    }
    .index-aboutus-title span{
        font-size: 16px;
    }

    .page-aboutus-ctn-slogan{
        font-size: 24px;
    }
    .sec-ctn-title-qm{
        display: none;
    }
    .sec-ctn-title{
        font-size: 20px;
        border: #ffffff 1px solid;
    }
    .m-sec-ctn-name-number13 {
        font-size: 40px;
    }
    .m-sec-ctn-name13 {
        font-size: 20px;
    }
    .sec-ctn-name-number {
        font-size: 40px;
    }
    .sec-ctn-name {
        font-size: 20px;
    }
    .index-products-ctn-title-ch {
        font-size: 20px;
    }
    .index-products-ctn-title-en {
        font-size: 30px;
    }
    .sec-ctn-title-wrap {
        padding: 2em 0 1em 0;
    }
    .page-products-ctn-title-sakura-l{
        display: none;
    }
    .page-products-ctn-title-sakura-r{
        display: none;
    }
    .page-other-banner-title-wrap {
        width: 120px;
        height: 120px;
        margin: 10em auto;
    }
    .page-services-banner-title-wrap {
        width: 120px;
        height: 120px;
        margin: 10em auto;
    }

    .page-prdctsdtl-items-pname {
        font-size: 22px;
    }
    .page-prdctsdtl-items-psub {
        font-size: 18px;
    }
    .ppcps-form-ctn-title {
        font-size: 18px;
    }
    .ppcps-form-ctn-respond {
        font-size: 18px;
    }
    .page-faq-q-title {
        font-size: 20px;
    }
    .page-faq-a-ctn {
        font-size: 16px;
    }
    .cs2-map-btn {
        width: 100%;
        margin: 1em auto;
    }
    .shopcart-title-txt-box {
        width: 100%;
    }
    .ipi-text {
        padding: 0.5em 1em;
    }
    .ps-img-bg {
        background-size: contain;
    }
    .p-selection-leaf {
        position: unset;
    }
    .m-p-selection-sec-leaf {
        position: unset;
    }
    .cus-form-capcha {
        padding: 0 1em;
    }
    .abus-circular-img {
        width: 100%;
    }
    .pg-sesp-items-box,.pg-sesp-items-box2 {
        font-size: 20px;
        display: block;
    }
    .pg-sesp-items-box-txt, .pg-sesp-items-box2-txt {
        font-size: 16px;
        text-align: center;
    }
    .pg-abus-ctn-txt-dtl1 {
        font-size: 20px;
    }
    .pg-abus-ctn-txt-dtl2 {
        font-size: 18px;
        font-weight: 400;
        color: #387D39;
        letter-spacing: 1px;
        line-height: 2;
    }
    .pg-abus-ctn-txt {
        font-size: 16px;
    }
    .pg-abus-title {
        font-size: 24px;
    }
    .pg-abus-title span {
        font-size: 16px;
    }
    .sp-intro {
        font-size: 22px;
    }
    .sp-intro span {
        font-size: 15px;
    }
    .abus-intro,.news-intro,.link-intro,.conus-intro{
        font-size: 22px;
    }
    .abus-intro span {
        font-size: 12px;
    }
    .news-intro span{
        font-size: 12px;
    }
    .index-per-title {
        font-size: 24px;
    }
    .index-se-title {
        font-size: 24px;
    }
    .index-links-title {
        font-size: 24px;
    }
    .index-se-title span {
        font-size: 14px;
    }
    .index-links-item-title,.index-links-item2-title, .index-links-item3-title {
        font-size: 24px;
    }
    .index-per-title span {
        font-size: 14px;
    }
    .index-links-title span {
        font-size: 14px;
    }
    .pg-se-title {
        font-size: 24px;
    }
    .pg-news-title{
        font-size: 24px;
    }
    .pg-se-title span {
        font-size: 16px;
    }
    .pg-news-title span{
        font-size: 16px;
    }
    .pg-dun-items-txt {
        font-size: 16px;
    }
    .pg-links-items-txt {
        font-size: 16px;
    }

}


@media (max-width: 500px){
    .quality-head-mask {
        top: -30px;
    }
}

@media (max-width: 480px){
    /**內頁BANNER大圖-標題文字**/
    .aboutus-banner-txt-ch{
        font-size: 20px;
    }
    .aboutus-banner-txt-en{
        font-size: 20px;
    }
    .kitchenware-banner {
        height: 300px;
    }
    .services-process-box {
        right: 25%;
    }
    .faq-banner-title {
        display: inline-block;
    }
    .faq-banner-title span {
        display: inline-block;
    }

    .service-ctn-title-wrap {
        width: 100%;
    }
    .page-banner-title-wrap {
        background-color: rgba(255,255,255,0.5);
        border-radius: 10px;
        padding: 0.5em;
    }
    .page-aboutus-ctn-sub-tick {
        display: block;
    }
    .page-aboutus-ctn-ts-wrap {
        text-align: center;
    }
    .page-aboutus-ctn-sub-ch {
        font-size: 18px;
    }
    .page-circle-title {
        top: 9em;
        width: 120px;
    }
    .form-input-txt2 {
        width: 100%;
    }
}





@media (max-width: 414px){
    .ctn-width{
        width:90%;
        margin:0 auto 0 auto;
    }
    .marquee-ctn-width {
        width:90%;
        margin:0 auto 0 auto;
    }
    .links-ctn-width {
        width:90%;
        margin:0 auto 0 auto;
    }
    .page-ctn-width {
        width:90%;
        margin:0 auto 0 auto;
    }
    .features-ctn-width{
        width:90%;
        margin:0 auto 0 auto;
    }
    .foot-ctn-width{
        width:90%;
        margin:0 auto 0 auto;
    }
    .pdtl-ctn-width{
        width:90%;
        margin:0 auto 0 auto;
    }

    .index-na-wrap {
        width: 100%;
    }
    .theme-out-title-en {
        font-size: 40px;
    }
    .copyright-info-txt span{
        display:block;
    }
    .kitchenware-txt-box {
        width: 70%;
    }
    .kitchenware-txt-box {
        margin: 3.5em auto;
    }
    .ksp-price {
        padding: 0.5em 0;
    }
    .quality-head-mask {
        top: -25px;
    }

    .products-hotcoco {
        width: 100px;
    }
    .yyc-logo-set {
        width: 200px;
    }
    .index-aboutus-title {
        width: 50%;
    }
    .slide-shopnow {
        font-size: 18px;
    }
    .slide-shopnow::after {
        width: 106px;
    }
    .page-banner-title-wrap{
        top: 10em;
    }

}

@media (max-width: 375px){
    .mc-ctn-title-ch {
        font-size: 16px;
    }
    .store-area-list ul li {
        display: block;
        padding: 1em 0.5em;
    }
}


@media (max-width: 320px){
    .quality-head-mask {
        top: -20px;
    }
    .service-ctn-title-ch {
        font-size: 20px;
    }
}

@media (max-width: 238px){
    .tab-menu ul li a {
        padding: 0;
    }
    .tab-dot1.active, .tab-dot2.active, .tab-dot3.active {
        left: 42%;
    }
    .tab-dot1, .tab-dot2, .tab-dot3{
        left: 46%;
    }
}