| Server IP : 122.155.17.190 / Your IP : 18.216.156.171 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/css/ |
Upload File : |
/* CSS Document */
.box_menu {
position: relative;
background-image: url(../image/concept/bg_menu.png);
background-repeat: no-repeat;
background-position: center top;
width: 800px;
height: 249px;
top: 0px;
margin: auto;
z-index: 4;
}
.bt_bg {
position: relative;
background: url(../image/concept/b1.png) no-repeat center bottom;
width: 125px;
height: 38px;
top: 13px;
margin: auto;
}
.bt_icon {
position: relative;
width: 87px;
height: 87px;
top: -80px;
margin: auto;
}
.tha_mn {
display: block;
position: relative;
width: 125px;
height: 30px;
text-align: center;
font-family: "MS Sans Serif";
font-size: 18px;
line-height: 25px;
color: #008909;
left: 0px;
top: -60px;
}
.eng_mn {
display: block;
position: relative;
width: 125px;
height: 30px;
text-align: center;
font-family: "MS Sans Serif";
font-size: 16px;
line-height: 25px;
color: #FF0000;
left: auto;
top: -90px;
opacity: 0;
}
a.link_btMn:link {
width: 125px;
height: 65px;
display: block;
text-decoration: none;
}
.boxSub {
position: relative;
width: 1000px;
height: 10px;
left: 0px;
top: 0px;
}
/*----- Start Position Sub Menu -----*/
#subMn_2 {
position: absolute;
width: auto;
height: auto;
left: 0px;
top: 0px;
visibility: hidden;
}
#subMn_3 {
position: absolute;
width: auto;
height: auto;
left: -20px;
top: 0px;
visibility: hidden;
}
#subMn_4 {
position: absolute;
width: auto;
height: auto;
left: 90px;
top: 0px;
visibility: hidden;
}
#subMn_5 {
position: absolute;
width: auto;
height: auto;
left: 10px;
top: 0px;
visibility: hidden;
}
#subMn_6 {
position: absolute;
width: auto;
height: auto;
left: 0px;
top: 0px;
visibility: hidden;
}
#subMn_7 {
position: absolute;
width: auto;
height: auto;
left: 0px;
top: 0px;
visibility: hidden;
}
#subMn_8 {
position: absolute;
width: auto;
height: auto;
left: 60px;
top: 0px;
visibility: hidden;
}
#subMn_9 {
position: absolute;
width: auto;
height: auto;
left: 90px;
top: 0px;
visibility: hidden;
}
/*----- End Position Sub Menu -----*/
#subMn {
position: absolute;
width: 1000px;
height: 34px;
margin: auto;
top: 15px;
left: 0px;
}
#subMn li {
position: relative;
top: 2px;
float: left;
list-style: none;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}
#subMn li a {
display: block;
width: auto;
height: 25px;
text-decoration: none;
font-family: "MS Sans Serif";
font-size: 16px;
color: #FFFFFF;
text-shadow: 2px 2px 3px #000000;
line-height: 25px;
}
#subMn li a:hover {
color: #FFFF00;
-webkit-animation: acSubMn 0.5s;
animation: acSubMn 0.5s;
}
/*animation SubMenu*/
@-webkit-keyframes acSubMn {/*Chrom,Safari,Opera*/
50% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
100% {
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
}
@-moz-keyframes acSubMn {/*FireFox*/
50% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
100% {
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
}
@-ms-keyframes acSubMn {/*IE*/
50% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
100% {
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
}