*{
    margin: 0px;
    padding:0px
}
br {
    
    margin: 0;
    padding: 0;
}
h1 {
    font: bold 20px arial;
}
h4 a {  
     color: #092958;
       font-size: 14px;
         text-decoration: none;
          font-weight: normal;
 }
a{
    text-decoration: none;
    color:#333;
    
}
a:link, a:visited {
    
}
a:hover, a:active{
    
}
p {
    margin: 0;
    padding: 7px 0;
  
}
#popupbenner div a img {
max-height: 400px;
}
.hiechat {
    display: none;
}
#top-div-nav .benner{
    float: right;
    padding: 0;
}
#top-div-nav .benner a {
    color: #fff;
    padding: 5px;

    font-size: 1em;
    width: 45%;
}
.visitor_content_chat {
    width: 98%;
    float: left;
    padding: 2%;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #c1dbff;
}

.visitor_content_chat_client {
    width: 98%;
    float: left;
    padding: 1.5% 2%;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #c1dbff;
}

.visitor_content_chat_admin {
    width: 98%;
    float: left;
    padding: 1.5% 2%;
    border-radius: 3px;
    border: 1px solid #DBDADA;
    background-color: #ACFCBC;
    color: #444;
}

.submitchat {
    background-color: #359E9B;
    border: 1px solid #045653;
    border-radius: 4px;
    color: #fff;
    margin-top: 0;
    padding: 5px 10px;
}

#top-div-nav .benner label {
    color: #fff;
     padding: 5px;
    
}
#report {
    background-color: #3B7524;
    border-radius: 3px;
    float: left;
    left: 5px;
    bottom: 0;
    padding: 10px;
    position: fixed;
    width: 250px;
}
#report h2 {
    color: #fff;
    text-align: left;
margin-top: 10px;
font-weight: normal;
font-size: 17px;

}
#report h4 a {
    color: #FFF;
}
#report h4 {
    margin-top: 10px;
    
}

body { 
   background-color:#FFF;
    color: #333;
   font-size: 13px;
     font-family: Arial;

    line-height: 1.3;

    text-align: left;
 
  
}
time {
    font-size:  0.95em;
    font-weight: normal;
    color: #808080;

}
h4 p time {
    margin-left: 0;
}
h4 p {
    font-size: 13px;
    font-weight: normal;
    max-height: 30px;
    overflow: hidden;
    padding: 3px 0;
     text-decoration: none;
     margin: 0 0 4px;
     float: left;
}

.desktop {
    display: none;
   
}

.desktop p {
    margin: 0;
    padding: 0;
}
#ExpertsNews header h4 span {
    float: left;
    margin-bottom: -2px;
    margin-top: 6px;
    width: 100%;
}
h4 span a {
    color: #808080 !important;
    font-size: 0.9em !important;
}
figure img {
    border-radius: 3px;
  
}
#top-div-nav {
    width: 100%;
    float: left;
    margin: 0;
    padding: 6px 0 2px;
   background-color: #00AA00;
    
}
#detail header {
    width:100%;
}
#detail header hgroup  {
    width:100%;
}
#detail header hgroup #detail_figure  {
    width:100%;
    
}
#detail header hgroup #detail_figure  img {
    width:100%;
    max-width:400px;
    
}
.search #button {
    cursor: pointer;
}
.search .submit {
  background: url("../images/search.png") repeat scroll 0 0 / 25px 20px #fff;
    padding: 1px 0 !important;
    width: 32px !important;
    height: 21px !important;
    float: right;
    border-radius: 0 2px 2px 0 !important;
    cursor: pointer;
    border: 1px solid #FFF !important;
 
}

.navbar-toggle{
    background-color: #0E5983;
   
    float: left;
    margin: 0;

    padding: 10px;
    position: relative;
 
      border-bottom:1px  solid #0E5983 ;
       border-top:1px  solid #0E5983 ;
        border-right:1px  solid #ccc ;
          border-left:1px  solid #FFF ;
}

.navbar-toggle .icon-bar {
    
    border-radius: 1px;
    display: block;
    margin: 5px 0 ;
    height: 2px;
    width: 22px;
  
    background-color: #fff;
}

#container {
     margin:0 auto;
     width: 1084px;
    
}
#topcontainer {
    
    width: 100%;
    background-color: #FFF;
    float: left;
}
#searchinpurt {
    float: left;
    margin-left: 85px;
    width: 360px;
}
.sbqs_c {
    margin: 2px 0;
    font-size: 16px;
}
.sbqs_c:visited, .sbqs_c:hover {
      color: #fff;
      background-color:#5a6882   ;
      padding: 0 2px;
}
#wrappertop {
     margin:0 auto;
     width: 1084px;
     background-color: #000;
     height: 55px;
     
}
.wrapper {
		background-color:#FFF;
        width: 100%;
        float: left;
	    
		margin:0;
		padding:0;
	}
    
.before-navbar {
    color: #fff;
    font-size: 1em;
    padding: 0;
    float: left;
    width:63%;
}
.before-navbar a {
    padding: 5px;
    color: #fff;
    font-size: 1em;
    width:70%;
}
.before-navbar img {
    margin-top: -4px;
    padding: 0;
    color: #fff;
    float: left;
}





/* The following styles are only used for the styling of the demo page */

p.tzine{
	text-align:center;
	font-size:12px;
	margin:50px;
}

p.credit{
	text-align:center;
	color:#888;
	font-size:10px;
}

p.credit a,
p.credit a:visited{
	color:#ccc;
	border-bottom-color:#aaa;
}

p.credit a:hover{
	border-bottom-color:transparent;
}



a:hover{
	border-bottom:1px dashed transparent;
}


.clear{
	clear:both;
}



 img.picker
{
	    height:16px;
	    width:16px;
	    margin-left:-19px;
	    vertical-align:middle;
	    padding-bottom: 2px;
	    cursor:pointer;
	    border:none;		  
}

#top_content p {
    padding: 0;
    margin: 0;
    color: #444444;
    font-size: 90%;
    width: 99%;
}
#ul_menus_mobi {
    display: none;
}
#top_content {
    line-height: 1.4;
    width: 34.2%;
    min-height: 294px;
    background-color: #FFF;
    padding: 5px 1.3%;
    border-radius: 5px;
     margin-top: 2%;
     float: left;
    

} 
.navbar-toggle {
    display: none;
}
#search {

 
    float: right;
    height: 48px;
    width: 250px;

}
#search  input{
   border: medium solid #fff;
    margin: 20px 0;
    width: 65%;
    float: left;
    border-radius: 2px 0 0 2px;
}

#search img {
    margin-top: 10px;
    margin-left: -10px;
    height: 26px;
    float: left;
    background: #FFF;
    border-radius: 0 2px 2px 0;
    
}


#searchnav {
    display: block;
    background-color: #fff;
    border-radius: 2px;
  margin-right: 10px;
    float: right;
    width: 190px;
    margin-top: 12px;
}
#searchnav #textinput{
   border: 1px solid #fff !important;
    margin: 0;
    padding: 2px 5px !important;
    width: 74%;
    float: left;
    background-color: #fff;
    border-radius: 2px 0 0 2px;
}

#searchnav img {
    margin-top: 7px;
    height: 22px;
    float: left;
    background: #FFF;
    border-radius: 0 2px 2px 0;
    
}

#top_content p a {
    margin: 0;
    padding: 0;
    font-size: 92%;
    color: #3F7388;
 
   
}

form {
    width: 100%;
    margin-top: 1.2%;
}

#top_content .textmessage {
    width: 94%; 
    height: 22px;
    margin: 5px 0;
}

#top_content .textlink {
    background-color: #FFF;
    float: left;
    padding: .3%;
    color: #BBB;
    width: 62%; 
    margin: 0;
    height: 17px;
   
}

#top_content input {
    background-color: #F11E00;
    color: #FFF;
     border-radius: 5px;
    
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    width: 22%;
    padding: 0.4%;
    margin: 1% 4%;
  
   
}
.side_news .content_news_Category header h4 img {
    width: 98%;
    float: left;
}
.side_news #product {
    background-color: #E7E8E7 !important;
} 
.side_news #product header h4 img {
    width: 40px;
    float: left;
}


#top_content input {
    background-color: #F11E00;
    color: #FFF;
     border-radius: 5px;
    
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    width: 22%;
    padding: 0.4%;
    margin: 1% 4%;
  
   
}
#detail {
    width:99%;
    padding-right: 2px;
    line-height: 1.7;
    font-size: 14px;
    -moz-user-select: none !important;
-webkit-touch-callout: none!important;
-webkit-user-select: none!important;
-khtml-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
}

#detail figure img {
    width:100px;
}

#detail div {
    font-size: 14px
}
#detail span {
    font-size: 14px
}

#detail div span {
    font-size: 14px
}
#detail p span {
    font-size: 14px
}


#detail .experts{
    width:100%;
    float: left;

}

#detail .experts img{
    width:110px;
    float: left;
}

