@charset "utf-8";
@import url("reset.css");
@font-face{
	font-family:avo;
	src:url("../fonts/UTM Avo.ttf");
}
@font-face{
	font-family:avo-bold;
	src: url("../fonts/UTM AvoBold.ttf");
}
@font-face{
	font-family:SVN Thunder;
	src:url("../fonts/SVN-A Love Of Thunder.ttf");
}	
@font-face{
	font-family:PermanentMarker;
	src:url("../fonts/PermanentMarker-Regular.ttf");
}

/* CSS Document */

*{
	padding: 0;
	margin: 0;
}

html{
	scroll-behavior: smooth;
}

body{
	background-color: #fff;
}
.banner-lich{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.clear{
	clear: both;
}

.hot_sale{
	padding-top:10px;
	background-color: #0954a5;
	display:flex;
}

.hot_sale p{
	padding-left:20px;
	font-family:PermanentMarker;
	font-size:25px;
	color:#FFF;
}

.hot_sale p img{
  width:20%;
}

/*countdown*/
.main-sanpham-4 .countdown{
	/*color:  #0954a5;*/
	color:  #fff;
  	font-size: 20px;
  	font-weight: 400;	
	margin: 0 0 10px 0;
	padding-top:9px;
	padding-left:5rem;
}

@media screen and (max-width: 1600px) {
	.abv-deal {
	width: 150px !important;
  }
}
@media screen and (max-width: 1366px) {
	.abv-deal {
	width: 100px !important;
  }
}
@media screen and (max-width: 480px) {
	.main-sanpham-4 .countdown {
		font-size:10px;
		padding-left:3rem;
		padding-top:5px;
		/* margin: 0 0 9px 0;*/
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 768px) {
	.main-sanpham-4 .countdown {
    	font-size: 12px;
		padding-top:5px;
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 1024px) {
	.main-sanpham-4 .countdown {
		font-size: 22px;
		padding-top: 5px;
		/*padding-left:0rem;*/
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 1280px) {
	.main-sanpham-4 .countdown {
		font-size: 22px;
	}
}

/*countdown2*/
.main-sanpham-4 .countdown2{
	/*color:  #0954a5;*/
	color:  #fff;
  	font-size: 20px;
  	font-weight: 400;	
	margin: 0 0 10px 0;
	padding-top:9px;
	padding-left:5rem;
}

@media screen and (max-width: 480px) {
	.main-sanpham-4 .countdown2 {
		font-size:10px;
		padding-left:3rem;
		padding-top:5px;
		/* margin: 0 0 9px 0;*/
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 768px) {
	.main-sanpham-4 .countdown2 {
    	font-size: 12px;
		padding-top:5px;
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 1024px) {
	.main-sanpham-4 .countdown2 {
		font-size: 22px;
		padding-top:5px;
		/*padding-left:0rem;*/
	}
	.hot_sale{
		padding-top:12px;
	}
}
@media screen and (max-width: 1280px) {
	.main-sanpham-4 .countdown2 {
		font-size: 22px;
	}
}

.banner_01 {
	position: relative;
}

.banner_01 a img {
	width: 9.336%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.banner_01 img {
	margin: 0 auto 15px auto;
	width: 100%;
}
.banner_02{
	width: 472px;
    margin: 40px auto 20px auto;
    padding: 0;
}
.banner_02 img {
	width: 100%;
}
.banner_03 {
	margin: 5px 0px 30px 0px;
    float: left;
    box-sizing: border-box;
}
.banner_03 img{
	width:100%;
	transition: transform .15s
}
.banner_03 img:hover{
	transform: scale(1.04);
}
.banner_04 img{
	margin: 25px auto 35px auto;
	width: 100%;
}
.banner_05 {
  margin: 40px 0px 0px 0px;
  float: left;
  box-sizing: border-box;
}

.banner_05 img{
  width:100%;
}
/*.left-main-sanpham{
	width: 255px;
	margin: 15px;
	float: left;
	
}
.right-main-sanpham{
	width: 855px;
	margin: 0 auto;
	float: left;
}*/

#slider{
	margin-top: 45px;
}
.main-sanpham-3, .main-sanpham-2{
	/* float: left; */
	padding-top: 15px;
	padding-bottom: 40px;
}

.main-sanpham-3{
	margin: 20px auto 0px auto;
}

.main-sanpham-2{
	/*text-align:  center;*/
	box-sizing: border-box;
	margin: 50px auto;
}
.main-sanpham{
	width: 100%;
	float: left;
}

.main-sanpham-4{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 40px;
	margin-top: 50px;
}

.book_item_3{
	/*width: 176px;*/
	width: 247px;
	margin: 15px;
	float: left;
	box-sizing: border-box;
	text-align: center;
	line-height:inherit;
	margin-bottom: 15px;
}

.book_item_2{
	width: 262px;
    margin: 15px 0px 0px 15px;
    float: left;
    box-sizing: border-box;
    border: solid 1px var(--book-item-bordercolor);
    padding: 10px 10px 15px 10px;
    border-radius: 5px;
    background: white;
	position: relative;
	transition: transform .15s;
}
.book_item_2:hover{
	transform: scale(1.04);
	z-index: 999;
	border: solid 1px var(--book-item-bordercolor-hover);
}
.xemtatca-2{
	font-size: 14px;
    text-align: center;
    width: 165px;
    margin: 0 auto;
    border: dashed 1px var(--xem-tat-ca-bordercolor);
    overflow: hidden;
    border-radius: 50px;
    padding: 11px;
    clear: both;
    position: relative;
    top: 25px;
    color: var(--xem-tat-ca-textcolor);
    background-color: var(--xem-tat-ca-bgcolor);
}

.xemtatca-2:hover{
	background-color: var(--xem-tat-ca-bgcolor-hover);
    color: var(--xem-tat-ca-textcolor-hover);
    border-color: var(--xem-tat-ca-bordercolor-hover);
}

/*---item---*/

.books_san_pham{
text-align:center;
}

.image_book {
	margin: 0 auto;
    height: 215px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.books_san_pham.sachhaydoche .image_book {
	background-image: url('../images/Khung_Khuyen_mai_he_500x500.png');
	padding: 20px;
	background-size: 100% 100%;
}

.books_san_pham.sachhaydoche .image_book img{
	background-size: cover;
    /* width: 140px; */
    width: 90px;
    height: auto;
    max-width: 202px;
    padding-top: 10px;
}
.image_book img{
	background-size: cover;
    width: 100%;
    height: auto;
    max-width: 202px;
    padding-top: 10px;
    max-height: 212px;
}

.book_item{
	width: 247px;
	margin: 15px;
	float: left;
	box-sizing: border-box;
	/*margin-bottom: 60px;*/
}
.thongtin_book{
	width: 227px;
}

.thongtin_book .ten_book{
	font-size: 14px;
    color: #333;
    padding-top: 10px;
    line-height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

	/*-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
  	overflow: hidden;
 	display: -webkit-box;*/

}
.thongtin_book .ten_book a{
    color: #333;
}
.thongtin_book .gia_book .giacu_ebook{
	font-size: 12px;
	line-height: 30px;
	color: #A7A7A7;
	text-decoration: line-through;
}
.thongtin_book .gia_book .giamoi_book{
	font-size: 18px;
    line-height: 40px;
    color: var(--gia-moi-textcolor);
    font-weight: bold;
    padding-top: 30px;
}
.but_muangay button{
	font-size: 14px;
    color: var(--mua-ngay-textcolor);
    background-color: var(--mua-ngay-bgcolor);
    padding: 6px 32px;
    border-radius: 5px;
    margin: 0 auto;
}
.but_muangay button:hover{
	background-color: var(--mua-ngay-bgcolor-hover);
}
.xemtatca{
	font-size: 16px;
	color: #0054A5;
	margin-bottom: 60px;
}
.xemtatca a:hover{
	text-decoration: underline;
	font-weight:600;
	color: #FFC622;
}

/* --- Slider Logo --- */

.logo-slider img{
		width: 100%;
}
.logo-slider .item{
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	border: 2px solid #FCEE21;
	transition: all ease 0.2s;
}
.logo-slider .slick-slide{
	margin: 15px;
}
.slick-dots li.slick-active button:before{
	color: #0954A5;
}
.slick-dots li button:before{
	font-size: 25px;
}
.slick-next:before,
.slick-prev:before{
	color: #0954A5;
	font-size: 28px;
}
.item:hover{
	display: block;
	transform: scale(1.1) translateY(-5px);
}

/*-----slick-----*/

.Hoctap-slider .slick-slide{
	margin: 15px;
}

/* --- Tab panel --- */

.tab .nav-tabs {    
	border-bottom:0 none;
	/* background: #E7FCFF; */
	/*background: #eaeaea;*/
	border-radius: 20px;
	margin-top: -25px;
    margin-bottom: 5px;
}
.tab .nav-tabs li a {
	background: var(--tab-bgcolor);
    border-radius: 50px;
    font-size: 14px;
    border: dashed 1px var(--tab-bordercolor);
    color: var(--tab-textcolor);
    padding: 8px 13px;
    margin: 0 10px;
}
.tab .nav-tabs li a i {
	margin-right:10px;
	color:#F90;
}
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a i {	
	border: solid 1px var(--tab-bordercolor-hover);
    color: var(--tab-textcolor-hover);
    background-color: var(--tab-bgcolor-hover);
    font-weight: bold;
}
.tab .nav-tabs li a:hover, .tab .nav-tabs li a i:hover {	
	border: solid 1px var(--tab-bordercolor-hover);
    color: var(--tab-textcolor-hover);
    background-color: var(--tab-bgcolor-hover);
}
.tab .nav-tabs li a:active, .tab .nav-tabs li a i:active{
	top:2px
}
.tab .nav-tabs li.active a:after {  
	content: "";
	position: absolute;
	left: 40%;
	bottom: -14px;
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: var(--tab-arrowcolor);
	color: #ff000000;
}

/* --GACH DUOI PANEL --*/
/*.tab .tab-content { 
padding:12px;   
color:#5a5c5d;  
font-size: 14px;    
line-height:24px;   
margin-top: 25px;   
border-bottom-width: 3px;   
border-bottom-style: solid; 
border-bottom-color: #F90;
}*/
 
@media only screen and (max-width: 768px) { 
	.tab .nav-tabs,  .tab .nav-tabs li { 
		width:100%; 
		background:transparent;
	} 
	.tab .nav-tabs li.active a { 
		border-radius:10px 10px 0 0;
	}
	.tab .nav-tabs li a { 
		margin-bottom:10px; 
		border:1px solid lightgray;

	} 
	.tab .nav-tabs li.active a:after { 
		border:none;
	}
}

@media only screen and (max-width:768px){
	.container {
		width: 100%;
		/* overflow: hidden; */
		margin: 0 auto;
		padding: 0 !important;
	}
	.banner_02{
		max-width: 100%;
	}
	.banner_02 img{
		width: 100%;
		display: block;	
		/*margin: 10px 3rem 2px 3rem;*/
		margin: 10px 0rem 2px 0rem;
	}
	
	.banner_03{
		max-width: 100%;
		margin: 30px 0px 15px 0px;
	}
	.banner_03 img{
		width: 100%;
		display: block;
		margin: -50px 0.55rem -10px 9rem;
	}
	/*.main-sanpham{
		width: 50%;
		margin: 10px auto;
	}*/
	.books_san_pham{
		width:90%;
		/*padding-left:5rem;*/
	}
	.xemtatca-2 {
		width:55%;
		padding-left:25rem;
	}

	.books_san_pham .book_item,
	.books_san_pham .book_item_2,
	.books_san_pham .book_item_3{
		margin:12px 35px;
	}

	.item{
		max-width: 100%;
	}
	.item img{
		width: 100%;
		height: 100%;
	}
	.logo-slider, .Hoctap-slider  {
		width: 90%;
		margin: 0 auto;
	}
	.logo-slider .item{
		margin-bottom: 20px;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0px 4px 4px #d4cdc4;
	}

	.main-sanpham-4 {
		/*margin-left:-8.5rem;*/
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}

	.main-sanpham-4 .books_san_pham .book_item .thongtin_book{
		text-align:left;
		/*margin: auto 0 auto 5rem;*/
		margin: auto 0 auto 3.5rem;
		width:100%;
	}
	.main-sanpham-4 .books_san_pham .book_item {
		/* display: grid;
	   	 grid-gap: 5px;
	   	 grid-template-columns: repeat(auto-fit, 100px);
	   	 grid-template-rows: repeat(2, 100px);*/

		display: grid;
    	grid-gap: 5px;
    	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    	grid-template-rows: repeat(2, 100px);
	}

	.main-sanpham-2 {
		text-align:center;
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}

	.main-sanpham-2 .books_san_pham .book_item_2 .thongtin_book{
		text-align:left;
		margin: auto 0 auto 0;
		width:98%;
	}
	.main-sanpham-2 .books_san_pham .book_item_2 {
		/*display: grid;*/
    	grid-gap: 5px;
    	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    	grid-template-rows: repeat(2, 100px);
	}

	.main-sanpham-3 {
		text-align:center;
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}	
	
	.main-sanpham-3 .books_san_pham .book_item_3 .thongtin_book{
		text-align:left;
		margin: auto 0 auto 3.5rem;
		width:98%;
	}
	.main-sanpham-3 .books_san_pham .book_item_3 {
		display: grid;
    	grid-gap: 5px;
    	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    	grid-template-rows: repeat(2, 100px);
	}

	/*.xemtatca-2{
	width:100%;
	margin-left:-5rem;
	}*/

	/*.main-sanpham-4 .books_san_pham .book_item img {
	width: 100%;
	overflow: hidden;
	}*/

	.main-sanpham .pad-hethong {
		width:70%;
	}

	/*.main-bookcity .main-diadiemapdung { 
		width:70%;
	}

	.main-bookcity .main-diadiemapdung .text-diadiemapdung p{ 
		width:70%;
	}  

	#bg-footer #pad-web .footer {
		width:75%;
		padding-left:1rem;
	}*/
}

@media only screen and (max-width:480px){
	.container {
		width: 100%;
		/* overflow: hidden; */
		margin: 0 auto;
		padding: 0 !important;
	}

	.hot_sale p{
		font-size:22px;
	}
	.hot_sale img{
		width:6%;
	}

	.books_san_pham{
		width:50%;
		/*padding-left:4rem;*/
	}
	.xemtatca-2 {
		width:55%;
		padding-left:13rem;
	}

	.main-sanpham-4 {
		/*margin-left:-8.5rem;*/
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}

	.xemtatca-2{
		width:180%;
		margin-left:-5rem;
	}

	/*.main-sanpham-4 .books_san_pham .book_item img {
	width: 100%;
	overflow: hidden;
	}*/

	.main-sanpham-2 {
		text-align:center;
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}
	.main-sanpham-3 {
		text-align:center;
		margin-left:0rem;
		width:100%;
		/*overflow: hidden;*/
	}

	.banner_01{
		max-width: 100%;
	}
	.banner_01 img{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.banner_02{
		max-width: 100%;
	}
	.banner_02 img{
		width: 90%;
		display: block;
		margin: 10px 1.7rem 2px 1.7rem;
	}
	
	.banner_03{
		max-width: 100%;
	}
	.banner_03 img{
		width: 100%;
		display: block;
		margin: -50px 0.5rem -10px 0.5rem;
	}

	.item{
		max-width: 100%;
	}
	.item img{
		width: 100%;
		height: 100%;
	}
	.logo-slider, .Hoctap-slider  {
		width: 90%;
		margin: 0 auto;
	}
	.logo-slider .item{
		margin-bottom: 20px;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0px 4px 4px #d4cdc4;
	}

	/*.main-sanpham .pad-hethong {
		width:40%;
	}*/
	#tabs-hethong.pad-hethong li.tab-link {
		font-size: 18px;
	}
	
	/*.main-bookcity .main-diadiemapdung { 
		width:38%;
	}*/

	/*.main-bookcity .main-diadiemapdung .text-diadiemapdung p{ 
		width:30%;
	}*/

	div.main-diadiemapdung, #bg-footer #pad-web .footer {
		width:100%;
		margin-left:-1rem;
	}
}

.mui_ten{
	text-align: center;
	margin-bottom: 45px; 
}
.arrow_prev{
	margin: 0px 10px 0px 0px;
}

.arrow_prev:hover{
	background-color: #FFC622;
	color: white;
}

.arrow_next{
	margin: 0px 0px 0px 10px;
}
.arrow_prev, .arrow_next{
	width: 50px;
	height: 50px;
	color: #FFC622;
	background-color: #FFFFFF;
	border: 1px solid #FFC622;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
	padding-left: 3px;
	padding-top: 3px;
	cursor: pointer;
	display: inline-block;
	
}

.arrow_next:hover{
	background-color: #FFC622;
	color: white;
}

.for_slick_slider{
	display: flex;
}

.for_slick_slider {
	/*margin: 20px auto;*/
	/*background-color:antiquewhite;*/
	text-align: center;
	margin-top: 30px;
}

.for_slick_slider .items {
	width:  490px;
	/*height: 250px;*/
	margin: 15px;
	position: relative;
}

.for_slick_slider .items .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 490px;
	/*height: 250px;*/
	background: rgba(0,0,0,0.64);
}

.for_slick_slider .slick-center .overlay {
	opacity: 0;
}

.for_slick_slider .items iframe{
	width: 490px;
	/*width: 350px;
	height: 250px;*/
	transition: all linear .4s;
}

/*.for_slick_slider .slick-center iframe{
	transform: scale(1.2);
}*/

.carousel-indicators .active  
{
	background-color:#BFD630;	/* Đổi màu chấm tròn */
}

.carousel-control:hover
{
	color:#BFD630;	/* đưa chuột vào mũi tên sẽ thành vàng */
}
/*.carousel-control , .glyphicon
{
	color:#FF3;	 // 2 mũi tên màu vàng & đưa chuột vô sẽ rực sáng 
}*/
/*.glyphicon
{
	color:#FF3;	  // 2 mũi tên vàng đưa chuột vào sẽ rực sáng	
}*/

#bg-web-2{
	background: #fff;
	overflow:hidden;
	position: relative;
	z-index:1;
	width: 100%;
	margin-top: -12px;
	border-top: solid 1px #eee;
}

#bg-footer{
	background: var(--footer-bgcolor); 
	overflow:hidden;
	z-index:-1;
	width:100%;
	padding-bottom:0;
}

/*#pad-web{
	width:1140px;
	margin:0 auto;
}*/

.main-sanpham{
	/*width:1140px;
	float:left;*/
	text-align:center;
}

.main-diadiemapdung{
	width:84%;
	margin: auto;
	/*width:1140px;
	float:left;*/
	padding:0 30px 0 30px;
}

.title-diadiemapdung{
	font-size: 25px !important;
    color: var(--he-thong-ns-textcolor) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 16px 0 17px 0 !important;
    border-bottom: var(--he-thong-ns-dashbordercolor) dashed 1px;
}

.icon-diadiemapdung{
    width: 12px;
    height: 12px;
    display: inline-block;
    text-indent: -9999em;
    vertical-align: middle;
    overflow: hidden;
    border-left: 1px solid var(--he-thong-ns-textcolor);
    border-top: 1px solid var(--he-thong-ns-textcolor);
    transform: rotate(-135deg);
    margin-top: -11px;
    margin-left: 4px;
}

.text-diadiemapdung{
	/*width:1054px;
	float:left;*/
	padding:34px 28px 18px 28px;
}

.text-diadiemapdung p{
	padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    text-align: center;
    border: solid 1px transparent;
}
.text-diadiemapdung p:hover{
	font-weight: bold;
	border-color: #eee;
}
.text-diadiemapdung p span{
  font-style:italic;
  font-weight: bold;  
}

ul.tab{
    list-style-type: none;
    margin-top: 23px;
	margin-bottom:21px;
	padding:0;
    overflow: hidden;
	text-align:center !important;
	background:url(../images/bg-title.png) no-repeat center bottom;
}

ul#tabs-noibat{
	margin: 0px;
	list-style: none;
	padding-top:16px;
	padding-bottom:21px;
	padding-left:0px;
}

ul#tabs-hethong{
	margin: 0 auto;
	list-style: none;
	padding-top:0;
	padding-bottom:0;
	padding-left:0px;
}

ul#tabs-vungmien{
	margin: 0px;
	list-style: none;
	padding-top:0;
	padding-bottom:0;
	padding-left:0px;
	background:url(../images/bg-tab-vung-mien.jpg) no-repeat center bottom;
}

