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

body { background:#332211; color:#ffffff; }
body, textarea, select { font-family:微軟正黑體, Microsoft Jhenghei, Verdana, Helvetica, Arial, sans-serif; }
body, textarea { font-size:14px; }
select { font-size:.8em; }
body, html, *, div { margin:0; padding:0; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:red; }
a:hover { text-decoration:underline; }
p { font-size:1em; margin-bottom:1.3em; line-height:1.3em; text-justify:inter-ideograph; }


/* UTIL */

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

/* ESSENTIAL */

#header { width:100%; height:15px; background:#ee3124; 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:1650px; display:inline-block; vertical-align:top; padding:0 2em; }
.giveaway .contents .hdr { padding:36px 0 28px; position:relative; width:100%; float:left; display:flex; justify-content:space-between; align-items:center; }
.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:100%; margin:0 auto; max-width:1650px; }

#wrapper #main { width:100%; margin:0 auto; float:left; background:#110d0b; }

#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%; object-fit:cover; height:700px; 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:16px; }
#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_wrapper { width:100%; display:flex; flex-direction:column; align-items:center; }
#wrapper #main .infobox_wrapper #hdr { max-width:960px; }
#wrapper #main .infobox_wrapper .sprt { background:#ee3124; height:1px; line-height:1px; width:100%; margin:.7em 0; overflow:hidden; }

#wrapper #main #infobox { max-width:960px; width:100%; padding-top:1em; display:flex; flex-wrap:wrap; gap:1.5em; }
#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; */ flex:1; 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 { flex:100%; margin-left:2.5em; }

#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:#ee3124; 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:373px; }
#wrapper #main #hdr.btm img { left:43px; top:-4px; width:221px; }
#wrapper #main #contents { }
#wrapper #main #text { color:#ffffff; background-color:#555555; }
#wrapper #main #text #text_container { left:45px; top:-355px; top:unset; width:50%; bottom:2em; }
#wrapper #main #text #text_container p { }
#wrapper #main #text #trailer { width:242px; height:135px; left:494px; top:-130px; left:unset; right:36px; }
#wrapper #main .zoom a span { background-color:white; color:#000; }


/* SAMPSON FOOTER */

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




#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, #base_footer_bar .phone .title { 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_dir { background-color:#333333; font-weight:200; }
#base_footer_dir .base { padding:28px 0 22px; }

#base_footer_dir .directory { display:inline-block; width:100%; padding:0 28px 42px; vertical-align:top; }
#base_footer_dir .directory .left { float:left; }
#base_footer_dir .directory .right { float:right; }


#base_footer_dir .directory .collapser .cl_trigger a { padding-left:0; font-size:20px; color:#ee3124; font-weight:400; min-height:0; }
#base_footer_dir .directory .collapser .cl_trigger i { color:#ee3124; }
#base_footer_dir .directory .collapser .cl_contents a { color:white; }
#base_footer_dir .directory .collapser .cl_contents a:hover { color:#ee3124; }
#base_footer_dir .directory .collapser .cl_contents a i { margin-right:3px; }


#base_footer_dir .features { padding:0 28px; border-top:1px solid #4d4d4d; }
#base_footer_dir .feature_wrapper { display:inline-block; vertical-align:middle; }
#base_footer_dir .feature { display:table; vertical-align:middle; margin-top:22px; margin-right:32px; background-size:53px; background-position:left center; background-repeat:no-repeat; }
#base_footer_dir .feature .icon { display:table-cell; vertical-align:middle; width:63px; text-align:left; }
#base_footer_dir .feature img { width:100%; height:100%; max-width:53px; max-height:56px; display:inline-block; vertical-align:middle; object-fit:contain; object-position:center; }
#base_footer_dir .feature p { display:table-cell; vertical-align:middle; margin:0; line-height:1.3em; text-align:left; }


#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; bottom:60px; left:280px; left:28px; }

#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; height:25px; margin-right:8px; margin-bottom:4px; position:relative; }
#base_footer_legal .logo_year .logo img { width:100%; position:absolute; top:0; left:0; }
#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; font-size:0; }
#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; */ margin-right:12px; }
#base_footer_legal .legal_logoline .logo:first-child { margin-left:0; }
#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('../img/contents/logoline/logoline-sagami2018.png'); }
#base_footer_legal .legal_logoline .pjur { width:39px; /* margin:-2px 4px 0 8px; */ margin-top:-2px; }
#base_footer_legal .legal_logoline .pjur > * { padding-bottom:84.615%; background-image:url('../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('../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('../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('../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('../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('../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('../img/contents/logoline/logoline-alipay.png'); }
#base_footer_legal .legal_logoline .alipayhk { width:105px; }
#base_footer_legal .legal_logoline .alipayhk > * { padding-bottom:20.952%; background-image:url('../img/contents/logoline/logoline-alipay_hk.png'); }
#base_footer_legal .legal_logoline .hkreg { width:76px; }
#base_footer_legal .legal_logoline .hkreg > * { padding-bottom:31.578%; background-image:url('../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('../img/contents/logoline/logoline-caring.png'); } */
#base_footer_legal .legal_logoline .caring { width:66px; }
#base_footer_legal .legal_logoline .caring > * { padding-bottom:53.225%; background-image:url('../img/contents/logoline/logoline-caring10.png'); }

