/* Import Kanit Font */
@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700&subset=thai');

/* Import Sarabun Font */
@import url('https://fonts.googleapis.com/css?family=Sarabun:100,200,300,400,500,600,700,800');

html {
	overflow-x: hidden;
}

body {
/*	background: url(../image/v02/bg-mini.png);*/
	background-repeat: repeat;
	background-size: 60%;
	background-color: #fff;
}

html,
body {
	height: 100%;
	overflow-x: hidden;
}

/* Navbar */
.navbar-custom.other-active, .navbar-collection--mobile.other-active {
	background-color: transparent;
	color: #2B3043;
	border-bottom: 1px solid rgba(186, 186, 186, .5);
}

.navbar-left .navbar-list-left li.navbar-item a.navbar-link,
.navbar-right .navbar-list-right li.navbar-item a.navbar-link,
.navbar-right .navbar-list-right li.navbar-item a.navbar-link:hover, .navbar-right .navbar-list-right li.navbar-item a.navbar-link:focus,
.mobile-top-nav-link {
	color: #2B3043;
}

.count-noti-user-collection span {
	color: #fff;
}

.navbar-light .navbar-nav .nav-login-btn2 .user-info-collection img.user-info-pic {
	border-color: #2B3043;
}
/* /Navbar */


.banner-collection {
	margin-bottom: 15px;
}

.all-banner-container {
	position: relative;
	width: 100%;
}

.banner-img {
	width: 100%;
	position: relative;
	display: none;
}

.banner-img-m {
	display: block;
}

.banner-txt {
	position: absolute;
	bottom: 20px;
	right: 40px;
	color: #fff;
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 3rem;
}

.head-link-rows {
	margin-top: 50px;
	margin-bottom: 50px;
}

.head-link {
	display: block;
	background-color: #2B3142;
	color: #fff;
	text-align: center;
	margin: auto;
	padding: 1rem 1.25rem;
	border-radius: 60px;
	font-size: 1.3rem;
	font-family: 'Sarabun', sans-serif;
}

.head-link:hover,
.head-link:focus {
	color: #fff;
	text-decoration: none;
}

.head-txt,
.con-txt {
	font-family: 'Sarabun', sans-serif;
	color: #2B3142;
}

.head-txt {
	font-size: 1.8rem;
}

.con-txt {
	line-height: 2;
	font-size: 1.1rem;
}

.each-section {
	margin-bottom: 50px;
}

.each-sub-in-container {
	margin-bottom: 15px;
}

.sub-con-container {
	margin: auto;
	margin-top: 50px;
	width: 80%;
}

.sub-in-container {
	text-align: center;
}

.sub-img {
	width: 30%;
}

.sub-img-container {
	margin-bottom: 15px;
}

.sub-in-txt {
	font-size: 1.15rem;
	line-height: 2;
	font-family: 'Sarabun', sans-serif;
	color: #2b3142;
}

@media(min-width: 320px) {
	.banner-txt {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
		margin-bottom: 0;
		font-size: 1.2rem;
	}
	
	.head-link {
		font-size: .7rem;
		padding: .5rem .75rem; 
		min-height: 50px;
		position: relative;
	}
	
	.head-link p {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		margin-bottom: 0;
		
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
	}
	
	.each-head-link {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.con-txt {
		font-size: 1rem;
	}
	
	.head-txt {
		text-align: center;
		font-size: 1.4rem;
	}
	
	.head-link-rows {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.sub-con-container {
		width: 100%;
	}
}

@media(min-width: 992px) {
	.banner-img-d {
		display: block;
	}
	
	.banner-img-m {
		display: none;
	}
	
	.banner-txt {
		position: absolute;
		bottom: 20px;
		right: 40px;
		color: #fff;
		margin-bottom: 0;
		font-size: 3rem;
	}
	
	.head-link {
		font-size: 1.3rem;
		padding: 1rem 1.25rem;
		min-height: 85px;
	}
	
	.each-head-link {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.con-txt {
		font-size: 1.1rem;
	}
	
	.head-txt {
		text-align: left;
		font-size: 1.8rem;
	}
	
	.head-link-rows {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.sub-con-container {
		width: 80%;
	}
}