@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Fira+Sans+Condensed|Source+Sans+Pro|Roboto+Condensed|Noto+Serif');

/*font-family: 'Noto Serif', serif;*/

body{
    font:14px/24px Arial,Helvetica,sans-serif;
    color: #222;
    padding: 0;
    margin: 0;
}
/*Figure*/
figure.captionedImage{display:table !important; margin:0 auto;}
figure.captionedImage > img{display:block !important; margin:0 !important; padding:0 !important; max-width:100% !important;}
figure.captionedImage figcaption{
	display:table-caption;
	caption-side:bottom; 
	font-size:0.929em; 
	line-height:1.286em;  /*background-color:#f6f6f6;*/ 
	padding:5px; 
	box-sizing: border-box; 
	color: #444
}

/*Block Quote*/
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
blockquote{border-left: 5px solid #0D62BC;color: #222;margin: 15px 0 15px 15px;padding: 5px 0 5px 20px; background-color:#f9f9f9}
blockquote a{font-weight:bold}
blockquote p{padding:5px 0 !important; margin:0 !important}

.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {clear: both;}
*, *::before, *::after {box-sizing: border-box;}
* {border: 0; padding: 0; margin: 0}
a {
    text-decoration: none;
    color: #444;
}
a:hover {
    color: #ff5252;
}
ul{list-style-type:none}
.clear {clear: both}
input[type=text],input[type=password] {
    border: 1px #dcdcdc solid;
    color: #595959;
    margin: 0;
    padding: 1px
}
table {
    border-collapse: collapse;
    table-layout: auto
}
#back-to-top {
    position: fixed; bottom: 40px; right: 10px; z-index: 9999; width: 32px;
    text-align: center; line-height: 30px; color: #444; cursor: pointer; border: 0;
    border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out;
    opacity: 0; width:40px; height:50px; background-color:#DC403B
}
#back-to-top:hover{background-color: #DB3340;}
#back-to-top.show{opacity: 1;}
#back-to-top i{font-size:24px; color:#00AEEF; text-align:center; vertical-align:middle; color:#fff; margin:auto; padding:10px 0}

.main_border{border:1px solid gainsboro; background-color:#fff}
.main_wrap{width:1160px; margin:0 auto;}
#wrapper{overflow:hidden; width:100%;}
.padding_wrap{padding-left:15px; padding-right:15px}

/*HEADER*/
header{}
#top_header{
	overflow:hidden; padding:5px 0; box-sizing:border-box; 
	background:rgba(0, 139, 186, .6); 
	z-index:9999; width:100%; position:absolute; top: 0px;
}
#top_header .logo{float:left; margin:0}
#top_header .logo a{display:inline-block; width:100%; padding:10px 0}
#top_header .logo a img{width:auto; height:70px}
.newscover{width: 100%; display: inline-block;}
.newscover img{width: 100%}
.main_slider{width: 100%; height: auto;}

/*MAIN NAV*/
.main_nav{z-index:9999; position:relative; float:right; margin-top:30px}
.main_nav a,.main_nav ul,.main_nav li{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.main_nav a {text-decoration:none; }
/* Menu List */
.main_nav li{
	display: block;
	float: left;
}
/* Menu Links */
.main_nav li a{
	position: relative;
	color:#f1f1f1;
	display: block;
	z-index: 510;
	padding: 18px 12px;
	font-family: 'Arima Madurai', cursive;
	font-weight: bold;
	font-size: 26px;
	font-weight:normal;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	border-top:3px solid rgba(204, 51, 0, 0);
}
.main_nav li a.aparent::after {
	content: "";
	font-family: FontAwesome;
	margin-left: 5px;
	box-shadow:none;
}
.main_nav li:hover a{border-top:3px solid rgba(204, 51, 0, 1)}

.main_nav li:first-child a{}
.main_nav li:first-child a i{font-size:24px}

/*MENU MOBILE*/
#menumobile{position:relative; display:none; z-index:999; background: rgba(0, 139, 186, 0.8)}
#menumobile .topmmenu{
	height:60px;
	line-height:50px;
	padding: 5px 10px; box-sizing: border-box;
}
#menumobile .topmmenu #mlogo{float:left; height:100%}
#menumobile .topmmenu #mlogo img{float:left; height:100%; padding:0}
#menumobile #disMenu{
	cursor: pointer;
	display: block;
	float:right;
	margin-right:10px
}
#menumobile #disMenu i{font-size:36px; color: #fff; line-height:50px !important; font-weight:normal !important; padding:0 5px}
#menumobile ul{
	display: none;
	overflow: hidden;
	width: 100%;
	box-sizing:border-box;
	background:#fbfbfb
}
#menumobile ul li{
	position:relative;
}
#menumobile ul li a{
	cursor: pointer;
	display: block;
	font-size: 1.125em;
	line-height: 1.5;
	margin-bottom: 1px;
	overflow: hidden;
	padding: 5px 20px;
	white-space: nowrap;
	border-bottom:1px solid rgba(131, 138, 136, 0.1);
}
#menumobile ul#showLang li a{text-align:right;}

