@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: 'cwTeXMing', serif !important;
	width: 100% !important;
	background: url(../images/allbg.jpg) 0 0 repeat;
}



/**影響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: 1400px;
	max-width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
}

/**首頁-輪播圖跑馬燈版面中央寬度**/
.marquee-ctn-width{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
}


/**版面中央寬度**/
.page-ctn-width{
	width: 1000px;
	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;
}

/**聯絡我們-中央寬度**/
.cus-ctn-width{
	width: 800px;
	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設定**/
.s1r-logo-set{
	width: 260px;
}




/**輪播圖底部遮罩**/
.slide-bottom-mask{
	width: 100%;
	height: 88px;
	background: url(../images/maskbottom.png) top center no-repeat;
	position: absolute;
    bottom: 50px;
    z-index: 10;
}


/**首頁-內容欄位外包圍**/
.index-ctn-item-wrap{
	margin: 0 auto 8em auto;
}

/**首頁-產品介紹內容欄位外包圍**/
.index-pc-item-wrap{
	margin: 0 auto 8em auto;
}



/**首頁-關於我們-外包圍**/
.index-about-img-wrap{
	padding: 1em;
	position: relative;
}

/**首頁-關於我們-ICON外包圍**/
.index-about-icon-wrap{
	position: absolute;
	top: 0;
	left: -33px;
}


/**首頁-關於我們-標題外包圍**/
.index-about-title-wrap{
	position: relative;
}


/**首頁-關於我們-標題**/
.index-about-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.index-about-title:before{
	content:"";
	display: grid;
	width: 1px;
	height: 260px;
	background-color: #BDBDBD;
}

/**首頁-關於我們-副標題**/
.index-about-sub{
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    vertical-align: top;
}


/**首頁-關於我們-葉子**/
.index-about-leaf{
	position: absolute;
	bottom: 0;
	left: -15px;
	z-index: -1;
}


/**首頁-關於我們-說明**/
.index-about-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 130px;
    margin: 2em auto;
}

/**觀看更多按鍵**/
.viewmore-btn {
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 1em 2em;
	margin: 1em 0 0.5em 0;
	text-align:center;
}

.viewmore-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.viewmore-btn:visited{
	background: #7D0000;
}


.viewmore-btn:hover{
	background: #7D0000;
	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;
}

.viewmore-btn:active{
	background: #7D0000;
}




/**首頁-嚴選食材-標題外包圍**/
.index-selection-title-wrap{
	position: relative;
	text-align: right;
}

/**手機版-首頁-嚴選食材-標題外包圍**/
.m-index-selection-title-wrap{
	position: relative;
	text-align: right;
}


/**首頁-嚴選食材-圖片外包圍**/
.index-selection-img-wrap{
	position: relative;
}

/**手機版-首頁-嚴選食材-圖片外包圍**/
.m-index-selection-img-wrap{
	position: relative;
}

/**首頁-嚴選食材-ICON外包圍**/
.index-selection-icon-wrap{
	position: absolute;
	top: -25px;
	left: 120px;
}

/**手機版-首頁-嚴選食材-ICON外包圍**/
.m-index-selection-icon-wrap{
	position: absolute;
	top: -25px;
	left: 120px;
}


/**首頁-嚴選食材-標題**/
.index-selection-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
}

.index-selection-title:before{
	content:"";
	display: grid;
	width: 1px;
	height: 260px;
	background-color: #BDBDBD;
}

/**手機版首頁-嚴選食材-標題**/
.m-index-selection-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
}

.m-index-selection-title:before{
	content:"";
	display: grid;
	width: 1px;
	height: 260px;
	background-color: #BDBDBD;
}


/**首頁-嚴選食材-副標題**/
.index-selection-sub{
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    vertical-align: top;
}

/**手機版首頁-嚴選食材-副標題**/
.m-index-selection-sub{
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    vertical-align: top;
}


/**首頁-嚴選食材-說明**/
.index-selection-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 130px;
    margin: 2em auto;
}

/**手機版首頁-嚴選食材-說明**/
.m-index-selection-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 130px;
    margin: 2em auto;
}


/**嚴選食材-觀看更多按鍵**/
.selection-viewmore-btn {
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 1em 2em;
	margin: 1em 0 0.5em 0;
	text-align:center;
}

.selection-viewmore-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.selection-viewmore-btn:visited{
	background: #7D0000;
}


.selection-viewmore-btn:hover{
	background: #7D0000;
	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;
}

.selection-viewmore-btn:active{
	background: #7D0000;
}


