body { font-family: Comic Sans MS,Arial; font-size: 25px; margin:3; padding:0; background-color:silver;overflow-x:auto; }

cbody { font-family: Comic Sans MS,Arial; font-size: 55px; }


body A:link { color:black; text-decoration : none;}
body A:visited { color:black; text-decoration : none; }
body A:active { color:black; text-decoration : none; }
body A:hover { background:silver; color:white;text-decoration : none;transition: 0.5s;}

.cgray { color:gray; }
.fsg { font-size:10px;color:gray; }
.ftg { font-size:6px;color:gray; }
.tdtext { padding:0px;border-spacing:16px;width:100%;text-align:left; }
.theader { font-size:30px; } 
.fprice { color:#b95c00; }

.youtube1 { position:relative; width:100%; height:0px; padding-bottom:57%; }
.youtube2 { position:absolute;top: 0px;left:0px; width:100%; height:100%; }

/* pic */
.ib2 {width:100%;border-radius:16px 16px 16px 16px;}
.cb2 {width:25%;border:solid 1px #969696;padding:0px;vertical-align:top;border-collapse: collapse;border-radius:15px;} 

/* buttons */
.bu_app { border-radius:15px; background:#f7cc3c; padding: 10px; }
.bu_bac { border-radius:25px; height:-5px; width:25px; font-size:20px; background:#b9f3a0; padding:5px;vertical-align:bottom; display:inline-block; }
.bu_nostock { border-radius:15px; background:#ff9393; padding:10px;font-weight:bold; }

/* tables */

.trb { border-collapse: collapse; } 
.trb td { padding:2px 6px 2px 6px; border: 1px solid #818181; border-spacing:0px;width:100%;text-align:left; }
.trb1 { background-color: rgba(175,216,216, 0.3); } 
.trb2 { background-color: rgba(175,216,216, 0.1); } 

ta1 { background-color:white;border:0px;padding:0px;width:100%;margin-left:auto;margin-right:auto;max-width:800px;border-spacing:0px; }
ta2 { border:0px;padding:0px;cursor:pointer;width:1%;white-space:nowrap;font-size:26px;border-spacing:0px; }

ta_ani { width:100%;height:600px;border:0px;padding:0px;width:100%;margin-left:auto;margin-right:auto;border-spacing:0px; }

/* item list */

.tdbox1 {width:50%;border:solid 1px #969696;padding:0px;vertical-align:top;border-collapse: collapse;border-radius:15px;} 
.tdbox2 {padding:4px;}
.tdbox3 {width:33%;border:solid 1px #969696;padding:0px;vertical-align:top;border-collapse: collapse;border-radius:15px;} 


.tdbox_img {width:100%;border-radius:16px 16px 0px 0px;}

.tdbox1 a:link { color:black; text-decoration : none;}
.tdbox1 a:visited { color:black; text-decoration : none;}
.tdbox1 a:active { color:black; text-decoration : none;}
.tdbox1 a:hover { background:none;color:Green; text-decoration : none; transition: 0.5s;}

/* boxes */

.boxship1 {font-size:12px;color:#00006a;border:solid 1px #969696;padding:2px; background:#ececff;} /* MY */
.boxship2 {font-size:12px;color:#00006a;border:solid 1px #969696;padding:2px; background:#ffddff;} /* ASEAN */

/* mobile menu */ 
.ovl { height: 0%; width: 100%; position: fixed; z-index: 100; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(235,235,235, 0.9); overflow-y: hidden; transition: 0.7s; }

.ovl-content { position: relative; top: 35px; width: 100%; text-align: center; margin-top: 30px;  }

.ovl a { padding: 8px; text-decoration: none; font-size: 25px; color:black; display: block; transition: 1s; }

.ovl a:hover, .ovl a:focus { color:white; }

.ovl .closebtn { position: absolute; top: -20px; right: 45px; font-size: 60px; }

@media screen and (max-height: 1500px) { .ovl {overflow-y: auto;} .ovl a {font-size: 20px} .ovl .closebtn { font-size: 40px; top: 5px; right: 35px; } }

.ovl_he { font-size: 18px; color:Gray; }
.ovl_tb { margin:auto;font-size: 20px; }

.ovl_tb A:link { color:black; text-decoration : none;}
.ovl_tb A:visited { color:black; text-decoration : none; }
.ovl_tb A:active { color:black; text-decoration : none; }
.ovl_tb A:hover { color:green; text-decoration : none;1s}