#menumobile ul.submenu{
	display:block;
	margin: 0;
	overflow: hidden;
	width: auto;
}
#menumobile ul.submenu li a{
	padding-left:30px;
}
#menumobile ul.submenu li a:before{content:""; font-family:FontAwesome; font-size:13px; margin-right:2px}

/*DETAIL BANNER*/
.detailbanner{display:inline-block; margin:10px 0}
.detailbanner img{max-width:100%}

/*MAIN PAGE*/
#main_page{position:relative; margin:0 auto;}
#main_page .wrapper{width:100%; box-sizing:border-box; padding:0 0 20px; min-height:500px; display:inline-block;}
#toppage{padding:0 0 20px; width:100%; display:inline-block}
#left_page{width:72%; float:left; box-sizing:border-box; padding:15px 40px 15px 15px; overflow:hidden;}
#sidebar{width:28%; float:right; overflow:hidden; padding:15px 0; box-sizing:border-box; display:block;}

/*SIDE BAR BOX*/
.side-box{display:inline-block; margin-bottom:20px; z-index:1; width:100%;}
.side-box .side-box-title{
	font-size: 1.286em;
	color: #2ca9e1;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	text-transform: normal;
	border-left: 5px solid #DB3340;
	margin-bottom: 20px;
	position:relative;
	box-sizing: border-box;
}
.side-box .side-box-title h3{
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	font-weight:normal;
}

