@charset "utf-8";
/*
3366CC	4064AA	1A469C	3B6DD1	4171D1
*/
html { behavior:url('../css3.htc');}

@font-face{ 
	font-family: 'UB';
	src: url('../mn_fonts/cmsulaanbaatardp-webfont.eot');
	src: url('../mn_fonts/cmsulaanbaatardp-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../mn_fonts/cmsulaanbaatardp-webfont.woff') format('woff'),
	     url('../mn_fonts/cmsulaanbaatardp-webfont.ttf') format('truetype'),
	     url('../mn_fonts/cmsulaanbaatardp-webfont.svg#webfont') format('svg');
}

/*@font-face {
	font-family: 'UB';
	src: url('../mn_fonts/CMsUlaanbaatardp.eot');
	src: local('☺'), url('../mn_fonts/CMsUlaanbaatardp.eot?#iefix') format('embedded-opentype'),
					 url('../mn_fonts/CMsUlaanbaatardp.woff') format('woff'), 
					 url('../mn_fonts/CMsUlaanbaatardp.ttf') format('truetype'), 
					 url('../mn_fonts/CMsUlaanbaatardp.svg') format('svg');
}*/
@font-face {
	font-family: 'KHUREE';
	src: url('../mn_fonts/CMsHureedp.eot');
	src: local('☺'), url('../mn_fonts/CMsHureedp.eot?#iefix') format('embedded-opentype'),
					 url('../mn_fonts/CMsHureedp.woff') format('woff'), 
					 url('../mn_fonts/CMsHureedp.ttf') format('truetype'), 
					 url('../mn_fonts/CMsHureedp.svg') format('svg');
}



body {
	margin: auto;
	padding: 0;
/*	background:url(../page_images/bg_khas004.jpg);*/
	background: #fff;
	font-family: UB;
	font-size: 16px;
	font-weight:90;
}
#main_frame {
	margin: auto;
	width: 1300px;
}

#header {
	display: block;
	float: left;
	width: 250px;
}
#headimage img {
	margin: 10px;
	width: 230px;
}

#menublock {
	width:220px;
	height:230px;
	margin-top: 5px;
	margin-left: 10px;
	background: none;
	overflow:hidden;	
/*	overflow:hidden;	
	border-radius : 5px;
	box-shadow: 5px 5px 5px #999;*/
}

#menu {
	margin: 5px;
	padding: 5px;
}
#menu ul{
	width:220px;
	height:190px;
}
#menu li{
	display:inline; 
	display:block;
	float:left;		
	padding:0px; 
	margin:1px; 
	list-style:none; 
	width:220px;
	height:25px;	
}
#menu li a{
	display:block;
	float:left;	
	color:#0c4da2;
	padding-left: 5px;
	text-decoration:none;
	font:24px UB;
	width:220px;
	height:25px;
	line-height:25px;
	border: none;
	border-left-width: 3px;
	border-left-style: solid;
/*	border-left-color: #CCC;*/
/*	background-image: url(../page_images/title_kh01.png);*/
}
#menu li a:hover{
/*	background:#224271; */
	border-left:3px solid #0c4da2;
	color: #C00;
	font-size: 24px;
/*	font-weight: bold; */
}
#menu li a.active, #menu li a.active:hover{
	border-left:5px solid #0c4da2;
/*	background-color: #224271;*/
}

#container {
	display: block;
	float: left;
	min-width: 90% auto;
	margin-top: 15px;
	margin-bottom: 15px;
}


#head_links {
	display: block;
	float: left;
	width: 240px;
	min-height: 260px;
	max-height: 480px;
	background: #BBAABB;
	overflow: hidden;
}


#lastnews {
	display: block;
	float: left;
	width: 640px;
	max-height: 400px;
	height: 300px;
	box-shadow: 4px 4px 4px #999;
/*	border: 1px solid #F00; */
/*	margin-top: 10px;*/
/*	background: #FFF;*/
	overflow: hidden;
}


