/* (1) ======= CSS ค่าเริ่มต้น คือ มือถือรุ่นปัจจุบัน จอยาวๆ == 393 x 790 px ======= 1px=0.255vw|0.285vw|0.2565vw, 1.5em=5.4vw, 0.1em=0.36vw, 1em=3.6vw*/
.tranW { background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; }
	
.close_img_number { }
	
.close_80 { width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }
	
.close_100 { width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }
	
.close_120{ width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }

.close_200{ width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }

.close_250{ width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }

.close_300{ width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }

.close_img_number { width:30px; height:30px; cursor:pointer; float:left; margin-top:0; position: absolute; right: 0; bottom: 0; display:block; opacity:0.5; }
	
.close_img_number:hover { opacity:1; }

.inputfile {
  width: 0.03vw;
  height: 0.03vw;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile:focus + label {
  outline: 0.26vw dotted #000;
  outline: -webkit-focus-ring-color auto 1.28vw;
}
.inputfile + label * {
  pointer-events: none;
}

/* 
.tranW { background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; }
	
.close_img_number { }
	
.close_80 { width:40px; height:40px; background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }
	
.close_100 { width:40px; height:40px; background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }
	
.close_120{ width:40px; height:40px;  background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }

.close_200{ width:40px; height:40px;  background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }

.close_250{ width:40px; height:40px;  background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }

.close_300{ width:40px; height:40px;  background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }

.close_img_number { width:40px; height:40px;  background:url(https://www.koom.me/plugin/uploadPhotoNumber/images/delete-3-1.png) no-repeat center center; cursor:pointer; float:left; margin-top:1px; position: absolute; right: -10px; bottom: -10px; display:block; opacity:0.5; }
	
.close_img_number:hover { opacity:1; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
  pointer-events: none;
}
*/

/* (2) ==== แก้บางอย่าง ใหม้ือถือรุ่นเก่า จอสั้นๆ iPhone 5/6/7/8/SE === 1px=0.2656vm =, 1em=3.766vw */
@media screen and ( min-device-aspect-ratio:1/2 ) and ( max-width: 500px )
{
  .close_80 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_100 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_120{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_200{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_250{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_300{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_img_number { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .inputfile { width: 0.03vw; height: 0.03vw; }
  .inputfile:focus + label { outline: 0.27vw dotted #000; outline: -webkit-focus-ring-color auto 1.33vw; }

   /*
  .close_80 { width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }
    
  .close_100 { width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }
    
  .close_120{ width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }

  .close_200{ width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }

  .close_250{ width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }

  .close_300{ width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }

  .close_img_number { width:40px; height:40px; margin-top:1px; right: -10px; bottom: -10px; }
    
  .inputfile { width: 0.1px; height: 0.1px; }
  .inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
  */
}
/* (3) ==== iPad+Tablet แนวตั้ง (Tablet บางรุ่นจอยาวใช้แบบข้อ 1) = iPad Mini = 1px=0.13vw, 1em=1.825vw== */
@media screen and ( min-aspect-ratio:768/1024 )
{
  .close_80 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_100 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_120{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_200{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_250{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_300{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_img_number { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .inputfile { width: 0.01vw; height: 0.01vw; }
  .inputfile:focus + label { outline: 0.13vw dotted #000; outline: -webkit-focus-ring-color auto 0.65vw; }
}

/* (4) ============ มือถือ Flip จอจัตุรัส = 800 x 800 ======== 1px = 0.12497vw, 1em=1.75vw === */
@media screen and ( min-aspect-ratio:1/1 )
{
  .close_80 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_100 { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .close_120{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_200{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_250{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_300{ width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }

  .close_img_number { width:30px; height:30px; margin-top:0; right: 0; bottom: 0; }
    
  .inputfile { width: 0.01vw; height: 0.01vw; }
  .inputfile:focus + label { outline: 0.12vw dotted #000; outline: -webkit-focus-ring-color auto 0.65vw; }
}
/* (5) ===== Macbook & Surface & iPad แนวนอน (กลุ่มจอ 4:3) = 1696 x 965 px === 1px=0.05883vw, 1em=0.82vw = */
@media screen and ( min-aspect-ratio:4/3)
{
  .close_80 { width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }
    
  .close_100 { width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }
    
  .close_120{ width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }

  .close_200{ width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }

  .close_250{ width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }

  .close_300{ width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }

  .close_img_number { width:35px; height:35px; margin-top:0; right: 0; bottom: 0; }
    
  .inputfile { width: 0.006vw; height: 0.006vw; }
  .inputfile:focus + label { outline: 0.06vw dotted #000; outline: -webkit-focus-ring-color auto 0.29vw; }
  .event_close svg{
    width:35px;
    height:35px;
  }
}
/* (6) =============== Notebook จอ 16:9 = 1366 x 640 px === 1px=0.07333vw, 1em=1.016666vw =========== */
@media screen and ( min-aspect-ratio:2/1)
{
  .close_80 { width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }
    
  .close_100 { width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }
    
  .close_120{ width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }

  .close_200{ width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }

  .close_250{ width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }

  .close_300{ width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }

  .close_img_number { width:40px; height:40px; margin-top:0; right: 0; bottom: 0; }
    
  .inputfile { width: 0.007vw; height: 0.007vw; }
  .inputfile:focus + label { outline: 0.07vw dotted #000; outline: -webkit-focus-ring-color auto 0.37vw; }
  .event_close svg{
    width:40px;
    height:40px;
  }
}
/* (7) ========== จอ Full HD จอ 16:9 แต่ใหญ่ขึ้น = 1920 x 900 px == 1px=0.052166vw, 1em=0.725vw ======== */
@media screen and ( min-aspect-ratio:2/1 ) and (min-width: 1600px)
{
}