/* ----------------------------------------------------------------------
	reset
---------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; color:#000; font-size:100%; text-decoration:none; vertical-align:baseline; background:transparent; cursor:pointer;}
ol, ul, li { list-style:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ebebeb; margin:5px 0; padding:0;}
input, select { vertical-align:middle; }
select::-ms-expand{ display:none;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ----------------------------------------------------------------------
	global
---------------------------------------------------------------------- */
body{
	font-family:'微軟正黑體', 'Lato', Arial, Helvetica, sans-serif;
	font-size:0.9rem; color:#111;
	line-height:1.5;
	background:#f5f5f5;
	}
.wrapper{ position:relative; min-height:100vh !important;}
.container{ position:relative; padding:55px 0 100px 0;}
.inner-wrap{ position:relative; margin-top:10px; margin-bottom:10px; padding-bottom:10px; background:#fff; }
.list-page .inner-wrap{ padding-bottom:0}
.hide{display:none;}
/* ----------------------------------------------------------------------
	common
---------------------------------------------------------------------- */
h1{ font-size:1.8rem; line-height:1.3;}
h2{ margin:15px auto; font-size:1.2rem; text-align:center;}
h3{ padding:0 4%; font-size:1rem;}
h4{ font-size:1rem;}
select{ cursor:pointer; }
select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]{
	padding:8px;
	font-size:0.9rem;
	background:#fff;
	border:1px solid #c2c2c2;
	-webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
			box-sizing: border-box;}
