@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("../fonts/RobotoCondensed-Regular.woff") format('woff');
}

@font-face {
    font-family: "RobotoCondensed-Light";
    src: url("../fonts/RobotoCondensed-Light.woff") format('woff');
}
/*classes used for inner pages*/

/* =============================================================================
   Default Style
* ============================================================================= */







#foot_aside li, #foot_aside li a{
	text-decoration:none;
	list-style:none;
}

#slider-prev:hover, #slider-next:hover {
	
 display:block;
 
}



h1{
border-bottom:none !important;
margin-top: -14px !important;
padding:0px !important;
}

p {
line-height:16px;

}





.mcl_news{
margin-left:0%;
width:98%;
float:left;
display:inline-block;


}

.mcl_news_middle {
margin-right:0%;
width:98%;
float:left;
display:inline-block;

/* border-left: 2px solid black;
border-right: 2px solid black;	*/
}

.mcl_news_last {
margin-left:0%;
width:100%;
float:left;
display:inline-block;
margin-top:0px;

}

.mcl_news_temp{
display:none;
width:0%;
}

.space_save {
 height:300px;
 display:block;
}



.top_line, .top_line1 {
font-size:24px;
font-weight:bold;
font-family:'RobotoCondensed-Regular', serif;
color:#00183c;

}
.top_line2 {
font-size:18px;
font-weight:bold;
color:white;

}


.middle_title1 {
margin-top:0px;

}




.sitemap_title {

margin-top:12px;
background-color:#013B7E;
line-height:16px;
padding-top:0.6em;
padding-left:4em;
border-left: 1px solid white;
box-shadow: 3px 3px 3px #D1D0CE;
border-radius: 4px;
height:20px;

}

.sitemap_body {
width:100%;
background-color:#F6F6F6;
height:auto;


}

.items{
 width: 100%;
height:auto;



margin-top:-14px;
overflow:auto;
background:white;

}

 .home_news {
 margin-right:2%;
height:auto;
font-size:12px;
margin-top:-14px;
overflow:auto;
background:white;

 }
 
 .home_news p{
      overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 15px;     /* fallback */
   max-height: 90px;      /* fallback */
   -webkit-line-clamp: 6; /* number of lines to show */
   -webkit-box-orient: vertical; 
 }

 .home_news a {
     
 color: black;    
 }
 
 .tool_items {
	 width: 100%;

height:auto;

margin-top:-14px;
overflow:auto;
background:white;

 
	 
 }
 
.tool_img {
width:30%;
display:inline-block;
float: left;
margin-top:6px;
	
}
.tool_detail {
width: 69%;
display:inline-block;
float:left;
line-height:16px;
color:black;	
margin-top:6px;
margin-left:1%;
font-size:12px;
}


.item_img {
width:30%;
display:inline-block;
float: left;
margin-top:12px;
}

.item_detail {
width: 70%;
display:inline-block;
float:left;
line-height:16px;
font-size:12px;
color:black;
padding-bottom:16px;


}




.item_detail ul {
margin-top:-3px !important;
}

.item_detail li{
margin-left:-28px;
}

.home_middle a {
 text-decoration:none;
}

.home_middle{
 margin-top:18px;	
	
}

#sitemap{
	
display:none;	
}

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

.sitemap {
background-color:#c8c8c8;
 height: auto;
 border: none;
 border-radius: 1px;
 width:97.35%;
 margin-left:0px;
 border-top:1px solid #00449c;
 border-bottom:2px solid #00449c;
 







	
}





.sitemap_body {
 display:none;

}

#sitemap_link, #sitemap_top_img {

padding:7px;
 width:98%;
 background-color:#c8c8c8;
 border-radius:1px;
display: inline-block;



}

 #sitemap_top_img {
	 
margin-top:24px;	 
 }

#sitemap_link {
	
margin-top:-1px;	

}

.sitemap_link_left{
 float: left;
}
.sitemap_link_right{
float:right;


}




#sitemap_middle_text{
  width:99%;
  display:inline-block;
 margin:0em;

 height:60px;
}


.sitemap_middle_text1 {
width:20%;
float:left;
margin-left:1%;

}

.sitemap_middle_text2 {
width:78%;
float:left;


}
.sitemap_middle_text3 {
width:98%;
float:left;


}


