HTML, BODY { font-size: 16px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
BODY { color: #000000; background: #D2D3D5; margin: 0; }
TABLE { font-size: 0.9375rem; }
TD { text-align: left; }
TH { text-align: center; }
H1, H2, H3, H4, H5, H6 { color: #A40000; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; margin: 10px 0; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
P, UL, OL, LABEL { line-height: 1.25rem; }
P { font-size: 0.9375rem; margin: 4px 0; }
INPUT { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0; }
INPUT:disabled { background-color: #DEDEDE; opacity: 0.35; filter: Alpha(Opacity=35); }
INPUT:hover, INPUT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
TEXTAREA { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0 2px; }
TEXTAREA:hover, TEXTAREA:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
SELECT { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; border: 1px solid #777777; border-radius: 4px; padding: 3px; margin: 2px 0; }
SELECT:hover, SELECT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #97B1BF; }
BUTTON { min-width: 100px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; border: 1px solid #777777; border-radius: 4px; padding: 8px; margin: 4px; cursor: pointer; }
BUTTON:hover { color: #000000; background: #F5F5F5; box-shadow: 0 0 10px #97B1BF; }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
FIELDSET { margin: 15px auto 5px; max-width: 350px; padding: 20px; border-radius: 15px; box-shadow: 0 0 10px #777777; }
FIELDSET P { text-align: right; margin: 0 0 5px; }
LABEL { margin: 0 4px 0 0; }
BLOCKQUOTE { line-height: 1.25rem; }
VIDEO { max-width: 77%; border: none; }
A:link, A:visited, A:active { font-weight: normal; color: #007DDD; background-color: transparent; text-decoration: underline; }
A:hover { font-weight: normal; color: #FF0000; background-color: transparent; text-decoration: underline; }
A:link.rezlink, A:visited.rezlink, A:active.rezlink { font-weight: normal; color: #555555; text-decoration: underline; }
A:hover.rezlink { font-weight: normal; color: #FF0000; background-color: transparent; text-decoration: underline; }
A:link.biglink, A:visited.biglink, A:active.biglinlk { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1.5rem; }
A:link.pagelink, A:visited.pagelink, A:active.pagelinlk { font-size: 1rem; color: #FFFFFF; text-decoration: none; background: #333333; display: inline-block; padding: 5px 25px; }
A:hover.pagelink { color: #000000; background: #BBBBBB; }
A:link.headline, A:visited.headline, A:active.headline { font-size: 1rem; display: inline-block; color: #FF5500; background: #FFFFFF; margin: 0 0 5px; }
A:hover.headline { color: #000000; }
A:link.arti, A:visited.arti, A:active.arti { color: #FF8C00; font-weight: bold; text-decoration: none; }
A:hover.arti { color: #000000; }
IMG { max-width: 100%; max-height: 100%; border: none; }
#container { color: #000000; background: #FFFFFF; max-width: 1120px; margin: 10px auto; box-shadow: 0 0 5px #000000; }
#logo { width: 100%; background: #F0E124; }
#menubar { position: relative; width: 100%; display: block; }
#menubarimg { position: relative; display: block; font-size: 1rem; color: #FFFFFF; background-color: #545454; padding: 1em 0px 1em 1em; cursor: pointer; }
#pagecontent { width: auto; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #FFFFFF; padding: 15px; }
#srchform { width: auto; color: #FFFFFF; background: #285068; text-align: center; padding: 8px 0; }
#srchform A { padding: 5px; float: right; }
#srchform A:hover { background: #FFFFFF; }
#footer { text-align: center; color: #999999; background: #152836; width: auto; position: relative; padding: 6px 0; }
#footer A { color: #FFFFFF; text-decoration: none; display: inline-block; padding: 6px; margin: 0px; }
#footer A:hover { background: #BBBBBB; color: #000000; }
.icon-1 { vertical-align: middle; }
.dropmenu, .dropmenu UL { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 0.9375rem; text-align: left; margin: -5px 0px 0px; padding: 5px 0px 0px; list-style-type: none; list-style-position: outside; position: relative; z-index: 10; width: auto; }
.dropmenu LI { float: left; position: relative; }
.dropmenu A { color: #FFFFFF; font-weight: normal; text-decoration: none; display: block; }
.dropmenu UL { position: absolute; font-size: 0.9375rem; display: none; width: auto; top: 50px; left: 0px; padding: 5px; border: 1px solid #9FB6CD; background: #F0F8FF; box-shadow: 0 0 8px #999999; -moz-box-shadow: 0 0 8px #999999; -webkit-box-shadow: 0 0 8px #999999; }
.dropmenu UL A { border-bottom: 1px solid #9FB6CD; background: url(images/item.png) 10px 6px no-repeat; border-right: none; font-size: 0.9375rem; color: #000000; width: 200px; padding: 5px 5px 5px 30px; }
.dropmenu LI:hover { background: #C6E2FF; }
.dropmenu LI:hover A { color: #000000; }
.dropmenu LI UL { padding: 2px; }
.dropmenu LI UL A { height: auto; float: left; }
.dropmenu UL UL { top: 15px; left: 140px; }
.dropmenu LI UL UL { background: #DEE2E6; }
.dropmenu LI:hover UL UL, .dropmenu LI:hover UL UL UL, .dropmenu LI:hover UL UL UL UL { display: none; }
.dropmenu LI:hover UL, .dropmenu LI LI:hover UL, .dropmenu LI LI LI:hover UL, .dropmenu LI LI LI LI:hover UL { display: block; }
.touchmenu, .touchmenu UL { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: normal; position: relative; width: auto; margin: 0; padding: 0; list-style-type: none; list-style-position: inside; z-index: 10; }
.touchmenu LI { width: 100%; color: #FFFFFF; float: left; text-indent: 1em; position: relative; }
.touchmenu A { color: #FFFFFF; text-decoration: none; padding: 1em 0; display: block; border-top: 1px solid #FFFFFF; }
.touchmenu LI UL LI { display: block; background: #DCDCDC; text-indent: 3em; border-top: 1px solid #708090; border-collapse: collapse; }
.touchmenu LI UL LI A { color: #000000; }
.touchmenu LI:hover { background: #ACACAC; }
.menubartap { display: inline-block; }
.menublock-1 { width: 18%; height: 55px; text-align: center; background: #D06503; padding: 15px 0 5px; }
.menublock-2 { width: 16%; height: 55px; text-align: center; background: #E9931A; padding: 15px 0 5px; }
.menublock-3 { width: 16%; height: 55px; text-align: center; background: #1691BE; padding: 15px 0 5px; }
.menublock-4 { width: 16%; height: 55px; text-align: center; background: #166BA2; padding: 15px 0 5px; }
.menublock-5 { width: 16%; height: 55px; text-align: center; background: #285068; padding: 15px 0 5px; }
.menublock-6 { width: 18%; height: 55px; text-align: center; background: #152836; padding: 15px 0 5px; }
.touchblock-1 { background: #D06503; }
.touchblock-2 { background: #E9931A; }
.touchblock-3 { background: #1691BE; }
.touchblock-4 { background: #166BA2; }
.touchblock-5 { background: #285068; }
.touchblock-6 { background: #152836; }
.h75 { height: 75px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }
.column-1 { text-align: center; width: 25%; float: left; padding: 0; margin: 0 12% 0 0; }
.column-2 { text-align: center; width: 25%; float: right; padding: 0; }
.heading { margin: 15px 0 5px; border-bottom: thin solid #D2B48C; }
.reztbl { border: thin solid #A9A9A9; border-collapse: collapse; margin: 0 auto; }
.tblhead1 { color: #FFFFFF; background: #D06503; border: thin solid #A9A9A9; border-collapse: collapse; padding: 5px; }
.tblhead2 { color: #FFFFFF; background: #E9931A; border: thin solid #A9A9A9; border-collapse: collapse; padding: 5px; }
.tbldet1 { color: #000000; background: #FFEFD5; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tbldet2 { color: #000000; background-color: #FFE4B5; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.tbldet3 { color: #000000; background-color: #FFF8DC; border: thin solid #A9A9A9; border-collapse: collapse; padding: 3px; }
.google { font-size: 0.8775rem; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; text-align: justify; color: #000000; text-decoration: none; background-color: #FAF2E3; padding-top: 10px; padding-left: 2px; padding-right: 2px; padding-bottom: 15px; }
.ads { margin: 0 auto 15px; max-width: 730px; }
.highlite { font-weight: normal; color: #8B0000; background: #FFEFD5; border: thin solid #000000; border-style: dashed; border-collapse: collapse; border-color: #DEB887; border-width: 1px; padding: 10px; }
.hlite { color: #708090; background: transparent; }
.authinfo { color: #555555; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.75rem; text-align: center; margin: 15px 0 0; }
.warning { color: #FF0000; background: transparent; }
.clearall { clear: both; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.album { border: thick solid #FFFFFF; box-shadow: 0 0 10px #777777; vertical-align: middle; margin: 10px 0; }
.fullpic { margin: 20px auto; max-width: 740px; }
.fullpic SPAN { font-style: italic; color: #880088; text-align: center; display: block; margin: 5px 0 0; }
.leftpic { float: left; margin: 0 15px 0 0; }
.rightpic { float: right; margin: 0 0 0 15px; }
.formfld { background: #F8F8FF; }
.fld50 { width: 50px; margin: 0 150px 0 0; }
.fld100 { width: 100px; margin: 0 100px 0 0; }
.fld175 { width: 175px; }
.fld200 { width: 200px; }
.fld250 { width: 250px; }
.fld300 { width: 300px; }
.fld350 { width: 350px; }
.hbox { width: 300px; font-size: 1rem; text-align: center; color: #FF8C00; background: #FAF0E6; margin: 0 auto; padding: 15px; box-shadow: 0 0 15px #555555; -moz-box-shadow: 0 0 15px #555555; -webkit-box-shadow: 0 0 15px #555555; }
.smalltext { font-size: 0.75rem; }
.lang-1 { color: #FF00FF; }
.lang-2 { color: #0000FF; }
.lang-3 { color: #FF3300; }
.lang-4 { color: #669933; }
.srchbtn { color: #000000; background: #7FD5FE; padding: 3px 10px; }
.btn { color: #FFFFFF; background: #2A80B9; }
.btn:hover { color: #00FFFF; background: #FAFAFA; box-shadow: 0 0 10px #97B1BF; }
.btn30 { width: 30%; }
.btn60 { width: 60%; }
.btn90 { width: 90%; }
.btn100 { width: 100%; }
.tat-link, .tat-link A { color: #D2D3D5; }
.mytip { border-bottom: thin dashed #FF0084; color: #FF0084; font-weight: bold; font-style: italic; }
.amazing-thailand-responsive { width: 120px; height: 610px; display: block; float: right; margin: 0 0 0 5px; }
.at-responsive { max-width: 730px; height: 90px; margin: 20px 0px 10px 45px; display: block; }
.at-horizonal { max-width: 730px; height: 90px; margin: 10px auto; display: block; }
.fld-error { background: #FFE4E1; border: 1px solid #FF0084; }
.ui-hidden { display: none; }
.ui-error { max-width: 350px; text-align: center; color: #FF0084; background: #FFE4E1; border: thin solid #FF0084; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 0; }
.caption { color: #FF0000; font-style: italic; }
.video-container { position: relative; padding-bottom: 50%; padding-top: 15px; height: 0; overflow: hidden; }
.video-container IFRAME { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ad-container { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; column-gap: 10px; }
.ads { border: medium double #708090; text-align: center; flex-basis: 40%; padding: 10px; }
.ad-head { color: #FFFFFF; background: #708090; font-size: 1.2rem; padding: 5px; }
@media (max-width: 880px) {
   .at-responsive { width: 468px; height: 60px; }
   #container { margin: 0 auto; }
   #srchform A { padding: 5px; float: none; }
   #SearchForm .fld300 { width: 90%; margin: 5px auto; }
   #SearchForm .srchbtn { width: 90%; margin: 5px auto; }
}
@media (max-width: 640px) {
   VIDEO { max-width: 100%; }
   #footer A { margin: 5px; }
   .amazing-thailand-responsive { width: 468px; height: 60px; margin: 5px auto; float: none; }
   .at-responsive { width: 468px; height: 60px; margin: 5px auto; }
   .at-horizonal { width: 468px; height: 60px; }
   .fullpic { margin: 5px auto; }
}
@media (max-width: 480px) {
   .amazing-thailand-responsive { width: 320px; height: 50px; }
   .at-responsive { width: 320px; height: 50px; }
   .at-horizonal { width: 320px; height: 50px; }
   .column-1 { width: 100%; float: none; }
   .column-2 { width: 100%; float: none; }
   .album { border: thick solid #FFFFFF; box-shadow: 0 0 10px #777777; vertical-align: middle; margin: 10px auto; display: block; }
   .leftpic { float: none; margin: 10px auto; }
}