@charset "utf-8";


/**思源黑體**/
@import url(../../fonts.googleapis.com/earlyaccess/notosanstc.css);
/**黑體**/
@import url(../../fonts.googleapis.com/earlyaccess/cwtexhei.css);


body{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;
	background-image: url(../images/bg.html);
    background-repeat: 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;
}



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



/**影響部分標題外框線**/
fieldset {
    border: none !important;
}


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

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

/**head設定**/
.top-head-bg{
	width:100%;
	/*background:url(../images/chocoyoyo.png) top left no-repeat;*/ /*2017-06-02編輯*/    /*2018-04-12 隱藏 by Alice.J*/
	background-color:#ffffff;/*2017-06-02編輯*/
	/*border-bottom:#0071BC 5px solid;*/ /*2017-06-02編輯*/
	position:relative; /*2017-04-18編輯*/
}



/**搜尋框設定**/
.search-form-set{
	position: absolute;
    right: 4em;
    top: 2em;
}


/**logo**/
.choco-logo{
	display: inline-block;/*2017-03-03編輯*/
}

#logo{
	padding:0.2em; /*2017-04-20編輯*/
}



/**主選單設定**/
.for-contact{
	border-right: none !important; /*2017-04-20編輯*/
}




/**head-會員+購物車+語系工具列**/
.member-cart-language-wrap{
	display: inline-block;
}


/**head-會員+購物車+語系工具列文字設定**/
.mcl-title-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#6c2c15; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2; 
	padding: 1em;/*2017-06-03編輯*/
}




/**手機/平板head設定**/
.m-head{
	width:100%;
	height:50px;
	background-color:#ccc; /*2017-06-03編輯*/  /*2018-04-12編輯 by Alice*/
}

.mcm-icons{
	color: #ffffff;
    padding: 0.7em;
    display: inline-block;
    width: 30%;
    text-align: center;
}


.head-padding{
	padding-top: 0.5em;
}



.ml-cart-wrap{
	float:right;
	padding: 0.6em 0 0 0; /*2017-06-03編輯*/
	position: relative;
    top: 0;
}

.member-login-icon{
	float:left;
}

.member-login-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#653015;
	font-size:16px;
	/*font-weight:bold;*/
	line-height:2;
	letter-spacing:1px;
	float:left;
	padding: 0 1em 0 1em;
}

.member-login-txt a:link{
	color: #653015;
}

.member-login-txt a:visited{
	color: #653015;
}

.member-login-txt a:hover{
	color: #8FC31F;
	-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-login-txt a:active{
	color: #653015;
}



.shopping-cart-icon{
	float:left;
	padding:0 0 0 1.5em;
}

.shopping-cart-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#653015;
	font-size:16px;
	/*font-weight:bold;*/
	line-height:2;
	letter-spacing:1px;
	float:left;
	padding: 0 1em 0 0.5em;
	border-right: #653015 1px solid;
}

.shopping-cart-txt a:link{
	color: #653015;
}

.shopping-cart-txt a:visited{
	color: #653015;
}

.shopping-cart-txt a:hover{
	color: #8FC31F;
	-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;
}

.shopping-cart-txt a:active{
	color: #653015;
}


/**購物車**/
.shopping-cart-number{
	position: absolute;
    top: 0px;
    right: 55%;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    background: #e60012;
    line-height: 20px;
    padding: 0 4px;
	min-width: 20px;
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
}


.com-wrap-set{
    position: relative;
    display: inline-block;
	margin-top: 0.2em;
	vertical-align: middle;
}


/**head-語系文字顏色**/
.language-txt-set{
	color: #653015;
	font-size: 14px;
}


.dsp-set{
	display:inline-block;
}



/**手機/平板購物車**/
.mscn{
	position: absolute;
    top: 7px;
    left: 17%; /*2017-06-03編輯*/
    display: inline-block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    background: #e60012;
    line-height: 20px;
    padding: 0 4px;
	min-width: 20px;
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
}















/**手機/平板主選單**/
.m-menu-list{
	width:100%;
	font-size:18px;
	letter-spacing:1px;
	line-height:1;
}/*2017-03-09編輯*/

.m-menu-list:hover{
	color: #ffffff;
	/*background-color: #ff4f95;*/
	-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;
}/*2017-03-09編輯*/



/**分隔虛線**/
.dash-line {
    border-bottom-style: dashed;
    border-bottom-color: #FFF;
    border-bottom-width: thin;
}



/**搜尋框**/
.search-tool{
	position:absolute;
	top:1em;
	right:0;
}

.magnifier{
	position: relative;
    right: 36px;
}

.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    padding: 0.5em 3em 0.5em 1em !important;
}




.title-set{
	vertical-align:middle;
}

/*more按鍵置中*/
.more-button{
	text-align:center;
}














/**主選單設定**/
/*首頁hover*/
.chocoindex{
	width: 104px;
	height: 48px;
	background-image: url(../images/list1.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.chocoindex a {
	display: block;
	width: 100%;
	height: 100%;
}
.chocoindex:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list1.5.png);*/  /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.chocoindex.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list1.5.png);*/  /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}



/*園區介紹hover*/
.aboutpark{
	width: 104px;
	height: 48px;
	background-image: url(../images/list2.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.aboutpark a {
	display: block;
	width: 100%;
	height: 100%;
}
.aboutpark:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list2.5.png);*/   /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.aboutpark.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list2.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}