ul#tabs-noibat li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*transition: 0.3s;
	opacity: 1;*/
	background:url(../images/tab-sanpham.png) no-repeat center top;
	padding:44px 0 0 0;
	color:#d9c09e;
	font-size:14px;
	font-weight:560;
	text-transform:uppercase;
	margin-right:49px;
}

ul#tabs-hethong li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*transition: 0.3s;
	opacity: 1;*/
	padding:19px 41px 27px 41px;
	color:#0365a7;
	font-size:19px;
	font-weight:500;
	text-transform:uppercase;
	margin-right:16px;
}

ul#tabs-vungmien li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	background:#e7fcff;
	margin-bottom:1px;
	/*transition: 0.3s;
	opacity: 1;*/
	padding:10px 21px 8px 21px;
	color:#17b7ff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:13px;
}

ul#tabs-noibat li.current,
ul#tabs-noibat li:hover{
	cursor:pointer;
	background:url(../images/tab-sanpham-hover.png) no-repeat center top;
	/*opacity:1;*/
	padding:44px 0 0 0;
	color:#f7941e;
	font-size:14px;
	font-weight:560;
	text-transform:uppercase;
	margin-right:49px;
}

ul#tabs-hethong li.current, ul#tabs-hethong li:hover{
	cursor:pointer;
	background:#fff;
	border-radius: 16px 16px 0px 0px;   
	-moz-border-radius: 16px 16px 0px 0px;
	-webkit-border-radius: 16px 16px 0px 0px;
	-ms-border-radius: 16px 16px 0px 0px;
	-o-border-radius: 16px 16px 0px 0px;
	padding:40px 41px 0px 41px;
	color:#0757ad;
	font-size:29px;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:16px;
}