#detail .experts figcaption {
    float: left;
    margin-left: 5px;
}
#detail h2 strong {
    font-weight: bold;
}
#detail .experts figcaption a {
   color: #407e25;
    font-size: 15px;
    font-weight: bold;
}
#detail header {
    width: 100%;
    float: left;
    margin: 5px 0;
}
#detail header h1{ 
    margin-bottom: 5px;

    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #4c463d;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.7em;
  border-radius: 3px;
    padding: 10px;
    text-align: left;
}

#detail header p {
 
     text-align: justify;
    
}

#detail p {
     text-align: justify;
      line-height: 1.7;
      margin:  0 !important;
      float: left;
      width: 100%;
       font-size: 14px
}

#detail p span {
    font-size: 13px !important;
     font-family: arial !important;
}
#detail p span strong {
 
     font-family: arial !important;
}
#detail p div {
    font-size: 13px !important;
     font-family: arial !important;
}

#detail div span {
    font-size: 13px !important;
     font-family: arial !important;
}
#detail div{
    width: 100%;
    float: left;
}

#top_content .message {
    
width: 80%; 
float: left;
color: #F11E00;
    
  
}

#top_content header h4 {
    
    font-size: 95%;
    margin-top: -2%;
    margin-bottom: 0;
    padding: 0;
    float: left;
    
    
    
}

#top_content img {
    
   margin-top: 3%;
    margin-right: 2.5%;
    padding: 0;
    float: left;
    
    
}


#top_content header {
     margin-top: 4.5%;
    float: left;
    
     width: 90%;
  
    padding: 0;
    
    
}
#top_content .eventdaylist {
    float: left;
    
    width: 99%;
   
    padding: 0;
    
    
}

#top_content .eventdaylist h4 {
    margin-top: -2%;
    font-size: 95%;
   
    padding: 0;
    float: left;
    
    
}



#top_content .eventday{
    float: left;
    
    width: 99%;
    margin-top: 4%;
    padding: 0;   
 
     
    
    
}

#top_content .eventday h4 {
    
    font-size: 95%;
    margin: 0;
    padding: 0;
    float: left;
    
    
}

#top_content .eventday time {
    float: left;
    font-size: 110%;
    color: #F11E00;
    padding: 0;
    margin-right: 4%;
    font-style: italic;
    

} 

#top_content header time {
    float: right;
    font-size: 70%;
    color: #CCCCCC;
    padding: 0;
    margin: 0;
     font-style: italic;
} 

.slideshow {
   position:relative;
    overflow: hidden;
    float: left;
    width:99%;
    height: 170px;
	border: 5px solid #EAEAEC;
	border-radius:2px;
}    
.slideshow div {
 position:absolute;     
 height:360px;
 width:100% !important; 
 float: left; 
 top:0px;
 left:0;
 z-index:8;
}
.slideshow div img {
    width: 100%;
    max-height: 360px;
}   
 
.slideshow div.active {
        z-index:10;
    }
.slideshow div.lastactive {
        z-index:9;
    }
.conment .comment-reply {
    color: #2793E6;
    cursor: pointer;
   margin-bottom: 2%;
    padding-left: 9%;
    width: 90%;
    float: left;   
}
#top_header {
    padding: 0;
    margin: 0;
background-color:#FFF;
    width:100%;
    float: left;
}
.logo{
	width: 100%;
	margin: 0;
	padding:10px 0;
}
.logo a img {
   height: 106px;
    width: 113px;
}
.logo a {
    width:300px;
    float: left;
}

.logo #topbenner a img{
    height: 80px;
    width:773px;
}
.logo #topbenner{
    width: 768px;
    float: right;
    height: 105px;
}

#top_menu {
    width: 100%;
    background-color: #5a6882;
 
	float:left;
	
}
#navlogin {
    width: 100%;
    background-color:#9e6a3f;
	float:left;
    padding: 3px 0 ;
}
#top_menu #ul_menus {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    position: relative;
    width:100%;
    float: left;
}
#top_menu #ul_menus .active span {
    background-color: #7186AE   ;
}
#top_menu #ul_menus .li_menu  span a {
    color: #FFF;
     text-transform: uppercase;
     font-size: 0.85em;
}

#top_menu #ul_menus .active .ul_list {
    display: block;
     text-transform: uppercase;
}

#top_menu #ul_menus .li_menu ul {
    display: none;
}


#ul_menus ul.ul_list li {
    line-height: 14px;
}
.newsonly figure {
    width: 100%;
    float: left;
}


#ul_menus li.li_menu {
    float: left;
    position: static;
}

#ul_menus .li_menu span {

color: #f0f2dd;
    cursor: default;
    display: block;
    font-size: 14px;
 
    line-height: 45px;
    margin: 0;
    padding: 0 6px;
    }
  
  

 
#ul_menus ul.ul_list {
 
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    margin-left: 0;
    padding: 7px 0;
    position: absolute;
    top: 37px;
    width: 100%;
    background-color: #5a6882   ;
    visibility: visible;
}

#ul_menus ul.ul_list li:first-child {
    border-left: medium none;
}

#ul_menus ul.ul_list li {
    border-left: 1px solid #f0f2dd;
    color: #f0f2dd;
    float: left;
    height: 14px;
    line-height: 14px;
    padding: 0 18px;
    position: relative;
    width: auto;
}

#ul_menus ul.ul_list a:link, #ul_menus ul.ul_list a:visited {
    color: #f0f2dd;
}    





#ul_menus span:link, #ul_menus span:visited, #ul_menus span:hover {
      color: #fff;
      background-color:#5a6882   ;
}




#new_div {
     width:  100%;
     float: left;
     background-color: #FFF;
     padding-bottom: 30px;
    
    
}
#main_section {
  width: 67%;
  float: left;
  margin-right:0.5%;    
}

#main_section .newCategory {
	width:100%;
	float:left;
	margin-top:20px;
	}
#main_section .newCategory figure {
	width:32%;
	float:left;
	margin-right:2%;
	
	}
#main_section .newCategory header {
	width:65%;
	float:left;
	}
#main_section .newCategory header  h2 {
	width:100%;
	float:left;
	}
#main_section .newCategory header  span {
	width:100%;
	float:left;
	padding-right:10px;
	}
#main_section .newCategory header  span a {
	font-size:14pt;
	color:#006D00;
	margin-right:10px;
	}
#main_section .newCategory header  span time {
	font-size:14pt;
	color:#ccc;
	}		
#main_section .newCategory header  p {
	width:100%;
	float:left;
	font-size:12pt;
	max-height: 65px;
    overflow: hidden;
	}		
#main_section .newCategory header h2 a{
	font-size:15pt;
	}			
#main_section .newCategory figure img {
	width:100%;
	max-height:150px;
	border-radius:3%;

	
	}	
#main_section_news {
    
     width: 98%;

  
    float: left;
  margin: 30px 20px 10px 0;
  padding: 1%;
  background-color: #EAEAEC;

    
    
}

#main_section_news article {
    
     width: 31%;
     margin: 0;
     padding: 1%;
    float: left;
}

#main_section_news article figure {
     width: 100%;
    float: left;
}
#main_section_news article header h2 {
    margin: 5px 0 0;
    width: 100%;
    float: left;
    height: 28px;
    overflow: hidden;
    
    
}
#main_section_news article header h2 a {
    font-size: 16pt;
    color: #444;
}
#main_section_news article header p {
    float: left;
    font-size: 12pt;
    color: #444;
    max-height: 42px;
    overflow: hidden;
    width:100%;
    padding: 0;
}
#main_section_news article header span time {
    font-size: 13pt;
    color: #ccc;
    float: left;
}
#main_section_news article header span {
    width:100%;
    float:left;
}
#main_section_news article header span a {
    font-size: 13pt;
     margin-right: 10px;
    float: left;
}
#main_section_news article figure a img{
     width: 100%;
    float: left;
    max-height: 200px;
    border:5px solid #F7F7F7;
    border-radius: 2px;
}
#main_section_news span {
    width: 100%;
    float: left;
}
#main_sectionall {
    width: 100%;

  
    float: left;
  margin: 10px 3px 10px 0;
    
    
        
}

#top_main_section {
   width:100%;
   
    float: left;
  padding-top: 0;
         
}


 
.content_product {
    width: 100%;
    background-color: #eaeaec;
    padding:0;
	margin: 20px 0 10px;
    border-radius: 1px;
     float: left;
} 

.content_newstop1 {
    width: 100%;
   
    padding:0;
	margin: 10px 0 ;
    border-radius: 1px;
    float: left;
} 
.content_newstop1 .newsonly figure  a {
	width:350px;
	float:left;
	}
.content_newstop1 .newsonly figure  h4 {
    /*width:165px;*/
    float:left;
	   padding: 0;
	   max-height:100px;
	   overflow:hidden;
       margin-top: 5px;
	 
	
	}
    
.newsonly  p {
    width:100%;
    float: left;
     max-height:42px;
	   overflow:hidden;
    
    
}  
.content_newstop1 .newsonly .benner{
    width:100%;
    margin-top: 30px;
    float: left;
}
.content_newstop1 .newsonly .benner img{
    width:100%;
    max-height: 105px;
    height: 100%;
} 
#bennertop1 {
    width:100%;
    float: left;
}
#bennertop1 a {
    width:100%;
    float: left;
}

