@charset "utf-8";
@color:red;
/* CSS Document */

body,td,th {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #666; background:url(../images/bg-lv1.gif) top center no-repeat #f0f1f0; background-attachment:fixed; line-height:20px;}
body, ul, li, p, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
ul li{list-style:none;}
img{border:none;}

input {outline:none;}
textarea {overflow:hidden; outline:none;}
form {padding:0; margin:0; outline:none;}

textarea:focus, input:focus, select:focus{outline: none;}

.clear{clear:both;}
.fix1000{margin:0 auto; width:1000px;}

a {color:#666; text-decoration:none;}
a:hover {color:#00193f;}

/* nav */

.header{background:#FFF; min-height:140px;}
.section-images{}
.content{}

.logo{float:left; background:url(../images/logo-top.gif); margin:7px 0 0 5px;}
.logo a{width:220px; height:82px; display:block;}

.logo-en{float:left; background:url(../images/logo-top-en.gif); margin:7px 0 0 5px;}
.logo-en a{width:220px; height:82px; display:block;}

.nav{float:right; padding:41px 0 0 0;}
.nav ul{float:right;}
.nav li{float:left;}

/* nav th */

.nava{background:url(../images/btn-nava.gif); width:89px; height:55px; display:block;}
.navb{background:url(../images/btn-navb.gif); width:118px; height:55px; display:block;}
.navc{background:url(../images/btn-navc.gif); width:157px; height:55px; display:block;}
.navd{background:url(../images/btn-navd.gif); width:153px; height:55px; display:block;}
.nave{background:url(../images/btn-nave.gif); width:97px; height:55px; display:block;}
.navf{background:url(../images/btn-navf.gif); width:85px; height:55px; display:block;}
.navg{background:url(../images/btn-navg.gif); width:100px; height:55px; display:block;} /*รอแก้ไขภาพ */
.nava:hover, .navb:hover, .navc:hover, .navd:hover, .nave:hover, .navf:hover, .navg:hover{background-position:0 -55px;}

/* nav en */

.nava-en{background:url(../images/btn-nava-en.gif); width:67px; height:55px; display:block;}
.navb-en{background:url(../images/btn-navb-en.gif); width:98px; height:55px; display:block;}
.navc-en{background:url(../images/btn-navc-en.gif); width:152px; height:55px; display:block;}
.navd-en{background:url(../images/btn-navd-en.gif); width:187px; height:55px; display:block;}
.nave-en{background:url(../images/btn-nave-en.gif); width:91px; height:55px; display:block;}
.navf-en{background:url(../images/btn-navf-en.gif); width:104px; height:55px; display:block;}
.navg-en{background:url(../images/btn-navg-en.gif); width:100px; height:55px; display:block;} /*รอแก้ไขภาพ*/


.nava-en:hover, .navb-en:hover, .navc-en:hover, .navd-en:hover, .nave-en:hover, .navf-en:hover, .navg-en:hover{background-position:0 -55px;}

.search{background:url(../images/bg-search.gif) right no-repeat; width:236px; height:40px;}
.search-en{background:url(../images/bg-search-en.gif) right no-repeat; width:236px; height:40px;}
.btn-search{float:right; padding:4px 4px 0 0;}
.btn-search a{background:url(../images/btn-search-style1.gif); width:30px; height:32px; display:block;}
.btn-search a:hover{background-position:0 -32px;}

.top-nav{background:#012558; border-top:4px solid #ffe300;}
.top-nav ul{float:right;}
.top-nav li{float:left; padding:0 0 0 30px;}

.language{width:80px; color:#FFF; font-size:12px; font-weight:bold;}
.language a{color:#FFF; text-decoration:none;}
.language a:hover{color:#FC0;}
.language a:active{color:#FC0;}

/* topnav th */

.top-nava a{background:url(../images/btn-nav-topq.gif); width:62px; height:40px; display:block;}
.top-navb a{background:url(../images/btn-nav-topb.gif); width:39px; height:40px; display:block;}
.top-navc a{background:url(../images/btn-nav-topc.gif); width:59px; height:40px; display:block;}
.top-navd a{background:url(../images/btn-nav-topd.gif); width:68px; height:40px; display:block;}
.top-nave a{background:url(../images/btn-nav-tope.gif); width:71px; height:40px; display:block;}

.top-nava a:hover, .top-navb a:hover, .top-navc a:hover, .top-navd a:hover, .top-nave a:hover{background-position:0 -40px;}

/* topnav en */

.top-nava-en a{background:url(../images/btn-nav-topq-en.gif); width:78px; height:40px; display:block;}
.top-navb-en a{background:url(../images/btn-nav-topb-en.gif); width:63px; height:40px; display:block;}
.top-navc-en a{background:url(../images/btn-nav-topc-en.gif); width:60px; height:40px; display:block;}
.top-navd-en a{background:url(../images/btn-nav-topd-en.gif); width:66px; height:40px; display:block;}
.top-nave-en a{background:url(../images/btn-nav-tope-en.gif); width:92px; height:40px; display:block;}

.top-nava-en a:hover, .top-navb-en a:hover, .top-navc-en a:hover, .top-navd-en a:hover, .top-nave-en a:hover{background-position:0 -40px;}


.language-th{background:url(../images/language-th.gif); width:22px; height:22px; display:block;}
.language-en{background:url(../images/language-en.gif); width:22px; height:22px; display:block;}
.language-th:hover, .language-en:hover{background-position:0 -22px;}

/* index */

.main-content-blog li{width:320px; background:#fcfcfc; border:1px solid #d7d7d7; float:left;}
.main-content-blog li:hover{border:#d7d7d7 1px solid; background:#FFF;}

.main-content-blog li:hover .head-style1{color:#f5873d;}
.main-content-blog li:hover .head-style2{color:#dd4f49;}
.main-content-blog li:hover .head-style3{color:#506077;}

.main-content-blog h1{margin-bottom:2px; font-size:12px; color:#999; padding:5px 20px; background:url(../images/bullet-head.gif) top left no-repeat;}
.main-content-blog h2{padding:20px 20px 0 20px; font-size:16px; font-weight:bold; color:#cc9933;}
.main-content-blog h2 a{color:#cc9933; text-decoration:none;}
.main-content-blog h2 a:hover{color:#999; text-decoration:none;}

.main-content-blog p{padding:20px 20px 0 20px;}
.main-content-blog .col1{margin:17px 17px 0 0;}
.main-content-blog .col2{margin:17px 17px 0 0;}
.main-content-blog .col3{margin:17px 0 0 0;}

.head-style1{border-bottom:4px solid #f5873d;}
.head-style2{border-bottom:4px solid #dd4f49;}
.head-style3{border-bottom:4px solid #506077;}

.banner-footer{padding:40px 0; overflow:hidden;}
.banner-footer ul{padding-left:2px;}
.banner-footer li{float:left; margin:0 0 5px 1px; border:4px solid #FFF; height:70px;}
.banner-footer li:hover{border:4px solid #d8dbe6;}
.banner-footer img{width:190px; height:70px;}

.footer-links{float:left; width:600px;}
.footer-links ul{float:left; padding:30px 0 0 40px;}
.footer-links li{padding:0 0 2px 0;}
.footer-links a{color:#CCC; display:block; text-decoration:none; background:url(../images/bullet-link-style1.gif) top left no-repeat; padding:0 0 0 20px;}
.footer-links a:hover{color:#FFF; background:url(../images/bullet-link-style2.gif) top left no-repeat;}

.btn-more-content{margin:20px 0;}
.btn-more-content a{height:30px; background:url(../images/bg-btn-style1.gif) bottom repeat-x; text-decoration:none; color:#dee0ed; font-size:14px; display:block; text-align:center; padding:10px 0 0 0;}
.btn-more-content a:hover{background-position:-40px 0; text-decoration:none; color:#FFF;}

.btn-send-mail{background:url(../images/btn-send-style1.gif); width:75px; height:30px; display:block;}
.btn-send-mail:hover{background-position:0 -30px;}

/* pages */

.pages{background:url(../images/01142f.gif) top repeat-x;}
.pages h1{color:#717b87; font-size:36px; font-weight:lighter; padding:40px 0;  float:left;}
.pages h1 span{color:#FC3;}

.pages-style2{background:url(../images/01142f-120.gif) top repeat-x;}
.pages-style2 h1{color:#717b87; font-size:36px; font-weight:lighter; padding:40px 0;  float:left;}
.pages-style2 h1 span{color:#FC3;}

.warp-left{float:left; width:275px;}
.warp-left .navigation{padding:5px 0; margin-bottom:20px; background:#FFF; border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-top:solid 8px #ffcc33;}
.warp-left .navigation ul li{padding:1px 0;}
.warp-left .navigation ul li a{padding:0 10px; text-decoration:none; color:#30435a; font-weight:bold;}
.warp-left .navigation ul li a:hover{text-decoration:underline;}
.warp-left .navigation .sublinks{background:#e1ddd1; padding:1px 0 0 0; margin-bottom:1px;}
.warp-left .navigation .sublinks ul{padding:1px 5px 0px 15px; background:#f0eee8; margin-top:1px;}
.warp-left .navigation .sublinks ul li a{font-weight:lighter;}

.warp-righta{float:left; width:1000px; background:#FFF; min-height:800px; border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; margin-bottom:40px;}
.warp-righta p{padding:10px 0;}
.warp-righta .tree{font-size:14px; text-align:right; padding:5px 20px; border-bottom:4px solid #ffcc33; overflow:hidden;}
.warp-righta .tree ul{overflow:hidden; float:left;}
.warp-righta .tree li{float:left; padding:0 5px;}
.warp-righta .tree a{color:#30435a; text-decoration:none;}
.warp-righta .tree a:hover{text-decoration:underline;}
.warp-righta .tree .active{font-weight:bold;}
.warp-righta .warp-content{padding:40px;}
.warp-righta .warp-content img{padding:10px 0;}
.warp-righta .warp-content strong{color:#30435a;}
.warp-righta .warp-content h2{color:#cc9933; padding:0 0 20px 0; font-size:26px; font-weight:lighter; line-height:34px;}

.warp-right{float:right; width:720px; background:#FFF; min-height:800px; border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; margin-bottom:40px;}
.warp-right p{padding:10px 0;}
.warp-right .tree{font-size:12px; text-align:right; padding:5px 20px; border-bottom:4px solid #ffcc33; overflow:hidden;}
.warp-right .tree ul{overflow:hidden; float:right;}
.warp-right .tree li{float:left; padding:0 5px;}
.warp-right .tree a{color:#30435a; text-decoration:none;}
.warp-right .tree a:hover{text-decoration:underline;}
.warp-right .tree .active{font-weight:bold;}
.warp-right .warp-content{padding:40px;}
.warp-right .warp-content img{padding:10px 0;}
.warp-right .warp-content strong{color:#30435a;}
.warp-right .warp-content h2{color:#cc9933; padding:0 0 20px 0; font-size:26px; font-weight:lighter; line-height:34px;}

.warp-right-colleft{float:right; width:435px; background:#FFF; min-height:800px; border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; margin-bottom:40px;}

.warp-right-colleft .tree{font-size:12px; text-align:right; padding:5px 20px; border-bottom:4px solid #ffcc33; overflow:hidden;}
.warp-right-colleft .tree ul{overflow:hidden; float:right;}
.warp-right-colleft .tree li{float:left; padding:0 5px;}
.warp-right-colleft .tree a{color:#30435a; text-decoration:none;}
.warp-right-colleft .tree a:hover{text-decoration:underline;}
.warp-right-colleft .tree .active{font-weight:bold;}
.warp-right-colleft .warp-content{padding:40px;}

.warp-right-colright{float:right; width:240px; margin-left:40px;}

.top-style1{background:url(../images/page-top-img01.gif) top no-repeat;}
.top-style2{background:url(../images/page-top-img02.gif) top no-repeat;}
.top-style3{background:url(../images/page-top-img03.gif) top no-repeat;}
.top-style4{background:url(../images/page-top-img04.gif) top no-repeat;}
.top-style5{background:url(../images/page-top-img05.gif) top no-repeat;}
.top-style6{background:url(../images/page-top-img06.gif) top no-repeat;}
.top-style7{background:url(../images/page-top-img07.gif) top no-repeat;}
.top-style8{background:url(../images/page-top-img08.gif) top no-repeat;}

/* blog */

.warp-left .blog-news{background:#FFF; margin-bottom:20px;  border:solid 1px #d7d7d7;}
.warp-left .blog-news h2{margin-bottom:2px; font-size:12px; padding:5px 20px; background:url(../images/bullet-head.gif) top left no-repeat; border-bottom:4px solid #f67d94;}

.warp-left .blog-news h3 a{color:#cc9933; text-decoration:none;}
.warp-left .blog-news h3 a:hover{color:#666; text-decoration:none;}

.warp-left .blog-news .warp-content{padding:20px;}
.warp-left .blog-news .warp-content h3{font-size:14px; padding:0 0 20px 0;}
.warp-left .blog-news .warp-content img{margin-bottom:20px;}

.warp-left .blog-map{background:#FFF; margin-bottom:20px;  border:solid 1px #d7d7d7;}
.warp-left .blog-map h2{margin-bottom:2px; font-size:12px; color:#999; padding:5px 20px; background:url(../images/bullet-head.gif) top left no-repeat; border-bottom:4px solid #f67d94;}
.warp-left .blog-map div{padding:0 0 20px 0;}
.warp-left .blog-map p{padding:0 20px 20px 20px;}

.warp-left .banner-left img{margin-bottom:10px; border:5px solid #CCC;}
.warp-left .banner-left img:hover{border:5px solid #FFF;}

.warp-right-colright .blog-map{background:#FFF; margin-bottom:20px;  border:solid 1px #d7d7d7;}
.warp-right-colright .blog-map h2{margin-bottom:2px; font-size:12px; color:#999; padding:5px 20px; background:url(../images/bullet-head.gif) top left no-repeat; border-bottom:4px solid #f67d94;}
.warp-right-colright .blog-map p{padding:0 20px 20px 20px;}


/* footer */

.footer{background:#00193f;}
.footer-warp{min-height:100px;}
.footer-logo{float:left; width:250px; height:77px; margin:20px; background:url(../images/logo-footer.gif) top left no-repeat;}

/* drop down nav */

/* These styles create the dropdown menus. */

   
#navbar li a {
   display: block;
   background-color: #FFF;
   color:#1b3b69;
   text-decoration: none;}
   
#navbar li ul {
   display: none; 
   width: 220px; /* Width to help Opera out */
   background-color:#FFF; padding-bottom:10px;}
   
#navbar li:hover ul{
   display: block;
   position: absolute;
   z-index:9999;
   margin: 0;}
   
#navbar li:hover li{
   float: none; }
   
#navbar li:hover li a{
   background-color:#FFF;
   padding:5px 5px 5px 20px;
   color: #1b3b69; }
   
#navbar li li a:hover {
   background-color: #ffe300; }
   

/* about */
.about-admin .sublevel{float:left; overflow:hidden;}
.about-admin ul{overflow:hidden;}
.about-admin li{float:left; background:#333; border:5px solid #f0eee8; width:130px; height:140px; margin:10px; padding:0;}
.about-admin li:hover{border:5px solid #f67d94;}

/* contact */
.contact .formstyle{padding:5px 0 0 0;}

.choose {padding:20px 0 5px 0;}
.choose select{width:355px; height:40px; border:none; padding:10px 10px; font-size:14px; color:#333; overflow: hidden; background:#f0f1f0;}
.contact .formstyle input{width:335px; height:40px; border-top:1px solid #CCC; border-right:none; border-left:none; border-bottom:none; background:#f0f1f0; padding:5px 10px; font-size:14px; color:#333;}
.contact .formstyle textarea{width:335px; height:150px; border-top:1px solid #CCC; border-right:none; border-left:none; border-bottom:none; background:#f0f1f0; padding:15px 10px; font-size:14px; color:#333;}

/* faculty th*/

.faculty{}

.faculty .listright-a{background:url(../images/img-faculty-a.png); width:312px; height:127px; display:block;}
.faculty .listright-a:hover{background-position:0 -127px;}

.faculty .listright-b{background:url(../images/img-faculty-b.png); width:252px; height:150px; display:block;}
.faculty .listright-b:hover{background-position:0 -150px;}

.faculty .listright-c{background:url(../images/img-faculty-c.png); width:207px; height:145px; display:block;}
.faculty .listright-c:hover{background-position:0 -145px;}

.faculty .listright-d{background:url(../images/img-faculty-d.png); width:267px; height:130px; display:block;}
.faculty .listright-d:hover{background-position:0 -130px;}

.faculty .listright-e{background:url(../images/img-faculty-e.png); width:377px; height:253px; display:block;}
.faculty .listright-e:hover{background-position:0 -253px;}

/* faculty en*/

.faculty .listright-a-en{background:url(../images/img-faculty-a-en.png); width:400px; height:129px; display:block;}
.faculty .listright-a-en:hover{background-position:0 -129px;}

.faculty .listright-b-en{background:url(../images/img-faculty-b-en.png); width:362px; height:151px; display:block;}
.faculty .listright-b-en:hover{background-position:0 -151px;}

.faculty .listright-c-en{background:url(../images/img-faculty-c-en.png); width:394px; height:146px; display:block;}
.faculty .listright-c-en:hover{background-position:0 -146px;}

.faculty .listright-d-en{background:url(../images/img-faculty-d-en.png); width:362px; height:129px; display:block;}
.faculty .listright-d-en:hover{background-position:0 -129px;}

.faculty .listright-e-en{background:url(../images/img-faculty-e-en.png); width:453px; height:252px; display:block;}
.faculty .listright-e-en:hover{background-position:0 -252px;}

.faculty-detail{padding:40px 0 40px 0;}
.faculty-detail li{background:#fcfcfc; margin-bottom:10px; border-bottom:1px solid #CCC; overflow:hidden;}
.faculty-detail li:hover{background:#fff;}
.faculty-detail img{background:url(../images/view-more-btn.png); width:290px; height:140px; display:block;}
.faculty-detail img:hover{background-position:0 -140px;}
.faculty-detail div{float:left; height:140px;}
.faculty-detail h2{font-size:18px; font-weight:lighter; padding:20px 20px 10px 20px;}

.faculty-detail h2 a{color:#b44555; text-decoration:none;}
.faculty-detail h2 a:hover{color:#666; text-decoration:none;}

.faculty-detail p{padding:0 20px; width:650px; font-size:13.5px; line-height:20px;}

/* news */
.all-news{}

.all-news li{float:left; width:240px; min-height:300px; border:1px solid #CCC; background:#fcfcfc; margin:0 0 10px 5px;}
.all-news li:hover{border:1px solid #CCC; background:#FFF;}
.all-news h2{font-size:12px; font-weight:bold; padding:5px 20px; background:url(../images/bullet-head.gif) top left no-repeat;}
.all-news h3{font-size:14px; color:#cc9933; padding:20px 0;}
.all-news .warp-content{padding:0 20px 20px 20px;}
.all-news img{padding:2px 0 0 0;}

/* botton */
.btn-load-more{background:url(../images/btn-more-content.gif); width:1000px; height:40px; display:block;  border:none; cursor:pointer;}
.btn-load-more:active{background-position:0 -40px;}

.btn-load-more2{background:url(../images/btn-more-content-2.gif); width:736px; height:40px; display:block;  border:none; cursor:pointer;}
.btn-load-more2:active{background-position:0 -40px;}

.btn-load-more3{background:url(../images/btn-more-content-3.gif); width:562px; height:40px; display:block;  border:none; cursor:pointer;}
.btn-load-more3:active{background-position:0 -40px;}

/* user template */
.user-banner-left{float:left; width:200px;}
.user-banner-right{float:right; width:190px;}
.user-banner-left li, .user-banner-right li{padding:0 0 10px 0;}

.user-content{float:left; width:610px;}
.user-content li{width:270px; float:left; background:#fcfcfc; padding:0 0 20px 0; margin:0 0 20px 18px; border:1px solid #d7d7d7;}
.user-content li:hover{background:#FFF;}
.user-content li:hover h1{color:#039;}
.user-content h1{font-size:12px; margin:0 0 2px 0; padding:5px 10px; border-bottom:4px solid #ffe300;}
.user-content a{color:#666; text-decoration:none; display:block;}
.user-content a:hover{color:#00193f; }
.user-content p{padding:0 20px;}

.user-content h2 a{font-size:14px; padding:10px 20px; color:#cc9933;}
.user-content h2 a:hover{text-decoration:none;}

/*search*/
.search-page{padding:0 0 20px 0;}
.search-page span{background:#FC0; color:#003;}
.search-page h2{font-size:14px; padding:0 0 5px 0; color:#003;}
.search-page li{background:#fcfcfc; border:1px solid #d7d7d7; padding:20px; margin:5px 0;}
.search-page li:hover{background:#FFF;}

.search-num{overflow:hidden; padding-bottom:20px;}
.search-num ul{float:right;}
.search-num li{float:left; height:20px; border:1px solid #CCC; background:#FFF; text-align:center;margin:0 5px; }
.search-num li:hover{border:1px solid #036; }
.search-num a{padding:0 10px; display:block;}

/*user link*/
.user-link{background:#FFF; float:left; width:185px; margin-right:15px; min-height:400px;}
.user-link li{padding:2px 10px; margin:0 0 2px 0; font-size:12px; border-bottom:1px dashed #CCC;}

/*--news zip file--*/
.news-detail-warp-head{width:100%;}
.warp-zip{float:right; border-left:1px dashed #CCC; width:200px; padding:0 0 0 20px; font-size:12px;}
.warp-zip div{background:#fafafa; width:180px; border:2px solid #f3f3f3;}
.warp-zip div:hover{background:#FFF;}
.warp-zip a{display:block; padding:10px 0; text-align:center; border-bottom:1px solid #CCC; border-top:1px solid #FFF;}

/*more content*/
.more-content{text-align:center; background:#e8e8e8; border:2px solid #cacaca;}
.more-content:hover{background:#FFF;}
.more-content a{display:block; border-bottom:1px solid #a6a6a6; padding:10px; font-weight:bold; color:#767883; border-top:1px solid #f7f7f7;}

/*update upload file*/
.show-attachment{background:#f0f1f0; width:100%; margin-top:5px;}
.show-attachment ul{font-size:12px;}
.show-attachment li{border-bottom:1px dashed #FFF; padding:10px; position:relative;}
.show-attachment h3{margin:0; padding:0; font-size:12px; color:#30435a; width:400px;}
.show-attachment span{font-size:11px;}
.show-attachment strong{color:#30435a;}

.attachment-file{background:#fafafa; width:180px; border:2px solid #f3f3f3; position:absolute; top:10px; right:10px;}
.attachment-file:hover{background:#FFF;}
.attachment-file a{display:block; padding:5px 0; text-align:center; border-bottom:1px solid #CCC; border-top:1px solid #FFF;}