/*最新消息hover*/
.choconews{
	width: 104px;
	height: 48px;
	background-image: url(../images/list3.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.choconews a {
	display: block;
	width: 100%;
	height: 100%;
}
.choconews:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list3.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.choconews.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list3.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}






/*關於我們hover*/
.aboutus{
	width: 104px;
	height: 48px;
	background-image: url(../images/list4.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.aboutus a {
	display: block;
	width: 100%;
	height: 100%;
}
.aboutus:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list4.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.aboutus.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list4.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}




/*品牌商品hover*/
.brandproducts{
	width: 104px;
	height: 48px;
	background-image: url(../images/list5.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.brandproducts a {
	display: block;
	width: 100%;
	height: 100%;
}
.brandproducts:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list5.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.brandproducts.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list5.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}



/*免運專區hover*/
.norate{
	width: 104px;
	height: 48px;
	background-image: url(../images/list6.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.norate a {
	display: block;
	width: 100%;
	height: 100%;
}
.norate:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list6.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.norate.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list6.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}



/*限時搶購hover*/
.timelimitsale{
	width: 104px;
	height: 48px;
	background-image: url(../images/list7.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.timelimitsale a {
	display: block;
	width: 100%;
	height: 100%;
}
.timelimitsale:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list7.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.timelimitsale.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list7.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}


/*團購hover*/
.groupbuy{
	width: 104px;
	height: 48px;
	background-image: url(../images/list8.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.groupbuy a {
	display: block;
	width: 100%;
	height: 100%;
}
.groupbuy:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list8.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.groupbuy.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list8.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

/*國際巡展hover*/
.nationalshowcase{
	width: 104px;
	height: 48px;
	background-image: url(../images/list9.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.nationalshowcase a {
	display: block;
	width: 100%;
	height: 100%;
}
.nationalshowcase:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list9.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.nationalshowcase.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list9.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}


/*客服中心hover*/
.services{
	width: 104px;
	height: 48px;
	background-image: url(../images/list10.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.services a {
	display: block;
	width: 100%;
	height: 100%;
}
.services:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list10.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.services.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list10.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}


/*嘻遊地圖hover*/
.playmaps{
	width: 104px;
	height: 48px;
	background-image: url(../images/list12.png);
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	background-repeat: no-repeat;
}
.playmaps a {
	display: block;
	width: 100%;
	height: 100%;
}
.playmaps:hover {
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list12.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}

.playmaps.active{
	/*-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;*/
	width: 104px;
	height: 48px;
	color:#000; /*2018-04-12編輯 by Alice.J*/
	/*background-image: url(../images/list12.5.png);*/ /*2018-04-12編輯 by Alice.J*/
	background-repeat: no-repeat;
}




/**內頁**/
.inpage-bg{
	width:100%;
	background:url(../images/inpage_bg.html) top center repeat;
}









/**首頁-好康發燒**/
.index-hot-wrap{
    /* display: inline-block; */
    padding: 2em; /*2017-04-17編輯*/
}

.index-hot-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:25px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#653015; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2; 
	padding: 1em 0 0 0;/*2017-06-02編輯*/
}


/**"更多"按鍵**/
.index-more-button{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: 500; 
	/*color:#653015;*/ /*2017-06-02編輯*/ 
	letter-spacing:1px;
	line-height:2;
	padding: 0.5em 1em 0.5em 1em;
	/*background-color:#ededed;*/ /*2017-06-02編輯*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/**首頁-最新消息**/
.index-news-sub-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#3e3a39; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:3;
	border-bottom:#3e3a39 1px solid;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.index-news-sub-txt a:link{
	color:#3e3a39;
}

.index-news-sub-txt a:visited{
	color:#3e3a39;
}

.index-news-sub-txt a:hover{
	color: #653015;
	-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-news-sub-txt a:active{
	color:#3e3a39;
}


/**首頁-品牌列表**/
.index-brandlist-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #653015;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
}


.index-brandlogo-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#3e3a39; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2; 
	/*padding: 1em;*//*2017-06-02編輯*/
	text-align:center; /*2017-06-02編輯*/
}

.index-brandlogo-title-ta{
	text-align:center;
}


/**首頁-品牌列表外包圍**/
.index-brand-wrap{
    /* display: inline-block; */
    padding: 1em; /*2017-06-02編輯*/
}


/**觀看更多品牌資訊icon**/
.more-brand{
	float: right;
	color:#653015;
}



/**首頁-熱搜關鍵詞**/
.index-search-keyw-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
	background-color:#BF322F;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
}


/**首頁-熱搜關鍵詞-品項列表**/
/**首頁-品項列表外包圍**/
.index-itemlist-wrap{
    /* display: inline-block; */
    padding: 1em; /*2017-06-02編輯*/
}

.index-itemlist-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #83411f;
    letter-spacing: 1px;
    line-height: 1.3;
	border-right:#666 1px solid;
}


/**首頁-熱搜關鍵詞文字群**/
.index-skw-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #83411f;
    letter-spacing: 1px;
    line-height: 1.3;
}


/**首頁-如何xxxxxx**/
.index-howtoxxxx-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
	background-color:#83411F;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	margin: 0 0.1em 0 0.1em;
}


.index-howtoxxxx-title a:link{
	color:#ffffff;
}

.index-howtoxxxx-title a:visited{
	color:#ffffff;
}

.index-howtoxxxx-title a:hover{
	color:#FFE42C;
	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;
}

.index-howtoxxxx-title a:active{
	color:#ffffff;
}

/**首頁-如何xxxxxx-箭頭**/
.arrow-set{
    padding: 0 0 0 1em;
}




/**首頁-精選推薦設定**/
.index-recommended-wrap{
    padding: 1em 0.5em 1em 0;
}


/**首頁-精選推薦-圖片名稱**/
.index-rpn-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#3e3a39; /*2017-06-02編輯*/
	background-color:#f6f6f8;
	letter-spacing:1px;
	line-height:2; 
	padding: 1em;/*2017-06-03編輯*/
	text-align:center; /*2017-06-02編輯*/
}


/**首頁-人氣排行-圖片名稱**/
.index-ranking-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#3e3a39; /*2017-06-02編輯*/
	background-color:#f6f6f8;
	letter-spacing:1px;
	line-height:2; 
	padding: 1em;/*2017-06-03編輯*/
	text-align:center; /*2017-06-02編輯*/
	min-height: 320px;
	position:relative;

}



/**首頁-人氣排行設定**/
.index-ranking-wrap {
    padding: 0 0.5em 1em 0.5em;
}




/**首頁-人氣排行-價格外包圍**/
.index-ranking-price-wrap{
	position:absolute;
	bottom:0;
	right:0;
	padding: 1em;
}

/**首頁-人氣排行-價格**/
.index-ranking-price{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight: 600; /*2017-06-03編輯*/
	color:#ff1a65; /*2017-06-03編輯*/
	letter-spacing:1px;
	line-height:2;
	text-align:right; /*2017-06-03編輯*/
}

/**首頁-人氣排行-原價+刪除線**/
.index-ranking-originalprice{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: 500; /*2017-06-03編輯*/
	color:#7b7b7b; /*2017-06-03編輯*/
	letter-spacing:1px;
	line-height:2;
	text-align:right; /*2017-06-03編輯*/
	text-decoration:line-through;
}





/**聯絡我們**/
.contact-banner-pic{
    width: 100%;
    height: 529px;
    background: url(../images/contact_bg.html) top center no-repeat;
}

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

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

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

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

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

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

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

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

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

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



/*星號顏色*/
.star-set{
	color:#ff4f95;
	font-size: 24px;
    vertical-align: -webkit-baseline-middle;
}



/**z-index設定**/
.zi-set{
	z-index: 9999;
    position: relative;
	text-align: center; /*2017-06-02編輯*/
}






/**路徑設定**/
.bread {
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width:100%;
	text-align:left; /*2017-04-21編輯*/
    font-size: 14px;
    color: #3e3a39;
	padding:1.5em 0 0 0;
	line-height:2.2;
	
}
	
.bread a i {
    font-size: 18px;
}

.color-333{
	color:#9fa0a0;
}

.color-home{
	color:#9fa0a0; /*2017-06-03編輯*/
}

.color-home:link{
	color:#9fa0a0;
}

.color-home:visited{
	color:#9fa0a0;
}

.color-home:hover{
	color:#653015;
	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:active{
	color:#9fa0a0;
}





















/**分頁設定**/
.navi-no-bg{
	background-color:transparent !important;
}

.navi-margin-set{
	margin:3em;
}





/**內頁-園區介紹-分類外包圍**/
.ap-item-wrap {
    display: inline-block;
    padding: 0.5em;
}

/**內頁-園區介紹-分類下文字說明**/
.ap-sub-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #545252;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0 1em 0 1em;
}

/**內頁-園區介紹-分類選項一**/
.ap-item1{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item1:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item1:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item1:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item1.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項二**/
.ap-item2{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item2:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item2:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item2:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item2.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項三**/
.ap-item3{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item3:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item3:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item3:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item3.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項四**/
.ap-item4{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item4:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item4:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item4:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item4.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項五**/
.ap-item5{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item5:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item5:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item5:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item5.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項六**/
.ap-item6{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item6:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item6:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item6:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item6.active{
	color:#FFE42C;
	background-color:#54311E;
}


/**內頁-園區介紹-分類選項七**/
.ap-item7{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item7:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item7:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item7:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item7.active{
	color:#FFE42C;
	background-color:#54311E;
}


/**內頁-園區介紹-分類選項八**/
.ap-item8{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item8:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item8:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item8:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item8.active{
	color:#FFE42C;
	background-color:#54311E;
}


/**內頁-園區介紹-分類選項九**/
.ap-item9{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item9:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item9:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item9:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item9.active{
	color:#FFE42C;
	background-color:#54311E;
}

/**內頁-園區介紹-分類選項十**/
.ap-item10{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
	background-color:#89432A;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 1em 0 1em;
}


.ap-item10:link{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item10:visited{
	color: #ffffff;
	background-color:#89432A;
}

.ap-item10:hover{
	color:#FFE42C;
	background-color:#54311E;
	-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;
}

.ap-item10.active{
	color:#FFE42C;
	background-color:#54311E;
}




/**內頁-最新消息左側欄設定**/
.nws-leftmenu{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	border:#898989 1px solid;
	margin: 0.5em;
}

.nws-leftmenu-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #3E3A39;
	background-color:#F1F1F1;
    letter-spacing: 1px;
    line-height: 3;
	padding: 0 1em 0 1em;
}



.nws-leftmenu-item{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #B5B5B6;
    letter-spacing: 1px;
    line-height: 3;
	padding: 0 1em 0 3em;
}



.nws-leftmenu-item a:link{
	color: #2f2f2f;
}

.nws-leftmenu-item a:visited{
	color: #2f2f2f;
}

.nws-leftmenu-item a:hover{
	color:#653015;
	-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;
}

.nws-leftmenu-item.active{
	color: #B5B5B6;
}


/**最新消息右側外包圍**/
.nws-rightmenu-wrap{
	margin:0.5em 0.5em 3em 0.5em;
	border-bottom:#960 1px solid;
}



/**最新消息右側標題**/
.nws-rightmenu-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #ff0000;
    letter-spacing: 1px;
    line-height: 2;
	border-bottom:#666 1px solid;
}



/**最新消息右側外包圍**/
.nws-rightmenu-ctn-wrap{
	margin:2em;
}


.nws-rightmenu-ctn-wrap:hover{
	border:#930 5px solid;
	padding:1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-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;
}




/**最新消息右側消息欄文字標題**/
.nws-rightmenu-ctn-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #653015;
    letter-spacing: 1px;
    line-height: 2;
}


/**最新消息右側消息欄內文**/
.nws-rightmenu-ctn-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #3E3A39;
    letter-spacing: 1px;
    line-height: 2;
}

/**最新消息-詳細頁右側內容外包圍**/
.nwsdtl-rightmenu-ctn-wrap{
	margin:1em;
}





/*關於我們文字設定*/
.abus-title-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #76584e;
    letter-spacing: 1px;
    line-height: 2;
}






/**內頁-品牌商品banner圖下方4個選項**/
.bp-items-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #7d7d7d;
	border-right:#960 1px solid;
	background-color:#ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	margin: 0 0.1em 0 0.1em;
}


.bp-items-title:hover{
	color:#ffffff;
	background-color:#89432a;
	-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;
}




/**大banner底下的選項**/
.bp-itemslast-title{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #7d7d7d;
	background-color:#ffffff;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
	margin: 0 0.1em 0 0.1em;
}

.bp-itemslast-title:hover{
	color:#ffffff;
	background-color:#89432a;
	-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;
}




/*品牌商品-欄位背景設定*/
.bp-item2-bg{
    background:#efefef top center repeat;
}


/*品牌商品-第二欄外包圍*/
.bp-item2-wrap{
	padding:1em;
}

/*品牌商品-第二欄標題*/
.bp-item2-title-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #89432a;
	background-color:#ffffff;
    letter-spacing: 1px;
    line-height: 2;
	padding:0 0 0 1em;
}

/*品牌商品-第二欄價格欄*/
.bp-item2-price-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
	background-color:#89432a;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em 0 0.5em 1em;
	position:relative;
}

/*品牌商品-第二欄價格欄-原價刪除線*/
.bp-item2-op-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
	text-decoration:line-through;
}



/*品牌商品-熱門分類外包圍*/
.bp-hotitem-wrap{
    padding:2em;
}

/*品牌商品-熱門分類標題*/
.bp-hotitem-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #703018;
    letter-spacing: 1px;
    line-height: 2;
}

/*品牌商品-熱門分類分類群*/
.bp-hotitem-group-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4e4e4e;
    letter-spacing: 1px;
    line-height: 2;
}

