/*Import Fonts */
	@font-face
	{
	  font-family: Lato;
	  src: url('../fonts/Lato-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	       url('../fonts/Lato-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	}
	@font-face
	{
	  font-family: LatoLight;
	  src: url('../fonts/Lato-Light.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	       url('../fonts/Lato-Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	}
	@font-face
	{
	  font-family: LatoBold;
	  src: url('../fonts/Lato-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	       url('../fonts/Lato-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	}
/* End of Import Fonts */
@font-face
	{
	  font-family: CSPraJad;
	  src: url('../fonts/CSPraJad/CSPraJad.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	       url('../fonts/CSPraJad/CSPraJad.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	}

@font-face {
	font-family: CSPraJadbold;
	src: url('../fonts/CSPraJadbold/CSPraJadbold.eot');
	src: url('../fonts/CSPraJadbold/CSPraJadbold.eot') format('embedded-opentype'),
	     url('../fonts/CSPraJadbold/CSPraJadbold.woff2') format('woff2'),
	     url('../fonts/CSPraJadbold/CSPraJadbold.woff') format('woff'),
	     url('../fonts/CSPraJadbold/CSPraJadbold.ttf') format('truetype'),
	     url('../fonts/CSPraJadbold/CSPraJadbold.svg#CSPraJadbold') format('svg');
}

*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body{ font-family: Lato; font-size: 14px; }
.bold{ font-family: LatoBold; }
.hide{
	display: none;
}
.btn{
	font-family: Lato;
	display: inline-block;  
	color: #24292b;
	padding: 10px 20px;
	text-decoration: none;
	border: 1px solid #24292b;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-transition: background 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background 0.2s, color 0.2s;
}
.btn:hover{ background: #24292b; color: #e0e6e8; }

/* Top Bar */
	#top_bar{
		background: #333;
		position: relative;
		height: 600px;
	}
	#top_bar .container{ position: absolute; left: 50%; margin-left: -585px; z-index: 100; }
	header{ padding: 30px 0; z-index: 10000; }
	#logo{ float: left; background: url('../images/logo-grey.png') center no-repeat; width: 180px; height: 180px; margin: -20px 0; z-index: 100; background-size:contain;}

	#nav{ float: right; font-family: LatoLight; font-size: 16px; padding: 0; }
	.nav li:not(:first-child){ margin-left: 20px; }
	.nav li a{ color: #FFF; text-decoration: none; }
	.nav li:hover a{ background: none; cursor: pointer; }
	.nav li:hover{ border-bottom: 2px solid #FFF; }
	.navbar-toggle{ 
		border: 1px solid #FFF; 
		color: #FFF; 
		font-size: 20px; 
		padding: 3px 9px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	.navbar-toggle:hover{ background-color: #FFF; color: #AAA; }
/* End of Top Bar*/

/* Banner */
	.bxslider{ margin: 0; padding: 0; }
	.bxslider li {
		margin: 0;
		padding: 0;
		height: 600px;
	}
	#banner1 {
		background: url('../images/banner1.jpg') center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner1.png', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner1.png', sizingMethod='scale')";
	}
	#banner2 {
		background: url('../images/banner2.jpg') center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner2.png', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner2.png', sizingMethod='scale')";
	}
	#banner3 {
		background: url('../images/banner3.jpg') center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner2.png', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner2.png', sizingMethod='scale')";
	}
/* End of Banner */

.block_topic{ text-align: center; font-family: CSPraJadBold; font-size: 20px; color: #333; }
.block_topic_desc{ margin-top: 10px; text-align: center; font-family: CSPraJad; font-size: 16px; color: #666; }

/* News & Events */
	#news_events{ background: #e0e6e8; padding: 80px 0 50px; }
	#news_events .block_row{ margin-top: 40px; }
	#news_events .box{
		margin-bottom: 30px;
		border-bottom: 2px solid #ccd3d6;
	}
	#news_events .box .img img{ width: 100%; }
	#news_events .box .topic{ margin: 10px 0; padding: 4px 20px; border-left: 4px solid #3face3; font-family: CSPraJad; font-size: 18px; }
	#news_events .box .detail{ padding: 0 20px 20px 24px; font-size: 14px; font-family: CSPraJad; }
	#news_events .more_news{ text-align: center; margin-bottom: 14px; }
/* End of News & Events */
/* What is kthlabel */
#head_info{	background: #FFF; padding: 80px 0 50px;}

.text_detail{
	font-size: 20px;
	font-family: CSPraJad;
	color: #666;
}


/* Main Info */
	#main_info{ background: #FFF; padding: 80px 0 50px; }
	#main_info .content{ overflow: hidden; margin-top: 60px; }
	#main_info .content .row1, #main_info .content .row2{ margin-bottom: 30px; }
	#main_info .content .img{ position: relative; text-align: center; min-height: 300px; }
	#main_info .content .img img{ position: absolute; top: 50%; left: 50%; width: 300px; height: 300px; margin-left: -150px; margin-top: -150px; }
	#main_info .content .img .mask{ position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; background: url('../images/mask.png') center no-repeat; width: 300px; height: 300px; }
	#main_info .content .info{ padding-top: 48px; padding-left: 40px; }
	#main_info .content .info .topic{ font-family: CSPraJadBold; font-size: 18px; }
	#main_info .content .info .detail{ margin-top: 14px; font-family: CSPraJad; font-size: 16px; }
	#main_info .content .info .read_more{ margin-top: 28px; }
	#main_info .content .row2 .info{ text-align: right; padding-left: 0; padding-right: 40px; }
/* End of Main Info */

/* Footer */
	footer{ background: #282c2d; color: #DDD; padding: 60px 0 0; font-family: LatoLight; font-size: 14px; }
	footer .footer_row{ margin-bottom: 60px; }
	footer .topic{ font-size: 20px; margin-bottom: 14px; color: #FFF; }
	footer .list{ margin: 0; padding: 0; }
	footer .list li{ margin: 0; padding: 0; list-style: none; }
	footer .list a{ display: inline-block; border-left: 2px solid #DDD; padding: 2px 0; padding-left: 10px; color: #DDD; text-decoration: none; }
	footer .list a:hover{ color: #3face3; text-decoration: none; border-left: 2px solid #3face3; }

	#subscription .topic{ text-align: center; }
	#subscription_form .txtfield{ margin-top: 6px; border: 0; background: #555b5c; padding: 10px 14px; outline: none; text-align: center; }
	#subscription_form .txtfield:hover{ background: #666e6f; }
	#subscription_form button{ margin-top: 4px; background: #17191a; color: #DDD; border: 0; padding: 10px 14px; -webkit-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
	#subscription_form button:hover{ background: #3face3; color: #FFF; }

	#icons{ margin-top: 10px; }
	#icons a img{ border: 0; }
/* End of Footer */

/* Responsive Part */
	@media (max-width: 1200px) {
	    .navbar-header {
	        float: none;
	    }
	    .navbar-left,.navbar-right {
	        float: none !important;
	    }
	    .navbar-toggle {
	        display: block;
	        margin-right: 0;
	    }
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav {
	        float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-top: 10px;
	        padding-bottom: 10px;
	    }
	    .collapse.in{
	  		display:block !important;
		}

		#news_events{ padding: 50px 0 20px; }
	}
	@media (max-width: 990px) {
		#news_events{ padding: 50px 0 20px; }
		#main_info{ padding: 50px 0 20px; }
		#main_info .content{ margin-top: 20px; }
		#main_info .content .img{ text-align: center; }
		#main_info .content .info{ padding: 0; text-align: center; }
		#main_info .content .info .read_more{ margin-top: 10px; }
		
		#main_info .content .row2 .info{ padding: 0; text-align: center; }
		
		footer{ text-align: center; }
		footer #sitemap{ display: none; }
	}
/* End of Responsive Part