%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/css/ |
Upload File : |
/* CSS Document */
/*----- Header -----*/
#box_header {
position: absolute;
overflow: hidden;
width: 1920px;
height: 694px;
left: -960px;
top: 0px;
z-index: 1;
}
#bg_head {
position: absolute;
background-image: url(../image/js/bg_head.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 1920px;
height: 692px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
#bg_picshot {
position: absolute;
background-image: url(../image/js/bg_picshot.png);
background-repeat: no-repeat;
background-position: center top;
width: 1000px;
height: 425px;
left: 460px;
top: 179px;
opacity: 0;
z-index: 2;
}
#shd_shot {
position: absolute;
background-image: url(../image/js/shd_shot.png);
background-repeat: no-repeat;
background-position: center top;
width: 904px;
height: 32px;
left: 500px;
top: 640px;
opacity: 0;
z-index: 2;
}
#logo {
position: absolute;
background-image: url(../image/js/logo.png);
background-repeat: no-repeat;
background-position: center top;
width: 170px;
height: 169px;
left: 880px;
top: 500px;
opacity: 0;
z-index: 5;
}
#msk_logo {
position: absolute;
overflow: hidden;
width: 140px;
height: 140px;
border-radius: 100%;
left: 15px;
top: 14px;
z-index: 1;
}
#light_1 {
position: absolute;
/*overflow: hidden;*/
background-image: url(../image/js/light_1.png);
background-repeat: no-repeat;
background-position: center top;
width: 35px;
height: 216px;
left: 55px;
top: -50px;
z-index: 1;
}
#txt_logo1 {
position: absolute;
width: 500px;
height: 50px;
font-family: 'THSarabunPSKRegular';
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #FFF200;
left: 780px;
top: 665px;
opacity: 0;
z-index: 5;
}
#box_shotCtl {
position: absolute;
width: 110px;
height: 22px;
left: 1330px;
top: 235px;
visibility: hidden;
opacity: 0;
z-index: 20;
}
.btt_shotCtl {
position: relative;
float: left;
background-image:url(../image/js/bt_shot.png);
background-position: center top;
background-repeat: no-repeat;
width: 22px;
height: 22px;
font-family: 'THSarabunPSKRegular';
text-align: center;
font-weight: bold;
font-size: 15px;
color: #333333;
line-height: 24px;
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
z-index: 1;
}
/*----- Header Slide -----*/
#box_slide {
position: absolute;
width: 0px;
height: 0px;
left: 0px;
top: 0px;
z-index: 4;
}
.txt_pic {
position: absolute;
background-image: linear-gradient(90deg, rgba(48,250,254,0.8), rgba(48,250,254,0.8), rgba(48,250,254,0.8));
font-family: 'THSarabunPSKRegular';
font-size: 20px;
font-weight: bold;
line-height: 14px;
color: #D85396;
text-align: center;
text-shadow: 2px 2px 2px rgba(255,255,255,0.8);
border-radius: 8px;
border-width: 2px;
border-color: rgba(255,255,255,0.6);
border-style: solid;
padding: 13px;
}
#box_slide1 {
position: absolute;
width: 0px;
height: 0px;
left: -20px;
top: 0px;
z-index: 4;
}
#mask_pic1 {
position: absolute;
/*background-image:url(../image/js/pic1.png);
background-position: center top;
background-repeat: no-repeat;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);*/
width: 986px;
height: 365px;
overflow: hidden;
left: 487px;
top: 186px;
opacity: 0;
z-index: 2;
}
#pic_blur1 {
position: absolute;
background-image:url(../image/js/pic1.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
-webkit-filter: blur(5px) brightness(1.3);
filter: blur(5px) brightness(1.3);
opacity: 0;
z-index: 1;
}
#pic1 {
position: absolute;
background-image:url(../image/js/pic1.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
.txt_icon1 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 250px;
top: 100px;
opacity: 0;
z-index: 4;
}
#txt_pic1 {
position: absolute;
width: 300px;
height: auto;
left: 281px;
top: 103px;
opacity: 0;
z-index: 3;
}
#box_slide2 {
position: absolute;
width: 0px;
height: 0px;
left: -20px;
top: 0px;
z-index: 4;
}
#mask_pic2 {
position: absolute;
/*background-image:url(../image/js/pic2.png);
background-position: center top;
background-repeat: no-repeat;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);*/
width: 986px;
height: 365px;
overflow: hidden;
left: 487px;
top: 186px;
opacity: 0;
z-index: 2;
}
#pic_blur2 {
position: absolute;
background-image:url(../image/js/pic2.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
-webkit-filter: blur(5px) brightness(1.3);
filter: blur(5px) brightness(1.3);
opacity: 0;
z-index: 1;
}
#pic2 {
position: absolute;
background-image:url(../image/js/pic2.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
.txt_icon2 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 500px;
top: 80px;
opacity: 0;
z-index: 4;
}
#txt_pic2 {
position: absolute;
width: 300px;
height: auto;
left: 531px;
top: 83px;
opacity: 0;
z-index: 3;
}
.txt_pic2_1 {
position: absolute;
font-family: 'THSarabunPSKRegular';
font-size: 15px;
width: 510px;
font-weight: bold;
line-height: 25px;
text-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7),
2px -2px 2px rgba(255, 255, 255, 0.7),
-2px 2px 2px rgba(255, 255, 255, 0.7),
2px 2px 2px rgba(255, 255, 255, 0.7);
color: #333333;
text-align: center;
padding: 13px;
left: 440px;
top: 120px;
opacity: 0;
z-index: 4;
}
.txt_pic2_2 {
position: absolute;
background-image: linear-gradient(90deg, rgba(48,250,254,0.8), rgba(48,250,254,0.8), rgba(48,250,254,0.8));
font-family: 'THSarabunPSKRegular';
font-size: 20px;
font-weight: bold;
line-height: 14px;
color: #D85396;
text-align: center;
text-shadow: 2px 2px 2px rgba(255,255,255,0.8);
border-radius: 8px;
border-width: 2px;
border-color: rgba(255,255,255,0.6);
border-style: solid;
padding: 13px;
width: 310px;
height: auto;
left: 101px;
top: 303px;
opacity: 0;
z-index: 3;
}
.txt_icon2_2 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 70px;
top: 300px;
opacity: 0;
z-index: 4;
}
#box_slide3 {
position: absolute;
width: 0px;
height: 0px;
left: -20px;
top: 0px;
z-index: 4;
}
#mask_pic3 {
position: absolute;
/*background-image:url(../image/js/pic3.png);
background-position: center top;
background-repeat: no-repeat;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);*/
width: 986px;
height: 365px;
overflow: hidden;
left: 487px;
top: 186px;
opacity: 0;
z-index: 2;
}
#pic_blur3 {
position: absolute;
background-image:url(../image/js/pic3.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
-webkit-filter: blur(5px) brightness(1.3);
filter: blur(5px) brightness(1.3);
opacity: 0;
z-index: 1;
}
#pic3 {
position: absolute;
background-image:url(../image/js/pic3.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
.txt_icon3 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 400px;
top: 80px;
opacity: 0;
z-index: 4;
}
#txt_pic3 {
position: absolute;
width: 300px;
height: auto;
left: 431px;
top: 83px;
opacity: 0;
z-index: 3;
}
.txt_pic3_1 {
position: absolute;
font-family: 'THSarabunPSKRegular';
font-size: 15px;
width: 510px;
font-weight: bold;
line-height: 25px;
text-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7),
2px -2px 2px rgba(255, 255, 255, 0.7),
-2px 2px 2px rgba(255, 255, 255, 0.7),
2px 2px 2px rgba(255, 255, 255, 0.7);
color: #333333;
text-align: center;
padding: 13px;
opacity: 0;
z-index: 4;
}
#box_slide4 {
position: absolute;
width: 0px;
height: 0px;
left: -20px;
top: 0px;
z-index: 4;
}
#mask_pic4 {
position: absolute;
/*background-image:url(../image/js/pic4.png);
background-position: center top;
background-repeat: no-repeat;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);*/
width: 986px;
height: 365px;
overflow: hidden;
left: 487px;
top: 186px;
opacity: 0;
z-index: 2;
}
#pic_blur4 {
position: absolute;
background-image:url(../image/js/pic4.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
-webkit-filter: blur(5px) brightness(1.3);
filter: blur(5px) brightness(1.3);
opacity: 0;
z-index: 1;
}
#pic4 {
position: absolute;
background-image:url(../image/js/pic4.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
.txt_icon4 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 400px;
top: 60px;
opacity: 0;
z-index: 4;
}
#txt_pic4 {
position: absolute;
width: 350px;
height: auto;
left: 431px;
top: 63px;
opacity: 0;
z-index: 3;
}
#box_slide5 {
position: absolute;
width: 0px;
height: 0px;
left: -20px;
top: 0px;
z-index: 4;
}
#mask_pic5 {
position: absolute;
/*background-image:url(../image/js/pic5.png);
background-position: center top;
background-repeat: no-repeat;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);*/
width: 986px;
height: 365px;
overflow: hidden;
left: 487px;
top: 186px;
opacity: 0;
z-index: 2;
}
#pic_blur5 {
position: absolute;
background-image:url(../image/js/pic5.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
-webkit-filter: blur(5px) brightness(1.3);
filter: blur(5px) brightness(1.3);
opacity: 0;
z-index: 1;
}
#pic5 {
position: absolute;
background-image:url(../image/js/pic5.png);
background-position: center top;
background-repeat: no-repeat;
width: 986px;
height: 365px;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
}
.txt_icon5 {
position: absolute;
background-image:url(../image/js/txt_icon.png);
background-position: center top;
background-repeat: no-repeat;
width: 48px;
height: 48px;
left: 250px;
top: 90px;
opacity: 0;
z-index: 4;
}
#txt_pic5 {
position: absolute;
width: 350px;
height: auto;
left: 281px;
top: 93px;
opacity: 0;
z-index: 3;
}