.sitemap_text_type1{
color:#00183c;
font-size:9px;
inline-heigh:10px;
 

}

.sitemap_text_type2{
color:#00183c;
font-size:8px;

inline-heigh:9px;


}

.sitemap_text_type3{
color:#00183c;
font-size:9px;
inline-heigh:10px;


}

.text2_align {
text-align:right;
}
.text3_align {
text-align:center;
}



.foot_title {
font-family:Arial, Helvetica, sans-serif;	
font-size:10px;
color:#00183c;
font-weight:bold;	
}



.foot_aside, .foot_aside1, .foot_aside2 {
float:left;
margin-left:1%;
margin-top:1%;
width:98%;
line-height:12px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:auto;
color:#282828;

  
}


#slider-prev {
		  display:none;
		   }
		   
 #slider-next {
		  display:none;
		   }


   



/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============Header Area Start==================== */

/* =============Right Header (Utility) Start here==================== */

/* =============Top Navigation style start=================== */

/* =============Left Navigation style start=================== */

                          
/* =============Content Area Style Start=================== */

/* =============Footer Area Start Here=================== */

 
/* =============Search Style Start=================== */

/* =============Print Page / Email Page Styles=================== */

/* =============Heading Styles=================== */



/* =============Home page classes Start Here=================== */

/* =============Inner pages style=================== */

/* =============Sitemap Styles==================== */

/* =============Table Styles Start==================== */



/* *************************************************************************************  */
/* tbl_titles_only1 and sortable_only1 are not pair.  They are not relate to each other  */
  



/* *************************************************************************************  */
/* tbl_titles_only1 and sortable_only1 are not pair.  They are not relate to each other  */




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



   

/* =============================================================================
   Break Point styles 
   Base Font = 16px >>> 210px/16px = 13.125em
*  ============================================================================= */
@media only screen and (min-width: 13.125em) {

.mcl_news {

width:90%;
margin-left:5%;
margin-bottom:24px;

}
.mcl_news_middle {

width:90%;
margin-left:5%;
margin-bottom:24px;
}

.mcl_news_last {
width:90%;
margin-left:5%;
margin-bottom:24px;
}





}
/* =============================================================================
   Break Point styles 
   Base Font = 16px >>> 480px/16px = 30em
*  ============================================================================= */
@media only screen and (max-width: 30em) {



}
/******** 334px/16px = 20.875em*/
@media only screen and (min-width: 20.875em){


      
}
/* =============================================================================
   MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START
*  ============================================================================= */
/******** 480px/16px = 30em*/
@media only screen and (min-width: 30em) {

/* =============Header Area Start====================== */



}
/******** 568px/16px = 35.5em*/
@media only screen and (min-width: 35.5em) { 
/* =============Right Header (Utility) Start here====== */



}


/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/* =============Top Navigation style start============= */   

    #slider-prev {
		  display:none;
		   }
		   
		   #slider-next {
		   display:none;
		   }

h1{
border-bottom:none !important;
margin-top: -14px !important;
padding:0px !important;
}

p {
line-height:16px;

}





.mcl_news{
margin-left:0%;
width:44%;
float:left;
display:inline-block;


}

.mcl_news_middle {
margin-right:0%;
width:44%;
float:left;
display:inline-block;

/* border-left: 2px solid black;
border-right: 2px solid black;	*/
}

.mcl_news_last {
margin-left:0%;
width:96%;
float:left;
display:inline-block;
margin-top:0px;

}

.mcl_news_temp{
display:none;
width:0%;
}

.space_save {
 height:300px;
 display:block;
}



.top_line, .top_line1 {
font-size:24px;
font-weight:bold;
font-family:'RobotoCondensed-Regular', serif;
color:#00183c;

}
.top_line2 {
font-size:18px;
font-weight:bold;
color:white;

}


.middle_title1 {
margin-top:0px;

}




.sitemap_title {

margin-top:12px;
background-color:#013B7E;
line-height:16px;
padding-top:0.6em;
padding-left:4em;
border-left: 1px solid white;
box-shadow: 3px 3px 3px #D1D0CE;
border-radius: 4px;
height:20px;

}

.sitemap_body {
width:100%;
background-color:#F6F6F6;
height:auto;


}

