@charset "windows-874";
/* CSS Document */

@media (min-width: 992px) {
	.info001 { text-align: left;}
	.info002 { text-align: center;}
	.info003 { text-align: right;}
}



@media (max-width: 1366px) {	
	.border-body { border: none;}
	.logo-vtc-pst { right: 0;}
	.bg-slideshow-pst { left: 0;}
	.bg-home { background: transparent;}
	ul.owl-carousel { padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 1365px) {
	.show-1365px { display: inline-block; visibility: visible;}
	.hide-1365px { display: none; visibility: hidden;}
	ul#team-1365 { list-style: none; margin: 0; padding: 0;}
	ul#team-1365 li { width: 100%; height: auto; margin: 0; padding: 0; display: block;  position: relative; overflow: hidden; float: left;}
	ul#team-1365 li .icn-arrow-team { width: 31px; height: 60px; display: block; position: absolute; visibility: visible; top: 35px;}
	ul#team-1365 li:nth-child(odd) .h-match { float: left;}
	ul#team-1365 li:nth-child(odd) .h-match img { -webkit-transform: scaleX(-1); transform: scaleX(-1);}
	ul#team-1365 li:nth-child(odd) .slider-info { float: right; text-align: left;}
	ul#team-1365 li:nth-child(odd) .icn-arrow-team{ left: calc(50% - 30px);}
	ul#team-1365 li:nth-child(even) .h-match { float: right;}
	ul#team-1365 li:nth-child(even) .slider-info { float: left; text-align: right;}
	ul#team-1365 li:nth-child(even) .icn-arrow-team{ left: calc(50% - 1px);}
	ul#team-1365 li:nth-child(1) { background-color: #cad2c5;}
	ul#team-1365 li:nth-child(1) .icn-arrow-team{ background-image: url("../img/icn-arrow-team001.png"); background-repeat: no-repeat; background-position: center;}
	ul#team-1365 li:nth-child(2) { background-color: #84a98c;}
	ul#team-1365 li:nth-child(2) .icn-arrow-team{ background-image: url("../img/icn-arrow-team002.png"); background-repeat: no-repeat; background-position: center;}
	ul#team-1365 li:nth-child(3) { background-color: #52796f; color: #fff;}
	ul#team-1365 li:nth-child(3) .icn-arrow-team{ background-image: url("../img/icn-arrow-team003.png"); background-repeat: no-repeat; background-position: center;}
	ul#team-1365 li:nth-child(4) { background-color: #354f52; color: #fff;}
	ul#team-1365 li:nth-child(4) .icn-arrow-team{ background-image: url("../img/icn-arrow-team004.png"); background-repeat: no-repeat; background-position: center;}
	ul#team-1365 li:nth-child(5) { background-color: #2f3e46; color: #fff;}
	ul#team-1365 li:nth-child(5) .icn-arrow-team{ background-image: url("../img/icn-arrow-team005.png"); background-repeat: no-repeat; background-position: center;}
	ul#team-1365 li .h-match { width: 50%; height: auto; margin: 0; padding: 0; display: block; position: relative; float: left; align-items: center;}
	ul#team-1365 li .h-match img { width: 100%; height: auto; margin: 0; padding: 0;}
	ul#team-1365 li .slider-info { 
		width: 50%; height: inherit; margin: 0; padding: 50px; display: block; position: relative; float: left;
		text-align: center; vertical-align: middle; 
	}
	ul#team-1365 li .slider-info .nickname { margin: 0; padding: 0; display: block; font-size: 60px; position:relative; left: auto; top: auto; bottom: auto;}
	ul#team-1365 li .slider-info .nickname-th { margin: 0; padding: 0; display: block; font-size: 60px; position:relative; left: auto; top: auto; bottom: auto;}
	ul#team-1365 li .slider-info .nickname-th .top-sara { display: inline-block; padding-top: 15px!important; }
	ul#team-1365 li .slider-info p.slider-text { margin: 0; padding: 0; display: block; position: relative;}
}

@media (max-width: 1280px) {
	h4.info001 { font-size: 36px;}
	h4.info002 { font-size: 36px;}
	h4.info003 { font-size: 36px;}
}

