* {box-sizing:border-box; }
	#fc {
		display: flex; 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.Dark {
		background: #363a49; /*rgb(54, 58, 73)*/
	}
	#fc.colour {
		background: rgb(var(--rgb1));
	}
	#fc.white {
		background: #ffffff ; 
	}
	#fc .sss {
		position: absolute; display: flex; align-items: center; top:0; left:0; height:100%; width: auto; padding: 0; margin: 0; 
	}
	#WQ {
		position: relative; padding: 0; text-align:center;  width: 100vw !important; height:100%!important; border-radius: 0px; font-family: var(--d71); display: inline-block; 
	}
	#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; 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; 
	}
	#WQ div.Right {
		*border-left: 1px solid rgba(255,255,255,0.1)!important
	}
	#WQ div.Right > .row {
		position:relative; padding:0; margin: 0 auto; display:flex; align-items:center; 
	}
	#WQ .imgbox  { 
		padding: 20px !important; display:flex; align-items:center; 
	}
	#fc #WQ .imgbox.AF1 img{ 
		filter: drop-shadow(10px 10px 10px rgba(51,51,51,.1));
	}
	#fc.Dark #WQ .imgbox.AF1 img{ 
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
	}
	#fc #WQ .imgbox.AE2 img{ 
		border: 1px solid; border-radius: 0px !important
	}
	#fc. #WQ .imgbox.AE2 img{ 
		border: 1px solid; 
		
	}
	#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;
	}
	.imgbar {
		padding: 0;  background:rgba(60, 64, 79, 0); border:1px solid rgba(255, 255, 255, .16) !important;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.white .imgbar {
		border-color: transparent !important; *background: transparent ;
	}
	.colour .imgbar {
		border: 0; background: rgba(255, 255, 255, .03)
	}
	.imgbar img{ 
		display:inline-block; padding: 0px; 
	}
	.imgbar img.img-rounded{ 
		display:inline-block; padding: 0px; border-radius: 8px !important;
	}
	.imgbar img.SSS{ 
		margin-bottom: 0.5% 
	}
	.imgbar img {
		margin: 0 1px; cursor:pointer; padding: 0px; height:100%; max-height:none!important; border: 4px solid #fff; 
	}

	.imgbar img:active { 
		opacity: .75; 
	}

	.Dark .imgbar img { 
		border-color: #999;
	}
	.Dark .imgbar img:hover { 
		border-color: #333;
	}
	.Dark .imgbar img.focus{
		border-color: #333; 
	}


	.white .imgbar img { 
		border-color: #eee;
	}
	.white .imgbar img:hover { 
		border-color: #aaa;
	}
	.white .imgbar img.focus{
		border-color: #aaa;
	}



	.colour .imgbar img { 
		border-color: #eee;
	}
	.colour .imgbar img:hover { 
		border-color: rgba(0,0,0,.75);
	}
	.colour .imgbar img.focus{
		border-color: rgba(0,0,0,.75);
	}




	
	.imgbar img.focus { 
		border-color: rgba(255,255,255,1);
	}
	.colour .imgbar img { 
		background: #fff; 
	}
	.colour .imgbar img:hover { 
		
	}
	.imgbar.Y  {
		width: 50%!important; padding: 0 15px
	}
	.imgbar.Y1  {
		width: 33.3%; padding: 0 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 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; *border:1px solid rgba(255,255,255,0.25)!important
	}
	#WQ .M1 .contentbox{
		 margin:0 auto;width: 1300px; padding: 10px  !important; -webkit-overflow-scrolling:touch; 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:0 !important; left: 50%; width: 100%; transform:translateX(-50%); margin:0 auto; padding:0; font-size:0; text-align:center; border-radius: 0px; z-index:999999999999; height: 50px; 
	}
	#fc.Dark #inquirybtn {
		background: #363a49 !important; /*rgba(0, 0, 0, 0.05)*/  
	}
	#fc.colour #inquirybtn {
		background: rgb(var(--rgb1)) !important; 
	}
	#fc.white #inquirybtn {
		background: #fff !important; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; 
	}
	#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; cursor: pointer;
	}
	#imgRight,#imgLeft{
		min-width: 50px; position: relative; display: inline-block; padding: 15px !important; background: rgba(0,0,0,0); font-size: 1.4rem; font-weight: 400; text-align: center; vertical-align: middle; background-color: transparent; cursor: pointer;
	}
	#fc.Dark #inquirybtn .btn-block, 
	#fc.Dark #imgLeft, 
	#fc.Dark #imgRight { 
		color: #ffffff; 
	}
	#fc.white #inquirybtn .btn-block, 
	#fc.white #imgLeft, 
	#fc.white #imgRight {
		color: #797979; 
	}
	#fc.colour #inquirybtn .btn-block, 
	#fc.colour #imgLeft, 
	#fc.colour #imgRight { 
		color: var( --NavColor );
	}
	#fc.Dark #inquirybtn .btn-block:hover, 
	#fc.Dark #imgLeft:hover, 
	#fc.Dark #imgRight:hover { 
		color: rgba(255,255,255,0.35) !important;
	}
	#fc.white #inquirybtn .btn-block:hover, 
	#fc.white #imgLeft:hover, 
	#fc.white #imgRight:hover { 
		color: #004080 !important;
	}
	#fc.colour #inquirybtn .btn-block:hover, 
	#fc.colour #imgLeft:hover, 
	#fc.colour #imgRight:hover { 
		color: rgba(255,255,255,0.35) !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)
	}
	#fc.Dark #inquirybtn .btn-block#addBtu, 
	#fc.Dark #inquirybtn .btn-block#cartBtu, 
	#fc.Dark #inquirybtn .Arrow_L > div.btn-block {
		box-shadow: 4px 0px 4px -4px rgba(255,255,255,.35)!important;
	}
	#fc.Dark #inquirybtn .Arrow_R > div.btn-block {
		box-shadow: -4px 0px 4px -4px rgba(255,255,255,.35)!important;
	}
	#fc.white #inquirybtn .btn-block#addBtu, 
	#fc.white #inquirybtn .btn-block#cartBtu, 
	#fc.white #inquirybtn .Arrow_L > div.btn-block {
		box-shadow: 4px 0px 4px -4px #e6e6e6 !important;
	}
	#fc.white #inquirybtn .Arrow_R > div.btn-block {
		box-shadow: -4px 0px 4px -4px #e6e6e6 !important;
	}
	#fc.colour #inquirybtn .btn-block#addBtu, 
	#fc.colour #inquirybtn .btn-block#cartBtu, 
	#fc.colour #inquirybtn .Arrow_L > div.btn-block {
		box-shadow: 4px 0px 4px -4px rgba(255,255,255,.35)!important;
	}
	#fc.colour #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.Dark #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 {/*d48 = 1 相簿*/
		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; 
	}
	#fc.white #inquirybtn.d48-1 .noInquiry .btn-block#closeBtu i{
		color: #333 
	}
	#fc.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; font-size: 1rem; text-align:left; margin:0 auto; padding:0; text-justify: inter-ideograph; word-wrap: break-word; min-height: 300px; 
	}
	#WQ #ProContent div.name:not(.name1) {
		display: inline-block; padding-bottom: 5px; padding-right: 5px; font-size: 1.8em; line-height: 1.0 !important; *letter-spacing: 1px; text-align:left; margin-bottom: 15px; text-justify:inter-ideograph; 
	}
	#WQ #ProContent table { /
		max-width: 100%;
	}

	#WQ #ProContent th, 
	#WQ #ProContent td { 
		text-justify:inter-ideograph; 
		width: auto !important; 
		word-break: break-all !important; 
		overflow-wrap: break-word;
	}
	#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: 0px 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:not(.inside-img), #WQ  #ProContent iframe {
		max-width:100%!important; height:auto; 
	}
	#WQ #ProContent  {
		max-width: 1300px !important;
	}
	#WQ #ProContent .w50New.radius  {
		max-width: calc(100% - 20px) !important;  
	}
	.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);
	}
	.border-bottom {
		border-bottom-width: 2px; border-bottom-style: solid; display: inline-block; 
	}
	.border-bottom.silver{
		border-color: silver; 
	}
	.preview {
		position: relative; opacity: 0.8; font-size: 0.9rem; padding: 15px 0;
	}
	#ProContent .name {
		position: relative;
		margin: 0 auto ; 
		padding: 9px 18px; 
		border-image: none;
		width: 100%; 
	}
	#ProContent .name:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0px;          /* 線的寬度 */
		height: 100%;        /* 撐滿高度 */
		border-radius: 4px;
		border-left-width: 2px; 
		border-left-style: solid;opacity: .5
	}
	@media (min-width: 1024px) {
		#WQ .M1 #ProContent, #WQ .S1 #ProContent {
			width: 1000px ;border:0px solid;
		}
		#WQ .M1.Y1 #ProContent, #WQ .S1.Y1 #ProContent {
			width: 1300px ;border:0px solid;
		}
		.imgbar.Y  {
			width: 100% !important; padding: 0;
		}
		.imgbar.Y1  {
			width: 100% !important; padding: 0;
		}
	}
	@media (max-width: 1024px) {
		#WQ #ProContent {
			display: inline-block; min-width: 100%; 
		}
		#imgRight,#imgLeft{
			display: none;
		}
		.imgbar, .imgbar.Y, .imgbar.Y1 {
			border: 0px solid rgba(255, 255, 255, .16) !important; width: 98% !important;
		}
	}
	@media (max-width:414px) {
		.Arrow {width:5%!important; height:5% !important; }
	}