/**手機版嚴選食材-觀看更多按鍵**/
.m-selection-viewmore-btn {
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 1em 2em;
	margin: 1em 0 0.5em 0;
	text-align:center;
}

.m-selection-viewmore-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.m-selection-viewmore-btn:visited{
	background: #7D0000;
}


.m-selection-viewmore-btn:hover{
	background: #7D0000;
	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;
}

.m-selection-viewmore-btn:active{
	background: #7D0000;
}



/**首頁-產品介紹-標題外包圍**/
.index-products-title-wrap{
	position: relative;
	text-align: center;
}


/**首頁-產品介紹-標題**/
.index-products-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}



/**首頁-產品介紹-副標題**/
.index-products-sub{
	width: 50%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
    vertical-align: top;
    border-bottom: #BDBDBD 1px solid;
    padding: 0.5em 0;
}


/**首頁-產品介紹-ICON外包圍**/
.index-products-icon-wrap{
	position: absolute;
	top: -40px;
    right: 175px;
}


/**首頁-產品介紹-標題背景襯圖**/
.index-products-title-bg{
	position: absolute;
    top: -62px;
    left: 0;
    z-index: -1;
}



/**首頁-產品介紹-整體外包圍**/
.ipi-all-wrap{
	margin: 2em auto;
}



/**首頁-產品介紹-圖片背景襯圖**/
.index-products-img-bg{
	width: 330px;
	height: 230px;
	background: url(../images/productsimgbg.png) center center no-repeat;
    text-align: center;
    display: table;
    position: relative;
}

/**首頁-產品介紹-圖片設定**/
.ipi-set{
	display: table-cell;
	vertical-align: middle;
}


.ipi-image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}


.ipi-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.ipi-set:hover .ipi-image {
  opacity: 0.8;
}

.ipi-set:hover .ipi-middle {
  opacity: 1;
}

.ipi-text {
  background-color: rgba(125,0,0,.7);
  color: white;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  padding: 16px 32px;
}




/**首頁-產品介紹-圖片品名**/
.index-products-img-name{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #40220F;
	letter-spacing: 1px;
	line-height: 2;
    padding: 0 0 0 1em;
}

.index-products-img-name a:link{
	color: #40220F;
}

.index-products-img-name a:visited{
	color: #40220F;
}


.index-products-img-name a:hover{
	color: #7D0000;
  
    -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-products-img-name a:active{
	color: #40220F;
}



/**觀看更多按鍵**/
.ipi-viewmore-btn {
	font-family: "Times New Roman", Times, serif;
	width: 30%;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 1em 2em;
	margin: 0 auto;
	text-align:center;
}

.ipi-viewmore-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.ipi-viewmore-btn:visited{
	background: #7D0000;
}


.ipi-viewmore-btn:hover{
	background: #7D0000;
	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;
}

.ipi-viewmore-btn:active{
	background: #7D0000;
}





/**內頁-內容欄位外包圍**/
.page-ctn-item-wrap{
	margin: 4em auto 10em auto;
}



/**品牌故事-標題外包圍**/
.ps-title-wrap{
	position: relative;
}


/**品牌故事-標題**/
.ps-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.ps-title:before{
	content:"";
	display: grid;
	width: 1px;
	height: 260px;
	background-color: #BDBDBD;
}

/**品牌故事-副標題**/
.ps-sub{
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    vertical-align: top;
}


/**品牌故事-葉子**/
.ps-leaf{
	position: absolute;
	bottom: 0;
	left: -15px;
	z-index: -1;
}


/**品牌故事-說明**/
.ps-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}




/**手機版-品牌故事-標題外包圍**/
.m-ps-title-wrap{
	position: relative;
}


/**手機版-品牌故事-標題**/
.m-ps-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.m-ps-title:before{
	content:"";
	display: grid;
	width: 1px;
	height: 260px;
	background-color: #BDBDBD;
}

/**手機版-品牌故事-副標題**/
.m-ps-sub{
	font-size: 15px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    vertical-align: top;
}


/**手機版-品牌故事-葉子**/
.m-ps-leaf{
	position: absolute;
	bottom: 0;
	left: -15px;
	z-index: -1;
}







/**品牌故事-圖片外包圍**/
.ps-img-bg{
	padding: 1em;
	position: relative;
	width: 100%;
	height: 360px;
	background: url(../images/storyimgbg.png) center center no-repeat;
	text-align: center;
	display: table;
}

/**品牌故事-圖片外包圍**/
.page-story-img-wrap{
	display: table-cell;
	vertical-align: middle;
}



/**品牌故事-核心理念**/
.ps-core-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**品牌故事-核心理念-說明**/
.ps-core-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**品牌故事-核心理念-圖片設定**/
.ps-core-ctn-img{
	padding: 0 0.5em;
}


