Server IP : 202.29.229.35 / Your IP : 18.116.165.143 Web Server : Apache System : Linux aapanel2 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64 User : www ( 1001) PHP Version : 5.5.38 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/www.ivecr2.ac.th/resources/template2/ui/css/ |
Upload File : |
body { padding: 0; margin: 0; font-family: Tahoma; font-size: 10pt; background-color: #f9f9f9; } .fdefault { color: #565656; } .fgray { color: #888; } .fbold { font-weight: bold; } .txt-topic {/*---------font tabmenu ด้านข้างขวา------------------------*/ font-family: Tahoma; font-size: 15px; } .display-inline-block { display: inline-block; } .top-nav {/*----------สี tab หัวเว็บ สีแดงเลือดหมู------------------------*/ width: 100%; height: 35px; background: #840084; color: #fff; line-height: 35px; } .top-nav .top-detail { width: 1015px; margin: 0 auto; } .top-nav .top-detail div { display: inline-block; width: 49.5%; } .top-nav a:link { color: #fff; text-decoration: none; } .top-nav a:hover { color: #000; text-decoration: none; } .top-nav a:active { color: #fff; text-decoration: none; } .content { width: 1000px; margin: 0 auto; } .header { margin: 20px 0px 10px; color: #777; height: 50px; line-height: 20px; } .header .hleft { float: left; width: 50%; } .header .hright { float: left; width: 50%; text-align: right; } .header .hright input { padding: 5px; border: 1px solid #ccc; } .header a:link { color: #777; text-decoration: none; } .header a:hover { color: #000; text-decoration: none; } .header a:active { color: #777; text-decoration: none; } .logo72 { background: url("../images/logo72.png") no-repeat; width: 53px; height: 70px; } .logo { background: url("../images/logo.png") no-repeat; width: 320px; height: 70px; } .txt-left { text-align: left; } .txt-right { text-align: right; } .txt-center { text-align: center; } .clear { clear: both; } .menu-top { height: 45px; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color: #777; width: 996px; font-family: Thoma; font-size: 11pt; } .menu-top .menu-box { width: 141px; height: 45px; line-height: 38px; text-align: center; float: left; border-left: 1px solid #eaeaea1; cursor: pointer; background-color: #fff; } .menu-top .menu-box .menu-box-green { border-top: 7px solid #F60; } .menu-top .menu-box a:link { text-decoration: none; } .menu-top .menu-box .menu-box-light-green { border-top: 7px solid #FFE2C6; } .menu-top .menu-box .menu-box-green ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-green ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-green ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #FFE2C6; } .menu-top .menu-box .menu-box-green ul li ul { padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-green ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #FFE2C6; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-green ul li ul li:hover { background: #FFB98A; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-green ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-blue { border-top: 7px solid #900; } .menu-top .menu-box .menu-box-blue ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-blue ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-blue ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #FFDDDD; } .menu-top .menu-box .menu-box-blue ul li ul { padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-blue ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #ACCAF7; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-blue ul li ul li:hover { background: #4789ED; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-blue ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-sky { border-top: 7px solid #00CCFF; } .menu-top .menu-box .menu-box-sky ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-sky ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-sky ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #DFF9FF; } .menu-top .menu-box .menu-box-sky ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-sky ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #DFF9FF; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-sky ul li ul li:hover { background: #C1F2FF; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-sky ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-purple { border-top: 7px solid #009900; } .menu-top .menu-box .menu-box-purple ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-purple ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-purple ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #E1FFE1; } .menu-top .menu-box .menu-box-purple ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-purple ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #E1FFE1; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-purple ul li ul li:hover { background: #C5FFA8; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-purple ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-orange { border-top: 7px solid #f7be24; } .menu-top .menu-box .menu-box-orange ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-orange ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-orange ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #FFFFAA; } .menu-top .menu-box .menu-box-orange ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-orange ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #FFFFAA; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-orange ul li ul li:hover { background:#FFFF55; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-orange ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-red { border-top: 7px solid #6666CC; } .menu-top .menu-box .menu-box-red ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-red ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-red ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #F1F1FA; } .menu-top .menu-box .menu-box-red ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-red ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #F1F1FA; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-red ul li ul li:hover { background:#D1D1EF; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-red ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-gray11 { border-top: 7px solid #f7be24; } .menu-top .menu-box .menu-box-gray11 ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-gray11 ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-gray11 ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #DFF9FF; } .menu-top .menu-box .menu-box-gray11 ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-gray11 ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #DFF9FF; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-gray11 ul li ul li:hover { background: #C1F2FF; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-gray11 ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu-top .menu-box .menu-box-pink { border-top: 7px solid #FF66CC; } .menu-top .menu-box .menu-box-pink ul{ padding: 0; /*margin: 0 0 0 7px;*/ margin-top:1px; } .menu-top .menu-box .menu-box-pink ul li { /*font: bold 12px/18px sans-serif;*/ display: inline-block; position: relative; cursor: pointer; } .menu-top .menu-box .menu-box-pink ul li:hover { width: 141px; height: 37px; color: #fff; background-color: #FFEAF9; } .menu-top .menu-box .menu-box-pink ul li ul {padding: 0; position: relative; z-index: 999; top: -1px; left: 0px; width: 260px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } .menu-top .menu-box .menu-box-pink ul li ul li { display: block; font-size: 12px; color: #fff; /*background-color: #8bda20;*/ background-color: #FFEAF9; padding: 0px 10px; text-align: left; border-bottom: 1px solid #ccc; } .menu-top .menu-box .menu-box-pink ul li ul li:hover { background: #FFC6EC; border-radius: 0px; width: 240px; } .menu-top .menu-box .menu-box-pink ul li:hover ul { display: block; opacity: 1; visibility: visible; } .footer { width: 100%; background-color: #fff; border-top: 1px solid #eaeaea; padding-top: 20px; padding-bottom: 20px; color: #888; } .footer .fcontent { width: 1000px; margin: 0 auto; } .footer .fcontent div { display: inline-block; width: 49.5%; vertical-align: top; } .bottom-nav {/*--------สี tab footter แดงเลือดหมู---------------------------*/ width: 100%; height: 40px; background: #840084; color: #fff; line-height: 40px; } .bottom-nav .bottom-detail { width: 1000px; margin: 0 auto; } .bottom-nav .bottom-detail div { display: inline-block; width: 49.5%; } .bottom-nav a:link { color: #fff; text-decoration: none; } .bottom-nav a:hover { color: #000; text-decoration: none; } .bottom-nav a:active { color: #fff; text-decoration: none; } .box { border: 1px solid #eaeaea; background-color: #fff; padding: 10px; } .gtt-block-free,.gtt-block-conner { margin: 0; padding: 0; border: 0; display: inline-block; vertical-align: top; } .gtt-grid-free .gtt-block-free { width: 49.50%; } .gtt-grid-free .gtt-block-free.free-box { border: 1px solid #eaeaea; background-color: #fff; } .gtt-grid-conner .gtt-block-conner { width: 49.50%; border: 1px solid #eaeaea; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .line-bottom-green {/*----------------ข่าวประชาสัมพันธ์-----------------------*/ border-bottom: 5px solid #360; } .line-bottom-sky {/*----เส้นใต้ข้อความวิลัยในสังกัด สีส้ม-----*/ border-bottom: 5px solid #FF9900; } .line-bottom-orange { border-bottom: 5px solid #f7be24; } .line-bottom-red {/*--------เส้นใต้ข่าวและกิจกรรม สีน้ำเิงิน-----------------------*/ border-bottom: 5px solid #3399CC; } .line-bottom-blue {/*---เส้นใต้ข้อความสี แดง คู่มือประชาชน-----*/ border-bottom: 5px solid #FF0000; } .line-bottom-purple {/*------เส้นใต้ข้อความร่วมงานกับเรา ----------------*/ border-bottom: 5px solid #669900; } .line-bottom-brue {/*------เส้นใต้ข้อความดาวน์โหลด ----------------*/ border-bottom: 5px solid #F6C; } .line-bottom-moeny {/*----------------ประกวดราคาจัดซื้อจัดจ้าง-----------------------*/ border-bottom: 5px solid #999999; } a.link-orange { color: #ff6600; text-decoration: none; } a.link-orange:link { color: #ff6600; text-decoration: none; } a.link-orange:hover { color: #606060; text-decoration: none; } a.link-default-green { color: #565656; text-decoration: none; } a.link-default-green:link { color: #565656; text-decoration: none; } a.link-default-green:hover { color: #40af64; text-decoration: none; } a.link-default-org { color: #565656; text-decoration: none; } a.link-default-org:link { color: #565656; text-decoration: none; } a.link-default-org:hover { color: #F60; text-decoration: none; } a.link-default-red { color: #565656; text-decoration: none; } a.link-default-red:link { color: #565656; text-decoration: none; } a.link-default-red:hover { color: #ff6a61; text-decoration: none; } /*---------สีลิงค์ร่วมงานกับเรา-------------------*/ a.link-default-gre { color: #565656; text-decoration: none; } a.link-default-gre:link { color: #565656; text-decoration: none; } a.link-default-gre:hover { color: #060; text-decoration: none; } /*--------สี ลิงค์ดาวนโหลด-----------------*/ a.link-default-brue { color: #565656; text-decoration: none; } a.link-default-brue:link { color: #565656; text-decoration: none; } a.link-default-brue:hover { color: #C39; text-decoration: none; } .tab-box { text-align: center; padding: 8px 14px; color: #fff; cursor: default; } /*----------------สี tab ข่าวและกิจกรรม------------------------*/ .tab-box.box-green { background-color: #900; } .tab-box.box-sky { background-color: #F00; } .tab-box.box-purple { background-color: #F30; } .tab-box.box-orange { background-color: #F90; } .tab-box.box-red { background-color: #060; } .tab-box.box-blue { background-color: #06F; } /*------------end tab ข่าวและกิจกรรม----------------*/ .opa50 { opacity: 0.5; filter: alpha(opacity = 50); } .opa30 { opacity: 0.3; filter: alpha(opacity = 30); } .opa60 { opacity: 0.6; filter: alpha(opacity = 60); } .news-box { width: 160px; margin: 0 5px; vertical-align: top; min-height: 240px; border: 1px solid #ccc; background-color: #fff; } .news-box .topic { /*font-size: 10px;*/ margin: 5px; } .news-box .detail { margin: 5px; } .forntcolorstyle1 {color: #EEEEEE} .forntcolorstyle2 {color: #777;} .forntcolorstyle3 {color: #000;}