ul#tabs-vungmien li.current, ul#tabs-vungmien li:hover{
	cursor:pointer;
	background:#17b7ff;
	padding:10px 21px 8px 21px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:13px;
	margin-bottom:1px;
}

.main-bookcity{
	/*width:1140px;
	float:left;*/
	padding-bottom:0;
}

.diachichitiet p{
	padding-bottom:4px;
}

.footer{
	/*width:1140px;
	float:left;*/
	width: 100%;
	float: none;
	padding:15px 0 15px 0;
	text-align:center;
	font-size:13px;
	color:var(--footer-textcolor);
	line-height:24px;
}

.container-fluid{
	padding: 0;
	width:100%;
	margin:auto;
	display: flex;
    justify-content: center;
}
.container {
	padding: 0 30px;
}

.adv {
    width: 60px;
    position: absolute;
    right: 5px;
    top: 27%;
    z-index: 1;
}

.tabmenu{
	padding-bottom:5px;
}

.tabmenu_other{
	width:160px;
	float:left;
	padding-bottom:0;
}

.slick-prev {
	left: 6px;
}
.slick-next {
	right: 6px;
}
.scrolltop{
position:fixed;
right:1rem;
bottom:-20%;
display:flex;
/*width:3%;
height:6%;*/
justify-content:center;
align-items:center;
padding: .3rem;
background:#0D56A5;
/*background: rgba(6,156,84,.5);*/
border-radius: .4rem;
z-index: var(--z-tooltip);
transition: .4s;
padding: 10px 10px 10px 10px;
visibility:hidden;
}