/**品牌故事-內文外包圍**/
.ps-txt-wrap{
	padding: 0 1em;
}


/**產品介紹-標題外包圍**/
.pp-all-wrap {
	text-align: center;
	position: relative;
	margin: 0 auto 6em auto;
}

/**產品介紹-標題**/
.pp-title{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}


/**產品介紹-副標題**/
.pp-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
    margin: 1em auto;
}


/**產品介紹-標題雲背景**/
.pp-title-rightcloud{
	width: 430px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.pp-title-leftcloud{
	width: 300px;
	position: absolute;
	top: -80px;
	left: 0;
	z-index: -1;
}


/**產品介紹詳細頁-規格介紹欄外包圍**/
.ppdetail-spec-wrap{
	margin: 2em 0 2em 2em;
}

/**產品介紹詳細頁-說明**/
.ppdetail-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**產品介紹詳細頁-產品名稱背景**/
.ppdetail-title-bg{
	width: 70px;
	position: absolute;
	top: -13px;
    left: 0;
    z-index: -1;
}

/**產品介紹詳細頁-產品名稱**/
.ppdetail-title{
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	position: relative;
}


/**產品介紹詳細頁-簡述外包圍**/
.pdtl-txt-wrap{
	padding: 1em 0;
}


/**產品介紹詳細頁-產品詳細介紹區塊標題**/
.ppdetail-area-title{
	width: 140px;
	margin: 0 auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 300;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
	background: url(../images/allbg.jpg) center center no-repeat;
}

.ppdetail-area-title span{
	font-family: 'cwTeXMing', serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
}

.ppdetail-area-title-wrap{
	text-align: center;
	position: relative;
}


.ppdetail-area-title-tl{
	width: 100%;
	height: 1px;
	background-color: #7D0000;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: -1;
}

.ppdetail-area-title-rl{
	width: 100%;
	height: 1px;
	background-color: #7D0000;
	position: absolute;
	top: 56%;
	right: 0;
	left: 0;
	z-index: -1;
}


/**產品介紹詳細頁-產品詳細介紹後台編輯器區塊**/
.ppdetail-bs-area{
	margin: 2em auto 10em auto;
}

/**產品介紹詳細頁-產品詳細介紹後台編輯器-圖片設定**/
.ppdetail-bs-area-img{
	text-align: center;
}


/**產品介紹詳細頁-產品詳細介紹後台編輯器-文字設定**/
.ppdetail-bs-area-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	padding: 2em 0;
}



/**嚴選食材-整體外包圍**/
.p-selection-wrap{
	margin: 2em auto;
}

/**嚴選食材-圖片背景襯圖**/
.p-selection-img-bg{
	width: 490px;
	background: url(../images/selectionitemsbg.png) center center no-repeat;
    text-align: center;
    display: table;
    position: relative;
    background-size: contain;
}

/**嚴選食材-說明外包圍**/
.p-selection-txt-wrap{
	padding: 1em;
	position: relative;
}


/**嚴選食材-第二欄說明外包圍**/
.p-selection-sec-txt-wrap{
	padding: 1em;
	position: relative;
}


/**嚴選食材-第二欄標題**/
.p-selection-sec-title{
	font-size: 30px;
	font-weight: 600;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
}

/**嚴選食材-第二欄副標題**/
.p-selection-sec-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**嚴選食材-第二欄說明**/
.p-selection-sec-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	margin: 3em auto;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    height: 195px;
}

/**嚴選食材-第二欄葉子襯圖**/
.p-selection-sec-leaf{
	position: absolute;
	top: 0;
	right: 0;
}




/**手機版-嚴選食材-整體外包圍**/
.m-p-selection-wrap{
	margin: 2em auto;
}

/**手機版-嚴選食材-圖片背景襯圖**/
.m-p-selection-img-bg{
	width: 490px;
	background: url(../images/selectionitemsbg.png) center center no-repeat;
    text-align: center;
    display: table;
    position: relative;
    background-size: contain;
}

/**手機版-嚴選食材-說明外包圍**/
.m-p-selection-txt-wrap{
	padding: 1em;
	position: relative;
}


/**手機版-嚴選食材-第二欄說明外包圍**/
.m-p-selection-sec-txt-wrap{
	padding: 4em 1em 1em 1em;
	position: relative;
}


/**手機版-嚴選食材-第二欄標題**/
.m-p-selection-sec-title{
	font-size: 30px;
	font-weight: 600;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
}

