| Server IP : 122.155.17.190 / Your IP : 216.73.216.182 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/css01/ |
Upload File : |
.tabs {
display: flex;
flex-wrap: wrap;
height: 570px;
width: 980px;
}
.tabs label {
order: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 5rem 2rem;
margin-right: 3.5rem;
cursor: pointer;
font-weight: bold;
transition: background ease 0.3s;
}
.tabs .tab {
order: 9;
flex-grow: 1;
width: 100%;
height: 100%;
display: none;
padding: 2rem;
padding: 60px;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label {
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
}
@media (max-width: 900px) {
.tabs .tab,
.tabs label {
order: initial;
}
.tabs label {
width: 100%;
margin-left: 10px;
}
}
body {
box-sizing: border-box;
font-family: 'Sarabun', sans-serif;
font-family: "MS Sans Serif";
font-weight: 300;
line-height: 1.5;
max-width: 60rem;
margin: 0 auto;
font-size: 100%;
display: flex;
justify-content: center;
align-items: center;
}