.bp-hotitem-group-txt a:link{
	color: #4e4e4e;
}

.bp-hotitem-group-txt a:visited{
	color: #4e4e4e;
}

.bp-hotitem-group-txt a:hover{
	color:#e8640c;
	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;
}

.bp-hotitem-group-txt a:active{
	color: #4e4e4e;
}


/*分隔線*/
.bp-hotitem-group-line{
    color: #4e4e4e;
	border-right:#4e4e4e 1px solid;
	letter-spacing: 2px;
	padding: 0 0.5em 0 0.5em;
}



/*品牌商品-觀看更多內容*/
.bp-more-ctn{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width:20%;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
	background-color:#d5d5d5;
    letter-spacing: 1px;
    line-height: 2;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:inline-block;
}


.bp-more-ctn:hover{
	color: #ffffff;
	background-color:#8FC31F;
	-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;
}


/*免運專區*/
/*商品搜尋範圍*/
.norate-lefttitle{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 2;
}

/*商品分類*/
.norate-lefpitems-wrap{
	padding:2em 0 2em 0;
	border-bottom:#960 1px solid;
}

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


.norate-lefpitems a:link{
	color: #2f2f2f;
}

.norate-lefpitems a:visited{
	color: #2f2f2f;
}

.norate-lefpitems a:hover{
	color:#6b2d18;
	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;
}

