@charset "utf-8";

/*  Area Size */
.logo_intro { height:120px;}
.text-intro {
	width:100%; padding:30px 30px; margin:auto; position:absolute; display:block; bottom:0;
	color:#FFF; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, .8) ;
	}
.button-enter-th {
	height:40px; padding:0; margin:0; margin-top:0; display:inline-block; position:relative; 
 	font-size:26px; line-height:54px;
	}
.button-enter-en {
	height:40px; padding:0; margin:0; display:inline-block; position:relative; top:-10px;
 	font-size:25px; line-height:54px;
	}
hr.intro { margin-top:20px; margin-bottom:26px;}
img.intro-photo {
	width:100%;
	background-repeat:no-repeat; background-position:center center; background-size:cover;
}

	
@media screen and (max-width:1280px) {
	.text-intro { bottom:15px;}
	
	.text-intro { padding:10px 20px;}
	h5.intro { font-size:24px;}
	p.intro { font-size:20px;}
	
	.button-enter-th { font-size:24px;}
	.button-enter-en { font-size:23px;}
}


@media screen and (max-width:1024px) {
	img.intro-photo { height:80vw;}
	.text-intro {
		position:relative; display:inline-block; bottom:auto; 
		color:#505050;text-shadow:none;
		}
	.line-solid { width:100%; height:1px; display:block; background-color:#929292;}
	h5.intro { font-size:22px;}
	p.intro { font-size:18px;}
	.button-enter-th { margin-top:-15px;}
	.button-enter-en { margin-bottom:30px;}
	hr.intro { display:block;}
}


@media screen and (max-width:600px) {
	.button-enter-th { font-size:21px;}
	.button-enter-en { font-size:20px;}
}


@media screen and (max-width:480px) {
	.logo_intro { height:110px;}
	.logo_intro img { width:230px}
	h5.intro { font-size:23px;}
	a.button-enter-th { font-size:22px;}
	a.button-enter-en { font-size:21px;}
}


@media screen and (max-width:375px) {
	img.intro-photo { height:100vw;}
	hr.intro { margin-top:18px; margin-bottom:18px;}
}


@media screen and (max-width:360px) {
	hr.intro { margin-top:18px; margin-bottom:18px;}
}


@media screen and (max-width:320px) {
	img.intro-photo { height:128vw;}
	.logo_intro { height:100px;}
	.logo_intro img { width:220px}
}