/*--------------------- Reset css --------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, p, blockquote, th, td
{
   margin: 0; padding: 0; border: 0; outline: none;
} 
*, ::after, ::before {
    box-sizing: border-box;
} 



h1, h2, h3, h4, h5, h6
{
    font-size: 100%; 
}           

ol, ul
{
    list-style: none;
}

address, caption, cite, code, dfn, th, var
{
    font-style: normal;
    font-weight: normal;
}      
        

fieldset, img
{
    border: 0;
}
caption, th
{
    text-align: left;
}    

q:before, q:after
{
    content: '';
}  
img  
{  
border: 0;  
} 

body
{
    font-family: Arial;
    font-size:14px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    background-color:#eef8fa;
    counter-reset: section;
    margin-right: auto;
    margin-left: auto;
}



.clearfix
{
	clear:both;
	font-size:0px;
	line-height:0px;
}
/*--------------------- Reset css --------------------------*/






.myspace
{
	margin:5px;
}





/*menu header-----------------------------*/
.header_bottom{
  width: 100%;
  position: relative;
  background-color: #f2c909;
  border-bottom: solid 4px #3696e4;
}


.header_bottom ul{
    width: 100%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 49px;
}
.header_bottom ul li{
  display: inline-block;
  vertical-align: top;
    position: relative;   
}
.header_bottom ul li a{
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 25px 18px 25px;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    margin-left: 0;
    position: relative;
    font-weight: bolder;
}

.header_bottom ul li a .mbShow{
    display: none;
}



.header_bottom ul li a:hover{
  background-color: #f2c909;
  text-decoration: none;
}

.header_bottom ul li div.h_search{  
   padding: 15px 18px 16px 18px;
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    position: relative;
    margin-left: -4px;
}


.header_bottom ul li div.h_search input[type='text']{
    position: absolute;
    top: 1px;
    right: 52px;
    padding: 16px 20px 17px 20px;    
    font-size: 13px;
    border: solid 1px #ccc;
    min-width: 230px;    
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
}

.header_bottom ul li div.h_search:hover input[type='text']{    
    z-index: 2;
    opacity: 1;
}



.header_bottom ul li a.active{
  background-color: #da4439;
}

.header_bottom ul li div.active{
    background-color: #f2c909;
}




.header_bottom ul li p{
  display: inline-block;
  margin-left: 10px;
}

.header_bottom ul li p img{
  max-width: 30px;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 1px;
}

.header_bottom ul li p a{
    padding: 0;
}
.header_bottom ul li p a:hover{
    background:transparent;
}



.header_bottom ul li ul{
    position: absolute;
    top: 37px;
    padding-top: 16px;
    z-index: 10;
    display: none;
}

.header_bottom ul li:hover a + ul.mtMenuWrap{
    display: block;
}

.header_bottom ul li ul li{
    background-color: #3696e4;
    min-width: 200px;
    border-bottom: solid 1px #FFF;
    min-height: initial;
    position: relative;
}

.header_bottom ul li ul li a{
    display: block;
    text-align: left;
    margin-left: 0;
    padding: 9px 10px 9px 10px;
    text-transform: initial;
}



.header_bottom ul li ul li ul{
    display: none;
    position: absolute;
    top: -1px;
    left: 190px;
    padding-left: 10px;
}
.header_bottom ul li ul li:hover ul{
    display: block;
}




.header_bottom ul li ul li ul li a{
    background-color: #3696e4;
}

.header_bottom ul li ul li ul{display: none;}






.megaMenu{
    width: 100%;
    position: absolute;
    padding: 11px 0 0 0;
    left: 0;
    margin-top: -8px;
    z-index: 10;
    opacity: 1;
    min-width: 500px;
    transition: all 0.5s;
    display: none;
}

.megaMenuContent{
    width: 100%;
    position: relative;
    background-color: #cbd3b4;    
}

.megaMenuContentLeft{
    width: 100%;
    max-width: 52%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 15px 10px 15px;
    position: relative;
    border-right: solid 1px #a9ba8f;
}

.megaMenuContentLeft b{
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    /*font-family: 'SFUHelveticaBold', Arial;*/
    font-size: 18px;
}

.header_bottom ul li .megaMenuContentLeft a{
    display: block;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #a9ba8f;
    text-align: left;
    text-transform: none;
    padding: 5px 0 8px 0;
    font-weight: normal;
    color: #414040;
    margin-bottom: 5px;
    margin-left: 4px;
}



.header_bottom ul li .megaMenuContentLeft a:last-child{
  border: none;
}

.header_bottom ul li .megaMenuContentLeft a:hover{
    background-color: initial;

}

