html{ height: 100%;}

@font-face {
    font-family: "Sawasdee";
    src: url("SawasdeeBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

body {
    min-height: 100%; 
    background: #000;
    font-family: 'Sawasdee'!important;
}

#tpv{ position: fixed; width: 0px; opacity: 0.0; } 

.wrappers { position: relative;  width: 100%; /* overflow: hidden; */ }

#wrap-logo{      background: #000;}
#wrap-links{     background: #000; opacity: 1.0;}
#wrap-mid{       background: #000; opacity: 1.0;}
#wrap-mid2{      background: #000; opacity: 1.0;}
#wrap-low-link{  background: #000; opacity: 0.88;}

#place-logo {        position: relative; background: #000; }
/*
#place-links{        position: relative; background: #ddd; font-size: 0px; }
*/
#place-links{        position: relative; background: #000; font-size: 0px; }
#place-links    a:link { color: #888; }
#place-links    a:visited { color: #666; }
#place-links    a:hover { color: #111; text-decoration: underline; font: bold;}
#place-mid{        position: relative; background: #000; font-size: 0px; }
#place-mid2{       position: relative; }

/*
#place-low-link    { position: relative; background: #fff;}
*/
#place-low-link    { position: relative; background: #000;}
#place-low-link a:link { color: #888; }
#place-low-link a:visited { color: #666; }
#place-low-link a:hover { color: #111; text-decoration: underline; font: bold;}


#banner-left{  position: absolute; background: #000;}
#banner-logo{  position: absolute; background: #fff;}
#banner-right{ position: absolute; background: #000;}
#siz-banner-logo{  width: 0px; }

/*
#word-people  { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
*/
#word-people  { position: absolute; color: #888;  background: #000; font-size: 0px; text-align: center; }
#mid          { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid1         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid2         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid3         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid4         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid5         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid6         { position: absolute; color: #000;  background: #01d; font-size: 0px; text-align: center;}
#mid6 a:link { color: #fff; text-decoration: none; }
#mid6 a:visited { color: #fff; }
#mid6 a:hover { color: #fff; text-decoration: underline; font: bold;}
#mim{ position: absolute;}
#b0           { font-size: 0px; }
#b1           { font-size: 0px; }
#b2           { font-size: 0px; }
#b3           { font-size: 0px; }
#mars          { width: 0px; }
#word-PnB     { position: absolute; color: #888;  background: #fff; font-size: 0px; text-align: center; }
#word-about   { position: absolute; color: #888;  background: #fff; font-size: 0px; text-align: center; }
/*
#word-contact { position: absolute; color: #888;  background: #fff; font-size: 0px; text-align: center; }
*/
#word-contact { position: absolute; color: #888;  background: #000; font-size: 0px; text-align: center; }

#cpyrght      { position: absolute; color: #000; background: #fff; opacity: 0.35; font-size: 0px;text-align: center;}
#wirly        { position: absolute; }
#wrly         { width : 0px; }