#lastnews .header {
	display: block;
	float: left;
	height: 300px;
	width: 40px;
	overflow: hidden;
}
#lastnews .header_t {
	display: block;
	float: left;
	height: 40px;
	width: 300px;
	overflow: hidden;
	font-family: UB;
	font-size: 30px;	
	padding: 8px;
	color: #fff;
/*	background:url(../page_images/title_kh01.png);*/
	background: #0c4da2;

}
#lastnews .news_list {
	display: block;
	float: left;
	height: 300px;
	width: 600px;
/* 	border: 1px solid #CCC;	 */
}
#lastnews .news_list_t {
	height: 600px;
	width: 300px;	
	overflow: hidden;
	font-family: UB;
	font-size: 24px;	
}

#lastnews ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#lastnews li {
	list-style: none;
	margin: 10px;
	border-bottom : 1px dotted #F00;
}

#lastnews a {
	font-size:22px;
	font-style:normal;
/*	color: #339; */
	color: #000;
	text-decoration: none;
}
#lastnews a:hover {
	font-size:22px;
	font-style:normal;
	color: #faaf40;
	text-decoration: none;
}


#featured{ 
/*	padding-right:250px; */
/*	position:relative; */
/*	border:5px solid #ccc; */
	background: #039;
/* 	background:url(../page_images/color_sky_wallpaperWeb.jpg);*/
	display:block;
	float:left;
	width: 1000px;
/*    filter: alpha(opacity=70); /* internet explorer */
/*    -khtml-opacity: 0.7;      /* khtml, old safari */
/*    -moz-opacity: 0.7;       /* mozilla, netscape */
/*    opacity: 0.7;           /* fx, safari, opera */		
}
#featured .imgs { 
	min-width: 600px;
}
#featured ul.ui-tabs-nav{ 
/*	position:absolute; */
	display: block;
	float:right;
	width: 270px;
	list-style:none; 
	padding:0; 
	margin:0; 
}
#featured ul.ui-tabs-nav li{ 
	display: block;
	float:left;
	height: 135px;
	width: 270px;
/*	padding:1px 0; */
/*	padding-left:13px;  */
	font-size:16px; 
	color:#666;
	overflow-y: hidden;
	overflow-x: scroll auto;
	background: #fff;
}
#featured ul.ui-tabs-nav li img{ 
	display: block;
	float:left; 
	margin:2px; 
	margin-top: 10px;
	background:#fff; 
	padding:2px; 
	border:1px solid #ccc;
	max-width: 160px;
	max-height: 95px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:16px; 
	font-family:UB; 
	display: block;
	float: left;
	width: 130px;
	height: 85px;	
}
#featured ul.ui-tabs-nav li .content{ 
	font-size:18px; 
	font-family:UB; 
	display: block;
	float: left;
	width: 85px;
	height: 130px;	
	padding: 2px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block;
	float:right;
	width : 260px;
	height:130px; 
	color:#333;  
	background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	max-width:800px; 
	max-height:400px; 
	display: block;
	float: left;
	overflow:hidden;
	cursor: pointer;
}

#featured .ui-tabs-panel img{ 
	max-width:645px; 
	max-height:460px;
	display: block;
	float: left;
	margin: 5px;
/*	background:#999; 
	position:relative;
	display: block;
	float: left;
	overflow:hidden;
	cursor: pointer;*/
}

#featured .ui-tabs-panel .info{ 
/*	position:absolute; */
	display: block;
	float: left;
	height:450px; 
	width: 60px;
/*	background: url('images/transparent-bg.png'); */
/*	background: #006;*/
	padding: 5px;
/*	margin-top: -100px;*/
/*    filter: alpha(opacity=70); /* internet explorer */
/*    -khtml-opacity: 0.7;      /* khtml, old safari */
/*    -moz-opacity: 0.7;       /* mozilla, netscape */
/*    opacity: 0.7;           /* fx, safari, opera */	
}
#featured .info h2{ 
	display: block;
	float: left;
	width: 380px;
	height: 60px;
	font-size:20px; 
	font-family: UB; 
	color:#fff; 
/*	overflow:hidden; */
}