input:focus, textarea:focus { outline: none; border: 1px solid #b8292f; }
.cart-info-box select, .filter-pane select, .cart-info-box input[type="text"], .cart-info-box input[type="tel"], .cart-info-box input[type="number"],.cart-info-box input[type="email"],
.cart-info-box.slide input[type="number"], .cart-info-box.slide select, .cart-info-box.slide input[type="text"],
.mbr-page select, .mbr-page input[type="text"], .mbr-page input[type="password"], .mbr-page input[type="tel"], .mbr-page input[type="number"], .mbr-page input[type="email"]
{ width:100%; height:50px;}

/*-- col --------------------------------*/
ul.col2{ display:flex; width:100%;}
ul.col2 li{ -webkit-flex:1; flex:1; border:0 !important;}
ul.col3{ display:flex; border:0;}
ul.col3 li{ margin-right:5px !important; padding:0 !important; -webkit-flex:1; flex:1; border:0 !important;}
ul.col3 li:last-child{ margin-right:0 !important;}

/*-- txt --------------------------------*/
.txt{ color:#464646;}
.txt .txt, .note, .tip, .page-num{ font-size:0.8125rem;}
.txt h3{ padding:0; }
.txt a { color: #00aeef; text-decoration: underline;}
.txt b, .note b, .title b, .cart-page b{ color:#b8292f; font-weight:normal;}
.txt em{ font-style:normal; text-decoration:line-through;}
.txt > span > span{ margin:0 5px; color:#b8292f; font-size:1.2rem; font-weight:bolder;}
.txt .time{ font-size:0.75rem; color:#999;}
.txt .content-list li::before{ margin-right:7px; content:"\2022"; font-size:1rem; color:#b8292f;}
.txt .content-list li{ margin-bottom:10px; padding-left:1rem; text-indent: -.9rem;}
.txt .content-list.note li{ padding:10px 0 0 1rem; list-style-position:inside; list-style-type: decimal; border-top:1px solid #ebebeb;}
.txt .content-list.note li::before{ display:none;}
/*-- txt read more --------------------------------*/
.txt.more{ max-height:200px; overflow:hidden;}
.txt-mask{ position:relative; bottom:20px; height:20px; background:url(../images/mask-w.png) left bottom repeat-x; background-size:15px 20px;}
.tab-slide-box .btn-wrap { margin:20px; text-align:center;}

/*-- title --------------------------------*/
.title{ padding:10px 0;}
.title h1 b{ color:#b8292f;}
.title h3 b{ font-size:0.75rem;}
.title > hr{ width:20%; border-top:4px solid #b8292f;}

/*-- tip --------------------------------*/
.tip{ margin:10px auto; padding:10px 0; background:#f5f5f5; border:1px solid #ddd;}
.tip .tip-box{ margin:0 auto; width:92%;}
.tip .tip-box .btn-wrap{ margin:20px auto 10px auto; text-align:center;}
.tip.slide{ background:url(../images/icon-ar-up-gr.png) 97% 15% no-repeat #f5f5f5; background-size:15px 9px; cursor:pointer;}
.tip.slide.current{ background:url(../images/icon-ar-down-gr.png) 97% 50% no-repeat #f5f5f5; background-size:15px 9px;}
.tip.slide .tip-box{ margin-left:10px; width:85%;}
.tip.slide.current .tip-box{ max-height:1rem; overflow:hidden;}
.tip.credite-info{ margin:10px auto !important; text-align:center;}
.tip table{ margin:10px auto 5px auto; width:100%;}
.tip td{ padding:10px; border:1px solid #c2c2c2;}
.tip td:nth-child(odd){ width:40%;}
.tip td:nth-child(even){ width:60%;}
.tip-note-wrap{ margin:5px 0 0 0;}/*for product tip*/
.tip-note{ display:inline-block; margin-bottom: 3px; padding:0 2px; font-size:0.75rem; color:#999; border:1px solid #c2c2c2;}
.tip-note.c1{ color:#b8292f; border-color:#b8292f;}
.tip-note.c2{ color:#00aeef; border-color:#00aeef;}
.note.check input[type="checkbox"]{ display:inline-block; position:inherit !important; vertical-align:-3px;}
.note.check label{ display:inline !important; padding-left:0 !important;}

/*-- btn --------------------------------*/
button{
	outline:none;
	-webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
	}
.btn, a.btn{
	padding:10px;
	text-align:center;
	font-family:'Lato', arial,"微軟正黑體";
	font-size:0.8125rem; color:#fff; text-decoration:none;
	background:#b8292f;
	border:0;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	}
.btn:hover, a.btn:hover{ background:#8f0d12;}

.btn.c1{ background:#ffb400;}
.btn.c2{ color:#fff; background:#c2c2c2;}
.btn.c3{ background:#0054a6;}
.btn.c4{ background:#e64498;}/*電子書*/
.btn.c1:hover{ background:#ff9000;}
.btn.c2:hover{background:#999;}
.btn.c3:hover{ background:#004383;}
.btn.c4:hover{ background:#c21e73;}/*電子書*/
.btn.cNone { background:#c7c7c7;} /*不能選擇時反灰*/

.btn.border, a.btn.border{
	color:#b8292f; background-color:#fff;
	border:1px solid #b8292f;
	}
.btn.border:hover, a.btn.border:hover{ background-color:#ebebeb;}

/*Connie20170307 begin*/
.btn.border2, a.btn.border2{
	color:#FFF; background-color:#f8912d;
	border:1px solid #c2c2c2;
	}
.btn.border2:hover, a.btn.border2:hover{ background-color:#f67a00;}

.btn.notify, a.btn.notify,
.btn.nextbuy_a, a.btn.nextbuy_a,
.btn.nextbuy_b, a.btn.nextbuy_b,
.btn.full, a.btn.full{
	display:block; padding:0;
	width:100%; line-height:45px;
	font-size:1rem;cursor:pointer;
	}
.btn.nextbuy_b{display:none;line-height:1.2;font-size:0.95rem;background-color:#ebebeb;}
	/*Connie20170307 end*/

.btn.small, a.btn.small{ padding:5px;}
.btn.border.g1{ color:#c2c2c2; border-color:#c2c2c2;}

a.border.line-share{ background:url(../images/icon-line-gr.png) no-repeat 50% 50% #fff;}
a.border.fb-share{ background:url(../images/icon-fb-gr.png) no-repeat 50% 50% #fff;}
a.border.line-share:hover{
	background:url(../images/icon-line-w.png) no-repeat 50% 50% #00c43d;
	border-color:#00c43d;
	}
a.border.fb-share:hover{
	background:url(../images/icon-fb-w.png) no-repeat 50% 50% #0054a6;
	border-color: #0054a6;
	}
a.border.line-share, a.border.fb-share{
	display:inline-block; min-width:40px;
	text-indent:-9999px;
	background-size:25px 25px !important;
	}

a.btn.page-prev, a.btn.page-next{ display:inline-block; background-size:9px 15px !important; text-indent:-9999px;}
a.btn.page-prev{
	background: url(../images/icon-ar-left-w.png) no-repeat 50% 50% #c2c2c2;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
	}
a.btn.page-next{
	background: url(../images/icon-ar-right-w.png) no-repeat 50% 50% #c2c2c2;
	background-size:9px 15px;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
	}
a.btn.page-prev:hover, a.btn.page-next:hover{ opacity:0.7}
a.btn.page-next.full, a.btn.page-prev.full{ background-size:13px 20px;}

a.btn.close{
	background: url(../images/icon-close-gr.png) 50% 50% no-repeat #fff;
	background-size:20px 20px !important; text-indent:-9999px;
	}
a.btn.close:hover{ background: url(../images/icon-close-gr.png) 50% 50% no-repeat #ebebeb;}

a.callto{ background: url(../images/icon-tel-2.png) 50% 50% no-repeat;}
a.callto:hover{ background: url(../images/icon-tel-2.png) 50% 50% no-repeat #c2c2c2; background-size:30px 30px;}
a.mapto{ background: url(../images/icon-map.png) 50% 50% no-repeat;}
a.mapto:hover{ background: url(../images/icon-map.png) 50% 50% no-repeat #c2c2c2; background-size:30px 30px;}
a.callto, a.mapto{
	height:45px;
	background-size:30px 30px; background-color:#fff;
	text-indent:-9999px
	}
.btn-wrap.col{ display:flex;}
.btn-wrap.col button,
.btn-wrap.col .btn,
.btn-wrap.col a{ -webkit-flex:1; flex:1; margin-right:2%;}/*Connie20180814*/
.btn-wrap.col button:last-child,
.btn-wrap.col .btn:last-child,
.btn-wrap.col a:last-child{ margin-right:0;}/*Connie20180814*/

/*Connie20170307 begin*/
/* login */
.overlay_login{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:rgba(0,0,0,0.5);}/*Connie20180809*/
.loginarea{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;width:100%;height:100%;}
.logincolumn{box-sizing:border-box;margin:0 auto;padding:20px 0;width:96%;height:auto;background-color:#FFF;border-radius:3px;box-shadow:0px 2px 0px 0px #333;}
.logincolumn .function_login{margin:0;padding:0 2%;width:auto;height:auto;text-align:center;}
.function_login .loginbtn{margin:0 auto 15px;padding:0;width:90%;height:38px;color:#000;background-color:#b8292f;border-radius:3px;}
.function_login .joinbtn{margin:0 auto 20px;padding:0;width:90%;height:38px;color:#FFF;border:1px solid #eee;background-color:#eee;border-radius:3px;}
.function_login a{display:block;width:100%;height:100%;line-height:38px;font-size:1rem;text-align:center;}
.function_login .loginbtn a{color:#FFF;}
.function_login .joinbtn a{color:#333;}
.function_login .closebtn a{display:inline;padding:5px 25px;background-color:#eee;border-radius:3px;}

/* notify */
.overlay_notify{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:rgba(0,0,0,0.5);}/*Connie20180809*/
.notifyarea{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;width:100%;height:100%;}
.notifyarea .notifycolumn{box-sizing:border-box;margin:0 auto;padding:0 0 10px;width:96%;height:auto;background-color:#FFF;border-radius:3px;box-shadow:0px 2px 0px 0px #333;}
.notifyarea .title_notify{margin:0;padding:5px 2%;width:auto;height:25px;font-size:1rem;color:#FFF;line-height:25px;background-color:#b8292f;border-radius:3px 3px 0 0;}
.notifyarea .content_notify{margin:0;padding:10px 2%;width:auto;height:auto;font-size:1rem;color:#000;}
.notifyarea .function_notify{margin:0;padding:10px 2%;width:auto;height:auto;}
.content_notify input{margin:0 auto;width:100%;}
.function_notify .closebtn{float:left;margin:0 5px 0 0;padding:0;width:49%;height:38px;color:#000;background-color:#eee;}
.function_notify .submitbtn{float:left;margin:0;padding:0;width:49%;height:38px;color:#FFF;background-color:#b8292f;}
.function_notify a{display:block;width:100%;height:100%;line-height:38px;font-size:1rem;text-align:center;border-radius:3px;}
.function_notify .submitbtn a{color:#FFF;}
/*Connie20170307 end*/

/*-- scrolltop --------------------------------*/
/*Connie修改 20170119  begin*/
a.scrolltop{
	display:none;
	position:fixed; right:1%;bottom:80px; /*for APP(ios)*/
	background:url(../images/icon-ar-up-w.png) no-repeat 50% 50% #000;
	background-size:15px 9px;
	width:40px; height:40px;
	text-indent:-9999px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;opacity: 0.2;
	z-index:8;/*Connie20180809*/
	}

a.scrolltop.android{bottom:1%;}/*for APP(android) +Web(android & ios)*/
/*Connie修改 20170119  end*/
/*-- tag --------------------------------*/
.tag{
	position:absolute;	padding:5px;
	font-size:0.75rem; color:#fff;
	background:#b8292f;
	opacity:0.9;
	z-index:7;/*Connie20180809*/
	}
.tag::after{
	display:block;
	position:absolute;top: 0; right:-7px;
    width:27px; height:27px;
    background-color: inherit;
    transform: skewX(-25deg);
    content:'';
	z-index:-1;
	}
.tag.sp01{ background:#ff3971;}
.tag.sp02{ background:#ff7200;}
.tag.sp03{ background:#30b8d1;}

/*Connie20170331 begin*/
.tag-box-wrap{ position:relative; margin-bottom:5px;/*text-align:left;*/height:auto;}/*Connie20170405*/
.tag.box{ position:absolute; left:0; bottom:0;display:inline-block; padding:2px 4px; opacity:0.5;width:auto;}/*Connie20170405*/
.tag.box.sp1{opacity:1;}
.tag.box::after{ display:none;}
.tag.small{ padding:0 2px; opacity:1;}
.tag.sale{ width:20px; height:12px; background:url(../images/icon-sale.png) no-repeat 50% 50% #b8292f; background-size: 15px 6px; }


.tag2{margin:0;padding:0;width:100%;height:auto;color:#b8292f;}
/*Connie20170331 end*/



/*-- icon --------------------------------*/
i[class^="icon-creditcard"], .icon-ar-01, .icon-time, .icon-tel, .icon-fb, .icon-linepay, .icon-shipglobal, .icon-shiphome{
	display:inline-block; margin-right:5px; vertical-align:middle;
	}
.icon-creditcard-01{ background: url(../images/icon-visa.png) center bottom no-repeat;}
.icon-creditcard-02{ background: url(../images/icon-mastercard.png) center bottom no-repeat;}
.icon-creditcard-03{ background: url(../images/icon-jcb.png) center bottom no-repeat;}
i[class^="icon-creditcard"]{ width:20px; height:13px; background-size: cover;}



/*oo 20170330 begin*/
.icon-ar-01{
	margin-left:5px;
	width:6px; height:10px;
	background:url(../images/icon-ar-right.png) no-repeat;
	background-size:cover;
	vertical-align:baseline;
	}
/*oo 20170330 end*/


.icon-fb{ width:22px; height:22px; background:url(../images/icon-fb.png) 50% 50% no-repeat; background-size:22px 22px;}
.icon-time{
	width:12px; height:12px;
	background: url(../images/icon-time.png) center bottom no-repeat; background-size:11px 11px;
	}
.icon-tel{
	width:12px; height:12px;
	background: url(../images/icon-tel-1.png) center bottom no-repeat; background-size:14px 14px;
	}

.callto , .mapto{
	width:30px; height:30px;
	background-size:cover;
	}
.icon-plus{
	width:30px; height:30px;
	background: url(../images/icon-plus.png) no-repeat 50% 50% rgba(0, 0, 0, 0.1);
	background-size:20px 20px;
	-webkit-border-radius:30px;
       -moz-border-radius:30px;
            border-radius:30px;
	}
.icon-ship-01{ background: url(../images/icon-ship-global.png) no-repeat;}
.icon-ship-02{ background: url(../images/icon-ship-hk.png) no-repeat;}
.icon-ship-03{ background: url(../images/icon-ship-store.png) no-repeat;}
.icon-ship-04{ background: url(../images/icon-ship-home.png) no-repeat;}
.icon-ship-05{ background: url(../images/icon-ship-3hr.png) no-repeat;}
i[class^="icon-ship-"]{ background-size:20px 20px;}

.icon-shipglobal{
	margin-right:10px;
	width:20px; height:20px;
	background: url(../images/icon-ship-global-bl.png) 50% 50% no-repeat;
	background-size:cover;
	}
.icon-shiphome{
	display:inline-block; margin-right:10px; vertical-align:middle;
	width:25px; height:15px;
	background: url(../images/icon-ship-home-r.png) no-repeat;
	background-size:cover;
	}
.icon-srv-01{ background: url(../images/icon-srv-1.png) no-repeat; }
.icon-srv-02{ background: url(../images/icon-srv-2.png) no-repeat; }
.icon-srv-03{ background: url(../images/icon-srv-3.png) no-repeat; }
i[class^="icon-srv-"]{
	height:20px; width:20px;
	background-size:20px 20px;
	border:1px solid #c2c2c2;
	}
.icon-rank-01{ background: url(../images/icon-rank-1.png) no-repeat;}
.icon-rank-02{ background: url(../images/icon-rank-2.png) no-repeat;}
div[class^="icon-rank-"]{
	height:20px; width:20px;
	background-size:20px 20px;
	}
.icon-error{ width:60px; height:60px; background:url(../images/icon-error.png) no-repeat; background-size:cover;}
i.icon-barcode{ display:inline-block; width:18px; height:18px; vertical-align:middle; background:url(../images/icon-barcode.png) no-repeat; background-size:cover;}

.icon-unit-01{ background:url(../images/icon-unit-01.png) no-repeat;}
.icon-unit-02{ background:url(../images/icon-unit-02.png) no-repeat;}
.icon-unit-03{ background:url(../images/icon-unit-03.png) no-repeat;}
.icon-unit-04{ background:url(../images/icon-unit-04.png) no-repeat;}
.icon-unit-05{ background:url(../images/icon-unit-05.png) no-repeat;}
.icon-unit-06{ background:url(../images/icon-unit-06.png) no-repeat;}
.icon-unit-07{ background:url(../images/icon-unit-10.png) no-repeat;}
.icon-unit-08{ background:url(../images/icon-unit-08.png) no-repeat;}
.icon-unit-09{ background:url(../images/icon-unit-09.png) no-repeat;}
i[class^="icon-unit-"]{
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
	height:25px; width:25px;
	background-size:25px 25px;
	}
.icon-award img{ vertical-align:middle; width:20px;}
/*-- captcha --------------------------------*/
.img-captcha > img{ width:100%; border:1px solid #c2c2c2;}
a.reflash{ display:inline-block; font-size:0.8125rem; color:#00aeef; text-decoration:underline; vertical-align:text-bottom;}
/*-- nav --------------------------------*/
header{
	position:fixed;
	width:100%; height:50px;
	background:#fff; border-top:2px solid #b8292f;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	z-index:8;/*Connie20180809*/
	}
header .header-wrap:after{content:""; display: block; clear:both;}
header .logo{ position:absolute; top:50%; left:50%; margin:-15px auto auto -55px; width:110px; height:30px;}
header .logo img{ width:100%;}
header .header-tool{ position:absolute; top:50%; right:3%; margin:-6px 0 0 0; font-size:0.8125rem;}
header .header-tool:after{content:""; display: block; clear:both;}
header .header-tool a{ font-weight:bolder; color:#b8292f;}
header .header-tool li{ float:left; margin-left:10px;}
header .header-tool a.login{
	display:block;
	width:25px; height:25px;
	background:url(../images/icon-member-3.png) 50% 2% no-repeat;
	background-size:20px 20px;
	font-size:0;
	}
header .header-tool a.logout{
	display:block;
	width:25px; height:25px;
	background:url(../images/icon-member-2.png) 50% 2% no-repeat;
	background-size:20px 20px;
	font-size:0;
	}
a.icon-cart{
	display:block;
	width:22px; height:22px;
	background:url(../images/icon-cart.png) no-repeat;
	background-size:22px 21px;
	text-indent:-9999px;
	}
.btn-cart{ position:relative;}
.btn-cart .num{
	position:absolute; top:-10px; right:-5px;
	min-width:16px;
	font-size:0.75rem; color:#fff; line-height:1.2; text-align:center;
	background:#b8292f;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
			text-indent:0px;
	}

nav{
	float:left; width:40px; height:50px;
	background:url(../images/icon-nav.png) 50% 50% no-repeat ; background-size:25px 18px;
	text-indent:-9999px;
	cursor:pointer;
	}
.btn-nav-prev{
	float:left; width:40px; height:50px;
	background:url(../images/icon-ar-left.png) 50% 50% no-repeat; background-size:12px 20px;
	text-indent:-9999px;
	}


	
#sidenav {
    position:fixed; top: 0; left: -80%;
    height: 100%; width:80%;
    background:#fff;
    overflow-x: hidden;
	z-index:9999;
	}
#sidenav ul li, #sidenav .login-pane{
	line-height:60px; text-indent:15px;
	border-bottom:1px solid #c2c2c2;
	}
#sidenav ul li a{ display:block;}
#sidenav ul ul{ display:none; position:relative;}
/*group-01*/
.login-pane{ background:#b8292f;}
.login-pane a{ display:block; color:#fff;}
.login-pane a:hover{ background-color:#8f0d12;}
.member-info-pane .member-log{
	position:relative;
	line-height:60px; text-indent:15%;
	background: url(../images/icon-member.png) no-repeat 5% 50%; background-size:24px 24px;
	border-bottom:1px solid #c2c2c2;
	}
.member-log button{ position:absolute; top:50%; right:5%; margin-top:-13px;}
.member-info-pane .member-info{ font-size:0.8125rem; color:#555;}
.member-info ul{ padding:0 4%;}
.member-info ul:after{content:""; display: block; clear:both;}
.member-info ul li{ float:left; line-height:40px !important; text-indent:0 !important; border:none !important;}
.member-info ul li:nth-child(odd){ width:60%;}
.member-info ul li:nth-child(even){ width:40%; text-align:right;}
/*group-02*/
#sidenav .group-02 > ul > li{
	background:url(../images/icon-ar-down.png) no-repeat 95% 27px #d7d7d7;
	background-size:15px 9px;
	}
#sidenav .group-02 > ul > li:first-child { border-top:#c2c2c2 1px solid; }
#sidenav .group-02 > ul > li > ul > li,
#sidenav .group-02 > ul > li > ul > li > ul > li,
#sidenav .group-02 > ul > li > ul > li > ul > li > ul > li{
	background:url(../images/icon-ar-down.png) no-repeat 95% 27px #FFF;
	background-size:15px 9px;
	}
#sidenav .group-02 > ul > li > ul > li > ul > li > ul > li > ul > li{
	background:url(../images/icon-ar-right-gr.png) no-repeat 95% 50% #FFF;
	background-size:9px 15px;
	}
#sidenav .group-02 ul li.last{
	background:url(../images/icon-ar-right-gr.png) no-repeat 95% 50% #FFF;
	background-size:9px 15px;
	}

#sidenav .group-02 > ul > li > ul > li{text-indent:2em;}
#sidenav .group-02 > ul > li > ul > li > ul > li{text-indent:4em;}
#sidenav .group-02 > ul > li > ul > li > ul > li > ul > li{text-indent:6em;}
#sidenav .group-02 > ul > li > ul > li > ul > li > ul > li > ul > li{text-indent:8em;}

#sidenav .group-02 > ul > li.current{ background:url(../images/icon-ar-up.png) no-repeat 95% 27px #c2c2c2; background-size:15px 9px;}
	#sidenav .group-02 ul ul li{ background:#fff; border-bottom:1px solid #f7f7f7;}
	#sidenav .group-02 ul ul li.current{ background:#e7e7e7;}
	#sidenav .group-02 ul ul li:first-child{ border-top:1px solid #ebebeb;}
	#sidenav .group-02 ul ul li:last-child{ border-bottom:0;}
/* group-03 */
#sidenav .group-03 ul li{
	background:url(../images/icon-ar-right-gr.png) no-repeat 95% 50% #e7e7e7;
	background-size:9px 15px;
	}
#sidenav a.btn-login{
	background:url(../images/icon-ar-right-w.png) no-repeat 95% 50% #b8292f; background-size:9px 15px;
	color:#fff;
	}
.mask{
	display:none;
	position: fixed; top:0; left:0;
	width:100%; height:100%;
	background: rgba(0, 0, 0, 0.3);
	z-index:8;/*Connie20180809*/
	}
/* app nav */
.nav-title{
	line-height:40px; text-indent:15px;
	font-size:1rem; font-weight:bolder; color:#fff;
	background:#5c5c5c;
	}
.app-header #sidenav .group-02 > ul > li{ position:relative; background:#fff;}
.app-header #sidenav .group-02 > ul > li.sub-slide.current{
	background:url(../images/icon-ar-up.png) no-repeat 95% 27px #ccc;
	background-size:15px 9px;
	}
.app-header #sidenav .group-02 .sub-slide{
	background:url(../images/icon-ar-down.png) no-repeat 95% 27px;
	background-size:15px 9px;
	}
.switch {
	position:absolute; top:20px; right:4%;
	width: 36px; height: 20px;
}

.switch input {display:none;}
.slider {
	position:absolute;  top:0; left:0; right:0; bottom:0;
	cursor: pointer;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	}

.slider:before {
	position: absolute; left:3px; bottom:2px;
	content: "";
	height: 16px; width: 16px;
	background-color:#fff;
	-webkit-transition: .4s;
			transition: .4s;
	}

input:checked + .slider { background-color: #b8292f;}
input:focus + .slider { box-shadow: 0 0 1px #b8292f;}
input:checked + .slider:before {
	-webkit-transform: translateX(14px);
		-ms-transform: translateX(14px);
			transform: translateX(14px);
	}
.slider.round { border-radius: 20px;}

.slider.round:before { border-radius: 50%;}
/*-- sub-menu --------------------------------*/
.sub-menu{ position:relative; white-space:nowrap; margin-bottom:10px; background:#fff;}
.sub-menu ul{ overflow-x:auto; text-align:center;}
.sub-menu ul li{ display:inline-block; min-width:23%; vertical-align:middle; text-align:center;}
.sub-menu ul li a{ display:block; padding:10px 0;}
.sub-menu ul li a.current{
	color:#b8292f; border-bottom:3px solid #b8292f;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
			box-sizing: border-box;
			}

.sub-menu2{ position:relative; white-space:nowrap; margin-bottom:10px; background:#fff;}
.sub-menu2 ul{ overflow-x:auto; text-align:center;}
.sub-menu2 ul li{ display:inline-block; min-width:25%; vertical-align:middle; text-align:center;}
.sub-menu2 ul li a{ display:block; padding:10px 0;}
.sub-menu2 ul li a.current{
	color:#b8292f; border-bottom:3px solid #b8292f;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
			box-sizing: border-box;
			}

/*-- popUp --------------------------------*/
.overlay {
	position: fixed; top: 0;
	bottom: 0; left: 0; right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index:8;/*Connie20180809*/
	}
.overlay:target {
	visibility: visible;
	opacity: 1;
	}
.popup {
	margin: 70px auto;
	padding:40px 20px 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 1s ease-in-out;
	}
.popup .close {
	display:block;
	position: absolute; top: 5px; right: 0;
	width:25px; height:25px;
	background:url(../images/icon-close.png) no-repeat;
	background-size:20px 20px;
}
.popup .content { padding-bottom:20px; min-height:60px; max-height: 30%;overflow: auto;}
.popup .btn-wrap{ bottom:0;}

/*Connie20180814 begin*/
/*-- popup2 --------------------------------*/
.overlay_popup2{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;/*勿少於此*/background-color:rgba(0,0,0,0.6);}
.popup2area{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;width:100%;height:100%;}
.popup2area .mask_popup2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;}/*綁程式（防止點擊內容關閉）*/
.popup2area .popup2column{position:relative;z-index:1002;box-sizing:border-box;margin:2% 10px 2%;padding:25px 10px;width:auto;height:96%;overflow:auto;border-radius:5px;background-color:#FFF;}
.popup2column .close_popup2{display:block;position: absolute; top: 5px; right: 0;width:25px; height:25px;background:url(../images/icon-close.png) no-repeat;background-size:20px 20px;}
/*Connie20180814 end*/


@media screen and (max-width: 700px){
  .box{ width: 80%;}
  .popup{ width: 80%;}
}
/*-- search --------------------------------*/
.search{ position:relative;margin:2% 4%;}/*Connie20180809*/
.search-form-wrap{display:flex;width:100%;}/*Connie20180809*/
/*.search-form-wrap > div {-webkit-flex:1.5; flex:1.5; } 這條可刪除 Connie20180809*/
.search select.type{
	padding-right:5%; margin-right:2%;
	-webkit-flex:2; flex:2;
	background:url(../images/icon-ar-down-gr.png) no-repeat 92% 50% #fff;
	background-size:13px 7px;
	width:30%;
    -webkit-appearance:none;
       -moz-appearance:none;
	    -ms-appearance:none;
         -o-appearance:none;
	        appearance:none;
			}
.search .search-input-wrap{position:relative;flex:10;height:38px;}/*Connie20180809*/
.search select, .search input{ padding:10px 2%;}
.search .search-input{ padding-right:40px; width:100%;}
.search .search-input-wrap .btn-search{
	position:absolute; top:50%; margin-top:-21px; right:-5px;
	width:40px; height:40px;
	background:url(../images/icon-search.png) no-repeat 50% 50%;
	background-size:20px 20px;
	border:none;
	text-indent:-9999px;
	}
.search .btn.barcode{
	margin-left:2%;
	line-height:1;
	-webkit-flex:.8; flex:.8;
	background:url(../images/icon-barcode.png) 50% 50% no-repeat #b8292f;
	background-size:20px 20px !important;
	text-indent:-9999px;
	}
.btn.barcode:hover{ background:url(../images/icon-barcode.png) 50% 50% no-repeat #8f0d12;}

/*Connie20180809 begin*/
.search .search-extend-wrap{position:absolute;left:0;top:38px;z-index:7;box-sizing:border-box;width:100%;border:1px solid #b8292f;border-top:none;border-bottom:none;background-color:#FFF;}
@-moz-document url-prefix(){.search .search-extend-wrap { top: 39px; }} /* for Firefox only */
.search-extend-wrap .search_extend1_column,
.search-extend-wrap .search_extend2_column{border-bottom:1px solid #b8292f;}

.search_extend1_column .relatefield_search{padding:0 12px;}
.search_extend2_column .historyfield_search,
.search_extend2_column .hotfield_search{padding:0 12px;}
.search_extend2_column .btn-wrap.col .btn{padding:8px;/*font-size:0.875rem;*/border:none;border-top:1px solid #b8292f;border-radius:0;}

/*relatecol*/
.relatecol .relateunit{height:40px;line-height:40px;overflow:hidden;}
.relateunit a{display:block;/*區塊*/}

/*historycol*/
.historycol .historytitle{height:40px;line-height:40px;color:#777;}
.historycol .historyunit{height:40px;line-height:40px;}
.historytitle .htytitle{float:left;width:50%;}
.historytitle .htyclear{float:right;width:33%;text-align:right;}
.historyunit .htytxt{float:left;width:90%;height:40px;overflow:hidden;}
.historyunit .htyclear{float:right;padding:10px 0 10px 0;width:10%;height:20px;}
.htytxt a{display:block;/*區塊*/}
.htyclear .btnclose_hty{float:right;width:20px;height:20px;line-height:20px;text-align:center;}

/*hotcol*/
.historycol{border-bottom:1px solid #c2c2c2;}
.hotcol .hottitle{height:40px;line-height:40px;color:#777;}
.hotcol .hotunit{height:40px;line-height:40px;overflow:hidden;}
.hotunit a{display:block;/*區塊*/}
/*Connie20180809 end*/

/*-- search-result + breadcrumbs --------------------------------*/
.search-result, .breadcrumbs{ margin:2% 4%; font-size:0.75rem;}
.breadcrumbs a{ color:#00aeef; text-decoration:underline;}
/*-- filter --------------------------------*/
.filter-pane{ margin-bottom:10px;}
.filter-box{ margin:0 auto; width:92%;}
.filter-box .filter-inner-box{display:flex;}
.filter-box .filter-inner-box select{ display:inline; margin-right:2%; -webkit-flex:1; flex:1;}
.filter-box select:last-child{ margin-right:0;}
.filter-box ul:after{content:""; display: block; clear:both;}
.filter-box ul li{
	float:left;
	width:25%; line-height:40px;
	text-align:center;
	font-size:0.8125rem;
	border-top:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
			box-sizing: border-box;
	}
.filter-box ul li:first-child{
	border-left:1px solid #c2c2c2;
	-webkit-border-radius:4px 0 0 4px;
	   -moz-border-radius:4px 0 0 4px;
	        border-radius:4px 0 0 4px;
	}
.filter-box ul li:last-child{
	-webkit-border-radius:0 4px 4px 0;
	   -moz-border-radius:0 4px 4px 0;
	        border-radius:0 4px 4px 0;
	}
.filter-box i{
	display:inline-block; margin-right:5px;
	width:15px; height:15px; vertical-align: sub;
	}
.icon-filter-01{ background:url(../images/icon-filter-1.png) no-repeat 50% 50%;}
.icon-filter-02{ background:url(../images/icon-filter-2.png) no-repeat 50% 50%;}
.icon-filter-03{ background:url(../images/icon-filter-3.png) no-repeat 50% 50%;}
.icon-filter-04{ background:url(../images/icon-filter-4.png) no-repeat 50% 50%;}
.icon-filter-05{ background:url(../images/icon-filter-5.png) no-repeat 50% 50%;}
.filter-box a{ display:block;}
.filter-box a:hover{ color:#b8292f;}
a:hover .icon-filter-01{ background:url(../images/icon-filter-1-on.png) no-repeat;}
a:hover .icon-filter-02{ background:url(../images/icon-filter-2-on.png) no-repeat;}
a:hover .icon-filter-03{ background:url(../images/icon-filter-3-on.png) no-repeat;}
a:hover .icon-filter-04{ background:url(../images/icon-filter-4-on.png) no-repeat;}
a:hover .icon-filter-05{ background:url(../images/icon-filter-5-on.png) no-repeat;}
.icon-filter-01, .icon-filter-02, .icon-filter-03, .icon-filter-04, .icon-filter-05{
	background-size:cover !important;
	}
.filter-box.col2 ul li{ width:50%;}
.filter-box.col3 ul li{ width:33%;}
.filter-select-pane{
	display:none; position: absolute; top:0px; z-index:9;/*Connie20180809*/
	width:100%;
	background:#fff;
	}
.filter-select-pane ul li a{
	display:block;
	line-height:50px; text-indent:15px;
	border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
		    box-sizing: border-box;
	}
	/*Connie20170330 begin*/
.filter-select-pane.col3 ul li a{
	display:flex;
	align-items:center;justify-content:center;
	height:3em;
	line-height:1.3;text-indent:0;text-align:center;
	border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
		    box-sizing: border-box;
	}
	/*Connie20170330 end*/
.filter-select-pane ul li a.current{
	background: url(../images/icon-current.png) no-repeat 95% 50%;
	background-size:12px 12px;
	}
.filter-select-pane ul li:first-child, .filter-select-pane ul li:first-child a.current{
	background: url(../images/icon-close-bk.png) no-repeat 95% 50% #c1c1c1;
	background-size:12px 12px;
	}
.filter-select-pane.col2 ul:after{content:""; display: block; clear:both;}
.filter-select-pane.col2 ul li:first-child{ width:100%;}
.filter-select-pane.col2 ul li{ float:left; width:50%;}

.filter-select-pane.col3 ul:after{content:""; display: block; clear:both;}
.filter-select-pane.col3 ul li:first-child{ width:100%;}
.filter-select-pane.col3 ul li{ float:left; width:33.333%;}/*Connie20170330*/

/*-- float-pane --------------------------------*/
.float-pane{ position:relative; width:100%;}

/*Connie修改 20170118  begin*/
.float-pane .float-pane-box{
	width: 96%;
	text-align:center;
	background: rgba(255, 255, 255,1);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	z-index:9;/*Connie20180809*/
	}

.float-pane-box.style1{position:fixed;bottom:0px;padding:5px 2% 25px;height:50px;}/*for APP(ios)*/
.float-pane-box.style1b{position:fixed;bottom:0px;padding:5px 2%;}/*for APP(android) + WEB(android & ios)*/
.float-pane-box.style2{position:absolute;bottom:0px;padding:5px 2%;height:auto;}

.float-pane-box .btn-wrap{ display:flex;}
/*Connie20170307 begin*/
.float-pane-box.shopcart .btn-wrap .btn.nextbuy_a,
.float-pane-box.shopcart .btn-wrap .btn.nextbuy_b{ margin-right:1%;-webkit-flex:3.5; flex:3.5; /*display:inline-block;*/ vertical-align:middle;}
.float-pane-box.shopcart .btn-wrap .btn.full,
.float-pane-box.shopcart .btn-wrap .btn.notify{ -webkit-flex:5; flex:5; display:inline-block; vertical-align:middle;}
/*Connie20170307 end*/

.float-pane-box.shopcart .btn-wrap a.line-share, .float-pane-box.shopcart .btn-wrap a.fb-share{ -webkit-flex:1; flex:1; margin-right:1%; vertical-align: middle;}

.float-pane-box.page .btn-wrap a.btn{ -webkit-flex:2.5; flex:2.5; margin-right:1%; vertical-align: middle;}
.float-pane-box.page .btn-wrap a.btn.close{-webkit-flex:1; flex:1; vertical-align: middle;}

.float-pane-box.style1b .btn-wrap a.btn{ -webkit-flex:2.5; flex:2.5; margin-right:1%; vertical-align: middle;}
.float-pane-box.style1b .btn-wrap a.btn.close{-webkit-flex:1; flex:1; vertical-align: middle;}

/*Connie修改 20170118  end*/
/*-- srep-wrap --------------------------------*/
.step-wrap{ padding:0;}
.step-wrap ul{ text-align:center; border-bottom:1px solid #b8292f;}
.step-wrap ul li{display:inline-block; width:30%; line-height:2; vertical-align:middle; color:#c2c2c2;}
.step-wrap ul li > span{ font-size:1.5rem;}
.step-wrap ul li.current{
	color:#b8292f;
	border:1px solid #b8292f;
	border-bottom:none;
	box-shadow: 0px 1px 0px #fff;
    -webkit-border-radius:3px 3px 0 0;
	   -moz-border-radius:3px 3px 0 0;
    		border-radius:3px 3px 0 0;
	}

/*-- product item --------------------------------*/
.product-wrap{ margin:0 auto; width:90%;}
.product-wrap .img-wrap { position:relative; text-align: center;}
	.img-wrap img{ width:100%;}
.product-wrap .txt .name{ font-size:1rem; font-weight:bolder; max-height:2.5rem; overflow:hidden;}
.product-wrap .txt a.name{ display:block; max-height:3rem; line-height:1.5; color:#111; text-decoration:none;}
.product-wrap .txt > span{ display:block; font-size:0.75rem; line-height:1rem; max-height:1rem; overflow:hidden;}
.product-wrap .txt .price{ line-height:1.8; max-height:inherit;}
.product-wrap .img-wrap a{ display:block;}

.rank{
	position:absolute; top:0; left:0;
	padding:3px; top:0;
	min-width:16px;
	font-size:0.75rem; color:#fff;
	background-color:#ffc000;
	}
.product-wrap.horizon:after{ content:""; display: block; clear:both;}
.product-wrap.horizon .img-wrap{ float:left; width:35%; max-width:110px;}
.product-wrap.horizon .txt{ margin-left:10px; float:left; width:60%;}
.product-wrap.horizon [class^="icon-rank"]{ position:absolute; bottom:-14px;}

.multi .swiper-slide{ width:50% !important; max-width:260px;}

.product-wrap.vertical{ margin:6%;}
.product-wrap.vertical .img-wrap{ text-align:center; overflow:hidden; }
.product-wrap.vertical .img-wrap img{ width:auto; height:140px;}
.product-wrap.vertical .txt{ position:relative;}
.product-wrap.vertical .txt .name{ min-height:3rem;}
.product-wrap.vertical [class^="icon-rank"]{ position:absolute; top:26px; }
/*-- product list --------------------------------*/

/*Connie20170307 begin*/
.product-list ul li{ position:relative;padding:10px 0; border-bottom:2px solid #f5f5f5;}
.product-list .product-wrap.vertical{ margin:2%;}
.product-list .horizon .img-wrap{ width:25%;}
.product-list .horizon .txt{ width:70% !important;}
.product-list.picview ul{margin:0 auto; width:92%;}
.product-list.picview ul:after{content:""; display: block; clear:both;}
.product-list.picview ul li{ float:left; margin-bottom:0; border:0; }

.product-list.sameheight .product-wrap.vertical .txt{ height:150px;}
.product-list.sameheight .product-wrap.vertical button{ position:absolute; bottom:0;}

.product-wrap.horizon .nextbuy{position:absolute;right:10px;bottom:10px;width:8%;}
.product-wrap.vertical .nextbuy{position:absolute;right:0;bottom:0;width:20%;}
.nextbuy img{width:25px;height:auto;vertical-align:bottom;cursor:pointer;}
.nextbuy .nextbuy_b{display:none;}

.popup_nextbuy{display:inline-block;position:fixed;right:0;left:0;z-index:10;margin:0 auto;text-align:center;}/*Connie20180809*/
.popup_nextbuy.search{bottom:20px;}
.popup_nextbuy.product{bottom:100px;}
.popup_nextbuy span{padding:5px 10px;font-size:13px;color:#FFF;background-color:rgba(0,0,0,0.8);}
.popup_nextbuy .add,
.popup_nextbuy .remove{display:none;}
/*Connie20170307 end*/


@media screen and (min-width: 768px){
.product-list.picview ul li {
    width: 25%;
	}
}
@media (min-width: 736px){
.product-list.picview ul li {
    width: 25%;
	}
}
@media (max-width: 736px){
.product-list.picview ul li {
    width: 33.33333333333333%;
	}
}
@media (max-width: 568px){
.product-list.picview ul li {
    width: 33.33333333333333%;
	}
}
@media (max-width: 480px){
.product-list.picview ul li {
    width: 50%;
	}
}
/*-- page num --------------------------------*/
.page-num-pane{ margin:0 auto 10px auto; width:92%; text-align:center; }
.page-num-wrap select{ display:inline; width:auto;}
.page-num-pane .page-num-inner{display:inline;}

/* ----------------------------------------------------------------------
	inx & state act & rank
---------------------------------------------------------------------- */
.swiper-slide img{ width:100%;}
.notice, .main-bn{ margin:0 auto 2% auto; width:92%; text-align: center;}
.main-bn .swiper-slide img{ width:100%; max-width:640px;}

/*oo 20170406 begin*/
.promote .title, .state .title{
	position:relative;
	color:#8f0d12;
	border-bottom:#af1319 2px solid;
	border-top:#f7f7f7 3px solid;
	text-align:center;
	}
.promote .title h3, .state .title h3 { font-size:1.07rem;}
.promote .title a{
	position:absolute; top:50%; right:10px; margin-top:-10px;
	font-size:0.75rem; color:#8f0d12;
	}
/*oo 20170406 end*/

.promote.single .product-wrap.horizon, .state .product-wrap.horizon{ margin:10px auto;}
/*Connie20170918 begin*/
.promote.single .promotecolumn.lt{float:left;box-sizing:border-box;margin:0;padding:0 5px 0 0;width:50%;height:auto;}
.promote.single .promotecolumn.rt{float:right;box-sizing:border-box;margin:0;padding:0 0 0 5px;width:50%;height:auto;}
.promote.single .promotecolumn .title{padding:10px 0 10px 10px;}
.promote.single .promotecolumn .title h3{text-align:left;}
.promotecolumn .product-wrap.horizon .img-wrap{float:none;max-width:100%;width:100%;text-align:center;}
.promotecolumn .product-wrap.horizon .txt{float:none;width:100%;margin-left:0;}
.promotecolumn hr{margin-bottom:0;}
.promotecolumn .swiper-slide img{/*max-width:110px;*/width:auto;height:145px;}
/*Connie20170918 end*/
.notice{ padding:5px 0; text-align:center; background:#fff; border:1px solid #c2c2c2;}
.icon-notice{
	display:inline-block;
	width:40px; height:40px;
	background:url(../images/icon-notice-01.png) 50% 50% no-repeat;
	background-size:40px 40px;
	}
.notice .txt.notice-info{display:inline-block;}
.notice .txt.notice-info span{
	display:block;
	text-align:left;
	font-size:.8125rem;
	}
.notice .txt.notice-info b{ font-size:1.125rem; font-weight:bolder;}
.notice .txt.notice-info em{ font-size:1rem; text-decoration:none;}

/*Connie 20170112*/
.nav_special{margin:0 auto 2.5% auto; width:100%; background-color:#FFF;}
.nav_special ul{display:flex;margin:0;padding:0;width:100%;height:auto;border-bottom:1px solid #aeaeae;}
.nav_special ul:after{content:""; display: block; clear:both;}
.nav_special ul li{float:left;flex:1;list-style-type:none;margin:0;padding:0;/*width:25%;*/height:45px;line-height:45px;text-align:center;}
/*.nav_special ul li:last-child{margin-right:15px;}*/　/*Connie20170707*/
.nav_special ul li a{color:#111;font-size:15px;}
.nav_special ul li.on a{display:block;width:100%;height:100%;color:#b8292f;font-weight:bold;/*border-bottom:2px solid #b8292f;*/}
/* ----------------------------------------------------------------------
	mbr-page //login, forgot, register, guideline,
---------------------------------------------------------------------- */
/* Connie20170707 begin */
.bnarea{margin:0;padding:0;width:100%;height:auto;font-size:0;background-color:#F00;}
.bnarea.sty2{margin:10px auto;width:96%;}
.bnarea.sty3{margin:2% auto;padding:0;width:92%;}
.bnarea img{width:100%;height:auto;}
.mbr-page .bnarea{margin:2% auto;padding:0;width:92%;height:auto;}
/*Connie20170707 end*/

.mbr-page .bnarea{margin:2% auto;padding:0;width:92%;height:auto;}
.mbr-page .bnarea img{width:100%;height:auto;}
.mbr-page .inner-wrap{ margin:0 auto 10px auto; width:92%; background: none;}
.mbr-page .inner-wrap ul li { padding:5px 0;}
.mbr-page .img-captcha{ display:inline-block; margin-right:10px; width:200px;}
.guideline-box{
	height:200px; overflow-y: auto;
	background:#fff; border:1px solid #c2c2c2;
	}
	.guideline-box::-webkit-scrollbar{ -webkit-appearance: none;}
	.guideline-box::-webkit-scrollbar:vertical{ width:8px;}
	.guideline-box::-webkit-scrollbar:horizontal{ height:8px;}
	.guideline-box::-webkit-scrollbar-thumb {
		background-color:rgba(0, 0, 0, .3);
		border-radius:10px;
		border:2px solid #ffffff;
		}
	.guideline-box::-webkit-scrollbar-track { border-radius:10px; background-color:#ffffff;}
.guideline-box .txt p{ margin:10px; font-size:0.8125rem; text-align:left;}
.mbr-page.login .txt a{ display:inline-block; color:#b8292f; text-decoration:underline;}
.mbr-page.login ul li .txt.note{ margin-top:10px; text-align:center;}
.mbr-page.register ul.col2 label{ display:block;}
.mbr-page.register ul.col2 input[type="radio"]{ vertical-align:top;}
.mbr-page .btn-wrap{ margin-top:20px;}
.info-page .wrap-box{ margin: 0 auto; padding: 20px 4%;}
.info-page .wrap-box .txt hr{ margin:20px 0;}
.info-page .wrap-box .txt h4{ margin-bottom:5px;}
.info-page .wrap-box .txt img{ width:100%; margin-top:10px;}
.info-page .swiper-pagination{ bottom:-5px !important;}
.info-page .btn-wrap{ margin-bottom:20px; padding:0 4%; width:92%;}

/* login.asp */
/*Connie20180830 begin*/
.container.login .sub-menu2{margin:0 0 25px;padding:15px 0 0;background-color:transparent;}
.sub-menu2 .tabcol_login{margin:0 auto;width:95%;font-size:0;}
.sub-menu2 .tabunit_login{box-sizing:border-box;margin:0;padding:0;width:50%;height:auto;border:1px solid #f05b0a;background-color:#FFF;}
.sub-menu2 .tabunit_login:hover{background-color:#ebebeb;}
.sub-menu2 ul .tabunit_login.current{color:#FFF;border-bottom:none;background-color:#f05b0a;}
.sub-menu2 ul .tabunit_login.current:hover{background-color:#e55100;}
.sub-menu2 ul .tabunit_login.current a{color:#FFF;}
.sub-menu2 ul .tabunit_login a{font-size:1rem;}

.container_login .btn.full{border-radius:100px;border-bottom:3px solid #ab1212;}
.container_login .btnfirstbuy{margin:0 0 15px;}
.container_login .txt p{margin:0 0 5px;}
.container_login .txt a.btnclause{color:#3783c5;}
/*Connie20180830 end*/

/* oo Line登入-20180815 begin */
#LoginBtn.btn{ margin:0;}
.otherLogin{ margin-top:35px;}
.otherLogin h3{ margin-bottom:15px; border-top:#e6e6e6 1px solid; font-size:15px; color:#3e3e3e;}
.otherLogin h3 span{ display:table; padding:0 10px; margin:-13px auto 0 auto; background-color:#f5f5f5;}
.loginEasy ul li{ overflow:hidden; text-align:center; margin:12px 0; padding:0 !important; background-color:rgba(255,255,255,0.4); border-radius:3px;}
.loginEasy ul li a{ overflow:hidden; display:block;}
.loginEasy ul li a p{ line-height:40px; text-align:center; text-indent:-2%;}
.loginEasy ul li a img { float:left; height:40px; width:auto;}
.ezMail{ border:#b8292f 1px solid;}
.ezLine{ border:#00b900 1px solid;}
.ezGoogle{ border:#ea4335 1px solid;}
.ezFB{ border:#3b5998 1px solid;}
.ezMail a{ color:#b8292f;}
.ezLine a{ color:#00b900;}
.ezGoogle a{ color:#ea4335;}
.ezFB a{ color:#3b5998;}

/*logineasy.asp*/
.mbr-page.login .txt.forgetpw a{ color:#3783c5;}
.logChoice{ display:inline;}
.logChoice input[type="radio"]{ display:none;}
.logChoice input[type="radio"] + label{ width:98%; display:block; padding:12px 0 8px 0; margin:0 1% 10px 1%; border:#d4cbcb 1px solid; border-bottom:#e2e2e2 4px solid; background-color:#f9f9f9;
border-radius:3px; text-align:center; color:#717171; font-size:16px; cursor:pointer; position:relative;}
.logChoice input[type="radio"]:checked + label{ border:#c01313 1px solid; border-bottom:#ab1212 4px solid; color:#ffffff; background-color:#c01313;}

#loginMethod02 ~ .loginMinfo.logM02, 
#loginMethod01 ~ .loginMinfo.logM01{ display:none;}
#loginMethod02:checked ~ .loginMinfo.logM02, 
#loginMethod01:checked ~ .loginMinfo.logM01{ display:block;}
.loginMinfo{ width:92%; margin-top:15px; padding:12px 4% 20px 4%; background-color:#fbfbfb; text-align:left; color:#484848; font-size:15px; border-radius:0 0 4px; border-top:#c01313 3px solid;}
.loginMinfo p{ margin-bottom:8px;}
.loginMinfo ul li{ margin:10px 0; position:relative;}
.loginMinfo h4{ font-size:16px; margin:6px 0;}
.LMforget{ position: absolute; right:-63px; bottom:0;}
.LMforget a{ color:#3783c5; font-size:14px;}

.logSendBTN{ display:flex; margin:10px auto 0 auto;}
.logSendBTN input{ flex:1; margin:0 6px; padding:10px 10px; border:#c01313 1px solid; background-color:#ffffff; color:#c01313; font-size:16px; border-radius:2px; cursor:pointer;}
.logSendBTN input:hover{ background-color:#c01313; color:#ffffff;}
.logSendBTN input.sBTNr{ background-color:#c01313; color:#ffffff;}
.logSendBTN input.sBTNr:hover{ background-color:#a70a0a;}

.loginMinfo.logM02 ul{ margin-top:15px; margin-bottom:20px; border-bottom:#e0e0e0 1px dotted;}
.logImpor{ padding:5px 0; color:#a00a0a;}
.logM02Note{ padding:3px 3px 0; color:#525252;}
.logAgree{ margin-bottom:20px;}
.logAgree a{ color:#3783c5;}
.logAgree input{ width:16px; height:16px; margin-right:5px; vertical-align:text-top;}

/* popup ----------------- */
.popOverlay{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); transition:opacity 500ms; z-index:1000; font-size:16px; font-family:Arial, Verdana, Microsoft JhengHei, sans-serif;}
.popBox{ width:40%; max-height:90vh; margin:50px auto; padding:40px 20px 20px; background:#fff; border-radius:5px; position:relative; transition:all 1s ease-in-out; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.popBox .popClose{ display:block; position:absolute; top:9px; right:10px; width:25px; height:25px; background:url(/webimg/kslogin/icon-close.png) no-repeat; background-size:25px 25px; cursor:pointer;}
.popBox h2{ padding:8px 1%; margin-bottom:5px; font-size:18px; font-weight:bold; text-align:center; color:#b8292f;}
.popBox ul{ list-style:none;}

/*popup 條款*/
.popAlert{ height:28vh; overflow-y:auto; margin-bottom:10px; padding:15px 2% 25px 2%; border:#e2e2e2 1px solid; font-size:15px; color:#555555;}
.ppaRed{ color:#b8292f;}
.popContent{ overflow-y:auto; max-height:55vh;}
.ppIread{ margin:20px 0; text-align:center;}
.ppIread input{ width:18px; height:18px; margin-right:8px; vertical-align:top;}

.popAlert .clause dt{ padding:5px 15px; background:#e8e8e8; font-size:15px; color:#535353; font-weight:bold;}
.popAlert .clause dd { padding:5px 5px 20px 5px; line-height:2;}
.popAlert .fontblod { font-size:15px; font-weight:bold;}
.popAlert .firtNewTitle { margin:0 5px; padding:0;}
.popAlert .firtNewTitle ul { padding:0; line-height:1.6em; list-style-image:non disc outside; margin-left:20px; list-style-type:upper-alpha;}
.popAlert .firstA{ padding:0; text-indent:0;}
.popAlert .firtNewTitle ul li{ list-style:inherit; line-height:1.8;}

/*popup BTN*/
.ppBtn{ display:block; font-size:15px; cursor:pointer; border-radius:2px; line-height:45px;}
.popBtn{ display:flex;}
.popBtn button{ flex:1; width:100%; border:#b8292f 1px solid; margin-right:2%;}
.popBtn button:last-child{ margin-right:0;}
.ppBtn_w{ background-color:#ffffff; color:#b8292f;}
.ppBtn_r{ background-color:#b8292f; color:#ffffff;}
.ppBtn_r:hover{ background-color:#8f0d12;}
.ppBtn_w:hover{ background-color:#ebebeb;}

@media only screen and (max-width:768px){
	/* popup ----------------- */
	.popBox{ width:93%; padding:40px 14px 14px;}
	.popBox{ margin-top:15px;}
	
	/*popup BTN*/
	.popBtn button{ margin-right:4%;}
	.popContent{ max-height:70vh; -webkit-overflow-scrolling:touch;/*寫這個ios的iframe才能捲動*/}
}

@media only screen and (max-height:375px){.popContent{ max-height:45vh;}/*常用通訊錄-popup高度*/}
/* oo Line登入-20180815 end*/

/* ----------------------------------------------------------------------
	product-detail & Sample
---------------------------------------------------------------------- */
.product-detail .inner-wrap, .sample .inner-wrap, .act-detail.livsch .inner-wrap{ margin-bottom:55px;}
.product-info .btn.border{ padding:10px;}
.product-info .swiper-pagination, .tab-slide-pane .swiper-pagination{ position:relative; padding:10px 0 0 0;}
.product-info-txt .txt{margin:0 auto; width:92%;}
.product-info-txt .txt .txt{ margin:0; width:100%;}
.product-info .txt > span{ display:block; padding:5px 0;}
/*Connie20170307 begin*/
.product-info .txt > span a.btn_gr{display:inline-block;margin:0 0 0 5px;padding:0;font-size:12px;color:#333;line-height:23px;text-align:center;text-decoration:none;}
.product-info .txt > span a.btn_gr.follow1{width:70px;height:23px;background:transparent url(../images/button-gr1.jpg) left top no-repeat;}
.product-info .txt > span a.btn_gr.follow2{width:84px;height:23px;background:transparent url(../images/button-gr2.jpg) left top no-repeat;}
/*Connie20170307 end*/
.product-info .txt > span.price{display:inline-block;}
.product-info .txt > span.nooff{display:inline-block;padding:0 4px 2px 4px;font-size:13px;color:#FFF;background-color:#820008;}
.product-info .txt > span.nooff b{color:#FF0;}
.product-info .txt > span.status{font-size:105%;font-weight:bold;}
.product-info { margin:10px 0 0 0; text-align:center;}

.product-info .title{ padding:20px 4% 10px 4%; text-align:left;}
.product-info .title span{ display:block; font-size:0.9rem;}
.product-info .title span a{ color:#00aeef;}
.product-info .img{ margin:10px 10px; text-align:center;}
.product-info .img img{ width:50%;}
.product-info .img img.innerpic{ width:90%;}
.product-info .product-info-txt{ padding-top:20px; text-align:left; }
.product-info .promote .txt > span{ padding:0;}
.product-info .txt select{ padding:5px;  width:auto; font-size: 0.75rem;}
.tab-slide-box.full, .cart-info .cart-info-box.full{ width:100%;}

/*-- tab slide --------------------------------*/
.tab-slide-pane > .title{
	margin:0 4%; padding:10px 10px;
	background: url(../images/icon-ar-down-gr.png) 95% 50% no-repeat #f5f5f5;
	background-size:20px 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #c2c2c2;
	cursor:pointer;
	}
.tab-slide-pane > .title h3{ padding:0;}
.tab-slide-pane > .title.current{ background: url(../images/icon-ar-up-gr.png) 95% 50% no-repeat #f5f5f5; background-size:20px 12px;}
.tab-slide-pane img { width:100% !important; height:auto !important;}
.tab-slide-pane table { width:100% !important;}

.tab-slide-box{ margin:10px auto; width:90%;}
.tab-slide-box.full > .txt{margin:0 auto; width:90%;}
.tab-slide-box .img{ text-align:center;}
.tab-slide-box .img img{ width:90%;}
.tab-slide-box .note.check{ text-align:right;}

.tab-slide-box > .txt > span{ display:block; padding:5px 0;}
.tab-slide-box .txt .title{ padding:0;}
.tab-slide-box .txt .title span{ color:#999;}
.tab-slide-box .product-list .product-wrap{ display:inherit; margin:4% 0; width:100%;}
.tab-slide-box .product-list .txt{ margin:0; padding:0; text-align:center;}
.tab-slide-box .product-list .txt > span{ display: block;}
.tab-slide-box .product-list .txt > .btn{ display: block; margin:5px auto;}
.tab-slide-box .product-list ul > li{ position:relative; padding:0; border:0;}
.tab-slide-box .product-list ul > li:nth-child(even){ border-bottom:1px solid #ebebeb;}
.tab-slide-box .product-list ul > li .txt{ margin:10% 0 0 5%; text-align:left;}
.tab-slide-box .product-list .icon-plus{ position:absolute; top:-15px; left:50%; margin-left:-15px; z-index:8;}/*Connie20180809*/

.tab-slide-box .product-list.picview ul > li:nth-child(even){ border-bottom:0;}
.tab-slide-box .product-list.picview ul > li .txt{ margin:0 auto; width:92%; text-align:left;}
.tab-slide-box .product-list.picview a.name{ max-height:3rem;}
.tab-slide-box .product-list.picview .icon-plus{ position:absolute; top:60px; left:0;}

.tab-slide-box.video .txt{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.tab-slide-box.video iframe, .tab-slide-box.video object, .tab-slide-box.video embed {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
	 }

.tab-slide-box .sale-promote ul li, .forum ul li{ padding:5px 0; border-bottom:1px solid #ebebeb;}
.tab-slide-box .sale-promote ul li{ position:relative; padding:5px 0 5px 36px;}
.tab-slide-box .sale-promote ul li > a{ display:block; color:#464646;}
.tab-slide-box .sale-promote ul li a > i{position: absolute; top:10px !important; left:0; z-index: 6;}/*Connie20180809*/
/*-- sample --------------------------------*/
.sample .inner-wrap{ padding:0 4% 40px 4%;}
.sample .top-wrap-box .page-num{ line-height:2; text-align:right; color:#999;}
.sample .top-wrap-box .tag:after{ display:none;}
.float-pane-box.page .btn-wrap a.btn.next{ background-size:13px 20px;}
/* ----------------------------------------------------------------------
	cart inx + cart page + order list
---------------------------------------------------------------------- */
.cart-type ul{ width:100%; background:#fff;}
.cart-type ul li{ margin-bottom:2px; width:100%; border-bottom:2px solid #f5f5f5;}
.cart-type ul li a{ display:block;}
.cart-type-wrap{ line-height:70px;}
.cart-type-wrap:after{content:""; display: block; clear:both;}
.cart-type-wrap div:nth-child(1){ float:left; width:50%; text-indent:15px;}
.cart-type-wrap div:nth-child(2){ float:left; width:50%; text-align:right;}
.cart-type-wrap div:nth-child(2) span{
	margin:0 15px 0 25px; padding:5px;
	font-size:0.75rem; color:#fff;
	background:#b8292f;
	-webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;}
i.icon-cart-r{ padding:10px; background: url(../images/icon-cart-w.png) 1% 50% no-repeat; background-size:16px 16px;}
/*-- cart-info --------------------------------*/
div.cart-info:last-child{ margin-top:20px;}
.cart-info > .title{ padding:10px 0; background:#e8e8e8; border-bottom:1px solid #c2c2c2;}
.cart-info .cart-info-box{ margin:0 auto; width:100%;}
.cart-info ul.col2 li:last-child{ text-align:right;}
.cart-info-box .btn-wrap{ margin:10px auto; width:92%;}
.cart-info-box .txt > span{ display:block; margin:0 auto 10px auto; width:92%;}
.cart-info-box .product-wrap .txt > span{ margin:0; width:100%;}

.cart-info-box .txt > span:first-child{ padding-top:10px;}
.cart-info-box .txt > span:last-child{ padding-bottom:10px;}
.cart-info-box .txt.note{ margin:10px auto; width:92%;}
.cart-info-box .product-list{ margin:0 auto; width:92%;}
.cart-info-box .tip{margin:10px auto; width:92%;}
.cart-tools-wrap{ display:flex; margin:10px 0 0 0;}
.cart-tools-wrap input{ height:auto !important;}
.cart-tools-wrap input, .cart-tools-wrap select, .cart-tools-wrap a.btn{ margin-right:1%; -ms-flex:1;flex:1;}
.cart-tools-wrap select{ height:40px !important;}
.cart-info-box .product-list ul li{ border-bottom:1px solid #ebebeb;}
.cart-info-box .product-wrap.horizon{ width:100%;}
.cart-info-box .txt ul + ul{border-top:1px solid #ebebeb;}
.cart-info-box .txt ul li{ position:relative; padding:10px 0; border-bottom:1px solid #ebebeb;}
.cart-info-box .txt > ul > li{ padding: 10px 4%;}
.cart-info-box .txt ul li:last-child{ border-bottom:0;}
.cart-info-box .txt ul li.current{font-weight:bolder; color:#000; border-bottom:1px solid #c2c2c2; background:#f9f9f9; }
.cart-info-box .txt ul li.current ul li{ font-weight:normal; color:#464646;}
.cart-info-box .txt ul li .note.check{ text-align:right; margin-top:10px;}
.cart-info-box .txt ul.col2 .note.check{ margin-top:0;}
.cart-info-box .txt ul ul ul li { border:0;}
.cart-info-box .txt input[type="radio"], .cart-info-box .txt label{ vertical-align:middle;}
.cart-info-box .txt input[type="radio"], .cart-info-box .txt input[type="checkbox"]{ position:absolute; top:20px; left:3%;}
.cart-info-box .txt ul li ul li input[type="radio"]{ left:0;}
.cart-info-box .txt label{ display:block; padding:10px 0 10px 25px;}
.cart-info-box ul li input[name="address"], .cart-info-box ul li input[name="ab-address"]{ visibility:hidden;}
.cart-info-box ul li label[name="address"], .cart-info-box ul li label[name="ab-address"]{ color:#999; background: url(../images/icon-current-gr.png) 1% 50% no-repeat; background-size:15px 15px;}
.cart-info-box ul li label[name="address"].current, .cart-info-box ul li label[name="ab-address"].current{ color:#464646; background: url(../images/icon-current.png) 1% 50% no-repeat; background-size:15px 15px;}

.cart-info-box.total{ margin-bottom:10px; border-top:1px solid #ebebeb;}
.cart-info-box.total ul.col2 li:nth-child(1){ padding:10px 0 10px 4%;}
.cart-info-box.total ul.col2 li:nth-child(2){ padding:10px 4% 10px 0;}
.cart-info-box.total ul.col2 li b{ font-size:18px;}

/*Connie 20170208 begin*/
.cart-info-box .hgobox{float:left;margin:0;padding:0;width:49%;height:auto;}
.cart-info-box .pontabox{float:right;margin:0;padding:0;width:49%;height:auto;}
.cart-info-box .txt .bonustype{margin-bottom:10px;}
.cart-info-box .txt .bonustype input[type="radio"]{position:static;}
.cart-info-box .txt .bonustype input,
.cart-info-box .txt .bonustype label{margin:0;padding:0;}
.cart-info-box .bonustype dt,
.cart-info-box .bonustype dd{text-align:center;}
.cart-info-box .cardset{margin:8px 0 2px;}
.cart-info-box .cardset img{margin:0 auto;width:80%;height:auto;}
.cart-info-box .bonusset{margin:0;padding:0;color:#b8292f;}

.div_payterm div.cart-info:last-child{margin-top:0px;}
/*Connie 20170208 end*/

.tel-wrap ul.col3 li:nth-child(1){ -webkit-flex:1; flex:1;}
.tel-wrap ul.col3 li:nth-child(2){ -webkit-flex:3; flex:3;}
.tel-wrap ul.col3 li:nth-child(3){ -webkit-flex:1.2; flex:1.2;}

.add-wrap ul.col3 li:nth-child(1){ -webkit-flex:1; flex:1;}
.add-wrap ul.col3 li:nth-child(2){ -webkit-flex:3; flex:3;}
.add-wrap ul.col3 li:nth-child(3){ -webkit-flex:1.2; flex:1.2;}

.payinfo .txt{ padding-bottom:10px;}
.cart-info-box.bill ul.col2 input[type="checkbox"]{ position:inherit; vertical-align:middle;}
.cart-info-box.bill ul.col2 label[name="same"]{ display: inline; padding-left:0; vertical-align:middle;}
.cart-info-box.bill .note.check{ padding-top:0;}
.cart-info-box.total-count{ width:100%;}

.total-count .txt > ul > li{ padding:15px 4%;}
.total-count .txt > ul > li:first-child{ padding:0 4%; font-size:0.75rem; font-weight:normal; background:#f8f8f8;}
.total-count .txt > ul > li:last-child{ text-align:right; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.total-count .txt > ul > li:last-child b{ font-size:1.5rem; font-weight:bolder;}
.total-count .txt ul ul li{ border:0; padding:0;}
.total-count ul.col3.th li{ -webkit-flex:1; flex:1; padding:5px 0 !important;}
.total-count ul.col3 li:nth-child(n+1){ -webkit-flex:4; flex:4;  text-align:left;}
.total-count ul.col3 li:nth-child(n+2){ -webkit-flex:1; flex:1; text-align:center;}
.total-count ul.col3 li:nth-child(n+3){ -webkit-flex:1.5; flex:1.5; text-align:right;}

.total-count .txt > ul > div > li{ padding:15px 4%;}
.total-count .txt > ul > div > li:first-child{ padding:0 4%; font-size:0.75rem; font-weight:normal; background:#f8f8f8;}

/*購物清單/小於414只顯示數量價格*/
@media screen and (max-width:414px) {
	.total-count ul li ul.tcPro > li { display:none;}
	.total-count ul li ul.tcPro > li.showType { display:block; }
}

/*常用門市*/
.txtLeft { text-align:left !important; margin-top:0 !important;}
.alwaysStore { background-color:#ffffff; padding:0 12px; position:relative;}
.alwaysStore:before { content:""; position:absolute; top:-10px; left:5px; 
border-bottom:#ffffff 15px solid; border-left:transparent 12px solid; border-top:#ffffff 0px solid; border-right:transparent 12px solid;}
.noAlways { color:#c12e30; margin-bottom:3px;}

/*取貨門市/常用通訊BTN*/
.choiceBtn { background-color:#8f0d12; border-bottom:#780002 3px solid; width:100%; text-align:center; color:#ffffff; border-radius:4px; padding:10px 0; cursor:pointer;}
ul.col3 li.choLI:nth-child(1){ -webkit-flex:2; flex:2;}
ul.col3 li.choLI:nth-child(2){ -webkit-flex:3; flex:3;}
ul.col3 li.choLI:nth-child(3){ -webkit-flex:1.2; flex:1.2;}

/*常用地址燈箱*/
.cart-info-box .txt ul.LTbox li label{ display:block; padding:10px 0 10px 40px;}

.alwaysLightBox { width:84%; margin:0 auto; background-color:#FFFFFF; }
.alwaysLightBox ul { padding:0 25px 5px 25px;}
.alwaysLightBox ul li { border-top:#ebebeb 1px solid; padding:10px 0 15px 0; position:relative; }
.alwaysLightBox ul li:first-child { border-top:0;}
.alwaysLightBox ul li label { display:block; padding:10px 0;}
.alwaysLightBox ul li label input[type="radio"] { position: absolute; top:20px;}
.alwaysLightBox ul li label div { padding-left:23px;} 
.albTitle { text-align:center; color:#636363; font-size:1.1em; background-color:#efefef; padding:16px 0;}


.cart-info-box.mbr-act{ margin:0 auto; width:92%;}
.cart-info-box.mbr-act .txt .title span{ font-size: 12px;color:#999;}
.cart-info-box.mbr-act .img img{ width:100%;}
/*.cart-info-box.mbr-act .note.check{ text-align:right; padding:5px 0 8px 0;}*/

.cart-info-box .txt .note li{padding:10px 0%;}
.cart-info-box .txt .note li:last-child{text-align:right;}


.cart-info-box.ship .btn-wrap{ display:inline-block; margin:10px 4%;}
.cart-info-box.ship .btn-wrap button{ display:inherit; position:relative; margin-bottom:5px; width:49%;}
.cart-info-box.ship .btn-wrap button(odd) { margin-right:1%;}
.ship .icon-ship-01, .ship .icon-ship-02, .ship .icon-ship-03, .ship .icon-ship-04, .ship .icon-ship-05{
	position:absolute; top:50%; left:9px; margin-top:-10px;
	width:20px; height:20px;
	opacity:0.6;
	}
.cart-info-box .btn-wrap .col2 li:nth-child(odd){ margin-right:1%;}
/*-- status-pane --------------------------------*/
.status-pane{ margin:20px auto; width:90%;}
.status-item{ position:relative; padding-bottom:40px; border-left:1px dashed #c2c2c2;}
div.status-item:last-child{ padding-bottom:0; border-left:0;}
.dot{
	position:absolute; left:-7px;
	width:10px; height:10px;
	border:2px solid #b8292f; border-radius:15px;
	background:#fff;
	}
.status-info{ margin-left:5%;}
.status-info > span{ display:block; line-height:1.5;}

.txt.sub-slide-pane > ul > li{ padding:0;}
.sub-slide-pane .sub-slide-tab{
	background:url(../images/icon-ar-down-gr.png) 96% 50% no-repeat;
	background-size:15px 9px;
	}
.sub-slide-pane .sub-slide-tab.current{
	background:url(../images/icon-ar-up-gr.png) 96% 50% no-repeat #f4f4f4;
	background-size:15px 9px;
	font-weight:bolder;
	}
.sub-slide-pane .sub-slide-tab a{
	display:block; padding:15px 4%;
	text-decoration:none; color:#464646;
	}
.sub-slide-pane .cart-info > .title{ padding-top:10px; padding-bottom:10px; background:#fff;}
.sub-slide-pane .cart-info .title h3{ margin:0 4%;}
.sub-slide-pane .total-count .txt > ul > li:last-child{ text-align:left; border-top:0;}
.sub-slide-pane > ul > li > span{ margin:0 auto; padding:0 4%; width:92%; line-height:3rem;}
.order-list .time > span{ margin-left:0; color:#464646;}
/* ----------------------------------------------------------------------
	store-map & store-act
---------------------------------------------------------------------- */
.store .filter-pane{ margin-top:10px;}
/*-- item-list --------------------------------*/
.item-list ul li{
	min-height:70px;
	background:url(../images/icon-ar-right-gr.png) 96% 50% no-repeat;
	background-size:9px 15px;
	border-bottom:2px solid #f5f5f5; position:relative;
	}
.item-list > ul > li.current{ background:url(../images/icon-ar-down-gr.png) 96% 50% no-repeat; background-size:15px 9px;}
.item-list ul li a{ display:block;}
.item-list ul ul{ display:none;}
.item-list ul > li > ul > li{ background:none; border-top:1px solid #f4f4f4; border-bottom:0;}
.item-list ul > li > ul > li .txt{ margin:0 4%; color:#666;}
.item-list.sp01 ul li{ background:none;}

.item-wrap{ position:relative; margin:0 4%;}
/* Connie20170405_2 begin*/
.item-wrap .txtmix{margin:0;padding:0;text-align:center;}
.item-wrap .txtmix .number{display:inline-block;margin:0 0 0 5px;padding:1px;width:20px;height:20px;font-size:0.75rem;line-height:20px;color:#FFF;font-weight:normal;text-align:center;border-radius:50%;background-color:#b8292f;}
/* Connie20170405_2 end*/
.info-box{ padding:10px 4% 10px 0; width:90%; line-height:1.5; font-size:0.8125rem;}
.info-box hr{ margin:10px 0;}
.info-box h4{ max-height:3rem; overflow:hidden;}
.info-box .icon-wrap{ margin-top:10px;}
.info-box .icon-wrap i{ display:inline-block; vertical-align:middle;}
.item-wrap .store-dist{
	position:absolute; top:50%; right:8%; margin-top:-1.3rem;
	text-align:right;
	font-size:1.5rem; color:#b8292f;
	}
.info-detail span{ display:block;}
.store .info-box{ width:65%;}
.store-detail .inner-wrap{ padding-bottom:0;}
.store-detail .item-wrap{ margin:0 auto 10px auto;}
.store-detail .icon-wrap span{ display:block;}
.store-detail .info-detail span{ margin-bottom:5px;}
.store-detail .item-wrap .btn-wrap{ margin:0 auto; width:92%;}
.store-detail .store-dist{ top:25px; right:4%;}
.store-detail .info-box{ display:inline-block; margin:0 auto; padding:4%; width:92%;}
.store-detail .info-box h4{ margin-bottom:5px;}
.store-detail .info-box .icon-wrap{ margin-top:0;}
.store-detail .info-box .icon-wrap i{ margin:5px 5px 5px 0;}

.map-pane{ width:100%;}
.map-pane iframe{ width:100%; height:60vh;}
/*-- item-list(event) --------------------------------*/
.event-list{ padding-top:10px;}
.event-list ul li{ margin-bottom:10px;}
.event-list ul li:last-child{margin-bottom:0;}
.product-wrap .info-box{ margin:0; padding:0; width:inherit;}
.product-wrap .info-box span{overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.store-act .cart-info-box.total-count input[type="number"]{  width:33%; float:right; height:40px; text-align:right; }
.store-act.edit .btn-wrap.col > a.btn.edit{ margin:0;}
.total-count .count-wrap{ line-height:40px;}
.total-count .count-wrap:after{content:""; display: block; clear:both;}
.act-detail .inner-wrap{ padding:0 4% 40px 4%;}
.act-detail.collect .inner-wrap{ padding-bottom:10px;}
.act-detail .txt h4{ margin:20px 0 5px 0;}
.act-detail .txt hr{ margin-top:20px;}
.act-detail.collect .btn-wrap{ margin-top:10px;}
/* ----------------------------------------------------------------------
	about
---------------------------------------------------------------------- */
.about .item-list ul li{ line-height:70px; background-position:96% 28px;}
/* ----------------------------------------------------------------------
	error-page
---------------------------------------------------------------------- */
.error-page .inner-wrap{ text-align:center;}
.error-page i.icon-error{ display:inline-block; margin:20px auto;}
.error-page .txt{ margin:0 auto 20px auto; width:96%;}
.error-page .txt b{ display:block; margin-bottom:10px;}
.error-page .btn-wrap{ margin-bottom:20px; padding:0 4%; width:92%;}
/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */
.container.nofooter{ padding-bottom:0;}
footer{
	position:absolute; bottom:0;
	width:100%; height:100px;
	background:#5f5f5f;
	z-index:7;/*Connie20180809*/
	}
footer .txt{ margin-top:10px; text-align:center; line-height:2; font-size:0.8125rem; color:#fff;}
footer .txt .link a{ display:inline-block; margin:0 5px; color:#fff; text-decoration:none;}
/* ----------------------------------------------------------------------
	news oo新增20170908-APP首頁改版
---------------------------------------------------------------------- */
.news .inner-wrap{ background:none; padding:0; margin-bottom:7px;}
.news .swiper-container a, .news .swiper-container img{ display:block;}

.bn2sBox{ overflow:hidden; padding:0 2%; margin-bottom:9px;}
.bn2s{ width:48.7%; float:left;}
.bn2s:first-child{ margin-right:2.5%;}
.bn2s a, .bn2s img{ display:block;}

.hotNews{ background-color:#b8292f; height:42px; margin-bottom:15px; overflow:hidden;}
.hotNews a { display:block; overflow:hidden; margin-top:3px; padding:5px; height:1.8em; line-height:1.8em; color:#ffffff; font-size:1.09em; }
.hotIcon{ float:left; display:block; height:100%;}
.hotIcon img{ height:100%; width:auto; vertical-align:middle;}

.backInxTop { display:table; clear:both; margin:0 auto 15px auto; padding:8px 55px; border:#bbbbbb 1px solid; color:#888888; border-radius:5px; font-size:1.2em; text-align:center;}

/* ----------------------------------------------------------------------
	keyword
---------------------------------------------------------------------- */
.keyword .btn.barcode{ -webkit-flex:2; flex:2; text-indent:0; background:#b8292f;}
.keyword .btn.barcode:hover{ background:#8f0d12;}
.keyword .btn.barcode i{ margin-right:5px; opacity:.6;}
.keyword .inner-wrap{ padding:20px 4%;}
.keyword-wrap.txt{ padding-top:10px;}
.keyword-wrap.txt h4{ margin-bottom:10px;}
.keyword-wrap.txt a{
	display:inline-block;
	margin:0 5px 10px 0; padding:10px;
	text-decoration:none;
	border:1px solid #00aeef;
	border-radius:4px;
	}
/* ----------------------------------------------------------------------
	camera
---------------------------------------------------------------------- */
.container.camera{ margin:0; padding:0;}
.camera .inner-wrap{ margin:0; padding:0; height:100vh; background:#000; text-align:center;}
.camera .camera-pane{
	position:absolute; top:100px; left:50%; margin-left:-100px;
	width:200px;
	}
.camera-pane p{ color:#ccc;}
.camera-window{
	margin-bottom:20px;
	width:200px; height:200px;
	border:1px solid #c2c2c2;
	}
/* ----------------------------------------------------------------------
	iread
---------------------------------------------------------------------- */
.iread-pane{ position:relative; border-bottom: 2px solid #f5f5f5;}
.iread-pane .img-wrap img{ display:block; width:100%;}
.iread-pane .btn-wrap{ position:absolute; top:50%; margin-top:-25px; padding:0 4%; width:92%; }
.user-info.txt{ padding:10px 4%; width:92%;}
.user-info.txt hr{ margin:10px 0;}
.user-info.txt .icon-award{ margin-left:10px;}

.iread .item-list{ border-top:2px solid #f5f5f5;}
.iread .item-list ul li{ float:left;position:relative;box-sizing:border-box;width:33.333%;height:70px;text-align:center;border-right:1px solid #eee;background:none;}
.iread .item-list ul li:nth-child(3n){border-right:none;}
.iread .item-list{ border-top:2px solid #f5f5f5;}
.iread .item-wrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:50px;}
.iread i[class^="icon-unit-"]{
	display:block;
	margin:0 auto;
	text-align:center;
	height:25px; width:25px;
	background-size:25px 25px;
	}

.iread .inner-wrap > .btn-wrap{ margin:10px 0; padding:0 4%; width:92%; }
/* ----------------------------------------------------------------------
	bonus
---------------------------------------------------------------------- */
.bonus .item-list ul li{ line-height:70px;}
.bonus .item-list ul li span{ float:right;}
.bonus .item-list ul li span b{ margin-right:10px;}
/* ----------------------------------------------------------------------
	arrive
---------------------------------------------------------------------- */
.arrive .item-list ul li .item-wrap{ padding:10px 0;}


/*--會員加入條款--*/
.fontblod { font-weight:bold; font-size:1.1em;}

.firtNewTitle { padding-left:1em;}
.firstInfo { padding:0 0 10px 1em; margin:0 !important; font-size:100% !important;}
.firstA { padding-left:2em; }
.firstA > ul { padding-left:2em; text-indent:-1em;}
.firstA > ul > li > ul { padding-left:1em; text-indent:-1em; }
.firstA > ul > li > ul > li { padding:1px 0 !important;}

.firstB { padding-left:2em; text-indent:-1em;}
.firtNewTitle p { font-size:1em !important; margin-left:0 !important; margin-right:0 !important;}


/*--商品詳細頁/麵包屑--*/
.mySite { margin:2% 4%; color:#666;}
.mySite a { color:#666; }
a.msIndex { color:#00aeef; text-decoration:underline;}

/*-------------------i閱讀手機加入會員-------------------*/
/*--隱私條款--*/
.h2Child { color:#999; font-size:0.8em;}
.gbBox { padding:12px 20px; }
.gbBox li { color:#666; text-indent:-1em; margin:0 1em;}

/*--登入頁--*/
.iLogo { width:100%; margin:0 auto;}
.iInfo { width:80%; margin:0 auto; text-align:center; font-size:1.2em; line-height:1.5em;}
.txtImport { color:#C00; font-size:1.4em; font-weight:bold;}


.zip_div input,.zip_div select { width:33.3% !important;}


/* tabcolumn ------Connie新增20161110 begin */
.tabcolumn{margin:0 auto 15px;padding:0;width:100%;height:auto;}

.tabcolumn .titlefield_tab{margin:0 4%; padding:10px 10px;
	background: url(../images/icon-ar-down-gr.png) 95% 50% no-repeat #f5f5f5;
	background-size:20px 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #c2c2c2;
	cursor:pointer;}
.tabcolumn > .titlefield_tab.current{background: url(../images/icon-ar-up-gr.png) 95% 50% no-repeat #f5f5f5; background-size:20px 12px;}
.tabcolumn .contentfield_tab{margin:0 auto;padding:10px 0 0 0;width:100%;height:auto;}

.titlefield_tab h3{padding:0;font-size:1rem;font-weight:bold;color:#111;}

.contentfield_tab .txtregion_tab{margin:0 0 3%;padding:0 3%;width:auto;height:6.4em;font-size:0.8125rem;color:#4c4c4c;line-height:1.6;text-align:left;overflow: hidden;}
.contentfield_tab .btnmoreregion_tab{margin:0 auto;padding:8px;width:13%;height:auto;font-size:0.8125rem;color:#c2c2c2;vertical-align:middle;text-align:center;cursor: pointer;border:1px solid #c2c2c2;/*border-radius:6px;*/background-color:#FFF;}

.btnmoreregion_tab.close{color:#c7c7c7;border:1px solid #c2c2c2;background-color:#ebebeb;/*淺灰色*/}
/* tabcolumn ------Connie新增20161110 end */

.tippop{margin:10px auto; padding:10px 0; background:#f5f5f5; border:1px solid #ddd;text-align:center;max-width:80%}

/* 收件人資訊 ------OO新增20161116 */
/*--tel--*/
.telBox { display:flex;}
.telBox > .t01 { flex:2; margin-right:5px; text-align:center; line-height:50px; }
.telBox > .t02 { flex:6; margin-right:5px; }
.telBox > .t03 { flex:2; }

/*--popup--*/
.popup input[type="radio"], .popup input[type="checkbox"] { position:absolute; top:12px; left:0;}
.popup li { position:relative; margin:0; }
.popup li:last-child { margin-left:0;}

/*--選擇常用收件人--*/
#section_addressbk li {padding-left:28px;}
#section_addressbk li:last-child{padding-left:0;}
/*------OO新增20161116 end */

/*--不保留電話popup--*/
.watchOut00 { font-size:24px; text-align:center; background-color:#ae0000; color:#ffffff; padding:1% 0; margin-bottom:15px;}
.watchOut00yet { font-size:24px; text-align:center; background-color:#565656; color:#ffffff; padding:1% 0; margin-bottom:15px;}
.watchOut01 { font-size:19px; color:#af0000; text-align:center; line-height:1.3; font-weight:bold;}
.watchOut01 span { font-size:34px; line-height:1.2;}
.watchOut02 { font-size:24px; color:#4246cb; line-height:1.2; border-top:#cad8e5 1px solid; padding:10px 0; margin:15px 5% 0 5%;}
.watchOut02 a { color:#4246cb; text-decoration:underline;}
.watchOut03 { font-size:20px; color:#ae0000; line-height:1.2; border-top:#cad8e5 1px solid; border-bottom:#cad8e5 1px solid; padding:10px 0; margin:0 5%;}
.whatchOutBtn { font-size:18px !important; flex:inherit !important; margin:0 auto !important; padding:10px 5%; border-bottom:#820000 4px solid;}
/*------OO新增20170321 end */


/*-------------------首頁-書的故事-------------------*/
.bookStory { padding:0 2%;}
.bookStory ul {}
.bookStory ul li { overflow:hidden; margin:15px 0; display:flex;}
.BSpic { float:left; width:41%; max-width:200px; flex:3;}
.BSpic img { display:block; }
.BSinfo { float:left; width:56.5%; padding-left:2.5%; flex:4;}
.BSinfo a { display:block; overflow:hidden; width:100%; max-height:40px; margin-bottom:7px; color:#464646; font-size:1rem; line-height:1.2; font-weight:bold; }
.BSinfo p { overflow:hidden; padding-top:9px; max-height:62px; color:#464646; font-size:0.95rem; line-height:1.4; border-top:#c2c2c2 1px solid;}
/*video*/
.BSvideo { width:100%; /*max-width:800px;*/ margin:0; position:relative; border-top:#ad1c34 3px solid;}
.aVideo { width:100%; height:0; padding:0 0 56.25% 0; position:relative;}
.aVideo iframe { width:100%; height:100%; position:absolute; left:0; top:0;}
.BSvideo p { margin:10px 0; max-height:42px; overflow:hidden; color:#464646; font-size:0.95rem; line-height:1.4;}
/*-------------------首頁-書的故事end-------------------*/

/*appAD_20170602*/
/*.appADbox { width:100%; background-color:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:999;}
#appADinput { display:none;}
.appADlabel { float:left; width:5%; margin:7% 0 0 3%; cursor:pointer;}
.appADcontent { float:left; width:87%; padding:3% 2% 2% 2%; color:#ffffff; font-size:18px;}
a.appADdownload { display:block; width:28%; position:absolute; top:0; right:3%;}

#appADinput:checked ~ .appADlabel { display:none;}
#appADinput:checked ~ .appADcontent { display:none;}*/
/*appAD_20170602 end*/

/*appAD_20180410 寵i會員*/
.appADbox { width:100%; background-color:#e9485c; position:fixed; bottom:0; z-index:9999;}
#appADinput { display:none;}
.appADlabel { float:left; width:5%; margin:8% 0 0 3%; cursor:pointer;}
.appADcontent { float:left; width:95%; padding:4% 2%; color:#ffffff; font-size:18px;}
a.appADdownload { display:block; width:30%; position:absolute; top:0; right:3%;}

#appADinput:checked ~ .appADlabel { display:none;}
#appADinput:checked ~ .appADcontent { display:none;}

.but{
 text-align: center;
}
.appADbox a:link, .appADbox a:visited {
	color: #ffffff;
    text-decoration: none; }
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2.5% 8%;
    border: 1px solid #161f35;
    border-radius: 8px;
    background: #3c5594;
    background: -webkit-gradient(linear, left top, left bottom, from(#3c5594), to(#161f35));
    background: -moz-linear-gradient(top, #3c5594, #161f35);
    background: linear-gradient(to bottom, #3c5594, #161f35);
    text-shadow: #0c111e 1px 1px 1px;
    font: normal normal bold 1em arial;
    color: #ffffff;
    text-decoration: none;
 margin-right: 5px;
}
.button:hover,
.button:focus {
    border: 1px solid #18223b;
    background: #4866b2;
    background: -webkit-gradient(linear, left top, left bottom, from(#4866b2), to(#1a2540));
    background: -moz-linear-gradient(top, #4866b2, #1a2540);
    background: linear-gradient(to bottom, #4866b2, #1a2540);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #161f35;
    background: -webkit-gradient(linear, left top, left bottom, from(#161f35), to(#161f35));
    background: -moz-linear-gradient(top, #161f35, #161f35);
    background: linear-gradient(to bottom, #161f35, #161f35);
}
/*appAD_20180410 end*/

/*-----查訂單領獎勵-20170728-----*/
/*--訂單查詢列表頁加按鈕--*/
.cAwardButton { width:57px; height:57px; background-image:url(/webimg/member/button-redbg.jpg); background-position:center; font-size:13px; color:#ffffff; text-align:center; line-height:1.3; 
border-radius:100px; border:#881318 1px solid; position:absolute; top:0; bottom:0; right:10%; margin:auto 0; font-family:Arial, Verdana, PMingLiU, sans-serif; }
.cAwardButton span { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; display:block; width:45px; height:32px;}
.cAwardButton.cAGot { background-image:none; background-color:#c2c2c2; border:#c2c2c2 1px solid;}

/*--獎勵兌換詳細頁--*/
.checkAwardBox { padding:10px 0 0; background-color:#ffffff; border-bottom:#efefef 1px solid;}
.cAwardTitle { font-size:18px; font-weight:bold; padding:0 3%;}
.cAwardTitle span { color:#b8292f;}
.cAwardTitle p { font-size:16px; color:#797979;}

.cAwardList { overflow:hidden; padding:0 2%; }
.cAwardList li { float:left; width:28.6%; height:35px; overflow:hidden; margin:4px 1%; padding:5px 1%; border:#a9a9a9 1px solid; color:#353535; text-align:center; line-height:1.2; cursor:pointer;}
.cAwardList li.calOK { border:#960c13 1px solid; color:#960c13;}
.cAwardList li.calNO { border:#d6d6d6 1px solid; color:#c1c1c1;}

.cAwardSubmit { width:94%; height:44px; display:block; margin:4px auto 10px auto; background-image:url(../images/button-redbg.jpg); border:0; border-bottom:#782226 4px solid; cursor:pointer;
font-size:20px; color:#ffffff; font-weight:bold; font-family:Arial, Verdana, Microsoft JhengHei, sans-serif;}

.cAwardCon .nav_special { margin-bottom:0;}
.cAwardCon .inner-wrap { margin-top:0;}

/*兌換說明*/
.cAwardIntro { padding:10px 0;}
.cAwardIntro strong { font-size:1.2em;}
.cAwardTxt { padding-left:1.6em;}
.cAwardIntro p { margin:8px 0; font-size:1.05em; text-indent:-1.6em;}
/*-----查訂單領獎勵-20170728 end-----*/

/*---------------------升級i會員意願調查-20171006---------------------*/
.iADBOX .appADclose{/*叉叉*/
	position:absolute;
	width:6%;
	height:auto;
	right:8px;
	top:11px;
}

/*確認是否加入*/
.iADBOX{
	width:100%;
	/*height:100%;*/
	background-image:url(http://cdn.kingstone.com.tw/newadmin/userpics/mkt17101index_mbg.jpg);
	background-size:cover;
	padding-top:3%;
	position:fixed;
	z-index:888;
	bottom:0;
}

.iADBOX .iTOP{
	width:85%;
	height:auto;
	margin:0 auto;
}

.iTOPLOGO{
	width:100%;
	margin-bottom:-2%;
}

.iTOPTEXT{
	width:100%;
}

.iADBOX .iBUTTON{
	width:95%;
	height:auto;
	margin:0% auto;
}

.iBUTTON a{
	display:block;
	width:50%;
	height:20%;
	float:left;
	font-size:1.3em;
	text-align:center;
	line-height:2.1;
	margin-bottom:3%;
}

.IDO{
	display:inline-block;
	background-color:#CB2E41;
	color:#FFF;
	border-radius:0.5em;
	text-decoration:none;
}

.DONOT{
	text-decoration:inherit;
}



/*為何不加入*/
.Q1{
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:left;
}

.Q1 p{
	font-size:1.5em;
	font-weight:bold;
	margin-left:6%;
}

.Q1 ul{
	width:90%;
	margin:1% auto 2% auto;
}

.Q1 li{
	display:inline-block;
	width:49%;
	font-size:1.1em;
	text-align:left;
}

.Q2{
	width:90%;
	margin:0 auto;
	margin-bottom:3%;
}

.Q2 p{
	display:block;
	width:90%;
	margin:0 auto;
	font-size:1.1em;
	letter-spacing:1px;
	line-height:1.2;
	text-align:justify;
	margin-bottom:2%;
}

.Q2 textarea{
	width:98%;
	height:80px;
	resize:none;
}

.SENTOUT{
	width:100%;
	height:auto;
	margin:0% auto;
}

.SENTOUT a{
	display:block;
	width:80%;
	height:20%;
	font-size:1.3em;
	text-align:center;
	line-height:2.3;
	margin-bottom:5%;
	background-color:#CB2E41;
	color:#FFF;
	border-radius:0.5em;
	text-decoration:none;
	margin:0 0 3% 9%;
}

/* 20180110 推播訊息修改*/
.inner-wrap .pnotice{margin:0;padding:0;width:100%;height:auto;}
.pnotice .pnoticecol{margin:0;padding:0;width:100%;height:auto;}
.pnoticecol .pnoticeunit{list-style-type: none;margin:0;padding:0;width:100%;height:auto;border-bottom:1px solid #ddd;}
.pnoticeunit .pnoticebox{margin:0;padding:10px 8px;width:auto;height:auto;}
.pnoticebox a:link{color:#464646;}

/*門市網路同價-搜尋頁*/
.product-wrap .txt > span.samePrice{ display:inline-block; max-height:32px; padding:3px 7px; background-color:#ffea00; color:#000000; font-size:12px; border-radius:2px;
vertical-align:bottom; text-align:center;}
.product-wrap .txt > span.samePrice a{ display:block; color:#000000; text-decoration:none;}
.product-wrap.vertical .txt > span.samePrice{ display:none;}/*圖片排列不顯示*/

/*門市網路同價-基本頁*/
.product-info .txt > span.samePrice{ display:inline-block; max-height:32px; padding:3px 7px; margin-left:3px; background-color:#ffea00; color:#000000; font-size:12px; border-radius:2px;
vertical-align:middle; text-align:center;}
.product-info .txt > span.samePrice a{ display:block; color:#000000; text-decoration:none;}

/*發票補登*/
.receiptList h1{text-align:center;margin: 15px auto;font-size: 1.2rem;}
.Receipt{padding:2%;}
.receiptINFO{width:100%;}
.BTN{margin-left: 44%; margin-top: 3%;}
.INFOall{padding:2%;}
.INFOall h2{color:#900;text-align:left;font-size:18px;margin:0;}
.INFOall a{color:#06C;}
.INFOall a:hover{text-decoration:underline;color:#F30;}

.mktBN{ margin-top:3px;}

/*Connie20180814 begin*/
/*join頁共用*/
.note_join{margin:5px 0 0;font-size:0.8125rem;color:#b8292f;}
.sty1_join a{color:#FFF;}

/*註冊頁*/
.register1area{margin:0;padding:0;}
.register2area{margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #BBB;}
.register3area{margin:0;padding:0;text-align:center;}
.register1col .register1unit{margin:0 0 10px;}
.register1unit a{display:block;/*區塊*/color:#333;}
.register2area .txt{text-align:center;}
.register3area .txt{margin-bottom:10px;}
.register3area a{display:block;/*區塊*/}
.clause_register h2{ padding:5px 20px; background:#e8e8e8; font-size:1.2rem color:#535353;	font-weight:bold;border-bottom:1px solid #CCC; border-left:1px solid #CCC;}
.clause_register .firtNewTitle { padding-left:0.5em;}

/*帳號設定頁*/
.account1area{margin:0 0 10px;}
.account2area a{display:block;/*區塊*/}

/*個人資料填寫頁*/
.private1area{margin:0 0 10px;}
.private1area .col2 li{margin:0 5px 0 0;}
.private1area .col2 li:last-child{margin-right:0;}
/*.private1area input{border:none;}*/
.private1area input[type="radio"]{display:none;}
.private1area input[type="radio"] + label{display:inline-block;box-sizing:border-box;width:100%;height:50px;padding:0;line-height:50px;text-align:center;border:1px solid #c2c2c2;background-color:#FFF;}
.private1area input[type="radio"]:checked + label{color:#c01313;border:1px solid #c01313;}
.private1area .birthy{margin:0 0 10px;}
.private1area .note_join{margin-top:0;}
.private2area a{display:block;/*區塊*/}
.private2area .btn.border a{color:#b8292f;}

/*查收認證信頁*/
.identify1area{margin:0 0 50px;font-size:0.9375rem;text-align:center;}
.identify1area .picbox{margin:0 auto;width:30%;max-width:100px;}
.identify1area .identify1box{margin:0 0 10px;font-size:1rem;}
.identify1area .picbox img{width:100%;}
.identify2area .txt{margin-bottom:10px;text-align:center;}
.identify2area a{display:block;/*區塊*/}
.identify1box .emadd,
.identify1box .emadd a{color:#00aeef;}
.identify1box .txt{font-size:0.8125rem;text-align:center;}
/*Connie20180814 end*/

/*Connie20180827 begin*/
/*my_ebook頁*/
.inner-wrap .myebookarea{margin:0;padding:0;width:100%;height:auto;}
.myebookarea a{color:#00aeef;text-decoration:underline;}
.myebookarea .content_tag1{margin:0;padding:0;width:100%;height:auto;}
.myebookarea .content_tag2{margin:0;padding:0;width:100%;height:auto;}
.content_tag1 .tablecolumn_myebook,
.content_tag2 .notecolumn_myebook{margin:0;padding:10px 8px;width:auto;height:auto;}
.tablecolumn_myebook .thcol{display:none;}
.tablecolumn_myebook .tdcol .tdunit{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #BBB;}
.tablecolumn_myebook .itemunit .itemtitle{font-weight:bold;}
.tablecolumn_myebook a:link,
.tablecolumn_myebook a:visited{color:#464646;text-decoration:underline;}
.tablecolumn_myebook a:hover,
.tablecolumn_myebook a:active{text-decoration:none;}
.notecolumn_myebook h4{margin:0 0 5px;}
.notecolumn_myebook ol{list-style-type:decimal;padding:0 0 0 1.5em;}
.notecolumn_myebook ol li{list-style-type:decimal;margin:0 0 5px;padding:0;}
/*Connie20180827 end*/

/*Connie20180809 begin*/
/* 收合面板 共用 */
/*-- panelcollapse --*/
.panelcollapse .title_pcoll{margin:0;padding:10px;border-top:1px solid #fff;border-bottom:1px solid #c2c2c2;cursor:pointer;}
.panelcollapse .content_pcoll{display:none;margin:0;padding:15px 15px 25px 15px;width:auto;text-align:left;}
/*title_pcoll*/
.panelcollapse .title_pcoll.arup{background: url(https://www.kingstone.com.tw/mobile/images/icon-ar-up-gr.png) 97% 50% no-repeat #f5f5f5; background-size:18px 11px;}/*綁程式*/
.panelcollapse .title_pcoll.ardown{background: url(https://www.kingstone.com.tw/mobile/images/icon-ar-down-gr.png) 97% 50% no-repeat #f5f5f5; background-size:18px 11px;}/*綁程式*/
.panelcollapse .title_pcoll.on_arup{ background: url(https://www.kingstone.com.tw/mobile/images/icon-ar-up-gr.png) 97% 50% no-repeat #f5f5f5; background-size:18px 11px;}/*綁程式*/
.panelcollapse .title_pcoll.on_ardown{ background: url(https://www.kingstone.com.tw/mobile/images/icon-ar-down-gr.png) 97% 50% no-repeat #f5f5f5; background-size:18px 11px;}/*綁程式*/
/*content_pcoll ---這組有 內層(看更多)+外層(可折疊panelcollapse) */
.content_pcoll .contentcolumn_pcoll{margin:0;padding:0;width:100%;height:auto;font-size:1.5rem;color:#333;line-height:1.5;}
.btnbox_pcoll a{display:block;width:100%;height:100%;}
.btnbox_pcoll a:hover,
.btnbox_pcoll a:active{text-decoration:none;background-color:#ebebeb;}


/*search_page 【搜尋頁】　Only--------------------------------------------------------------------------------------------------*/
.search_page .inner-wrap{margin:10px auto;width:98%;}
.search_page .product-list ul li{padding:0;}
.search_page .product-list.picview ul{margin:0; width:100%;background-color:#f5f5f5;}
.search_page .product-list.picview ul li{ float:left; margin:0 1% 5px 0;background-color:#FFF;}
.search_page .product-wrap{width:92%;}
.search_page .product-wrap.vertical{margin:2% auto;}
.search_page .product-wrap .label_pd{position:absolute;left:0;top:0;z-index:2;padding:3px 5px;color:#FFF;line-height:1;background-color:#ffb400;}
.search_page .product-wrap .label_pd.ebk{font-size:0.75rem;line-height:1.2;background-color:#e64498;}
.search_page .product-wrap .tag-box-wrap{padding-top:10px;}
.search_page .product-wrap .txt a.name .r18{display:inline-block;margin-right:3px;padding:0 3px;font-size:0.75rem;color:#FFF;background-color:#b8292f;}
.search_page .txt hr{display:none;}
.search_page .product-list.sameheight .product-wrap.vertical .txt{height:auto;}
.search_page .product-wrap .txt .price{line-height:1.4;}
.search_page .btndots{padding:0 3px 3px 0;font-size:1.25rem;line-height:0.7;letter-spacing:2px;color:#999;text-align:right;cursor:pointer;}

@media screen and (min-width: 768px){
	.search_page .product-list.picview ul li{width:24.25%;}
	.search_page .product-list.picview ul li:nth-of-type(4n){margin-right:0;}
}
@media (min-width: 736px){
	.search_page .product-list.picview ul li{width:24.25%;}
	.search_page .product-list.picview ul li:nth-of-type(4n){margin-right:0;}
}
@media (max-width: 736px){
	.search_page .product-list.picview ul li{width:32.666%;}
	.search_page .product-list.picview ul li:nth-of-type(4n){margin-right:1%;}
	.search_page .product-list.picview ul li:nth-of-type(3n){margin-right:0;}
}
@media (max-width: 568px){
	.search_page .product-list.picview ul li{width:32.666%;}
	.search_page .product-list.picview ul li:nth-of-type(4n){margin-right:1%;}
	.search_page .product-list.picview ul li:nth-of-type(3n){margin-right:0;}
}
@media (max-width: 480px){
	.search_page .product-list.picview ul li{width:49.5%;}
	.search_page .product-list.picview ul li:nth-of-type(4n),
	.search_page .product-list.picview ul li:nth-of-type(3n){margin-right:1%;}
	.search_page .product-list.picview ul li:nth-of-type(2n){margin-right:0;}
}
		
/*商品遮罩----------------------------------------------------------*/
.search_page .mask_pd{display:none;position:absolute;z-index:3;width:100%;height:100%;}
.search_page .mask_pd .maskreal_pd{position:absolute;z-index:4;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.search_page .maskbox_pd{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:105px;text-align: center;}
.search_page .nextbuy img{margin:0 auto;}

/*列表式：水平 horizon*/
.search_page .mask_pd.horizon .maskbox_pd{width:170px;height:40px;}
.search_page .mask_pd.horizon .maskbox_pd .nextbuy{display:inline-block;margin:0 20px 0 0;text-align:center;vertical-align:middle;}
.search_page .mask_pd.horizon .maskbox_pd .btn{display:inline-block;margin:0;}
.search_page .product-wrap.horizon .txt{padding-top:4px;}

/*圖片式：垂直 vertical*/
.search_page .mask_pd.vertical .maskbox_pd .nextbuy{display:block;margin:0 0 40px;text-align:center;}
.search_page .mask_pd.vertical .maskbox_pd .btn{display:block;margin:0 auto;}
.search_page .product-wrap.vertical .label_pd{right:0;left:auto;}

/*篩選展開的內容-----------------------------------*/
.search_page .filter-select-pane.col2{position:fixed;height:100%;/*overflow:hidden;*/}
.search_page .filter-select-pane.col2 .cpsarea{position:absolute;top:51px;bottom:50px;box-sizing:border-box;width:100%;height:auto;overflow-y:scroll;}
.search_page .filter-select-pane.col2 .btnarea{position:absolute;left:0;right:0;bottom:0;margin:0 auto;padding:0;width:100%;height:auto;font-size:0;background-color:#FFF;}

.contentcolumn_pcoll .pricefield{display:flex;}
.pricefield input[type="number"]{width:45%;}
.pricefield .line{display:inline-block;width:10%;text-align:center;}

/*滑塊*/
.ionrangeregion{position:relative;padding:0;width:100%;}
.ionrangeregion .extra-controls{margin:0 0 20px;width:100%;}
.ionrangeregion .range-slider{padding-right:15px;}
.ionrangeregion .irs-line-left,
.ionrangeregion .irs-line-right,
.ionrangeregion .irs-line-mid{top:3px;height:5px;background-color:#e1e4e9;background-image:none;}
.ionrangeregion .irs-bar{top:28px;height:5px;background-color:#ed5565;background-image:none;}
.ionrangeregion .irs-slider{top:20px;width:20px;height:20px;border:1px solid #bbb;border-radius:3px;background:#FFF none no-repeat;}

.sortfield input[type="checkbox"]{display:none;}
.sortfield input[type="checkbox"] + label{display:inline-block;margin:6px 3px 6px 0;padding:4px 12px;font-size:0.875rem;color:#666;text-align:center;cursor:pointer;border:1px #666 solid;}
.sortfield input[type="checkbox"]:checked + label{color:#b8292f;border:#b8292f 1px solid;}

.filter-select-pane .totecol{list-style-type:none;}
.filter-select-pane .totecol li:first-child{background:none;}
.filter-select-pane .totecol li.toteunit{margin:0 0 10px;width:100%;font-size:1rem;}
.toteunit input[type="checkbox"]{display:none;}
.toteunit input[type="checkbox"] + label span{display:inline-block;position:relative;margin:0 5px 0 0;width:16px;height:16px;vertical-align:text-bottom;cursor:pointer;border:1px #666 solid;}
.toteunit input[type="checkbox"]:checked + label span:before{content:'';position:absolute;right:50%;top:50%;margin:-8px -4px 0 0;width:4px;height:11px;border:3px solid #b8292f;border-top:none;border-left:none;
opacity:1;-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);-o-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);background-color:transparent;}

.otherfield input[type="checkbox"]{display:none;}
.otherfield input[type="checkbox"] + label{display:inline-block;margin:6px 3px 6px 0;padding:4px 12px;font-size:0.875rem;color:#666;text-align:center;cursor:pointer;border:1px #666 solid;}
.otherfield input[type="checkbox"]:checked + label{color:#b8292f;border:#b8292f 1px solid;}

.btnarea button.full{display:inline-block;margin-right:1.2%;width:49.4%;}
.btnarea button.full:nth-child(2){margin-right:0;}
.btnarea button[type="submit"]{border:1px solid #b8292f;}
.btnarea button.border.disabled,
.btnarea button.border.disabled:visited,
.btnarea button.border.disabled:hover,
.btnarea button.border.disabled:active{color:#979ba7;background-color:#FFF;}
/*Connie20180809 end*/


/*Otin20180925*/
.newFunctionAD{ position:relative; z-index:9999999;}
.nfADcontent { max-height:90vh; overflow-y:auto;}

#nfADtoggle-input { display:none; position:absolute; z-index:99999;}
.nfADtoggle-label { display:block; width:250px; padding:7px; margin:0 auto; border:#ffffff 3px solid; color:#ffffff; font-size:20px; font-weight:600; text-align:center;
position:fixed; bottom:30px; right:0; left:0; z-index:99999; cursor:pointer; opacity:0; background-color:rgba(0,0,0,0.4); border-radius:3px;
-webkit-animation:nfAni 2.6s forwards; -moz-animation:nfAni 2.6s forwards; -webkit-animation-delay:5.5s; -moz-animation-delay:5.5s; }
@-webkit-keyframes nfAni { 0% { opacity:0;} 50% { opacity:0.5;} 100% { opacity:1;} }
@-moz-keyframes nfAni { 0% { opacity:0;} 50% { opacity:0.5;} 100% { opacity:1;} }

.nfADtoggle-content { max-height:1000px; -moz-transition:ease 0.3s max-height; -o-transition:ease 0.3s max-height; 
-webkit-transition:ease 0.3s max-height; transition:ease 0.3s max-height;} 
#nfADtoggle-input:checked ~ .nfADfix > .nfADtoggle-content { max-height:0; overflow:hidden;}

#nfADtoggle-input:checked ~  .nfADtoggle-label{ display:none;}
#nfADtoggle-input:checked ~ .nfADfix{ display:none;}

.nfADfix { position:fixed; bottom:0; left:0; width:100%; height:100%;  background-color: rgba(0,0,0,0.8);}
/*Otin20180925 end*/