ul {
	list-style-type: none !important;
}
a{
	color: #017E37 !important;
}
img {
    max-width: 100%;
    height: auto !important;
}
a:hover{
	color: #2CB567 !important;
	text-decoration: none !important;
}
td a{
	display: block;
}
p{
	font-size: 15px !important;
	text-align: justify !important;
}

.norm{
	color: #0098B7;
}
.spcs{
	color: #00B890;
}
.vid{
	color: #FC8F00;
}
.norm:hover{
	color: #00BADF;
}
.spcs:hover{
	color: #00D6A8;
}
.vid:hover{
	color: #FFAC3E;
}
a .prim, a .sucs, a .warn, a .dang{
	cursor: pointer;
}
.prim{
	color: #2044AE;
}
.sucs{
	color: #03B200;
}
.warn{
	color: #F2C100;
}
.dang{
	color: #EF0000;
}
a .prim:hover{
	color: #387AEB;
}
a .sucs:hover{
	color: #04DB00;
}
a .warn:hover{
	color: #FFDA00;
}
a .dang:hover{
	color: #FF5F5F;
}
.label-ne{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #666666 !important;
}
.label-dd{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #3D61F0 !important;
}
.label-lc{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #00C1E3 !important;
}
.label-nt{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #239C23 !important;
}
.label-vu{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #73E25D !important;
}
.label-en{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #FFD500 !important;
}
.label-cr{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #E65603 !important;
}
.label-ew{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #DB0000 !important;
}
.label-ex{
	border: 1px solid #6B6B6B !important;
	background-color: #F5F5F5;
	color: #8A28A0 !important;
}
.wrap{
	padding-top: 10px;
}
.container{
	padding: 10px !important;
}
.row{
	margin: 0px !important;
}
.top{
	/*background-color: #D8D8D8;*/
}
.logo{
	/*margin-left: 10%;*/
}
.logo img{
	width: 120px;
	display: inline-block;
}
.logo-1 img{
	width: 180px;
	height: auto;
}
.search{
	padding-right: 0px !important;
}
.search-bar{
	display: inline-block;
	float: right;
	width: 80%;
	border: 0.5px solid #BDBDBD;
	-webkit-box-shadow: 1.5px 1.5px 3px 1px #BDBDBD inset;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-border-radius: 20px;
}
.signin{;
	float: right;
}
.navbar{
	min-height: 35px !important;
}
.menu .navbar-nav{
	float: right !important;
}
.menu, .container-fluid, .navbar-collapse{
	padding: 0px !important;
}
.menu .container-fluid>.navbar-collapse{
	margin-right:0px !important;
}
.menu .navbar-collapse.in{
	overflow-y: unset !important;
}
.menu .drop-down a{
	font-size: 16px;
}
.banner{
	width: 100%;
	height: auto;
}
.item img, .thumbnail img{
	height: 200px !important; width: 100% !important; display: block !important;
}
.title{
	text-align: center;
	margin: 20px 30%;
	padding: 5px 0px;
	color: #333;
	background-color: #DFE2E4;
}
.pnl-tl{
	color: #076300;
	font-size: 16px;
	margin: 0px;
}
.slideshow-container,.slideshow, .slides-container{
	margin-left: 1%;
	margin-right: 1%;
}
.slideshow{
	display: none;
}
.mySlides, .mySlide{
	padding: 0px 1% !important;
}
.mySlides img, .mySlide img{
	display: block;
	width: 100%;
}
.mySlides .caption, .mySlide .caption{
	background-color: #FFFFFF;
	height: 65px;
}
#Img{
	display: flex;
}