#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


#tool_box1 {
	display: block;
	float: left;
	width: 350px;
	height: 250px;
	margin-left: 10px;
/* background: #66F; */
}

#news_group {
	display: block;
	float: left;
	width: 100%;
	height: 350px;
/*	background: #CFF;*/
	overflow: hidden;
	box-shadow: 4px 4px 4px #999;
}
#news_group .header {
	display: block;
	float: left;
	width: 5%;
	height: 350px;
}
#news_group .header_t {
	display: block;
	float: left;
	width: 350px;
	height: auto;
	font-size: 30px;
	color: #FFF;
/*	background: #039; */
	background: #0c4da2;
	padding: 5px;
	cursor:pointer;
}
#news_group .news_list {
	display: block;
	float: left;
	height: 350px;
	width: 95%;
	background: #FFF;
/* 	border-top: 1px solid #CCC;	 */
}
#news_group .news_list_t, #news_group .news_list a {
	height: 600px;
	width: 340px;	
	overflow: hidden;
	font-family: UB;
	font-size: 22px;
/*	color: #009;	*/
	color: #000;
/*	padding-left: 10px; */
	padding-right: 10px;
}

#news_group .news_list a:hover {
/*	height: 600px;
	width: 340px;	
	overflow: hidden;
	font-family: UB; */
	font-size: 22px; 
	color: #009;	
}

#news_group ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 600px;
}

#news_group li {
	list-style: none;
	margin: 5px;
	margin-top: 14px;
	border-bottom : 1px dotted #F00;
}

#news_group a {
	font-size:14px;
	font-style:normal;
	color: #339;
	text-decoration: none;
}
#news_group a:hover {
	font-size:14px;
	font-style:normal;
	color: #faaf40;
	text-decoration: none;
}

#news_group .first {
	display: block;
	float: left;
/*	background:url(../page_images/color_sky_wallpaperWeb.jpg);*/
	background: #EEE;
	cursor: pointer;
}

#news_group .first_c {
	display: block;
	float: left;
	width: 60px;
	height: 350px;
}

#news_group .first_t {
	display: block;
	float: left;
	width: 340px;
	height: 60px;
	padding: 5px;
	color: #009;
	font-size: 22px;
}

#news_group .first_s {
	display: block;
	float: left;
	margin-left: 40px;
	width: 84px;
	height: 350px;
	overflow: hidden;
}
#news_group .first_st {
	display: block;
	float: left;
	width: 340px;
	height: 100px;
	padding: 5px;
	color: #000;
	font-size: 18px;
}

#news_group img {
	display: block;
	float: left;
	max-height: 330px;
	max-width: 450px;
	border: 5px solid #000;
/*	width: 430px;*/
	margin: 5px;
}

#footer {
	display: block;
	float:left;
	margin-top: 15px;
	width: 100%;
	height: 35px;
	padding: 5px;
	background: #0c4da2;;
	font-family: Arial;
	text-align: center;
	color: #FFF;
}

#news_reader {
	display: block;
	float: left;
	width: 1050px;
/*	background: #ccc;*/
	min-height: 600px;
}

#news_reader .content {
	display: block;
	float: left;
	width: 90px;
	height: 500px;
	font-size: 28px;
	color: #FFF;
	padding: 5px;
	background: url(../page_images/color_sky_wallpaperWeb.jpg);
}
#news_reader .content_t {
	width: 400px;
	height: 80px;
}
#news_reader img{
	display: block;
	float: left;
	height: 510px;
	max-width: 900px;
}
#news_reader .news_text {
	display: block;
	float: left;
	padding: 5px;
	width: 100%;
	height: 450px;
	overflow: hidden;
}
#news_reader .news_text_t {
	display: block;
	font-size: 22px;
	width: 440px;
	height: 1050px;
	line-height: 1.4;
	overflow-y : scroll;
}


select, form {
	display: block;
	float: left;
	font-family: UB;
	font-size: 18px;
}

