@font-face{font-family:'Quark';src:url('../fonts/Quark-Light.otf');src:url('../fonts/Quark-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Quark-Light.ttf') format('woff'),url('../fonts/Quark-Light.ttf') format('truetype'),url('../fonts/Quark-Light.ttf') format('svg')}@font-face{font-family:'Quark_Bold';src:url('../fonts/Quark-Bold.otf');src:url('../fonts/Quark-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Quark-Bold.ttf') format('woff'),url('../fonts/Quark-Bold.ttf') format('truetype'),url('../fonts/Quark-Bold.ttf') format('svg')}@font-face{font-family:'Cordia';src:url('../fonts/Cordia-New.eot');src:url('../fonts/Cordia-New.eot?#iefix') format('embedded-opentype'),url('../fonts/Cordia-New.ttf') format('woff'),url('../fonts/Cordia-New.ttf') format('truetype')}@font-face{font-family:'ClanOT_Narrow';src:url('../fonts/ClanOT-NarrowNews.eot');src:url('../fonts/ClanOT-NarrowNews.eot?#iefix') format('embedded-opentype'),url('../fonts/ClanOT-NarrowNews.ttf') format('woff'),url('../fonts/ClanOT-NarrowNews.ttf') format('truetype')}.eye-close{background-image:url(../images/eye-close.svg);background-size:contain;background-repeat:no-repeat;margin-top:3px;background-position:center;width:17px}.eye-open{background-image:url(../images/eye-open.svg);background-size:contain;background-repeat:no-repeat;display:block;margin-top:3px;background-position:center;width:17px}:lang(en) .nav-home .side-menu a{font-family:ClanOT_Narrow;font-size:14px}:lang(th) .nav-home .side-menu a{font-family:Quark_Bold;font-size:16px}:lang(en) .login-form .title-login,:lang(en) .login-form input,:lang(en) .login-form button{font-family:ClanOT_Narrow}:lang(th) .login-form .title-login,:lang(th) .login-form input,:lang(th) .login-form button{font-family:Quark_Bold}:lang(en) .wrapper-news .title{font-family:ClanOT_Narrow;font-size:1.8em!important}:lang(th) .wrapper-news .title{font-family:Quark;font-size:1.8em!important}:lang(en) .menu-bottom li a{font-family:ClanOT_Narrow;font-size:9px}:lang(th) .menu-bottom li a{font-family:Quark_Bold;font-size:10px}body{font-family:Tahoma!important;font-size:13px;color:#656668}h1,h2,h3,h4,h5,h6{font-family:Quark_Bold!important}.font-blue{color:#594f73}.boder-bot-blue{border-bottom:1px solid #0ea0c7;padding-bottom:15px}.font-bold{font-weight:bold}p{line-height:20px;text-align:justify}.body-blue{background-color:#594f73}.body-lgray{background-color:#f3f4f8}.float-l{float:left!important}.float-r{float:right!important}.left-0{margin-left:0!important}.margin-0{margin:0!important}select,textarea,input[type="text"],input[type="password"]{border-radius:0!important;line-height:25px}select,textarea,input[type="text"],input[type="password"]{font-family:Tahoma;font-size:13px}label{font-weight:bold;cursor:text;font-family:Quark!important;font-size:14px!important;letter-spacing:1px}.label-left{text-align:left!important}.label-right{text-align:right!important}.blank-bg-top{width:100%;height:720px;background-color:#edecf1;position:absolute;z-index:-999}.nav{width:80%;background-color:#594f73;padding:0!important;font:14px Quark}.nav ul{margin:0}.nav ul li{list-style:none;text-align:left;padding:10px 20px 10px 20px}.nav ul li a{width:100%;color:#fff;text-decoration:none}.nav ul li:hover{background:#adacb9}.nav .active{background:#adacb9}.nav div{text-align:center;color:#fff}.nav .brand{margin:5px 0 0 0;padding-bottom:10px;padding-top:10px}.nav .brand img{width:160px}.button{text-align:center;cursor:pointer;border:0;float:left;margin-left:5px;line-height:32px;text-decoration:none;font-family:Tahoma!important;font-size:13px!important}.button:hover,.button:focus,.button:active{text-decoration:none;border:0}a[class*="button"]{line-height:32px}.button-gray{background-color:#ccc;color:#666}.button-gray:hover,.button-gray:focus,.button-gray:active{background-color:#f2f2f2;color:#666}.button-lgray{background-color:#f0f0f0;color:#666}.button-lgray:hover,.button-lgray:focus,.button-lgray:active{background-color:#fff;color:#666}.button-red{background-color:#c9505c;color:#fff}.button-red:hover,.button-red:focus,.button-red:active{background-color:#db8d8a;color:#fff}.button-green{background-color:#8faf6d;color:#fff}.button-green:hover,.button-green:focus,.button-green:active{background-color:#afca9e;color:#fff}.button-blue{background-color:#594f73;color:#fff}.button-blue:hover,.button-blue:focus,.button-blue:active{background-color:#6d6fbd;color:#fff}.button-white{background-color:#fff;color:#666}.button-white:hover,.button-white:focus,.button-white:active{background-color:#fff;color:#666}.button-download{width:70px;height:30px;margin:3px 0}.button-small{width:115px;height:30px}.button-large{width:160px;height:30px}.group-btn-center{display:table;margin:0 auto}html{height:100%}body{height:100%}body>.row-fluid{height:100%}.row-fluid>.span12{height:100%}.well{border:0 none;border-radius:0!important}.well-white{background-color:#fff}.contain{width:100%;min-height:100%}.content{max-width:1100px;margin:0 auto;min-height:590px;padding:0 20px;position:relative;overflow:hidden;padding-bottom:75px}.content-login{max-width:1100px;margin:0 auto;min-height:590px;padding:0 20px;position:relative}.main-content{}.bg-top{background-color:#edecf1;max-width:1433px;height:720px;margin:0 auto;top:0;left:0;right:0;bottom:0;position:absolute;overflow:hidden;background:url('../images/corp_login_1400.jpg');background-repeat:no-repeat;background-position:center;background-size:cover}.bg-top img{}.section-top{width:100%;max-width:1100px;height:720px;margin:0 auto}.section-bottom{width:100%;height:100%}.section-bottom .span12{margin:30px 0 30px 0}.footer-text{clear:both;position:relative;bottom:0;border-top:1px solid #ccc;padding:5px 0;max-width:1100px;margin:0 auto;overflow:hidden;margin-top:-75px;text-align:center}.footer-text a{text-decoration:none;color:#656668}.footer-text a:hover{text-decoration:none;color:#bbb;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}.footer-full{max-width:1140px!important}.footer-white .pull-right{color:#fff!important}.footer-white a{text-decoration:none;color:#fff!important}.footer-text .pull-left a,.footer-text .pull-right{color:#656668}.footer-text .pull-left,.footer-text .pull-right{padding:0 10px}.footer-login{position:fixed;z-index:1000;text-align:center;margin:0 auto;left:0;right:0;bottom:20px;background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";-moz-opacity:.6;opacity:.6;padding:5px 0;z-index:100}.footer-login{bottom:5px;background-color:#e7e7ed}.footer-login,.footer-login a{text-decoration:none;color:#000;font-family:Tahoma;font-size:12px;font-weight:bolder}.alert-body{position:relative;width:65%;float:left}.alert{border-radius:0!important}.section-top .alert-login{position:absolute;width:100%}.form-valid{font-weight:bold;color:red}.row-fluid .form-alert{color:red;position:absolute;margin-left:0}.relative-alert .form-alert{position:relative;margin-top:5px}.alert-message{color:red}.validation-summary-valid{display:none}.validation-summary-errors ul{margin-bottom:0}.download-application .control-group{margin-bottom:-10px}.securtity .control-group{margin-bottom:30px}.page-number{padding-left:0;margin:20px 0;text-align:center;list-style:none;display:inline-block}.page-number li{display:inline}.page-number li>a{text-decoration:none;color:#000;display:inline-block;padding:9px 15px;margin:0 3px 0 3px}.page-number>.active>a{padding:9px 15px;background-color:#594f73;color:#fff}.page-number>.arrow>a{background-color:#dbdbdb}.page-number li>a:hover{background-color:#8ed3e7}.alert{margin-top:20px}.header-content .row{margin-left:0!important}.main-content-wrapper{margin-bottom:50px}.main-content-wrapper:last-child{margin-bottom:0}.content-wrapper{width:100%;display:inline-block}.content-wrapper ul{padding-left:20px}.content-wrapper .list-number{list-style:decimal}.content-wrapper .list-none{list-style:none;padding-left:0}.content-wrapper p{margin:0;padding-left:25px;text-align:justify}.guidline-box{position:relative;margin:0!important}.guidline-box .icon-top{width:0;height:0;border-style:solid;border-width:12px 0 0 12px;border-color:transparent transparent transparent #bbb;position:absolute;right:-32px;top:-13px;opacity:1;margin-top:5px}.guidline-box .password-content{background-color:#f0f0f0;padding:20px 15px;margin-right:-35px;margin-top:5px}.password-content p{line-height:1em}#bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background-image:url('../images/Banner-001.jpg');background-repeat:no-repeat;background-size:cover;background-position:center}#bg img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}.bgwidth{width:100%}.bgheight{height:100%}.wrapper{margin:0 25px;height:100%;position:relative;vertical-align:top}.wrapper .alert-body{position:absolute;width:65%;right:0;left:0;margin:0 auto}.change-lang{position:absolute;z-index:1000;width:200px;display:inline-block;right:0;top:10px;right:10%}.change-lang ul{list-style:none;float:right}.change-lang ul li{width:46px;height:46px;text-align:center;float:left}.change-lang ul li a{color:#594f73;font-family:Quark;font-size:20px;text-decoration:none}.wrapper-nav-home{position:relative;z-index:1000;width:200px;display:inline-block;max-height:100%}.nav-home{width:100%;background-color:#594f73;padding:0!important;z-index:999}.nav-home .side-menu{margin:0}.nav-home .side-menu li{list-style:none;text-align:left;padding:6px 10px}.nav-home .side-menu li a{width:100%;color:#fff;text-decoration:none}.nav-home .side-menu li:hover,.nav-home .side-menu li.active{background:#635f98;transition:all .5s ease}.nav-home div{text-align:center;color:#fff}.nav-home .brand{padding-bottom:10px;padding-top:10px}.nav-home .brand a{text-decoration:none}.nav-home .brand img{width:145px}.nav-home .form-alert{font-family:Tahoma;font-size:13px}.side-menu .text-nav{margin-left:30px;line-height:25px}.side-menu .ico-nav{width:22px;height:22px;position:absolute}.wrapper-news{position:fixed;z-index:1000;width:30%;height:auto;background-color:#594f73;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";right:10%;bottom:20%;color:#fff;padding:20px}.wrapper-maintenance-system{position:fixed;z-index:1000;width:30%;height:auto;background-color:#a5a5a5;opacity:.9;right:10%;bottom:20%;color:#fff;padding:20px}.wrapper-news span{width:100%;height:100%}.wrapper-news .title{line-height:1.8em!important;font-weight:bold;border-bottom:1px solid #fff;margin-bottom:15px;display:inline-block;width:100%}.wrapper-news .text{display:inline-block;margin-bottom:20px;width:100%;font-family:tahoma;font-size:13px;height:180px;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.wrapper-news .read-more{position:absolute;bottom:10px;right:-10px;width:100px}.wrapper-news .read-more a{color:#fff;font-family:tahoma;font-size:13px;text-decoration:none}.news .page{position:fixed;z-index:1000;width:30%;height:auto;right:10%;bottom:10%;padding:20px}.news .page ul{list-style:none;margin:0 auto;display:table}.news .page ul li{font-size:50px;display:inline-block;margin:0 10px;z-index:9999}.news .page a{color:#ccc;text-decoration:none}.news .page a.active{color:#594f73}.login-form{position:relative;padding:5px 15px;background-color:#635f98}.login-form .form-alert{color:red;position:absolute}.login-form .title-login{font-family:Quark;font-size:18px;text-align:left;padding:10px 0}.login-form form{margin:0}.login-form input{width:90%;line-height:25px}.login-form input,.login-form button{border-radius:0;font-family:Quark;font-size:15px}.login-form .button-submit{width:100%;background-color:#594f73;border:0;color:#fff;height:30px}.login-form .button-submit:hover,.login-form .button-submit:active{background-color:#6d6fbd;transition:all .5s ease}.login-form .shadow-top{position:absolute;background:url('../images/shadow-top.png');width:200px;height:11px;top:0;left:0}.login-form .shadow-bottom{position:absolute;background:url('../images/shadow-bottom.png');width:200px;height:11px;bottom:0;left:0}.login-form .control-group:last-child{margin-bottom:15px}.menu-bottom{margin:0;padding-bottom:5px;padding-top:5px}.menu-bottom li a{text-decoration:none;color:#fff;text-align:center;display:block;width:100%}.menu-bottom li span{width:100%;display:block;margin-top:5px}.menu-bottom li img{width:40px;height:40px;margin:0 auto}.menu-bottom li{width:29%;margin:1%;list-style:none;display:inline-block}@media(max-width:767px){body{padding:0!important}#bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background-image:url('../images/Banner-002.jpg');background-repeat:no-repeat;background-size:cover;background-position:center}}@media(min-width:768px) and (max-width:979px){#bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background-image:url('../images/Banner-003.jpg');background-repeat:no-repeat;background-size:cover;background-position:center}.alert-body{width:50%!important;left:210px!important;margin:initial!important}}@media(max-width:1024px){.nav-home .brand{padding-bottom:10px}.blank-bg-top{height:500px}.section-top{height:auto}.bg-top{height:500px}.alert-body{width:57%!important;left:210px!important;margin:initial!important}}@media(min-width:768px) and (max-width:979px){.nav-home .brand{padding-bottom:10px}.blank-bg-top{height:500px}.section-top{height:auto}.bg-top{height:500px}.alert-body{width:53%!important;left:210px!important;margin:initial!important}.news .wrapper-news,.news .page{}.row-fluid #navi{margin-top:20px}#section-right{width:35%}.main-content{width:70%!important}.blank-bg-top{background-color:#fff}.bg-top{height:500px}.blank-bg-top,.section-top{height:auto}}@media screen and (max-width:480px){.news .wrapper-news{position:relative!important;width:auto!important;right:0!important;padding:10px!important}.news .wrapper-news .read-more{right:0!important}.news .wrapper-news .text{padding:10px;width:auto;display:block}.news .wrapper-news .title{padding:10px;display:block;width:auto}.news .page{position:relative!important;width:auto;right:0!important;padding:10px!important}.footer-login{position:relative!important;width:100%}.header-menu{}.header-menu a{float:left;margin:10px 5px -10px 5px;text-decoration:none;color:#000;display:inline-block;width:40%}.header-menu .col-right{}.header-menu .col-left{padding-left:50px}.change-lang{right:0%!important}.alert{margin-top:74px!important}.alert-body{width:50%!important;left:210px!important;margin:initial!important}}.well-home-banner{padding:2px}.modal-PopupInfo{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content-popupinfo{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:70%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close-popupinfo{color:#b5b5b5;float:right;font-size:28px;font-weight:bold}.close-popupinfo:hover,.close-popupinfo:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header-popupinfo{padding:2px 16px;color:#594f73}.modal-body-popupinfo{margin:2px 16px;max-height:450px;overflow:auto}.modal-footer-popupinfo{padding:20px 16px;color:#fff;text-align:center}.close-btnpopup-info{font-family:Quark_Bold!important;text-align:center}.btnpopup-info{box-shadow:0 1px 4px rgba(0,0,0,.6);border:none;background-color:#594f73;color:#ecf0f1;font-size:14px;line-height:20px;padding:8px 20px 8px 20px}.btnpopup-info:hover{opacity:.8}.btnpopup-info:active{background-color:#493876}