@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);
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;
	vertical-align: baseline;
	list-style: none;
	border-collapse: collapse;
	border-spacing: 0;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
article, aside, details, fig, caption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
a {
	text-decoration: none!important;
	outline: none;
	display: inline-block;
	color: #fff;
	/*transition: all 0.55s ease 0s*/
}
a:hover {
	text-decoration: none
}
button {
	transition: all 0.55s ease 0s
}
body {
	background-color: #333333;
	font-size: 14px;
	/* font-family: 'Montserrat', sans-serif; */
	font-family: Montserrat, 微軟正黑體, "Microsoft Jhenghei", Helvetica, Arial, sans-serif;
	color: #222;
	line-height: 24px
}
a {
	text-decoration: none;
	outline: none;
	display: inline-block
}
a:hover {
	text-decoration: none;
	color: #fff
}
a:active {
	color: #fff
}
a:visited {
	color: #fff
}
a img {
	border: none;
	outline: none;
	text-decoration: none
}
a:hover img {
	border: none;
	outline: none;
	text-decoration: none
}
img {
	max-width: 100%
}
p {
	padding:10px 0px ;
	font-size:16px;
	color:#ffffff;
	line-height:1.6em;
	font-weight:300;
}
h1 {
	font-size: 50px;
	color: #008cd7;
}
select, textArea, input {
	border-radius: 0px!important
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
.noImage {
	background: url(../images/noimage.png) no-repeat scroll center center #CCCCCC!important;
	color: #535353;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	min-height: 25px
}
.warning {
	float: left;
	width: 100%;
	background: #363636;
	margin: 10px 0 25px 0
}
section {
	float: left;
	width: 100%
}
.btn {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	display: inline-block;
	font-weight: 600;
	max-width: 500px
}
.btn:hover {
	background: #008cd7;
	color: #fff
}
h3 {
	color: #222;
	font-size: 30px;
	line-height: 35px;
	font-weight: 600
}
.btn:hover, .btn:focus, .btn.focus {
	color: #fff
}
.textRight {
	text-align:right;
}
h2 {
	font-size:28px !important;
	font-weight:300 !important;
	padding: 20px 0px 10px 0px;
	color: #f13030;
	margin:0px !important;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clearFix{
	clear:both;
}
.noPadding {
	padding:0px !important;
}
.greyColorText {
	color:#333333 !important;
}
/*--------------------------------------- Home Header ------------------------*/
.homeMain {
	height:80vh;
	vertical-align:middle;
	display:table;
	position:relative;
	width:100%;
}
.homeContent {
	top:0;
	left:0;
	bottom:0;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
.homeContent h1 {
	color: #ffffff;
	font-size: 70px;
	line-height:85px;
	margin: 0;
	padding: 0;
	padding-top:20px;
	text-align: center;
	font-weight:500;
	text-shadow: -2px 0px 6px rgba(0, 0, 0, 0.84);
}
.homeContent h3 {
	color: #ffffff;
	font-size: 41px;
	margin: 0;
	padding: 68px 0 0;
	text-align: center;
	text-shadow: -2px 0px 6px rgba(0, 0, 0, 0.84);
}
video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;
}
.stopfade {
	opacity: .5;
}
.homeHeader {
	background:none;
	padding-top:23px;
}
.homeHeader .navbar {
	background:none;
	border:none;
}
.homeHeader .navbar-default .navbar-nav > li > a {
	color:#fff;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.homeHeader .navbar-default .navbar-nav > li {
	border-right:2px solid #7f8697;
	line-height:15px;
	margin-top:10px;
	padding:0px 8px 0px 8px;
}
.homeHeader .navbar-default .navbar-nav > li.borderNone {
	border-right:none !important;
}
.homeHeader .navbar-default .navbar-nav > .active > a, .homeHeader .navbar-default .navbar-nav > .active > a:focus, .homeHeader .navbar-default .navbar-nav > .active > a:hover {
	background:none;
	color:#fff;
}
.homeHeader .navbar-default .navbar-nav > li > a:focus, .homeHeader .navbar-default .navbar-nav > li > a:hover {
	color:#fff;
}
.homeHeader .navbar-brand {
	padding:0px;
	max-width:369px;
}
.homeHeader .navbar-brand img {
	width:100%;
	max-width:369px;
}
.indexcity {
	z-index: 9999;
}
.rightSideBar {
	left: 0 !important;
	right: 0 !important;
}
/*--------------------------------------- Inner Header ------------------------*/

.Search {
  clear: both;
  padding: 19px 0 33px;
  text-align: right;
  width: 98%;
}

.Search > input {
  border: 0 none;
  border-radius: 19px !important;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  padding: 0 10px;
  margin:0 15px;
  width: 41%;
  background-image:url(../images/search.png);
  background-position: right center;
  background-repeat: no-repeat; 
}

.Search > select {
  background: rgba(0, 0, 0, 0) url("../images/dropdown.png") no-repeat scroll right center;
  border: 0 none;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 0 16px 0 0;
}

.Search > select > option{
background-color: #ee3124!important;
color: #FFF;
}

select {
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.innerHeader {
	background:#ee3124;
	padding:17px 0;
	z-index:1000;
	position:relative;
}
.innerHeader .navbar {
	background:none;
	border:none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.innerHeader .navbar-collapse {
	flex-grow: 1;
}
.innerHeader .navbar-default .navbar-nav {
	font-size:0;
}
.innerHeader .navbar-default .navbar-nav > li > a, .innerHeader .navbar-default .navbar-nav > li > div {
	color:#fff;
	padding:0px 5px;
	font-size:16px;
	font-weight:400;
	line-height:15px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Montserrat, 微軟正黑體, "Microsoft Jhenghei", Helvetica, Arial, sans-serif;
}
.innerHeader .navbar-default .navbar-nav > li {
	border-right:2px solid #f6b8b7;
	line-height:15px;
	margin-top:0px;
	padding:0px 8px 0px 12px;
	text-align:left;
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.innerHeader .navbar-default .navbar-nav > li:last-child {
	padding-right:0;
}
.innerHeader .navbar-default .navbar-nav > li.borderNone {
	border-right:none !important;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown {
	padding-left:0;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown button {
	background-color:transparent;
	outline:0;
	padding-left:0;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown button:hover {
	color:white;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown button:focus {
	color:white;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown button .fa {
	font-size:24px;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown-menu {
	top:57px;
	width:auto;
	min-width:0;
	left:auto;
	padding-top:10px;
	padding-bottom:10px;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown-menu a {
	width:100%;
	white-space:nowrap;
	padding:10px 20px !important;
}
.innerHeader .navbar-default .navbar-nav > li.lang .dropdown.open button {
	color:white;
}
.innerHeader .navbar-default .navbar-nav > .active > a, .innerHeader .navbar-default .navbar-nav > .active > a:focus, .innerHeader .navbar-default .navbar-nav > .active > a:hover {
	background:none;
	color:#fff;
}
.innerHeader .navbar-default .navbar-nav > li > a:focus, .innerHeader .navbar-default .navbar-nav > li > a:hover {
	color:#fff;
}
.innerHeader .navbar-brand {
	padding:0px;
	max-width:369px;
}
.innerHeader .navbar-brand img {
	width:100%;
	max-width:369px;
}
.innerBannerHeader {
	background:url(../images/bannerabout.jpg) no-repeat left top;
	background-size:cover;
	/*padding:125px 0px;*/
	text-align: center;
}
.innerBannerHeader h1 {
	color: #FFF;
	padding: 140px 0;
	margin: 0px;
	font-weight:600;
	font-size: 48px;
}
/*--------------------------------------- Content ------------------------*/

.contentArea {
padding: 60px 0;
}
/*--------------------------------------- Footer ------------------------*/
.full_mobile_menu {
	display:none;
}
.hotlineBar {
	background:#ee3124;
	margin-top:60px;
}
.hotlineBar h6 {
	font-size:20px;
	color:#fff;
	padding:4px 0px 4px 0px;
	font-weight:normal;
}
.hotlineBar h6 span {
	padding-left:20px;
}
.hotlineIcon {
	text-align:right;
}
.hotlineIcon img {
	margin:12px 0px 5px 15px;
}
footer {
	
	float:left;
	width:100%;
}


.footerGrey {
	padding-top:33px;
	
}


.footerNav h5 {
	font-size:19px;
	color:#e2231a;
	font-weight:400;
}
.footerNav li a {
	color:#ffffff;
	font-size:13px;
	line-height:normal;
}
.footerRightColumn {
	text-align:right;
}
.footerLogo {
	padding-bottom:8px;
}
.footerRightColumn p {
	font-size:13px;
	padding:9px 0px 0px 0px;
	margin:0px;
	line-height:normal;
}
.footerRightColumn p span {
	padding-left:30px;
}
.footerInfo {
	background:#FFF;
	padding:20px 0 15px 0;
}
.footerInfo p {
	font-size:14px;
	color:#ec342f;
	font-weight:400;
	padding:2px 0px 2px 0px;
	margin:0px;
	line-height:normal;
}
.footerInfo .footerimg {
	position:relative;
}
.footerInfo .footerimg .fblike {
	position:absolute;
	top:20px;
}
.footerInfo .footerimg .logo {
	position:absolute;
	top:80px;
	width:240px;
}
.footerInfo .footerimg .logo img {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.paymentPartnerLogo li {
	display:inline-block;
	padding-right:4px;
}
.footerLinks {
	text-align:right;
	margin:15px 0 0 0;
}
.footerLinks li {
	display:inline-block;
	font-size:12px;
	color:#4d4d4d;
	margin:0;
	padding:0;
}
.footerLinks li span {
	margin:0px 10px;
	color:#4d4d4d;
}
.footerLinks li a {
	color:#4d4d4d;
	margin:0 0px;
	font-weight:400;
}
.copyRight {
	font-size:12px;
	color:#4d4d4d !important;
	margin-right:10px;
	padding:0px;
	text-align:right;
}
.footerOfferList {
	padding:20px 0px 16px 0px;
}
.footerOfferList .col-md-3, .footerOfferList .col-sm-3 {
	padding:0px 15px;
	border-left:1px solid #b2b2b2;
}
.footerOfferList .col-md-3.first {
	border-left:0px solid #fff !important;
}
footer .offer {
	display:table;
	margin:0px auto;
}
footer .offerIcon {
	display:table-cell;
}
footer .offerDesc {
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	line-height:16px;
	display:table-cell;
	vertical-align:middle;
	padding-left:18px;
	padding-bottom:5px;
}




/* SampsonStore */

.hide_v { visibility:hidden; }
@media screen and ( max-width : 991px ) {
	.hide_v { 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; padding-bottom:0; }




#base_footer { color:white; font-size:15px; margin-top:60px; }
#base_footer.nomargin { margin-top:0; }
#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; color:white; font-weight:300; }
#base_footer_bar .phone h1 { font-size:16px; display:inline-block; vertical-align:middle; margin:0; color:white; 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; cursor:pointer; }


#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; margin-left:0; margin-right:0; }
#base_footer_dir .feature img { width:53px; display:inline-block; vertical-align:middle; }
#base_footer_dir .feature p { display:table-cell; vertical-align:middle; margin:0; line-height:1.3em; text-align:left; font-size:15px; }


#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; 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 !important; line-height:1; color:#ee3124 !important; font-weight:200 !important; 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.214%; background-image:url('../images/contents/logoline/logoline-sagami.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('../images/contents/logoline/logoline-pjur.png'); }
#base_footer_legal .legal_logoline .unionpay { width:39px; }
#base_footer_legal .legal_logoline .unionpay > * { padding-bottom:61.538%; background-image:url('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/contents/logoline/logoline-tenga.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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/contents/logoline/logoline-lelo.png'); }

#base_footer_legal .legal_logoline .fps { width:26px; }
#base_footer_legal .legal_logoline .fps > * { padding-bottom:94.23%; background-image:url('../images/contents/logoline/logoline-fps.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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/contents/logoline/logoline-glove.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 { color:#666666; }
#base_footer_legal .legal_copyright > p { border-left:0; margin-top:8px; }
#base_footer_legal .legal_copyright strong { color:#ee3124; font-weight:normal; }

.modal.overlap { background:rgba(0,0,0,.5); }
.modal .list-group-item.active, .modal .list-group-item.active:focus, .modal .list-group-item.active:hover { background-color:#f13030; border-color:#f13030;}

.p_orderslist_wrapper { max-height:30vh; overflow:auto; margin-bottom:18px; }
.p_orderslist_wrapper::-webkit-scrollbar { width:4px; height:4px; }
.p_orderslist_wrapper::-webkit-scrollbar-thumb { height:1px; border-radius:0; background:rgb(204,204,204); }
.p_orderslist_wrapper .list-group { margin-bottom:0; }
.p_orderslist_wrapper .list-group-item { display:flex; width:100%; font-size:15px; }
.p_orderslist_wrapper .list-group-item .number { flex:0 0 50%; }
.p_orderslist_wrapper .list-group-item .price { flex:0 0 50%; }

:root{
	--ssb2b-ui-orange:#f13030;
	--ssb2b-ui-lightgray:#a1a1a1;
	--ssb2b-ui-gray:#494949;
	--ssb2b-ui-darkgray:#333333;
}