* {box-sizing:border-box; }
	#fc {
		display: flex; background: rgba(54, 58, 73, 1); position: fixed; top: -100vh; left: 0; margin: 0 auto; text-align: center; height: 100%; min-width: 100%; border-radius: 0%; padding: 0px; overflow: hidden !important; -webkit-overflow-scrolling: touch; z-index: 888888888888888
	}
	#fc.white {
		background: rgba(255, 255, 255, 1)!important;
	}
	#fc.colour {
		background: rgba(var(--rgb1opacity4))!important;
	}
	#fc .sss {
		position: absolute; display: flex; align-items: center; top:0; left:0; height:100%; width: auto; background: rgba(54, 58, 73, 0); padding: 0; margin: 0; 
	}
	#WQ {
		position: relative; *top:0; padding: 0; text-align:center; display: flex; align-items: center; width: 100vw !important; height:100%!important; border-radius: 0px; font-family: var(--d71); display: inline-block; border: 0px solid #fff; 
	}
	#WQ a:hover {
		text-decoration: underline !important;
	}
	#WQ .main > div.Left, #WQ .main > div.Left .row,
	#WQ .main > div.Right, #WQ .main > div.Right .row {
		height:100%!important; 
	}
	#WQ .main {
		position: relative; *padding: 0px 50px; *display:flex; *align-items:center; flex-wrap:wrap; margin: 0 !important; 
	}
	#BtnClose {
		position: fixed; top: 8px; right: 8px; width: 28px; height: 28px; z-index: 100; cursor: pointer; color: #fff
	}
	#WQ .row {
		margin:0 !important; 
	}
	#WQ #ProContent .row {
	  margin-right: -15px!important;  margin-left: -15px !important;
	}
	#WQ .main div.Left { 
		position:relative; padding:0; margin: 0 auto; border: 0px solid #fff; 
	}
	#WQ div.Right > .row {
		position:relative; padding:0; margin: 0 auto; display:flex; align-items:center; border: 0px solid red;
	}
	#WQ .imgbox  { 
		padding: 20px !important; display:flex; align-items:center; 
	}
	#WQ .imgbox img.img-rounded{ 
		border-radius: 8px !important;
	}
	#WQ .imgbox img, #WQ .imgbox iframe { 
		max-height: 100%; max-width:100%; padding: 0px; margin:0 auto; -webkit-overflow-scrolling:touch;
	}
	#WQ .imgbar img{ 
		display:inline-block;
		padding-bottom: 0px; 
	}
	#WQ .imgbar img.img-rounded{ 
		display:inline-block;
		padding-bottom: 0px; ;
		border-radius: 8px !important;
	}
	#WQ .imgbar img.SSS{ 
		margin-bottom: 15px 
	}
	#WQ .namebox{
		display: inline-block ; margin:0 auto; text-align: center !important; font-size: 1.35em; letter-spacing: 2px; display:flex; align-items:center; color: #fff; 
	}
	#WQ .namebox .name{
		margin: 0 auto;  display:inline-block; 
	}
	#WQ .btnbox {
		display:flex; align-items:center; font-size: 1.65rem; margin: 0; padding: 0;
	}
	#WQ .imgbar {
		padding: 5px 0;  background:rgba(60, 64, 79, .05)
	}
	#WQ div.contentbox {
		color: #fff; max-height: 98%; padding: 50px 30px !important; -webkit-overflow-scrolling:touch; border-radius: 8px; background: rgba(255,255,255,0.05); border-top: 1px solid rgba(255,255,255,.08); border-left: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.25); border-right: 1px solid rgba(255,255,255,.15);font-weight: 100;
	}
	#WQ div.contentbox.M1 {
		padding: 10px  !important; -webkit-overflow-scrolling:touch; border-radius: 8px; background: rgba(255,255,255,0.05); border-top: 1px solid rgba(255,255,255,.08); border-left: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.25); border-right: 1px solid rgba(255,255,255,.15);font-weight: 100;
	}
	#WQ div.contentbox.M1 {
		background: rgba(255,255,255,0) !important; border-top: 0px solid rgba(255,255,255,.08) !important; border-left: 0px solid rgba(255,255,255,.08) !important; border-bottom: 0px solid rgba(255,255,255,.25) !important; border-right: 0px solid rgba(255,255,255,.15) !important;font-weight: 100;
	}

	#WQ .price { 
		font-size:0.85em!important; line-height:1.5em; display: inline-block; padding-left:15px; 
	}
	#WQ .price small{ 
		font-size:0.7em!important; line-height: inherit; 
	}
	#inquirybtn {
		position: absolute !important; bottom:0px !important; left: 50%; width: 100%;transform:translateX(-50%); margin:0 auto; padding:0; font-size:0; text-align:center; border-radius: 0px; background: rgba(40,50,70,.85)!important ; border: 0px solid rgba(255,255,255,.15);z-index:999999999999; 
	}
	#inquirybtn.d48-1 #closeDiv, #WQ.Inquiry #inquirybtn.d48-1 .Arrow_L, #WQ.Inquiry #inquirybtn.d48-1 .Arrow_R,  #inquirybtn .noInquiry {
		display: none;
	}
	#inquirybtn.d48-1 .noInquiry{
		display: block !important;
	}
	#inquirybtn > div {
		position: relative; font-weight: 500; display: flex; justify-content: space-between; align-items: center; -webkit-box-align: center; -webkit-box-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal;  height: 100% !important;
	}
	#inquirybtn > div > div, #inquirybtn > div > div > div{ 
		position: relative; padding:0;
	}
	#inquirybtn .btn-block { 
		min-width: 150px; position: relative; display: inline-block; padding: 15px!important; background: rgba(0,0,0,0); font-size: 0.85rem; font-weight: 400;text-align: center; vertical-align: middle; background-color: transparent; border: 1px solid transparent; color: #fff; cursor: pointer;
	}
	#inquirybtn .btn-block:hover { 
		color: rgba(255,255,255,0.65) !important;
	}
	#inquirybtn .btn-block:active { 
		color: rgba(0,0,0,0.65) !important;
	}
	#inquirybtn .btn-block i{ 
		font-size: 1rem !important; 
	}
	#inquirybtn .btn-block.active{
		cursor: default; background-color: none !important; box-shadow:none; border: 1px solid rgba(0,0,0,0)
	}
	#inquirybtn .btn-block#addBtu, #inquirybtn .btn-block#cartBtu, #inquirybtn .Arrow_L > div.btn-block {
		box-shadow: 4px 0px 4px -4px rgba(255,255,255,.35)!important;
	}
	#inquirybtn .Arrow_R > div.btn-block {
		box-shadow: -4px 0px 4px -4px rgba(255,255,255,.35)!important;
	}
	#inquirybtn .btn-block > div{
		display: inline-block !important; padding-left: 3px;
	}
	*[data-link='-1'] .btn-block {
		cursor: default !important;
	}
	*[data-link='-1'] .btn-block i {
		opacity: 0.2 !important;
	}
	#fc #inquirybtn.d48-1 .noInquiry {
		background: #000 !important; 
	}
	#fc.white #inquirybtn.d48-1 .noInquiry {
		background: #333 !important; 
	}
	#fc.colour #inquirybtn.d48-1 .noInquiry {
		background: #000 !important; 
	}
	#inquirybtn.d48-1 .noInquiry {
		position: fixed; top: 0px; right: 0px; border-radius: 0px; background: rgba(40,50,70,0) !important;  padding: 5px!important; border: none;
		
	}
	#inquirybtn.d48-1 .noInquiry .btn-block#closeBtu {
		min-width: 0; padding: 0px!important; background: transparent; font-weight: 100; background-color: transparent; 
	}
	#inquirybtn.d48-1 .noInquiry .btn-block#closeBtu i{ 
		font-size: 2rem !important; color: #fff; 
	}
	.white #inquirybtn.d48-1 .noInquiry .btn-block#closeBtu i{
		color: #333
	}
	.colour #inquirybtn.d48-1 .noInquiry .btn-block#closeBtu i{
		color: var( --NavColor );
	}
	.noInquiry #closeBtu  {
		width: 40px; height: 40px;	top: 0px; right: 0px; transform: rotate(0deg); transition: all .5s ease; 
	}
	.noInquiry #closeBtu:hover{
		transform: rotate(270deg);
	}
	#fc.white .noInquiry #closeBtu img, #fc.colour .noInquiry #closeBtu img {
		filter:invert(100%)
	}

	#WQ #ProContent {
		display: inline-block; max-width: 100%; font-size: 1rem; text-align:left; margin:0 auto; padding:0;	*text-align: justify; text-justify: inter-ideograph; word-wrap: break-word;
	}
	#WQ #ProContent div.name:not(.name1) {
		width: 100%; padding-bottom: 10px;font-size:2em; line-height:1.1!important; letter-spacing: 1px; text-align:left; *text-align:justify; text-justify:inter-ideograph; 
	}
	#WQ #ProContent table,#WQ #ProContent th, #WQ #ProContent td { 
		font-size: 1rem; *font-family:'cwTeXYen', Helvetica, Arial, sans-serif; *text-align:justify; text-justify:inter-ideograph; 
	}
	#WQ #ProContent .panel-body img { 
		width:100%!important; height:auto!important; 
	}
	.panel-body {  
		color: #333 
	}
	.Arrow svg{ 
		opacity: 0
	}
	.white .Arrow {
		*background: rgba(60, 64, 79, 0.1)
	}
	.white .Arrow .a {
		stroke: #333; 
	}
	.white #BtnClose {
		background: rgba(60, 64, 79, 0.2);
	}
	.white #WQ {
		background: #fff; border-radius: 0px;
	}
	.white #WQ div.contentbox {
		color: #333; border: 1px solid #ddd; 
	}
	.white #WQ .namebox{
		color: #333;;
	}
	.colour #WQ {
		background: inherit; border-radius: 0px;
	}
	.colour #WQ .namebox{
		color: var( --NavColor );
	}
	.colour #WQ div.contentbox {
		color: var( --NavColor ); border-top: 1px solid rgba(175,175,175,.15); border-left: 1px solid rgba(175,175,175,.15); border-bottom: 1px solid rgba(175,175,175,.01); border-right: 1px solid rgba(175,175,175,.01);
	}
	.colour .Arrow .a {
		stroke: var(--NavColor); 
	}
	.colour #BtnClose {
		background: rgba(60, 64, 79, .2);
	}
	.colour #WQ .price { 
		color: var( --NavColor );
	}
	#BtnClose {
		display: none; 
	}	




	#WQ #ProContent img, #WQ  #ProContent iframe {
		max-width:100%!important; height:auto; 
	}
	.white .imgbar {
		border-color: transparent !important; *background: transparent ;
	}
	.colour .imgbar {
		border: 0; background: rgba(255, 255, 255, .06)
	}


	
	.imgbar img {
		margin: 2px; cursor:pointer; padding: 0px; height:100%; max-height:none!important; border:2px solid #fff;background:#fff; border-color: #fff; 
	}
	.imgbar img:hover { 
		background:none; border-color: rgba(255,255,255,0.5); 
	}
	.imgbar img:active { 
		opacity: .5; 
	}
	.white .imgbar img { 
		background: #fff; 
	}
	.white .imgbar img:hover { 
		border-color: #333; 
	}
	.colour .imgbar img { 
		background: #fff; 
	}
	.colour .imgbar img:hover { 
		background:#fff; border-color: #666;
	}
	.active-border{ 
		border: 2px solid #fff !important
	}	
	.white .active-border{ 
		border: 2px solid #333 !important 
	}	
	.colour .active-border{ 
		border: 2px solid #666 !important 
	}

	#WQ .bi-heart, #WQ .bi-heart-fill {
		font-size: 0.95rem !important; 
	}

	#cartBtu .cartCount{
		position: relative; top: -9px; left:0; 
	}





	#WQ .AAA div.contentbox {
		border-radius: 0px; background: rgba(255,255,255,0); border-top: 0px solid rgba(255,255,255,.08); border-left: 0px solid rgba(255,255,255,.08); border-bottom: 0px solid rgba(255,255,255,.25); border-right: 0px solid rgba(255,255,255,.15);
	}
	#WQ .main.AAA div.Left { 
		*background: rgba(0,0,0,.05); 
	}
	.white #WQ .main.AAA div.Left { 
		*background: rgba(0,0,0,.01) !important; 
	}
	.colour #WQ .main.AAA div.Left { 
		*background: rgba(0,0,0,.05) !important; 
	}
	.colour #WQ .AAA div.contentbox {
		border-top: 0px solid rgba(175,175,175,.15); border-left: 0px solid rgba(175,175,175,.15); border-bottom: 0px solid rgba(175,175,175,.01); border-right: 0px solid rgba(175,175,175,.01);
	}




	@media (max-width:414px) {
		.Arrow {width:5%!important; height:5%!important; }
	}