| Server IP : 103.233.192.212 / Your IP : 18.119.248.249 Web Server : Apache/2 System : Linux sv1.inde.co.th 3.10.0-1160.36.2.el7.x86_64 #1 SMP Wed Jul 21 11:57:15 UTC 2021 x86_64 User : sumpatuan ( 1058) PHP Version : 5.5.38 Disable Function : symlink,shell_exec,exec,proc_close,proc_open,popen,system,dl,putenv,passthru,escapeshellarg,escapeshellcmd,pcntl_exec,proc_get_status,proc_nice,proc_terminate,pclose,ini_alter,virtual,openlog,ini_restore MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/sumpatuan/domains/sumpatuan.go.th/private_html/backup/css/ |
Upload File : |
/* --- 1. Global style --- */
html {
}
body{
min-width: 1280px;
background-color:f7f0f7;
}
@media (min-width: 1280px) {
html {
}
body{
min-width: 100%;
}
}
.mt-30 { margin-top: 20px; }
.mt-40 { margin-top: 20px; }
.container { width: 960px; }
.nav-justified > li { float: none; display: table-cell; width: 1%; }
.nav-justified > li > a { text-align: center; }
/* --- 2. Header style --- */
header#header {height:px; /*position: relative; background: url(../images/img/head.png) ; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; min-width: 960px;*/}
/* Site nave */
#header .site-nav { text-align: center; }
#header .site-nav a { display: inline-block; padding: 5px 6px; color: #fff; border-right: 1px dotted #111; border-radius: 0; font-size:14px;}
#header .site-nav a:hover { background: #009900;}
#header .site-nav a.active { color: #FFF;}
#header .site-nav a:last-child { border-right: 0; }
/* Header slide */
#header .header-slide { /*background: url(../images/img/head.png) ;background-size: cover; height: auto; */width: 960px; margin: 0px auto; height:450px;}
/* Featured content */
#header .featured-content { min-width: 960px;}
#header .featured-content .nav-menu .container { position: relative;background-color:#b4cc95; margin-top: 0px; /*border-top: 4px solid #412f26;*/ }
#header .featured-content .nav-menu .container a:hover { color: #009900;}
#header .featured-content .nav-menu ul { position: relative; top: -10px; margin: 0; padding-left: px; padding-right: px; font-size: 13px; }
#header .featured-content .nav-menu ul li { display: table-cell; line-height: 10px; width: 120px; text-align: center; }
#header .featured-content .nav-menu ul li a :hover { text-align: center; display: inline-block; color: #009900; }
#header .featured-content .nav-menu ul li a span { display: block; }
/* News annoucement */
#header .featured-content > .content { margin-top: 20px; min-height: 100px; padding-top: 40px; padding-bottom: 10px; }
#header .featured-content > .content .news-announce { position: relative; background: #fff; border-bottom: 1px dashed #000000;
border-right: 1px dashed #000000;border-top: 1px dashed #000000;
border-left: 1px dashed #000000; padding: 5px; font-size: 13px; }
#header .featured-content > .content .news-announce a :hover { color: #009900; }
#header .featured-content > .content .news-announce p { margin-bottom: 0; }
#header .featured-content > .content .news-announce p.caption { padding-left: 10px; font-weight: 700; line-height: 17px; }
#header .featured-content > .content .news-announce p.readmore { text-align: right; margin-top: 8px; }
#header .featured-content > .content .news-announce p.readmore a { color: #009900; }
#header .featured-content > .content .news-announce h3 { font-size: 20px; color: #111; margin: 0; }
#header .featured-content > .content .news-announce h3 .highlight { color: #009900; }
#header .featured-content > .content .news-announce .span6 { margin-bottom: 20px; }
#header .featured-content > .content .news-announce .span6:nth-child(n+1) { margin-left: 0; clear: both; }
#header .featured-content > .content .news-announce .thumbnail { border: 4px solid #a9a6a6; border-radius: 0; padding: 0; }
#header .featured-content > .content .news-announce .read-more { position: absolute; bottom: -40px; right: 0px; display: inline-block; background: #009900; color: #fff; font-size: 14px; font-weight: 700; padding: 9px 30px 5px 15px; }
/* Executive */
#header .featured-content .executive { color: #111; position: relative; height: 266px; }
#header .featured-content .executive h3 { font-size: 18px; margin: 0; }
#header .featured-content .executive h3 .highlight { color: #fff; }
#header .featured-content .executive .content { position: absolute; bottom: -10px; left: 50%; margin-left: -125px; }
#header .featured-content .executive .content img { width: auto; }
/* Video section */
#header .featured-content .video {border-bottom: 3px solid #009900; margin-bottom: 4px; padding-bottom: 40px; }
#header .featured-content .video h3 { margin-top: 4px; }
#header .featured-content .video ul { margin-left: 10px; }
#header .featured-content .video ul > li { list-style: none; font-size: 13px; }
#header .featured-content .video ul > li:before { margin-right: 4px; margin-left: 10px; }
/* lingk */
#header .featured-content .link {border-bottom: 3px solid #009900; margin-bottom: 4px; padding-bottom: 10px; }
#header .featured-content .link h3 { margin-top: 4px; }
#header .featured-content .link ul { margin-left: 10px; }
#header .featured-content .link ul > li { list-style: none; font-size: 13px; }
#header .featured-content .link ul > li:before { margin-right: 4px; margin-left: 10px; }
/* --- 3. Body style --- */
section#body { }
section#body h3 { font-size: 18px; }
section#body h3 i { font-size: 18px; vertical-align: middle; }
section#body h3 .highlight { color: #be8b02; }
section#body a:hover { color: #009900; }
/* News section */
section#body #news { border-bottom: 3px solid #009900; margin-right: 20px; margin-bottom: 4px; padding-bottom: 16px;margin-top:-16px; }
section#body #news h3 { margin-top: 0; color: #fff; position: relative; background: #009900; display: inline-block; padding: 6px 10px 2px 45px;width:560px; }
section#body #news h3 i { position: absolute; left: -4px; bottom: -4px; }
section#body #news h3 .highlight { color: #cea712; }
section#body #news ul { margin-left: 23px; }
section#body #news ul li { position: relative; list-style: none; font-size: 13px; line-height: 20px; margin-bottom: 5px; }
section#body #news ul li .prefix:before { font-weight: 700; position: absolute; left: -23px; content: '>>'; margin-right: 10px; }
section#body #news .read-more { text-align: right; margin-top: 30px; padding-right: 30px; }
section#body #news .read-more a { font-weight: 700; }
/* Official letter section */
section#body #official-letter { border-bottom: 3px solid #f7801d; margin-right: 20px; margin-bottom: 4px; padding-bottom: 16px; }
section#body #official-letter h3 { margin-top: 4px; }
section#body #official-letter h3 i { padding-right: 10px; }
section#body #official-letter h3 .highlight { color: #be8b02; }
section#body #official-letter table { width: 100%; font-size: 13px; max-height: 250px; overflow: auto; display: block; }
section#body #official-letter table tr { border-bottom: 1px solid #ccc; }
section#body #official-letter table tr:last-child { border-bottom: 0; }
section#body #official-letter table th { padding: 8px 20px; background: #ecf1f6; }
section#body #official-letter table tbody tr td { padding: 10px 0px; }
section#body #official-letter table tbody tr td:first-child { padding-right: 5px; }
/* Links section */
section#body #links { margin: 60px 20px 40px 0; }
section#body #links img { width: 100%; }
section#body #links .banner { margin-bottom: 0; }
section#body #links .banner.nav-pills > li > a { padding: 5px; }
section#body #links .banner.nav-pills > li > a:hover { background: none; }
section#body #links .control { text-align: center; }
section#body #links .control a { display: inline-block; background: #fba4cd; width: 12px; height: 12px; border-radius: 50%; padding: 0; margin: 0 3px; }
section#body #links .control a.active { background: #fd5fa9; }
/* Download section */
section#body #download { border-bottom: 4px solid #009900; margin-bottom: 4px; padding-bottom: 4px; }
section#body #download h3 { margin-top: 4px; }
section#body #download h3 .highlight { color: #c88740; }
section#body #download ul { margin-left: 0px; }
section#body #download ul li { list-style: none; font-size: 13px; line-height: 24px; border-bottom: 1px solid #feb78e; padding: 4px 0; }
section#body #download ul li:before { content: '>>'; margin-right: 4px; }
section#body #download ul li:last-child { border-bottom: 0; }
section#body #download .read-more a { text-decoration: none; display: inline-block; padding: 6px 50px; background: #009900; font-size: 13px; font-weight: 700; }
section#body #download .read-more a:hover { background: #66FF33; }
section#body #download .read-more a span { color: #fff; }
/* Download section */
#download { border-bottom: 0px solid #f7801d; margin-bottom: 4px; padding-bottom: 4px; }
#download h3 { margin-top: 4px; }
#download ul { margin-left: 0px; }
#download ul li { list-style: none; font-size: 13px; line-height: 24px; border-bottom: 1px solid #feb78e; padding: 4px 0; }
#download ul li:before { content: '>>'; margin-right: 4px; }
#download ul li:last-child { border-bottom: 0; }
#download .read-more a { text-decoration: none; display: inline-block; padding: 6px 50px; background: #f7801d; font-size: 13px; font-weight: 700; }
#download .read-more a:hover { background: #da6e15; }
#download .read-more a span { color: #fff; }
section#body .suggest-place { position: relative; top: 30px; width: 250px; height: 585px; background: #faf2bb; padding: 0px 35px 20px; border-radius: 20px 20px 0 0;color: #000000; }
section#body.suggest-place p { position: relative; color: #000000; padding-left: 20px; }
section#body .suggest-place .highlight { color: #009900; }
section#body .suggest-place h3 i { position: absolute; top: -16px; left: 0; }
section#body .suggest-place > ul { margin-left: 0; }
section#body .suggest-place > ul .thumbnail { border-radius: 0; border: 4px solid #fff; padding: 0; }
section#body .suggest-place > ul .caption { color: #000000; font-weight: 700; padding-left: 10px; }
/* --- 4. Footer style --- */
footer#footer { position: relative; background: url(../images/img/footer.png) ; height: 10px; margin-bottom: 0px; padding-top: 35px; padding-bottom: 40px; min-width: 980px;}
#footer h3 { color: #fff; font-size: 18px; margin-bottom: 0; padding-bottom: 0; line-height: 30px; }
#footer p { color: #fff; font-size: 13px; }
#footer .contact { position: absolute; margin-left:540px; top: -50px; padding: 0px 35px 20px; border-radius: 20px 20px 0 0; }
#footer .contact h3 { position: relative; color: #fff; padding-left: 20px; }
#footer .contact h3 i { position: absolute; top: -16px; left: 0; }
#footer .contact > ul { margin-left: 0; }
#footer .contact > ul .thumbnail { border-radius: 0; border: 4px solid #fff; padding: 0; }
#footer .contact > ul .caption { color: #fff; font-weight: 700; padding-left: 10px; }
/* --- 5. Misc --- */
.icon { display: inline-block;margin-top:10px; }
.icon.ico-login { width: 90px; height: 90px; background: url(../images/images-web/login.png) 0px 0px; }
.icon.ico-jornal { width: 90px; height: 90px; background: url(../images/images-web/jornal.png) 0px 0px; }
.icon.ico-email { width: 90px; height: 90px; background: url(../images/images-web/email.png) 0px 0px; }
.icon.ico-help { width: 90px; height: 90px; background: url(../images/images-web/help.png) 0px 0px; }
.icon.ico-welfare { width: 90px; height: 90px; background: url(../images/images-web/welfare.png) 0px 0px; }
.icon.ico-otop { width: 90px; height: 90px; background: url(../images/images-web/otop.png) 0px 0px; }
.icon.ico-download { width: 90px; height: 90px; background: url(../images/images-web/download.png) 0px 0px; }
.icon.ico-poll { width: 90px; height: 90px; background: url(../images/images-web/poll.png) 0px 0px; }
.icon.ico-hfund { width: 90px; height: 90px; background: url(../images/images-web/hfund.png) 0px 0px; }