/*css web design and coded by www.jane-studio.com*/
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500');
@import url(bootstrap.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.0/css/hover.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);
@import url(superslides.min.css);

body{font-family:"Poppins",Kanit,sans-serif;min-width:1170px;padding:0;margin:0;list-style:none;background:#000 url(../img/bg.jpg) center top no-repeat;overflow-x:hidden}ul{list-style-type:none}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}#particles-js{position:absolute;width:100%;height:650px;top:30px;background-image:url("");background-repeat:repeat;background-size:cover;background-position:50% 50%;z-index:1;pointer-events:none}.top-nav{background:url(../img/blackbg_09.png) repeat;height:73px;width:100%;border-bottom:3px solid #d7bc8d;position:absolute;z-index:100}.top-nav .logo,.top-nav nav,.top-nav .social{display:inline-block;vertical-align:top}.top-nav .logo{position:relative;top:5px}.top-nav .logo a{display:block}.top-nav nav{width:770px}.top-nav nav>ul{width:100%}.top-nav nav>ul>li{display:inline-block;text-align:center;width:125px;vertical-align:top;height:70px;overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.top-nav nav>ul>li>a{font-size:16px;font-weight:500;color:#fff;letter-spacing:1px;padding:13px 0;text-decoration:none;display:block}.top-nav nav>ul>li>a span{color:#a3a3a3;display:block;font-size:14px;letter-spacing:0;padding:3px 0}.top-nav nav>ul>li>ul{padding:7px 0 30px;opacity:0}.top-nav nav>ul>li>ul li{padding-top:15px}.top-nav nav>ul>li>ul a{color:#c8b4a9;text-decoration:none;letter-spacing:1px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.top-nav nav>ul>li>ul a:hover{color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.top-nav nav>ul>li:nth-child(1):hover,.top-nav nav>ul>li:nth-child(2):hover,.top-nav nav>ul>li:nth-child(3):hover,.top-nav nav>ul>li:nth-child(4):hover,.top-nav nav>ul>li:nth-child(5):hover{background:url(../img/menu_hoverbg.png) no-repeat center top;height:199px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.top-nav nav>ul>li:nth-child(1):hover>ul,.top-nav nav>ul>li:nth-child(2):hover>ul,.top-nav nav>ul>li:nth-child(3):hover>ul{opacity:1}footer{position:relative;z-index:20;left:0;bottom:0;width:100%;min-width:1170px;height:90px;margin:50px 0 0 0;overflow:hidden;background:url(../img/blackbg_09.png) repeat;border-top:1px solid #0b0b0b;text-align:center;font-size:12px}footer span{display:inline-block;position:relative;font-weight:500;left:5.5em;height:90px;color:#fff;font-size:1/px;line-height:90px;letter-spacing:1px}footer span:after{content:"";position:absolute;left:-150px;top:35%;margin-top:-10px;background:url(../img/footer_logo.png) no-repeat center;width:121px;height:46px;display:inline-block;border-color:black}.social_button a{position:absolute;color:#404dad;font-size:20px;top:-3px;left:0;margin-left:10px}.social_button a:hover{color:#515db6}.header_container{width:100%;min-height:600px;font-family:"Poppins",Kanit,sans-serif;position:relative;margin:0 auto}.header_container::after{display:block;content:"";position:relative;top:16em;background:url(../img/spector.png) repeat-x center top;width:100%;height:460px;background-position:50% 50%;z-index:5}.left{float:left}.right{float:right}.menutop li{padding-top:30px;padding-left:10px;padding-right:100px}.menutop li:last-child{padding-right:0}.menutop p{font-weight:600;padding-top:6px;font-family:"Poppins",Kanit,sans-serif;margin-bottom:0;color:#fff;font-size:18px;text-transform:uppercase}.menutop span{font-weight:500;font-family:"Poppins",Kanit,sans-serif;color:#999;font-size:12px}.menutop div a p:hover{color:#fc0}.body_bg{position:relative;z-index:20}.content_bg{position:relative;top:-1em;width:100%;padding:10px}.body_left{width:25%;float:left}.body_middle{width:73.66%;float:left;margin-left:15px}.wide-container{background-color:#090909;position:relative;max-width:100%;height:338px;margin:0 auto}.img-register{width:100%;height:132px;background:url(../img/btn-register.png) no-repeat;background-size:cover;background-position:100% 100%;position:relative;margin:0 auto;z-index:10}.update-sv-box{width:100%;float:left;margin-top:15px}.btn-updatesv{width:100%;height:90px;background:url(../img/btn-updatesv.png) no-repeat;background-size:cover;background-position:100% 100%;position:relative;margin:0 auto;z-index:10}.btn-evn{width:100%;height:90px;background:url(../img/btn-evn.png) no-repeat;background-size:cover;background-position:100% 100%;position:relative;margin:0 auto;z-index:10}.img-register:hover{background:url(../img/btn-register-hover.png) no-repeat}.content_body_middle{width:100%;float:left;padding-top:10px}.content_event_middle{width:100%;float:left;padding-top:10px}.date-box{line-height:20px;color:#dbcbae;opacity:.2;font-size:12px}.font-10{font-size:10px}.btn-scroll{background-color:#0c0b09;border:1px solid #1a1a1a;width:50%;height:26px;text-align:center;font-size:10px;border-radius:4px;position:relative;float:left}.btn-scroll-h{background-color:#0c0b09;border:1px solid #1a1a1a;width:100%;height:26px;text-align:center;font-size:10px;border-radius:4px;position:relative}.btn-scroll:hover{background-color:#090806}.news .tabs ul{list-style:none;padding:0 auto;margin:0 auto;vertical-align:center;width:100%;position:relative;right:-6.6em;top:-40px;z-index:15}.news .tabs ul li a{font:12px "Poppins",Kanit,sans-serif;font-weight:600;letter-spacing:1px;color:#929292;display:block;text-transform:uppercase;float:left;padding:5px 20px;margin:0 4px;margin-bottom:-24px;transition:.2s}.img-ac{width:289.5px;height:300px}.news_box{padding-bottom:13px;border-bottom:1px dashed rgba(255,255,255,0.1);margin-bottom:15px}.news_box:last-child{border-bottom:0;padding-bottom:0}.news_box dt{float:left;margin-right:15px}.news_box dt a{display:block;width:100%;height:165px;overflow:hidden}.news_box dd{float:left;width:61.60%;overflow:hidden}.news_box_view dd{float:left;width:63%;overflow:hidden}.news_box dd h3 a{display:block;font-size:16px;color:#d7bc8d;font-weight:500;width:100%;margin-top:-20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news_box dd p{color:#fff;font-size:14px;padding:4px 0;height:4.6em;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}.news_box_view{padding-bottom:13px;border-bottom:1px dashed rgba(255,255,255,0.1);margin-bottom:15px}.news_box_view:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.news_box_view dt{float:left;margin-right:15px}.news_box_view dt a{display:block;width:100%;height:165px;overflow:hidden}.news_box_view dd{float:left;width:61.60%;overflow:hidden}.news_box_view_view dd{float:left;width:63%;overflow:hidden}.news_box_view dd h3 a{display:block;font-size:16px;color:#d7bc8d;font-weight:500;width:100%;margin-top:-20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news_box_view dd p{color:#fff;font-size:14px;padding:4px 0;height:4.6em;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}.news .tabs ul li a:hover{color:#fff}.body_menu_left{width:100%;float:left;padding-top:5px;padding-bottom:5px;margin-top:15px;border:1px solid #161616;background-color:#090909;border-radius:4px}.fb_body_left{width:100%;float:left;min-height:100px;border-radius:4px;border:1px solid #161616;background-color:#090909;margin-top:15px;padding:15px}.wartime_body_left{width:100%;float:left;border-radius:4px;border:1px solid #161616;background-color:#090909;margin-top:15px;padding:15px;padding-top:10px}.wartime_body_left span{color:#fff;font-weight:500}.contact_body_left{width:100%;float:left;border-radius:4px;border:1px solid #161616;background-color:#090909;margin-top:15px;padding:15px;padding-top:10px}.contact_body_left span{color:#d7bc8d;font-weight:500}.line-bottom{width:100%;height:1px;padding-top:8.5px;padding-bottom:5px;border-bottom:1px dashed rgba(255,255,255,0.1)}.title{font-size:16px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#efd100 0,#e2a233 38%,#f0c328 60%,#fff1a3 86%,#ffe13e 100%);background-size:1em 1em;color:#f8b700;line-height:25px;min-height:35px;width:100%;font-weight:800;position:relative;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-overflow:'...?'}.title i{font-size:16px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#efd100 0,#e2a233 38%,#f0c328 60%,#fff1a3 86%,#ffe13e 100%);background-size:1em 1em;color:#f8b700}.title span{font-size:10px;font-weight:normal;color:#dbc078}.title-news{font-size:16px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#efd100 0,#e2a233 38%,#f0c328 60%,#fff1a3 86%,#ffe13e 100%);background-size:1em 1em;color:#f8b700;line-height:25px;min-height:35px;width:100%;font-weight:800;top:8px;text-align:right;margin-top:-10px;position:relative;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-overflow:'...?'}.title-news i{font-size:16px;margin-left:15px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#efd100 0,#e2a233 38%,#f0c328 60%,#fff1a3 86%,#ffe13e 100%);background-size:1em 1em;color:#f8b700}.title-view{line-height:25px;min-height:35px;width:100%;font-weight:600;position:relative;text-transform:uppercase;border-bottom:1px dashed rgba(255,255,255,0.1);margin-bottom:15px}.title-view p{font-size:16px;color:#d7bc8d;width:70%;font-weight:500;position:relative;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-overflow:'...?'}.title-view i{font-size:16px;color:#fff}.moreicon{float:right;color:#fff;display:block;font-size:16px}.moreright{position:absolute;right:0;top:0;float:left;color:#fff;display:block;font-size:10px;font-weight:500}.moreright i{font-size:18px;color:#354e8c}.moreright i:hover{color:#fff}.img-view{width:100%;background-color:#0c0b09;padding:10px;border:1px solid #1a1a1a;margin-top:15px;margin-bottom:15px}.text-center{text-align:center}.text-right{text-align:right}.header_text{position:relative;z-index:1}.header_text h3{color:#452e1d;margin-top:0}.header_text span{position:relative;color:#452e1d;top:-16px;left:1px;font-size:8px}.fb-page{margin-top:10px;height:215px}.white{color:#fff}.colorsoft{color:#d1c078}.purple{color:#8041a2}.red{color:#f00}.gray{color:#999}.brown{color:#dbc078}.blue{color:#2474d5}.green{color:#90b63f}.orange{color:#f2672e}.f28{font-size:28px}.box_php_right{width:73.66%;float:left;padding:15px;padding-top:10px;margin-left:15px;border:1px solid #161616;background-color:#090909;border-radius:4px;min-height:437px}.box_activities{border:1px solid #161616;background-color:#090909;padding:15px;margin-top:-1px;padding-bottom:0;border-radius:4px}#menu-1,#menu-2,#menu-3,#menu-4,#menu-5{position:relative;top:0;font-size:14px;width:130px;text-align:center;left:-9.7em;margin-right:10px;color:rgba(255,255,255,0.3);background:#090909;border:1px solid #161616;border-radius:4px;text-decoration:none}#menu-1.active{color:#d7bc8d}ul{list-style:none}li{list-style:none}.quickLinksleft{width:100%;position:relative}.quickLinksleft ul,.quickLinksleft li{padding:0;padding-left:15px;padding-right:15px;margin:0;border-bottom:1px dashed rgba(255,255,255,0.1);list-style:none}.quickLinksleft ul,.quickLinksleft li:last-child{border-bottom:0}.quickLinksleft li a{color:#d7bc8d;text-transform:uppercase;font-size:16px;font-weight:500;line-height:1;display:block;padding:17px 0;padding-left:65px;position:relative;margin-bottom:3px;z-index:3}.quickLinksleft a:hover{color:#fff}.bg-marquee{width:100%;height:40px;margin-top:15px;margin-bottom:11px;background:url(../img/bg-marquee.png)}.bg-marquee p{font-size:13px;width:816px;font-weight:500;color:#fff;padding:12px 0 0 75px}.quickLinksleft li a span{display:block;margin-top:3px;font-size:14px;font-weight:300;text-transform:initial;color:rgba(255,255,255,0.3)}.quickLinksleft li a::before{width:54px;height:61px;background:url(../img/quickLinksleftImg.png) center top no-repeat;content:'';position:absolute;top:7px;z-index:3;left:0}.quickLinksleft li:nth-child(2) a::before{background-position:0 -75.5px}.quickLinksleft li:nth-child(3) a::before{background-position:0 -144px}.quickLinksleft li:nth-child(4) a::before{background-position:0 -200px}.quickLinksleft li a::before{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.quickLinksleft li a:hover::before{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.type-tab{opacity:.2;float:left;color:rgba(255,255,255,1);font-size:12px}.date-tab{opacity:.2;float:right;color:rgba(255,255,255,1);font-size:12px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.srch-form{position:relative;width:44px}.srch-wrapper{position:absolute;top:-70px;left:43.45em;width:44px;height:40px;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}.srch-wrapper.open{width:200px}.srch-input{position:relative;border:2px solid #161616;background-color:#090909;height:44px;line-height:26px;padding:5px 10px 5px 32px;box-sizing:border-box;border-radius:100px;font-weight:600;margin:0;width:100%}.srch-input:focus{outline:0;border-color:#bd320a}.srch-button{position:absolute;top:0;left:0;border:0;padding:0;margin:0;background-color:transparent;color:#ddd;width:44px;height:44px;text-align:center}.srch-button:focus{outline:0}.srch-input:focus+.srch-button,.srch-button:hover{color:#aaa}
	
@media (max-width:1170px){body,html{width:1170px;overflow-x:hidden}}
@media (min-width: 768px) and (max-width: 991px) {
  }
}

/*css web design and coded by www.jane-studio.com*/