/**手機版-嚴選食材-第二欄副標題**/
.m-p-selection-sec-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**手機版-嚴選食材-第二欄說明**/
.m-p-selection-sec-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	margin: 3em auto;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    height: 195px;
}

/**手機版-嚴選食材-第二欄葉子襯圖**/
.m-p-selection-sec-leaf{
	position: absolute;
	top: 0;
	right: 0;
}






/**嚴選食材-標題**/
.p-selection-title{
	font-size: 30px;
	font-weight: 600;
	color: #7D0000;
	letter-spacing: 1px;
	line-height: 2;
}

/**嚴選食材-副標題**/
.p-selection-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
}

/**嚴選食材-說明**/
.p-selection-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	margin: 3em auto;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    height: 195px;
}

/**嚴選食材-葉子襯圖**/
.p-selection-leaf{
	position: absolute;
	top: 0;
	right: 0;
}






/**內頁-圓形banner標題**/
.page-circle-title{
	width: 180px;
	position: absolute;
	right: 0;
	top: 19em;
	text-align: left;
}



/**技術加盟-設定**/
/**主選單設定**/
.tab-menu{
	padding: 0;
	text-align: center;
}

.tab-menu:after{
	content:"";
	display: block;
	width: 605px;
	height: 1px;
	background-color: #989899;
	margin: 2em auto;
}

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

.tab-menu ul li {
  display: inline-block;
  text-align: center;
  border-right: #989899 1px solid;
  position: relative;
}

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

.tab-menu ul li a {
  font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
  display: block;
  font-size: 16px;
  font-weight: 500; /**2018-02-07編輯**/
  letter-spacing: 1px;
  line-height: 2;
  color: #000000;
  padding: 0 4em;
  text-decoration: none;
}

/**圓點設定**/
.tab-dot1 {
	width: 6px;
	height: 6px;
	background-color: #989899;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	position: absolute;
	top: 60px;
	left: 49%;
}

.tab-dot1:hover{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
	-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;
}

.tab-dot1.active{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
}

.tab-dot2 {
	width: 6px;
	height: 6px;
	background-color: #989899;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	position: absolute;
	top: 60px;
	left: 49%;
}

.tab-dot2:hover{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
	-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;
}

.tab-dot2.active{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
}

.tab-dot3 {
	width: 6px;
	height: 6px;
	background-color: #989899;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	position: absolute;
	top: 60px;
	left: 49%;
}

.tab-dot3:hover{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
	-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;
}

.tab-dot3.active{
	width: 12px;
	height: 12px;
	top: 57px;
	left: 47%;
	background-color: #7D0000;
}

/**整體外包圍**/
.joining-sub-menu-all-wrap {
	margin: 2em auto;
}
/**個別外包圍**/
.joining-sub-menu-single-wrap {
	margin: 1em auto;
}

/**子項目標題**/
.joining-sub-menu-title {
	float: left;
	background-color: #7D0000;
	position: relative;
}

.joining-sub-menu-title-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	display: block;
	font-size: 18px;
	font-weight: 400; /**2018-02-07編輯**/
	letter-spacing: 1px;
	line-height: 2;
	color: #ffffff;
	padding: 0 0.5em;
	text-decoration: none;
}

.joining-sub-menu-st{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	display: inline-block;
	font-size: 18px;
	font-weight: 500; /**2018-02-07編輯**/
	letter-spacing: 1px;
	line-height: 2;
	color: #7D0000;
	padding: 0 1em;
	text-decoration: none;
}

.joining-sub-menu-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400; /**2018-02-07編輯**/
	letter-spacing: 1px;
	line-height: 2;
	color: #000000;
	text-decoration: none;
}


.joining-sub-menu-lamp{
	position: absolute;
	top: -20px;
    left: -30px;
}


.joining3-sub-menu-single-wrap {
    margin: 1em auto 6em auto;
}

.joining3-sub-menu-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400; /**2018-02-07編輯**/
	letter-spacing: 1px;
	line-height: 2;
	color: #000000;
	text-decoration: none;
	clear: both;
    display: inline-block;
    padding: 0 1em;
}

.joining3-sub-form-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400; /**2018-02-07編輯**/
	letter-spacing: 1px;
	line-height: 2;
	color: #000000;
	text-decoration: none;
	padding: 1em 0;
}

.joining3-sub-form-ctn-detail1{
	color: #C90012;
}

.joining3-sub-form-ctn-detail2{
	color: #DB992D;
}




/**分析圖外包圍**/
.joining-analysis-wrap {
	text-align: center;
	margin: 1em auto;
}