.newsonly #bennertop1 a img {
     width:100%;
     height: 100%;
     max-height: 100px;
     float: left;
     margin-top: 15px;
    
}
.content_newstop1 figure h4 a{
	font-size:19px;
    width:100% !important;
    float: left;
    
	
	}	
.content_newstop1 figure img {
	width:100%;
	max-height:200px;
}
.content_newstop1 .newstop5 {
	width:50%;
	float:left;
	
	}
.content_newstop1 .newstop5 h4 {
	margin:0 5px;
    border-bottom: 1px dotted #b9b9b9;
    padding: 10px 0;
	
	}	

.content_newstop1 .newstop5 h4 a {	
  font-size: 14px;
  font-weight: bold;
  color: #092958;
   
}
#content_product header {
	width:100%;
	float:left;
    margin: 10px 0;
	}
#content_product header img {
    border: 1px solid #efefef;
    border-radius: 2px;
    float: left;
    padding: 1%;
    width: 16%;
	}
#content_product header h4 {
	width:78%;
    padding-top: 5px;
    margin: 0 1%;
    float: left;
	}
    
   	
#content_producttop10 {
width: 100%;
background-color: #eaeaec;
padding:0;
margin: 20px 0 10px;
border-radius: 1px;
float: left;
}
.content{
width: 48%;
padding:0;
margin-right:2%;

float: left;
}
#detail h2 {
    /*color: #595247;*/
     /*background-color: #f7f7f7;*/
    /*border-bottom: 1px dotted #ddd;*/
     /*border-top: 1px dotted #ddd;*/
     /*padding: 5px 10px;*/
}


#detail ul {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0 10px;

}

#detail ul li {
    margin: 3px 0;
    width: 100%;
    float: left;
    list-style: none outside none;
} 
#detail ul li a {
    color: #092958;
     font-size: 1em;
    
}
#keyword {
    margin: 20px 0 0 15px;
}
#searchMain #searcontent #keyword {
    margin-top: 0 !important;
}
#keyword h4 a {
    background-color:#0E5983;
    padding: 3px 10px;
    margin-right: 5px;
    color: #fff;
    border-radius: 2px;
}
.newsonly {
     float: left;
    margin-right: 2%;
    
    width: 48%;
    
}
.newsonly h4 a {
     color: #092958;
    font-size: 14px;
    font-weight: bold;
}
.newsonly figure a img {
    width: 100%;
    border-radius: 2px;

    
}
.categorytitle {
 
    float: left;
    margin: 10px 0;
    padding: 3px 0;
    width: 100%;
    /*border-bottom: 1px dotted #ccc;*/
}
.categorytitle a {
   color: #6D6D6B;
    font-size: 18px;
    font-weight: normal;
 
}

.content .content_news_Category {
	width:100%;
	float:left;

	
	}
.content .content_news_Category h2 {
    width:100%;
	float:left;
	margin:10px 0;
    background-color: green;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
    
   
	}
.content .content_news_Category h2 a{
     font-size: 15px;
     padding: 10px 0;
     margin-top: -5px;
	 color: #FFF;
	 font-weight: bold;
    
	}
.content .content_news_Category h2 img{
    border: 2px solid #FFF;
    height: 8px;
    
	}    
    	
.content .content_news_Category	figure {
	width:100%;
	float:left;
	
	}
.content .content_news_Category	figure header h3 {
	background-color: #E4E3E3;
    background-image: -moz-linear-gradient(center top , #FBFBFB, #E4E3E3);
    float: left;
    max-height: 23px;
    overflow: hidden;
    padding: 5px 10px;
    width: 95%;
}	
.content .content_news_Category	figure header h3 a {
	font-size:13pt;
	 color: #333333;
	}
.content .content_news_Category	figure img {
	width:100%;
	float:left;
	max-height:220px;
	
	}	
.content .content_news_Category header {
	width:99%;
	float:left;
	margin-bottom:10px;
    padding: 5px 0;
	
	}
  

.content .content_news_Category header h4 {
    padding: 8px 0 10px;
    float: left;
    width:100%;
  	border-bottom: 1px dotted #b9b9b9;
	
	}
    
    
.content .content_news_Category .specialheader {
    	 border-bottom: 1px dotted #b9b9b9;
    margin-top: 4px;
    padding-bottom: 0;
    margin-left: 7px;
    width:94%;
    padding: 0;
        
    
}

.content #special{
    background-color: #f7f7f7;
    padding-bottom: 5px;
     margin-top: 10px;
}

.content #special h2 {
    background-color: #8C9280;
    border-bottom: none;
    border-top: none;
    margin-top: 0;
    margin-bottom: 5px;
}
.content #special h2 a{
    background-color: #0E5983;
    width: 40%;
    float: left;
    color: #fff;
    
    font-size: 15px;
    font-weight: bold;
    margin-top: -5px;
    padding: 5px;
    
}

.content #special h2 span{

    width: 100%;
    float: left;
    font-size: 13px;
    color: #fff;
    padding: 2px 5px;
    font-weight: normal;
    margin-top: 2px;   
}
.content .content_news_Category .specialheader h4 {
    	border-bottom:none;
    
}
.content .content_news_Category .specialheader h3 a {
    color:#092958 ;
}
.content .content_news_Category header .bordernone{
    border-bottom:none;
}   
.bordernone {
  
  	border: none;
	
	}    
 .content .content_news_Category header h4 a {

    color: #092958;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
      width:100%;
       float: left;
	
	}   
 .content .content_news_Category header h4 img {
       width:100%;
       max-height: 180px;
       margin-top: 5px;
       margin-bottom: 10px;
	
    
 } 
#ExpertsNews {
       width: 100%;
    float: left;
    margin: 10px 0;
    
} 
 #ExpertsNews header {
    width: 100%;
    float: left;
    margin: 10px 0;
 }
 
#ExpertsNews header h4 {
    width: 79%;
    float: left;
    margin-top: 3px;
 }
 
 #ExpertsNews header h4 a {
    font-size: 14px;
   color: #092958;
 }

 
 #ExpertsNews header img {

    border-radius: 3px;
    float: left;
    margin-right: 1%;
    width: 18%;
 }
 
 #graphNews {
       width: 100%;
    float: left;
    margin: 10px 0;
    
} 
 #graphNews header {
    width: 100%;
    float: left;
    margin: 0;
 }
 
#graphNews header h4 {
    width: 100%;
    float: left;
    margin-bottom: 0;
 }
 
 #graphNews header h4 a {
   background-color: #f7f7f7;
    border-radius: 3px;
    color: #5a6882;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 10px;
    width: 97%;
 }

 
 #graphNews header h4 img {
   border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    margin-right: 1%;
    width: 70%;
 }
 
 
 #specialNews .specialheader {
    width:100%;
    float: left;
     
  
 
    margin-top: 8px;
    padding: 0;

 }
 
 
  #specialNews .specialheader h3 {
    width:100%;
    float: left;
      border-bottom: 1px dotted #b9b9b9;
      margin-bottom: 10px;
   
 }
 
 
   #specialNews .specialheader h3  a {
    width:100%;
    float: left;
    color: #5a6882;
    font-size: 15px;
    margin-bottom: 3px;
 }
 

 

 
   #specialNews .specialheader h4 {
    width:100%;
    float: left;
    margin-bottom: 10px;
 }
 
  #specialNews .specialheader h4 a {
    margin: 5px 0;
    
  }
 
 .side_news .content_news_Category h2 {
 
    padding: 5px 0 ; 
    background-color: #5a6882;
    float: left;
    margin: 10px 0;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 3px;
    width: 99%;
    
    
      
	} 
 .side_news .content_news_Category h2 a {
    font-size: 15px;
    color: #fff   ;
  
 }
.side_news .content_news_Category h2 img {
    border: 2px solid #fff;
    height: 14px;
  
 }
.side_news .content_news_Category header #savedArticle {
    border-bottom: medium none;
    float: left;
    padding: 2px 0 6px;
    width: 50%;
}
.side_news .content_news_Category header #savedArticle a span {
    color: #888;
}     
 .side_news .content_news_Category header {
	width:99%;
	float:left;
	margin-bottom:10px;
    padding: 5px 0;
	
	}
 
 
 
#product h2 a {
    color: #fefd00;
    
}
.side_news .content_news_Category header h4 {
    padding: 8px 0 10px;
    
    width:100%;
    float: left;

  	border-bottom: 1px dotted #b9b9b9;
	
	}
    
  .side_news #product header h4 {
    margin-top: 15px;
 
	
	} 
 .side_news #product header {
    margin-top: -10px;
    /*background-color: #E7E7E7;
    padding-left: 10px;*/
    padding-right: 0;
    
 }     
    
.side_news #product header h4 a {
    float: left;
    margin-left: 5px;
    width: 277px;

	
	}  
    
 .side_news #product header h4 img {
    float: left;
	}     
.side_news .content_news_Category header .bordernone{
    border-bottom:none;
}   
 
