@charset "utf-8";
/* CSS Document */

body{width:100%; font-family:"Microsoft New Tai Lue"; margin:0 auto; padding:0px; overflow-x:hidden; background:#fbfbfb url(../img/bg1.jpg) repeat-x;}
img{border:none;}
.main{width:100%; margin:0 auto; padding:0px; float:left;}

.header{
    
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
    width: 80%;
	background:#fff url(../img/shp.jpg) no-repeat;
	}
	
	
	.header_logo{float: left;
    padding-left: 60px;
    width: 63%;}
	
	
	.header_con{color: #777777;
    float: left;
    width: 30%;}
		.header_con_soci{/*width:265px; */float:left;}
		
	
	.header_con_login{width:auto; float:left; border-right:1px solid #777777; padding:0px 5px; margin-top:5px;}
	
	
		.login_text{color:#777777; text-decoration:none;  font-weight:bold;}
		.login_text:hover{color:#777777; text-decoration:underline; font-weight:bold;}
	.header_con_contact{width:auto; float:left;  padding:3px 5px;}
		.img_con_contact{float:left;}
		.text_con_contact{float:left; font-size:20px; color:#777777;}
	
	
.navbar {
    background: none repeat scroll 0 0 #1c56a6;
    height: 40px;
    margin: 0px auto 0;
    padding: 0;
    width: 80%;
}
	


.slidebar{height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 80%;}
.content{width:80%; height:auto; margin:0 auto; padding:0px;}


/* LOGIN PAGE START */

.fsmhk_login{width:500px; float:left;}
.fsmhk_img{width:500px; float:left; text-align:center; margin-bottom:20px;}
.fsmhk_login_panel{width:500px; float:left;}

.login_header {background:#fff7d0;width:100%; height:100%; margin:0 auto; padding:0px; float:left;}
.login_header_inner {width:100%; margin:0 auto; padding:0px; float:left; height: 490px; background:#fff7d0;}
.login_header_inner_mainpanel {width:360px; margin:0 auto; padding:0px; height:auto;}

.login_header_inner_mainpanel_mn {width:360px; margin-bottom:8px; float:left;}
	.login_header_inner_mainpanel_mn_text1 {width:105px; text-align:right; padding-right:10px; padding-top:8px; float:left; font-size:15px; font-weight:bold; color:#000;}
	.login_header_inner_mainpanel_mn_box {width:245px;  float:left;}
	.login_header_inner_mainpanel_mn_box_input {width:190px; background:#fffce8; border:2px solid #edd687; padding:8px 5px; border-radius:5px;}


.login_header_inner_mainpanel_pw {width:360px;  margin-bottom:8px; float:left;}

.login_header_inner_mainpanel_fp {width:318px; text-align:right; color:#17479e; font-size:12px; float:left; font-weight:bold;}
	.login_header_inner_mainpanel_fp_text {color:#000; font-size:12px; text-decoration:none;}
	.login_header_inner_mainpanel_fp_text:hover {color:#000; font-size:12px; text-decoration:underline;}

.login_header_inner_mainpanel_lo {width:360px;  float:left;}
	.login_header_inner_mainpanel_lo_btn {background:#c60315; color:#000; padding:5px; border-radius:5px; width:166px; text-align:center; margin: 0 auto;}
	.login_header_inner_mainpanel_lo_text {color:#fff; font-weight:bold; font-size:16px;  text-decoration:none;}
	.login_header_inner_mainpanel_lo_text:hover {color:#fff; font-weight:bold; font-size:16px; text-decoration:underline;}








/* LOGIN PAGE END */



/* Navigation Start */

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav_wrapper{width:950px; margin:0 auto; padding:0px;}


.nav a { text-decoration: none; }

.nav li { list-style: none; }

div.Dmenu a {
	text-decoration:none
}
div.Dmenu div.mainCat div.allContent div.menuItems {
	float:left;
	width:950px;
	margin:1px 0 1px 1px;
	color:#000
}
div.Dmenu {
	/*background: none repeat scroll 0 0 #2AA4CF;
	border-bottom: 1px solid #DCE5EE;
	border-top: 1px solid #DCE5EE;
	font-size: 13px;
	margin-bottom: 15px;
	padding-left: 1px;*/
	position: relative;
	width: 100%;
	z-index: 1;
	/*height:40px;*/
}
div.Dmenu div.mainCat {
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	border-top:2px solid transparent;
	float:left;
	transition: all 0.1s ease 0s;
	height:38px;
}
div.Dmenu div.mainCat > a:before {
	/*border-left: 4px solid transparent;
	border-right: 4px solid transparent;*/
	border-top: 4px solid #A8BACD;
	content: "";
	height: 0;
	position: absolute;
	right: 6px;
	top: 26px;
	width: 0;
}
div.Dmenu div.mainCat > a:hover:before {
	border-top-color: #40668C;
}
div.Dmenu div.mainCat a.flink {
	color: #7bd5f6;
	display: block;
	font-size:15px;
	height: 37px;
	line-height: 35px;
	padding-left: 42px;
	padding-right: 42px;
	position: relative;
	font-weight:bold;
}
div.Dmenu div.mainCat div.allContent {
	background-color:#d8ebf4;
	
	display:none;
	max-height:auto;
	position:absolute;
	top:40px;
	/*left:0px;*/
	width:auto;
	z-index:-1;
	border-radius: 0 0 3px 3px;
	opacity:0.90;
	border-bottom:5px solid #1c56a6;
	
	
}
div.Dmenu div.mainCat:hover {
	
}
div.Dmenu div.mainCat:hover a{
	color: #fff;
}
div.Dmenu div.mainCat:hover div.allContent {
	display:block;
}
div.Dmenu div.mainCat div.allContent a.slink {
	
	color: #10448c;
	display:block;
	font-weight:700;
	margin:0 0 0 1px;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	
}
div.Dmenu div.mainCat div.allContent a.slink:hover {
	background-color: #65c6f0;
	color: #10448c;
	padding-right: 10px;
	margin-right: 1px;
}
div.Dmenu div.mainCat div.snav:hover div.menuItems {
	
	height:100%;
	padding-left:10px
}
div.Dmenu div.mainCat div.snavM {
	background:#d8ebf4;
	float:left;
	margin-bottom:1px;
	margin-top:1px;
	width:200px;
	height:auto;
	padding-bottom:10px;
	
}
div.Dmenu div.mainCat div.menuItems .inside {
	
	padding: 10px 0;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
div.Dmenu div.mainCat div.menuItems .inside img {
	padding-right:10px;
	width:200px;
}
div.Dmenu div.mainCat div.menuItems .inside p {
	color: #fff;
	font-size: 14px;
	transition: all 0.2s ease 0s;
	width:200px;
}
div.Dmenu div.mainCat div.menuItems .noCont {
	padding:5px;
	font-weight:700;
	color:#fff;
}
div.Dmenu a.flink:hover {
	
	border:medium none;
	color:#000;
	
}
.clearfix {
	clear:both;
	visibility:hidden;
	height:0;
	display:block
}
#container { margin:0 auto; width:100%;}



.inner_cont{color:#ca0415; font-size:14px; font-weight:bold;}

.line {width:1px; background:#fff; margin-top:10px; height:20px; float:left;}
	
	
/* Navigation End */





/* Popup Start */

#backgroundPopup { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000;	
	top:0px;  
	left:0px;
}
#toPopup {
	
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
	font-size: 14px;
    left: 45%;
    margin-left: -193px;
    position: fixed;
    top: 20%;
    
    z-index: 2;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    bottom: 24px;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 27px;
    position: relative;
    width: 30px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
	width:500px;
	height:300px;
}


/* Popup End */







/* Slider Start */
div.slideshow{width:100%;height:306px;margin:0 auto;position:relative;margin: 0 auto 0px; /*background:url(img/12.jpg)*/}
			
			
div.slideshow h1{line-height: 0;
    margin-bottom: 15px;
    margin-left: 100px;
    margin-top: 102px;}
	
	
div.slideshow h1 span{font-size:50px}div.slideshow .subtitle{padding-top:15px;font-size:24px;color:#696969;position:absolute;top:255px;z-index:50}div.slideshow 
.olive-arrow-link{position:absolute;top:365px;z-index:60}.slide{display:none;width:100%;position:absolute}.slide.current{display:block}

/* Slider End */





/* latest News Start */


.container{
position: relative;
/*width: 200px;*/ /*marquee width */
height:285px; /*marquee height */
overflow: hidden;
/*background-color: white;
border: 2px solid orange;*/
margin-top:10px;



}



/* latest News End */



/* Body Content Start  */
.middle_wrapper{width:100%; float:left;  background:#e9e9e9; margin-top:-6px;}
.middle_wrapper_lp{width:25%; float:left; background:#1c56a6; padding:10px;}
.middle_wrapper_lp_ln{width:100%; float:left; color:#fff; font-size:30px; text-align:center;}
.middle_wrapper_lp_ln_text{width:100%; float:left; color:#000;  height:300px;}

.middle_wrapper_ln_text_slide{width:100%; float:left; margin-bottom:30px; color:#fff; font-size:13px;}
.middle_wrapper_ln_text_panel{width:18%; height:68px; float:left; margin-right:10px; background:#fff;}
.middle_wrapper_ln_text_panel2{width:77%; height:auto; float:left; text-decoration:underline; text-align:justify;}

.middle_wrapper_ln_text_panel_date{float:left;color:#c70b1a; font-size:25px; font-weight:bold; text-align:center; width:100%; padding-top:4px;}
.middle_wrapper_ln_text_panel_month{float:left;color:#fff; font-size:1em; font-weight:bold; background:#000; width:100%; height:30px; text-align:center; padding-top:5px;}



.middle_wrapper_rp{background: none repeat scroll 0 0 #e9e9e9;
    float: left;
    height: 326px;
    padding: 24px 14px 10px 22px;
    width: 69%;}

.middle_wrapper_main_panel{width:33%; float:left;  margin-right: 2%;}
.middle_wrapper_main_panel_tot{float:left; width:100%;}
.middle_wrapper_main_panel_arrow{float:left; width:7%; margin-right:10px;}
.middle_wrapper_main_panel_cont{float:left; width:84%; font-size:13px; color:#1c56a6; font-weight:bold;}
.middle_wrapper_main_panel_sm{float:left; width:100%; margin-top:10px;}
.middle_wrapper_main_panel_sm_text{float:left; width:100%; font-size:12px; text-align:justify; line-height:23px; color:#373737;}
.middle_wrapper_main_panel_sm_more{float:left; width:250px; font-weight:bold; color:#000; font-size:14px;}

.middle_wrapper_main_panel_last{width:29%; float:left;}


/* Body Content End */




/* footer start */
.footer_wrapper{width:95%; background:#000000; padding:20px;  float:left;}
.footer_wrapper_text {
    background: #808183;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 80%;
	border-top:2px solid red
}
.text{color:#fff; text-decoration:none;}
.text:hover{color:#fff; text-decoration:underline;}
.text_more{color:#000; text-decoration:none;}
.text_more:hover{color:#000; text-decoration:underline;}
.login_text{color:#777777; text-decoration:none;}
.login_text:hover{color:#777777; text-decoration:underline;}

/* footer end */



/* About Us */
.footer_inner{width:100%; float:left;}
.Main_about{width:98%; float:left; height:auto; background:#e9e9e9; padding:24px 10px 10px 10px; text-align:justify;}
.abt_inner{background: none repeat scroll 0 0 #fff; border-bottom: 3px solid #c60314; border-radius: 4px; float: left; font-size: 25px; font-weight: bold; padding: 5px; width: 99%;}
.abt_inner_cont{padding:5px 5px; float:left; margin-top:8px;}
.mng_inner_cont{margin: 0 auto; padding: 0;  width: 100%;}
.con_text_main{width:100%; float:left; margin-bottom:10px;}
.con_text_1{width:36%; float:left; text-align:right; padding-right:10px; font-weight:bold;}
.con_text_2{width:62%; float:left; text-align:left;}

#content, #content-admin {
   
    min-height: 287px;
    padding: 5px 245px 5px 40px;
}

#menu-left-border, #image-banner, #content-left-border, #wrapper-footer {
    text-align: left;
}

h2 {
    font-size: 110%;
}

.text_cont{margin-left:17px;}


.center-text{width:100%; float:left;}

.mng_text_main{width:70%; margin:0 auto; padding:0px;}
.mng_text_inner{float:left; background:#fff; margin-bottom:20px; padding:5px; width:100%; border-radius:10px; border:1px solid #d1d1d1; border-bottom:4px solid #d1d1d1;}
.mng_textin{list-style-type:none; margin-left:168px;}
.mng_textcont{color:#c60314; font-weight:bold;}

.car_textin{list-style-type:none; margin-left:98px;}

.car_textcont {
    color: #c60314;
    font-weight: bold;
}

.car_textcont_1 {
    color: #c60314;
    font-weight: bold;
	text-decoration:none;
}

.car_textcont_1:hover {
    color: #c60314;
    font-weight: bold;
	text-decoration:underline;
}