/*.carousel-control{
	bottom: unset !important;
	top: unset !important;
	width: unset !important;
	font-size: 30px !important;
}*/
.prev, .next ,.prevs, .nexts {
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	margin-top: 8%;
	cursor: pointer;
	position: absolute;
	width: auto;
	padding: 10px;
	font-size: 30px;
	transition: 0.2s ease;
	user-select: none;
	border: 1px solid #A4A4A4; 
	background-color: white;
	
}
.prevs, .nexts {
	margin-top: 95px;
	padding: 5px;
	font-size: 25px;
	margin-top: 20%;
}
.nexts{
	right: 5.5% !important;
	border-radius: 0 4px 4px 0;
}
.prevs{
	left: 5.5% !important;
	border-radius: 4px 0 0 4px;
}
.prv, .nxt {
	font-size: 20px;
	color: black;
	font-weight: bold;
	padding: 5px;
	margin-top: 7%;
	border: none; 
	background-color: unset;
	border-radius: 0 3px 3px 0;
	border: 1px solid #A4A4A4; 
	background-color: white;
}
.next{
	right: 5.5% !important;
	border-radius: 0 4px 4px 0;
}
.prev{
	left: 5.5% !important;
	border-radius: 4px 0 0 4px;
}
.prv{
	left: 2% !important;
}
.nxt{
	right: 2% !important;
}

.species{
	float: left;
	padding: 5px 0.5% !important;
}
.species img{
	height: 150px !important;
}
.species .caption{
	height: 90px;
}
.video iframe, .vid-content{
	width: 100%;
	height: 450px;
}
.vid-content{
	background-color: #e8e8e8 ;
}
.vid-content h3{
	font-weight: bold;
}
.vid-content p{
	margin-left: 3%;
}
.footer{
	background-color: #CED0D2;
	padding-bottom: 10px;
}
.footer p, .footer h4{
	color: #005A3D;
}
.footer h4{
	font-size: 20px;
	/*font-weight: bold;*/
}
.footer p{
	font-size: 15px;
}
.footer-img img{
	display: inline-block;
	width: 50%;
}
.menu-detail{
	margin-left: 2% !important;
}
.menu-detail a{
	cursor: pointer;
	width: 100%;
}
.menu-detail ul
{
	display: inline;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 0px;
	right: 0px !important;
}

