@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* CSS Document */

/*html, body { height: 100%;}*/
body {
	max-width: 720px;
	margin: 0 auto;
	font-family: "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
	font-size: 16px;
	line-height: 1.33;
	color: #333;
	background: #fff;
	-webkit-transition: margin-left 0.3s;
	-moz-transition: margin-left 0.3s;
	-ms-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
}

/* 常用樣式 */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"] { 
	display:inline-block; vertical-align:middle; padding:0 8px; height: 40px; line-height: 40px; font-size: 14px; background: #fff; border-radius: 0; border: 1px solid #ddd; box-sizing:border-box; -webkit-appearance: none;}
input[type="submit"], input[type="button"], input[type="reset"], button { height: 40px; -webkit-appearance: none; box-sizing:border-box;}
input[type="checkbox"],input[type="radio"] { margin: 0; width:26px; height:26px; vertical-align:middle;}
select { border:1px solid #ddd; display:inline-block; vertical-align:middle; padding: 0 5px; height:40px; line-height: 40px; background: #fff; border-radius: 0; font-size: 14px; box-sizing:border-box;}
select:disabled, input:disabled { background: #f2f2f2; color: #aaa; border-color: #eee;	text-shadow: 0 1px 1px #fff; cursor: default;}
textarea{ border:1px solid #ddd;}
input.hideinput { display: block; visibility:hidden; width:0px; height:0; padding:0 !important; border:0; overflow: hidden;}
img { vertical-align: middle; max-width: 100%; height: auto;}
.hr_dot { margin: 0.5em 0; padding: 0; height: 0; border-top:dashed 1px #ddd;}

a { color:inherit;
	text-decoration: none;
	-o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
a:active,a:focus{ text-decoration: none; outline: 0; color: #e7adb4;}
#left_menu .down a:before, .Lmenu2.down a:after, .refresh_btn{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button {
	background-color: #eee;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	font-family: inherit;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border: 0;
	border-radius: 3px;
}
.button:hover{text-decoration: none !important;}
.button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	background: #EEE;
	border: 1px solid #dddddd;
	text-shadow: 0 1px 1px white;
	color: #CCC;
	cursor: default;
	-webkit-appearance: none;
}


.center {text-align: center;}
.right {text-align: right;}
.fa{ font-family: FontAwesome, "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif !important;}
.gfont{ font-family: "Playfair Display", 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.font0{ font-family: "Overpass", Verdana, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif}
.font2{ font-family: Dotum, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.font3{ font-family: Verdana, "Overpass", Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;}
.f12{ font-size: 12px;}
.f13{ font-size: 13px;}
.f15{ font-size: 15px;}
.f18{ font-size: 18px;}
.fleft{float: left;}
.fright{float: right;}
.ov{ overflow: hidden;}
.p0{ padding: 0 !important;}
.m0{ margin: 0 !important;}
.ml5{ margin-left: 5px;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.pTable { display: table;}
.pTableRow { display: table-row;}
.pTableCell { display: table-cell; line-height: 18px;}
.pTable .center { text-align: center;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w90 { width: 90px;}
.w100 { width: 100px;}
.w150 { width: 150px;}
.w200 { width: 200px;}
.w250 { width: 250px;}
.wfull {width: 100% !important; box-sizing:border-box;}
.w50p {width: 50%; box-sizing:border-box;}
.bgF3 { background-color: #f7f7f7;}
.col { color: #e7adb4;}
.col2{ color: #5f4342;}
.Red { color: #DA0000;}
.pink{ color: #000;}
.gray{ color: #ccc;}
.grayBtn{ background-color: #E8E8E8; color: #666; cursor: pointer;}
.pinkBtn{ background-color: #de97a0; color: #FFF; cursor: pointer;}
.pinkBtn:active{ background-color: #d27783; color: #fff;}
.grayBtn2{ cursor: pointer; border: 1px solid #e8e8e8; border-radius: 3px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.grayBtn2:active{ box-shadow: inset 2.5px 2px 2px rgba(0,0,0,.06);
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/*lazy loading*/
/*.proListImg {display: none;}*/
.lazy-hidden { background: #f5f5f5;}
.lazy-loaded {
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	opacity: 1;
}

/* 促銷活動小標籤 */
.tag_v1{ display: inline-block; color: #fff; background-color: #E40580; line-height: 22px;text-align: center;margin-right: 4px; padding: 0 5px;}

/*【TAB設定 + 當卷軸超過一定距離跑出時,TAB置頂 + flex設定】*/
.idTabs, .flexbox{  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;}
.idTabs li, .flex1{-webkit-flex:1 1 auto; -moz-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}
.flex_center{ -webkit-align-items:center; -moz-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;}
.fixedmenu{ display: none; position: fixed; z-index: 9; top: 60px; left:0; right: 0; width: 100%; margin: 0 !important; background-color: #fff;}

/* 圖片裁切置中 */
.proImg{ position: relative; overflow: hidden; display: block; padding-top: 127.4725%; text-align: left;} /*所有商品圖的比例下在這裡*/
.thumbnailImg{ position: relative; overflow: hidden; display: block; width: 70px; padding-top: 70px; text-align: left;} /*預覽小縮圖*/
.imgbox{ position: relative; overflow: hidden; text-align: left;} /*其他需要裁切的圖 (比例須個別另下) */
.imgbox img, .proImg img, .thumbnailImg img{ position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}

/* 主架構設定 */
.wrap{ min-height: 60vh;}
#header, #wrap, #main, #menu, .topLink_M, .footer, .fo-copy{ clear: both; width:100%; margin: 0 auto; box-sizing:border-box;}
#main { position: relative; padding: 0 20px;}
#shoppingWrap{ margin: 0 0 20px;}
.overfull{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
.overfull2{margin-left: -20px; margin-right: -20px;}



/* head */
#header_wrap{padding-top: 60px;}
#header { position: fixed; z-index: 999; top: 0; left: 0; padding: 0 8px; width: 100%; height: 60px; line-height: 65px; font-size: 19px;
	overflow: hidden; color: #fff; background-color: #e7adb4; border-bottom: solid 1px #e7adb4;}
#header .logo { margin: 0 90px; line-height: 60px; text-align: center;}
#header .logo img{ max-height: 58px; max-width: 90%; width: auto; height: auto; vertical-align: middle;}
.topIcon a{ float: left; padding: 0 10px;}
.topIcon .topCartNum{ display: inline-block; vertical-align: text-top; margin:-3px -9px 0 -7px; min-width: 15px; height: 15px; line-height: 16px; 
	font-size: 10px; text-align: center; color: #fff; background: #c50000; border: solid 1px #c50000; border-radius: 9px;}
.topIcon .fa-search{ font-size: 0.9em; vertical-align: 0.1em;}
.menu_open{ display: block; float: left;}

.toplinks{overflow: hidden;padding: 0 10px;height: 2em;line-height: 2em;font-size: 12px;color: #ffe5e8;background:#da8d97;text-align:center;}
.toplinks a{ padding: 0 8px;}
.toplinks a:nth-child(4){ margin-left: 8px;}
.toplinks .flex1{ padding: 0 2px;}
.toplinks .fa{font-size: 15px;vertical-align: middle;margin-top: -2px;}
.toplinks img{height: 17px;vertical-align: middle;margin-top: -2px;}

/* 會員登入 */
.loginBox { display: none; background-color: #FFF; z-index: 1001;}
.loginBox h3 { color: #000; font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.loginBox h3 em { color: #CCCCCC;}
.loginBox .pTableCell { display: block; margin: 5px 0;}
.loginBox .capcode{ width: 50% !important; display: inline-block;}
.loginBox .loginLeft { padding-bottom: 20px; border-bottom: #CCC 1px dashed;}
.loginBox .loginLeft .pTable { font-size: 15px; width: 100%;}
.loginBox .loginLeft .pTableRow { height: 35px;}
.loginBox .loginRight {padding-top: 20px;}
.loginBox .loginRight a, .btn-facebook { display: block; font-size: 16px; color: #666; border: #D5D5D5 1px solid; padding: 12px 14px; text-align: center; margin-bottom: 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.loginBox .loginRight a em { font-size: 13px; color: #C0C0C0; padding-top: 5px;}
.captcha { vertical-align: middle; margin-left: 5px;}
.btn-facebook {background-color: #3a5178 !important; border-color: #3a5078 #3a5078 #324567; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; line-height: normal;}
.loginBtn{ display: block; width: 100%; height: 40px; line-height: 40px; margin-top: 10px; text-align: center; border-radius: 3px;}
.loginBtn_glay{ background-color: #E8E8E8;}
.refresh_btn{ font-size: 23px; vertical-align: middle; color: #6d6757;}
.refresh_btn:active{ color: #b6b6b6; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

/* 跑馬燈 */
.runType_W { overflow: hidden; height:20px; width:400px; margin-top:25px; font-size:18px; float:left; color:#e62e2e}
.runTypeTit{ color: #000; float: left; width: 30px; text-align: center; height: 20px; line-height: 20px; font-size:1.28em;}
.runType{ position: relative; overflow: hidden; height: 20px; font-size: 13px;}
.runType ul{ position:absolute; padding-left: 8px;}
.runType li{ display: block; text-align:left; height: 20px; line-height:20px;}
.runType li a:hover { text-decoration: underline;}

/* 主選單 */
#menu_w{ margin-bottom: 38px; padding-top: 10px; line-height: 52px; font-size: 15px; font-weight: bold; letter-spacing: 0.05em; text-align: center; clear: both; color: #fff;}
.menu{ height:53px; border-bottom: solid 1px #fff;}
.menu a{ display: block;}
.menu>ul>li { display: inline-block; position: relative; margin: 0 0 0 4px;}
.menu p>a { padding: 0 1.8em; text-shadow: 1px 1px 1px #bacdde;}
.menu p>a:hover, .menu .cur>p { color: #e7adb4;}

.menu_category { display: none; position: absolute; z-index: 999; top: 53px; left: 50%; margin-left: -72px; padding: 8px 0; width: 145px; text-align: left; line-height: 1.2; font-weight: normal;
	background-color: #FFF; color: #717171; box-shadow: #CCC 1px 1px 5px;}
.menu_category li { display: block;}
.menu_category a { font-size: 13px; padding: 0.4em 1.5em;}


/* 搜尋BAR */
.search { display: none; position: fixed; z-index: 9998; top: 60px; left: 0; right: 0; padding: 8px; background: #da8d97; border-top: solid 1px #d1808b; overflow: hidden;}
.search .input-text { display: block; width: 100%; height: 30px; line-height: 30px; padding: 0 37px 0 7px; color: inherit; border: solid 1px #aa545f; outline: 0; 
	color: #fff; background: transparent; box-sizing: border-box;}
.search .button { position:absolute; top: 8px; right: 11px; border: 0; outline: 0; padding: 0; margin: 0; width: 28px; height: 28px; line-height:30px; 
	color: #fff; background: transparent; cursor: pointer;}
.search .input-text::-webkit-input-placeholder { color: #fff;} /* Chrome/Opera/Safari */
.search .input-text::-moz-placeholder { color: #fff;} /* Firefox 19+ */
.search .input-text:-ms-input-placeholder { color: #fff;} /* IE 10+ */
.search .input-text:-moz-placeholder { color: #fff;} /* Firefox 18- */

/* 左邊選單 */
#left_menu_wrap { display: none; position:fixed; z-index: 10000; top: 0; bottom:0; left: 0; width:300px; max-width: 80%; height: 100%; background: #FFF; overflow-y: auto;}
#mainMask{position: fixed; z-index: 9999; top: 0px; bottom:0; left: 0; width: 100%; height: 100%; background: rgba(20, 20, 20, 0.6);}
.left_menu{ padding: 0 0 20px; height: 100vh; font-size: 0.875em; overflow-y: auto; box-sizing: border-box;}
.category { border-bottom: #eee 1px solid; text-align: left;}
.category.catetitle h4{padding: 0.45em 19px; margin-top: -1px; border-top: solid 1px #e7adb4; background: #e7adb4; color: #fff; font-size: 1.1em; letter-spacing: 0.12em; text-transform: uppercase;}
.category img{height: 15px;}
.category a {display: block; padding: 10px 20px;}
.category .fa{ float: right; width: 1em; margin-right: -0.3em; line-height: 1.6; color: #7c7c7c;}
.storelink{ color: #da8d97;}
.storelink .fa{ float: none; margin-right: 5px;}

.nav_category{ display:none; padding: 6px 0 12px; background: #f8f8f8; border-top: 1px solid #ddd; box-shadow: inset 0 -3px 5px 0 rgba(0,0,0,.05), inset 0 2px 5px 0 rgba(0,0,0,.05);}
.nav_category a { display: block; padding: 6px 20px; font-size: 13px; color: #000;}
.nav_category a:active{ color: #333;}
.nav_category .openS{ background-color: #cce2ea;}

.nav_category_next{ display: none; padding: 0 0 6px 10px;}
.nav_category_next a{ padding: 4px 20px;}

.left_menu .down a{ padding-right: 40px;}
.left_menu .down a:before{ content: "\f105"; float: right; margin-right: -20px; display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: inherit;
	text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.left_menu .open a:before, .left_menu .openS a:before{ content: "\f107" !important;}

.left_menu .menu_share{ padding: 20px 17px;}
.left_menu .menu_share a{ display: inline-block; margin: 0px 5px; padding: 0; width: 38px; height: 38px; line-height: 38px; font-size: 20px; 
	text-align: center; color: #fff; background: #e7adb4; border-radius: 50%;}
.left_menu #translateLink{font-size: 17px;}

.catalog_menu{ text-align: center;}
.community h3{ background: #000; color: #FFF; font-size: 30px; padding: 25px 0 25px 50px;}
.community li{ margin-bottom:8px; border-bottom:#C8C8C8 2px solid; text-align:left;}
.community li a{font-size: 26px; padding: 25px 0 25px 50px; font-weight: bold; display: block;}
.community li:hover{ opacity:0.8;}

/* 首頁 */
.index #main{ overflow: visible;}
.slides { height:auto; overflow: hidden; position: relative;}
.in_slider li{ opacity: 0.3; transition: opacity 0.8s ease;}
.in_slider .slick-current{ opacity: 1;}
.in_slider img{ width: 100%; height: auto;}
.inslider_btn{ position: absolute; z-index: 2; top: 50%; width: 30px; height: 100px; margin-top: -50px; background: center center no-repeat; background-size: 10px auto; cursor: pointer;}
.inslider_btn:active{ width: 32px; height: 102px;}
.inslider-prev{ left: 0; background-image: url(../images/inslider_left.png);}
.inslider-next{ right: 0; background-image: url(../images/inslider_right.png);}

.inban_W{ margin: 20px 0 10px;}
.inban { position: relative; font-size: 0; text-align: center;}
.inban li{ margin-bottom: 15px;}
.inban li+li{ display: inline-block; vertical-align: top; width: 48%;}
.inban li:nth-child(2n+3){ margin-left: 4%;}
.inban img{ width: 100%; height: auto;}
/*.inban li { display: inline-block; padding:0 3px; box-sizing:border-box;}
.inban img { width:100%; height:auto;}
.inban_btn{ position: absolute; z-index: 2; top: 0; bottom: 0; width: 30px; background: center center no-repeat; background-size: 13px auto; cursor: pointer;}
.inban_btn:active{ margin: 1px -1px -1px 1px;}
.inban-prev{ left: 0px; background-image: url(../images/inban_left.png);}
.inban-next{ right: 0px; background-image: url(../images/inban_right.png);}*/

.inNews{ margin: 0 0 20px; padding: 0 10px; font-size: 14px; color: #959595; clear: both; overflow: hidden; box-sizing: border-box;}
.inNewsTit a{ display: block; margin: 0 0 0.3em 2px; font-weight: 600; color: #000;}
.inNewsTit a:after{ content: "more ›"; float: right; font-size: 12px; font-family: Verdana; font-weight: 400; color: #999;}
.inNews li a{ display: block; padding: 0.2em 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.inNews li a:before{ content: "· "; font-weight: 600; text-decoration: none !important;}
.inNews li a:hover{ text-decoration: underline; color: inherit;}
.inNews li .newsTime{ float: right; color: #ccc; font-size: 12px; padding-left:2em;}

/*.inNews{ margin:10px -10px 0; height: 2em; line-height: 2em; font-size: 14px; color: #777; border:#e7adb4 1px solid; overflow:hidden;}
.inNews .inNewsTit{ float: left; width: 7em; font-size: 13px; font-variant: small-caps; letter-spacing: 0.1em; text-align: center; color: #fff; background: #e7adb4;}
.inNews .NewsRunType{ position: relative; height: 100%; margin-left: 7em; overflow: hidden;}
.NewsRunType ul{ position: absolute; max-width: 100%;}
.inNews li{ display: block;}
.inNews li a{ display: block; padding: 0 8px 0 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.inNews li a:hover{ text-decoration: underline;}
.inNews li .newsTime{ float: right; color: #ccc; font-size: 12px; padding-left:2em;}*/


#index_headercont{ margin:30px 0;}
.inTitle{ position: relative; z-index: 1; margin: 2em -20px 3em; padding: 1px; text-align: center;}
.inTitle:before{ content: ""; position: absolute; z-index: -1; top: 50%; left: 0; width: 100%; border-top: solid 1px #ece8e7;}
.inTitle p{ display: inline-block; padding: 0 0.5em; font-size: 1.5em; font-style: italic; line-height: 1; letter-spacing: 0.07em; color: #775f54; background: #fff;}
.inTitle span{ display: block; height: 1em; margin: 0.5em auto -1.5em; font-size: 15px; line-height: 1; letter-spacing: 0.1em; color: #dd7c88;}
/*.inTitle{ position: relative; z-index: 1; margin-top: 50px; margin-bottom: 25px; padding: 1px; text-align: center;}
.inTitle:before{ content: ""; position: absolute; z-index: -1; top: 50%; left: 0; width: 100%; border-top: solid 1px #829bb1;}
.inTitle p{ display: inline-block; padding: 0 1em 0 1.15em; height: 2.16em; line-height: 2.25em; letter-spacing: 0.15em; font-size: 12px; color: #fff; background: #e7adb4; border: solid 1px #fff; outline: solid 1px #e7adb4;}
.inTitle p:before{ content: "·"; margin-right: 0.8em; font-weight: bold;}
.inTitle p:after{ content: "·"; margin-left: 0.8em; font-weight: bold;}*/

.inMore{ position: relative; z-index: 1; margin-top: 10px; margin-bottom: 30px; padding: 1px; text-align: center;}
.inMore:before{ content: ""; position: absolute; z-index: -1; top: 50%; left: 0; width: 100%; border-top: solid 1px #829bb1;}
.inMore a{ display: inline-block; padding: 0 1em 0 1.15em; height: 2.16em; line-height: 2.25em; letter-spacing: 0.15em; font-size: 12px; color: #fff; background: #e7adb4; border: solid 1px #fff; outline: solid 1px #e7adb4;}
.inMore a:before{ content: "·"; margin-right: 0.8em; font-weight: bold;}
.inMore a:after{ content: "·"; margin-left: 0.8em; font-weight: bold;}

.cataList{ margin-right:-20px; font-size:0;}
.cataList li{ display:inline-block; vertical-align:top; width: 50%; margin-bottom: 20px; padding-right: 20px; font-size: 14px; letter-spacing: 0.05em; box-sizing:border-box;}
.cataList li a:hover{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: pointer;}
.cataList li span { display: block; margin: 8px 0; line-height:1.3;}
.cataList a img{width: 100%;}
.cataList .info{ min-height: 2.6em; margin-bottom: 0.5em; padding: 0.5em 0; color: #757575; border: solid #7a7a7a; border-width: 1px 0;}
.cataList .price{ font-weight: 600; font-family: Arial; letter-spacing: 0.01em; color: #dd7c87;}
.cataList .price del{ margin-left: 0.3em; color: #a09f9f; font-size: 0.8em; font-weight: normal; text-decoration: line-through;}
.cataList .salenum{ font-size: 12px; color: #789bbb;}
.cataList .label{ margin: -4px 0 3px;}
.label img{ display: inline-block !important; vertical-align: middle; margin: 2px;}
.label i{ display: inline-block; vertical-align: middle; margin: 2px; padding: 3px 8px 2px 10px; font-size: 12px; font-style: normal; line-height: 1; background: #adbeb8; color: #fff;}

/* 暢銷產品 (輪播) */
.inProSlider{ margin: 30px -8px; padding: 0 20px;}
.inProSlider li{ padding:0 8px;}
.inProSlider .fa{ position: absolute; top: 20%; width: 28px; height: 3em; line-height: 3em; font-size: 24px; text-align: center; color: #da8d97;}
.inProSlider .fa-angle-left{ left: 0;}
.inProSlider .fa-angle-right{ right: 0;}


/* 導航 */
.navigation{ margin:1em auto; padding: 0 10px; font-size: 11px; color: #999; clear: both; box-sizing:border-box;}
.navigation a{ padding:0 5px;}
.navigation a:first-child{ margin-left: -5px;}
.navigation a:hover{ text-decoration:underline;}

/* 商品列表頁 */
.cataTitle{ margin: 20px 0; font-size: 1.1em; text-align: center; color: #604443;}
.cataTopBanner img{ width: 100%; height: auto;}
.cateTop{ display: block; margin: 20px 0;}
.cateTop .navigation{ padding: 0; margin: 0 0 1em; width: auto; height: auto; font-size: inherit; line-height: inherit;}
.cateListSel{ margin-top: 1em; font-size: 12px; text-align: center; color: #999; clear: both;}
.cateListSel a{ margin:0 2px;}


/* 產品詳細 */
#proImg{ overflow: hidden;}
#proImg img{ margin: 0 auto;}
.proImgmore { margin: 10px -20px; padding: 0 28px; overflow:hidden; box-sizing: border-box;}
.proImgmore li{ margin: 0 5px; padding: 1px; opacity: 0.3;}
.proImgmore img { display: block; cursor: pointer; width: auto; height: 50px;}
.proImgmore .slick-current{ opacity: 1;}
.proImgmore .slick-arrow{ position: absolute; z-index: 3; top: 0; width: 28px; height: 100%; line-height: 50px; font-size: 17px; color: #333; background: #fff; text-align: center;}
.proImgmore .fa-angle-left{ left: 0;}
.proImgmore .fa-angle-right{ right: 0;}
.proImgmore .slick-disabled{ opacity: 0.3;}

.proRight { margin: 1.5em 0;}
.proTitle { margin: 0.7em 0 0.3em; font-size:20px; color: #545454;}
.proRight .label{ padding: 0 0 10px; border-bottom: solid 1px #ccc;}
.proTopBox { padding: 15px 0; font-size: 13px; line-height: 2;}
.proTopBox .pronumber { display: block; margin-bottom: 0.5em; letter-spacing: 0.1em; color: #545454;}
.addToAny{ float: right; margin-top: 2px;}
.proexplain { letter-spacing: 0.05em; line-height: 1.6; color: #999;}

.proprice_area { padding:1.2em 0; font-size: 13px; letter-spacing: 0.1em; color: #666; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.proprice_area span{ font-size: 15px;}
.proprice_area .proprice { color: #c5c5c5; text-decoration: line-through; margin-right:0.5em;}
.proprice_area .prosell { color: #d76c4e;}
.proprice_area .pro-sale-num{ color: #999; font-size: 12px; margin-left: 0.5em;}
.proTable { display: table; width: 100%; padding: 1.2em 0; font-size: 13px; color: #666;}
.proTable .prorow { display: table-row; line-height: 40px;}
.proTable .procell { padding: 0 0.5em 0.5em 0; display:table-cell;}
.proTable .th{ white-space: nowrap; width: 4.5em; letter-spacing: 0.1em;}

/*規格+尺寸*/
.proTable .pro_size { display:inline-block; padding: 7px 10px 6px; margin-right: 10px; border: solid 2px #ECECEC; line-height: 1.2;}
.proTable .pro_color { display: inline-block; text-align: center; margin-right: 10px; padding: 2px; border: solid 2px #ddd; height: 25px; vertical-align: middle; line-height: 35px; width: 25px;}
.proTable .fa2 { display: inline-block; vertical-align: middle; cursor:pointer; color:#bbb; }
.proTable .fa2:hover { color:#333;}
.proTable .faa-plus{ width: 22px; height: 30px; background: url(../images/cl_mainitem.png) -62px -60px no-repeat; }
.proTable .faa-minus{ width: 22px; height: 30px; background: url(../images/cl_mainitem.png) 0px -60px no-repeat; }
#stock2{ width: 100px; height: 30px; line-height: 30px; margin: 0 -6px; padding: 0 7px; text-align: center;}

.proTable select {line-height: 30px; height: 30px; padding:0 10px;}
.proTable .hv {border: #E8E8E8 1px solid;}
.proTable .selected { color: #000; border: 2px solid #be0106; position: relative;}
.proTable .selected i{ position: absolute; bottom: 0; right: 0; width: 12px; height:12px; background: url(../images/pro_selected_bg.png) no-repeat; z-index: 99;}

.probtn_wrap{ min-height: 42px;}
.pro_btn { margin: 0 0 20px; font-size: 0; letter-spacing: 0;}
.pro_btn a {display: inline-block; vertical-align: middle; width: 32.5%; height: 40px; line-height: 40px; letter-spacing: 0px; font-size: 12px; /*font-weight: bold;*/
	text-indent: -1px; text-align: center; color: #666; background: #fff; border: solid 1px #aaaeb1; box-sizing:border-box;}
.pro_btn a+a {margin-left: 1.25%;}
/*.pro_btn span{ display: inline-block; vertical-align: middle; line-height: 14px; text-align: left;}*/
.pro_btn .proBtnBuy{ color: #fff; background: #de97a0; border-color: #de97a0;}
.pro_btn .proBtnBuy:active { color:#fff; background: #d27783; border-color: #d27783;}
.pro_btn .proBtnCart{ color: #fff; background: #d5c4a8; border-color: #d5c4a8;}
.pro_btn .proBtnCart:active{ color: #fff; background: #c59f60; border-color: #c59f60;}
.pro_btn .fa{ margin-top: -5px; vertical-align: middle; font-weight: normal;}


.pro_activity { margin:20px 0 40px;}
.pro_activity a {display: block; font-size:14px; color: #FF6A6A; margin-bottom: 0.8em;}
.pro_activity a:active {text-decoration: underline;}
.pro_activity a .fa {padding:0 0.5em;}

.protab {clear: both; margin: 0 0 40px;}
.protabbox_wrap{ min-height: 38px;}
.protabox{overflow: hidden; margin: 0 -20px; font-size: 0; text-align: center; letter-spacing: 0; background: #fff; border-bottom: #E8E8E8 solid 1px;}
.protabox.fixed{ position: fixed; z-index: 999; top:60px; left: 0; right: 0; margin: 0;}
.protabox li {display: inline-block;}
.protabox li a {display: block; padding: 0 4px; height: 35px; line-height: 35px; font-size: 13px; text-align: center; color: #999;}
.protabox li .selected { color: #fff; border-bottom:#de97a0 2px solid; color: #da8d97; font-size: 14px; font-weight: bold;}

.fixbox.fixed{ position: fixed; z-index: 99; left: 0; right: 0; bottom: 0; margin: 0; padding: 7px; background: #fff; box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.3);}

.protab section{ margin: 0 -10px; padding:30px 0 0;}
.protab #tab1{ font-size: 15px; text-align: center;}
.protab #tab1 strong{ font-weight: bold;}
.protab #tab1 em{ font-style: italic;}

.proqaTop {margin: 20px 0; text-align: center; color: #666; font-size: 15px;}
.proqaTop a { display: inline-block; margin-top: 15px; padding: 8px 15px; border-radius: 3px;}
.proqatable {font-size: 13px; color: #666; margin: 5px auto 40px auto; width:100%; border: solid 1px #eee; box-sizing: border-box;}
.proqatable .pTableCell {padding: 10px 8px; border-top: #E8E8E8 1px dashed;}
.proqatable .pTableRow:first-child .pTableCell {border-top:0;}
.proqatable .bgF3 { background-color:#fafafa;}

.proreco { margin: 0 -10px; padding: 10px 0 0;}
/*.proreco h3 { margin:0 15px 10px; color: #999; font-size: 16px; letter-spacing: 0.08em;}*/
.proreco ul { position: relative; margin:0 -4px -1px;}
.proreco li { float: left; /*width: 150px;*/ margin: 0 4px;}
.proreco li a {display: block;}
.proreco img{ width: 100%; height: auto; opacity: 1 !important;}
.proreco li span { display: block; font-size: 13px; text-align: center; margin-top: 5px;}
.proreco li .info { color: #888; line-height: 16px;}
.proreco li .price { color: #000;}
.proreco_slider .slick-arrow{ position: absolute; z-index: 3; top: 50%; margin-top: -25px; width: 30px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center;}
.proreco_slider .fa-chevron-circle-left{ left: 0;}
.proreco_slider .fa-chevron-circle-right{ right: 0;}
.proreco_slider .slick-disabled{ opacity: 0.3;}

#qaBoxWin{ display: none;}
.Tab { width: 100%; margin: 10px 0 20px; font-size: 13px; color: #666; border: #E8E8E8 1px solid;}
.Tab input, .Tab select, .Tab textarea { padding: 3px;}
.Tab tr, .Tab td, .Tab th { padding: 10px 8px; border-bottom: #E8E8E8 1px solid; vertical-align: middle;}
.qaBoxWinBtn{display: block; text-align: center;}

.ProdStock{ border:#E4E4E4 1px solid; margin-top:20px; }
.ProdStock table{ width:100%; text-align:center; border-collapse:separate; border-spacing:3px;}
.ProdStock table th{ background-color:#EDEDED; padding:8px; font-weight:bold}
.ProdStock table tr td{ border-bottom:1px #CCC dashed; padding:5px;}
.ProdStock p{ line-height: 150%; font-weight: bold; color: #949494; margin: 10px; font-size: 13px;}


/* 購物車流程 */
#order_main{ overflow: hidden;}
.shoppTab { width: 100%; font-size: 13px; color: #666; border: #E8E8E8 1px solid;}
.shoppTab+.shoppTab{margin-top: 20px;}
.shoppTab input, .shoppTab select { padding: 0 3px;}
.shoppTab td, .shoppTab th { box-sizing: border-box; padding: 5px; vertical-align: middle; overflow: hidden; border-bottom: #E8E8E8 1px solid;}
/*.shoppTab td a:not(.button) { line-height: 1.5;}*/
.shoppTab td a:hover:not(.button) { text-decoration: underline;}
.shoppTab td em { font-size: 13px; color: #A5A5A5;}
.shoppTab td.bono, .shoppTab tr.bono { border-bottom: 0;}
.shoppTab th { background-color: #f7f7f7; height: 20px; line-height: 20px;}

.shoppTab2{border: 0;}
.shoppTab2 tr{display: block; padding: 10px 0 15px; border-bottom: #E8E8E8 1px solid;}
.shoppTab2 td, .shoppTab2 th {display: block; border: 0; padding: 0;}
.shoppTab2 th+td, .shoppTab2 td+td{padding: 5px 0 0;}

.shoppTab2_bono tr{ padding: 8px 0; border-bottom:0;}

/* 購物車流程 - 購買清單 */
.shopCart tbody{display: block;}
.shopCart tr{ display: block; overflow: hidden; border-bottom: solid 1px #E8E8E8;}
.shopCart th, .shopCart td{ border: 0;}
.shopCart tbody tr{ padding-left: 30%;}
.shopCart tbody td{ display: block;}
.shopCart .cart_propic{ float: left; width: 42.85%; margin-left: -42.85%;}
/*.shopCart tbody td{ float: right; width: 70%;}
.shopCart .cart_propic{ float: left; width: 30%;}*/
.shopCart .inline{ float: none; display: inline;}
.shopCart .cart_del{ float: right; padding: 7px; width: auto; font-size: 16px;}
.shopCart .cart_del a{ display: block; margin-top: -7px; width: 33px; height: 33px; line-height: 33px; text-align: center; background: #f7f7f7; border: solid 1px #eee; border-radius: 50%;}
.shopCart select{ height: 35px; line-height: 35px;}
.shopCart tfoot{ border-top: solid 1px #eee;}
.shopCart tfoot td{ float: left; width: 60%; text-align: right;}
.shopCart tfoot td+td{ width: 40%; padding-right: 10px;}
.shopCart .tfoot_border{ border-top: solid 2px #ddd;}
/* 購物車流程 - 折價券+取貨方式 */
.shoppTab3 tr{display: block; padding: 10px 10px 15px;}
.shoppTab3 tr+tr{border-top: solid 1px #e8e8e8;}
.shoppTab3 td, .shoppTab3 th {display: block; border: 0; padding: 0;}
.shoppTab3 td+td{ padding-left: 30px;}
.shoppTab3 label{display: block; font-size: 15px;}


.shopCircuit { margin: 20px -20px 20px -10px; overflow: hidden; text-align: center; font-size: 0px; color: #aaa;}
.shopCircuit li { display: inline-block; width: 8em; max-width: 33%; font-size: 14px; position: relative;}
.shopCircuit li+li:before{ content: ">"; position: absolute; top: 2px; left: -5px; font: 18px Arial; color: #ccc;}
.shopCircuit i{ display: block; margin: 0 auto 5px; width: 20px; height: 20px; line-height: 20px; font-style: normal; color: #fff; background: #ddd; border-radius: 50%;}
.shopCircuit li.here{color: #333;}
.shopCircuit li.here i{ background: #333;}
.cartNext {margin: 25px 0; text-align: center; font-size: 0;}
.cartNext a { display: inline-block; box-sizing:border-box; width: 48.5%; padding: 10px 0; font-size: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cartNext a+a{margin-left: 3%;}

.Tit { font-size: 16px; line-height: 20px; padding: 8px 0;}
.step_pay_select_list { clear: both; overflow: hidden; margin: 15px -20px; padding: 0 20px;}
.step_pay_select_list+.step_pay_select_list {border-top: dashed 1px #ddd;padding-top: 15px;}
.step_pay_select_list .orderEndTit{ text-align: center; color: #999;}
.step_pay_select_list .orderEndTit em{ display: block; margin:0.5em 0 20px; line-height: 1.5; font-size: 13px; color: #C50000;}
.pay_select {padding: 0 2px;}
.pay_select li { display: inline-block; padding: 10px 11px; outline: #E8E8E8 1px solid; text-align: center; margin: 0 8px 8px 0; font-size: 15px; color: #666;}
.pay_select li:hover { background-color: #F0F0F0; cursor: pointer;}
.pay_select li.on { outline: #d00 2px solid; color: #d00; background: #fff;}
.galleryImg{ width: 40px;}
.tex_remark { width: 98%;}

/* 付款資訊 - 信用卡 */
#cardview-container{ padding: 5px; background: #fff; border: solid 1px #ddd; }


/* 結帳完成的"訂單處理中，請稍後"視窗 */
#loadingDiv{
	position: fixed;
	left:0; top:0; right:0; bottom:0;
	z-index: 99999;
	text-align:center;
	font-size:14px;
	height:80px;
	width:300px;
	max-width: 80%;
	margin: auto;
	padding-top:30px;
	background-color:#fff;
	border: 5px solid  #333;
}
#popup_overlay{
	position: fixed;
	z-index: 99998;
	left:0; top:0; right:0; bottom:0;
	background: rgba(0,0,0,.4);
}


/* 會員註冊 */
.joinTab {margin-bottom: 0;}
.joinTab tr{border:0; padding: 10px 0;}
.yesjoin { margin-top: 10px; padding: 10px 20px 20px; font-size: 13px; border-radius: 5px; color: #666; background-color: #faf9f9;}
.yesjoin label { display: block; line-height: 1.2; margin: 0.5em 0; padding-left: 31px; text-indent: -31px;}
.yesjoin span{ line-height: 22px;}
.yesjoin .cartNext{margin: 15px 0 0;}

/* 幾件幾折 */
.saleListBox { margin-top:10px;}
.saleTopBanner img { width:100%; height:auto;}
.saleTop { border: #E8E8E8 1px solid; margin: 20px 0; padding: 10px; overflow: hidden; }
.any_info{ color: #242424; font-size: 16px; margin: 0px 5px; line-height: 32px;}
.saleTop .saleAddBtn { margin-top: 10px; font-size: 16px;}
.saleTop .saleAddBtn .button { width: 100%; box-sizing:border-box;}

.saleListUl_W{ position: relative; overflow: hidden; height: 130px; margin: 0 20px;}
.saleListUl{position: absolute; top:0;}
.SelectSaleList{ position: relative;  float: left; clear: both; border-top: 1px solid #f0f0f0; width: 100%; padding-top: 20px; margin-top: 10px;}
.SelectSaleList a{ display: inline-block;}
.SelectSaleList li{ float: left; width: 80px; margin: 0 5px; height:100%;}
.onSaleProductData{ width:100%; text-align: center; font-size: 13px; color: #666666; height:32px; display: block; line-height: 18px;}
.SaleListleft_arr{ font-size: 1.5em; color: #CCCCCC; position: absolute; margin-top: -20px; top: 50%; left: -2px; }
.SaleListright_arr{ font-size: 1.5em; color: #CCCCCC; position: absolute; margin-top: -20px; top: 50%; right: -2px; }

.saleList ul{ margin: 0 -2%; font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; 
	-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.saleList li{ padding: 10px; border: #E8E8E8 1px solid; margin: 0 2% 20px; width: 46%; box-sizing: border-box;
	-webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; 
	/*-webkit-flex-basis: 46%; -moz-flex-basis: 46%; -ms-flex-basis: 46%; flex-basis: 46%;*/}
.saleList li.on { border: #ffa698 1px solid;}
.saleList li.end{ margin-right: 0;}
.saleList li>span { display: block; font-size: 13px; line-height:1.5em; margin: 0.5em 0; text-align: center;}
.saleList li .info {color: #333333;}
.saleList li .price {color: #C50000;}
.saleList li select { width: 100%;}
.saleList .button{ border: solid 1px #d5d5d5; border-radius: 3px; width: 100%;}

/* 購物車加價購 */
.cartListBox{ margin-bottom: 20px; text-align: left; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.cartList{ margin-right: -10px;}
.cartList li{ display: inline-block; vertical-align: top; width: 120px; min-height: 315px; margin-right: 10px; padding: 0 0 10px; 
	border: #f0f0f0 1px solid; white-space: normal;}
.cartList .imgbox{ display: block; padding-top: 127.6%;}
.cartList li span{ display:block; margin: 6% 0; padding: 0 8px; font-size: 13px; text-align: center;}
.cartList li .price{ color: #C50000;}
.cartList li .saleselect select{ padding: 2px 5px; border: #CCC 1px solid; color: #666; box-sizing: border-box; border-radius: 2px;}
.cartList li .saleselect .addqty{ float: left; width: 47%;}
.cartList li .select_item{float: right; width: 47%; cursor: pointer; box-sizing: border-box; border-radius: 2px;}

/* 頁數 */
.pager { margin: 30px -20px 0; text-align: center;}
.pager a { display: inline-block; margin: 3px; padding: 0 2px; min-width: 30px; height: 30px; line-height: 30px; font-size: 13px; text-align: center; 
	color: #476c8e; background-color: #fff; border: #cdd9e4 1px solid; border-radius: 50%; box-sizing: border-box;}
.pager a.this, .pager a:hover { color: #476c8e; background-color: #cdd9e4;}
.pager a:nth-child(1), .pager a:nth-child(2), .pager a:nth-last-child(1), .pager a:nth-last-child(2){ padding: 0 7px; min-width: auto; font-size: 0; font-family: FontAwesome; border: 0; background: none !important;}
.pager a:nth-child(1):before{ content: "\f104"; font-size: 14px;}
.pager a:nth-child(2):before{ content: "\f100"; font-size: 14px;}
.pager a:nth-last-child(1):before{ content: "\f105"; font-size: 14px;}
.pager a:nth-last-child(2):before{ content: "\f101"; font-size: 14px;}


/* 問與答 */
.qa_menu{ margin-top: 1em;}
.qa_menu h3{ padding-bottom: 0.3em; border-bottom: solid 1px #eee; font-size: 1.1em; color: #da8d97;}
.qa-submenu{ margin: 0.8em 0 1.8em; padding-left: 1.7em; font-size: 0.9em; list-style: decimal outside; color: #666;}
.qa-submenu li{ margin: 8px 0;}
.qa-submenu li a:after{ content: "»"; margin-left: 0.5em; color: #999;}

.qaTitle{ margin-bottom: 1em; padding-bottom:0.3em; font-size: 1.1em; color: #666; border-bottom: #e8e8e8 1px solid;}
.qaTitle .fa{ font-style: normal; color: #e7adb4;}


/* 自訂HTML頁 + 圖文編輯器 */
.htmlBox{ line-height: 1.7;}
.htmlBox b, .htmlBox strong{ font-weight: bold;}
.htmlBox em, .htmlBox i{ font-style: italic;}
.htmlBox img{ max-width:100%; height: auto !important; vertical-align: baseline;}
.htmlBox u{ text-decoration: underline;}
.htmlBox table{ width: 100% !important; height: auto !important; font-size: 0.9em; line-height: 1.45;}
.htmlBox table[align="center"]{ margin-left: auto; margin-right: auto;}
.htmlBox th, .htmlBox td{ padding: 0.2em;}
.htmlBox iframe[src*="youtube"], .htmlBox iframe[src*="vimeo"], .htmlBox iframe[src*="facebook"], .htmlBox iframe[src*="instagram"]{ 
	width: 100%; /*height: 56.25%;*/
	height: -webkit-calc( (100vw - 20px) * 0.5625); height: -moz-calc( (100vw - 20px) * 0.5625); height: calc( (100vw - 20px) * 0.5625);
}
.htmlBox .video_wrap{ position: relative; width: 100%; padding-top: 56.25%;}
.htmlBox .video_wrap{ position: absolute; width: 100%; height: 100%;}

#about_menu{ margin-top: 10px;}
#about_menu li{ border-bottom: dashed 1px #ddd;}
#about_menu li a{ display: block; padding: 0.5em 20px;}
#about_menu li a:after{ content: "»"; float: right; margin:0 0 0 0.5em; color: #999;}
#about_menu li a .fa{ margin-right: 0.5em; opacity: 0.8;}

.custom_cont{ overflow: hidden; margin:10px 0; min-height: 30vh;}

.customTitle{ position: relative; margin: 1em 0; font-size: 1.2em; letter-spacing: 0.05em; text-align: center; color: #777;}
.customTitle:before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 0; border-top: solid 1px #bbb;}
.customTitle strong{ position: relative; display: inline-block; padding: 0 1em; font-weight: 400; background: #fff;}
.custom_html{ min-height: 30vh;}

/* 最新消息 */
.news-w{ margin:20px 0 0;}
.news-w h3{ text-align: center; font-size: 1.2em; margin:1em 0;}
.news-list-table{ width: 100%; color: #666; border-top: #F4F4F4 1px solid;}
.news-list-table tr{ border-bottom: #F4F4F4 1px solid;}
.news-list-table tr:hover{ background: #FEFFF4;}
.news-list-table th{ padding: 5px; font-size: 13px; text-align: left; background: #ebf3f9; border-bottom: #E5E5E5 1px solid; border-top: #E5E5E5 1px solid; font-weight: bold;}
.news-list-table td{ padding: 10px 0; vertical-align: top;}
.news-list-table td+td{ padding-left: 10px;}
.news-list-table a{ display: block;}
.news-list-table a:hover{ text-decoration: underline;}

.news_top{ padding:15px 0; line-height: 1.5; border-bottom: #E5E5E5 1px solid;}
.news_top .news-tit{ text-align: left; font-size: 1.2em;}
.news_top .news-time{ color: #999; font-size: 0.75em;}
.newshtmlBox{ padding-bottom:30px; padding-top:15px; min-height: 30vh; font-size: 15px;}
.news_send{ text-align: center; padding: 15px 0;}
.news_send a{ padding: 10px 35px; border-radius: 3px;}



/* 頁尾 */
.IG_block{ margin: 30px 10px;}
.IG_block h3{ margin: 0 0 0.5em; letter-spacing: 1px; text-align: center; color: #000;}

#footer_w{ margin-top: 50px; clear:both; color: #888;}
.follow_link{ line-height: 1.6; text-transform: uppercase; text-align: center; margin: 10px 0; color: #dd7c87;}
.follow_link .fa{ font-size: 18px; vertical-align: -1px;}
.follow_link .change_device{ border-right: dashed 1px; padding: 2px 16px 2px 0;}
.follow_link a+a{ margin-left: 15px;}
.right_aside{ margin: 10px; padding: 8px 5px 8px 8px; line-height: 40px; overflow: hidden; border:solid 1px #ddd; background: #fff;}
.right_aside .icon_contact{ width: 40px;}
.raside_contact{ margin-left: 10px; font-size: 14px; line-height: 1.15;}

.footer { /*padding:30px 20px 10px;*/ overflow: hidden; text-align: center; border-top: solid 1px #e8e6f3; background: #fff; color: #727272;}
.footer img{ max-width: 100%; height: auto !important;}
.fo-cola+.fo-cola { margin-top: 16px;}
.fo-cola img{ display: inline-block; vertical-align: middle; max-width: 100% !important; height: auto !important;}
.fo-cola h3 { font-size: 16px; line-height: 18px; font-weight: 300; padding-bottom: 12px;}
.fo-cola ul { padding-bottom: 9px;}
.fo-cola li { padding: 0 0 4px 1px;}
.fo-cola li a { text-decoration: none; display: block; zoom: 1; font-size: 13px; line-height: 16px;}
.fo-copy { padding: 0.3em 0 0.8em; font-size: 12px; text-align: center;}
.fo-copy a{ color:inherit;}
#Pushbutton-mi-link:before{ content: "MISHOP 購物系統"; color: #ddd;}


/* 會員專區 */
.memSum{ margin: 0 -20px; padding: 15px 0;  font-size: 0px; text-align:center; /*background-color: #666; color: #fff;*/}
.memSumL{ display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; border-right: #ccc 1px dotted; font-size: 13px; line-height: 1;}
.memSumL_b{display: inline-block; }
.memSumL_b2{ margin-top: 7px; color: #da8d97; font-size: 14px;}
.mapnum{border: #BDBDBD 1px solid; padding: 4px 8px; vertical-align: middle;}

.memberAdUl{}
.membertab{ overflow: hidden; text-align: center; font-size: 12px; color: #867b7c; background-color: #fdf4f5;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;}
.membertab a{display: block; padding: 6px 5px 3px; border-bottom: solid 1px; border-color: #e7adb4;
	-webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch;
	-webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1;}
.membertab a+a{border-left: solid 1px;}
.membertab .selected{ color: #fff; background-color: #da8d97; border-color:#da8d97;}
.membertab.fixed{ position: fixed; top: 60px; left: 0; right: 0;}

.memTab_last a{ padding: 5px 10px;}
.memBtn{padding: 10px 17px;}
.a-btn{ color:#FA84A8; cursor: pointer; text-decoration: underline;}
.trace_to_cart{ line-height: 40px !important; white-space: nowrap;}

/* 優惠卷 */
.couponTab { margin: 10px;}
.couponTab td{ padding:7px 0;}
.couponTab strong{ font-weight:bold; color:#333;}

/* 電子折價卷 */
.coupon_wrap{display: block; border: #E9E9E9 1px solid; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; box-shadow: #ECECEC 0px 1px 3px;}
.coupon_wrap h4{ padding: 0.5em 10px; background-color: #A81616; text-align: center; color: #FFF; font-size: 18px;}
.Coupon_txt_w{ margin-top:20px; padding:10px; color: #777; border-top: #E7E7E7 1px solid;}
.Coupon_txt_tit{ font-weight: bold;}
.CouponBtn{ margin: 10px 0; font-size: 16px; color: #FFF; cursor: pointer; background: #A81616; border: solid 1px #7C1919;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	-webkit-box-shadow: 0px 5px 0px #811D27; -moz-box-shadow: 0px 5px 0px #811D27; box-shadow: 0px 5px 0px #811D27; 
	-webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s;}
.CouponBtn:active{ margin: 13px 0 7px; background: #991818; -webkit-box-shadow: 0px 2px 0px #811D27; -moz-box-shadow: 0px 2px 0px #811D27; box-shadow: 0px 2px 0px #811D27;}
.CouponBtn_no{ font-size: 16px; color: #FFF; background: #c3c3c3; border: solid 1px #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


/* 聯絡我們 */
.contact_w{ font-size: 14px; color: #333;}
.contact_w table{width: 100%;}
.contact_w th{ text-align: left; color: #565656; vertical-align: middle;} 
.contact_w td,.contact_w th{ display: block; margin: 5px 0;}
.contact_w td{ padding-bottom: 15px;}
.contact_w caption{font-size: 20px; padding: 15px 0; color: #727272;}
.contact_txt{padding: 8px 0 8px 8px; border: 1px solid #c6c6c6; font-size: 12px; color: #959595;}
.contact_txtar{overflow: hidden; overflow-y: auto; width: 100%; box-sizing:border-box; min-height: 79px; padding: 12px 11px; border: 1px solid #ddd; font-size: 12px;
line-height: 18px;color: #333;text-align: left;vertical-align: middle; resize: none;}
.contact_w .contact_select{padding: 8px 0 8px 8px; border: 1px solid #c6c6c6; color: #959595;}
.contact_w .sendbtn{display: block; padding: 10px 25px;/* background-color: #000; color: #fff;*/ text-align: center; font-size: 15px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* 首頁彈跳廣告(原跟屁蟲) */
.Right_AD{ position: fixed; z-index: -9999; top: 50%; left: 50%; width: 260px; margin-left: -130px; padding: 0 17px 24px;
	color: #dd7c88; background: #fff; border: solid 1px #e7adb4; box-sizing: border-box; overflow: hidden; visibility: hidden;}
.Right_AD_mask{ display: none; position: fixed; z-index: 9998; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);}
.Right_AD_open{ padding: 14px 0 13px; font-size: 15px; line-height: 19px; letter-spacing: 0.1em;}
.Right_AD_close{ float: right; width: 19px; height: 19px; background: url(../images/icon_close.jpg); cursor: pointer;}
.Right_AD_img a, .Right_AD_img img{ display: block; width: 100%; height: auto;}
.Right_AD_img a+a{ margin-top: 20px;}


#back-to-top{ display: none; position: fixed; right: 15px; bottom: 20px; width: 38px; height: 38px; line-height: 40px; text-align: center; background: #e7adb4; border-radius: 50%; cursor: pointer; z-index: 10; opacity: 0.7;}
body[style*="padding-bottom"] #back-to-top{ bottom: 70px;}
#back-to-top .fa{ font-size: 23px; color: #fff;}
#back-to-top:active{ background-color: #5483ad; opacity: 1;}


/* 網站地圖 */

.sitemap{ display: block; width: 950px; overflow: hidden; margin: 0 auto; padding-top: 100px;}
.sitemap li{ float: left; font-weight: bold; width: 150px; height: 200px; margin-top: 50px; padding-right: 15px; padding-left: 25px;}
.sitemap li h4{ font-size: 15px; color: #0C0C0C; padding: 8px 0; border-bottom: #CCC 1px dashed;}
.sitemap li ul{ overflow: hidden; margin-top: 5px; padding-top: 5px; padding-bottom:20px;}
.sitemap li ul li{ float: left; width: 150px; height: 25px; padding: 0; margin: 0; border-bottom: 0; font-size: 14px; font-weight: normal; color: #838383;}