.side_news .content_news_Category header h4 a {

    color: #092958;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
      width:100%;
	
	}   
 .side_news .content_news_Category header h4 a img {
      width:100%;
       max-height: 180px;
       margin-top: 5px;
       margin-bottom: 10px;
       border:1px solid #ccc ;
       border-radius: 3px;
	
    
 }  
 #content_experts #listexperts h4 {
    height: 38px;
    margin: 0;
    }
    
 #content_experts #listexperts h4 a {
    margin: 0;
    max-height: 20px;
    margin: 10px 0;
    }
  #content_experts  h2 {
    width:100%;
	float:left;
	margin:5px 0;
    border-bottom: 1px dotted #b9b9b9;
 border-top: none;
 
    padding: 5px 0;
    
   
	} 
 #content_experts  header {
	width:99%;
	float:left;
	margin-bottom:10px;
    padding: 5px 0;
	
        float: left;
	}
 
 #content_experts  header h4 {
    padding: 0;
    float: right;
    width:100%;
	}
    
 #content_experts h2 a {
    color: #5a6882   ;
    font-size: 15px;
    font-weight: bold;
 
 }
 #content_experts  header .bordernone{
    border-bottom:none;
}   
 #content_experts  header p{
    width: 100%;
    float: left;
     max-height: 50px;
      overflow: hidden;
      margin-top: -5px;
      padding: 0;
 } 
 #content_experts header h4 a {

    color: #092958;
    float: left;
    font-size: 14px;
    font-weight: normal;
    max-height: 87px;
    margin-left: 5px;
    margin-top: 5px;
    overflow: hidden;
    text-decoration: none;
    width: 192px;
	
	}   
 #content_experts  header h4 img {
      width:135px;
      height: 76px;
      margin-top: 5px;
      margin-bottom: 10px;
      float: left;
      border-radius: 2px;
 }  
    
        
.content .content_news_Category nav ul li {
	 background: url("/images/do.png") no-repeat scroll left 8px rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    margin-bottom: 8px;
    padding-left: 12px;
	height: 20px;
	overflow:hidden;
	
	}			

.content .content_news_Category nav ul li a{
   font-size: 13pt;
    font-weight: normal;
    line-height: 20px;
    padding-right: 12px;
	
	}	

#main_section #speciaNews .newstypetop {
    
    width:100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    
    
    
}
#main_section #speciaNews {
 
    margin-top: 5px;
}

#main_section #speciaNews  .categorytitle{
       border-bottom: none;
}
#main_section #speciaNews  .categorytitle a {
       padding: 0;
}


#main_section #speciaNews .newstypetop 	figure 	 {
    
    width:25%;
    float: left;
    
}


#main_section #speciaNews .newstypetop 	 h4	 {
    
    width:73%;
    margin-left: 1%;
    float: left;
    
}
#main_section #speciaNews .newstypetop h4 a{
color: #092958;
    font-weight: bold;
    font-size: 16px;
}

#main_section .newstype {
      width:100%;
     float: left;
     margin-top: 20px;
}
#main_section #speciaNews .newstypetop h4	p {
    
    width:100%;
    float: left;
     font-size: 13px;
     font-weight: normal;
     max-height: 48px;
    
}

#main_section #speciaNews .newstype h4 {
    
    width:100%;
    float: left;
    margin-bottom: 13px;
    
}


#main_section .newstype h4 a {
    color: #092958;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    float: left;
    width:100%;
    
}
#main_section .newstype h4 time {
    font-size: 0.9em;
}

.contentlist table{
    background-color: #CCC;
}
.content table tr{
    background-color: #FFF;
}


.contentlist table tr td {
   padding-left: 1%;
}


.contentlist {
    min-width: 340px;
    width: 97%;
    background-color: #FFF;
    padding: 5px 13px;
    margin: 10px 0;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    
  
     float: left;
    

} 

.contentlist table{
    background-color: #CCC;
}
.contentlist table tr{
    background-color: #FFF;
}


.contentlist table tr td {
   padding-left: 1%;
}

.navpage {
    
     font-family: Arial;
    width: 100%;
    float: left;
    
}
.content_producttop10 span {
    width: 100%;
    float:left;
}
.content_producttop10 span ul {
    margin-left: 10px;
}
.navpage .next {
    
    padding: 5px 18px ;
    
}
 .navpage li {
        
   background-color: #5a6882   ;
    border-radius: 1px;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    margin: 20px 1px 20px 0 !important;
    overflow: hidden;
    padding: 5px
}
 .navpage li a {
    color: #FFF;
    
 }
 
 .side_news #content_experts {
    float: left;
    margin-top: -1px;
 }
 


.content h1 {
    
    margin-bottom: 15px;
    font-size: 120%;
    color: #F11E00;
}


#top_content h1 {
    
    margin-top: 3%;
    font-size: 120%;
    color: #F11E00;
}


.detailnews samp ul li {
    
    list-style: none outside none;
    padding: 0;
}
.detailnews samp ul li a {
    font-size: 12pt;
}
.nav_left {
	width:15%;
	float:left;
	margin-left:1.5%;
	 margin-top: 20px;
	}
.nav_left ul li {	
	list-style: none outside none;

}
.nav_left ul li a {
	font-size:14pt;
	line-height:30px;
	}
.nav_left h1 a {	
    background-color: #FFFFFF;
    color: #444444;
    font-size: 14pt;
    padding-right: 20px;
}
.nav_left h1 {
    background: url("/images/line.png") repeat-x scroll center center rgba(0, 0, 0, 0);
    height: 30px;
    line-height: 30px;
    margin-bottom: 13px;
    margin-top: 2px;
	width:93%;
}
.side_news {
    float: left; 
    width: 31%;
    margin: 0;
    border-radius: 2px;
    padding: 10px 0 10px 10px;
    background: #FFF;
}
.side_news .navside ul li a {
    font-size: 13pt;
    color: #32BAB6;
}

.side_news .tableevent { 
    background: #CCC !important;
    width: 100%;
    
    
  
   
}


.side_news .tableevent tr { 
   
    
    background: #FFFFFF;
  
   
}

.side_news .tableevent  tr td { 
    padding: 0 .5% 4%;
    color: #FD6A00;
    font-size: 80%;
   
    background: #FFFFFF;
    
  
   
}

.side_news .tableevent  tr a { 
  
 
font-size: 130%;
   
 
    
  
   
}

.side_news .tableevent tr td p { 
    padding: 4%;
    color: #FFF;
     margin-right: 60%;
    font-size: 90%;
    background: #F11E00;
    width: 100%;
    font-weight: bold;
     border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    
  
   
}




.navside {
    margin-top: 14px;
    border-top: 1px solid #CCC;
    width: 95%;
    float: left;

}
.navside h1 a {
    margin-bottom: 20px; 
    color:#444;
    font-size: 18pt;
}
.navside ul li {
    padding: 0 !important;
}
.navside h1 {
    margin-top: 10px; 
}
.navside h4 a {
    margin-bottom: 5px; 
    color:#32BAB6;
    font-size: 11pt;
}


.side_header h1 a {
    color:#444;
    font-size:14pt;
	background-color:#FFF;
	padding-right:30px;
}

.side_header h1 {
    margin-bottom: 13px;
    margin-top: 2px;
	background: url("/images/line.png") repeat-x scroll center center rgba(0, 0, 0, 0);	
	height: 30px;
    line-height: 30px;
}
.side_header {
    width: 100%;
    
}
.side_header article {
    width: 100%;
    margin-bottom: 20px; 
    float: left;
      
}
.side_header article figure {
    width: 50%;
    float: left;
    margin-right: 10px;
}
.side_header article figure a img {
    width: 100%;
    max-height: 100px;
    border-radius: 3px;
}
.side_header article h4 {
    width: 45%;
    float: left;
	
	
}
.side_header article h4 a {
    font-size: 12pt;
    color: #444;
    overflow: hidden;
}


.side_news form {
    
    margin-right: 1.5%;
    margin-bottom: 2%;
}

.side_news h3  { 
    font-size: 90%;
	
    
   
}

.side_news ul li a { 
    overflow: hidden;
    list-style: none;
    font-size: 80%;
  color:#236B88;
   
}
.side_news ul li { 
     list-style: none;
  padding: 5px;
   
}

.supporter_content_chat{
 
    color: #056B68;
}

.side_news #sectionchat {
    background-color: #034442;
    border-radius: 3px;
    bottom: 0;
    float: left;
    margin-bottom: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    width: 320px;
}
#h2chat {
    color: #fefd00;
}
#the_footer {
     background-color: green;
    float: left;
    width: 100%;
}
#the_footer #ChatClient {
    width:31%;
    float: right;
}
.content header h4 a {

    color: #3F7388;
    }
    

  