.megaMenuContentLeft a img{
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.megaMenuContentLeft a span{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 67%;
    font-size: 12px;
    margin-left: 1%;
    line-height: 17px;
}




.megaMenuContentRight{
    width: 100%;
    max-width: 40%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
    padding: 15px 15px 10px 15px;
    position: relative;
}

.megaMenuContentRight b{
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    /*font-family: 'SFUHelveticaBold', Arial;*/
    font-size: 18px;
}


.header_bottom ul li .megaMenuContentRight a{
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    text-transform: none;
    padding: 0 0 10px 0;
    font-weight: normal;
    color: #171717;
    margin-left: 0;
    font-size: 16px;
}

.header_bottom ul li .megaMenuContentRight a:hover{
    background-color: initial;
}



.header_bottom ul li:hover a + div.megaMenu{
    opacity: 1;
    display: block;
}
ul .clickShowMegamenuChild{display: none;}

.header_bottom .closeMegaMenu {
    display: none;
    text-align: left;
    margin-top: 26px;
    color: #000;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 5px;
}

.page_menu_top{
    width: 100%;
    position: relative;
    display: block;
    background-color: #f2f8fd;
    min-height: 20px;
}

.tophMenu{
    width: 100%;
    position: relative;
    margin-top: 10px;
    padding-right: 30px;
}
.tophMenu a{
    color: #666;
    display: inline-block;
    margin-right: 18px;
    font-size: 13px;    
    font-weight: 700;
}
.tophMenu  .slick-prev{
    display: none !important;
}
.tophMenu .slick-next{
    border: solid 1px #ccc;
    color: #666;
    width: 26px;
    height: 22px;
    background: #FFF;
    border-radius: 3px;
    margin-top: 2px;
    right: 0;
    z-index: 2;
    line-height: 26px;
}
.tophMenu .slick-next:before{
    color: #666;
    font-size: 12px;
}

.tophMenu .slick-next:focus{background-color: #FFF;}


.tophMenu .slick-next:hover{
    background-color: #ddd;
}
/*menu header-----------------------------*/





#MainWraper {
    width: 1408px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    position: relative;
}

.header
{
	background:transparent url(../../public/images/header.png) no-repeat scroll 0 0; 
    background-size: 100%;
	width:100%;
	min-height:192px;
}

.header1
{
	background:transparent url(../../public/images/header.png) no-repeat scroll 0 0; 
    background-size: 100%;
	width:100%;
	min-height:192px;
}


#BodyWraper .right
{	
	  width: 100%;
    max-width: 20%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    float: right;
}


#BodyWraper .center
{	
	  width: 100%;
    position: relative;
    min-height: 414px;    
    max-width: 79%;
    display: inline-block;
    vertical-align: top;   
    border-top: solid 10px #eef8fa;
}



.centerhead
{
 margin-top:-1px;  
 width: 100%;
 position: relative;
}



.bodyhead
{
	margin-top: 12px;
    width: 100%;
    position: relative;
}

.bodyhead_adv
{
    width: 100%;
    max-width: 20%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    float: right;
    z-index: 1;
}




ul.menuBottom1 {
    height: 35px;
    text-align: center;
    background-color:#3696e4;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}



ul.menuBottom1 li a {
  color: #fff;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-right: 3px;
  text-decoration: none;  
}

.menuBottom {
    height: 50px;
}
ul.menuBottom1 li {
    color: #FFFFFF;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
    padding-left: 20px;
}

ul.menuBottom2 li {
  color: #C00000;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-top: 0;
  padding-left: 3px;
}

ul.menuBottom2 li a {
  color: #000;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 11px;
  padding-right: 3px;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul.menuBottom2 li a:hover {
    text-decoration: underline;
}

ul.menuBottom1 li a:hover {
  color: #fffaaa;
  text-decoration: none;
}

ul.menuBottom2 {
  height: 25px;
  text-align: center;
    background-color: #e3e3e3;
}

ul.menuBottom2 {
  text-align: center;
}


.BottomContentWraper {  
  min-height: 66px;
  position: relative;
}

.left {
  float: left;
}





.col_left
{
	margin-left: 3%;
  width: 45%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}

.col_left p
{
	color: #242323;
    font-size: 12px;
	padding-top:5px;
}


.col_right
{
	  margin-left: 3%;
    width: 44%;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}
.col_right p
{
	color: #242323;
  font-size: 12px;
	padding-top:5px;	
}



.ButtonImage {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

.btnLogo2 {
  height: 43px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 84px;
}

.ButtonImage span {
  display: none;
}

a {
  color: #000;
  text-decoration: none;
}

















































.folder {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
    border-top: solid 8px #eef8fa;
}

.other-folder {
  float: left;
  margin: 0 0 9px;
  width: 100%;
}



.aImg53 {
  float: left;
  height: 53px;
  padding-bottom: 8px;
  position: relative;
}

.link-othernews {
  color: #000000;
  font: 12px arial;
  text-decoration: none;
}

.spanListHome {
  color: #666666;
  font: 11px arial;
}

.folder-content {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  float: left;
  font: 12px arial;
  padding: 10px 0 0 10px;
  width: 100%;
}

.folder-title {
  height: 34px;
    overflow: hidden;
    padding: 0 0px 0 10px;
    width: 100%;
    background-color: #3696e4;
}

.link-folder {
  border-left: 10px solid #ffd21e;
    padding-top: 7px;
    padding-left: 9px;
    color: #FFF;
    display: inline;
    float: left;
    font: bold 13px tahoma;
    height: 34px;
    margin: 0 13px 0 0px;
    text-decoration: none;
    text-transform: uppercase;
    
}


.divSub-Folder {
  color: #666666;
  font: 9px tahoma;
  height: 22px;
  padding: 8px 0 0;
  float:right;
  margin-right:15px;
}

.link-subfolder {
  color: #FFF;
  display: inline;
  font: 13px arial,Geneva,sans-serif;
  text-decoration: none;
  font-weight:bold;
}

.link-subfolder:hover {
    color: #fffaaa;
}

.sep-menuH {
  color: #FFF;
  font: 11px arial;
}

.folder-topnews {
  float: left;
  margin: 0 10px 9px 0;
  width: 49%;
}

.aImg130 {
  float: left;  
  margin: 0 10px 0 0;
  overflow: hidden;
  position: relative;
  max-height:130px;
}
.folder-topnews .h2Title {
  margin: 0;
  padding: 0 0 1px;
}
.link-title {
  color: #000000;
  font: bold 14px arial;
  text-decoration: none;
  text-transform: uppercase;
}
.h3Lead {
  color: #000000;
  font: 14px arial;
  margin: 0;
  padding-top: 5px;
}
.folder-othernews {
  float: left;
  overflow: hidden;
  width: 48%;
  margin-left: 0.5%;
}
.other-folder {
  float: left;
  margin: 0 0 9px;
  width: 100%;
}
.h3Title {
  margin-bottom: 0;
}

.img-other {
  float: left; 
  margin: 0 10px 0 0;  
}



.frame53_53 {
  background: url("../../public/images/53_53Frame.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 53px;
  left: 0;
  position: absolute;
  top: 0;
  width: 53px;
  z-index: 1;
}

.link-othernews:hover, .Lead1:hover {
  text-decoration: underline;
}

.ul-other {
  float: left;
  list-style-type: none;
  margin-top: 13px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.ul-other li {
  margin-bottom: 4px;
}

.ul-other li {
  background: url("../../public/images/3_3.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  color: #000000;
  display: block;
  font: 12px arial;
  margin: 0 0 5px;
  padding: 0 0 0 7px;
}

.ul-other h4 {
  margin: 0;
}




.box210{margin-bottom:5px;width:210px}
    .box-t{height:27px}
    .box-c-green{border-left:#a6ce39 solid 2px;border-right:#a6ce39 solid 2px;padding:6px 5px 3px 5px;text-align:justify;}
    .box-b-green-210{width:210px;height:2px;overflow:hidden;background:url(../../public/images/sprites.gif) no-repeat 0 -85px}
    
    
    
    
    .box-t-green-L{width:2px;height:27px;float:left;overflow:hidden;background:#a6ce39 url(../../public/images/sprites.gif) no-repeat 0 -54px}
    .box-t-green-210{width:188px;height:22px;float:left;vertical-align:top;padding:5px 10px 0 10px;color:#ffffff;font-size:12px;font-weight:bold;position:relative;background:#a6ce39 url(../../public/images/sprites.gif) no-repeat right -54px}
    
    .aCenter{text-align:center}
    .box-top-icon{width:50px;height:27px;display:block;position:absolute;top:3px;left:-2px}
    
    
    
    .imgFloat{float:left;border:#ebebeb solid 1px;margin-right:8px;display:block;background:#f5f5f5;position:relative}
    .img80{width:80px;height:80px}
    
    .clear{clear:both}
    .padB10{padding-bottom:10px}
    
    .listNews {color:#000}
    .lst-normal{background:url(../../public/images/sprites.gif) 0px -300px no-repeat}
    
    
    
    .listNews {color:#000}
.listNews ul {margin:0;padding:0}
.listNews ul li{display:block;list-style:none;padding: 0 0 6px 12px}
.listNews ul li a{text-decoration:none;	color:#000}
.listNews ul li a:hover {color:#669922}
    
    
    
    .news-title{display:block;font-weight:bold;color:#333;padding:0 0 5px 0;text-align:justify;margin:0}.news-title:hover{color:#8cbb49}.news-title a{color:#333}.news-title a:hover{color:#8cbb49}
    
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#featured{ 
	  width: 100%;
    position: relative;
    min-height: 414px;
    background: #fff;
    max-width: 79%;
    display: inline-block;
    vertical-align: top;
}
#featured ul.ui-tabs-nav{ 
	  list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 39%;
    position: absolute;
    top: 5px;
    right: 10px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#fff; 
}
#featured ul.ui-tabs-nav li img{ 
	   float: left;
    margin: 2px 5px;
    background: #fff;
    padding: 2px;
    border: 1px solid #eee;
    max-width: 139px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:13px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display: block;
    min-height: 96px;
    color: #333;
    background: #fff;
    line-height: 20px;
    overflow: hidden;
    padding-top: 3px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#eee; 
  padding-right: 5px;
}
#featured .ui-tabs-panel{ 
	   width: 100%;
    max-width: 60%;
    background: #eee;
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 400px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:2px; left:0; 
	height:70px; 
	background: url('../../public/images/transparent-bg.png');
    overflow: hidden;
width:100%;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:10px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
        font:700 18px arial;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none;   
}
	
#featured .ui-tabs-panel img{
  width: 100%;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.bodyhead_news
	{
		margin-top:5px;		
    width: 100%;
    position: relative;
    border-top: solid 10px #eef8fa;
	}
	
	
	
	.top-news {
  border: 1px solid #E6E6E6;
  overflow: hidden;
  width: 100%;
}

.title {
  background: none repeat scroll 0 0 #3696e4;
  border-bottom: 1px solid #3696e4;
  height: 28px;
  padding-right: 3px; 
  padding-left:15px;
}
.title span {
  background-color: #3696e4;
  display: block;
  height: 13px;
}
.title h2 {
  background: none repeat scroll 0 0 #3696e4;  
  font-weight: bold;
  font:bold 13px Tahoma;
  margin-top: -8px;
  padding-left: 20px;  
  width: 160px;
}
.title a
{
    color:#fff;
}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.box-item1 {
  position: relative;
  font: 11px arial;
  margin-bottom: 10px;  
  width: 100%;
}



.photo_title, .video_title, .adword_title {  
  height: 40px;  
  width: 100%;
  background-color: #3696e4;
  padding: 6px 4px 4px 4px;
  position: relative;
}
	
.fl {
  float: left;
}

.photo_Content, .video_Content {
  background-color: #FFFFFD;  
  width: 100%;
  padding:4px 4px 4px 4px;
  position: relative;
}

#photo_title1, #video_title1 {
  font-size: 13px;
  padding-left: 10px;
  padding-top: 7px;
}
.ocuahopnhap{
  width: 100%;
  position: relative;
  margin-top: 1px;
}
.ocuahopnhap img{width: 100%;}



.photo_next li, .media li {
  background-image: url("../images/gray-square.gif");
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding-left: 9px;
}


#video-title {
  color: #000000;
  font: bold 14px arial;
  text-decoration: none;
  width: 100%;
  padding: 7px 10px 7px 10px;
}

.photo_next, .media {
  background-color: #FFFFFD;
  display: block;
  overflow: hidden;
  padding: 0 10px 10px;
  width: 215px;
}


#photo_title1 a, #video_title1 a, #adword_title1 a {
  color: #FFF;
  text-decoration: none;
}
#photo_title1, #video_title1 {
  color: #FFF;
  float: left;
  font-family: tahoma; 
  font-weight: bold;
  padding: 5px 0 0 10px;
  width: 100%;
}























#boxweather
{
    margin-top:1px;
    margin-left:10px;
}



.weather {
  background: url("../images/bgWeather.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);  
  height: 28px;
  overflow: hidden;
  padding: 0 0 0 2px;
  width: 230px;
}


#box_gold
{
    margin-left:10px;
}



.box-style1
{
    margin-top:10px;
    width:100%;
    margin-bottom: 10px;
}












#img-Do {
  float: left;
  height: 20px;
  width: 75px;
}

.spanNumDo {
  color: #000000;
  float: left;
  font: bold 14px tahoma;
  padding-left:-5px;
  padding-top:3px;
}
.divRightW {
  float: right;
  padding: 4px 6px 0 0;
}
.hideCity {
  display: none;
  float: right;
  padding: 0 15px 0 0;
  position: absolute;
  right: 0;
  top: 25px;
  width: 60px;
  z-index: 3;
}

#txt-Weather {
  float: left;
  font: 11px arial;
  height: 14px;
  margin: 0;
  overflow: hidden;
  padding-top:6px;
  width: 80px;
}

#txt-City {
  float: left;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 68px;
}

.Hrow {
  background: none repeat scroll 0 0 #EEFEF5;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 80px;
}

.Hrow li {
  color: #000000;
  cursor: pointer;
  font: 11px arial;
  margin: 0 0 5px;
  padding: 0 0 0 10px;
  width: 70px;
}













.HGold {
  border-right: 1px solid #F3F4F6;  
  height: 134px;
  overflow: hidden;
  width: 230px;
}
.barGold {
  background: url("../images/barGold.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 28px;
  padding: 0 10px;
  width: 230px;
}

.h2Gold {
  color: #9B1B3E;
  float: left;
  font: bold 11px tahoma;
  margin: 0;
  padding: 5px 0 0;
}
.goldContent {
  background: url("../images/bgGold.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 103px;
  overflow: hidden;
  padding: 3px 0 0;
  width: 230px;
}

.gold-price {
  float: left;
  margin: 0 0 5px;
  padding: 0 10px;
  width: 205px;
}

.unitGold {
  color: #000000;
  font: 10px tahoma;
  height: 14px;
  overflow: hidden;
  text-align: right;
  width: 129px;
}

.tbl-goldprice, .tbl-weather {
  background: none repeat scroll 0 0 #A8A8A8;
  color: #000000;
  font: 10px tahoma;
  width: 100%;
}

.tbl-goldprice tr {
  height: 18px;
}


.td-weather-title, .td-weather-data {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  font: 10px tahoma;
  text-align: center;
  width: 30%;
}

.sourceSacom {
  float: left;
  padding: 0 10px;
  width: 129px;
}


.HRate {
  float: left;
  height: 134px;
  overflow: hidden;
  width: 150px;
}

























.TS-top {
  background: #3696e4;
    height: 35px;
    overflow: hidden;
    width: 100%;
    padding: 2px 4px 4px 4px;
}


.box-adv
{
    width:100%;
    position: relative;
    background-color: #FFF;
    padding: 4px 4px 1px 4px;
}

.line_adv img{width: 100%;}

.ulTSHome .liTSHome .h4Title{
  border-bottom: solid 1px #ccc;
  padding-bottom: 7px;
}



.h2TS {
  color: #9F224E;  
  font: bold 13px tahoma;
  margin: 0;
  padding: 7px 10px 4px 10px;
}

.h2TS a{color: #FFF;}
.h2TS a:hover {
    color: #fffaaa;
}

.TSHome-ct {
  background: none repeat scroll 0 0 #FFFFFF;  
  padding: 4px;
  width: 100%;
}
.ulTSHome {  
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.ulTSHome {
  list-style-type: none;
}

.link-othernews {
  color: #000000;
  font: 13px arial;
  text-decoration: none;
}

.liTSHome {
  margin: 0 0 5px 0;
    padding: 5px 10px 5px 10px;
}

.ulTSHome .liTSHome:last-child .h4Title{
  border: none;
}



.center_adv{
  width: 100%;
  position: relative;
}
.center_adv img{width: 100%;}


.content-center .folder-top{width: 100%; position: relative;}
#featured .content-center{width: 100%; position: relative;}
.aHN-img, .a-topsubject img{
  max-width: 500px;
}



















.link-otherphoto {
  color: #000000;
  font: 11px tahoma;
  text-decoration: none;
  cursor: pointer;
}


















.iconhome
{
	float:left;	
	padding-top:4px;
	padding-left:5px;
}


.language {
    margin-top: -112px;
    padding-right: 10px;
    float: right;
    background-color: #1EAE4C;
    height: 20px;
    padding-top: 9px;
}


.language span
{
	margin-left:12px;
}








.paging
{
    width:180px;
    float:right;
    margin-top:5px;
    margin-bottom:5px;
}


.BtnCategoryListNext {
    background-image: url("../../public/images/arrows-2.png");
    background-position: 0 0;
    color: #686868;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
}

.ButtonImageText { 
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    margin-left:5px;
}

.BtnCategoryListPrev {
    background-image: url("../../public/images/arrows-2.png");     
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding-right: 20px;
}

.BtnCategoryListPrev.disable, .BtnCategoryListPrev:hover {
    background-position: 100% -60px;
    color: #b4b4b4;
}














.breadCrumb {
  float: left;
  height: 27px;
  margin-top:8px;
}
.link1 {
  border-left: 3px solid #9F224E;
  float: left;
  height: 27px;
  overflow: hidden;
}

.aLink1 {
  background: url("../../public/images/right1.gif") no-repeat scroll right top #FFFFFF;
  color: #9F224E;
  float: left;
  font: bold 14px tahoma;
  height: 27px;
  padding: 4px 19px 0 9px;
  text-decoration: none;
}
.aLink1 {
  color: #9F224E;
  font: bold 14px tahoma;
}


#featured.category_wrap{
  background-color: #eef8fa;
}




.content-center {
  float: left;
  margin: 0 5px 0 0;
  width: 650px;
}


.folder-top 
{
  margin-top: 5px;
  float: left;  
  overflow: hidden;
  padding: 0 0 10px;
  width: 650px;
}
.aHN-img, .a-topsubject {
  float: left;
  margin: 0 10px 0 0;
  overflow: hidden;
  position: relative;
}

.frame250_195 {
  background: url("../../public/images/250_195Frame.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 195px;
  left: 0;
  position: absolute;
  top: 0;
  width: 250px;
  z-index: 1;
}
.titleHN {
  color: #9F224E;
  font: bold 21px arial;
  margin: 0 0 10px;
}
.link-topnews2 {
  color: #000000;
  font: bold 18px arial;
  text-decoration: none;
}
.article_video_icon, .article_photo_icon, .article_live {
  padding-right: 5px;
}
.pDateTime {
  margin: 0 0 5px;
}
.timeListHome {
  color: #666666;
  font: 11px arial;
  margin: 0 5px 0 0;
}
.timeListHome label {
  color: #9F224E;
}
.folder-top .h2leadHN {
  margin-bottom: 0;
}

.h2leadHN {
  color: #000000;
  font: 14px arial;
  line-height: 20px; 
}


.folder-news {
  margin: 0 0 6px;
  padding: 0 0 11px;
}

.folder-news {
    background: url(../images/2_1.gif) repeat-x scroll left bottom rgba(0, 0, 0, 0);
    float: left;
    overflow: hidden;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding-bottom: 4px;
}


.bgLeftWhite .folder-news:last-child{
  border: none;
}




.category_wrap .cxtLeft{margin-top: 10px;}

.email-print .spanTime{padding-left: 0;}
.cxtLeft .social_bar{
  float: right;
}
.cxtLeft .Title{
   clear: both;
  color: #000000;
  font: bold 20px "Times New Roman ",Times,serif;
  padding-bottom: 10px;
  padding-top: 5px;
}













.box-comment
{
    margin-top:20px;
}












.spanTime {
  color: #65666A;
  float: left;
  font: 11px arial;
}
.spanTime {  
  display: inline;  
  overflow: hidden;
  padding: 0 0 0 3px;
}


h2.Lead, p.Lead {
  color: #5F5F5F;
  font: bold 15px/18px "Times New Roman ",Times,serif;
  margin-bottom: 18px;
  padding: 0;
}

.fck_detail p {
  line-height: 20px;
  margin: 1em 0;
}

.Normal, .normal {
  color: #000000;
  font-family: 'Times New Roman ';
  font-size: 11.8pt;
  line-height: 20px;
}






.txtfCommentBox
{
    
}



.textboxComment
{
     font: 11px arial;
     width:310px;
     height:20px;
}



.title_show p strong {
  font-size: 14px;
  font-weight: 700;
}
.title_show p {
  color: #9D234C;
  padding:5px 10px;
}
.title_show {
  background-color: #DFE6E2;
  color: #333333;
  line-height:16px;
}

.comment_item p {
  line-height: 18px;
  margin: 0;
  padding-bottom: 2px;
}

.hight_light {
  background: none repeat scroll 0 0 #FFFFFF;
}

.comment_item {
  padding: 9px 10px 20px;
}


.txt_12 a.nickname {
  font-size: 12px;
  height: 22px;
  max-width: 210px;
  overflow: hidden;
}

.block_input_comment .input_comment textarea {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #C5C5C5;
  color: #000000;
  font: 400 12px/18px arial;
  height: 50px !important;
  margin: 0 0 5px !important;
  overflow-y: hidden;
  padding: 5px 0 0 3px;
  resize: none;
  width: 640px;
}

.btSend
{
    margin:2px;
    padding:5px;
    background: none repeat scroll 0% 0% #9D234C;    
    font: 700 12px arial;
    color: #FFF;
    border: medium none;
    cursor: pointer;
    float: right;
    
}

.btSend a
{
    color:#FFF;    
    display:block;
}



 .btn_send_comment 
 {
  background: none repeat scroll 0 0 #9D234C;
  font: bold 11px arial;
  height: 27px;  
  width: 70px;  
  margin-left:580px;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;  
  padding: 2px 10px;
}


.block_input_comment {
  padding: 5px 0 0 8px;
}


.info1
{
	width:480px;
}


.textboxCommentCapcha
{
    width:50px;
    height:22px;
}

#capchaImg
{
    padding-top:5px;
}

.fnote
{
    font-weight:bold;
    font-style:italic;
    font-size:10px;
}




.morenews ul li a, .morenews ul li h3 a 
{
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    line-height: 14px;
    background: url('../../public/images/othernews_bullet.png') no-repeat scroll 0% 5px transparent;
    text-indent: 0px;
    padding-left: 10px;
    margin: 5px;
    color: #222;
}

.morenews
{
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
}


.morenews h5
{
    font-size: 15px;
    font-weight: bold;
}
.morenews ul{
  margin-top: 10px;
}



















/*-------*/
table , tr,td
{
 border:0px solid #e4e4e4;
}
 












/* -- add from ckeditor */
.cke_editable
{
	font-size: 13px;
	line-height: 1.6;
}

blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

a
{
	color: #000;
}




hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.marker
{
	background-color: Yellow;
}

span[lang]
{
	font-style: italic;
}

figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

.logoblank 
{
    padding-top: 15px;
    padding-left: 40px;
    display: inline-block;
    width: 100%;
    position: relative;
    max-width: 300px;
}


.logoblank .btnToogleMobile{
  display: none;
  width: 27px;
  height: 27px;
  background-color: #3696e4;
  border: solid 1px #FFF;
  text-align: center;
  line-height: 27px;
  position: absolute;
  top: 30px;
  right: 13px;
  border-radius: 3px;
  color: #FFF;
  z-index: 999;
}

.snvlanguage{
    margin-left: 36px;
    margin-top: -13px;
}
.snvlanguage a{
    display: inline-block;
    margin-right: 8px;
}



/*responsive---------------------*/
@media (max-width: 1367px) {
    html, body{
      overflow-x: hidden;      
    }
    body{
      padding: 0 4px 0 4px;
    }
    #MainWraper{
      max-width: 100%;
      width: 100%;
      padding: 0;
    } 
    #featured .ui-tabs-panel{
      min-height: 390px;
    }  
    #featured li.ui-tabs-nav-item a{
      min-height: 89px;padding-top: 2px;
    }    
}

@media (max-width: 1281px) {
    .logoblank{padding-top: 10px;}
    .Header{min-height: 154px;}
    .header_bottom ul li a{
        padding: 18px 20px 18px 20px;
    }
}

@media (max-width: 1025px){
 
    div#menu ul.menu a{
      padding-left: 15px;
      padding-right: 15px;
    }
    .Header{min-height: 123px;}
    .logoblank{
      width: 200px;
      text-align: center;
      padding-top: 10px;
      padding-left: 10px;
    }
    .logoblank img{max-width: 80px;}  
    .snvlanguage{
        margin-left: 8px;
        margin-top: -6px;
    }

    .header_bottom ul li a {    
        padding: 18px 7px 18px 7px;    
        font-size: 12px;    
    }
    .h2TS{adding: 7px 3px 4px 10px;}
    .ul-other{margin-top: 16px;}







    #featured ul.ui-tabs-nav li img{
      max-width: 100px;
      margin-bottom: 20px;
    }
    #featured ul.ui-tabs-nav li span{font-size: 12px;}
    #featured li.ui-tabs-nav-item a{
      padding-top: 0;
      min-height: 80px;
    }
    #featured .ui-tabs-panel{min-height: 342px;}
    #featured .ui-tabs-panel .info{height: initial;}

    .aHN-img, .a-topsubject img {
        max-width: 400px;
    }
    .left-fnews .aImg130 img{
      max-width: 200px;
    }    
}

@media (max-width: 770px){

    body{padding: 0;}

    .snvlanguage {
        margin-left: 28px;
        margin-top: -7px;
    }
    .snvlanguage a{color: #FFF; margin-right: 5px;}

    .page_menu_top{
      padding-left: 10px;
      padding-right: 10px;
    }
    

    .header_bottom {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        z-index: 998;
        border-bottom: none;
        height: initial;
    }
    .header_bottom .closeMegaMenu {
        display: block;
      margin-left: 12px;
      color: #FFF;
    }
    .header_bottom ul {
        padding-top: 10px;
    }
    .header_bottom ul li {
        display: block;
        min-height: initial;
        background-color: #3696e4;
    }
    .header_bottom ul li a{
      display: block;
      text-align: left;
      padding-left: 10px;
    }

    .header_bottom ul li a .mbShow{
        display: inline-block;
    }
    .header_bottom ul{
        padding-top: 10px;
    }

    .header_bottom ul li ul.mtMenuWrap{
        position: relative;
        padding-top: 0;
        top: 0;
        background-color: #cbd3b4;
        padding: 0;
        display: none;
        height: initial;
    }

    .header_bottom ul li div.megaMenu{
      position: initial;
    }
    .header_bottom ul li:hover a + ul.mtMenuWrap{display: none;}
    .header_bottom ul li:hover a + div.megaMenu{display: none;}

    .header_bottom ul li ul li:hover ul{display: none;}


    .header_bottom ul li ul li .clickShowMegamenuChild{
       color: #f2ca09;
        padding: 10px 10px 10px 10px;
        z-index: 10;
        right: 0;
        top: 1px;
    }



    .header_bottom ul li ul li{
        background-color: #0a8356;
        border-bottom: solid 1px #444;
    }
    .header_bottom ul li ul li ul li a {
        background-color: #227c9c;
    }
    .header_bottom ul li ul li a, .header_bottom ul li ul li ul li a{
        color: #FFF;
    }
    .header_bottom ul li ul li:last-child{
        border: initial;
    }

    .header_bottom ul li ul li ul li a{
        background-color: #0a8356;
    }

    .header_bottom ul li ul li a:hover {
        background-color: #cbd3b4;
        text-decoration: none;
    }

    .header_bottom ul li ul li ul{
        position: relative;
        padding-top: 0;
        top: 0;
        background-color: #cbd3b4;        
        left: 0;
        padding-left: 0;
        padding-right: 0;
        height: initial;
    }

    ul .clickShowMegamenuChild{
        display: inline-block;
        font-size: 13px;
        color: #f2c509;
        margin-right: 11px;
        position: absolute;
        top: 3px;
        right: 0px;
        z-index: 10;
        padding: 10px;
    }
    .header_bottom ul li div.h_search{
        display: block;
        padding: 0 10px 0 10px;     
        margin-left: 0;   
    }

    .header_bottom ul li div.active{
        background-color: #12566e;
    }

    .header_bottom ul li div.h_search input[type='text']{
        display: inline-block;
        position: initial;
        opacity: 1;
        width: 89%;
        height: 40px;
        padding-top: 12px;
    }

    .header_bottom ul li div.h_search  i{
        width: 10.7%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background-color: #f2c509;
        display: inline-block;
        float: right;
    }

    .header_bottom ul li p{
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
    .header_bottom ul li p img{
        max-width: 30px;
        margin-left: 0;
        margin-right: 5px;
    }

    .header_bottom ul li:last-child p{
        background-color: #12566e;
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 8px 10px 8px 10px;
    }
    .header_bottom ul li:last-child p a{
      display: inline-block;
    }


    .Header {
        min-height: 140px;
        background: url(../../public/images/header-ipad.jpg);
        background-repeat: no-repeat;  
        background-size: 100%;    
    }
    .logoblank{
        width: 100%;
        text-align: left;
        max-width: 100%;
    }
    .logoblank .btnToogleMobile{display: block; top: 50px;}
   
    .logoblank span a img{
        vertical-align: -2px;
        margin-left: 6px;
    }
    .logoblank img{max-width: 100px;}
    div#menu{display: none;}
    div#menu .menu li{
      display: block;
      width: 100%;
      background: #ae2602;
      position: relative;
    }
    div#menu ul.menu a{display: block; width: 100%;}

    div#menu ul.menu ul{      
      position: initial;
      width: 100%;
      background: none;
      left: 0 !important;
      display: none;
    }

    div#menu ul.menu li a:hover ul{
      display: none;
    }

    div#menu ul.menu ul li{
      background-color: #f9f9f9;
    }
    div#menu ul.menu ul li a{
      font-weight: normal;
    }

    div#menu ul.menu span.mRightIcon::before {
      content: '+';
      font-family: 'Font Awesome 5 Free';
      color: #FFF;
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 20px;
      font-weight: 600;
      z-index: 999;
  }
  div#menu ul.menu span.toogle_minus::before {
      content: '-';
      right: 12px;
      z-index: 999;
      top: 5px;
      font-size: 20px;
      font-weight: 600;
      position: absolute;
  }
  .col_left, .col_right{
    margin-left: 0;
    width: 100%;
  }
  #featured{
    width: 100%;
    max-width: 100%;
  }
  .main-slider-content ul li{
    width: 265px !important;
  }
  .bodyhead_adv{
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  .box-item1, .box-item1.video_Content{
    width: 49%;
    display: inline-block;
    vertical-align: text-top;    
  }
  .box-item1.video_Content{
    margin-top: 40px;
    margin-left: 1%;
    width: 49%;
    float: right;
  }
  #BodyWraper .center, #BodyWraper .right{
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding: 10px;
    float: none;
  }
  #BodyWraper .right .box-style1{
    width: 100%;   
    margin-right: 0;
    vertical-align: top;
  }
  .box-adv{
    width: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }

  .box-adv .line_adv:nth-child(2n){
    float: right;
  }

  .box-adv .line_adv{
    display: inline-block;
    width: 49.5%;
    margin-bottom: 5px;
  }
  .folder-news{width: 99%;}
  .content-center .folder-top{width: 99%;}
  #featured .content-center.news_detail_wrap{
    padding: 4px;
  }
  .news_detail_wrap .news_detail_cont table{
    width: 99%;
    margin-left: 0;
  }
  .news_detail_wrap .news_detail_cont img{
    height: initial;
    max-width: 100%;
  }
  #featured .content-center{padding: 0 10px;}
  .cxtLeft .social_bar{margin-right: 10px;}
}