@media (max-width: 1199px) {
	.logo-footer { display: flex; justify-content: center; align-items: center;}
	.logo-footer img { display: block; margin: 0; padding: 0;}
	.contact-footer p { text-align: center;}
	.show-1199px { display: block; visibility: visible;}
	.hide-1199px { display: none; visibility: hidden;}
	.obj-90deg.footer { display: none; visibility: hidden;}
	.qr-footer { margin-top: 5px;}
	h4.info001 { font-size: 32px;}
	h4.info002 { font-size: 32px;}
	h4.info003 { font-size: 32px;}
}

@media (max-width: 1024px) {
	.show-1024px { display: inline-block; visibility: visible;}
	.hide-1024px { display: none; visibility: hidden;}
	.bg-home {  min-height: inherit;}
	.logo-vtc-pst {width: 40%; }
	.logo-vtc-photo001 { background-size: 85%;}
	.logo-vtc-photo002 { background-size: 85%;}
	.logo-vtc-photo003 { background-size: 85%;}
	.bg-logo-pst { width: 40%;}
	.bg-slideshow-pst { width: 60%; }
	.bg-message-pst { width: calc(40% - 20px); bottom: 0;}
	.text-slideshow-topic { font-size: 38px;}
	.spc-170px { height: 100px;}
	.spc-130px { height: 80px;}
	/*.info-orchid { padding-bottom: 7px;}*/
	/*.info-orchid span.name {
	padding-left: 51px;
	font-size: 16px; text-indent: -51px;
	}*/
	.pst-scale-up.week { height: 300px;}
	ul.owl-carousel { padding-left: 25px; padding-right: 25px;}
	.lnk-icon-photo {  font-size: 16px;}
	.lnk-icon-photo img { width: 26px!important; height: 26px!important; margin-right: 5px;}
	.lnk-square { overflow:visible!important;}
	.pst-photo-detail { width: 100%; height: 46px; top: auto;opacity: 1;}
	.pst-photo-detail:hover > .photo-detail { top: 17px;}
	.photo-detail {	top: 17px; bottom: 0;}
	.photo-detail a { width: 100%; height: 46px; padding-top: 4px; padding-left: 0; text-align: center}
	.pst-scale-up img.photo-scale-up {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	}
	.pst-scale-up:hover img.photo-scale-up {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	}
	h4.info001 { font-size: 28px;}
	h4.info002 { font-size: 28px;}
	h4.info003 { font-size: 28px;}
	.box-purple { padding: 70px 50px;}
	
	@keyframes effect-logo {
		0% { top:0; transform:scale(1); opacity: 0; visibility: hidden;}
		10% { top:0; transform:scale(1); opacity: 1; visibility: visible;}
		65% { top:47px; transform:scale(1.5); opacity: .8; visibility: visible;}
		100% { top:285px; transform:scale(4); opacity: 0; visibility: hidden;}
	}
	@-moz-keyframes effect-logo {
		0% { top:0; transform:scale(1); opacity: 0; visibility: hidden;}
		10% { top:0; transform:scale(1); opacity: 1; visibility: visible;}
		65% { top:47px; transform:scale(1.5); opacity: .8; visibility: visible;}
		100% { top:285px; transform:scale(4); opacity: 0; visibility: hidden;}
	}
	@-webkit-keyframes effect-logo {
		0% { top:0; transform:scale(1); opacity: 0; visibility: hidden;}
		10% { top:0; transform:scale(1); opacity: 1; visibility: visible;}
		65% { top:47px; transform:scale(1.5); opacity: .8; visibility: visible;}
		100% { top:285px; transform:scale(4); opacity: 0; visibility: hidden;}
	}
	@-ms-keyframes effect-logo {
		0% { top:0; transform:scale(1); opacity: 0; visibility: hidden;}
		10% { top:0; transform:scale(1); opacity: 1; visibility: visible;}
		65% { top:47px; transform:scale(1.5); opacity: .8; visibility: visible;}
		100% { top:285px; transform:scale(4); opacity: 0; visibility: hidden;}
	}
}

@media (max-width: 1023px) {
	.logo-hrz-pst { visibility: visible;}
	.logo-vtc-pst { display: none; visibility: hidden;}
	.bg-slideshow-pst { display: none; visibility: hidden;}
	.bg-logo-pst { display: none; visibility: hidden;}
	.lng-shp { margin: 20px 20px 0 13px;}
	.bg-message-pst {
		width: 100%; max-width: none; height: auto; min-height: inherit; margin: auto 0; padding: 30px 30% 100px 30%; right: auto; left: auto; text-align: center;
		background-color: rgba(82,121,111,.75);
	}
	.text-slideshow-topic { margin: 10px 0 15px 0; text-align: center;}
	.bg-message-pst a.lnk-btn.slideshow-btn { position: relative; left: auto; bottom: auto;}
	ul#team-1365 li .slider-info { padding: 30px;}
}

