%PDF-1.5 % ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY
| Server IP : 122.155.17.190 / Your IP : 216.73.216.99 Web Server : Apache/2 System : Linux cat17190.thaihostserver.com 5.10.0-21-amd64 #1 SMP Debian 5.10.162-1 (2023-01-21) x86_64 User : bungkla ( 1054) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bungkla/domains/bungkla.go.th/public_html/css4/ |
Upload File : |
@font-face {
font-family: 'Kanit', sans-serif;
src: url('fonts/Kanit/Kanit-Medium.eot');
src: url('fonts/Kanit/Kanit-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Kanit/Kanit-Medium.woff2') format('woff2'),
url('fonts/Kanit/Kanit-Medium.woff') format('woff'),
url('fonts/Kanit/Kanit-Medium.ttf') format('truetype'),
url('fonts/Kanit/Kanit-Medium.svg#thai_sans_lite') format('svg');
font-weight: 100;
font-style: normal;
}
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{line-height:1; font-family: 'Kanit', sans-serif; ;font-size:16px;color:#000000;}
a{text-decoration:none; color:#000000;}
#hader{
background-image:url(../img/menu-top.png);
background-repeat:no-repeat;
background-position:center;
width: 100%;
position:relative;
z-index:9;
display: flex;
justify-content: center;
align-items: center;
}
#hader:after{content:"";clear:both;display:block}
.search{float:right;padding:0px}
input{padding:5px;border-radius:0px}
.logo{float:left;padding:3px 0 0px}
.logo a{font-size:10px;display:block;padding:0 0 0 0px}
nev{
display: flex;
justify-content: center;
align-items: center;
font-family: 'Kanit', sans-serif;
}
nev>ul{
display: flex;
justify-content: center;
align-items: center;;
position:relative;
font-family: 'Kanit', sans-serif;
}
nev li{list-style:none;float:left}
nev .dropdown{position:relative; }
nev li a{float:left;padding:0px 0px}
nev li a:hover{background:#d7edff;}
nev li ul{display:none}
nev li:hover ul{display:inline}
nev li li{float:none}
nev .dropdown ul{position:absolute;left:0;top:100%;background-image:url(../images/bg1.png);padding:0px 0;border-bottom:0px solid #b4e0ff;}
nev .dropdown li{white-space:nowrap}
nev .dropdown li a{padding:3px 3px;font-size:15px;font-weight: normal;min-width:220px }
nev .mega-dropdown{width:100%; height:442px; position:absolute; top:85%;left:0; background-image:url(../images/bg1.png);overflow:hidden;padding:5px 5px;border-bottom:5px solid #ffffff; z-index: 99;
left: 0;
margin: 0;
list-style: none;
box-sizing: border-box; }
nev li li a{float:none;color:#333;display:block;padding:5px 5px;border-radius:5px;font-size:15px;font-weight: normal; text-align:left;}
nev li li a:hover{background:#c8e7ff;background:#c8e7ff;}
.mega-col{width:25%;float:left; padding-top:20px;}
#menu-icon{position:absolute;right:0;top:100%;margin-top:5px;margin-right:5px;display:none; text-align:center;}
#menu-icon span{border:4px solid #0099ff;width:2px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1000px) {
nev >ul>li >a{padding:5px 5px}
}
@media only screen and (min-width: 960px) {
nev{display:block!important}
}
@media only screen and (max-width: 959px) {
nev{display:none;width:100%;clear:both;float:none;max-height:442px;overflow-y:scroll}
#menu-icon{display:inline;top:10px;cursor:pointer}
#menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:0px}
#menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:0px;}
#menu-icon.active .third{display:none}
.search{float:none}
.search input{width:100%}
nev{padding:15px}
nev ul{float:none}
nev li{float:none}
nev ul li a{float:none;padding:105px;display:block}
#hader nev ul ul{display:block;position:static;background:none;border:none;padding:0}
#hader nev a{color:#fff;padding:15px}
#hader nev a:hover{background:#fff;color:#333;border-radius:3px}
#hader nev ul li li a:before{content:"- "}
.mega-col{width:50%}
}