.section .title {
	text-transform: uppercase;
	align-items: center;
}
.section .title h3 {
	flex: 1;
	font-size: 14px;
	font-weight: 700;
}
.section .title .more {
	width: 57px;
	text-align: right;
	font-size: 10px;
}
.section .title .more img {
	vertical-align: 0px;
	width: 15px;
	margin-left: 10px;
}

.best {
	background: #002411;
	color: #fff;
	padding-bottom: 20px;
}
.best .title {
	padding: 20px 30px 10px;
}
.best .title h3 i {
	color: #F10000;
	margin-left: 2px;
}
.best .swiper-container {
	padding-left: 20px;
}
.best .swiper-slide {
	width: 110px;
	margin-right: 10px;
}
.best .swiper-slide a {
	display: block;
	padding: 5px;
	background: #fff;
}
.best .swiper-slide .name {
	padding: 0 5px;
	height: 28px;
    line-height: 1.2em;
	color: #4AA61B;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: 500;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.best .swiper-slide .name .cell {
	vertical-align: middle;
}
.best .swiper-slide .name p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.best .swiper-slide .price {
	font-size: 10px;
	padding: 0 5px 7px;
}
.best .swiper-slide .thumb {
	width: 100px;
	max-height: 75px;
	overflow: hidden;
}
.best .swiper-slide .thumb img {
	width: 100%;
	min-height: 100%;
}




.reservation {
	padding: 10px 20px;
}
.reservation .title h3 {
	color: #00632E;
}


.reservation .reservationTable {
	position: relative;
}
.reservation .reservationTable:before {
	content: '';
	background: rgba(246, 246, 246, 0.8);
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: -1;
}
.reservation .reservationTable:after {
	content: '';
	background: rgba(246, 246, 246, 0.8);
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: -1;
}
.reservation .reservationTable > div {
	position: relative;
    width: calc(100% - 75px);
}
.reservation .reservationTable > div:first-child {
	width: 75px;
}
.reservation .reservationTable strong {
	display: block;
	height: 40px;
	line-height: 38px;
	color: #4AA61B;
	font-size: 12px;
	letter-spacing: -1px;
	text-align: center;
	font-weight: 500;
}
.reservation .reservationTable strong a {
	color: #4AA61B;
}
.reservation .gray {
	background: rgba(246, 246, 246, 0.8);
}
.reservation .swiper-container {
	position: static;
	margin: 0 22px 0 15px;
}
.reservation .swiper-slide {
	width: 14.444%;
	text-align: center;
}
.reservation .swiper-slide > div {
	height: 40px;
	line-height: 38px;
}
.reservation .swiper-slide .date {
	color: #4AA61B;
	font-size: 12px;
}
.reservation .swiper-slide .num {
	font-size: 12px;
	letter-spacing: -1px;
}
.reservation .swiper-slide img {
    vertical-align: -3px;
    width: 15px;
    margin-left: 5px;
}
.reservation .swiper-button-prev,
.reservation .swiper-button-next {
	top: 9px;
}
.reservation .swiper-button-prev {
	left: -10px;
}
.reservation .swiper-button-next {
	right: 0;
}



.bestTour {
	position: relative;
	padding: 15px 20px;
}
.bestTour .title {
	border-bottom: 1px solid #C4C4C4;
	padding-bottom: 10px;
}
.bestTour .title h3 {
	color: #00632E;
}
.bestTour .swiper-container {
	position: static;
}
.bestTour .swiper-slide a {
	border-bottom: 1px solid #C4C4C4;
	padding: 10px 0;
	align-items: center;
}
.bestTour .swiper-slide .thumb {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin-right: 10px;
}
.bestTour .swiper-slide .thumb img {
	width: auto;
    height: 120px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.bestTour .swiper-slide .info {
	flex: 1;
}
.bestTour .swiper-slide .name {
	height: 28px;
    line-height: 1.2em;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: 500;
	margin-bottom: 20px;
}
.bestTour .swiper-slide .name .cell {
	vertical-align: middle;
}
.bestTour .swiper-slide .name p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    padding-right: 10px;
}
.bestTour .swiper-slide .schedule {
	color: #7D7D7D;
	font-size: 10px;
	letter-spacing: -1px;
}
.bestTour .swiper-slide .date {
	font-size: 10px;
	letter-spacing: -1px;
}
.bestTour .swiper-slide .price {
	margin-top: 10px;
	color: #4AA61B;
	font-size: 12px;
	font-weight: 500;
}
.bestTour .swiper-slide .price:after {
	content: 'VND';
	display: inline-block;
	font-size: 10px;
	margin-left: 2px;
}