#base_footer_legal .legal_logoline .ae { width:25px; }
#base_footer_legal .legal_logoline .ae > * { padding-bottom:92%; background-image:url('../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('../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('../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('../img/contents/logoline/logoline-tenga2018.png'); }
#base_footer_legal .legal_logoline .tenga2023 { width:65px; margin-top:2px; }
#base_footer_legal .legal_logoline .tenga2023 > * { padding-bottom:24.615%; background-image:url('../img/contents/logoline/logoline-tenga2023.png'); }

#base_footer_legal .legal_logoline .googlepay { width:45px; }
#base_footer_legal .legal_logoline .googlepay > * { padding-bottom:40%; background-image:url('../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('../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('../img/contents/logoline/logoline-payme.png'); }

#base_footer_legal .legal_logoline .fps { width:26px; }
#base_footer_legal .legal_logoline .fps > * { padding-bottom:94.23%; background-image:url('../img/contents/logoline/logoline-fps.png'); }

#base_footer_legal .legal_logoline .onecondoms { width:37px; }
#base_footer_legal .legal_logoline .onecondoms > * { padding-bottom:54.054%; background-image:url('../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('../img/contents/logoline/logoline-lelo.png'); }

#base_footer_legal .legal_logoline .uob { width:61px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .uob > * { padding-bottom:29.508%; background-image:url('../img/contents/logoline/logoline-uob.png'); }

#base_footer_legal .legal_logoline .atome { width:80px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .atome > * { padding-bottom:21.25%; background-image:url('../img/contents/logoline/logoline-atome.png'); }

#base_footer_legal .legal_logoline .olivia { width:70px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .olivia > * { padding-bottom:17.142%; background-image:url('../img/contents/logoline/logoline-olivia.png'); }

#base_footer_legal .legal_logoline .spectre { width:104px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .spectre > * { padding-bottom:10.576%; background-image:url('../img/contents/logoline/logoline-spectre.png'); }

#base_footer_legal .legal_logoline .iroha { width:57px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .iroha > * { padding-bottom:38.596%; background-image:url('../img/contents/logoline/logoline-iroha.png'); }

#base_footer_legal .legal_logoline .pontus { width:81px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .pontus > * { padding-bottom:14.814%; background-image:url('../img/contents/logoline/logoline-pontus.png'); }

#base_footer_legal .legal_logoline .arcwave { width:95px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .arcwave > * { padding-bottom:12.631%; background-image:url('../img/contents/logoline/logoline-arcwave.png'); }

#base_footer_legal .legal_logoline .myone { width:52px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .myone > * { padding-bottom:32.692%; background-image:url('../img/contents/logoline/logoline-myone.png'); }

#base_footer_legal .legal_logoline .romp { width:27px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .romp > * { padding-bottom:103.703%; background-image:url('../img/contents/logoline/logoline-romp.png'); }

#base_footer_legal .legal_logoline .wevibe { width:72px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .wevibe > * { padding-bottom:30.555%; background-image:url('../img/contents/logoline/logoline-wevibe.png'); }

#base_footer_legal .legal_logoline .womanizer { width:69px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .womanizer > * { padding-bottom:27.536%; background-image:url('../img/contents/logoline/logoline-womanizer.png'); }

#base_footer_legal .legal_logoline .glove { width:56px; /* margin:0 4px 0 8px; */ }
#base_footer_legal .legal_logoline .glove > * { padding-bottom:39.285%; background-image:url('../img/contents/logoline/logoline-glove.png'); }

#base_footer_legal .legal_logoline .hkaic { width:85px; }
#base_footer_legal .legal_logoline .hkaic > * { padding-bottom:35.294%; background-image:url('../img/contents/logoline/logoline-hkaic_en.png'); }
#base_footer_legal .legal_logoline .hkaic.zh > * { padding-bottom:35.294%; background-image:url('../img/contents/logoline/logoline-hkaic_zh.png'); }

#base_footer_legal .legal_logoline .octopus { width:58px; }
#base_footer_legal .legal_logoline .octopus > * { padding-bottom:39.655%; background-image:url('../img/contents/logoline/logoline-octopus.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; width:100%; }
#base_footer_legal .legal_copyright strong { color:#ee3124; font-weight:normal; }




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