.scrolltop:hover{
/*background-color: var(--first-color-alt);*/
background-color: #fff;
border: 1px solid #0D56A5;
}

.scrolltop__icon{
font-size: 1.8rem;
color:#fff;
}

.scrolltop__icon:hover{
color:#0D56A5;
}

.scroll-top{
visibility: visible;
bottom: 1.5rem;
}
.section-background-odd, .section-background-even{
	margin-bottom: 12px;
	margin-top: -15px;
}

.section-background-odd{
	
    background: var(--odd-bgcolor);
	  --size: 35px;
  --m: 3.5;
  --p: calc(var(--m)*var(--size));
  --R: calc(var(--size)*sqrt(var(--m)*var(--m) + 1));
  padding: 10px 0 30px 0;
  margin-top: -60px;

mask:
  radial-gradient(var(--R) at left 50% var(--d,top) calc(var(--size) + var(--p)),#000 99%,#0000 101%) 
      calc(50% - 2*var(--size)) 0/calc(4*var(--size)) 100%,
    radial-gradient(var(--R) at left 50% var(--d,top) calc(-1*var(--p)),#0000 99%,#000 101%) 
      left 50% var(--d,top) var(--size)/calc(4*var(--size)) 100% repeat-x;
  border: none;
}
.section-background-even{
	background: var(--even-bgcolor);
	  --size: 35px;
		--m: 3.5;
		--p: calc(var(--m)*var(--size));
		--R: calc(var(--size)*sqrt(var(--m)*var(--m) + 1));
		padding: 10px 0 30px 0;
		margin-top: -60px;

mask:
  radial-gradient(var(--R) at left 50% var(--d,top) calc(var(--size) + var(--p)),#000 99%,#0000 101%) 
      calc(50% - 2*var(--size)) 0/calc(4*var(--size)) 100%,
    radial-gradient(var(--R) at left 50% var(--d,top) calc(-1*var(--p)),#0000 99%,#000 101%) 
      left 50% var(--d,top) var(--size)/calc(4*var(--size)) 100% repeat-x;
  border: none;
}
.section-background-related{

background: var(--related-bgcolor);
--size: 35px;
		--m: 3.5;
		--p: calc(var(--m)*var(--size));
		--R: calc(var(--size)*sqrt(var(--m)*var(--m) + 1));
		padding: 45px 0 0 0;
		margin-top: -60px;

mask:
  radial-gradient(var(--R) at left 50% var(--d,top) calc(var(--size) + var(--p)),#000 99%,#0000 101%) 
      calc(50% - 2*var(--size)) 0/calc(4*var(--size)) 100%,
    radial-gradient(var(--R) at left 50% var(--d,top) calc(-1*var(--p)),#0000 99%,#000 101%) 
      left 50% var(--d,top) var(--size)/calc(4*var(--size)) 100% repeat-x;
  border: none;
}
.myVideo {
	right: 0;
	bottom: 0;
	width: 100%;
	min-height: 100%;
  }
  .show_banner_mobile{
	display: none;
  }
  .tag_dis{
	position: absolute;
    background: #ff8d00;
    color: #ffffff;
    padding: 1px 3px 0px 3px;
    font-size: 12px;
    top: 10px;
    right: 0;
    font-weight: bold;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  .banner_top_section{
	width: 100%;
  }
  .section-background-even hr{
	margin-bottom: -5px !important;
    margin-top: 15px !important;
  }
  .section-background-odd hr{
	margin-bottom: -5px !important;
    margin-top: 15px !important;
  }
  .title-quan-tam{
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .top-main-nav-container{
	position: fixed;
	width: 100%;
	z-index: 999;
	transition: all 0.3s ease;
  }
   .top-main-nav-container:hover{
	transform: scale(1) !important;
	top: 0 !important;
	opacity: 1 !important;
  }
  .top-main-nav{
	width: 1170px;
	height: 50px;
	margin: 25px auto 0 auto;
    border-radius: 150px;
  }
  .top-main-nav li{
	width: 117px;
	height: 50px;
	float: left;
	background-image: url(../images/navigation-images.png);
	background-repeat: no-repeat;
	cursor: pointer;
  }
  .nav_sach{
	background-position: -5px -5px;
  }
  .nav_tapvo{
	background-position: calc(-5px - (117px)*1) -5px;
  }
  .nav_balo{
	background-position: calc(-5px - (117px)*2) -5px;
  }
  .nav_hoccu{
	background-position: calc(-5px - (117px)*3) -5px;
  }
  .nav_hoacu{
	background-position: calc(-5px - (117px)*4) -5px;
  }
  .nav_dochoi{
	background-position: calc(-5px - (117px)*5) -5px;
  }
  .nav_sotay{
	background-position: calc(-5px - (117px)*6) -5px;
  }
  .nav_bangdia{
	background-position: calc(-5px - (117px)*7) -5px;
  }
  .nav_phukien{
	background-position: calc(-5px - (117px)*8) -5px;
  }
  .nav_khac{
	background-position: calc(-5px - (117px)*9) -5px;
  }
  .top-main-nav li:hover, .top-main-nav li.active{
	background-position-y: -60px;
  }
  @media only screen and (max-width: 1440px) { 
	.top-main-nav-container{
	transform: scale(0.88) !important;
  }
  }
  @media only screen and (max-width: 1366px) { 
	.top-main-nav-container{
	transform: scale(0.85) !important;
  }
}
  .anim_banner_main{
	margin: 0 auto;
	width: 100%;
	height: 100%;
  }
  .anim_title{
	animation: zoom-in-zoom-out-title 2s ease-in-out;
  	animation-iteration-count: infinite;
	z-index: -1;
  }
  .anim_ctkm{
	animation: zoom-in-zoom-out-ctkm 2s ease-in-out;
  	animation-iteration-count: infinite;
	z-index: -1;
  }
  .abv-deal{
	width: 200px;
	left:0;
	display: none;
  }
  @keyframes zoom-in-zoom-out-title {
  0% {
    transform: scale(0.9, 0.9);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.9, 0.9);
  }
}
@keyframes zoom-in-zoom-out-ctkm {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}