#the_footer .pull-right {
    color: #FFF !important;
    width:200px;
    
}
#the_footer .pull-right a {
    color: #FFF !important;
    
}
 #main_section .contentditail {
   border-radius: 1px;
    border-right: 1px solid #EAEAEC;
    float: left;
    margin: 20px 0;
    padding: 0 10px;
   width: 97.5%;
    
 }
 
  #main_section .contentditail h2 {
    width: 100%;
    float: left;
    
 }
  #main_section .contentditail span {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px  dashed #EAEAEC;
    margin-bottom: 10px;
    
 }
  #main_section .contentditail h4 {
    width: 100%;
    float: left;
    
 }
 #main_section .contentditail time {
    width: 95%;
    float: left;
    text-align: right;
    color: #ccc;
 }
  #main_section .contentditail figure {
    width: 45%;
    float: left;
    margin-right: 20px;
 }
   
  #main_section .contentditail figure img {
    width: 100%;
    float: left;
    height: 100%;
    max-height: 200px;
    border-radius: 3px;
    border: 5px solid #EAEAEC;
 }
 
   #main_section .contentditail hgroup {
    width: 50%;
    float: left;
 }      
 #main_section .contentditail p {
    width: 100%;
    float: left;
    line-height: 1.5;
     font-size: 13pt;
     
 } 
  #main_section .contentditail img {
    max-width: 600px;
     
 } 
 
  #main_section .detailnews {
   border-radius: 1px;
    border-right: 1px solid #EAEAEC;
    float: left;
    margin: 20px 0;
    padding: 0 10px;
   width: 97.5%;
    
 }
 
  #main_section .detailnews header hgroup h2 {
    width: 100%;
    float: left;
    font-size: 18pt;
    
 }

  #main_section .detailnews header hgroup h4 {
    width: 100%;
    float: left;
    font-size: 13pt;
    font-style: italic;
    
 }
 #main_section .detailnews time {
    width: 95%;
    float: left;
    text-align: right;
    color: #ccc;
 }
 

   #main_section .detailnews header  {
    width: 100%;
    float: left;
 }      
 #main_section .detailnews p {
    width: 100%;
    float: left;
    line-height: 1.5;
     font-size: 13pt;
     
 }
 
  #main_section .detailnews p span {
    width: 100%;
    float: left;
    line-height: 1.5 !important;
     font-size: 13pt !important;
     color: #444 !important;
     
 }  
  #main_section .detailnews img {
    max-width: 600px;
     
 }
 
#authen h3 {
    border: none;
    background-color: red;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
    margin-top: 15px;
    font-size: 1em;
}
#authen h3 a {
     background: #ffffff   ;
     padding: 2px 7px;
      border-radius: 2px;
     margin: 0 2px;
     font-size: 1em;
}
#authen h3 u {
    color: yellow !important;
    font-size: 1em;
}
 #article_login {
    width:96%;
    float: left;
   
    background-color: #636E66;
    border-radius: 3px;
    padding: 10px;
    
 }
 #article_register {
    width:60%;
    float: left;
    margin: 2% 2% 2% 0;
     background-color: #636E66;
    border-radius: 3px;
    padding: 10px;
    
 }
#article_register form h2 {
    color: #fff;
  }
#article_register form .submit {
    background-color: #5a6882;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    margin-top: 14px;
    padding: 5px 10px;
  }
  
  #article_login form h2 {
    color: #fff;
  }
 .label_login {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-top: 10px;
 
    color: #fff;
 
 }
 
  #article_login form .submit {
    background-color: #5a6882;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    margin-top: 14px;
    padding: 5px 10px;
  }
.input_login {
    border: 1px solid #fefefe;
    border-radius: 4px;
    float: left;
    font-size: 14px;
    margin: 2px;
    padding: 8px;
    width: 94%;
 }
 #section_left {
     width: 32%;
     float: left;
     margin: 2%;
 }
 #searchMain {
    width: 100%;
    float: left;
    margin-top: 15px;
 }
 #searchMain  h2 {
    width:70px;
    float: left;
    font-size: 16px;
    margin-top: 10px;
    color: #6d6d6b;
 }
  #searchMain  #searcontent {
    width:450px;
    float: left;
 }
   #searchMain  #searcontent .text {
    width:350px;
    float: left;
    line-height: 1.2em ;
    padding: 4px;
    font-size: 15px;
 }
 
    #searchMain  #searcontent .submit {
        margin-top: -1px !important;
        margin-left: 0 !important;
        padding: 4px;
        background: url("/images/search2.png") repeat scroll 8px 0 / 30px 30px  #4387fd;
    border-radius: 0 2px 2px 0 !important;
    cursor: pointer;
    height: 30px !important;
    width: 48px !important;
    float: left;
    border:1px solid #FFF;
        
 }
 #hdtbSum {
    margin-top: 15px;
    width: 100%;
    float: left;
    border-top: 1px dotted #ccc;
    float: left;
    margin-top: 20px;
    width: 100%;
    padding-top: 5px;
 }
 .side_news #listsessionnews {
    background-color: #e1e4e1;
    border-radius: 3px;
    bottom: 0;
    float: left;
    margin-bottom: 0;
    padding: 10px 1%;
    position: fixed;
    right: 10px;
    width: 250px;
 }
  .side_news #listsessionnews h2 {
     font-size: 15px;
    color: #407e25;
 }

 .side_news #listsessionnews header h4 a {
    color: #092958;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
}

.side_news #listsessionnews header {
    float: left;
    margin-bottom: 10px;
    padding: 5px 0;
    width: 99%;
}
.side_news #listsessionnews header h4 {
    border-bottom: 1px dotted #b9b9b9;
    float: left;
    padding: 6px 0;
    width: 100%;
}
.content .content_news_Category header #savedArticle {
    border-bottom: medium none;
    float: left;
    padding: 2px 0 6px;
    width: 50%;
}
.content .content_news_Category header #savedArticle a span {
    color: #888;
}
.content_newstop1 .categorytitle #daynews {
    color: red;
    font-size: 15px;
    font-weight: bold;
    width: 51%;
     float: left;
}
#logofooter #logagro {
    background-color: red;
    padding: 1px 5px;
}
#logofooter a {
    color: #fff;
    margin-left: 5px;
}
.textsearch {
    margin-left: 5px !important;
}
#article_register #frmRegister .div_from fieldset .spancheckbox {
    width:49%;
    float: left;
}
#article_register #frmRegister .div_from fieldset .spancheckbox #GroupCategory {
 margin-right: 5px;
}  

#section_keyword {
    border: 1px solid #a5cae4;
    border-radius: 5px;
    float: left;
    margin: 1% 0 0;
    padding-bottom: 15px;
    width: 99%;
}
#keyword {
    margin: 20px 0 0 15px;
}

#section_keyword #keyword ul li {
    background-color: #0d6966;
    border-radius: 2px;
    color: #fff;
    float: left;
    margin: 3px;
    padding: 2px 6px;
}
ul li {
    list-style: outside none none;
}
#section_keyword #keyword ul li a {
    color: #fff;
    font-family: Arial;
    font-size: 1em;
}
#menuchat {
    color: yellow;
}
#sectionchatmobi {
    display: none;
    float: right;
    margin-right: 10px;  
}
#ChatClientMobi {
    background-color: #034442;
    border-radius: 3px;
    top: 0;
    float: left;
    margin-bottom: 0;
    padding: 2%;
    position: fixed;
    right: 0;
    width: 96%;
    display: none;
}
#clientmessages {
      overflow: auto;
      height: 300px;
    
}

#top-div-nav #telmobi {
    display: none;
}
 @media screen and (min-width : 769px) and (max-width: 1024px){
    
     .body {
    margin: 0 auto;
    width: 100%;
	font-size:13px;
	
    
}
.desktop {
    display: block;
}
.logo #topbenner {
    display: none;
}
.side_news #listsessionnews {
    display: none;
}

#top-div-nav .benner {
     width:40%;
}
#top-div-nav .benner a {
    width:50%;
}
.content_newstop1 .newsonly figure h4 {
    width:auto;
}
.side_news #content_experts {
    margin-top: 10px;
}
.before-navbar {
    margin-right: 10px !important;
    font-size: 14px;
}
#topcontainer #wrappertop .benner {
    margin-left: 15px !important;
}
#detail {
    width:98%;
}
#ul_menus .li_menu span {
    padding: 0 12px;
}
#ul_menus ul.ul_list li {
    width: 0 12px;
}
#searchnav{
    margin-right: 15px;
    margin-top: -150px;
    border: 1px solid #CCC;
}
#main_section {
    width: 98%;

    margin: 0;
}

.side_news {
    float: left;


     margin: 0;
    width: 98%;
     border-top: 1px dotted #ccc;
    padding: 2% 0;
}
.content_newstop1 .newstop5 {
    width:48%;
}
#container {
    width: 97%;
}
#topcontainer {
     width: 100%;
     display: none;
   
}
#wrappertop {
     width: 100%;
   
}
.side_news #content_experts {
    width: 48%;
    float: left;
}

.side_news section {
    width: 48%;
    float: left;
    margin-left: 2%;
}
#section_left{
    width:63%;
}



    }
    
   
  