.menu{
	width: 480px;
	right: 0px !important;
	margin: 9% 0% 0% 0%  !important;
	border: none !important;
	background-color: white !important;
	background-image: unset !important;
	box-shadow: unset !important;
}
.menu-detail ul li
{
	padding-left: 5.5%;
	padding-right: 5%;
	padding-top: 7px;
	padding-bottom: 4px;
	font-size: 18.5px;
	font-weight: normal;
	display: inline-block;
	position: relative;
}
.dropdwn{
	padding-bottom: 5px !important;
}
.dropdwn a{
	cursor: default;
	padding-bottom: 5px !important;
}
.dropdwn:hover{
	background-color: #F2F2F2;
	border: 1px solid #D4DDE1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: -1px;
}
.mem ul li{
	padding-left: 6%;
}
.menu-detail ul li ul
{
	width: 220px;
	padding-left: 0%;
	margin-top: 6px;
	left: -1px;
	position: absolute;
	display: block;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #F2F2F2;
}
.menu-detail li li a
{
	cursor: pointer;
}
.menu-detail ul li ul li
{
	font-size: 17px;
	cursor: pointer;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float: none;
	display: none;
	position: relative;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5%;
	margin: -1px 0%;
	text-align: left;
	background-color: #F2F2F2;
	border: 1px solid #D4DDE1;
}
.menu-detail ul li ul li:hover
{
	margin: -1px 0%;
}
.menu-detail ul li:hover ul li
{
	display: block;
	z-index: 10;
}
.menu1 li{

	padding-left: 0% !important;
	padding-right: 8% !important;
}
.header
{
	display: block;
	/* width: 90%;
	margin-left: 10%; */
	margin-bottom: 20px;
}
.header h3, .header h1, .header h2
{
	padding: 15px 0px 10px 8%;
	display: block;
	margin: 0px;
	text-align: left;
	color: #FFFFFF;
	background-color: #4F8A7A;
}
.header p{
	font-size: 32px;
}
.scien-name{
	font-style: italic;
}
.news img{
	margin: 2%;
	width: 94%;
}
.news p{
	text-align: justify;
}
.author{
	margin-right: 2%;
	float: right;
}
.author span{
	color: #00A656;
}
.species-info{
	margin: 10px 15%;
}
.taxonomy{
	/*border: 1px solid #B4C684;*/
	display: inline-block;
	height: all;
}
.info{
	padding: 20px;
	border: 1px solid #B4C684;
	background-color: #ECECEC;
}
.sld-img{
	margin-top: 20px!important;
	padding-top: 20px!important;
	background-color: #CDE8C6;
	border-radius: 5px;

}
/*.sld-img .thumbnail{
	width: 120px;
	align-content: center;

}
*/
.spsc-sld{
	cursor: pointer;
}
.spsc-sld img{
	height: 120px !important;
}
.img-spcs{
	background-color: #ffff;
	padding: 15px;
	border-radius: 10px;
}
.img-spcs img{
	width: 80%;
	margin-left: 10%;
	border: 1px solid #DADADA;
}
.tieu-de{
	color: #407E31;
	font-weight: bold;
}
.chi-tiet{
	color: #787878;
}
#mapid{
	min-height: 450px;
}
.bg-search-bar{
	float: none;
	width: 100%;
}
.srch{
	font-size: 16px !important;
	margin: 0px !important;
	/*padding-left: 25%  !important;
	padding-right: 25%  !important;*/
}
.srch-species{
	padding-top: 20px;
	padding-bottom: 30px;
	
}
.srch-result{
	display: none;
}
.news-title h3, .news-detail p{
	margin-left:2%;
}
.panel-title a{
	display: block;
}
ul .active{
	height: 100% !important;
}
ul .active a{
	background-color: #446677 !important;
	color: white !important;
	height: 100%;
}
.adv-pills{
	margin-bottom: 20px;
}
.adv-panel{
	display: block;
}
.adv-heading{
	background-image: unset !important;
	background-color: #446677 !important;
}
.adv-heading a{
	color: white !important;
}
.tab-content{
	border: 1px solid #446677;
	border-radius: 5px;
	background-color: #ECECEC;
	height: 200px;
	margin-bottom: 10px;
}
.adv-lbl{
	margin: 20px 0% 20px 0% !important;
	padding: 15px 20px !important;
	color: white;
}
.news-img img{
	width: 100%;
}
.news-summ{
	margin-top: 10px;
	color: #333 !important;
	font-size: 14px;
	text-align: justify;
}
.top-mem{
	margin-top: 0px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.content-mem{
	min-height: 450px;
	background-color: #E2E5E6;
}
.user, .hiden-btn{
	margin-top: 7px;
	float: right;
	font-size: 16px !important;
	color: #EBEBEB;
	border: 1px solid #4F8A7A !important;
	background-color: #4F8A7A;
}
.user:hover, .hiden-btn:hover, .lgn-table .btn:hover{
	color: #FFFF !important;
}
.hiden-btn, .my-news-hidden{
	display: none !important;
}
.tooltiptext, #myDiv{
  visibility: hidden;
  width: 100px;
  margin-right: 2%;
  border: 1px solid #585858;
  background-color: #FFFF;
  color: #6E6E6E;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
	position: absolute;
	z-index: 1;
	right: 0px;
	top:50px;
}
#myDiv{
	width:10px;
	height:13px;
	z-index: 0;
	border-radius: 0px;
	transform:translateY(-5px) translateX(-25px) rotate(45deg);
}
.my-news-div{
	float: right;
	display: inline-block;
	background-image: unset !important; 
	box-shadow: unset !important; 
	background-color: unset !important; 
	border-color: white !important;
}
.my-news, .my-news-hidden, .logout{
	float: right;
	margin-top: 7px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px !important;
	color: #005A3D;
	border: 1px solid #4F8A7A !important;
	background-color: #DADDDF;
}
.my-news, .my-news-hidden{
	background-color: #FFFFFF;
	padding:7px 12px !important; 
	font-size: 14px !important;
}
.my-news-hidden{
	margin-top: 6px !important;
}
.my-news-list{
	width: 150px;
	right: -28px;
	top: 44px;
	z-index: 10;
	padding-left: 25px;
	display: inline-block;
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #155529;
	border-radius: 5px;
}
.my-news-list-colps{
	width: 150px;
	right: 115px;
	top: 42px;
	z-index: 10;
	padding-left: 25px;
	display: none;
	/*position: absolute;
	display: none;*/
	background-color: #FFFFFF;
	border: 1px solid #155529;
	border-radius: 5px;
}
.my-news-list li, .my-news-list-colps li{
	padding: 6px 25px 6px 10px;
}
.my-news-list-colps li{
	padding: 6px 10px;
}
.my-news-li{
	border-bottom: 1px solid #CED1D4;
}
.my-news:hover{
	color: #374e69 !important;
	background-color: #DADDDF;
}
.my-news-hidden: hover{
	color: #374e69 !important;
	background-color: #FFFFFF !important;
}
.my-news-div:hover .my-news-list{
	display: inline-block;
}
.tooltip1:hover .tooltiptext, .tooltip1:hover #myDiv{
	visibility: visible;
}
.logout:hover{
	background-color: #FFFF;
}
.add-news-btn{
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}
.add-news-btn button{
	float: right;
	margin-right: 5%;
	padding: 7px;
	font-size: 18px;
	color: #436b8e;
	background-color: #ffee7c;
	border-top: 1px solid #F2DA39;
	border-left: 1px solid #F2DA39;
	border-bottom: 3px solid #ECCD00;
	border-right: 3px solid #f7dd34;
}
.add-news-btn button:hover{
	color: #3B3A3A;
	background-color: #ffee76;
}
.pnl{
	min-height: 300px;
}
.pnl-body{
	padding-bottom: 0px !important;
}
/*.pnl-body p{
	font-style: italic;
	font-weight: bold;
	margin: 50px 30%;
}*/
/*.btn-success{
	background-image: linear-gradient(to bottom,#37C94D 0,#389846 100%) !important;
}*/
.thead-dark{
	background-color: #515C62;
	color: white;
}
.thead-dark h3{
	color: white !important;
}
.uncensor_img{
	display: inline-block;
	width: 29%;
	float: left;
}
.uncensor_summ{
	display: inline-block;
	width: 69%;
	float: right;
	text-align: justify;
}
.delete, .update{
	vertical-align: middle !important;
}
/*.update{
	background-color: #D5DFDB;
}
.delete{
	background-color: #D81F1F;
}*/
/*.update a, .delete a{
 	font-weight: bold;
}*/
.delete a{
	color: red !important;
}
.update a:hover{
 	color: #017E37 !important;
 }