/*HOME NEW POST*/
.homepost{width:100%;}
.homepost .title{border-bottom: 1px solid #ccc; padding: 15px 0 10px; margin:0 0 40px;}
.homepost .title h2{text-align: center; position: relative; border-bottom: 1px solid #ccc; font-family: "Source Sans Pro",sans-serif}
.homepost .title h2 span{font-size: 1.714em; color: #DF514C; line-height: 100%; font-weight: normal; display: inline-block; background: #fff; z-index: 9999; margin-bottom:-20px; padding: 0 20px}
.homepost .home_left{
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	position: relative;
	width: 72%;
	padding-right: 40px;
}

/*BEST POST*/
.best_post{}
.best_post ul{display: inline-block; margin: 0 -20px}
.best_post ul li{display: block; float: left; width: 25%; box-sizing: border-box; padding: 20px}
.best_post ul li>div.listitem{background-color: #ECEFF1;}
.best_post ul li a{display: block;}
.best_post ul li img{width: 100%;}
.best_post ul li h2{
		font-size: 1.429em; font-family: 'Source Sans Pro', sans-serif; 
		font-weight: normal; line-height: 1.2; height:5.1444em; overflow: hidden;
		padding: 10px; box-sizing: border-box;
	}

/*CATE LIST POST*/
.catepost{position:relative; display:inline-block; width:100%}
.catepost .title{font-size: 2.143em; padding: 10px 0; font-family: "Arima Madurai",cursive}
.catepost ul{display: inline-block;}
.catepost ul li{display: inline-block; width: 100%; padding: 30px 0; border-bottom: 1px solid #f1f1f1}
.catepost ul li img{display: block; width: 50%; float: left; margin:5px 20px 0 0}
.catepost ul li .post_title{font-size: 1.857em; line-height: 1.2; color: #555; font-family: 'Source Sans Pro', sans-serif;}
.catepost ul li .post_title:hover{color: #DF514C}
.catepost ul li .post_desc{font-size: 1.143em; line-height: 1.6em; color: #666; margin-top: 8px}
.catepost ul li .post_meta{display:table; padding: 15px 0} 
.catepost ul li .post_meta span{float:left; margin-right:5px; padding:2px 10px 0 0; vertical-align:top; font-size:1em; color:#999} 
.catepost ul li .post_meta span > i{margin-right:5px}

/*RIGHT NEWS*/
.news_right{}
.news_right .list{}
.news_right li{float:left; width:100%; border-bottom:1px solid #ecedee; box-sizing:border-box; padding:10px 0}
.news_right li:last-child{border-bottom:none; padding-bottom:0}
.news_right li img{width:30%; margin-right:7px; float:left}
.news_right li h4{font-weight:normal;}
.news_right li h4 a{font-size:14px; line-height:20px}
.news_right li .metainfo{display:table;} 
.news_right li .metainfo span{float:left; margin-right:5px; padding:5px 7px 0 0; vertical-align:top; font-size:12px; color:#aaa} 
.news_right li .metainfo span > i{margin-right:5px}

/*RIGHT NEWS*/
.most_view{}
.most_view .list{}
.most_view li{float:left; width:100%; border-bottom:1px solid #ecedee; box-sizing:border-box; padding:10px 0}
.most_view li:last-child{border-bottom:none; padding-bottom:0}
.most_view li a{font-size:1.143em; line-height:1.3;}
.most_view li span{font-size:36px; line-height:1.3; color: #2ca9e1; margin-right: 15px; display: inline-block; float: left;}

/*RIGHT IMAGES*/
.right_image{}
.right_image img{max-width: 100%}

/*FOOOTER*/
footer{ display:inline-block; width:100%}
footer .ftwrap{background-color:#313131; margin: 0 auto; position: relative;}
footer .fttop{padding: 15px 0; display: inline-block; width: 100%; border-bottom: 1px solid #4a4a4a; }
footer .fttop .fttopwrap{display: block; width: 100%;}
footer .fttop .ftsocial{padding: 15px 0; text-align: center;}
footer .fttop .ftsocial ul{
	display: inline-block;
	list-style: outside none none;
	vertical-align: top;
}

footer .fttop .ftsocial ul li{
	display: inline-block;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}
footer .fttop .ftsocial ul li a {
	display: inline-block;
	line-height: 46px;
	vertical-align: top;
}
footer .fttop .ftsocial ul li a span {
	color: #999;
	display: inline-block;
	font-family: "Raleway",sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 5px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: top;
}
footer .fttop .ftsocial ul li a i {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #999;
	border-radius: 50%;
	color: #999;
	display: inline-block;
	font-size: 22px;
	height: 46px;
	line-height: 44px;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: top;
	width: 46px;
}

footer .ftbot{padding:15px 0; display:inline-block; width:100%;}
footer .ftbot .ftbot-box{float:left; width:40%; box-sizing:border-box; padding:0 30px}
footer .ftbot .ftbot-box.box_right{width:60%}
footer .ftbot .ftbot-box *{color:#fff}
footer .ftbot .ftbot-box .ftintro p{color:#ccc !important; text-align:justify}
footer .ftbot .ftbot-box .ftcontact{padding:15px 0 5px}
footer .ftbot .ftbot-box .ftcontact span{padding:15px 0 5px; font-weight:bold}
footer .ftbot .ftbot-box .ftlink-title{font-size:16px; margin-bottom:10px; text-transform:uppercase}
footer .ftbot .ftbot-box .ftlink{padding-left:10px}
footer .ftbot .ftbot-box .ftlink a{color:#ccc}
footer .ftbot .ftbot-box .ftlink a:hover{color:#fff}

/*NEWS DETAIL*/
.dleft{
	box-sizing: border-box;
	float: left;
	padding: 10px 10px 10px 0;
	width: 15%;	
}
.dright{
	box-sizing: border-box;
	float: right;
	padding-left: 15px;
	width: 85%;
}
.news_detail{border-bottom:1px solid #d8d8d8; margin-bottom:10px;}
.news_detail .metainfo{display:table; border-bottom:1px solid #f5f5f5; padding-bottom:5px; width:100%; box-sizing:border-box} 
.news_detail .metainfo span{float:left; margin-right:5px; padding:5px 10px 0 0; vertical-align:top; font-size:1em; color:#666} 
.news_detail .metainfo span > i{margin-right:5px}

.news_detail ul.newsrelated li{list-style-type:circle; list-style-position:inside}
.news_detail ul.newsrelated li a{color:#004383}
.news_detail ul.newsrelated li a:hover{text-decoration:underline;}
.news_detail>li{
	list-style-type:disc !important; list-style-position:inside !important; 
	padding-left:10px; font-size:1em; margin:10px 0
}
.news_detail .title h1{
	color: #333;
	font-size: 2.429em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 15px;
	text-transform: normal;
}
.news_detail #admintools{}
.news_detail .content{color:#333; margin:20px 0}
.news_detail .content p, .news_detail .content span, .news_detail .content div{
	font-size:1.143em; margin:12px 0; 
	line-height:1.4em; text-align:justify
}
.news_detail h2{font-size:1.571em; line-height:1.2em; font-weight: normal; padding: 5px 0; text-transform: uppercase;}
.news_detail h3{font-size:1.429em; line-height:1.3em; font-weight: normal; padding: 5px 0}
.news_detail .content table{margin:0 auto}
.news_detail .content img{max-width:100% !important; height:auto !important; margin:10px auto 5px; display:block;}
.news_detail .content div{max-width:100% !important}
.news_detail .content ul,.news_detail .content ol{padding:7px 0 7px 5px}
.news_detail .content li{list-style-type:disc; margin-left: 15px}
.news_detail .newstags{padding:10px 0; line-height:1.5em; display:inline-block}
.news_detail .newstags ul{display:block; float:left}
.news_detail .newstags h4{ display:block; float:left}
.news_detail .newstags li{float:left; list-style-type:none}
.news_detail .newstags li a{display:block; float:left; font-size:1em; color:#ccc; padding:0 3px}
.news_detail .newstags li a:hover{color:#111; text-decoration:underline}

/*DETAIL SOCIAL*/
.detail_social{display: inline-block; float: right; margin: 15px 0}
.detail_social h5{font-size:1.286em; line-height:1.5; font-weight: normal; padding:5px 0 15px; float: left; display: block; margin-right: 5px}
.detail_social ul{display:block; margin:0 auto; float: left; width: 150px}
.detail_social li{float:left; margin:0 5px; width:40px; border:none}
.detail_social li a{display:block; height:40px; width:40px; border-radius:50%; text-align:center}
.detail_social li a.facebook{background-color:#537ABD}
.detail_social li a.gplus{background-color:#E95D4C}
.detail_social li a.twitter{background-color:#77CBEF}
.detail_social li i{font-size:20px; padding:10px 0; color:#fff}


/*OTHER LISTS*/
.other_list{width:100%; float:left; box-sizing:border-box; margin-bottom:15px}
.other_list .title{font-size:18px; font-weight:normal; line-height:36px; color:#41ACD3; margin-bottom:5px}
.other_list .title i{margin-right:5px}
.other_list li{
	float: left;
	overflow: hidden;
	width: 100%;
	padding:3px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.other_list li::before{
	content:"";
	font:8px/1.4em FontAwesome;
	float:left;
	margin-right:5px;
	margin-top:4px;
	color:#41acd3;
}
.other_list li h4{font-size:1em; line-height:1.4em; font-weight:normal}

/*NEWS MOST VIEWS*/
.news_mostviews{margin:5px 0 15px;}
.news_mostviews .title{font-size:1.4em; font-weight:normal; line-height:2em; color:#41ACD3}
.news_mostviews ul{margin-left:-5px; margin-right:-5px; display:table}
.news_mostviews li{
	float: left;
	overflow: hidden;
	width: 33.33%;
	padding:15px 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_mostviews li img{width:100%;}
.news_mostviews li h4{font-size:1em; line-height:1.5em; font-weight:normal; height:3em; overflow:hidden}


/*RIGHT PRODUCT*/
.product_right{margin-bottom:20px; width:100%; display:inline-block}
.product_right .title{font-size:1.2em; text-align:center; border-top:3px solid #16D481; padding:5px 0; color:#444; margin-bottom:5px}
.product_right .list{}
.product_right li{float:left; width:97%; padding:1.5%; background:#F2F2F2; margin-bottom:10px}
.product_right li img{width:100%;}
.product_right li h4{text-align:center; font-weight:bold; text-transform:uppercase;}
.product_right li p{text-align:center; font-size:1em;}
.product_right li p span{color: #fe1a19;font-size: 16px;font-weight: bold;margin: 10px 0;}

/*VIDEO CLIP*/
.videoclip h1{font-size:1.7em; margin:20px 0 5px; color:#222; line-height:32px}
.videoclip .desc{color:#555; font-weight:normal; margin:0 0 20px}

/*BREADCRUMB*/
.breadcrumb{float:left}
.breadcrumb div{margin:0 3px; font-size:14px; display:inline-block; white-space:nowrap}
.breadcrumb div.home{/*background:url(images/br-home.png) no-repeat; text-indent:-999px; width:16px; height:16px*/}
.breadcrumb div.arrow{background:url(images/br-arrow.png) no-repeat; height:8px; width:8px;}
.breadcrumb div a{font-size:14px; display:block; white-space:nowrap}

/*VIDEO LIST*/
.video_list{display:inline-block; margin-bottom:15px; background-color:#f3f3f3}
.video_list .title{padding:10px 0 5px}
.video_list .title a{
	display:block-inline; background-color:#007F74; 
	height:30px; line-height:30px; 
	text-align:center; font-size:15px; color:#fff; 
	padding:5px 20px 5px 15px; margin-left:-7px;
	width:200px; font-weight:bold
}
.video_list .title .tshadow{background-color:#00665D; height:10px;width:10px; transform: rotate(45deg); position:absolute; margin:-7px 0 0 -5px; z-index:-999}
.video_list ul{display:block; float:left; width:640px; padding:0 10px}
.video_list li{width:29%; float:left; padding:2%; display:inline-block}
.video_list li img{width:100%; height:auto !important; margin-bottom:5px}
.video_list li h2{font-size:14px; height:40px; overflow:hidden; line-height:20px}


/*VIDEO OTHERS*/
.video_others{margin:15px 0 0; clear:both;}
.video_others .title{font-size:15px; text-transform:uppercase; line-height:24px; border-bottom: 2px solid #CC3300; color:#000; font-weight:bold}
.video_others li{
	float: left;
	margin: 0 15px 0 10px;
	overflow: hidden;
	padding: 10px 0;
	width: 315px;
	border-bottom:1px solid #ccc
}
.video_others li.odd{margin-left:0}
.video_others li.even{margin-right:0}
.video_others li a{color:#333}
.video_others li img{width:100px; float:left; margin-right:10px}
.video_others li h2{font-size:14px; color:#000; font-weight:normal; line-height:20px}

/*STATIC PAGE*/
.staticpage{}
.staticpage h1{font-size:16px; text-transform:uppercase; line-height:24px; border-bottom: 2px solid #CC3300; font-weight:bold}
.staticpage .content{margin-top:15px}

/*SUPPORT ONLINE*/
.support_online{
	height:55px; margin-top:8px;
	box-shadow:1px 1px 3px #555; 
	-moz-box-shadow:1px 1px 3px #555; 
	-webkit-box-shadow:1px 1px 3px #555;
	width:100%; overflow:hidden
}
.support_online li{float:left; margin:5px; height:47px; line-height:47px; font-size:16px}
.support_online li img{vertical-align:middle}

/*ADS RIGHT*/
.ads_right{width:100%}
.ads_right li{float:left; margin-bottom:10px;}
.ads_right img{
	border: 1px solid #d7d7d7;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*ADS HOME*/
.ads_home{width:100%}
.ads_home li{float:left; margin-bottom:10px;}
.ads_home li img{
	/*border: 1px solid #d7d7d7;
	box-shadow: 1px 2px 5px -4px #000;
	padding: 4px;*/
	max-width: 100%;
	margin:0 auto;
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

/*GROUP LIKE*/
.multisocial{text-align:center; background-color:#F0F0F0; padding:8px 6px;}
.multisocial li{display:block; margin:5px 0}

/*BOTTOM NEWS*/
.bottom_news{width:1020px; margin:0 auto; background-color:#f3f3f3; margin-top:20px}
.bottom_news .title{padding:10px 0}
.bottom_news .title a{
	display:block-inline; background-color:#007F74; 
	height:30px; line-height:30px; 
	text-align:center; font-size:15px; color:#fff; 
	padding:5px 20px 5px 15px; margin-left:-7px;
	width:200px; font-weight:bold
}
.bottom_news .title .tshadow{background-color:#00665D; height:10px;width:10px; transform: rotate(45deg); position:absolute; margin:-7px 0 0 -5px; z-index:-999}
.bottom_news ul{}
.bottom_news ul li{display:inline-flex; width:180px; padding:6px}
.bottom_news ul li:first-child{margin-left:0}
.bottom_news ul li img{width:100%}
.bottom_news ul li h2{font-size:12px; font-weight:normal; padding:5px}


/*HOME TOP VIDEO*/
.home_tvideo{border:1px solid #dcdcdc; float:left; width:298px; margin-bottom:10px}
.home_tvideo li{float:left; width:288px; position:relative; padding:5px; border-bottom:1px solid #dcdcdc}
.home_tvideo li.large{padding:0; width:100%}
.home_tvideo li:last-child{border:none}
.home_tvideo li:first-child{padding-top:0}
.home_tvideo li h2{font-size:13px; position:absolute; bottom:0; height:40px; background:rgba(0,0,0,.6); width:278px; line-height:20px; padding:5px 10px}
.home_tvideo li h2 a{color:#f1f1f1;}
.home_tvideo li h3{font-size:12px; line-height:18px}
.home_tvideo li img{width:100%;}
.home_tvideo li.small img{width:40%; float:left; margin-right:7px;}
.home_tvideo li .icon_video{background:url(images/play_icons.png) no-repeat; width:30px; height:30px; position:absolute}
.home_tvideo li.large .icon_video{top:100px; left:140px}
.home_tvideo li.small .icon_video{top:37px; left:43px}
/*404*/
#error404{display:inline-block; float:left;width:100%; clear:both; margin:20px 0}

/*PAPER*/
.divPager{
    text-align: right;
    float: right;
    padding:20px 0;
	right:50%;
	position:relative;
}

.divPager ul{
    float: right;
	right:-50%;
	position:relative
}
.divPager>ul>li{float:left; margin:0 4px 0 0; width:auto !important}
.divPager>ul>li a,.divPager ul>li>span{
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #656e7d;
	display: inline-block;
	float: left;
	font-weight: bold;
	line-height: 1.2em;
	padding: 8px 12px;
	text-decoration: none;
	transition:background-color 0s ease 0s, color 0.2s linear 0s;
}
.divPager>ul>li .selected,.divPager>ul>li:hover a, .divPager>ul>li:hover span{background-color:#41ACD3; color:#fff}

/*BANG GIA*/
.banggia {
	width:100%;
	border-collapse:collapse;
	line-height:none;
	margin-bottom:20px;
}

.banggia td {
	border:1px solid #ccc;
	padding:1px 6px;
	box-sizing:border-box;
}

.banggia th {
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;
	background-color:#9B5A0A;
	color:white !important;
	padding:1px 5px;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
}
/*.banggia th:first-child { border-left:none; }
.banggia th:last-child { border-right:none; }*/
.banggia p {
	margin:0 !important;
	line-height:20px !important;
}
.banggia img {
	padding:0;
	border:none;
}

/*CSS RWD*/
@media screen and (max-width: 1159px){
	.main_wrap{width:100%;}
	#wrapper{width:100%}
}
@media screen and (max-width: 1025px){
	#menumobile{display:block}
	#main_nav,#sub_nav{display:none}
	#top_header{display:none}
	#main_page .wrapper{padding:15px;}
	#main_page{width:100%}
	#sidebar{display:none}
	.homepost .home_left{width: 100%; padding: 0}
	#left_page{width:100%; padding:0; border:none}
	.breadcrumb{margin-top:10px}
	.top5-box.box-big{width: 100%;}
	.top5-box{width: 50%;}
	#back-to-top{display:none}
	.main_wrap{width:100%}
	.bottom_news{display:none}
	.news_detail .content table{width:99% !important;}
	.pro_detail .minfo table{width:99% !important;}
	.fixed_social{display:none}
}
@media screen and (max-width: 801px) {
	.news_list li .img{width:40%}
	.news_list li .info{width:60%; padding:15px 20px}
	.tright{display:none}
	#food{display:none}
}
@media screen and (max-width: 751px) {
	body{font-size:16px}
	#header_contact{display:none}
	#home_page .home_left{border:none}
	.homenews .line-title ul{display:none}
	.homenews .line-box{width:100%}
	.homenews .line-box.line-small{padding:5px 0}
	.line2{width:100%; padding:0; margin-bottom:15px}
	.line2 .linelist li .desc{height:auto; margin-bottom:0}
	.line1{margin-bottom:15px}
	.line3{width:100%; padding:0; margin-bottom:15px}
	footer .ftbot .ftbot-box{width:100% !important; padding:10px 0; border-bottom:1px solid #666}
	.zopim{display:none}
	#top_header .contact_info{display:none}
	#slide{width:100%}
	.cat_list{width:100%;}
	.news_list li{margin:10px 0}
	.news_list li .img{width:35%}
	.news_list li .info{width:65%; padding:10px 15px}
	.news_detail{padding-right:0}
	.news_detail .desc, .news_detail .content p, .news_detail .content span, .news_detail .content div, .news_detail .content h2,.news_detail .content table{font-size:1.05em !important; line-height:1.4em}
	.news_detail .content img{max-width:100% !important; height:auto !important}
	.news_detail .title h1{font-size: 1.625em}
	.news_detail h2{font-size:1.125em; font-weight: bold; text-transform: none;}
	.other_list{width:100%; padding:0 !important}
	.social{display:none}
	
}
@media screen and (max-width: 581px) {
	#main_page .wrapper{padding:15px;}
	#sidebar{display:block; width: 100%}
	.news_detail .date_social .social{float:left}
	.news_list li{margin:7px 0}
	.news_list li .img{width:50%}
	.news_list li .info{width:50%; padding:5px 7px}
	.news_list li h4{display:none}
	.news_list li h3{margin:5px 0 7px; font-size:15px; line-height:20px}
	#ads_header{float:left; padding:5px}
	#ads_header img{width:100%;}
	#top_header .topads img{width:100%;}
	.news_list li .imgthumb{width:100%}
	.news_list li .imgthumb img{width:auto; max-width:100%}
	.home_news_cate{width:100%; margin:0 -1px 0 0}
	.breadcrumb span{font-size:16px;}
	.breadcrumb span a{font-size:16px;}
	.banggia td,.banggia td{font-size:0.9em}
	.best_post{padding: 5px;}
	.best_post ul li{width: 50%; padding: 10px;}
	footer .fttop .ftsocial ul li{margin: 0 5px}
	footer .fttop .ftsocial ul li a span{display: none}
	/*CATEPOST*/
	.catepost .title{margin-bottom:10px}
	.catepost li .info{width:100%}
	.catepost li .img{width:100%;}
	.catepost ul li img{width: 100%; margin-bottom: 10px}
	.catepost ul li .post_desc{font-size: 1em; line-height: 1.4; color: #777}
	.catepost li h4 a{ font-size:18px}
	.catepost li .item{padding-bottom:10px; padding-top:10px}
	.catepost ul li .post_title{font-size:2}
}
@media screen and (max-width: 381px) {
	#top_header .topads{display:none}
	#footer .fwrapper ul a{font-size:12px}
	.cat_list .list li .info h4{line-height:22px; text-transform:none}
	.cat_list .list li .info .moredesc{display:none}
	.news_others li img{width:40%}
	.news_others li p{display:none}
	.video_list li{width:96%; padding:2%}
	.breadcrumb{display:none;}
	.news_detail h1{margin-top:5px; margin-bottom:7px; line-height:32px; font-size:22px;}
}
.fb-comments iframe{width:100% !important;}