.norate-lefpitems a:active{
	color: #2f2f2f;
}


/*找到符合的條件*/
.norate-rightsearch{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight:300;
    color: #2f2f2f;
	background-color:#f3f3f3;
    letter-spacing: 1px;
    line-height: 2;
	padding:1em 0 1em 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/*免運商品欄外包圍*/
.norate-products-wrap{
	padding:2em 0 2em 0;
	border-bottom:#c9caca 1px dotted;
}


/*個別免運商品欄外包圍*/
.norate-pp-wrap{
	position:relative;
	padding: 1em;

}

/*免運商品標題*/
.norate-rightproductstitle{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight:300;
    color: #464646;
    letter-spacing: 1px;
    line-height: 2;
	text-align:center;
}


/*免運商品價格*/
.norate-rightproductsprice{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight:300;
    color: #fe538f;
    letter-spacing: 1px;
    line-height: 2;
	text-align:center;
	
}


/*免運ICON*/
.norate-productsicon{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight:300;
    color: #ffffff;
	background-color:#fe538f;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
    letter-spacing: 1px;
    line-height: 2;
	padding: 1em;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
}


/*排序文字設定*/
.norate-lineup{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 2;
	border-bottom:#c9caca 1px dotted;
	float: right;
}



/*金額*/
.norate-searchprice-wrap{
	padding:2em 0 2em 0;
}



/**金額區間按鍵**/
.price-send{
	width: 20%;
	background-color:#f2f2f2;
	border:#666 1px solid;
	padding:0.5em 1em 0.5em 1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}


/**搜尋框**/
.search-box-wrap{
	position:relative;
}


/**搜尋框-放大鏡**/
.search-box-button{
	position:absolute;
	right:0;
	top:0;
}

/*限時搶購-網友好評外包圍*/
.webfriendgoods-wrap{
	position:absolute;
	bottom: 15px;
    right: 15px;
}

/*折數＋熱銷商品＋網友好評外包圍*/
.combo-wrap{
	display:block;
}



/*限時搶購-網友好評*/
.webfriendgoods{
	color:#89432a;
	background-color:#ffffff;
	letter-spacing: 1px;
    line-height: 2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align:center;
	display:inline-block;
	padding: 0.2em 1em 0.2em 1em;
}

/*限時搶購-破千搶購*/
.webfriendgoods2{
	color:#ffffff;
	border:#ffffff 1px solid;
	letter-spacing: 1px;
    line-height: 2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align:center;
	display:inline-block;
	padding: 0.2em 1em 0.2em 1em;
}


/*限時搶購-折數*/
.webfriendgoods3{
	color:#F60;
	background-color:#ffffff;
	letter-spacing: 1px;
    line-height: 2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align:center;
	display:inline-block;
	padding: 0.2em 1em 0.2em 1em;
}




/**時間倒數設定**/
.timesup-set{
	text-align:center;
	position:relative;
}


/**時間倒數欄位外包圍**/
.timesup-set-wrap{
	position:absolute;
	bottom: 20px;
    right: 20px;
}

/**時間倒數計時器背景設定**/
.timesup-set-bg{
    background: #000000;
    color: #fff;
	letter-spacing: 1px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}



/*團購-最新*/
.group-new-txt{
    color: #d9cd18;
	letter-spacing: 2px;
	padding: 0 0.5em 0 0.5em;
}

.group-new-txt a:link{
	color: #d9cd18;
}

.group-new-txt a:visited{
	color: #d9cd18;
}

.group-new-txt a:hover{
	color: #d9cd18;
	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;
}

.group-new-txt a:active{
	color: #d9cd18;
}




/*團購-倒數*/
.group-reciprocal-txt{
	color: #fc660b;
	letter-spacing: 2px;
	padding: 0 0.5em 0 0.5em;
}

.group-reciprocal-txt a:link{
	color: #fc660b;
}

.group-reciprocal-txt a:visited{
	color: #fc660b;
}

.group-reciprocal-txt a:hover{
	color: #fc660b;
	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;
}

.group-reciprocal-txt a:active{
	color: #fc660b;
}

/*團購-分類*/
.group-item-txt{
    color: #4e4e4e;
	letter-spacing: 2px;
	padding: 0 0.5em 0 0.5em;
}


/*團購-地區選擇*/
.group-area{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight:300;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 2;
	display:inline-block;
}


/*團購-分類選項*/
.group-itemclass-txt{
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4e4e4e;
    letter-spacing: 1px;
    line-height: 2;
	display:inline-block;
}



/**團購-第一張banner圖**/
.group-firstbanner{
	width:100%;
	display:inline-block;
	
}


/**團購-第一張banner圖旁邊的選單包圍**/
.group-firstbanner-rmenu-wrap{
	/*display:inline-block;*/
	/*border:#ffffff 1px solid;*/
}

/**團購-第一張banner圖外包圍**/
.group-firstbanner-pics-wrap{
	display:inline-block;
}



/**團購-第一張banner圖旁邊的個別選單**/
.group-firstbanner-rmenu1{
	border-bottom:#979797 1px dashed;
	padding: 0.5em;
}



.group-firstbanner-rmenutitle{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:400; 
	color:#502c1e;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}




.group-firstbanner-rmenusub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#502c1e;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group-firstbanner-rmenuprice{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#ff4700;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



/*團購-banner旁第一個選單*/
.group-firstbanner-specialrmenu1{
	background-color:#2f1812;
	border-bottom:#979797 1px dashed;
	padding: 0.5em;
}


.group-firstbanner-specialrmenutitle{
	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; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}




.group-firstbanner-specialrmenusub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#fc81cf;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group-pricesale{
	text-decoration:line-through;
}

.group-sold{
	color:#ffffff;
}


.group-pic-titlesub-wrap{
	padding: 1em 0 1em 0;
	border-bottom:#979797 1px dashed;
}

.group-pic-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#ff5d00;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group-pic-subtxt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:400; 
	color:#575757;
	letter-spacing:1px;
	line-height: 2; 
	width:100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.group-pic-price-bbutton-wrap{
	position:relative;
	padding: 1em 0 1em 0;
}


.group-pic-price-wrap{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#0066fe;
	letter-spacing:1px;
	line-height: 2;
}


.group-pic-oldprice{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:400; 
	color:#9e9e9e;
	letter-spacing:1px;
	line-height: 2;
	display: block;
}


.group-pic-buybutton{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#ffffff;
	background-color:#4b4032;
	letter-spacing:1px;
	line-height: 2;
	padding: 0.5em 2em 0.5em 2em;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
}

.group-pic-buybutton:hover{
	color:#ffffff;
	background-color:#d98418;
	-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;
}



/*團購-熱銷排行*/
.group-hotsale-txt-wrap{
	background: rgba(146,104,60,1);
	background: -moz-linear-gradient(top, rgba(146,104,60,1) 0%, rgba(75,64,50,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146,104,60,1)), color-stop(100%, rgba(75,64,50,1)));
	background: -webkit-linear-gradient(top, rgba(146,104,60,1) 0%, rgba(75,64,50,1) 100%);
	background: -o-linear-gradient(top, rgba(146,104,60,1) 0%, rgba(75,64,50,1) 100%);
	background: -ms-linear-gradient(top, rgba(146,104,60,1) 0%, rgba(75,64,50,1) 100%);
	background: linear-gradient(to bottom, rgba(146,104,60,1) 0%, rgba(75,64,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92683c', endColorstr='#4b4032', GradientType=0 );
	text-align:center;
}

/*團購-熱銷排行-標題*/
.ght-title{
	background-color:#f2f4f5;
	border:#bfbfbf 1px dashed;
	padding: 0.5em;
}


.ght-img{
	position:relative;
}

.ght{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
	letter-spacing: 1px;
    line-height: 2;
}


.ght-number{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
	background-color:#F00;
	letter-spacing: 1px;
    line-height: 0.5;
	padding:1em;
	position:absolute;
	left:0;
	top:0;
}


/*團購-最後一天*/
.group-finalday-txt-wrap{
	background: rgba(145,67,51,1);
background: -moz-linear-gradient(top, rgba(145,67,51,1) 0%, rgba(114,39,26,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,67,51,1)), color-stop(100%, rgba(114,39,26,1)));
background: -webkit-linear-gradient(top, rgba(145,67,51,1) 0%, rgba(114,39,26,1) 100%);
background: -o-linear-gradient(top, rgba(145,67,51,1) 0%, rgba(114,39,26,1) 100%);
background: -ms-linear-gradient(top, rgba(145,67,51,1) 0%, rgba(114,39,26,1) 100%);
background: linear-gradient(to bottom, rgba(145,67,51,1) 0%, rgba(114,39,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914333', endColorstr='#72271a', GradientType=0 );
	text-align:center;
}



.group-pdtop{
	margin:1em 0 0 0;
}




/*購物車設定*/
.arrow-wrap{
	padding:2em;
}

.arrow-single-pad{
	padding:1em;
}




/*訂單明細*/
.cart-order-wrap{
	width:100%;
	background-color:#ffffff;
	border:#CCC 1px solid;
	padding:2em;
	margin:1em auto;
	-moz-box-shadow: 0px 4px 12px -5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 12px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 12px -5px rgba(0,0,0,0.5);
}


/*購物明細標題*/
.cart-order-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 2;
}


.cart-item-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #9b9da0;
    letter-spacing: 1px;
    line-height: 2;
}




/*購物車-第二步驟*/
/*付款及運送外包圍*/
.paynship-wrap{
	width:100%;
	background-color:#ffffff;
	border:#CCC 1px solid;
	margin:3em auto;
	box-shadow:0px 2px 8px 0px #000000;
}


/*付款及運送*/
.paynship-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
	background-color:#f1f1f1;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em 0 0.5em 1em;
}