@media screen and (min-width : 481px) and (max-width: 768px){
    
 .body {
    margin: 0 auto;
    width: 100%;
	font-size:62.5%;
	
    
}
.desktop {
    display: block;
}
.side_news #listsessionnews {
    display: none;
}
time {
     font-size: 1em;
}
p {
    font-size: 1.3em;
}
h3 {
    font-size: 1.4em;
}
h4 p {
    font-size: 1.3em;
}
#detail p img {
    width: 97%;
}
#detail div {
    font-size: 1.3em !important;
}
#main_section #speciaNews .newstypetop h4 a {
    font-size: 1.6em;
}
#main_section #speciaNews .newstypetop h4	p {
    font-size: 1.3em;
}
#main_section .newstype h4 a {
    font-size:1.4em;
}
.side_news .content_news_Category h2 a {
    font-size: 1.4em;
}
#content_experts h2 a {
       font-size: 1.4em;
}
.side_news .content_news_Category header h4 a {
    font-size: 1.3em;
}
#searchnav{
    display: none;
}
#article_register {
    width:91%;
    margin-left: 3% !important;
}
#section_left{
   margin-left: 3%;
    width: 95%;
}
#article_register #frmRegister .div_from{
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
#article_register #frmRegister .div_from fieldset{
    height: 50px !important;
}


.content_newstop1 .newsonly figure h4 {
    width: auto;
}
#main_section {
    width: 96%;
    padding: 0 2%;
    margin: 0;
}
#top_menu{
    width: 250px;

}
#top_menu #ul_menus {
    display: none;
}
#top_menu #ul_menus li ul {
    display: none;
}

#content_experts header h4 {
    float: left;
}
#content_experts header h4 a {
    width:75%;
    float: left;
    font-size: 1.3em;
    margin-right: 3%;
    max-height: 55px;
}
#content_experts header h4 img {
    width: 20%;
    float: left;
}

#top_menu a:link, #top_menu a:visited {
	padding:10px 15px;
	} 
.slideshow .slideshowimg {
	height:200px;
	}
.content_producttop10 section figure {
	width:50%;
	
	}	
.content_producttop10 section header {
	width:46%;
	
	}	
  
#top_header {
    
    width:  100%;
    }
 
  
.content {
    width: 95.9%;
}    

#top_content {
    
    width: 96.4%;   

}

.side_news {
    float: left;
    padding: 0 2%;
    margin: 0;
    width: 96%;
}



#top_content header {
    margin-top: 5%;
}

.content_product {
    margin: 0;
}
.side_header article figure {
    width: 40%;
}
.side_header article figure a img {
    max-height: 130px;
}
.side_header article h4 {
    width: 53%;
} 

.side_header article {
    border-bottom: 1px dashed #CCC;
    padding-bottom: 10px;
    
}
#main_section_news article {
    width: 46%;
    margin-right: 2%;
}
#main_section_news article figure a img {
    max-height: 160px;
} 
.content_newstop1 .newstop5 {
    width: 100%;
}

.content_newstop1 .newsonly {
    width: 100%;
}
.benner {
    display: none;
} 
.content {
    width: 100%;
    float: left;
}  

#container {
    width: 99%;
}
#topcontainer {
     width: 100%;
   
}
#wrappertop {
     width: 100%;
   
}
.logo {
   width: 66%;
    margin: 0;
    float: right;
    padding: 0;
}


.logo a img {

   width: 120px;
    height: 112px;
    margin-top: 7px
}

.navbar-toggle {
    display: block;
    margin-right: 5px;
}
#main_section {
    margin: 0;
}  
 #content_experts header p {
    max-height: 34px;
    font-size: 1.3em;
 }   
 .content .content_news_Category header h4 img {
    width: 350px;
    height: 200px;
 }
.content_newstop1 .newsonly figure a img {
    width: 100%;
    float: left;
    height: 100%;
}
.content_newstop1 .newsonly figure a {
    width: 35%;
    float: left;
}
.content_newstop1 .newsonly figure h4 {
    width: 63%;
    float: left;
    margin-left: 2%;
}
.content_newstop1 .newsonly figure h4 a {
    width: 100%;
    float: left;
    font-size: 1.6em;
}
.newsonly p {
    font-size: 1.3em;
}
.content_news_Category header h4 img {
    width: 450px;
    max-height: 250px;
}
.content_newstop1 .newstop5 h4 a {
    font-size: 1.4em;
}
.content .content_news_Category .specialheader h3 a {
     font-size: 1.4em;
}
.content .content_news_Category header h4 a {
    font-size: 1.3em;
}
.content .content_news_Category h2 a {
    font-size: 1.4em;
}
.side_news #product header h4 a {
    font-size: 1.3em;
}
.side_news #product header h4 img {
    width: 75px;
    height: 100px;
    display: none;
 
}
.side_news #product header h4 a {
    width:auto;
}

.side_news #content_experts h2 a {
    padding: 0;
}
#top_menu{
    width:  250px;
   background-color: #0E5983;
   display: none;
    }  
 #top_menu li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
 }
 #top_menu #ul_menus .li_menu {
     background-color: #0E5983;
    
 }
 #top_menu #ul_menus {
      background-color: #0E5983;
    position:unset ;
    width: 250px;
     position: absolute;
 }
#top_menu #ul_menus li span {
      background-color: #0E5983;
}
#top_menu #ul_menus .li_menu span  {
      border-bottom: 1px solid #ccc;
}
#main_section .newstype {
    margin-top: 10px;
}
#main_section #speciaNews .newstypetop{
    margin-bottom: 5px;
}

 #ul_menus ul.ul_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    line-height: 12px;
    padding: 12px 0;
    width: 100%;
    border-left: none;
     background-color: #5a6882   ;

 }
 #ul_menus li {
    margin: 0;
    padding: 0;
      border-bottom: 1px solid #ccc;
    
 }

 
 #top_menu #ul_menus .li_menu span a {
    margin-left: -12px;

 
 }

 #top_menu #ul_menus .li_menu span #home_li_menu {
    margin-left: -18px !important;

 
 }
 
  #top_menu #ul_menus .li_menu span {
    font-size: 15px;
   
      color: #fff;
 
    padding: 0 12px;
  }
#top_menu #ul_menus .active span {
     background: #0E5983;
    
 }
 

#top_menu #ul_menus .li_menu .active {
     background: #28411A;
 }
#top_menu .li_menu .ul_list .active  {
     background: #28411A;
} 
 #top_menu #ul_menus .li_menu .ul_list {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    position: static;
 }
  #top_menu #ul_menus .li_menu #id_ul_list {
    display: none;
  }
 #top_menu #ul_menus .li_menu {
    margin-top: -1px;
  }

  #top_menu #ul_menus .li_menu #home_list_menu {
    display: none;
  }
 
#detail .experts img {
    width: 30% !important;
}
 

#search {
       background-color: #0e5983;
    display: none;
    float: left;
    margin-top: 0;
}
#search input {
    margin: 15px 0;
    height: 16px;
}
#graphNews header h4 a {
    font-size: 1.4em;
    width: 96%;
}
#graphNews header p {
    font-size: 1.3em
}
#detail  img {
    width: 97% !important;
}
#detail p span {
    font-size: 1.3em;
}
h3 {
    font-size: 1.3em;
    line-height: 1.7em;
}
#detail p {
    font-size: 1.3em;
     line-height: 1.7em;
}
#detail p:only-child {
    font-size: 1.3em ;
     line-height: 1.7em;
}
#detail div {
    font-size: 1.3em !important;
     line-height: 1.7em;
}
.content_newstop1 .categorytitle #daynews {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: -10px;
    width: 100%;
}
#logofooter #logagro {
    background-color: red;
    padding: 1px 5px;
}
#logofooter a {
    color: #fff;
    margin-left: 5px;
}
#sectionchatmobi {
    display: block;
}
.side_news #sectionchat {
    display: none;
}
}

@media only screen and (max-width: 480px){
 body {
	font-size:62.5%;
	}
 .logo {
}
.side_news #listsessionnews {
    display: none;
}

.desktop {
    display: block;
}

.content_newstop1 .categorytitle #daynews {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: -10px;
    width: 100%;
}
p {
    font-size: 1.2em;
}
#detail .experts img {
    width: 40% !important;
}
 
h3 {
    font-size: 1.3em;
    line-height: 1.6em;
}
#detail {
    line-height: 1.5em;
}
#detail img {
    width: 97%;
}
#detail p img {
    width: 97%;
}
#detail p span {
    font-size: 1.2em;
}
#detail p {
    font-size: 1.2em;
     line-height: 1.5em;
}
#detail p:only-child {
    font-size: 1.2em ;
     line-height: 1.5em;
}
#detail div {
    font-size: 1.2em !important;
     line-height: 1.5em;
}
#graphNews header p {
    font-size: 1.2em
}
#searchnav{
    display: none;
}
#article_register {
    width:88%;
    margin-left: 3% !important;
}
#section_left{
   margin-left: 3%;
    width: 92%;
}
#article_register #frmRegister .div_from{
  
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    
}
#article_register #frmRegister .div_from fieldset{
    height: 50px !important;
}
.content .content_news_Category h2 {
    font-size: 1.5em;
}
#main_section #speciaNews .newstypetop h4 p{
    max-height: 28px;
}
#top_header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 121px;
    border-bottom: 1px solid #A8A8A8;
 
    }
