| Server IP : 122.155.17.190 / Your IP : 18.116.26.90 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 : t1bnc ( 1042) 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/t1bnc/domains/t1bnc.ac.th/public_html/css4/ |
Upload File : |
*, *: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:'thai_sans_lite';font-size:16px;color:#fff;}
a{text-decoration:none; color:#F23F37;}
#hader{
background-image:url(../img/menu-top.png);
background-repeat:no-repeat;
width:100%;
position:relative;
padding-top:55px;
padding-left:250px;
}
#hader:after{content:"";clear:both;display:block}
nev{float:left; }
nev>ul{
float:left;
position:relative;
}
nev li{list-style:none;float:left}
nev .dropdown{position:relative}
nev li a{float:left;padding:20px 0px}
nev li a:hover{background:#2C3E50}
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:#fff;padding:20px 0;border-bottom:3px solid #34495e}
nev .dropdown li{white-space:nowrap}
nev .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px }
nev .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nev li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nev li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:100%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
nev >ul>li >a{padding:35px 15px}
}
@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:400px;overflow-y:scroll}
#menu-icon{display:inline;top:45px;cursor:pointer}
#menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
#menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
#menu-icon.active .third{display:none}
.search{float:none}
.search input{width:100%}
nev{padding:10px}
nev ul{float:none}
nev li{float:none}
nev ul li a{float:none;padding:8px;display:block}
#hader nev ul ul{display:block;position:static;background:none;border:none;padding:0}
#hader nev a{color:#fff;padding:8px}
#hader nev a:hover{background:#fff;color:#333;border-radius:3px}
#hader nev ul li li a:before{content:"- "}
.mega-col{width:100%}
}