/**購物完成頁**/
.shop-barcode-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
	text-align:center;
}

/**感謝話語**/
.thanks-sub{
	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 1em 0;
	border-bottom:#c9caca 1px solid;
}


/**期限**/
.term-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    color: #ff0000;
	text-decoration:underline;
}


/**列印繳費單**/
.print-paper{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	width:15%;
    font-size: 16px;
    font-weight: 400;
    color: #595757;
	background-color:#dddddd;
    letter-spacing: 1px;
    line-height: 2;
	padding:0.5em 1em 0.5em 1em;
	text-align: center;
    margin: 1em 0 1em 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.print-paper:hover{
	color: #ffffff;
	background-color:#595757;
	-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;
}



.barcode-wrap{
	width:100%;
	border:#000 3px solid;
	padding: 1em;
}




/**會員中心**/
.member-leftmenu-title{
	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: 3;
	padding: 0 1em 0 1em;
}


.member-leftmenu-title a:link{
	color: #3E3A39;
}

.member-leftmenu-title a:visited{
	color: #3E3A39;
}

.member-leftmenu-title a:hover{
	color: #3E3A39;
	-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-leftmenu-title a:active{
	color: #3E3A39;
}




.member-leftmenu-item{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #B5B5B6;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0 1em 0 3em;
}



/**右側欄外包圍**/
.right-member-wrap{
	padding:0 1em 0 1em;
}

/**右側欄會員標題**/
.right-member-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #6c2c15;
    letter-spacing: 1px;
    line-height: 2;
	border-bottom:#9fa0a0 1px solid;
}



/**訂單查詢**/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}


.order-search-wrap{
	padding:1em 0 5em 0;
}


/**顯示幾筆資料**/
.show-howmuch-data {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 2;
	display:inline-block;
}


.show-howmuch-dropdown{
    display:inline-block;
}

/**退貨需求留言欄寬度**/
.wc-form-set {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;
    width: 100% !important;
    min-height: 100px !important;
    padding: 0.5em !important;
    font-size: 15px !important;
}




/**退換貨**/
.app-tips{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#000000;
	font-size:16px;
	/*font-weight:bold;*/
	line-height: 2;
    letter-spacing: 1px;
	text-align: center;
	padding: 0 0 1em 0;
}

.app-color{
	color:#7ea4af;
}

.app-color a:link{
	color: #7ea4af;
}

.app-color a:visited{
	color: #7ea4af;
}

