/* Main Shared Panel */
#shared		{ font-size:12px; background:white; padding:10px; text-align:center; }
#shared .bd	{ font-size:calc(25px + .25vw); font-weight:bold; padding:5px; }
#shared .s1	{ font-size:calc(13px + .25vw); padding:0 0 10px 0; }
#shared_button { display:inline-block; margin:0 0 20px 0; font-size:18px; font-weight:bold; color:white; 
		  padding:10px 30px 10px 30px; border-radius:5px; background:#006633; cursor:pointer; }

#shared_grid	{ width:90%; height:100%; padding:0; margin:auto auto; display:grid; grid-template-columns:20px 6fr 20px; column-gap:12px; }
#shared_images	{ overflow:hidden; white-space:nowrap; }
.shared_divs	{ display:inline-flex; width:195px; height:195px; margin-right:5px; }
.shared_img	{ width:100%; border:1px solid #666; cursor:pointer; }

#shared_back,  #shared_next  { cursor:pointer; }
#shared_back1, #shared_next1 { position:relative; top:35%; width:20px; height:auto; }

.face_love	{ position:relative; padding:1px; height:28px; margin:166px 0 0 -194px; background:white; border-radius:0px 13px 0 0; }
#face, .love	{ width:26px; height:26px; margin:0px; cursor:pointer; }

@media (min-width: 800px) {
	#shared_back, #shared_right { height:295px; }
	.shared_divs { width:295px; height:295px; }
	#shared_back1, #shared_next1 { top:40%; }
	.face_love { margin:266px 0 0 -294px; }
}

/* Show Each Image */
#show		{ z-index:10; min-height:100vh; top:0; left:0;  width:100%; }
#showClose	{ position:fixed; right:20px; top:10px; color:red; cursor:pointer; font-size:2rem; }

#show_back,  #show_next	 { cursor:pointer; width:20px; }
#show_back1, #show_next1 { position:fixed; top:45%; width:20px; height:auto; }

#show_grid1	{ width:90%; height:100%; padding:0; margin:auto auto; display:grid; grid-template-columns:20px 6fr 20px; column-gap:12px; }

#show1		{ display:table; min-height:100vh; width:100%; }
#show2		{ display:table-cell; vertical-align:middle; }
#show3		{ display:inline-block; width:100%; background:white; border:1px solid #CCC; }

#show_main1	{ float:left; width:calc(60% - 1px); border-right:1px solid #CCC; }
#show_main2	{ float:left; width:40%; }
@media (max-width: 800px) {
	#show_main1, #show_main2 { float:none; width:100%; }
	#show_caption { border-bottom:1px solid #CCC; }
}

#show_img1	{ padding:15px; }
#show_img2	{ width:100%; height:auto; border-bottom:1px solid #CCC; }

#show_caption	{ font-size:.9rem; padding:15px; background:#F5F5F5; border-top:1px solid #CCC; }
#show_face	{ display:inline-block; padding:0; cursor:pointer; margin-right:10px; }
#show_face_img	{ width:26px; height:26px; border:0px; }
#show_face table td { font-size:.75rem; padding-right:3px; }

#show_love	{ display:inline-block; padding:0; cursor:pointer; }
#show_love_img	{ width:26px; height:26px; border:0px; }
#show_love table td { font-size:.75rem; padding-right:3px; }
.slove    { width:26px; height:26px; margin:0px; }

.pro_left	{ float:left;  width:60%; padding:15px; font-size:.8rem; }
.pro_right	{ float:right; width:40%; padding:5px; }

.pro_img	{ width:100%; height:auto; }
.buynow		{ padding:8px 20px 8px 20px; margin:5px 0 10px 0; border-radius:5px; border:1px solid #666; cursor:pointer; }