@CHARSET "UTF-8";

html * {
	font-family:"Roboto", "Microsoft JhengHei","微軟正黑體","Heiti TC","黑體-繁","新細明體",serif;
	text-shadow:none;
}
}
div.search_full >div >input.not{
	margin:0.7em
}
.invoicesupportdiv{
	font-size:16px;
	margin:0.5em 0;
}
.etadate {
	width:12em;
}
.notfound{
	background:url('../image/spill.jpg') no-repeat center;
	background-size:contain;
	width:60%;
	padding-top:20em;
	margin:auto;
}
.addressbox,.pointer,.search_icon,.lang_icon,.icon_more{
	cursor:pointer;
}
.error_frame{
	padding-top:7em;
	text-align:center;
	color:grey;
	font-size:x-large;
	font-weight:bold;
}
.secondbtn {
	background-color:white;
	color:#c9302c;
	border-color:#c9302c;
	text-align:center;
	border-width:2px;
	border-style:solid;
	line-height:1.5em;
	border-radius:0.3em;
}
.wineredfont {
    color:#b71c1c;
}
.wineredhref {
	color: #b71c1c;     text-decoration-line: underline;
}
.wineredhref:hover {color: #b71c1c;     text-decoration-line: underline;}

.greenfont {  color:#390; }
.greyfont { color: #bbb; }
h3.greyfont  {
  font-weight:bold;
}
.blackfont { 	color:black; } 
.lightblackfont { color:#555}

.lightgreyfont { color:#999; }
.lightgreyborder {
    border: 1px solid #dbdbdb;
    border-bottom-color: #ccc;
}
.lightgreyborderbottom {
	border-bottom:1px solid #dbdbdb;
}
.linepad_row > .row {
	padding:0.5em 0;	
}
.linepad {
	padding-top: 6px; padding-bottom: 6px
}
.txtcenter {
	text-align:center;
}
.txtright {
	text-align:right;
}
.txtleft {
	text-align:left;
}
.cartitem {
	overflow: auto hidden	; 
	margin: 0.5em 0;
	padding: 1em 0.5em 0.5em 0.5em; 
	
	background-color: white;
}
.nowrapnorightpad {
	padding-right:0.1em;
	white-space:nowrap;
}
.nowrap {
	white-space:nowrap;
}

.lrpad {
	 padding-left:0.5em;
	 padding-right:0.5em;
}
.addressbox {
	margin: 0px 0px 1em 0px;	
	background-color: #eee;
	box-shadow: 2px 2px 3px #555;
}
.addressbox-selected { 
	background-color: white;	 
}
.selectedAddress {
	background-color:#dadada;
}

.redrosebtn {
	background-color: #cf001d;
    color: white;    
}
.redrosebtn.disabled {
	background-color:#bbb;
}
.form-control{
	font-size:16px;
	height:40px;
}
.redbtn {
	text-align:center;
	margin:2em;
	background-color:#b71c1c;
	color:white;
	font-size:24px;
	font-weight:bold;
	border-radius:0.2em;
	line-height:2em;
}
body{
	font-size:16px;
}
.fullbtn {
	border-radius: 0.3em;
    width: 100%;
    font-size: 24px;
    font-weight:bold;
}

.greenfontbtn { 
	color: white;
    background-color: #390;
    width: 100%;
    border-radius: 0.3em;
    font-size: x-large;
}
.greenfontbtn.disabled {
	background-color:#bbb;
}

.roundbtn {
	border-radius: 0.5em;
}
.classicbtn {
	width:100%; 
	font-size:large;	
}

.linerow {
	margin-bottom:0.3em;
}

.logo {
   background-repeat:no-repeat;
   background-color:transparent;
   background-size:contain;
   background-position:center center;   
   height:5em;    
}
.appstore{
   background-image:url('../image/apple.png');
}
.playstore{ 
   background-image:url('../image/google.png');  
}
.loading_gif {
	background-image:url('../image/loader.gif');	 
    background-repeat: no-repeat;
    background-position: center;
    background-size:15%;
    height: 100px;
    width: 100%;
}

.numinputgp{
	position: relative;
    display: table;
    border-collapse: separate;
    text-align:center;    
    width:100%
} 
.numinputgp>button:first-child {
	background-color:white;
	position:absolute; left:0;
}
.numinputgp>input {
	text-align:center; width:100%
}
.numinputgp>button:last-child {
	background-color:white;
	position:absolute; right:0;
} 


.cl_imred1 {
	color:#F13224;
}
.cl_imred2 {
	color:#F13224;
}
.cl_imred3 {
	color:#F61B1B;
}
.cl_imyw1 {
	color:#EFCE0B;
}
.cl_imyw2 {
	color:#FCFE05;
}
.cl_imyw3 {
	color:#e7dbb0;
}




.topbar_frame {
	position:fixed;
	z-index:102;
	height:3em;
	width:100%;
	background-color:#b71c1c;
	top:0;
}

.topbar {
   width:200px;
   background-image:url('../image/logo_white.png');
   background-repeat:no-repeat;  
   background-size:contain;
   position:absolute;
   height:inherit;
}
.search_mobile{
		display:block;
		position:fixed;
		z-index:100;
		width:100%;
		top:2.6em;
		height:3.5em;
		background-color:#b71c1c;
		border-bottom:white 1px solid;
		/* overflow:hidden; */
}
.search_wrapper.mobile{
	margin:0.6em;
	background-color:white;
}
div.search_mobile > div>input{
		padding:0.2em 2em;
		border:none;
		height:auto;
		width:80%;
}
.search_full{
	position:absolute;
	width:30%;
	right:10em;
	display:none;
}

.search_wrapper{
	height:2.5em;
	margin:0.5em 0;
	border-radius:0.315em;
	background-color:white;
	border:solid 1px #ddd;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
.search_wrapper   input{
	height:2em;
	margin: 0.3em 0.5em;
	border:none;
	outline:none;
	position:absolute;
	width:60%;
}
.search_icon{
	background-image:url('../image/search.png');
	background-size:contain;
	background-position:center;
	height:2.5em;
	width:2.5em;
	float:left;
	opacity:0.5;
}
.lang_icon{
	position:absolute;
	position: absolute;
    height: 50%;
    top: 25%;
	background-repeat:no-repeat;   
	background-size:contain;	
	background-position:center;
	width:24px;
}
.lang_tw{
   background-image:url('../image/lang_tw.png');
   right:6em;
}
.lang_en{
   background-image:url('../image/lang_en.png');
   right:3.5em;
}
.icon_more{
	background-image:url('../image/more.svg');
	background-repeat:no-repeat; 
	background-size:contain;
	background-position:center;
	position:absolute;
	width:2.5em;
	height:3em;
	right:0.5em;	 
}
.login_frame{
	padding:1em;
	max-width:768px;
	width:99%;
	margin:auto;
	text-align:center;
	overflow:hidden;
}
.login_register{	
	line-height:2em;
	margin:auto;
	font-weight:bold;
	font-size:larger;
	background-image:url('../image/pen.png');
	background-position:left;
	background-size:0.7em;
	width:10em;
	height:2em;	
	background-repeat:no-repeat;	
}
div.login_register.greyfont.nounderline {
	text-decoration:default;
} 
.login_wrapper{
	width:50%;
	margin:auto;
}
.login_icon{

}
.footer_content{
	float:left;
	padding:0.2em 0.5em;	
	font-size:small;
	
}
div.footer_content{
	color:#999; 
}
.footer_font {
	color:#aaa;
	font-size:small;
	text-align:center;
}


.fb_icon {
   background-image:url('../image/fb.png');
   background-repeat:no-repeat;
   background-color:transparent;
   background-size:contain;
   background-position:center;
   width:1.5em;
   height:1.5em;
   float:right;
   margin-right:5px;
   float:left;
   margin-left:5px;
}
.footer_frame{
	 padding-top:0.7em;
	 padding-bottom:3em;
	 border-top : 1px solid grey;
	 overflow:hidden;
	 
}
.fb_message {
	padding-left:5px; text-align:left;
}

.fb_messenger_message  {
	padding-right:5px; text-align:right;
}
.fb_messenger_message:before {
    content: " ";
    background-image: url(../image/messenger.png);
    padding: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.5em;    
}
.fb_container{
	float:right;
	width:100px;
}
.mainframe {
	max-width:768px;
	width:99%;
	margin:auto;
	min-height:20em;
	background-color:white;
}
.payment_frame{
	width:100%;
	padding:1em ;
	margin-top:1em;
}
.payment_logo{

	height:20px;
	background-image:url('../image/payment.png');
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
	margin:0 0.5em;
}
div.search_mobile >div > input.not{
	
	margin: 0.6em 0.5em;

}
.invoiceslip {
	margin-top:1em;
}
.sovycontent {
	padding-top:4em;
	font-size:16px;
	background-color:white;
}

.cart_count{
	display:none;
	right:7.2em;
	background-color:#ff0000;
	border-radius:10em;
	text-shadow:none;
	position:absolute;
	width:1.5em;
	height:1.2em;
	line-height:1.2em;
	color:white;
	top:15%;
	text-align:center;
	-webkit-transition:width 0.3s, height 0.1s, line-height 0.1s;
	transition: width 0.1s, height 0.1s, line-height 0.1s;
	border:1px solid white;
}
.counter_transition{
	line-height:1.5em;
	height:1.5em;
	width:2em;
}
 
.deliverystatus { 	 
 }
.status_addtxt {
	padding-left:2em;
	font-size:smaller;
}
.status_padbtm {
	padding-bottom: 0.8em;
    vertical-align: text-top;
}
.status_head {
	min-width:1.5em;
	text-align:center;
}
.txt-sm { font-size:smaller;}

.singleline > li {
	text-overflow: ellipsis;
    overflow-x: hidden;
    width: 100%;
    white-space: nowrap;
}
.singleline.wrap > li {
	white-space: initial;
}

.rating>span  {
	outline-width: 0px;
}

.status_downarrow {
	background-image : url("../image/arrow_down.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* width:15px; */
    flex: 0 0 15px;
}
.status_downarrow.last {
	background-image : url("../image/line_end.png");
}
.fvalign {
	display:flex;
	align-items: center;
}

.flexcontainer {
	display: flex;
    justify-content: space-around;
    align-items: stretch;
}
.flexcol-last {
  flex-grow: 1;
}

.valign-inputbox {
	padding-top: 3px;
    padding-bottom: 3px;
}
.rightnowrap {
	min-width:2em;padding-left:1em;white-space:nowrap;
}

.respqty {
	width:5em;
}	
.rightmargin{
	margin-right:1em;
}
.merchanticon {
	object-fit:cover;
	object-position: 50% 50%;
	background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 3px;    
    background-repeat: no-repeat;
}
.merchanticon.roundicon-sm {
	width:40px; 
	border-radius: 12px;
	margin-right:1em;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.asalesoption {
	padding: 0 10px 0 15px;
}
.cartoptcheckbox {
	
}

.cartoptcheckbox label {
	padding-left: unset;
    width: 100%;
}

.cartoptcheckbox .option {
	display: inline-flex;
    justify-content: space-between;
    width: calc( 100% - 37px );
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.widthtransit { 
	-webkit-transition:width 0.1s; transition:width 0.1s;
}
.widthswitch1 { width:100%; display:block}
.widthswitch2 { width :0%; display:none}
.widthtoggle > .widthswitch1 { width:0%; display:none}
.widthtoggle > .widthswitch2 { width :100% ;display:block}
.linetextbox {
	border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-color: #b71c1c ;
    width: 90%;
    line-height: 2.8em;
    font-size: x-large;
}
.linetextbox:focus {
	outline-width:0px;
}

.strikethrough {
    position: relative;
}

.strikethrough:before {
    border-bottom: 2px solid red;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

.formfonts {
	color: #333;
    font-weight: bold;
}

button[disabled], select[disabled]  {
	opacity:0.6;
}

.modal.livechatmargin {
    padding-bottom: 100px;
}
.deselectedCart {
	filter: grayscale(100%) blur(1px);
}
.emphaisize {
	color: black;
    font-style: italic;
    font-weight: bold;
}
.emphaisize:after {
	content: " *";
}

.routepath {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: smaller;
}
.routepath img {
	width: 25px;
    height: 25px;
}
.routepath .transport {
	filter: invert(18%) sepia(79%) saturate(6264%) hue-rotate(359deg) brightness(91%) contrast(125%);
}

.routepath .airplane {
	transform: rotate3d(1, 1, 1, 314deg);
}
.redrosebtn:active {
	background-color:#790112;
}

.alertmsgdiv {
    text-wrap: wrap;
    text-align: center;
    color: red;
    padding: 0.5em;
    white-space: pre-line;
}
.act_btn{
	margin:5%;
}
}


@media  screen and (max-width: 500px) {
	.respqty {
		width:5em;
	}	
}


@media only screen and (min-width: 768px) {
	.act_btn{
		margin:2% 5%;
	}
	.sovycontent {
		padding-top:3.5em;
	}
	.topbar_frame {
		z-index:100;
	}
	.invoiceslip {
		margin-top:0em;
	}
	
	.mainframe {
		max-width:768px;
		width:100%;
		margin:auto;
		font-size:large;
		min-height:20em;
	}
	.footer_frame{
		 padding-bottom:0.7em; 
	}
	.search_full{
		display:block;
	}
	.search_mobile{
		display:none;	
	}
	.topbar_frame{
		height:3.5em;
	}
	.icon_more{
		height:3.5em;
	}
	.notfound{
		background:url('../image/spill.jpg') no-repeat center;
		background-size:contain;
		width:40%;
		padding-top:20em;
		margin:auto;
	
	}
	.error_frame{
		padding-top:5em;
		text-align:center;
		color:grey;
		font-size:xx-large;
		font-weight:bold;
	}
	div.search_full >div >input.not{
		margin:0.5em
	}
	.notfound{
	
		width:40%;

	}
	.error_frame{
	
		font-size:xx-large;
		
	}
	.bgwhite {
	
	}

} 

.underline {
	text-decoration: underline;
}
sv-invoice-discount .discount {
	display:flex;
	justify-content: space-between;
}

sv-invoice-discount .head {
	padding:0 15px;
}
sv-invoice-discount .value {
	padding:0 15px;
}

.promocode {
	width:9em;
	text-align: right;
	padding:0.1em 0.5em;
	line-height:1.42em;
	border-radius:0.3em;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	padding:6px 12px;
	font-size:14px;
}

.CartDetail .cartsalesiteminfo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.cartsalesiteminfo .cartimg {
	width:30%;	
}
.cartsalesiteminfo .carttextinfo {
	padding-left: 10px;
	display:flex;
	flex-direction: column;
	justify: flex-start;
	aligin-item: left;	
	flex-grow:1;	
}

.carttextinfo > div {
	margin-bottom: 1em;
}
.cartpriceinfo {
	--SubtotalLefPad: 2% ; 
	padding-left: var(--SubtotalLefPad );
	padding-right: 2%;
	flex-grow: 1;
}
 
 .cartpriceinfo.hideDesktop {
 	display:none;
 }
 .cartpriceinfo.showDesktop {
 	display:block;
 }
 .cartimg a {
 	display:flex; 	 
   justify-content: center; 
 }
 .cartimg img {
 	max-height: 400px;
 	max-width: 100%;
 }
 
@media  screen and (max-width: 500px) {
	.cartpriceinfo {
	 	--SubtotalLefPad : 5%;
	}
 	 .cartpriceinfo.hideDesktop {
 	 	display:block;
 	 }
 	 .cartpriceinfo.showDesktop {
 	 	display:none;
 	 }
 	 
 	  .cartimg img {
 			max-height: 300px;
 	  }
}


.cartpriceinfo .cartqtyinfo {
	display: flex;
	justify-content: space-between;
	align-items : center;
	 
}

.fsbac {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.cart-gridcontainer {
	display: grid;
	grid-template-columns: [start] 30% [spliter] auto [end];
	grid-template-rows: auto auto auto;
	column-gap: 10px;
  	row-gap: 15px; 
  	margin:0;
}

.cart-gridcontainer .grid1 {
	grid-column: span 1;
	grid-row: span 2;
	
}
.cart-gridcontainer .grid2 {
	grid-column: spliter / end;
	
} 
.cart-gridcontainer .grid3 {
	grid-column: spliter / end;
} 
.cart-gridcontainer .grid4 {
	grid-column: start / end;
}  
@media  screen and (max-width: 500px) {
.cart-gridcontainer .grid3 {
	grid-column: start / end;
} 
.cart-gridcontainer .grid1 { 
	grid-row: span 1;
}
}


 
.redscrollbar { 
	overflow-x:scroll; 
}
.redscrollbar::-webkit-scrollbar { 
	 width: 6px; height:6px;
}
 
.redscrollbar::-webkit-scrollbar-track {    
    box-shadow: inset 0 0 2px grey;   
  	border-radius: 10px;
}
.redscrollbar::-webkit-scrollbar-thumb {
  background: #b71c1cb5; 
  border-radius: 10px; 
}
.salessuggest {
	display: inline-grid;
    grid-template-columns: 30% 1fr 60px;
    align-items: center;
    justify-items: center;
    
    border: 2px solid lightgrey;
    border-radius: 0.4em; 
	width:80%;
	max-width:300px;
	margin:5px;
}
.salessuggest .sgimg {
    max-width: 90%;
    padding: 5px;
    cursor:pointer;
}
.salessuggest .text {
	font-size:smaller;
}
.salessuggest .reqtxt {
	color: #bbb;
	font-size: smaller;
}
.salessuggest .text-ul {
	text-decoration: underline;
	cursor:pointer;
}
.salessuggest action {
	
} 
.salessuggest .addtocart {
	width:25px; height: 25px;	
	filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(7490%) hue-rotate(350deg) brightness(96%) contrast(92%);
}

.paymethodbtn::before {
	 
    content: "▼"; 
    padding-right: 0.5em;
    padding-left: 0.1em;
    font-size: x-small;
 
}


#airwallexouter {
	padding: 25px 10px;
    margin: 25px 5px;
    /* border: 1px solid grey; */
    border-radius: 2em;
    /* opacity: 0; */
    transition: 0.8s;
    /* opacity: 1; */
}