.td-feedback{
	color: #EE7422;
	font-weight: bold;
}
.lgn-container{
	background-color: #D8DFDD;
	height: 100%;
}
.lgn-col form{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.lgn-logo img{
	width: 150px;
	margin-bottom: 20px;
}
.lgn-group{
	margin-top: 20px ;
	background-image: unset !important;
	background-color: #D8DFDD !important;
	width: 420px;
}
.lgn-table{
	line-height: 2.3;
	font-size: 17px;
	margin: 5%;
	width: 90%;
}
.lgn-header{
	color: #354F5C;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.lgn-text{
	border: 1px solid #A7B5B7;
	border-radius: 5px;
	width: 100%;
}
.lgn-table .btn, .add-news-submit{
	font-size: 17px;
	min-width: 120px;
	color: #EBEBEB;
	background-color: #4F8A7A;
	margin-top: 15px;
}
.add-news-submit{
	/*display: none;*/
	border: 1px solid #4F8A7A;
	border-radius: 5px;
	padding: 6px 10px;
	margin-right: 15%;
	float: right;
}
.btn-add-news-submit{
	border: 1px solid #4F8A7A;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 15%;
	float: right;
}
.import-excel .btn-colps{
	display: block;
	float: right;
	margin: 40px 0px 10px 0px;
	padding: 2px 10px !important;
	color: #354F5C;
	border: 1px solid #155529 !important;
	background-color: #E7E7E7 !important;
}
.chooseFile{
	padding: 100px 30% 117px 30%;
	width: 100%;
	height: 100px;
	border: 1px solid #D8D8D8;
	cursor: pointer;
}
.btn-loadfile{
	display: inline-block;
	margin: 20px 10%;
	float: right;
	color: #DDD;
	background-color: #354F5C;
	border: 1px solid #354F5C;
	border-radius: 5px;
	padding: 5px 10px;
}
.btn-loadfile:hover, .add-news-submit:hover{
	color: #FFFF !important;
}
.add-news{
	min-height: 220px;
	margin: 0px 0px 40px 0px;
}
.note{
	float: right;
	font-size: 12px !important;
	color: #A50000;
}
.add-news-label{
	padding-top: 7px;
	font-weight: unset;
}
.add-news .form-group{
	display: none;
}
.news-type{
	width: 150px !important;
}
.select-group{
	display: inline-block;
	width: 50%;
	margin-top: 10px;
}
.select-group1{
	display: inline-block;
	width: 42%;
	margin-top: 10px;
}
.news-topics{
	width: 300px !important;
}
.news-option{
	width: 100% !important;
}
.btn-add-categ{
	display: inline-block !important;
	width: 7%;
}
.btn-add-categ button{
	margin-left: 3px;
	font-weight: bold;
}
.require{
	color: red;
}
.info-group{
	padding: 10px 0px;
}
.form-group h5{
	font-size: 17px;
	font-weight: bold;
	padding: 5px;
	background-color: #D7DADB;
}
.spcs-text{
	display: inline !important;
	width: 20% !important;
	margin-right: 10px;
}
.image-text {
	display: none !important;
	color: #555;
	width: 95%;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.plus {
	display: none;
	margin-top: 5px;
	font-size: 17px;
	cursor: pointer;
	float: right;
}
a.cke_dialog_ui_button_ok{
	color: #fff !important;
}
.my-news-header{
	font-size: 16px;
	color: #DC673D;
}
td{
	vertical-align: middle !important;
}
.td-state{
	text-align: center;
}
.btn-state{
	margin-left: 7px;
	font-size: 12px !important;
	padding: 3px 6px !important;
	color: white;
}
.update-btn{
	padding: 15px 0px 20px 0px;
}
.update-btn .btn{
	padding: 6px 20px;
	color: white;
}
.right-btn{
	float: right;
}
.user-info{
	margin-top: 30px !important;
}

/*.categ-tree ul{
	padding-left: 20px;
}
.categ-tree li{
	font-weight: bold;
	color: #EB841E;
}
.categ-tree li li{
	font-weight: normal;
	color: #4D955C;
}
.categ-tree li li li{
	color: #FFB700;
}
.categ-tree li li li li{
	color: #C64D2E;
}
.categ-tree li li li li li{
	color: #BCA865;
}
.categ-tree li li li li li li{
	color: #117785;
}*/

.lbl{
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #A4A4A4;
}
.fbk-ttl{
	font-size: 16px;
	font-weight: bold;
	color: #EE7422;
}
#contentReplc{
	display: none;
}
.navig {
	float: right;
	display: flex;
}
.navig ul{
	display: inline-block;
	margin:auto;
}
.pagination .active a{
	background-color: #285A5B !important;
	border: 1px solid #285A5B !important;
	color: white !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #e8e8e8 !important;
}
.head{
	font-size: 16px;
	font-weight: bold;
}
.pnl-hd{
	text-align: center;
}
thead th{
	text-align: center;
	vertical-align: middle !important;
}
.srch-rs{
	margin-bottom: 50px;
}
.rel-vid img{
	height: 140px !important;
}
.td-news-mem a{
	color: #333 !important;
}
.td-news-mem a:hover{
	color: #7B7B7B !important;
}
.msg{
	display: block;
	color: red;
	font-weight: unset;
}
.manager-menu {
	float: left;
	background-color: #196969 !important;
	background-image: unset !important;
	border: unset !important;
	border-radius: 0px !important;
	display: inline;
	width: 210px !important;
	margin-bottom: 0px !important;
}
.manager-menu ul{
	border-top: 0.1px solid #BDBDBD;
	padding-left: 15px;
	padding-top: 30px;
	padding-bottom: 25px;
}
.manager-menu .head{
	padding-left: 15px;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	padding-top:35px;
	padding-bottom: 30px;
}
.manager-menu ul ul{
	border-top: unset;
	padding-left: 15px;
	padding-top: 10px;
}
.manager-menu li{
	font-size: 19px;
	font-weight: bold;
	padding: 10px 12px;
}
.manager-menu li{
	color: white;
}
.manager-menu a li:hover{
	color: orange;
}
.manager-menu .head{
	color: white !important;
}
.manager-menu li li{
	font-size: 16px;
	font-weight: normal;
}
.manager-menu button, .manager-menu button:hover{
	background-color: white;
	margin-right: 0px;
}
.manager-menu .navbar-header{
	margin-right: 15px !important;
}
.main-cotent-ad{
	display: inline;
	width: 82%;
	float: right;
	
}
.censrd-news-pnl{
	margin: 20px 15px;
}
.actv{
	color: orange !important;
}
.tr-ad td{
	padding: 3px 5px !important;
}
.col-news-detail{
	display: inline !important;
}
.censore-btn{
	margin-top: 154px;
	margin-bottom: 20px !important;
	color: white;
}
.uncensore-btn{
	margin-left: 70%;
	margin-bottom: 20px !important;
	color: white;
}
.del-btn{
	float: right;
	margin-top: 20px;
	margin-bottom: 20px !important;
	color: white;
}
.lb-19{
	font-size: 19px;
}
.li-topic{
	font-size: 17px;
}
.cbx{
	margin-right: 10px !important;
}
.del-topic-btn{
	margin-top: 85px !important;
	margin-right: 15%;
	float: right;
	color: white;
	font-size: 17px !important;
	min-width: 120px;
	padding: 5px 10px !important;
	color: #EBEBEB;
}
.del-topic-btn:hover{
	color: white !important;
}
.consv-state .btn{
	width: 210px;
}
.hiden{
	display: none;
}
.button-srch{
	/*margin-left: 25%;*/
	float: right;
	width: 130px;
	color: white;
}
.button-del{
	color: white;
}
.vid-cap{
	height: 58px !important;
}
.vid-ad iframe{
	display: block;
	width: 100%;
}
.spot-option{
	width: 30% !important;
}

@media screen and (max-width: 1199px){
	.spsc-sld img{
		height: 110px !important;
	}
	.video iframe, .vid-content{
		height: 350px;
	}
	.prev, .next {
		margin-top: 100px;
	}
	.next{
		right: 5% !important;
		border-radius: 0 4px 4px 0;
	}
	.prev{
		left: 5% !important;
		border-radius: 4px 0 0 4px;
	}
	.prv, .nxt {
		margin-top: 7%;
	}
	.nxt{
		right: 3% !important;
		border-radius: 0 4px 4px 0;
	}
	.prv{
		left: 3% !important;
		border-radius: 4px 0 0 4px;
	}
	.mySlides .caption{
		height: 68px;
	}
	.col-news-detail{
		margin-left: 3%;
	}
}
@media screen and (max-width: 1183px){
	.main-cotent-ad{
		width: 79%;
	}
}
@media screen and (max-width: 1018px){
	.main-cotent-ad{
		width: 76%;
	}
}
@media screen and (max-width: 892px){
	.main-cotent-ad{
		width: 73%;
	}
}
@media screen and (max-width: 858px){
	.main-cotent-ad{
		width: 72%;
		
	}
}
@media screen and (max-width: 991px){
	.spsc-sld img{
		height: 120px !important;
	}
	.video iframe, .vid-content{
		height: 280px;
	}
	.prev, .next {
		margin-top: 80px;
	}
	.next{
		right: 6% !important;
		border-radius: 0 4px 4px 0;
	}
	.prev{
		left: 6% !important;
		border-radius: 4px 0 0 4px;
	}
	.prv, .nxt {
		margin-top: 7%;
	}
	.nxt{
		right: 2% !important;
		border-radius: 0 4px 4px 0;
	}
	.prv{
		left: 2% !important;
		border-radius: 4px 0 0 4px;
	}
	.thumbnail img{
		max-height: 130px !important;
	}
	.mySlides .caption{
		height: 87px;
	}
	.uncensor_img{
		width: 28%;
	}
	.uncensor_summ{
		width: 70%;
	}
	.col-news-detail{
		margin-left: 5%;
	}
	.uncensore-btn{
		margin-left: 45%;
	}
	.footer-img img{
		width: 80%;
	}
	.vid-ad iframe{
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.logo img{
		width: 90px;
	}
	.top-group .search-bar{
		width: 80%;
	}
	.colps{
		border: unset !important;
		position: absolute !important;
		z-index: 1;
	}
	.menu{
		width: 220px;
		float: right;
		border-radius: 5px;
		margin-top: 2px !important;
	}
	#mapid{
		min-height: 280px;
	}
	.spsc-sld img{
		height: 70px !important;
	}
	.video iframe, .vid-content{
		height: 210px;
	}
	.news-img img{
		max-height: 350px !important;
	}
	.menu-detail ul{
		background-color: #F2F2F2 !important;
		border: 1px solid #D4DDE1 !important;
	}
	.menu-detail ul li{
		font-size: 17px;
		display: block;
		position: relative;
		border-radius: 5px;
	}
	.menu-detail ul li:hover{
		border: unset;
		margin: unset;
	}
	.menu-detail ul li ul{
		position: relative;
		margin-left: 0%;
		width: unset;
		border: unset !important;
	}	
	.menu-detail ul li ul li{
		background-color: unset;
		border: unset;
		display: block;
		padding-left: 15px;
		padding-right: 0px;
	}
	.header h2{
		font-size: 20px;
	}
	.footer-img img{
		width: 60%;
	}
	.info h3{
		font-size: 22px;
	}
	.slideshow-container{
		display: none;
	}
	.slideshow{
		display: block;
	}
	.mySlides .caption{
		height: 150px;
	}
	.mySlide .caption{
		height: 55px;
	}
	.mySlide img{
		min-height: 230px;
	}
	.prev, .next {
		margin-top: 95px;
		padding: 5px;
		font-size: 25px;
		
	}
	.next{
		right: 1% !important;
		border-radius: 0 4px 4px 0;
	}
	.prev{
		left: 1% !important;
		border-radius: 4px 0 0 4px;
	}
	.prv, .nxt {
		margin-top: 23px;
		font-size: 17px;
	}
	.nxt{
		right: 1% !important;
	}
	.prv{
		left: 1% !important;
	}
	.hiden-btn, .my-news-hidden{
		display: block !important;
	}
	.user, .my-news{
		display: none !important;
	}
	.pnl{
		min-height: 200px;
	}
	.uncensor_img{
		width: 100%;
	}
	.uncensor_summ{
		width: 100%;
	}
	.spcs-text{
		display: block !important;
 		width: 100% !important;
	}
	.image-text{
		width: 90%;
	}
	.select-group1{
		display: block;
		width: 100%;
	}
	.select-group{
		width: 90%;
	}
	.btn-add-categ{
		width: 9%;
	}
	.my-news-div:hover .my-news-list{
		display: none;
	}
	.my-news-list-colps{
		display: inline-block !important;
	}
	.nav-colps{
		position: absolute !important;
		top: 42px;
		z-index: 10;
	}
	.tab-pane .hotpot{
		margin: 30px 3% 0px 3%;
	}
	.manager-menu {
		background-color: unset !important;
		box-shadow: unset !important;
		float: right;
	}
	.manager-menu .navbar-collapse{
		background-color: #285A5B !important;
		position: absolute;
		z-index: 1;
		margin-left: 13px !important;
	}
	.main-cotent-ad{
		width: 100%;
	}
	.censrd-news-pnl{
		margin: 0px 2px;
	}
	.col-news-detail{
		margin-left: 0%;
	}
	.uncensore-btn{
		margin-left: 45%;
	}
	.chooseFile{
		padding: 40px 10%;
	}
	.adv-pills{
		display: none;
	}
	.adv-panel{
		display: block;
	}
	.adv-lbl{
		margin: 10px 0px !important;
	}
	.button-srch{
		width: 100px;
		margin-left: 10%;
	}
	.vid-cap{
		height: 70px !important;
	}
	.vid-ad iframe{
		height: 200px;
	}
	.spot-option{
		width: 50% !important;
	}
}

@media screen and (max-width: 530px){
	.news-img img{
		max-height: 220px !important;
	}
	.tooltip1:hover .tooltiptext, .tooltip1:hover #myDiv{
		visibility: hidden;
	}
	.lgn-group{
		width: 340px;
	}
	.news-topics, .news-option{
		width: 100% !important;
	}
	.srch{
		min-width: 80px !important;
	}
	.mySlide img{
		min-height: 150px;
	}
}