#main_section #speciaNews .newstypetop h4 a {
    font-size: 1.6em;
}
#main_section .newstype h4 a {
    font-size: 1.2em;
} 
h4 p {
     font-size: 1.2em;
     max-height: 28px;
    
}

.logo a {
    width: auto !important;
}   
.logo a img {
       width: 130px;
    height: 114px;
}
#top_header #search input {
    margin: 15px 0;
    width:75%;
    height: 16px;
}
.logo {
   margin-top: 6px;
    margin-left: 10px;
    width: 66%;
    float: right;
    height: 100% !important;
    margin: auto; 
}

#searchMain #searcontent {
    width:100%;
}
#searchMain #searcontent .text{
    width: 70%;
}
#searchMain #searcontent #keyword{
    margin: 0;
}
#searchinpurt {
    width: 90%;
    margin-left: 0;
}

#graphNews header h4 a {
    font-size: 1.3em;
     width: 94%;
}
.newsonly p {
    max-height: 24px;
    font-size: 1.2em;
}
.content_newstop1 .newstop5 h4 a {
    font-size: 1.3em;
}
.content .content_news_Category .specialheader h3 a{
    font-size: 1.3em;
    
}
.content .content_news_Category header h4 a {
    font-size: 1.2em;
}
.content_newstop1 .newsonly figure a img {
    width: 98%;
    float: left;
    height: 100%;
    margin-left: 1%;
  
}
.content_newstop1 .newstop5 h4 {
    margin: 0;
}
.content_newstop1 .newsonly figure a {
    width: 100%;
    float: left;
}
.content_newstop1 .newsonly figure h4 {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.content_newstop1 .newsonly figure h4 a {
    width: 100%;
    float: left;
    font-size: 1.5em;
}

.pull-left {
    margin-right: 10px ;
}
#wrappertop {
     width: 100%;
   
}
#main_section {
    margin: 0;
    padding: 0;
}   
    
#container {
    width: 99%;
} 
#topcontainer {
     width: 100%;
     display: none;
   
}   	
.body {
	width:100%;
    margin: 0 auto;
	
	}
    
 #content_experts header p {
    max-height: 28px;
    font-size: 1.2em;
 }   
#main_section {
	width:96%;
    margin: 0 auto;
    padding: 0 2%;
	
	}
 .content .content_news_Category header h4 img {
  
    width: 100%;
}   
.content_newstop1 .newstop5 {
    width: 100%;
}
.content {
    width: 100%;
    float: left;
}
.content_newstop1 .newsonly {
    width: 100%;
}
.benner {
    display: none;
}
  
.side_news .content_news_Category header h4 a {
    font-size: 1.2em;
}	
.content_product figure {
width: 43.5%;
float: left;
padding: 2.5% 2.5% 1%;
}
.content_product {
	margin:0;
	
	}
.content_producttop10 section figure a img {
	height:150px;
	}
.content_producttop10 section header {
	width: 46%;
	}
.content_producttop10 section figure {
	width:50%;
	
	}
    
.content_producttop10 section header span a span {
	padding:5px;
	width:50%;
	
	}	
#content_experts header h4 a {
    width:auto;
    float: left;
    position: absolute;
    padding-right: 15px ;
    font-size: 1.2em;
    max-height: 76px;
}
#content_experts header h4 img {
    width: 105px;
    float: left;
    
}    		
.wrapper {
	width:97%;
    margin: auto;

	}	
.navbar-toggle {
    display: block;
}
 #top_menu{
    width:  210px;
    height: 0;
      display: none;
    } 
 #top_menu #ul_menus {
     width:  210px;
     float: left;
     display: none;
 }    
 #top_menu li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
 }
 #ul_menus ul.ul_list li {
    border-bottom: 1px solid #ccc;
    float: left;
    line-height: 12px;
    padding: 12px 0;
    width: 100%;
    border-left: none;
     background-color: #5a6882   ;

 }
 #ul_menus li {
    margin: 0;
    padding: 0;
      border-bottom: 1px solid #ccc;
    
 }
 #top_menu #ul_menus .li_menu span a {
    margin-left: -10px;
 }
 
  #top_menu #ul_menus .li_menu span {
     padding: 0 10px;
      border-bottom: 1px solid #ccc;
  }
#top_menu #ul_menus .active span {
    background: #0E5983;
 }

 #top_menu #ul_menus .li_menu .active {
     background: #28411A;
 }
#top_menu .li_menu .ul_list .active  {
     background: #28411A;
} 
 #top_menu #ul_menus .li_menu .ul_list {
    display: block;
   float: left;
    width: 100%;
    padding: 0;
    position: static;
 }
  #top_menu #ul_menus .li_menu #id_ul_list {
    display: none;
  }
 #top_menu #ul_menus .li_menu {
    margin-top: -1px;
  }

  #top_menu #ul_menus .li_menu #home_list_menu {
    display: none;
  }
 
#top_menu #ul_menus .li_menu {
     background: #0E5983;    
}
#search {
    height: 50px;
    width: 210px;
    background-color: green;
    float: left;
    margin-top: 0;
}
.header_search {
    display: none;
}
.slideshow {
    float: left;
    overflow: hidden;
    max-height: 200px;
}  

.slideshow div {
    max-height: 200px;
}
.slideshow div img {
    max-height: 200px;
}
.content_producttop10 section header h2 {
    font-size: 20pt;
}
.content_producttop10 section header p {
	font-size:16pt;
    max-height: 50px;

	
	}    
#main_section_news article {
width:45%;
margin: 0 1%;
}
#main_section_news article figure a img {
max-height:120px;

}
#main_section_news article header h2 {
margin-top:-5px;
}
#main_section_news article header h2 a {
font-size:14pt;
}
#main_section_news article header {
margin-top:-10px;
}
#top_menu a:link, #top_menu a:visited {
	padding:10px 15px;
	}
#top_main_section {
	width:99%;
	
	}
#top_menu a:link, #top_menu a:visited {
	padding: 9px 10px 11px;
	}
.side_news {
    width:96%;
    padding: 0 2%;
    margin: 0;
} 
.side_news #content_experts h2 a{
    padding: 0 !important;
}

.side_header article {
border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 10px; 
} 
.side_header article figure a img {
    max-height: 100px;
}

#detail div {
    width:  100% !important;
}
#detail div img  {
    width: inherit !important;
    
}
.side_news #content_experts {
    width:100%;
}
.content_news_Category header h4 img {
    width: 250px;
    max-height: 150px;
}

.side_news #product header h4 img{
    width: 75px;
    height: 100px;
    display: none;
 
}
.side_news #product header h4 a {
    width:auto;
}
.mobiminnone {
    display: block ;
}
#top-div-nav #telmobi {
    display: block;
}
.before-navbar {
  
    padding-right: 10px;
}
#main_section #speciaNews .newstypetop figure {
    margin-left: 1%;
    width:96%;
}
#main_section #speciaNews .newstypetop h4 {
    width:98%;
}		
}

/*menu*/
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin:0;
    padding: 0;
    background-color: #0000D3;
}

#logo {
    display: block;
    padding: 0 30px;
    float: left;
    font-size:20px;
    line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content:"";
    display:table;
    clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: left;
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display:inline-block;
    float: left;
    background-color: #0000D3;
}

/* Styling the links */
nav a {
    display:block;
    padding:14px 20px;
    color:#FFF;
    font-size:17px;
    text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover {
    background-color: #000000;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width:170px;
    float:none;
    display:list-item;
    position: relative;
}

/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top:-60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left:170px;
}


/* Change ' +' in order to change the Dropdown symbol */

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav {
        margin: 0;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        background-color: #0000D3;
        padding:14px 20px;
        color:#FFF;
        font-size:17px;
        text-decoration:none;
        border:none;
    }

    .toggle:hover {
        background-color: #0000D3;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a{
        padding:14px 20px;
        color:#FFF;
        font-size:17px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position:static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }

}

@media all and (max-width : 330px) {

    nav ul li {
        display:block;
        width: 94%;
    }

}

.post h3 {
    width: 100%;
    float: left;
    margin: 10px 0;
    background-color: #F7F7F7;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;

}
.post h3 a {
    color: #092958;
}

/*search css*/