@media (max-width: 991px) {
	h4.info001 { font-size: 40px;}
	h4.info002 { font-size: 40px;}
	h4.info003 { font-size: 40px;}
	p.info001 { padding-bottom: 50px;}
	p.info002 { padding-bottom: 50px;}
	p.info003 { padding-bottom: 15px;}
	.bg-message-pst { padding: 30px 25% 100px 25%; }
	ul#team-1365 li .slider-info .nickname { font-size: 46px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 46px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 18px; }
}

@media (max-width: 920px) {
	ul#team-1365 li .slider-info .nickname { font-size: 42px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 42px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 16px; }
	.p-hrz-90.welcome { padding-left: 30px; padding-right: 30px;}
}

@media (max-width: 800px) {
	ul#team-1365 li .slider-info { padding: 20px;}
	ul#team-1365 li .slider-info .nickname { font-size: 40px;}
	ul#team-1365 li .slider-info .nickname-th { font-size: 40px;}
	ul#team-1365 li .slider-info p.slider-text { font-size: 16px;}
	.p-all-50.footer { padding: 50px 30px;}
}

@media (max-width: 768px) {
	
	
	.pst-scale-up.week { height: 440px;}
	ul#team-1365 li .slider-info .nickname { font-size: 40px;}
	ul#team-1365 li .slider-info .nickname-th { font-size: 40px;}
	ul#team-1365 li .slider-info p.slider-text { font-size: 14px;}
	.p-all-50.footer { padding: 50px 20px;}
	.bg-message-pst { padding: 30px 20% 100px 20%; }
}

@media (max-width: 767px) {
	.show-767px { display: inline-block; visibility: visible;}
	.hide-767px { display: none; visibility: hidden;}
	.p-hrz-30.week { padding-left: 0px; padding-right: 0px;}
	ul.owl-carousel { padding-left: 26px; padding-right: 26px;}
	ul#nav-footer li a:link { padding: 10px 15px;} 
	h1.welcome p { font-size: 42px; line-height: 42px}
}

@media (max-width: 700px) {
	ul#team-1365 li .slider-info .nickname { font-size: 30px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 30px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 13px; }
}

@media (max-width: 640px) {
	.bg-message-pst { padding: 30px 15% 100px 15%; }
	ul#team-1365 li .slider-info .nickname { font-size: 26px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 26px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 12px; }
}

