*{box-sizing:border-box;}
body {margin:0; font:100%/1.7 system-ui; background-color:#1b1b1b; color:#eee;} 

/* เวอร์ชั่น 1*/
img.IMGtype1,img.IMGtype3 {bottom:0; left:0; right:0; top:0;
    margin:auto; overflow:auto; position:fixed;  
    -o-object-fit:contain; object-fit:contain;}
img.IMGtype1,img.IMGtype3 {border:4px solid gold; border-radius:15px 50px 30px; padding:10px;
    box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75);
    -webkit-box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75);
    -moz-box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75)}
img.IMGtype1 {max-width:93%; max-height:93%;}
img.IMGtype3 {max-width:87%; max-height:87%;}
.cntIMG,.cntSPEED {position:fixed; background-color:yellow; color:blue; padding:5px; 
    border:2px double black; border-radius:10px 10px 10px;}
.cntIMG {bottom:3px; right:5px;}
.cntSPEED {top:20px; right:35px; padding:2px; border-radius:0px 0px 0px;}

/* เวอร์ชั่น 2*/
.container {max-width:72rem; margin:0 auto; padding:2rem;}
img.IMGtype2 {display:block; margin:auto;  max-width:100%; border:2px solid gold; 
    border-radius:15px 50px 30px; padding:10px;
    box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75);
    -webkit-box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75);
    -moz-box-shadow:3px 6px 5px 0px rgba(201,183,12,0.75);}  
.prev,.next {cursor:pointer; position:absolute; top:50%; width:auto; padding:16px;
    margin-top:-22px; color:white; font-weight:bold; font-size:18px; transition:0.6s ease;
    border-radius:0 3px 3px 0; user-select:none; background-color:rgba(0,0,0,0.8);  }
.next {right: 0; border-radius:3px 0 0 3px;  }
.text {color:#f2f2f2; font-size:20px; /* padding:8px 12px; */ 
    position:absolute; bottom:8px; width:100%; text-align:center;}
.numbertext {color:#f2f2f2; font-size:12px; padding:20px 2px; position:absolute; top:0;} /* padding: 8px 12px; */
.dot {cursor:pointer; height:15px; width:15px; background-color:#bbb; border-radius:50%; 
    display:inline-block; transition:background-color 0.6s ease; margin:0 2px;} 
.active,.dot:hover {background-color:yellow;} 
.fade {animation-name:fade; animation-duration:1.5s;}
.mySlides {display:none}
.goback {font-weight:bolder;}    
@keyframes fade {from {opacity:.4} to {opacity: 1}}

@media screen and (max-width:600px) {}  /* For Mobile */
@media screen and (min-width:601px) {img {height:650px; width:auto;}} /* For PC */