.p-d-5 {
    padding: 5px
}
.p-d-10 {
    padding: 10px
}
.p-d-15 {
    padding: 15px
}
.p-d-t-5 {
    padding-top: 5px
}
.p-d-t-10 {
    padding-top: 10px
}
.p-d-t-15 {
    padding-top: 15px
}
.p-d-b-5 {
    padding-bottom: 5px
}
.p-d-b-10 {
    padding-bottom: 10px
}
.p-d-b-15 {
    padding-bottom: 15px
}
.p-d-b-t-5 {
    padding-top: 5px;
    padding-bottom: 5px
}
.p-d-b-t-10 {
    padding-top: 10px;
    padding-bottom: 10px
}
.p-d-b-t-15 {
    padding-top: 15px;
    padding-bottom: 15px
}
.m-5 {
    margin: 5px
}
.m-10 {
    margin: 10px
}
.m-15 {
    margin: 15px
}
.m-t-5 {
    margin-top: 5px
}
.m-t-10 {
    margin-top: 10px
}
.m-t-15 {
    margin-top: 15px
}
.m-b-5 {
    margin-bottom: 5px
}
.m-b-10 {
    margin-bottom: 10px
}
.m-b-15 {
    margin-bottom: 15px
}
.m-b-t-5 {
    margin-top: 5px;
    margin-bottom: 5px
}
.m-b-t-10 {
    margin-top: 10px;
    margin-bottom: 10px
}
.box,
.m-b-t-15 {
    margin-bottom: 15px
}
.m-b-t-15 {
    margin-top: 15px
}
.f-l {
    float: left
}
.f-r {
    float: right
}
#ctrl-order ul li,
#filter ul li {
    float: left
}
#ctrl-order ul li ul li,
#filter ul li ul li {
    float: none
}
.t-a-l {
    text-align: left
}
.t-a-r {
    text-align: right
}
.t-a-c {
    text-align: center
}
.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}
#ctrl-order ul,
#filter ul {
    display: inline-block;
    list-style: none
}
#article-header,
#article-loading,
#ctrl-help-content,
#filter ul li ul,
#profile-desktop,
#profile-mobile {
    display: none
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
@media only screen and (max-width: 767px) {
    .box {
        padding: 5px;
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 768px) {
    .Main-Body-Wrapper {
        width: 75%;
        margin: 0 auto
    }
}
@media only screen and (max-width: 767px) {
    .Main-Body-Wrapper {
        width: 100%;
        margin: 0 auto
    }
}
/*#search {*/
    /*padding: 60px 0*/
/*}*/
#main-content,
#profile-desktop .profile .info-1 .avatar {
    width: 100%
}
@media only screen and (min-width: 1000px) {
    .Main-Body {
        width: 1000px;
        margin: 0 auto
    }
}
@media only screen and (max-width: 999px) {
    .Main-Body {
        width: 100%
    }
}
@media only screen and (min-width: 768px) {
    #sidebar .wrapper {
        padding-left: 10px
    }
}
#profile-desktop a {
    color: #333
}
#profile-desktop a:hover {
    color: #333;
    text-decoration: none
}
#profile-desktop .profile .info-2 .fullname {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}
#profile-desktop .profile .info-2 .title {
    color: #666;
    font-size: 11px
}
#profile-desktop .profile .info-3 .story {
    margin-bottom: 10px
}
#profile-desktop .profile .info-3 .story a {
    color: #0072bb
}
#profile-desktop .profile .info-3 .birthday,
#profile-desktop .profile .info-3 .national {
    margin-bottom: 5px
}
#profile-desktop .profile-relative .title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px
}
#profile-desktop .profile-relative .list-item .item {
    width: 50%
}
#profile-desktop .profile-relative .list-item .item-wrapper {
    padding-right: 5px
}
#profile-desktop .profile-relative .list-item .item .avatar {
    width: 100%
}
#profile-desktop .profile-relative .list-item .item .fullname {
    font-size: 11.5px;
    height: 30px
}
#ctrl .txtKeyword {
    border: none;
    width: 100%;
    height: 20px;
    outline: 0
}
#ctrl-textbox {
    width: 80%
}
#ctrl-textbox div {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 20px
}
#ctrl-button {
    width: 20%
}
#ctrl-button div {
    border: 1px solid #58a12b;
    background: #58a12b;
    padding: 5px;
    height: 20px
}
#ctrl .btnSearch {
    background: 0 0;
    border: none;
    width: 100%;
    height: 20px;
    cursor: pointer;
    color: #fff
}
#ctrl-order a,
#filter a {
    color: #000
}
@media only screen and (min-width: 640px) {
    #ctrl-footer {
        display: flex
    }
    #ctrl-include-content {
        width: 33%;
        order: 1
    }
    #ctrl-help {
        width: 33%;
        text-align: center;
        order: 2;
        padding: 5px
    }
    #ctrl-order {
        width: 34%;
        text-align: right;
        order: 3
    }
}
#ctrl-include-content .control div {
    padding: 5px 0
}
#ctrl .chkIncludeContent {
    cursor: pointer;
    margin: 0
}
#ctrl-order ul {
    padding: 0;
    margin: 0
}
#ctrl-order ul li .item {
    padding: 5px 15px 5px 0
}
#ctrl-order ul li .item.last {
    padding: 5px 0
}
#ctrl-order ul li ul {
    list-style: none;
    display: none;
    position: absolute
}
#ctrl-order ul li ul.box {
    border: 1px solid #ccc;
    padding: 5px 20px 5px 10px;
    background: #fff;
    text-align: left
}
#ctrl-order ul li ul li .item {
    padding: 2px 0
}
#order a:hover {
    color: #df9c00
}
#ctrl-help a:hover {
    color: #0072bb;
    text-decoration: none
}
#ctrl-help-content ul {
    list-style-position: inside
}
#ctrl-help-content ul li {
    list-style-type: disc;
    padding: 3px 0
}
#ctrl-help-content ul li b {
    color: #0072bb
}
#article mark {
    font-weight: 700;
    background: #ff9
}
#article-header {
    border-bottom: 1px solid #e17100
}
@media only screen and (min-width: 640px) {
    #totalrecord {
        width: 25%
    }
    #filter {
        width: 75%;
        text-align: right
    }
}
@media only screen and (max-width: 639px) {
    #ctrl-include-content,
    #filter,
    #totalrecord {
        width: 100%
    }
    #ctrl-help,
    #ctrl-order {
        width: 100%;
        text-align: left
    }
    #filter {
        text-align: left
    }
}
#totalrecord p {
    padding: 5px 0
}
#filter ul {
    padding: 0;
    margin: 0
}
#filter ul li .item {
    padding: 5px 15px 5px 0
}
#filter ul li .item.last {
    padding: 5px 0
}
#filter ul li ul {
    list-style: none;
    position: absolute
}
#filter ul li ul.box {
    border: 1px solid #ccc;
    padding: 5px 20px 5px 10px;
    background: #fff;
    text-align: left
}
#article-data .article-item .meta p,
#filter ul li ul li .item {
    padding: 2px 0
}
#filter-article-content-type a:hover {
    color: #58a12b
}
#filter-article-time a:hover {
    color: #2d96b5
}
#filter-article-cate a:hover {
    color: #dc3926
}
#filter-article-content-type .chkContentType {
    cursor: pointer
}
#profile-mobile a {
    color: #333
}
#profile-mobile a:hover {
    color: #333;
    text-decoration: none
}
#profile-mobile .image {
    width: 35%
}
#profile-mobile .image .avatar {
    width: 95%
}
#profile-mobile .info {
    width: 65%
}
#profile-mobile .info .fullname {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}
#profile-mobile .info .title {
    color: #666;
    font-size: 11px;
    margin-bottom: 10px
}
#profile-mobile .info .story {
    margin-bottom: 10px;
    line-height: 17px
}
#profile-mobile .info .story a {
    color: #0072bb
}
@media only screen and (max-width: 639px) {
    #profile-mobile .info .title {
        margin-bottom: 6px
    }
    #article-data .article-item .content,
    #profile-mobile .info .story {
        display: none
    }
}
#profile-mobile .info .birthday,
#profile-mobile .info .national {
    margin-bottom: 5px
}
@media only screen and (min-width: 769px) {
    #article-data .article-item .image {
        width: 25%
    }
    #article-data .article-item .meta {
        width: 73%;
        font-size: 12px
    }
}
@media only screen and (max-width: 768px) {
    #article-data .article-item .image {
        width: 40%
    }
    #article-data .article-item .meta {
        width: 60%;
        font-size: 12px
    }
}
#article-data .article-item .image img {
    width: 93%;
    max-width: 93%
}
#article-data .article-item .meta .title {
    font-size: 18px;
    color: #1a39c5;
    font-weight: 400
}
#article-data .article-item .meta .title a {
    color: #005f9b
}
#article-data .article-item .meta .title a:hover {
    color: #0072bb;
    text-decoration: none
}
#article-data .article-item .meta .publish-date {
    font-size: 11px;
    color: #666
}
#article-data .article-item .meta .content {
    line-height: 18px;
    min-height: 0
}
#article-data .article-item .meta .tag a {
    color: #000
}
#article-data .article-item .meta .tag a:hover {
    color: #900;
    text-decoration: none
}
#article-data .back-to-top a,
#article-paging a {
    color: #005f9b
}
#article-data .back-to-top a:hover {
    text-decoration: none
}
#article-paging a:hover {
    color: #0072bb;
    text-decoration: none
}
#article-paging .btnPaging {
    display: inline-block;
    margin: 0 5px
}
#article-paging .btnPaging.active {
    color: #000
}
.contact {
    padding: 0px 0px  0px  10px;   
}
.contact p  {
    color: white; 
    
}
#detail img { 
    height:100%;
    width:100%;
    
}