#base_footer_legal .fblike { position:relative; bottom:auto; float:left; clear:both; margin-bottom:18px; left:auto; }

#base_footer_legal .logo_year { 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 (-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: 1321px) {
	#base_footer_legal .legal_logoline { width:100%; }
	#base_footer_legal .legal_logoline .logo_group.officialdist { width:100%; }
	#base_footer_legal .legal_logoline .logo_group.payment { border-left:0; padding-left:0; }
	#base_footer_legal .legal_logoline .logo_group.payment label { margin-left:0; }

	#base_footer_legal .legal_logoline .logo_group > label { margin-left:0; }
	#base_footer_legal .legal_logoline .logo_group > label + .logo { margin-left:0; }
	#base_footer_legal .legal_logoline .logo_group.payment label { margin-bottom:8px; }
}
@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; 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 { 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: 960px) {
	
}
@media screen and (min-width: 960px) {
	#base_footer_dir .directory .collapser { max-width:none !important; }
	#base_footer_dir .directory .collapser + .collapser { margin-left:72px !important; }

	#base_footer_dir .features { display:flex; align-items:center; }
}
@media screen and (max-width: 959px) {
	#base_footer_dir .feature_wrapper { width:100%; }
}
@media screen and (max-width: 819px) {

}
@media screen and (min-width: 781px) {
	p { font-size:1.4em; }

	#wrapper #main #text #text_container p { font-size:1.2em; }

	#wrapper #main #infobox .promotion #terms { font-size:1em; }
}
@media screen and (max-width: 780px) {
	body { font-size:1.1rem; }
	#wrapper #main #text #text_container p { font-size:1.1rem; }

	.mobile { display:block; }
	.desktop { display:none; }

	.giveaway .contents { padding:0 28px; }
	.giveaway .contents .hdr .logo { width:60%; max-width:283px; }
	.giveaway .contents .hdr .backtoindex { font-size:14px; }
	
	#wrapper { width:100%; }
	#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:55%; }
	#wrapper #main #hdr.btm img { width:50%;}
	#wrapper #main #contents { width:100%; background-size:100%; height:auto; }
	#wrapper #main #contents img {height:70vw; }
	
	#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 { flex-direction:column; }
	
	#wrapper #main #infobox .promotion { width:auto; margin:0; display:block; padding:5%; }
	#wrapper #main #infobox .specialthanks { margin:0; padding-left:5%; }
	#wrapper #main #infobox .promotion #terms { font-size:.8em; }
	#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 (min-width: 768px) {

	#base_footer_dir .directory .collapser { float:left; max-width:170px; }
	#base_footer_dir .directory .collapser + .collapser { margin-left:28px; }
	#base_footer_dir .directory .collapser .cl_trigger { border:0; min-height:0; }
	#base_footer_dir .directory .collapser .cl_trigger a { padding:0; margin-bottom:18px; line-height:1.3em; cursor:default; }
	#base_footer_dir .directory .collapser .cl_trigger > i { display:none; }
	#base_footer_dir .directory .collapser .cl_contents { background:none; display:block; border:0; font-size:14px; }
	#base_footer_dir .directory .collapser .lists_group > * { border:0; color:white; padding:5px 0; min-height:0; line-height:18px; display:list-item; list-style-type:none; }
}
@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_dir .base { padding-top:0; }
	#base_footer_dir .directory { padding:0; border:0; }
	#base_footer_dir .directory .left, #base_footer_dir .directory .right { float:left; width:100%; }
	
	#base_footer_dir .directory .collapser { float:left; width:100%; }
	#base_footer_dir .directory .collapser .cl_trigger a { padding:18px 28px; line-height:1; font-size:18px; }
	#base_footer_dir .directory .collapser .lists_group > * { padding:18px 28px; }
	
	#base_footer_dir .feature { width:100%; margin-right:0; margin-top:18px; }
	
	#base_footer_legal .base { padding:20px 18px 25px; }
	
	#base_footer_legal .legal_copyright { float:left; }
	#base_footer_legal .legal_copyright p { margin-top:10px; }
}
@media screen and (max-width: 669px) {
	#base_footer_legal .base { padding-bottom:28px; }
	#base_footer_legal .logo_year > * { float:left; clear:both; }
}
@media screen and (max-width: 479px) {
	.giveaway .contents { padding-left:10px; padding-right:10px; }
	
	#wrapper #main #hdr img { width:70%; height:unset; }
	#wrapper #main #hdr.btm img { width:60%; height:unset; }




	#base_footer_dir .features { padding:0 18px; }
	#base_footer_dir .feature br { display:none; }
	
	#base_footer_dir .directory .collapser .cl_trigger a { padding-left:18px; padding-right:18px; }
}
@media screen and (max-width: 349px) {
	
}