@media (max-width: 600px) {
	.tbl-border th, .tbl-border td { padding: 30px;}
	.spc-0.welcome { height: 20px;}
	.tbl-border.welcome .txt-22px, .tbl-border.welcome .txt-20px { font-size: 18px;}
	h1.welcome { font-size: 50px;}
	.pst-scale-up.week { height: 400px;}
	ul#team-1365 li .slider-info .nickname { font-size: 22px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 22px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 12px; }
	.p-hrz-90.welcome { padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 575px) {
	.pst-scale-up.week { height: 360px;}
	h4.info001 { font-size: 32px;}
	h4.info002 { font-size: 32px;}
	h4.info003 { font-size: 32px;}
	.bg-message-pst { padding: 30px 75px 100px 75px; }
	ul#team-1365 li .slider-info .nickname { font-size: 18px; }
	ul#team-1365 li .slider-info .nickname-th { font-size: 18px; }
	ul#team-1365 li .slider-info p.slider-text { font-size: 12px; }
	ul#team-1365 li .slider-info .nickname-th .top-sara { padding-top: 10px!important; }
}

@media (max-width: 574px) {
	.show-574px { display: inline; visibility: visible;}
	.hide-574px { display: none; visibility: hidden;}
	.text-slideshow-topic { font-size: 36px;}
	ul#team-1365 li:nth-child(1) .slider-info .nickname { color: #cad2c5;}
	ul#team-1365 li:nth-child(2) .slider-info .nickname { color: #84a98c;}
	ul#team-1365 li:nth-child(3) .slider-info .nickname { color: #52796f;}
	ul#team-1365 li:nth-child(4) .slider-info .nickname { color: #354f52;}
	ul#team-1365 li:nth-child(5) .slider-info .nickname { color: #2f3e46;}
	ul#team-1365 li:nth-child(1) .slider-info .nickname-th { color: #cad2c5;}
	ul#team-1365 li:nth-child(2) .slider-info .nickname-th { color: #84a98c;}
	ul#team-1365 li:nth-child(3) .slider-info .nickname-th { color: #52796f;}
	ul#team-1365 li:nth-child(4) .slider-info .nickname-th { color: #354f52;}
	ul#team-1365 li:nth-child(5) .slider-info .nickname-th { color: #2f3e46;}
	ul#team-1365 li { display: inline-block; }
	ul#team-1365 li .h-match img { margin: 1px; }
	ul#team-1365 li .h-match { width: 100%;display: block;}
	ul#team-1365 li .slider-info { width: 100%;display: block; position: relative}
	ul#team-1365 li .slider-info .nickname {
		display: inline-block; position:absolute; top: -53px; left: 20px;
		font-size: 50px; text-shadow: 0 -2px 3px rgba(0,0,0,.3); }
	ul#team-1365 li .slider-info .nickname-th {
		display: inline-block; position:absolute; top: -53px; left: 20px;
		font-size: 50px; text-shadow: 0 -2px 3px rgba(0,0,0,.3); }
	ul#team-1365 li .slider-info p.slider-text { font-size: 16px; text-align: left; margin-bottom: 10px!important;}
	ul#team-1365 li .icn-arrow-team {left: auto!important; right: -17px; top: 257px;} 
	ul#team-1365 li:nth-child(odd) .icn-arrow-team { transform: rotate(90deg);} 
	ul#team-1365 li:nth-child(even) .icn-arrow-team { transform: rotate(-90deg);}
	ul#team-1365 li .slider-info .nickname-th .top-sara { padding-top: 0!important; }
}

@media (max-width: 530px) {
	.bg-message-pst { padding: 30px 20px 100px 20px; }
}

@media (max-width: 480px) {
	a.lng-change { margin-left: 7px; }
	.p-hrz-90.welcome { padding-left: 20px; padding-right: 20px;}
	.tbl-border th, .tbl-border td { padding: 20px;}
	.pst-scale-up.week { height: 300px;}
	table.tbl-border.welcome tr td { width: 100%!important; display: inline-block;}
	table.tbl-border.welcome tr td:nth-child(2) { margin-top: -1px;}
}

@media (max-width: 479px) {
	ul#team-1365 li .icn-arrow-team { display: none; visibility: hidden;}
}

@media (max-width: 430px) {
	 .logo-hrz-photo { background-image: url("../img/logo-jairak003.png");}	
	h1.welcome { font-size: 40px;}
	.tbl-border.welcome .txt-22px, .tbl-border.welcome .txt-20px { font-size: 16px;}
}

@media (max-width: 428px) {
	.pst-photo-footer h3 { font-size: 44px;}
}

@media (max-width: 414px) {
	.box-purple { padding: 50px 20px;}
	.pst-scale-up.week { height: 400px;}
	.col-lg-9.contact-footer{ padding-left: 0; padding-right: 0;}
	.col-lg-3.qrc-footer { padding-left: 0; padding-right: 0;}
	ul.owl-carousel { padding-left: 25px; padding-right: 25px;}
	.text-slideshow-topic { font-size: 32px;}
}

@media (max-width: 411px) {
	.show-411px { display: inline-block; visibility: visible;}
	.hide-411px { display: none; visibility: hidden;}
}

@media (max-width: 375px) {
	 .logo-hrz-photo { background-size: 50%;}
}

@media (max-width: 374px) {
	 .show-374px { display: inline-block; visibility: visible;}
	.hide-374px { display: none; visibility: hidden;}
}

@media (max-width: 360px) {
	 .text-slideshow-topic { font-size: 28px;}
	h1.welcome { font-size: 38px;}
	.box-purple { padding: 50px 20px 40px;}
	p.info003 { padding-bottom: 20px;}
	ul#nav-footer li a:link { padding: 8px 12px;} 
}

@media (max-width: 359px) {

}

@media (max-width: 320px) {
	 .pst-scale-up.week { height: 300px;}
	ul#nav-footer li a:link { padding: 8px 10px; font-size: 16px;} 
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 991px) {
	
}