@charset "UTF-8";
/* CSS Document */

body { background:#332211; color:#ffffff; }
body, textarea, select { font:12px/18px "Montserrat","微軟正黑體","Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
body, textarea { font-size:14px; }
select { font-size:.8em; }
body, html, *, div { margin:0; padding:0; box-sizing:border-box; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:#ffffff; cursor:pointer; transition:color 300ms; }
a:hover { color:#ee3124; text-decoration:none; }
a.active { color:#583f3b; }
a:focus { outline:none; color:#ee3124; }
p { font-size:1em; margin-bottom:1.3em; line-height:1.3em; 2text-align:justify; text-justify:inter-ideograph; }

@font-face {
	font-family: 'Montserrat';
	src: url('font-face/montserrat-semibold-webfont.eot'); /* IE9 Compat Modes */
	src: url('font-face/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('font-face/montserrat-semibold-webfont.woff') format('woff'), /* Modern Browsers */
		 url('font-face/montserrat-semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('font-face/montserrat-semibold-webfont.svg#2eb9a020d90588d099da01ff1a93c338') format('svg'); /* Legacy iOS */
		 
	font-style:   normal;
	font-weight:  700;
  }
  
  @font-face {
	font-family: 'Montserrat';
	src: url('font-face/montserrat-light-webfont.eot'); /* IE9 Compat Modes */
	src: url('font-face/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('font-face/montserrat-light-webfont.woff') format('woff'), /* Modern Browsers */
		 url('font-face/montserrat-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('font-face/montserrat-light-webfont.svg#c152625b71562a7bb7b752375273b2d5') format('svg'); /* Legacy iOS */
		 
	font-style:   normal;
	font-weight:  200;
  }
  
  @font-face {
	font-family: 'Montserrat';
	src: url('font-face/montserrat-regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('font-face/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('font-face/montserrat-regular-webfont.woff') format('woff'), /* Modern Browsers */
		 url('font-face/montserrat-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('font-face/montserrat-regular-webfont.svg#95d90f2cd2aa64bdfee0e9f34c516e71') format('svg'); /* Legacy iOS */
		 
	font-style:   normal;
	font-weight:  400;
  }


/* UTIL */

.clr { clear:both; height:0; }
.floatL { float:left; }
.floatR { float:right; }
.last { margin:0; }
.hide { display:none; }

.block_group, .block_wrapper { position:relative; float:left; display:block; width:100%; vertical-align:top; }
.block_container { margin:0 auto; display:block; max-width:1320px; width:100%; }
.base { text-align:left; margin:0 auto; }

.hover_info {
	transition:border-radius 300ms; -webkit-transition:border-radius 300ms; -ms-transition:border-radius 300ms;
}
.hover_info.active { border-top-left-radius:0; border-top-right-radius:0; }
.hover_info .info_box {
	position:absolute; bottom:100%; left:0; right:0; background-color:#333333; padding:10px; color:#ffbe0d !important; border-top-left-radius:10px; border-top-right-radius:10px;
	transition:opacity 300ms, transform 300ms, height 300ms; -webkit-transition:opacity 300ms, -webkit-transform 300ms, height 300ms; -ms-transition:opacity 300ms, -ms-transform 300ms, height 300ms;
	transform:translateY(50%) scaleY(0); -webkit-transform:translateY(50%) scaleY(0); -ms-transform:translateY(50%) scaleY(0);
}
.hover_info .info_box p { margin-bottom:8px; line-height:1.3em !important; font-size:13px !important; cursor:default; font-weight:normal; }
.hover_info .info_box * + * { margin-top:auto !important; border-top:1px solid #ffbe0d; padding-top:8px; }
.hover_info .info_box a { color:#ffbe0d !important; text-decoration:underline; }
.hover_info .info_box a:hover { color:white !important; }
.hover_info .info_box > *:last-child { margin-bottom:0; }
.hover_info.active .info_box {
	opacity:1;
	transform:none; -webkit-transform:none; -ms-transform:none;
}

.btn_cs { display:inline-block; vertical-align:baseline; line-height:28px; color:#00E676; margin-left:8px; position:relative; top:-3px; }
.btn_cs:hover { color:#00E676 !important; }
.btn_cs .fa { font-size:18px; font-weight:bold; }
.btn_cs .icn_svg { width:22px; height:22px; display:inline-block; vertical-align:middle; }
.btn_cs .info_box {
	position:absolute; left:auto; bottom:auto; right:0; background-color:#1ebea5; color:white !important; z-index:100; font-size:14px; padding:4px 8px 4px 12px; line-height:1.6em; text-align:right !important;
	border-radius:10px 0 10px 10px;
	transform:translateY(-50%) scaleY(0); -webkit-transform:translateY(-50%) scaleY(0); -ms-transform:translateY(-50%) scaleY(0);
}
.btn_cs:hover .info_box {
	transform:none; -webkit-transform:none; -ms-transform:none;
	box-shadow: 0 0 12px rgba(0, 0, 0, .175);
}
.btn_cs .info_box * { white-space:nowrap; }
.btn_cs .info_box * + * { border:0; }
.btn_cs .info_box span { color:white !important; margin-bottom:4px; font-weight:bold; }
.btn_cs .info_box p { font-size:14px !important; padding-top:0; }


/* TOP */

header { height:73px; background-color:#ee3124; display:flex; width:100%; position:relative; align-items:center; z-index:2; }
header .logo { width:240px; position:absolute; left:28px; top:24px; }
header .logo img { width:100%; }
header .backtoindex { right:28px; top:28px; color:white; position:absolute; font-size:16px; }


@media screen and (max-width: 780px) {/* Essential */
	header {
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
}
@media screen and (max-width: 479px) {/* Essential */
	header .logo { left:10px; }
	header .logo { left:767x; }
}
	header .backtoindex { right:10px; }
}


/* ESSENTIAL */

#header { width:100%; height:15px; background:#ff9900; border-bottom:1px solid #ffffff; margin-bottom:1em; }

.giveaway { position:relative; text-align:center; }
.giveaway, .giveaway * { box-sizing:border-box; }

.giveaway .contents { z-index:2; position:relative; width:100%; height:100%; max-width:780px; display:inline-block; vertical-align:top; padding:0; }
.giveaway .contents .hdr { padding:36px 0 28px; position:relative; width:100%; float:left; }
.giveaway .contents .hdr .logo { width:283px; position:relative; float:left; }
.giveaway .contents .hdr .logo img { width:100%; float:left; }
.giveaway .contents .hdr .backtoindex { float:right; font-size:16px; cursor:pointer; color:white; }
.giveaway .contents .hdr i { margin-right:5px; }

#wrapper { width:780px; width:100%; margin:28px auto; display:inline-block; vertical-align:top; text-align:center; }

#wrapper #main { width:780px; margin:0 auto; float:none; display:inline-block; vertical-align:top; background:#110d0b; text-align:left; }

#wrapper #main #top { width:100%; float:left; position:relative; }
#wrapper #main #top img { float:left; width:100%; }

#wrapper #main #hdr { position:relative; float:left; width:100%; z-index:2; }
#wrapper #main #hdr img { position:absolute; left:0; top:0; }
#wrapper #main #hdr.btm { background:none; }
#wrapper #main #hdr.btm img { position:relative; left:0; top:0; margin:50px 0 10px; }

#wrapper #main #contents { width:100%; float:left; position:relative; z-index:1; overflow:hidden; }
#wrapper #main #contents img { float:left; width:100%; transition:all 2s; }
#wrapper #main #contents img:hover { transform:scale(1.1); }
#wrapper #main #contents .text, #wrapper #main #contents .text2 { position:absolute; left:50px; top:1187px; width:307px; }
#wrapper #main #contents .text p, #wrapper #main #contents .text2 p { margin-bottom:1em; line-height:21px; font-size:12px; }
#wrapper #main #contents a { position:absolute; }

#wrapper #main #text { position:relative; float:left; width:100%; z-index:2; }
#wrapper #main #text #text_container { position:absolute; width:307px; }
#wrapper #main #text #text_container p { margin-bottom:1em; line-height:1.6em; font-size:14px; }
#wrapper #main #text #trailer { width:181px; height:47px; position:absolute; left:439px; top:39px; background:url('../img/trailer.png') 0 0 no-repeat; outline:0; }

#wrapper #main .zoom { width:100%; float:left; position:relative; transition:all 300ms; font-size:0; }
#wrapper #main .zoom * { transition:all 300ms; }
#wrapper #main .zoom a { width:50%; display:inline-block; vertical-align:top; position:relative; overflow:hidden; cursor:pointer; font-size:14px; }
#wrapper #main .zoom a span { width:43px; height:43px; top:14px; right:27px; right:14px; position:absolute; background-color:white; color:#363636; font-size:25px; line-height:43px; z-index:1; text-align:center; cursor:default; opacity:.5; filter:alpha(opacity=50); cursor:pointer; }
#wrapper #main .zoom a span i.icon-zoom-out { display:none; }
#wrapper #main .zoom a div { width:100%; padding-bottom:56.153%; background-size:cover; background-position:center; background-repeat:no-repeat; }
#wrapper #main .zoom a:hover span { opacity:1; filter:alpha(opacity=100); }
#wrapper #main .zoom a:hover div { transform:scale(1.1); }
#wrapper #main .zoom a.active span i.icon-zoom-in { display:none; }
#wrapper #main .zoom a.active span i.icon-zoom-out{ display:inline; }
#wrapper #main .zoom a.full { width:100%; }
#wrapper #main .zoom a.full div { padding-bottom:28.076%; }

#wrapper #main .divider { float:left; }

#wrapper #main #infobox { width:100%; float:left; padding-top:1em; }
#wrapper #main #infobox .promoitm { width:236px; margin:0 0 1em 2.5em; float:left; display:inline; }
#wrapper #main #infobox .promoitm .poster { margin-bottom:1em; float:left; width:234px; }
#wrapper #main #infobox .promoitm .poster.border { border:1px solid #cccccc; }
#wrapper #main #infobox .promoitm .brand { float:left; }

#wrapper #main #infobox .promotion { width:460px; margin:0 2.5em 1em 0; float:right; overflow:hidden; display:inline; color:#ffffff; display:none; }
#wrapper #main #infobox .promotion.hide { display:none; }
#wrapper #main #infobox .promotion .disable, #wrapper #main #infobox .promotion .disable p, #wrapper #main #infobox .promotion .disable h1, #wrapper #main #infobox .promotion .disable a { color:#999999; }
#wrapper #main #infobox .promotion h1 { font-size:1.1em; color:red; margin-bottom:1em; }
#wrapper #main #infobox .promotion p { }
#wrapper #main #infobox .promotion .ticketcode { font-weight:bold; }
#wrapper #main #infobox .promotion .class3 { display:none; }
#wrapper #main #infobox .promotion .finish { display:none; }
#wrapper #main #infobox .promotion #terms { font-size:.8em; }
#wrapper #main #infobox .promotion #terms h2 { font-size:1em; text-decoration:underline; margin-bottom:1em; }
#wrapper #main #infobox .promotion #terms ol { margin-bottom:1em; }
#wrapper #main #infobox .promotion #terms ol li { margin-left:2em; }
#wrapper #main #infobox .promotion #terms strong { font-size:1.3em; color:red; }
#wrapper #main #infobox .specialthanks { margin-left:2.5em; }
#wrapper #main #infobox .sprt { background:#ee3124; height:1px; line-height:1px; width:100%; margin:28px 0 .7em; overflow:hidden; }

#wrapper #footer { width:780px; margin:0 auto; background:white; float:left; color:#363636; }
#wrapper #footer a { color:#999999; }
#wrapper #footer a:hover { color:#333333; }
#wrapper #footer .btmnav { width:766px; padding:.5em 0 1.5em .5em; float:left; }
#wrapper #footer .btmnav li { list-style-type:none; font-size:.75em; float:left; padding-right:.3em; }
#wrapper #footer .btmnav li.copyright { float:none; width:100%; }
#wrapper #footer .btmnav li.copyright strong { color:#ff9900; font-weight:normal; }
#wrapper #footer .iconlineup { width:778px; height:60px; padding-right:2px; float:left; }
#wrapper #footer .iconlineup li { list-style-type:none; float:right; height:60px; }
#wrapper #footer .iconlineup li a { float:left; width:100%; height:100%; }
#wrapper #footer .iconlineup li.so002 { width:86px; background:url('/img/officialdist-so002.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.pjur { width:59px; background:url('/img/logo-pjur.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.sprt { height:22px; width:1px; margin:2em 6px 0 0; background:#999999; }
#wrapper #footer .iconlineup li.nielson { width:55px; background:url('/img/logo-nielsen.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.union { width:47px; background:url('/img/logo_nl.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.eps { width:42px; background:url('/img/logo-eps.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.visa { width:55px; background:url('/img/nv/vbv_logo_enus.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.mc { width:74px; background:url('/img/nv/sc_74x40.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.paypal { width:59px; background:url('/img/nv/logo3vs.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.alipay { width:72px; background:url('/img/nv/logo_alipay.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.hkpharmacy { width:86px; background:url('/img/nv/poison_zhhk.jpg') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.neovision { width:125px; background:url('/img/logo-neovision.gif') 0 0 no-repeat; }
#wrapper #footer .iconlineup li.caringcompany { width:119px; background:url('/img/caringcompany2012.jpg') 0 0 no-repeat; }


/* STATUS */

body.compli .promotion.compli { display:inline !important; }
body.compli .promotion.preview { display:none !important; }
body.preview .promotion.compli { display:none !important; }
body.preview .promotion.preview { display:inline !important; }

body.disable .promotion, body.disable .promotion p, body.disable .promotion h1, body.disable .promotion a, body.disable .promotion strong { color:#999999 !important; }
body.disable .promotion .ticketcode { display:none !important; }
body.disable .promotion .finish { display:block !important; color:white !important; }

body.class3 .promotion .class3 { display:block !important; }


/* AMENDMENT */

body { background:#222; color:#ffffff; }
#wrapper #main { background:#000; }
#wrapper #main #infobox .promotion, #wrapper #main #infobox .specialthanks { color:#fff; }
#wrapper #main #top { }
#wrapper #main #hdr { background-color:#202d38; }
#wrapper #main #hdr img { left:43px; top:76px; width:170px; }
#wrapper #main #hdr.btm img { left:43px; width:172px; }
#wrapper #main #contents { }
#wrapper #main #text { color:#ffffff; background-color:#555555; }
#wrapper #main #text #text_container { left:45px; top:-405px; width:268px; }
#wrapper #main #text #text_container p { }
#wrapper #main #text #trailer { width:242px; height:135px; left:494px; top:-130px; }
#wrapper #main .zoom a span { background-color:white; color:#000; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	#wrapper #main #text #trailer { background:url('../img/trailer@2x.png') 0 0 no-repeat; background-size:100%; background-position:center center; }
}
@media screen and (min-width: 960px) {
	
}
@media screen and (max-width: 959px) {

}
@media screen and (max-width: 819px) {

}
@media screen and (max-width: 780px) {
	.giveaway .contents { padding:0 28px; }
	.giveaway .contents .hdr .logo { width:60%; max-width:283px; }
	.giveaway .contents .hdr .backtoindex { font-size:14px; }
	
	#wrapper { width:100%; margin:0; }
	#wrapper #main { width:100%; }
	#wrapper #main #top { width:100%; background-size:100%; height:auto; }
	#wrapper #main #hdr, #wrapper #main #hdr.btm { background-color:#000; text-align:center; }
	#wrapper #main #hdr img, #wrapper #main #hdr.btm img { position:relative; display:inline-block; left:18px; top:0; margin:6.4% 0 3.2% 0 !important; width:30%; left:0; }
	#wrapper #main #hdr img { width:45%; }
	#wrapper #main #hdr.btm img { margin:0; }
	#wrapper #main #contents { width:100%; background-size:100%; height:auto; }
	
	#wrapper #main #contents { width:100%; float:left; position:relative; z-index:1; overflow:hidden; padding-top:70%; }
	#wrapper #main #contents img { position:absolute; top:-10%; top:0; left:0; width:100%; }
	
	#wrapper #main #text { }
	#wrapper #main #text #text_container { position:relative; left:0; top:0; display:block; width:auto; margin:6.3%; }
	#wrapper #main #text #trailer { width:242px; height:135px; left:auto; right:8%; top:-100px; }
	
	#wrapper #main .zoom a { width:100%; }
	#wrapper #main .zoom a span { display:none; }
	#wrapper #main .zoom a.full div { padding-bottom:56.153%; }
	
	#wrapper #main .divider { display:none; }
	
	#wrapper #main #infobox .promotion { width:auto; margin:0; display:block; padding:5%; }
	#wrapper #main #infobox .promoitm { margin:0 auto; float:none; display:block; position:relative; text-align:center; }
	
	#wrapper #footer { width:auto; display:block; padding:4%; }
	#wrapper #footer .btmnav { width:auto; padding:.5em 0 1.5em .5em; float:left; padding:0; }
	#wrapper #footer .btmnav li { 2display:block; float:left; width:auto !important; }
	#wrapper #footer .btmnav li.copyright { margin-bottom:2%; }
	#wrapper #footer .iconlineup { width:auto; display:block; height:auto; padding-right:2px; float:left; padding:0; }
	#wrapper #footer .iconlineup li { float:left; }
}
@media screen and (max-width: 669px) {

}
@media screen and (max-width: 479px) {
	.giveaway .contents { padding-left:10px; padding-right:10px; }
	
	#wrapper #main #hdr img, #wrapper #main #hdr.btm img { width:auto; height:40px; }
}
@media screen and (max-width: 349px) {
	
}


/* BOTTOM */

#base_footer { color:white; font-size:15px; }
#base_footer .base { width:100%; }

#base_footer_bar { background-color:#ee3124; }
#base_footer_bar .block_container { display:table; }
#base_footer_bar .base { display:table-cell; height:56px; vertical-align:middle; padding:0 28px; }

#base_footer_bar .phone { float:left; font-size:18px; font-weight:200; }
#base_footer_bar .phone > a { vertical-align:middle; }
#base_footer_bar .phone h1 { font-size:16px; display:inline-block; vertical-align:middle; margin:0; font-weight:500; }
#base_footer_bar .phone br { display:none; }
#base_footer_bar .phone i { font-size:28px; vertical-align:middle; }
#base_footer_bar .phone a:hover { color:#ffbd0d; }
#base_footer_bar .phone .fa { font-size:24px; vertical-align:bottom; top:-2px; position:relative; }

#base_footer_bar .socialmedia { float:right; font-size:28px; }
#base_footer_bar .socialmedia a { color:white; margin-right:20px; }


#base_footer_legal { background-color:white; }
#base_footer_legal .base { padding:20px 28px 25px; color:#cccccc; position:relative; display:inline-block; vertical-align:top; }
#base_footer_legal .base a { color:#666666; }
#base_footer_legal .base a:hover { color:#ee3124; }

#base_footer_legal .fblike { display:inline-block; position:absolute; bottom:86px; bottom:26px; left:280px; }

#base_footer_legal .logo_year { float:left; position:absolute; bottom:25px; bottom:20px; }
#base_footer_legal .logo_year > * { display:inline-block; vertical-align:bottom; }
#base_footer_legal .logo_year .logo { width:240px; margin-right:8px; margin-bottom:4px; }
#base_footer_legal .logo_year .logo img { width:100%; }
#base_footer_legal .logo_year .year { font-size:12px; margin:0 0 2px; display:block; display:none; }

#base_footer_legal .legal_logoline { float:right; float:left; margin-bottom:12px; position:relative; }

#base_footer_legal .legal_logoline .logo_group { display:inline-block; border-left:1px solid #cccccc; padding:0 15px; min-width:130px; margin-bottom:18px; }
#base_footer_legal .legal_logoline .logo_group:first-child { border-left:0; padding-left:0; }
#base_footer_legal .legal_logoline .logo_group:last-child { padding-right:0; }
#base_footer_legal .legal_logoline .logo_group label { position:absolute; position:relative; top:0; margin-left:4px; font-size:12px; line-height:1; color:#ee3124; font-weight:200; display:block; }

#base_footer_legal .legal_logoline .logo { display:inline-block; vertical-align:middle; margin-left:4px; }
#base_footer_legal .legal_logoline .logo > * { background-position:center; background-size:100%; width:100%; background-repeat:no-repeat; float:left; }
#base_footer_legal .legal_logoline .sagami { width:81px; width:107px; }
#base_footer_legal .legal_logoline .sagami > * { padding-bottom:28.395%; padding-bottom:11.215%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-sagami2018.png'); }
#base_footer_legal .legal_logoline .pjur { width:39px; margin:-2px 4px 0 8px; }
#base_footer_legal .legal_logoline .pjur > * { padding-bottom:84.615%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-pjur2018.png'); }
#base_footer_legal .legal_logoline .unionpay { width:39px; }
#base_footer_legal .legal_logoline .unionpay > * { padding-bottom:61.538%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-unionpay.png'); }
#base_footer_legal .legal_logoline .eps { width:31px; }
#base_footer_legal .legal_logoline .eps > * { padding-bottom:77.419%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-eps.png'); }
#base_footer_legal .legal_logoline .vbv { width:54px; }
#base_footer_legal .legal_logoline .vbv > * { padding-bottom:42.592%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-vbv.png'); }
#base_footer_legal .legal_logoline .mc { width:31px; }
#base_footer_legal .legal_logoline .mc > * { padding-bottom:67.741%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-mc.png'); }
#base_footer_legal .legal_logoline .paypal { width:53px; }
#base_footer_legal .legal_logoline .paypal > * { padding-bottom:28.301%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-paypal.png'); }
#base_footer_legal .legal_logoline .alipay { width:61px; }
#base_footer_legal .legal_logoline .alipay > * { padding-bottom:36.065%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-alipay.png'); }
#base_footer_legal .legal_logoline .hkreg { width:76px; }
#base_footer_legal .legal_logoline .hkreg > * { padding-bottom:31.578%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-hkreg.png'); }
#base_footer_legal .legal_logoline .caring { width:62px; }
#base_footer_legal .legal_logoline .caring > * { padding-bottom:48.387%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-caring.png'); }

#base_footer_legal .legal_logoline .ae { width:25px; }
#base_footer_legal .legal_logoline .ae > * { padding-bottom:92%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-ae.png'); }
#base_footer_legal .legal_logoline .applepay { width:35px; }
#base_footer_legal .legal_logoline .applepay > * { padding-bottom:65.714%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-applepay.png'); }

#base_footer_legal .legal_logoline .pjur_active { width:39px; margin:-2px 4px 0 8px; }
#base_footer_legal .legal_logoline .pjur_active > * { padding-bottom:82.051%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-pjur_active.png'); }
#base_footer_legal .legal_logoline .tenga { width:65px; height:12px; }
#base_footer_legal .legal_logoline .tenga > * { padding-bottom:35.937%; padding-bottom:21.538%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-tenga2018.png'); }

#base_footer_legal .legal_logoline .googlepay { width:45px; }
#base_footer_legal .legal_logoline .googlepay > * { padding-bottom:40%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-googlepay.png'); }

#base_footer_legal .legal_logoline .wechatpay { width:84px; }
#base_footer_legal .legal_logoline .wechatpay > * { padding-bottom:23.809%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-wechatpay.png'); }

#base_footer_legal .legal_logoline .payme { width:69px; }
#base_footer_legal .legal_logoline .payme > * { padding-bottom:33.333%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-payme.png'); }

#base_footer_legal .legal_logoline .onecondoms { width:37px; }
#base_footer_legal .legal_logoline .onecondoms > * { padding-bottom:54.054%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-onecondoms.png'); }

#base_footer_legal .legal_logoline .lelo { width:56px; margin:0 4px 0 8px; }
#base_footer_legal .legal_logoline .lelo > * { padding-bottom:19.642%; background-image:url('https://www.sampsonstore.com/r/img/contents/logoline/logoline-lelo.png'); }

#base_footer_legal .legal_copyright { float:right; color:#666666; font-weight:200; clear:both; max-width:80%; text-align:right; }
#base_footer_legal .legal_copyright > * { display:inline-block; vertical-align:middle; padding:0 0 0 15px; border-left:1px solid #cccccc; margin:0; font-size:12px; margin-left:15px; }
#base_footer_legal .legal_copyright > *:first-child { border:0; }
#base_footer_legal .legal_copyright > *:last-child { padding-right:0; }
#base_footer_legal .legal_copyright > a { margin-top:8px; }
#base_footer_legal .legal_copyright > p { border-left:0; margin-top:8px; }
#base_footer_legal .legal_copyright strong { color:#ee3124; font-weight:normal; }


.sticky {
	position:fixed; bottom:28px; left:100%; text-align:left;
}
.sticky a {
	line-height:50px; display:inline-block; vertical-align:top; position:relative; left:-50px; white-space:nowrap; font-size:0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
	transition:left 300ms; -webkit-transition:left 300ms; -ms-transition:left 300ms;
}
.sticky a + a { margin-top:8px; }
.sticky a:hover { color:white; left:-100%; }
.sticky a span {
	width:50px; height:50px; line-height:50px; text-align:center; background-color:red; color:white; font-size:28px; display:inline-block; vertical-align:top; cursor:pointer; border-radius:4px 0 0 4px;
	transition:background-color 300ms; -webkit-transition:background-color 300ms; -ms-transition:background-color 300ms;
}
.sticky a:hover span { background-color:#FFBE0D; }
.sticky a p { display:inline-block; margin:0; vertical-align:top; font-size:16px; line-height:50px; color:#666666; padding:0 18px; cursor:pointer; background-color:white; }

.sticky a.backtotop { left:0; }
.sticky a.backtotop.active { left:-50px; }
.sticky a.backtotop:hover { left:-50px; }

.popoverlay { overflow-y:hidden;}
.popoverlay body { overflow-y:hidden;}

.msg_overlay { position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.8); z-index:3000; display:flex; display:none; justify-content:center; align-items:center; padding:18px; }
.msg_body { display:inline-block; height:auto; background-color:#ee3124; color:white; padding:28px; text-align:center; max-width:600px; font-size:14px; }
.msg_body > .fa { font-size:96px; margin-bottom:8px; }
.msg_body h2 { font-weight:bold; margin-top:0; font-size:36px; }
.msg_body p { text-align:left; }
.msg_body .btngroup { display:inline-block; text-align:center; width:100%; }
.msg_body .btngroup > * { margin-right:8px; }
.msg_body .btngroup > *:last-child { margin-right:0; }
.msg_body .btngroup .common_btn { margin-bottom:8px; padding:0; float:none; display:inline-block; }
.msg_body .btngroup a { color:white; padding:8px 12px; display:inline-block; width:100%; }
.msg_body .btngroup a:hover { color:white; }
.msg_body .btngroup .fa { font-size:18px; vertical-align:middle; }




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}

@media screen and (min-width: 1321px) {
	#base_footer_legal .legal_logoline .logo_group:first-child > label { margin-left:0; }
	#base_footer_legal .legal_logoline .logo_group:first-child > label + .logo { margin-left:0; }
}
@media screen and (max-width: 1320px) {
	#base_footer_legal .legal_logoline { margin-bottom:18px; float:left; width:100%; }
	#base_footer_legal .legal_logoline .logo_group:first-child { padding-left:0; margin-top:8px; }
	
	#base_footer_legal .legal_logoline .logo_group { padding:0; border-bottom:1px solid #e4e4e4; width:100%; border-left:0; padding-bottom:8px; margin-top:14px; margin-bottom:0; }
	#base_footer_legal .legal_logoline .logo_group label { position:relative; top:auto; margin-left:4px; font-size:12px; line-height:1; color:#ee3124; font-weight:200; display:block; margin-bottom:10px; }
	#base_footer_legal .legal_logoline .logo { margin-bottom:12px; }
}
@media screen and (max-width: 1215px) {
	#base_footer_legal .fblike { position:relative; bottom:auto; float:left; clear:both; margin-bottom:18px; left:auto; }
	
	#base_footer_legal .logo_year { 2bottom:0; 2margin-bottom:18px; position:relative; bottom:auto; float:left; clear:both; }
	#base_footer_legal .legal_copyright { float:left; margin-bottom:18px; text-align:left; max-width:none; }
	#base_footer_legal .legal_copyright > * { display:block; border:0; padding:5px 0; margin-left:0; }
}
@media screen and (min-width: 1081px) {

}
@media screen and (max-width: 767px) {
	#base_footer_bar .base { height:auto; padding:0; }
	
	#base_footer_bar .phone { float:left; width:100%; padding:10px 0; text-align:center; }
	#base_footer_bar .phone br { display:block; }
	#base_footer_bar .phone i { font-size:28px; vertical-align:middle; }
	
	#base_footer_bar .phone .btn_cs { margin-top:5px; border-top:1px solid #ba261c; border:0; }
	
	#base_footer_bar .socialmedia { float:left; width:100%; padding:10px 0; text-align:center; background-color:#ba261c; }
	#base_footer_bar .socialmedia a { color:white; margin-right:20px; }
	#base_footer_bar .socialmedia a:last-child { margin-right:0; }
	
	#base_footer_legal .base { padding:20px 18px 25px; }
	
	#base_footer_legal .legal_copyright { float:left; }
	#base_footer_legal .legal_copyright p { margin-top:10px; }
	
	
	.sticky { display:none; }
}
@media screen and (max-width: 669px) {/* Essential */
	#base_footer_legal .base { padding-bottom:28px; }
	#base_footer_legal .logo_year > * { float:left; clear:both; }
}
@media screen and (max-width: 349px) {
	
}
@media print {
	#base_footer_bar { display:none; }
	
	#base_footer_legal .base { padding-left:18px; padding-right:18px; }
	#base_footer_legal .fblike { display:none; }
	#base_footer_legal .legal_logoline { display:none; }
	#base_footer_legal .legal_copyright a { display:none; }
	
	.sticky { display:none; }
}
@media print and (max-width: 767px) {
	#base_footer_legal .logo_year { position:relative; bottom:auto; }
	#base_footer_legal .legal_copyright { float:left; text-align:left; margin-bottom:18px; max-width:none; }
	#base_footer_legal .legal_copyright > p { padding-left:0; margin-left:0; }
}