.app-color a:hover{
	color: #7ea4af !important;
	text-decoration:underline;
	-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-color a:active{
	color: #7ea4af;
}


/**社群連結平台**/
.sociallinks-title {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #595757;
    background-color: #f1f1f1;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 0 0.5em 1em;
}


.slt-pad{
	padding:0 0 0 0.5em;
	vertical-align: middle;
}



.slt-stitle{
	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;
}


.slt-stitle-wrap{
	padding:1em;
}


/**中斷連結按鈕**/
.slt-stitle-btn {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #595757;
    background-color: #dddddd;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 1em 0.5em 1em;
    text-align: center;
    margin: 1em 0 1em 0;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/ /*2017-06-17編輯*/
}


.slt-stitle-btn:hover{
	color: #ffffff;
	background-color:#595757;
	-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;
}



/**GOOGLE PLUS按鈕**/
.googleplus-btn {
    font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #F00;
	border:#F00 1px solid;
    letter-spacing: 1px;
    line-height: 2;
    padding: 0.5em 1em 0.5em 1em;
    text-align: center;
    margin: 1em 0 1em 0;
}


.googleplus-btn:hover {
    color: #ffffff;
	background-color:#F00;
	-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;
}


.googleplus-pad{
	padding:0 0 0 0.5em;
}



/**會員登入**/
.login-tips{
	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 1em 0.5em 1em;
}


/**使用條款**/
.use-tips{
	color: #2ea7e0;
	text-decoration:underline;
}

.use-tips:link{
	color: #2ea7e0;
}

.use-tips:visited{
	color: #2ea7e0;
}

.use-tips:hover{
	color: #45caff;
	text-decoration:underline;
	-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;
}

.use-tips:active{
	color: #2ea7e0;
}




/*商品詳細頁架構*/
/*外包圍*/
.area-wrap{
	padding:2em;
}


.ppdetail-margin-set{
    width: 100%;
    background-color: #ffffff;
    border: #CCC 1px solid;
    margin: 1em auto;
    box-shadow: 0px 2px 8px 0px #000000;
}


/*標題*/
.pproducts-dtl-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #89432a;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0;
}

/*描述*/
.pproducts-dtl-subtxt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #afa6a0;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0 0 1em 0;
}

/*商品詳細頁-破千搶購外包圍*/
.over-thousand-wrap{
	text-align: right;
	margin: 0 0 3em 0;
}

/*商品詳細頁-破千搶購*/
.over-thousand{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#f43453;
    border: #f43453 1px solid;
	letter-spacing: 1px;
    line-height: 2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    padding: 0.2em 1em 0.2em 1em;
}


/*商品詳細頁-倒數搶購時間外包圍*/
.reciprocal-time-wrap{
	margin:0;
}

/*商品詳細頁-倒數搶購時間*/
.reciprocal-time{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#000000;
	font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em;
	text-align: center;
}


/*時間倒數＋價格*/
.timeandprice{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#c9caca;
    border-bottom: #c9caca 1px solid;
	font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em;
}

.timeandprice-dtl{
	color:#f43453;
}

/*原價*/
.originaldprice-dtl{
	color:#f43453;
	text-decoration:line-through;
}

/*總金額*/
.total-dprice{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#f43453;
    border-bottom: #c9caca 1px solid;
	font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em;
	text-align: center;
}

.total-dprice-dtl{
	font-size:40px;
	font-weight: 600;
}


/*我要購買*/
.iwannabuyit{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#ffffff;
	background-color:#f43453;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em 1em 0.5em 1em;
	margin: 1em 0 1em 0;
	text-align: center;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iwannabuyit:hover{
	color:#ffffff;
	background-color:#f96985;
	-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;

}


/*多少人已搶購*/
.verymuchpeoplebuy{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#595757;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
	padding: 1em;
	text-align: center;
}

/*FB LIKE*/
.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%;
}


.iwannabuyit2{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color:#ffffff;
	background-color: #CC6600;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 2;
	padding: 0.5em 1em 0.5em 1em;
	margin: 1em 0 1em 0;
	text-align: center;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iwannabuyit2:hover{
	color:#ffffff;
	background-color: #B97313;
	-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;

}



/**商品詳細介紹員標題**/
.ppdtl-title-txt{
	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;
	border-bottom:#9fa0a0 1px solid;
	margin: 0 0 1em 0;
}


/**商品詳細介紹員內文**/
.ppdtl-subbb-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #595757;
    letter-spacing: 1px;
    line-height: 2;
}

@media (max-width: 1023px) {
	.ppdtl-subbb-txt > p > img{
		width:100% !important;
		height:auto !important;
	}
}


@media (min-width: 768px) {
	#phhidden {
		display:block;
	}
}
@media (max-width: 767px) {
	#phhidden {
		display:none;
	}
}


/*相關推薦*/
.recommend-pic-set{
	padding:0.5em 0 0.5em 0;
}