.items{
 width: 100%;
height:540px;

border:1px solid #969696;

margin-top:-14px;
overflow:auto;
background:white;
padding:9px;
}

 .home_news {
width: 95%;
height:300px;

border:1px solid #969696;

margin-top:-14px;
overflow:auto;
background:white;
padding:18px;

 }

 .tool_items {
	 width: 100%;

height:540px;
border:1px solid #969696;
margin-top:-14px;
overflow:auto;
background:white;
padding:9px;
 
	 
 }
 .items::-webkit-scrollbar, .home_news::-webkit-scrollbar, .tool_items::-webkit-scrollbar{
width:0 !important;
}

.tool_img {
width:30%;
display:inline-block;
float: left;
margin-top:6px;
	
}
.tool_detail {
width: 69%;
display:inline-block;
float:left;
line-height:16px;
color:black;	
margin-top:6px;
margin-left:1%;
font-size:12px;

}


.item_img {
width:30%;
display:inline-block;
float: left;
margin-top:12px;
}

.item_detail {
width: 70%;
display:inline-block;
float:left;
line-height:16px;
font-size:12px;
color:black;
padding-bottom:16px;


}




.item_detail ul {
margin-top:-3px !important;
}

.item_detail li{
margin-left:-28px;
}

.home_middle a {
 text-decoration:none;
}

.home_middle{
 margin-top:18px;	
	
}

#sitemap{
	
display:none;	
}

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

.sitemap {
background-color:#c8c8c8;
 height: auto;
 border: none;
 border-radius: 1px;
 width:97.35%;
 margin-left:0px;
 border-top:1px solid #00449c;
 border-bottom:2px solid #00449c;
 







	
}





.sitemap_body {
 display:none;

}

#sitemap_link, #sitemap_top_img {

padding:7px;
 width:98%;
 background-color:#c8c8c8;
 border-radius:1px;
display: inline-block;


}


#sitemap_link {
	
margin-top:-1px;	

}

.sitemap_link_left{
 float: left;
}
.sitemap_link_right{
float:right;


}




#sitemap_middle_text{
  width:99%;
  display:inline-block;
 margin:0em;

 height:24px;
}


.sitemap_middle_text1 {
width:14%;
float:left;
margin-left:1%;

}

.sitemap_middle_text2 {
width:56%;
float:left;


}
.sitemap_middle_text3 {
width:28%;
float:left;


}


.sitemap_text_type1{
color:#00183c;
font-size:8px;
inline-heigh:10px;
 

}

.sitemap_text_type2{
color:#00183c;
font-size:8px;

inline-heigh:10px;


}

.sitemap_text_type3{
color:#00183c;
font-size:8px;
inline-heigh:10px;


}

.text2_align {
text-align:center;
}
.text3_align {
text-align:right;
}





.foot_title {
font-family:Arial, Helvetica, sans-serif;	
font-size:10px;
color:#00183c;
font-weight:bold;	
}



.foot_aside, .foot_aside1 {
float:left;
margin-left:1%;
margin-top:1%;
width:49%;
line-height:12px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:380px;
color:#282828;

  
}

  .foot_aside2 {
float:left;
margin-left:1%;
margin-top:1%;
width:49%;
line-height:12px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:auto;
color:#282828;

}
 
         
}

/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 768px/16px = 48m*/
@media only screen and (min-width: 48em) {



/* =============Header Area Start====================== */


/* =============Inner pages style====================== */


}
   
   
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 801px/16px = 50.0625em*/
@media only screen and (min-width: 50.0625em) {
/* =============Right Header (Utility) Start here====== */



}


/******** 960px/16px = 50.0625em*/
@media only screen and (min-width: 60em) {
/* =============Right Header (Utility) Start here====== */

   #slider-prev {
                  display:block; 
		   margin-top:-150px;
		   }
		   
		   #slider-next {
                    display:block;     
		   margin-top:-150px;
		   }



h1{
border-bottom:none !important;
margin-top: -14px !important;
padding:0px !important;
}

p {
line-height:16px;

}





.mcl_news{

width:27%;
float:left;
display:inline-block;


}

.mcl_news_middle {
margin-left:9%;
width:25%;
float:left;
display:inline-block;

/* border-left: 2px solid black;
border-right: 2px solid black;	*/
}

.mcl_news_last {
margin-left:9%;
width:26%;
float:left;
display:inline-block;
margin-top:0px;

}