#newslist {
	display: block;
	float:left;
	width: 200px;
	height: 450px;
	background: #F0F0F0;
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	cursor: pointer;
}
#newslist img {
	padding: 5px;
	max-height: 150px;
	max-width: 90%;
}
#newslist .content {
	width: 290px;
	height: 80px;
	font-size: 28px;
	color: #009;	
	display:block;
	float: left;
	overflow: hidden;
}
#newslist .text {
	width: 290px;
	height: 85px;
	font-size: 18px;
	color: #000;
	display:block;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}
/*
#pagelist {
	display : block;
	float: left;
	width: 990px;
	height:40px;
	background: #03C;
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	padding: 3px;
	margin: 3px;
	overflow-y: none;
	overflow-x: scroll;
}
#pagelist a{
	color: #FFF;
	text-decoration: none;
	margin: 5px;
}
#pagelist a:hover, #pagelist .activepage{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
}
*/

#t11 {
	display: block;
	float: left;
	width: 40px;
	height: 210px;
	font-family: UB;
	font-size: 28px;
	padding: 5px;
	background: #03C;
	color: #FFF;
}
#t11t {
	display: block;
	float: left;
	width: 210px;
	height: 40px;
}

#banner1 {
	display: block;
	float: left;
	margin: 5px;
	width: 300px;
	overflow: hidden;
	padding: 10px;
	border: 3px solid #039;
	cursor: pointer; 
}
#banner1 img {
	display: block;
	float: left;
	width: 100%;
}
#banner1 {
	display:block;
	float: left;
	
}
.n_ognoo {
	display: block;
	float:left;
	width: 20px;
	height: 100px;
	font-family: KHUREE;
	font-size: 14px;
	color : #faaf40;
}
.n_ognoot {
	display: block;
	margin: 5px;
	float:left;
	width: 100px;
	height: 20px;
}
#links_mtsm ul, #links_mtsm li{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 2px;
	text-align: center;
}
#links_mtsm img{
	display: inline-block;
	height: 30px;
	vertical-align: middle;
}
.mtsm_web {
	display: block;
	text-decoration: none;
	max-height: 40px;
	margin-top:10px;
	margin-bottom: 10px;	
}


/************ PAGE NAVIGATION *****************************/
#page_nav1 {
	display:block;
	float:right;
	max-width: 390px;
	height: 20px;
	color: #000;
	font-family: Arial;
}
#page_nav1 a, #page_nav1 a:link, #page_nav1 a:visited, #page_nav1 span {
	display:block;
	float:left;
	width: 25px;
	height: 25px;
	border: 1px solid #ccc;
/*	padding: 3px; */
	padding-top: 3px;
	color: #000;
	background: #FFF;
	text-decoration:none;
	text-align:center;
	vertical-align:central;
	font-family: Arial;
	font-size: 12px;
	margin: 1px;
}
#page_nav1 span {
	background: #DADADA;
}


/**********************************************************/

@keyframes fadeInUp {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

#carosel_main {
	display: block;
	float:left;
	width: 930px;
	max-height: 765px;
/*	background: #039;*/
	background: #fff;
	margin: 5px;
}
#carosel_main img {
	display:block;
	width: 85%;
	padding: 5px;
	max-height: 545px;
	animation: 1.5s fadeInUp;	
}
#carosel_main .TopNews {
	max-height: 555px;
	background: #0c4da2;	
	overflow:hidden;
}
#carosel_main .carosel_con {
	display: block;
	float:left;
/*	background: #00C; */
	background: #0c4da2;
	color: #fff;
	width: 10%;
	height: 555px;
}
#carosel_main .min_block{
	display: block;
	float:left;
	margin-top: 10px;
	margin-left: 5px;
	width: 32%;
/*	background: #039; */
	background: #0c4da2;
	border: 2px solid #FFF;
}
#carosel_main .min_block_con{
	display: block;
	float:left;
	width: 20%;
	height: 100%;
/*	background: #fff;*/
}
#carosel_main .min_block_img{
	display: block;
	float:right;
	width: 70%;
	max-height: 150px;
}
#carosel_main span {
	display:block;
	float: left;
	width: 550px;
	height: 50px;
	font-size: 28px;
	margin: 10px;
}