/**技術加盟-加盟優勢背景**/
.pjoining-title-bg{
	width: 70px;
	position: absolute;
	top: -13px;
    left: 0;
    z-index: -1;
}

/**技術加盟-加盟優勢名稱**/
.pjoining-title{
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	letter-spacing: 1px;
	line-height: 2;
	position: relative;
}


/**技術加盟-加盟流程-時間軸外包圍**/
.pjoining2-step-wrap{
	display: table-cell;
	vertical-align: middle;
}

/**技術加盟-加盟流程-時間軸文字**/
.pjoining2-step{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1;
}

.pjoining2-step span{
	font-family: "Arial", sans-serif;
	font-size: 47px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1;
	display: block;
}

/**技術加盟-加盟流程-時間軸文字2**/
.pjoining2-step-small{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1;
}

.pjoining2-step-small span{
	font-family: "Arial", sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1;
	display: block;
}


/**技術加盟-加盟流程-時間軸底部文字外包圍**/
.pjoining2-step-bottom-txt-wrap{
	padding: 0.5em;
	text-align: center;
}

/**技術加盟-加盟流程-時間軸底部文字**/
.pjoining2-step-bottom-txt1{
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #3E3A39;
	letter-spacing: 1px;
	line-height: 1.5;
}

.pjoining2-step-bottom-txt2{
	font-family: "Arial", sans-serif;
	font-size: 41px;
	font-weight: bold;
	color: #C90012;
	letter-spacing: 1px;
	line-height: 1.5;
}

.pjoining2-step-bottom-txt2 a:link{
	color: #C90012;
}

.pjoining2-step-bottom-txt2 a:visited{
	color: #C90012;
}


.pjoining2-step-bottom-txt2 a:hover{
	color: #C90012;
	-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;
}

.pjoining2-step-bottom-txt2 a:active{
	color: #C90012;
}



.pjoining2-step-bottom-txt3{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #808080;
	letter-spacing: 1px;
	line-height: 1.5;
}



/**加盟表單-按鍵外包圍**/
.contact-btn-wrap {
	width: 100%;
	border-bottom: #7D0000 1px solid;
	position: relative;
}

/**加盟表單-清除重填按鍵**/
.contact-reset-btn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 0.5em 1em;
	text-align:center;
	float: right;
}


.contact-reset-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.contact-reset-btn:visited{
	background: #7D0000;
}


.contact-reset-btn:hover{
	background: #7D0000;
	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;
}

.contact-reset-btn:active{
	background: #7D0000;
}



/**加盟表單-確認送出按鍵**/
.contact-submit-btn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #DB992D;
	padding: 0.5em 1em;
	text-align:center;
	float: right;
}


.contact-submit-btn:link{
	background: #DB992D;
	text-decoration:none;
}

.contact-submit-btn:visited{
	background: #DB992D;
}


.contact-submit-btn:hover{
	background: #DB992D;
	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;
}

.contact-submit-btn:active{
	background: #DB992D;
}



/**最新消息-標題**/
.news-title-box{
	width: 100%;
	padding: 0.5em 1em;
	background: #E7E2DE;
}

.news-title-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
}


/**最新消息-圖片**/
.news-news-box{
	padding: 1em;
}

/**最新消息-說明簡述**/
.news-intro-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 150px;
    margin: 1em auto;
}


/**最新消息-日期欄外包圍**/
.news-date-box{
	border-top: #9C9C9D 1px solid;
	border-bottom: #9C9C9D 1px solid;
	position: relative;
}

.news-date-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 0;
}



.news-vm-btn{
	font-family: "Arial", sans-serif;
	font-size:15px;
	font-weight:400;
    color: #835F5F;
	letter-spacing:1px;
	line-height:2;
	position: absolute;
	top: 9px;
	right: 0;
}

.news-vm-btn a:link{
	color: #835F5F;
}

.news-vm-btn a:visited{
	color: #835F5F;
}

.news-vm-btn a:hover{
	color: #7D0000;
	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;
}

.news-vm-btn a:active{
	color: #835F5F;
}


/**最新消息-整體內容外包圍**/
.page-news-item-wrap {
    margin: 1em auto 10em auto;
}



/**最新消息-右側最新消息欄外包圍**/
.news-rightnews-box{
	border-left: #CAB9AA 1px solid;
	padding: 0 2em;
    margin: 0 1em 0 1em;
}

.news-rightnews-box-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 0;
}


/**最新消息列表設定**/
.news-rightnews-list{
	padding: 0;
}


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

.news-rightnews-list ul li {
	display: block;
}

.news-rightnews-list ul li a {
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	color: #835F5F;
	text-decoration: underline!important;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 0;
}