.mcl_news_temp{
display:none;
width:0%;
}

.space_save {
 height:300px;
 display:block;
}



.top_line, .top_line1 {
font-size:24px;
font-weight:bold;
font-family:'RobotoCondensed-Regular', serif;
color:#00183c;

}
.top_line2 {
font-size:18px;
font-weight:bold;
color:white;

}


.middle_title1 {
margin-top:0px;

}




.sitemap_title {

margin-top:12px;
background-color:#013B7E;
line-height:16px;
padding-top:0.6em;
padding-left:4em;
border-left: 1px solid white;
box-shadow: 3px 3px 3px #D1D0CE;
border-radius: 4px;
height:20px;

}

.sitemap_body {
width:100%;
background-color:#F6F6F6;
height:auto;


}

.items, .home_news {
 width: 100%;
height:540px;

border:1px solid #969696;

margin-top:-14px;
overflow:auto;
background:white;
padding:9px;
}

.items::-webkit-scrollbar, .home_news::-webkit-scrollbar, .tool_items::-webkit-scrollbar{
width:0 !important;
}

 .tool_items {
	 width: 100%;

height:545px;
border:1px solid #969696;
margin-top:-14px;
overflow:auto;
background:white;
padding:6px;
overflow:auto;

 
	 
 }

.tool_img {
width:59%;
display:inline-block;
float: left;
margin-top:6px;
text-align: center;	

}
.tool_detail {
width: 40%;
display:inline-block;
float:left;
line-height:16px;
color:black;	
margin-top:6px;
margin-left:1%;
font-size:12px;
text-align: right;


}

.mix_group{
    width:100%;
    
   

    
}

.mix_group img {
  
}

.mix_group a {
    color:black;
    font-size:12px;
}

.mix_group:hover {
 /*   -moz-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
    box-shadow: 0 0 15px #999;    */
  z-index: 1;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.03);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.03);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.03);
    transition: all 200ms ease-in;
    transform: scale(1.03);
    filter: blur(0);
 

    
    
}

.item_img {
width:30%;
display:inline-block;
float: left;
margin-top:12px;
}

.item_detail {
width: 70%;
display:inline-block;
float:left;

font-size:12px;
color:black;
padding-bottom:16px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 15px;     /* fallback */
   max-height: 75px;      /* fallback */
   -webkit-line-clamp: 5; /* number of lines to show */
   -webkit-box-orient: vertical; 

}




.item_detail ul {
margin-top:-3px !important;
}

.item_detail li{
margin-left:-28px;
}

.home_middle a {
 text-decoration:none;
}

.home_middle{
 margin-top:18px;	
	
}

#sitemap{
	
display:none;	
}

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

.sitemap {
background-color:#c8c8c8;
 height: auto;
 border: none;
 border-radius: 1px;
 width:97.20%;
 margin-left:15px;
 border-top:1px solid #00449c;
 border-bottom:2px solid #00449c;
 







	
}





.sitemap_body {
 display:none;

}

#sitemap_link, #sitemap_top_img {

padding:7px;
 width:98%;
 background-color:#c8c8c8;
 border-radius:1px;
display: inline-block;
 margin-left:15px;

}


#sitemap_link {
	
margin-top:-1px;	

}

.sitemap_link_left{
 float: left;
}
.sitemap_link_right{
float:right;


}




.foot_title {
font-family:Arial, Helvetica, sans-serif;	
font-size:10px;
color:#00183c;
font-weight:bold;	
}



.foot_aside, .foot_aside1, .foot_aside2 {
float:left;
margin-left:1%;
margin-top:1%;
width:32%;
line-height:12px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:380px;
color:#282828;

  
}

}








/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1240px/16px = 60em*/
@media only screen and (min-width: 77.5em) {
/* =====================SEMANTIC TAGS GROUP==================== */

.sitemap_text_type1{
color:#00183c;
font-size:10px;
inline-heigh:12px;
 

}

.sitemap_text_type2{
color:#00183c;
font-size:10px;

inline-heigh:12px;


}

.sitemap_text_type3{
color:#00183c;
font-size:10px;
inline-heigh:12px;


}

   #slider-prev {
                  display:block; 
		   margin-top:-250px;
		   }
		   
		   #slider-next {
                    display:block;     
		   margin-top:-250px;
		   }

}