@media (max-width: 600px){
    .logoblank{
        padding-top: 0px;
    }
    .snvlanguage {
        float: right;
        margin-top: 20px;
        margin-right: 44px;
    }
  .tophMenu{
    margin-top: 5px;
    padding-right: 15px;
  }
  .tophMenu .slick-next {        
      width: 23px;
      height: 20px;        
      margin-top: -1px;       
      line-height: 25px;
  }
  .Header{min-height: 73px;}
  .logoblank img{
    max-width: 55px;
    margin-top: 10px;
  }
 
  .logoblank .btnToogleMobile{top: 20px;}

  .breadCrumb {     
      margin-left: 10px;
  }
  .megaMenu{min-width: 100%;}
  .megaMenuContentLeft, .megaMenuContentRight{
    max-width: 100%;
    margin-left: 0;
  }
  .header_bottom ul li .megaMenuContentRight a{font-size: 14px;}

  .bodyhead{margin-top: 0;} 
  #featured .ui-tabs-panel{
    max-width: 100%;
    min-height: 226px;
  }
  #featured .info a{font-size: 16px;}
  #featured ul.ui-tabs-nav{
    position: relative;
    max-width: 100%;
    right: 0;
    top: 0;
  }
  #featured ul.ui-tabs-nav li{
    padding: 0;
  }
  #featured li.ui-tabs-nav-item a {
      padding-top: 3px;
      min-height: 60px;
  }
  #featured ul.ui-tabs-nav li img {      
      margin-bottom: 5px;
  }
  .main-slider-product .main-slider-content ul li{width: 265px !important;}
  .box-item1, .box-item1.video_Content{
    width: 100%;
    margin-right: 0;
  }
  .box-item1.video_Content{margin-top: 0;margin-left: 0;}
  #BodyWraper .center, #BodyWraper .right{
    border-top: solid 1px #eef8fa;
  }
  .folder-content{padding: 5px 0 0 5px;}
  .folder-topnews{width: 99%;}
  .folder-topnews .h2Title{padding-right: 5px;}
  .aImg130 img{max-width: 140px;}
  .folder-othernews{width: 99%;}
  .link-title{font-size: 12px;}
  .h3Lead, .link-othernews{font-size: 12px;}
  .right-fnews .h2Title-14 a{
    display: block;
    width: 100%;
  }
  .h3Title{padding-right: 7px;}
  .img-other{width: 140px;
    margin: 0px 10px 0 0;}
  .ul-other{
    float: initial;
    width: 100%;
    overflow: initial;
    display: block;
    clear: both;
    margin-top: 60px;
  }
  .box-adv .line_adv{width: 100%;}
  .menuBottom{min-height: 100px;}
  ul.menuBottom1{min-height: 53px;}
  .content-center .folder-top{width: 100%;}
  .folder-top .titleHN{
    font: bold 18px arial;
    padding: 3px 0;
  }

  .link-topnews2{font: bold 17px arial;}
  .pDateTime{margin-left: 5px;}
  .folder-top .h2leadHN{padding: 5px;}
  .left-fnews .aImg130{float: initial;}
  .left-fnews .aImg130 img{
    max-width: 100%;
    width: 100%;
  }
  .folder-news{width: 100%; border: none;}
  .h2Title-14 {font-size: 13px; margin-top: 5px; margin-bottom: 5px;}

  .divSub-Folder{display: none;}
  #featured .content-center.news_detail_wrap{padding: 10px;}
  .cxtLeft .social_bar{margin-right: 0;}

}
/*responsive---------------------*/


@media screen and (min-width: 500px) {
    .page_menu_top  {
        display: none !important;
    }
}



#Category #BodyWraper
{
    display:inline-block;
    width:100%;
}


.img-subject
{
    max-width:200px;
}