.news-rightnews-list ul li a:hover {
	color: #7D0000;
	-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;
}


/**最新消息詳細頁-標題外包圍**/
.newsdtl-title-box{
	width: 100%;
	padding: 0.5em 1em;
	background: #E7E2DE;
	text-align: center;
}


/**最新消息詳細頁-說明**/
.newsdtl-ctn-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
    margin: 5em auto 3em auto;
}


.newsdtl-ctn-txt:before{
	content:"";
	display: block;
	width: 1px;
	height: 30px;
	margin: 1em auto;
	background-color: #9C9C9D;
}

/**最新消息詳細頁-日期欄外包圍**/
.newsdtl-date-box{
	padding:0;
}

.newsdtl-date-box:before{
	content:"";
	display: block;
	width: 320px;
	height: 2px;
	margin: 0 auto;
	background-color: #9C9C9D;
}

.newsdtl-date-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 0;
	text-align: center;
}

.newsdtl-date-txt span{
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:600;
    color: #7D0000;
}



/**門市專區-區域設定**/
.store-area-list{
	padding: 0;
	text-align: center;
}


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

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

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

.store-area-list ul li a:hover {
	color: #ffffff;
	background-color: #7D0000;
	border: #7D0000 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;
}

.store-area-list ul li a.store-active{
	color: #ffffff;
	background-color: #7D0000;
	border: #7D0000 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;
}


/**門市專區-個別門市整體大包圍**/
.store-super-all-wrap{
	margin: 5em auto 2em auto;
}


/**門市專區-門市圖片外包圍**/
.store-img-box{
	position: relative;
	margin-bottom: 6em;
}

/**門市專區-門市圖片左襯圖**/
.store-leftimg{
	position: absolute;
	bottom: -74px;
    left: -63px;
}

/**門市專區-門市圖片右襯圖**/
.store-rightimg{
	position: absolute;
	bottom: -65px;
    right: -32px;
}

/**門市專區-門市圖示**/
.store-dp-icon{
	display: inline-block;
	vertical-align: middle;
}

/**門市專區-門市名稱**/
.store-name{
	font-size:26px;
	font-weight:bold;
	color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0 0.5em;
	display: inline-block;
	vertical-align: middle;
}


/**門市專區-資訊欄整體外包圍**/
.store-info-wrap{
	margin: 2em;
}


/**門市專區-門市類型**/
.store-type{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
	color: #7D0000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em;
}


/**門市專區-門市說明**/
.store-intro{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em;
}





/**手機版門市專區-門市圖示**/
.m-store-dp-icon{
	display: inline-block;
	vertical-align: middle;
}

/**手機版門市專區-門市名稱**/
.m-store-name{
	font-size:26px;
	font-weight:bold;
	color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0 0.5em;
	display: inline-block;
	vertical-align: middle;
}


/**手機版門市專區-資訊欄整體外包圍**/
.m-store-info-wrap{
	margin: 2em;
}


/**手機版門市專區-門市類型**/
.m-store-type{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
	color: #7D0000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em;
}


/**手機版門市專區-門市說明**/
.m-store-intro{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	color: #000000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em;
}





/**門市專區-門市小圖整體外包圍**/
.store-small-pic-wrap{
	margin: 2em auto;
}


/**門市專區-門市小圖**/
.store-small-pic{
	padding: 0.5em;
}


/**手機版-門市專區-門市小圖整體外包圍**/
.m-store-small-pic-wrap{
	margin: 0 auto;
	text-align: center;
}


/**手機版-門市專區-門市小圖**/
.m-store-small-pic{
	padding: 0.5em;
}


/**聯絡我們-聯絡表單文字**/
.cus-form-title {
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:500;
	color: #7D0000;
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 0;
	position: absolute;
    top: -27px;
}



/**聯絡我們-按鍵外包圍**/
.cus-btn-wrap {
	width: 100%;
	position: relative;
}



/**聯絡我們-清除重填按鍵**/
.cus-reset-btn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #7D0000;
	padding: 0.5em 2em;
	text-align:center;
	float: right;
}


.cus-reset-btn:link{
	background: #7D0000;
	text-decoration:none;
}

.cus-reset-btn:visited{
	background: #7D0000;
}


.cus-reset-btn:hover{
	background: #7D0000;
	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;
}

.cus-reset-btn:active{
	background: #7D0000;
}



/**聯絡我們-確認送出按鍵**/
.cus-submit-btn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:300;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1;
	background: #DB992D;
	padding: 0.5em 2em;
	text-align:center;
	float: left;
}


.cus-submit-btn:link{
	background: #DB992D;
	text-decoration:none;
}

