@charset "UTF-8";

#paging{margin:0 0 40px; font-size:14px;}
#paging .list{float:left;}
#paging .next{float:right;}
#paging a{display:inline-block; width:42px; height:42px; text-align:center; line-height:42px; border:2px solid #ae4983;}
#paging a.active, #paging a:hover{background:#ae4983; color:#fff;}
#paging .next a{width:110px; position:relative; padding:0 10px 0 0;}
#paging .next a:after{position:absolute; top: 15px; right:10px; content:''; text-indent:1px; border: solid black;  border-width: 0 1px 1px 0;  display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

@media screen and (max-width: 480px){
	#paging {margin: 20px auto;}
	#paging a {width:35px; height:35px; line-height:35px; border:1px solid #ae4983;}	
	#paging .next a:after{top: 11px;}
}

/* =======================================================
					 Truyen thong
======================================================= */
.simson .item{padding:30px 0 100px; font-size:14px;}
.simson .itemImg{width:45%; margin:-60px 0 0 0;}
.simson .itemCont{width:52%;}
.simson .item:nth-of-type(1){margin:130px 0 0 0;}
.simson .item:nth-of-type(2n+1){background:#f0efed;}
.simson .item:nth-of-type(2n) .itemImg{float:right;}
.simson .item:nth-of-type(2n) .itemCont{float:left;}
.simson .item:nth-of-type(2n+1) .itemImg{float:left;}
.simson .item:nth-of-type(2n+1) .itemCont{float:right;}
.simson .item:nth-of-type(2n+1) h3:after{background:#f0efed url(../images/common/ic_flower.png) no-repeat top center; background-size:30px auto;}


.media h2{font-size:24px; font-weight:bold; font-style:italic; padding-top:50px;}
.media .mainTxt{text-align:center; font-size: 16px;}

@media screen and (max-width: 736px){
	.simson .item:nth-of-type(1){margin:90px 0 0 0;}    
    .simson .item:last-of-type{padding:30px 0 50px;}    
    .simson .itemImg{width:480px; width:100%; margin:-60px auto 20px; float:none !important;}
    .simson .itemCont{width:100%; float:none !important;}
}

@media screen and (max-width: 480px){
	.media h2{font-size:20px; padding-top:40px;}
}
@media screen and (max-width: 380px){
	.simson .itemCont .btn a {font-size: 12px;}
}



/* =======================================================
						 Tin tuc
======================================================= */

.news .item{border-bottom:2px solid #a5a5a4; margin:0 0 30px; padding:0 0 30px; font-size:14px; line-height:1.5;}
.news .item .img {width:39.3%; float:left;}
.news .item .img a {display: block; overflow: hidden;}
.news .item .img a img {transition: transform 3s; transition: -webkit-transform 3s;}
.news .item .img a:hover img {transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3);}
.news .item .cont{width:57%; float:right;}
.news .item .tit {font-size:18px; font-weight:bold; margin: 0 auto 10px;}
.news .item .tit a:hover {color: #ae4983;}
.news .item .date{margin:0 auto 10px; font-size:12px;}
.news .item .txt {text-align: justify; margin: 0 0 10px;}
.news .item .more a {display: inline-block; color: #fff; background: url(../images/common/readmore.jpg) no-repeat; padding: 2px 30px 2px 15px; background-size: 100% 100%; background-position: center;}
.news .item .more a:hover {opacity: 0.8;}

@media screen and (max-width: 736px){
	.news .item .tit {font-size: 14px;}
	.news .item .img{max-width:480px; width:100%; margin:0 auto 10px; float:none;}
	.news .item .cont{width:100%; float:none;}
	.news .item .more {text-align: right;}
}

/* =======================================================
						 Tin tuc chi tiet
======================================================= */

.newsDetail .bgContent {background: #fff; padding: 0;}
.newsDetail .content1000 h3 {font-size: 24px; font-weight: bold; font-style: italic; text-transform: uppercase; text-align: center;}
.newsDetail .content1000 .social {padding: 30px 0 10px;}
.newsDetail .content1000 .social::before {border-top: 0; border-bottom: 1px solid #808080; top: auto; bottom: 0;}
.newsDetail .content1000 .listTopic {text-align: center; padding: 30px 0 20px;}
.newsDetail .content1000 .txt {text-align: justify;}
.newsDetail .content1000 .txt figure {text-align: center; padding: 20px 0;}
.newsDetail .content1000 .txt p {margin: 10px auto;}

@media screen and (max-width: 1024px){
	.newsDetail .content1000 .txt p img {height: auto !important;}
}

@media screen and (max-width: 736px){
	
	.newsDetail .content1000 h3 {font-size: 14px; text-align: center;}
	.newsDetail .content1000 .social {margin: 0 auto;}
	.newsDetail .content1000 .listTopic {padding: 10px 0 0;}
}

/* =======================================================
						Bai viet 
======================================================= */


.topic .content1000 li{width:31.5%; margin:0 2.75% 50px 0; float:left; line-height:1.4;}
.topic .content1000 li:nth-of-type(3n){margin:0 0 50px;}
.topic .content1000 li:nth-of-type(3n+1){clear:both;}
.topic .content1000 li a:hover img {transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3);}
.topic .content1000 li a:hover {color:#ae4983;}

.topic .content1000 figure {margin:0 0 20px; overflow: hidden;}
.topic .content1000 figure img {transition: transform 3s; transition: -webkit-transform 3s;}
.topic .content1000 .tit{font-size:18px; font-weight:bold; margin: 0 auto 10px; min-height: 50.5px;}
.topic .content1000 .date{font-size:12px; margin:0 auto 10px;}
.topic .content1000 .txt{margin:0 0 10px;}
.topic .content1000 .more a {display: inline-block; color: #fff; background: url(../images/common/readmore.jpg) no-repeat; padding: 2px 30px 2px 15px; background-size: 100% 100%; background-position: center;}
.topic .content1000 .more a:hover {opacity: 0.8; color: #fff;}



@media screen and (max-width: 736px){
	.topic .content1000 li{width:48%; margin:0 4% 40px 0;}
	.topic .content1000 li:nth-of-type(3n){margin:0 4% 40px 0;}
	.topic .content1000 li:nth-of-type(2n){margin:0 0 40px 0;}
	.topic .content1000 li:nth-of-type(3n+1){clear:none;}
	.topic .content1000 li:nth-of-type(2n+1){clear:both;}
	.topic .content1000 .tit {font-size: 14px; min-height: auto;}
	.topic .content1000 .more {text-align: right;}
}

@media screen and (max-width: 480px){
	.topic .content1000 {padding: 0;}
	.topic .content1000 li {float: none; width:100%; margin:0 auto !important; clear:both !important; padding: 15px 10px;}
	.topic .content1000 li:nth-of-type(1) {padding: 0 10px 15px;}
	.topic .content1000 li:nth-of-type(2n) {background: #fff;}
	.topic .content1000 figure{margin:0 0 10px;}
}

/* =======================================================
				 Bai viet - Chi tiet
======================================================= */
.detail {font-size:14px; line-height:1.4;} 
.detail .listTopic{color:#808080; font-weight:bold; margin:0 0 15px;}
.detail .listTopic a:hover{text-decoration:underline;}
.detail .box{margin:0 0 100px;}
.detail .boxL{width:47.6%; float:left; margin: 0 15px 0 0;}
.detail .boxL .slide{margin:0 0 15px;}
.detail .boxL .slide img{width:100%;}
.detail .boxL .slide p{background:#464545; color:#fff; padding:7px 10px;}
.detail .boxL .slide p span{padding:0 30px 0 0;}
.detail .boxL .txt{margin:0 0 10px; }
.detail .boxL .social{text-align:left; padding:15px 0 0 0;}
.detail .boxL .social:before{left:0; margin:0; width:117px;}

.detail .boxR {font-size:14px;}
.detail .boxR .tit{font-size:24px; font-weight:bold; margin:0 0 15px;}
.detail .boxR .note{font-style:italic; margin:0 0 20px; text-align: justify;}
.detail .boxR .txt {text-align: justify;}
.detail .boxR .txt p {margin: 0 0 10px;}

@media screen and (max-width: 736px){
	.detail .box{margin:0 0 50px;}
	.detail .boxL{max-width:584px; width:100%; margin:0 auto 20px; float:none;}
	.detail .boxR .tit{font-size: 16px;}
}

/* =======================================================
					 Hinh anh & Video
======================================================= */

.imgVideo #subNav {text-align:center; margin:0 0 40px; }
.imgVideo #subNav li{display:inline-block; margin:0 40px 0 0; cursor:pointer;}
.imgVideo #subNav li:last-of-type{margin:0;}
.imgVideo #subNav li:hover, .imgVideo #subNav li.active{color:#ae4983;}
.imgVideo #subNav i{margin:0 5px 0 0; font-size:20px;}

.boxImgVideo{font-size:12px; margin:0 0 50px; display:none;}
.boxImgVideo li{width:31.4%; float:left; margin:0 2.9% 30px 0; overflow: hidden;}
.boxImgVideo li:nth-of-type(3n){margin:0 0 30px 0;}
.boxImgVideo li:nth-of-type(3n+1){clear:both;}
.boxImgVideo li img {transition: transform 3s; transition: -webkit-transform 3s;}
.boxImgVideo li a:hover img {transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3);}
.boxImgVideo li a:hover .tit{color:#ae4983;}
.boxImgVideo .tit{font-size:18px; font-weight:bold; line-height:1.3;}

#boxCat1 li a {display: block; position: relative;}
#boxCat1 li a .hoverTxt {display: block; opacity: 0; position: absolute; left: 0; right: 0; width: 100%; top: 50%; text-align: center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); color: #FFF !important; text-shadow: 2px 2px 8px #000;}
#boxCat1 li a:hover .hoverTxt {opacity: 1;}
#boxCat1 li a:hover .hoverTxt .tit {color: #fff; font-weight: normal;}



#cboxTitle {background:#fff; width:100%; padding:10px; float:none !important;}
.cboxElement p:nth-of-type(2) {}


.boxImgVideo #instafeed a {float: left; width: 32%; margin: 0 2% 2% 0;}
.boxImgVideo #instafeed a:nth-of-type(3n) {margin: 0 0 2% 0;}
.boxImgVideo #instafeed a:nth-of-type(3n+1) {clear: both;}

button:active, button:focus {outline: none;}
#cboxPrevious, #cboxNext, #cboxClose {background:none;}
#cboxClose::before, #cboxClose::after {border-bottom: 1px solid #fff;}

@media screen and (max-width: 736px){
	.imgVideo #subNav {padding: 0 10px; margin: 0 0 10px;}
	.imgVideo #subNav li {display: block; float: left; width: 50%; margin: 0; text-align: left; padding: 5px 10px;}			
	.boxImgVideo li{width:48%; margin:0 4% 30px 0;}	
	.boxImgVideo li:nth-of-type(3n){margin:0 4% 30px 0;}	
	.boxImgVideo li:nth-of-type(2n){margin:0 0 30px;}	
	.boxImgVideo li:nth-of-type(3n+1){clear:none;}	
	.boxImgVideo li:nth-of-type(2n+1){clear:both;}

	#boxCat1 li a .hoverTxt {opacity: 1;}
}

@media screen and (max-width: 480px){
	.boxImgVideo li{width:100%; margin:0 0 30px !important;}
	.boxImgVideo li img{width:100%;}	
	.boxImgVideo #instafeed a {float: none; width: 100%; margin: 0 0 20px !important; display: block;}

	#cboxTitle{font-size:12px; padding:5px 10px; line-height:1.4;}
	#cboxPrevious, #cboxNext{top:60px;}
}