.screenGolf {
	padding: 20px 0;
}
.screenGolf .title {
	margin-bottom: 10px;
	padding: 0 20px;
}
.screenGolf .title h3 {
	color: #00632E;
}
.screenGolf .swiper-container {
	padding-left: 20px;
}
.screenGolf .swiper-slide {
	width: 230px;
	margin-right: 10px;
}
.screenGolf .swiper-slide .thumb {
	max-height: 173px;
}
.screenGolf .swiper-slide .info {
	background: rgba(246, 246, 246, 0.8);
	padding: 10px;
	box-sizing: border-box;
}
.screenGolf .swiper-slide .info .name {
	color: #4AA61B;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 2px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.screenGolf .swiper-slide .info .simply {
	font-size: 9px;
	margin-bottom: 3px;
}
.screenGolf .swiper-slide .info .price {
	color: #004D24;
	font-size: 10px;
	font-weight: 500;
}
.screenGolf .swiper-slide .info .price:after {
	content: 'VND';
	display: inline-block;
	font-size: 8px;
	margin-left: 2px;
}




.golf {
	position: relative;
	padding: 10px 20px;
}
.golf .title {
	margin-bottom: 10px;
}
.golf .title h3 {
	color: #00632E;
}
.golf .swiper-container {
	position: static;
}
.golf .swiper-slide {
	padding: 5px;
	box-sizing: border-box;
}
.golf .swiper-slide a {
	align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.golf .swiper-slide .thumb {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.golf .swiper-slide .thumb img {
	width: 100%;
}
.golf .swiper-slide .soldout .thumb:after {
	content: 'sold out';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 15px;
	line-height: 13px;
	background: #9d9d9d;
	color: #fff;
	text-align: center;
	font-size: 8px;
	letter-spacing: -0.2px;
}
.golf .swiper-slide .info {
	width: calc(100% - 80px);
    padding-left: 5px;
    box-sizing: border-box;
}
.golf .swiper-slide .name {
	height: 28px;
    line-height: 1.2em;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: 500;
	margin-bottom: 20px;
}
.golf .swiper-slide .name .cell {
	vertical-align: middle;
}
.golf .swiper-slide .name p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    padding-right: 10px;
}
.golf .swiper-slide .price {
	color: #4AA61B;
	font-size: 10px;
}
.golf .swiper-slide .price:after {
	content: 'VND';
	display: inline-block;
	font-size: 8px;
	margin-left: 2px;
}




.teaching {
	position: relative;
	padding: 10px 0px 45px;
}
.teaching .title {
	padding: 0 20px;
	margin-bottom: 10px;
}
.teaching .title h3 {
	color: #00632E;
}
.teaching .swiper-container {
	padding-left: 20px;
}
.teaching .swiper-slide {
	width: 85px;
	margin-right: 10px;
	text-align: center;
	font-size: 10px;
}
.teaching .swiper-slide .thumb {
	position: relative;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	margin-bottom: 5px;
}
.teaching .swiper-slide .thumb img {
	width: 100%;
	max-height: 116px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



.main-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 8;
	overflow: scroll;
}
.main-pop .black-bg {
	display: block;
	z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
}
.main-pop-cont {
	width: 90%;
	margin: 5% auto;
}
.main-pop-cont .thumb img {
	width: 100%;
}
.main-pop-cont .pop-btn {
	overflow: hidden;
	background: #fff;
	text-align: right;
	padding: 10px 30px;
}
.main-pop-cont .pop-btn button {
	color: #000;
	margin-left: 30px;
	font-size: 13px;
}
.main-pop-cont .pop-btn button img {
	display: none;
	vertical-align: -3px;
	width: 23px;
	margin-right: 10px;
}
.main-pop-cont .pop-btn button.close24 {
	float: left;
	margin-left: 0;
}


@media screen and (max-width: 768px){
	.reservation .swiper-slide .date {
	    line-height: 1.2;
	    position: relative;
	    top: 4px;
	}
	.reservation .swiper-slide .date span {
		display: block;
	}
}
@media screen and (max-width: 400px){
	.reservation .reservationTable strong {
		font-size: 11px;
	}
	.reservation .reservationTable > div:first-child {
	    width: 60px;
	}
	.reservation .reservationTable > div {
	    width: calc(100% - 60px);
	}
	.reservation .swiper-slide .date {
		font-size: 11px;
	}
}