.cus-submit-btn:visited{
	background: #DB992D;
}


.cus-submit-btn:hover{
	background: #DB992D;
	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;
}

.cus-submit-btn:active{
	background: #DB992D;
}


/**聯絡我們-地址資訊外包圍**/
.cus-company-info{
	padding: 1em 4em;
}


/**聯絡我們-公司logo**/
.cus-s1r-logo{
	padding: 1em 0;
}


/**聯絡我們-地址資訊**/
.cus-s1r-info{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
    color: #000000;
	letter-spacing:1px;
	line-height:2;
}

.cus-s1r-info span{
    color: #7D0000;
    display: block;
}


.cus-s1r-info a:link{
	color: #000000;
}

.cus-s1r-info a:visited{
	color: #000000;
}


.cus-s1r-info a:hover{
	color: #7D0000;
	-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;
}

.cus-s1r-info a:active{
	color: #000000;
}



/**表單標題文字**/
.cus-form-name{
	font-size:15px;
	font-weight:500;
    color: #ffffff;
	letter-spacing:1px;
	line-height:1.5;
}


/**表單驗證碼**/
.cus-form-capcha{
	vertical-align: middle;
	display: inline-block;
}





/**商品介紹-整體外包圍**/
.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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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;
}




/**商品圖文介紹欄**/
.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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-pname{
	font-size: 20px;
	font-weight: bold;
	color: #E51373;
	letter-spacing: 1px;
	line-height: 2;
}

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

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


.page-prdcts-items-pname a: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;
}

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

.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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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;
}


/**內頁-商品介紹詳細頁-商品詳細-其他人也購買**/
.ppcps-other-slides{
	border: #9E9E9F 1px solid;
	padding: 1em;
}

/**內頁-商品介紹詳細頁-商品詳細-其他人也購買-圖片設定**/
.ppcps-other-slides-img {
    margin: 0 auto;
}


/**內頁-商品介紹詳細頁-商品詳細-其他人也購買**/
.ppcps-other-slides-pd-set {
    position: relative;
    padding: 1em;
}



/**內頁-購物須知-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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #595757;
	letter-spacing: 1px;
	line-height: 2;
}

.page-faq-a-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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;
}



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


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

.form-input-width{
	width: 100%;
}






/**清除重填+確認送出按鍵**/
.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;
}



/**內頁BANNER大圖**/
.aboutus-banner{
	width: 100%;
	height: 830px;
	background: url(../images/aboutbanner.jpg) top center no-repeat;
	position: relative;
	background-size: cover;
}

/**外包圍開始**/
.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: 95%;
    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:15px auto 15px 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; }
}


/**服務中心-提示文字**/
.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-top-mask {
    width: 100%;
    height: 60px;
    position: absolute;
    top: -50px;
    z-index: 10;
    background: url(../images/foottop.png) center top no-repeat;
}



/**首頁-底部-背景圖**/
.foot-bg-img{
	width:100%;
	max-width: 100%;
	position: relative;


	/**2018-03-31編輯**/
    background: #000000;

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

}



/**首頁-底部-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 {
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width: 27%;
	text-align: right !important;
	display: inline-block !important;
	background-color: #CAB48B;
	padding: 0.5em 1em;
}

.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 {
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width:100%;
	text-align:left; /*2017-04-21編輯*/
    font-size: 16px;
    font-weight: 300;
    color: #000000;
	line-height: 3;
    border-bottom: #000000 1px solid;
    margin: 2em auto;
}
	
.bread a{
    color: #000000;
}

.bread a:hover{
    color: #7D0000;
	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:#6F8953;
}

.color-333 a{
	color: #000000;
}

.color-333 a:hover{
	color: #7D0000;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 400;
	color:#000000;
	letter-spacing:1px;
	line-height:2;
}

.page-contact-theme-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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-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;
    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-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;
}

.subtotal-price{
	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;
    text-align: right;

}



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

.delivery-method-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;
}


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



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




/**總金額**/
.total-aom-txt-set {
    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;
    text-align: right;
}

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

.aom-tips-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    display: inline-block;
}


/**購物車-繼續購物**/
.cart-cp-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: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{
	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: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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	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: #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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:400;
    color: #3E3A39;
	letter-spacing:1px;
	line-height:2;
	padding: 1em 2em 6em 2em;
}



/**發票資訊**/
.invoice-info-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-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: 1em 2em 6em 2em;
}


/**收件人資料文字**/
.cs3-recipient-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;
}

.cs3-recipient-txt span{
	font-weight: 500;
	color: #000000;
}