/*商品詳細頁-時間計數器*/
.ppdtl-time-txt-bg{
	font-size:22px;
    background: #000000;
    color: #fff;
	letter-spacing: 1px;
	padding:0.5em 1em 0.5em 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

	





/*客服中心*/
.cntct-point-tips{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#ffffff;
	background-color:#939393;
	width: 100%;
	font-size:15px;
	/*font-weight:bold;*/
	line-height: 2;
    letter-spacing: 1px;
	text-align: center;
	margin: 2em 0 2em 0;
}
    
	
.service-ctn{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	color:#000000;
	width: 100%;
	font-size:15px;
	/*font-weight:bold;*/
	line-height: 2;
    letter-spacing: 1px;
	margin: 2em 0 2em 0;
	padding: 0 0 2em 0;
	border-bottom-style:dashed;
    border-bottom-color: #9b9b9b;
    border-bottom-width: thin;
}
/*聯絡我們文字*/
.cntct-color{
	color:#7ea4af;
}

.cntct-color:link{
	color:#7ea4af;
}

.cntct-color:visited{
	color:#7ea4af;
}

.cntct-color:hover{
	color:#7ea4af;
	text-decoration:underline;
	-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-color:active{
	color:#7ea4af;
}


.red-dot {
    padding: 0.5em 0.5em 0.5em 0;
}



.message-form-set{
	min-height:200px;
}


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

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

.data-set{
	text-align: left !important;
}

.county-set{
	width:15%;
}

.cancel-bottom{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	font-size: 18px;
	color:#ffffff;
	background-color:#9b9da0; /*2017-06-16編輯*/
	/*border:solid 1px #9fa0a0;*/
	width: 90%;
	text-align:center;
	border-radius: 5px;
	margin: 3em auto;
	line-height: 2;
    letter-spacing: 2px;
    vertical-align: middle;
	-moz-box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
	box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
}
.cancel-bottom:hover{
	color:#ffffff;
	background-color:#cccccc; /*2017-06-16編輯*/
	/*border:solid 1px #9fa0a0;*/
	-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;
	text-decoration:none !important;
}

.sand-bottom{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif ;
	font-size: 18px;
	color:#ffffff;
	background-color:#6c2c15; /*2017-06-16編輯*/
	width: 90%;
	text-align:center;
	border-radius: 5px;
	margin: 3em auto;
	line-height: 2;
    letter-spacing: 2px;
    vertical-align: middle;
	-moz-box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
	box-shadow:0px 4px 12px -5px rgba(0,0,0,0.5);
}
.sand-bottom:hover{
	background-color:#956134; /*2017-06-16編輯*/
	-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;
	text-decoration:none !important;
}

.date-pad-set{
	margin: 0 0.5em 0 0;
	padding: 0 !important;
}

.form-margin-set{
	margin-bottom:1em !important;
}


.cf-pa-set{
	padding: 0 16em 0 21em;
}


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



/**2017-06-03編輯**/
.pure-form select {
    height: 2.3em !important;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

/*.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: 0.5em 1em !important;
}*/ /*2017-06-16編輯*/


.pure-form select{
    padding: 0 .6em !important; /*2017-06-03編輯*/
}

/**表單範例文字**/
.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{
	width:80% !important;
	min-height: 200px;
}





/**首頁foot-標題設定**/
.index-foot-wrap{
    /* display: inline-block; */
    padding: 1em; /*2017-06-02編輯*/
	position:relative; /*2017-06-02編輯*/
}

.index-foot-title{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#333; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2;
}

.index-foot-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight: 400; /*2017-06-02編輯*/
	color:#231815; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2;
}

/**首頁foot-臉書設定**/
.index-foot-transarea{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight: 500; /*2017-06-02編輯*/
	color:#653015; /*2017-06-02編輯*/
	background-color:rgba(255,255,255,0.4); /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2;
	margin-top: 0.3em; /*2017-06-02編輯*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.index-foot-transarea-sub{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 400; /*2017-06-02編輯*/
	color:#231815; /*2017-06-02編輯*/
	letter-spacing:1px;
	line-height:2;
	padding: 2em 1em 1em 1em;/*2017-06-02編輯*/
}

.index-foot-transarea-sub a:link{
	color:#231815;
}

.index-foot-transarea-sub a:visited{
	color:#231815;
}

.index-foot-transarea-sub a:hover{
	color:#653015;
	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;
}

.index-foot-transarea-sub a:active{
	color:#231815;
}

.index-fb-title{
	position:absolute;
	top:0;
	left:0;
}
















/**FOOT設定**/
.foot-all-wrap{
	width:100%;
	/*height:332px;*/ /*2017-03-09編輯*/
	/*background:url(../images/foot_right_choco.png) bottom right no-repeat;*/    /*2017-06-02編輯*/    /*2018-04-12 隱藏巧克力*/
	background-color:#efefef; /*2017-06-02編輯*/
}

.foot-info{
	display:block;
}

/**foot-公司簡介間距設定**/
.foot-abs{
	padding-left: 0em !important; /*2017-04-18編輯*/
}





.foot-info-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;/*2017-04-17編輯*/
	/*background-color:#ffffff;*/ /*2017-06-02編輯*/
	font-size:15px;
	color:#383838;
	letter-spacing:1px;
	line-height:1.5;
	/*padding: 1em;*/ /*2017-03-07編輯*/
}

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

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

.foot-info-txt a:hover{
	color: #0071BC; /*2017-04-18編輯*/
	text-decoration:underline;
	background-color:transparent !important; /*2017-04-18編輯*/
	-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: #383838;
}

.foot-pd{
	padding:1em;
}

/*社群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%;
	/*background-color:#0071BC;*/ /*2017-06-02編輯*/
	text-align:center;
    margin:0 auto;
}

.copyright-info-txt{
	font-family: Heiti TC, 'Noto Sans TC', "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#231815; /*2017-06-02編輯*/
	text-align:center;
	margin:0 auto;
	padding: 15px;
	display:inline-block;
	letter-spacing: 1px;
	line-height: 1.5;
}



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


/**間距設定**/
.our-vision-pdt{
	padding-top: 2em; /*2017-06-02編輯*/
}

.page-abs-pdt{
	padding: 2em 0 5em 0; /*2017-04-25編輯*/
}

.index-prdcts-pdt{
	padding: 3em 0 3em 0;
}

.foot-spacing{
	padding: 2em 0 2em 0; /*2017-04-17編輯*/
}

.ip-pdb{
	padding-bottom:3em;
}

.pdbb{
	padding:3em 0 3em 0; /*2017-06-03編輯*/
}

.htdpdbb{
	padding:2em 0 1em 0;
}

.nna-pd{
	padding:1em;
}

.btn-pddng{
	padding:2em;
}

.cntct-right-item{
	padding-top: 3em;
}



.svc-btn-pddng{
	padding:3em;
}

.abs-pd{
	padding-top: 3.9em;
}

.abs-girl-pd{
	padding-top: 14em;
}


.cart-form-set{
	margin: 1em 0 3em 0;
}


/**強制pure-img執行inline-block**/
.index-news-title-pic{
	display:inline-block !important;
}

/**垂直置中**/
.va-set{
	vertical-align:middle !important;
}

/**置中**/
.ta-set{
	text-align:center;
}

/**發光**/
.light-img {
    max-width: 100%;
	height:auto;
	
	/*--動畫--*/
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.light-img:hover {
	-webkit-filter: drop-shadow(0px 0px 7px white);
    filter: drop-shadow(0px 0px 7px white);
	 
}

/**圖片滑鼠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%;
}


/**首頁飲品介紹大圓形圖片效果**/
.ihtd-circular-landscape{
    display:inline-block;
    position:relative;
    /*width:366px;
    height:366px;*/ /*2017-03-14編輯*/
    overflow:hidden;
    border-radius:50%;
}

.ihtd-circular-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;
}
/****固定設定區-結束****/
























@media (max-width: 1366px){
.ip-star {
    right: 46%;
}
#slider {
    margin: 0 auto 0 auto !important;
}
}


@media (max-width: 1280px){
.ctn-width{
	width:95%;
	margin:0 auto 0 auto;
}
}


@media (min-width: 1276px){
.m-menu-list{
	display:none;
}

.m-ic-search-wrap{
	display:none;
}
}
/*2017-03-09編輯*/




@media (min-width: 1195px){
.m-head{
	display:none;
}
}


@media (max-width: 1152px){
#demo-b {
  display:none;
}
}

@media (max-width: 1151px){
#demo-b {
  display:none;
}
.ml-cart-wrap{
	display:none;
}
}



@media (max-width: 1126px){
.cntct-left-bl{
	border-bottom:#666 1px solid ;
}
}