#carosel_main .span1 {
	display:block;
	float: left;
	width: 130px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	margin: 5px;
}


#info_block {
	display:block;
	float:left;
	width: 90px;
	min-height: 700px;
	margin-left: 15px;
	border-left: 4px solid #faaf40;
	background: #fff;
}


#video_frame {
	display:block;
	float:right;
	width: 600px;
	height: 300px;
	border: 1px solid #000;
}

#video_frame .head1 {
	display:block;
	float:left;
	width: 8%;
	height: 300px;
	background: #0c4da2;
	overflow:hidden;
}

#video_frame .head1_t {
	display:block;
	float:left;
	width: 260px;
	height: 25px;
	background: #0c4da2;
	color: #fff;
	font-size: 28px;
	padding: 10px;
}

#video_frame iframe {
	display:block;
	float:right;
	width: 92%;
	height: 100%;
}

#address {
	display:block;
	float:left;
	height: 500px;
	width: 90px;
}
#address span {
	display:block;
	margin: 10px;
	height: 90px;
	width: 450px;
	font-size: 22px;
}

#page_counter {
	display: block;
	float:left;
	width: 90px;
	height: 225px;
	color: #fff;
	background: #0c4da2;
}
#page_counter span {
	display:block;
	float:left;
	width: 215px;
	margin: 2px;
	margin-top: 10px;
/*	color: #FFF;*/
	font-family: UB;
	font-size: 24px;
	line-height: 1.2;
}
.header_end {
	display:block;
	float:left;
	width: 100%;
	height: 20px;
	background: #fff;
}


/********************************/
#drag_left,
#drag_left ul,
#drag_left ul li,
#drag_left ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
#drag_left ul {
  z-index: 1921;
  float: left;
}
#drag_left ul li {
  float: right;
/*  min-height: 1px;
  line-height: 1em;*/
/*  vertical-align: middle;*/
}
#drag_left ul li.hover,
#drag_left ul li:hover {
  position: relative;
  z-index: 1921;
  cursor: default;
}
#drag_left ul ul {
  margin-top: 10px;
  visibility: hidden;
  position: absolute;
  top: 15px; 
/*  left: 45px;*/
  z-index: 1920;
/*  width: 100%;*/
}
#drag_left ul ul li {
  float: none;
}

#drag_left ul li:hover > ul {
  visibility: visible;
}
#drag_left ul li {
  float: none;
}
#drag_left ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#drag_left {
  display: block;
  float:left;
  font-family: UB;
  font-size: 28px;
  width: 35px;
  height: 425px;
  vertical-align: top;
/*  background: #f5f5f5;  */
/*  margin-left: 5px;*/
  margin-top: 15px; 
  padding: 8px;
  background: #0c4da2;
  color: #FFF;
  cursor: pointer;
}
#drag_left ul a,
#drag_left ul a:link,
#drag_left ul a:visited {
	display: block;
	color: #003399;
	text-decoration: none;
/*	font-weight: 300;*/
}
#drag_left ul {
  float: none;
/*  display: block;*/
  width: 400px;
  height: 50px;
}

#drag_left ul li:first-child {
/*  border-bottom: 3px solid #faaf40;*/
  text-align: left;
}
#drag_left ul li a {
  padding: 5px;
}
#drag_left ul li a:hover {
  background: #f5f5f5;
  color : #faaf40;
}

/* DED */
#drag_left ul ul {
  border : none;
  width: 260px;
  background: #F3F3F3;
  font-weight: 150;
  font-size: 24px;
}
#drag_left ul ul li:first-child {
  border : none;
  text-align: left;  
}
#drag_left ul ul li a {
  color : #039;
}

#drag_left ul ul li {
  background: #FAFAFA;
  text-align: left;
  border-top: 1px solid #ddd;
}
#drag_left ul ul li a:hover {
  background: #fEfEfE;
  border-left: 3px solid #039;  
  color : #faaf40;
}