/**備註事項文字**/
.cs3-input-remarks-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-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;
    text-align: right;
}




/**購物車步驟三-總金額**/
.cs3-total-aom-txt-set {
    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;
    text-align: right;
}

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

.cs3-aom-tips-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
    word-break: break-all;
}

/**訂單完成 - 文字說明**/
.cs4-orderfinish-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;
}


.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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:400;
    color: #A40B5E;
	letter-spacing:1px;
	line-height:2;
}

/**會員註冊-說明文字**/
.registered-description-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;
	padding: 1em 0;
}

.registered-description-items{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:300;
    color: #888889;
	letter-spacing:1px;
	line-height:2;
}



/**註冊按鍵**/
.registered-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:#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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:400;
    color: #A40B5E;
	letter-spacing:1px;
	line-height:2;
}

/**非會員購物-說明文字**/
.notmember-description-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
    color: #3E3A39;
	letter-spacing:1px;
	line-height:2;
	padding: 1em 0;
}



/**非會員購物結帳按鍵**/
.notmember-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;
	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-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:25px;
	font-weight:400;
    color: #6D9A33;
	letter-spacing:1px;
	line-height:2;
	border-bottom:#8C8D8C 1px solid;
}


/**會員登入-表單文字**/
.member-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;
}



.member-form-input-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-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;
}

/**會員登入-記住帳號**/
.member-remember-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 400;
	color:#3E3A39;
	letter-spacing:1px;
	line-height:2;
	display: inline-block;
}



/**會員登入-忘記密碼**/
.member-forgot-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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-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;
}


/**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{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	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 {
    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;
    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;
}

























/**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編輯*/
}


/**foot選單文字設定**/
.foot-info-logo{
    display: inline-block;
    width: 150px;
    margin-right: 20px;
}
.foot-info-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 300;
	color:#ffffff;
	letter-spacing:1px;
	line-height:1.5;
	display: inline-block;
	word-break: break-all;
}

.foot-info-txt span{
	font-size: 24px;
	font-weight: 500;
	color: #CF0012;
}

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

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

.foot-info-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-info-txt a:active{
	color:#ffffff;
}


/**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%;
	background: url(../images/footbottombg.png) bottom right no-repeat;
}




/**選單文字間距設定**/
.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: left;
    margin: 2em auto;
}

.copyright-info-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#ffffff;
	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:#ffffff;
}

.copyright-info-txt a:visited{
	color:#ffffff;
}

.copyright-info-txt 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;
}

.copyright-info-txt a:active{
	color:#ffffff;
}


.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:#ffffff;
	font-weight:300;
	letter-spacing: 1px;
}

.jc-icon-txt a:link{
	color:#ffffff;
}

.jc-icon-txt a:visited{
	color:#ffffff;
}

.jc-icon-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;
}

.jc-icon-txt a:active{
	color:#ffffff;
}



/**清除浮動**/
.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%;
}


/**圓形圖片效果**/
.circular-landscape{
    display:inline-block;
    position:relative;
    width:116px;
    height:116px;
    overflow:hidden;
    border-radius:50%;
}

.circular-landscape img{
    width:auto;
    height:100%;
    margin-left:-50%;
}



/**正方形圖片效果**/
.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%;
}



/****固定設定區-結束****/


@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;
	}
	.page-ctn-width {
		width:95%;
		margin:0 auto 0 auto;
	}
	.features-ctn-width{
		width:95%;
		margin:0 auto 0 auto;
	}
	.foot-ctn-width{
		width:95%;
		margin:0 auto 0 auto;
	}
	.pdtl-ctn-width{
		width:95%;
		margin:0 auto 0 auto;
	}
	.cus-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 (min-width: 1024px){
	.m-index-selection-title-wrap {
		display: none;
	}
	.m-selection-viewmore-btn {
		display: none;
	}
	.m-index-selection-ctn {
		display: none;
	} 
	.m-ps-title-wrap {
		display: none;
	}
	.m-p-selection-sec-txt-wrap {
		display: none;
	}
	.m-store-info-wrap {
		display: none;
	}
	.m-store-small-pic-wrap {
		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;
	}
	.pure-form-aligned .pure-control-group label {
		margin: 1em 1em 1em 0;
	}
}


@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;
	}
	.foot-info-logo{
		margin-right: 0;
	}
}



@media (max-width: 767px){
	#animate-area {
	    margin: 2em auto;
	    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;
	}
}


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


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

}





@media (max-width: 414px){
	.ctn-width{
		width:90%;
		margin:0 auto 0 auto;
	}
	.marquee-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;
	}
	.cus-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%;
	}
}