/*@media (max-width: 1160px){
.top-row{
	display:block;
	width:100%;
	height:2em;
	background: #ff4f95; 
}
}*/
/*2017-03-06編輯*/






@media (max-width: 1024px){
.ctn-width{
	width:95%;
	margin:0 auto 0 auto;
}
.ip-star {
    right: 45%;
}
.abs-bg-pic{
	background:url(../images/1024_abs_bg.html) bottom center no-repeat;
}
.top-head-bg {
    height: 130px;
}
.cf-pa-set{
	padding: 0 9em 0 14em;
}
.print-paper{
	width:100%;
}
}


@media (max-width: 768px){
.ctn-width{
	width:95%;
	margin:0 auto 0 auto;
}
.ctn-all-width {
    width: 80%;
    margin: 0 auto 0 auto;
}
.ip-star {
    right: 43%;
}
.social-icon-wrap {
    padding-top: 1em;
}
.si-pd-set{
	padding:0;
}
/*.foot-all-wrap{
	background:url(../images/foot_bg_long.png) top center no-repeat;
}*/ /*2017-04-24編輯*/
.htd-title {
    height: 1595px;
    background: url(../images/m-howtodrinks.html) top center no-repeat;
}
.htd-all-wrap {
    height: 1230px;
    background: url(../images/m-htd-slide-bg.html) top center no-repeat;
    padding: 2em 2em 2em 2em;
}
.htd-circle-pic-wrap {
	text-align:center;
}
.htd-more-button{
	padding-top:3em;
}
.abs-girl-pd {
    padding-top: 8em;
}
.title-set {
    vertical-align: middle;
    text-align: center;
}
.abs-bg-pic{
	background:url(../images/768_abs_bg.html) bottom center no-repeat;
}
.page-abs-txt {
	padding: 1em 0 6em 0;
}
.abs-girl-pd {
    padding-top: 4em;
}
.form-width {
    width: 100% !important;
}
.captcha-form-width{
	width: 100% !important;
}
.pure-form-aligned .pure-control-group label {
    display: block !important;
}
.index-an-all-wrap {
    height: 550px;
}
.page-abs-pdt {
    padding: 1em;
}
.sale-tr-set {
    text-align: center;
    padding: 0 0 1em 0;
}
.form-title-width {
    width: 100% !important;
}
.top-head{
	text-align: center;
} /*2017-06-02編輯*/


.index-ranking-title {
    min-height: 200px;
}
.foot-all-wrap {
	background-image:none;
}
.bp-item2-wrap {
    padding: 1em 0;
}
.cntctw-form-set{
	width: 100%!important;
	margin: 1em 0 1em 0 !important;
}
.cn-form-set{
	width: 100% !important;
	margin: 1em 0 1em 0 !important;
} 
.cf-pa-set{
	padding: 0;
}
.reciprocal-time-wrap{
	text-align: center;
}
.over-thousand-wrap {
    text-align: center;
	margin:0;
}

}



@media (max-width: 736px){
.ctn-width{
	width:95%;
	margin:0 auto 0 auto;
}
.foot-info {
    padding: 2em 0 0 0;
}
.foot-spacing {
    padding: 2em 0 3em 0;
}
.abs-bg-pic{
	background:url(../images/m667-abs_bg.html) bottom center no-repeat;
}
.page-abs-txt {
    padding: 1em 0 9em 0;
}
.index-an-bg {
    width: 100%;
    height: 1296px;
    background: url(../images/m_aboutnews_bg.html) top center no-repeat;
}
.pen-flower{
	display:none;
}
.page-contact-wrap {
    padding: 1em;
}
.form-sample-txt{
	display:block;
}
.page-newsdtl-wrap {
    text-align: center;
}
.index-itemlist-title {
	line-height: 3;
    border-right: none;
	border-bottom: #666 1px solid;
	text-align: center;
}
.index-howtoxxxx-title {
    margin: 1em 0 0 0;
}
.bp-items-title {
    border-right: none;
	border-bottom: #960 1px solid;
}
.norate-lineup {
    float: none;
    text-align: center;
}
.arrow-center{
	text-align:center;
}
/**中斷連結按鈕**/
.slt-stitle-btn {
    width: 100%;
}
}


@media (max-width: 667px){
.page-abs-txt {
    padding: 1em 0 5em 0;
}
}


@media (max-width: 568px){
.hiroki-u-ss-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;
}
.ip-star {
    right: 43%;
}
.foot-spacing {
    padding: 1em 0 2em 0;
}
.abs-girl-pd {
    padding-top: 0;
}
.abs-bg-pic{
	background:url(../images/m568-abs_bg.html) bottom center no-repeat;
}
.page-abs-txt {
    padding: 1em 0 2em 0;
}
.index-news-item-wrap {
    text-align: center;
}
.index-aboutusnews-line {
    text-align: center;
}
.foot-pd {
    text-align: center;
}
.index-hot-wrap {
    /* display: inline-block; */
    padding: 1em;
}
.index-ranking-title {
    min-height: 150px;
}
.search-tool {
    position: relative;
    top: 1em;
    margin: 0 auto;
}

}



@media only screen and (max-width: 480px){
.pure-form input:not([type]), .pure-form input[type=text], .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=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form label {
    display: inline-block !important;
}

.pure-form button[type=submit] {
    margin:0 !important;
}
}



@media (max-width: 414px){
.ctn-width{
	width:90%;
	margin:0 auto 0 auto;
}
.ip-star {
    right: 40%;
}

.m-search-tool {
    display: inline-block;
    padding: 1em;
}
.m-magnifier {
    right: -93px;
    top: -32px;
}
.abs-bg-pic{
	background:url(../images/m-abs_bg.html) bottom center no-repeat;
}
.page-abs-txt {
    padding: 1em 0 6em 0;
}
.tr-set {
	position: relative;
    display: block;
}
.mr-set-txt {
    text-align: center;
}
.form-sample-txt{
	text-align:center;
}
.page-abs-content {
    padding: 1em;
}
.webfriendgoods-wrap {
    position: relative;
    bottom: 0;
    right: 0;
}
}


@media (max-width: 375px){
.abs-bg-pic{
	background:url(../images/m375-abs_bg.html) bottom center no-repeat;
}
.abs-girl-pd {
    padding-top: 4em;
}
}

@media (max-width: 320px){
.ip-star {
    right: 35%;
}
.abs-bg-pic{
	background:url(../images/m320-abs_bg.html) bottom center no-repeat;
}
.abs-girl-pd {
    padding-top: 0;
}
.page-abs-txt {
    padding: 1em 0 10em 0;
}
.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    padding: 0.5em 1em 0.5em 1em !important;
}
}