@charset "utf-8";
/* CSS Document */

* {
	margin:0; padding:0;
	-moz-transition: all .4s cubic-bezier(.1,.7,.3,1);
	-webkit-transition: all .4s cubic-bezier(.1,.7,.3,1);
	-o-transition: all .4s cubic-bezier(.1,.7,.3,1);
	-ms-transition: all .4s cubic-bezier(.1,.7,.3,1);
	transition: all .4s cubic-bezier(.1,.7,.3,1);
}
@font-face {
    font-family: 'archivo';
    src: url('../fonts/archivo.eot');
    src: url('../fonts/archivo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/archivo.woff2') format('woff2'),
        url('../fonts/archivo.woff') format('woff'),
        url('../fonts/archivo.ttf') format('truetype'),
        url('../fonts/archivo.svg#archivo') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'serif4';
    src: url('../fonts/serif4.eot');
    src: url('../fonts/serif4.eot?#iefix') format('embedded-opentype'),
		url('../fonts/serif4.woff2') format('woff2'),
        url('../fonts/serif4.woff') format('woff'),
        url('../fonts/serif4.ttf') format('truetype'),
        url('../fonts/serif4.svg#serif4') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'serif4-italic';
    src: url('../fonts/serif4-italic.eot');
    src: url('../fonts/serif4-italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/serif4-italic.woff2') format('woff2'),
        url('../fonts/serif4-italic.woff') format('woff'),
        url('../fonts/serif4-italic.ttf') format('truetype'),
        url('../fonts/serif4-italic.svg#serif4-italic') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto.eot');
    src: url('../fonts/roboto.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto.woff2') format('woff2'),
        url('../fonts/roboto.woff') format('woff'),
        url('../fonts/roboto.ttf') format('truetype'),
        url('../fonts/roboto.svg#roboto') format('svg');
    font-style: normal;
}

html { border:0; overflow:-moz-scrollbars-vertical; overflow-x:auto; -ms-overflow-y :scroll; }
html, body { width:100%; height:100%; }
body, td { font-family: 'serif4', 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'sans-serif', 'CordiaUPC', 'BrowalliaUPC', 'AngsanaUPC'; font-size:19px; color: #2f3e46;}
thead, th { font-family: 'archivo', 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'sans-serif', 'CordiaUPC', 'BrowalliaUPC', 'AngsanaUPC'; font-size:19px; color: #2f3e46;}
input, textarea, select, button { font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'sans-serif', 'CordiaUPC', 'BrowalliaUPC', 'AngsanaUPC'; font-size:19px; color: #2f3e46;}
body {margin:0; padding:0;}
::selection {color: #fff; background-color: #6626a9;}


/* ------------------ REGULAR LINK, BUTTON ------------------ */
a { font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'Tahoma', 'sans-serif', 'CordiaUPC', 'BrowalliaUPC', 'AngsanaUPC'; text-decoration:none; }
a:link { color:#6626a9; text-decoration:none}
a:visited { color:#6626a9;  text-decoration:none}
a:active { color:#6626a9;  text-decoration:none}
a:hover { color:#fecb03;  text-decoration:none}
a[x-apple-data-detectors] {
 color: inherit !important;
 text-decoration: none !important;
 font-size: inherit !important;
 font-family: inherit !important;
 font-weight: inherit !important;
 line-height: inherit !important;
}
a[href^="tel"], a[href^="mailto"] { color: inherit; text-decoration: none;}


/* ------------------ SECONDARY LINK ------------------ */
input[type=button], input[type=submit], input[type=reset] {
	margin: 0; padding: 18px 20px; padding-left: 38px; display:block;
	color:#fff; font-weight:bold; text-transform: uppercase;
	border: none; border-style: none;
	background-color: #000; background-image: url("../img/icn-arrow-left001.gif"); background-position: left center; background-repeat: no-repeat;
	cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	padding-left: 18px 20px; padding-left: 20px !important; padding-right: 38px; 
	color:#663cb4;
	background-image: url("../img/icn-arrow-left002.gif"); background-position: right center;
}

.lnk-btn:link {
	width: auto; height: auto; margin: 0; padding: 20px; padding-left: 38px; display: inline-block; position: relative;
	color:#fff; font-weight:bold; text-transform: uppercase;
	background-color: #000; background-image: url("../img/icn-arrow-left001.gif"); background-position: left center; background-repeat: no-repeat;
}
.lnk-btn:visited { color:#fff; }
.lnk-btn:active { color:#fff; }
.lnk-btn:hover {
	padding-left: 20px; padding-right: 38px; 
	color:#663cb4;
	background-image: url("../img/icn-arrow-left002.gif"); background-position: right center;
}

.lnk-white:link { color:#fff; }
.lnk-white:visited { color:#fff; }
.lnk-white:active { color:#fff; }
.lnk-white:hover { color:#6626a9; }

.lnk-black:link { color:#000; }
.lnk-black:visited { color:#000; }
.lnk-black:active { color:#000; }
.lnk-black:hover { color:#6626a9; }

.lnk-green:link { color:#84a98c; }
.lnk-green:visited { color:#84a98c; }
.lnk-green:active { color:#84a98c; }
.lnk-green:hover { color:#354f52; }


/* ------------------ FONTS, TEXT, BACKGOUND ------------------ */
.font-archivo { font-family: 'archivo';}
.font-serif4 { font-family: 'serif4';}
.font-serif4-italic { font-family: 'serif4-italic';}
.font-thaisanslite { font-family: 'thaisanslite';}
em { font-family: 'serif4-italic';}
strong { font-family: 'archivo';}
h1 { font-family: 'archivo'; font-size: 72px; font-weight: bold;}
h2 { font-family: 'archivo'; font-size: 60px; font-weight: bold;}
h3 { font-family: 'archivo'; font-size: 50px; font-weight: bold;}
h4 { font-family: 'archivo'; font-size: 40px; font-weight: bold;}
h5 { font-family: 'archivo'; font-size: 30px; font-weight: bold;}

h1 .blt-header-tl, h1 .blt-header-tr, h1 .blt-header-bl, h1 .blt-header-br, h1 .blt-header-tlr, h1 .blt-header-blr{ color: #332257;}
h1 .blt-header-tl span, h1 .blt-header-tr span, h1 .blt-header-bl span, h1 .blt-header-br span, h1 .blt-header-tlr span, h1 .blt-header-blr span { font-size: 28px; color: #2f3e46; line-height: 28px;}

.blt-header-tl {
	display: inline-block; margin: 0; padding: 0; padding-top: 10px; padding-left: 20px;
	line-height: 74px;
	background-image: url("../img/icn-head-tl001.png"); background-repeat: no-repeat; background-position: top left;
}
.blt-header-tr {
	display: inline-block; margin: 0; padding: 0; padding-top: 10px; padding-right: 20px;
	line-height: 74px;
	background-image: url("../img/icn-head-tr001.png"); background-repeat: no-repeat; background-position: top right;
}
.blt-header-bl {
	display: inline-block; margin: 0; padding: 0; padding-top: 10px; padding-left: 20px; padding-bottom: 25px;
	line-height: 74px;
	background-image: url("../img/icn-head-bl001.png"); background-repeat: no-repeat; background-position: bottom left;
}
.blt-header-br {
	display: inline-block; margin: 0; padding: 0; padding-top: 10px; padding-right: 20px; padding-bottom: 25px;
	line-height: 74px;
	background-image: url("../img/icn-head-br001.png"); background-repeat: no-repeat; background-position: bottom right;
}
.blt-header-tlr {
	display: inline-block; margin: 0; padding: 0; padding-top: 10px; padding-left: 20px; padding-right: 20px;
	line-height: 74px;
	background-image: url("../img/icn-head-tl001.png"), url("../img/icn-head-tr001.png");
	background-position: top left, top right;
	background-repeat: no-repeat;
}
.blt-header-blr {
	display: inline-block; margin: 0; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px;
	line-height: 74px;
	background-image: url("../img/icn-head-bl001.png"), url("../img/icn-head-br001.png");
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
}

.blt-header-tl:has(> span), .blt-header-tr:has(> span) {padding-top: 17px; line-height: 40px;}
.blt-header-bl:has(> span) { padding-left: 60px; padding-bottom: 0; line-height: 40px;}
.blt-header-br:has(> span) { padding-right: 60px; padding-bottom: 0; line-height: 40px;}
.blt-header-tlr:has(> span) { padding-top: 17px; line-height: 40px;}
.blt-header-blr:has(> span) { padding-left: 60px; padding-right: 60px; padding-bottom: 0; line-height: 40px;}

.txt-11px { font-size:11px; }
.txt-12px { ont-size:12px; }
.txt-13px { font-size:13px; }
.txt-14px { font-size:14px; }
.txt-16px { font-size:16px; }
.txt-18px { font-size:18px; }
.txt-20px { font-size:20px; }
.txt-22px { font-size:22px; }
.txt-24px { font-size:24px; }
.txt-32px { font-size:32px; }

.txt-white { color:white;}
.txt-black { color:black;}
.txt-gray{ color:gray;}
.txt-purple { color:#6626a9;}
.txt-yellow { color:#fecb03;}
.txt-green001 { color: #cad2c5;}
.txt-green002 { color: #84a98c;}
.txt-green003 { color: #52796f;}
.txt-green004 { color: #354f52;}
.txt-green005 { color: #2f3e46;}
.txt-purple001 { color:#332257;}

.bg-white { background-color:white;}
.bg-black { background-color:black;}
.bg-gray{ background-color:gray;}
.bg-purple { background-color:#6626a9;}
.bg-yellow { background-color:#fecb03;}
.bg-green001 { background-color: #cad2c5;}
.bg-green002 { background-color: #84a98c;}
.bg-green003 { background-color: #52796f;}
.bg-green004 { background-color: #354f52;}
.bg-green005 { background-color: #2f3e46;}
.bg-purple001 { background-color:#332257;}


/* ------------------ ETC ------------------ */
img { border:0; }
.obj-center-middle { display: flex; align-items: center; justify-content: center;}
.landscape { display: block; }
.portrait { display: block; }
.lnk-square { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;}
.lnk-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.lnk-square img.img-square {width: 100%; height: 100%; position: absolute; object-fit: cover; background-image: url("../img/no_image.gif"); background-position: center center; background-size: cover;}
.photo-pst {
	width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative;
	text-align: center;
}
.photo-center {
	width: auto; height: auto; margin: 0; padding: 0; display:inline; position: relative;
}
.pst-scale-up {
	width:100%; height: auto; display: flex; position: relative; overflow:hidden; align-items: center;  justify-content: center;
}
.pst-scale-up img.photo-scale-up {
	width: 100%; display:block; position:relative; top: 0;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.20s linear 0s;
	-o-transition:all 0.20s linear 0s;
	-ms-transition:all 0.20s linear 0s;
	-moz-transition:all 0.20s linear 0s;
	-webkit-transition:all 0.20s linear 0s;
}
.pst-scale-up:hover img.photo-scale-up {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition:all 0.20s linear 0s;
	-o-transition:all 0.20s linear 0s;
	-ms-transition:all 0.20s linear 0s;
	-moz-transition:all 0.20s linear 0s;
	-webkit-transition:all 0.20s linear 0s;
}
/* Hover Overlay */
.pst-photo-detail {
	margin: 0; padding: 0; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 99;
	background-color: rgba(47,62,70, 0.6);
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.pst-photo-detail:hover { opacity: 1;}
.photo-detail {
	width: 100%; height: auto; margin: 0; padding: 0; position: absolute; top: 60%; left: 0; right: 0;
	font-size: 20px; text-align: center; line-height: 30px;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
/*filter: invert(20%) sepia(243%) saturate(1576%) hue-rotate(-21deg) brightness(137%) contrast(73%);*/
.photo-detail img { width: 45px!important; height: 45px!important;}
.pst-photo-detail:hover > .photo-detail { top: 50%;}
.icn-circle {
	margin: 0; padding: 1px 11px 10px;
	background-color: #000;
	border-radius: 50%;
}
.photo-detail a { display: inline-block;}

table { border-collapse:collapse; }
.txt-left {text-align: left;}
.txt-center {text-align: center;}
.txt-right {text-align: right;}
.png { behavior:url('../css/iepngfix.htc'); }

.border-body {width: 100%; height: auto;
	border-left: solid 1px #2f3e46; border-right: solid 1px #2f3e46;
}
.border-photo {
	width: auto; height: auto; display: block;
	border: solid 1px #84a98c;
}
.tbl-border { width: 100%; border-collapse: collapse;}
.tbl-border th, .tbl-border td { padding: 40px; border: 1px solid #84a98c;}
.spc-0 { width: 100%; height: 0; display: block; position: relative;}
.spc-10px { width: 100%; height: 10px; display: block; position: relative;}
.spc-20px { width: 100%; height: 20px; display: block; position: relative;}
.spc-30px { width: 100%; height: 30px; display: block; position: relative;}
.spc-40px { width: 100%; height: 40px; display: block; position: relative;}
.spc-50px { width: 100%; height: 50px; display: block; position: relative;}
.spc-130px { width: 100%; height: 130px; display: block; position: relative;}
.spc-170px { width: 100%; height: 170px; display: block; position: relative;}
.lne-top-green-4px { border-top: solid 4px #84a98c;}
.lne-bottom-green-4px { border-bottom: solid 4px #84a98c;}
.lne-hrz-green-4px { border-top: solid 4px #84a98c; border-bottom: solid 1px #84a98c;}
.icn-arrow-top {}

hr.hr-opacity-dot5 { opacity: .5;}


/* ------------------ WEB RANGE POSITION ------------------ */
.range-1280px { width:100%; max-width:1280px; margin:0 auto; padding:0; overflow: hidden; position:relative; top:0; left:auto; }
.range-1366px { width:100%; max-width:1366px; margin:0 auto; padding:0; overflow: hidden; position:relative; top:0; left:auto; }
.range-1920px { width:100%; max-width:1920px; margin:0 auto; padding:0; overflow: hidden; position:relative; top:0; left:auto; }
.range-100per { width:100%; max-width:none; margin:0; padding:0; overflow: hidden; position:relative;}
.range-w100per-h100per { width: 100%; height: 100%;}
.range-w100per{ width: 100%;}
.range-h100per { height: 100%;}
.div-left { float: left;}
.div-center { margin: 0 atuo;  float:none;}
.div-right { float: right;}
.div-absolute { position: absolute;}
.clear_all { clear:both; } 
.pst-absolute { position: absolute;}
.pst-relative { position: relative;}
.p-all-0 { padding: 0;}
.p-hrz-0 { padding-left: 0; padding-right: 0;}
.p-vtc-0 { padding-top: 0; padding-bottom: 0;}
.p-all-20 { padding: 20;}
.p-hrz-20 { padding-left: 20px; padding-right: 20px}
.p-vtc-20 { padding-top: 20px; padding-bottom: 20px;}
.p-all-30 { padding: 30px;}
.p-hrz-30 { padding-left: 30px; padding-right: 30px}
.p-vtc-30 { padding-top: 30px; padding-bottom: 30px;}
.p-all-35 { padding: 35px;}
.p-hrz-35 { padding-left: 35px; padding-right: 35px}
.p-vtc-35 { padding-top: 35px; padding-bottom: 35px;}
.p-all-50 { padding: 50px;}
.p-hrz-50 { padding-left: 50px; padding-right: 50px}
.p-vtc-50 { padding-top: 50px; padding-bottom: 50px;}
.p-all-90 { padding: 90px;}
.p-hrz-90 { padding-left: 90px; padding-right: 90px}
.p-vtc-90 { padding-top: 90px; padding-bottom: 90px;}
.m-all-0 { margin: 0;}
.m-hrz-0 { margin-left: 0; margin-right: 0;}
.m-vtc-0 { margin-top: 0; margin-bottom: 0;}
.m-all-20 { margin: 20px;}
.m-hrz-20 { margin-left: 20px; margin-right: 20px}
.m-vtc-20 { margin-top: 20px; margin-bottom: 20px;}
.m-all-35 { margin: 35px;}
.m-hrz-35 { margin-left: 35px; margin-right: 35px}
.m-vtc-35 { margin-top: 35px; margin-bottom: 35px;}
.m-all-30 { margin: 30px;}
.m-hrz-30 { margin-left: 30px; margin-right: 30px}
.m-vtc-30 { margin-top: 30px; margin-bottom: 30px;}
.m-all-50 { margin: 50px;}
.m-hrz-50 { margin-left: 50px; margin-right: 50px}
.m-vtc-50 { margin-top: 50px; margin-bottom: 50px;}
.m-all-90 { margin: 90px;}
.m-hrz-90 { margin-left: 90px; margin-right: 90px}
.m-vtc-90 { margin-top: 90px; margin-bottom: 90px;}

.show-374px { display: none; visibility: hidden;}
.hide-374px { display: inline-block; visibility: visible;}
.show-411px { display: none; visibility: hidden;}
.hide-411px { display: inline-block; visibility: visible;}
.show-574px { display: none; visibility: hidden;}
.hide-574px { display: inline-block; visibility: visible;}
.show-767px { display: none; visibility: hidden;}
.hide-767px { display: inline-block; visibility: visible;}
.show-1024px { display: none; visibility: hidden;}
.hide-1024px { display: inline-block; visibility: visible;}
.show-1199px { display: none; visibility: hidden;}
.hide-1199px { display: inline-block; visibility: visible;}
.show-1365px { display: none; visibility: hidden;}
.hide-1365px { display: inline-block; visibility: visible;}

.obj-90deg { display: inline-block; position: relative; transform: rotate(-90deg);}


/* ------------------ HEADER AREA ------------------ */
.bg-home { 
	width: 100%; min-height: 895px; margin: 0; padding: 0; display:block; top: 0; left: auto;
	background-image: url("../img/bg-header001.gif"); background-repeat: repeat-x; background-position: top;
}
.bg-header { background-image:url("../img/bg-logo001.png"); background-repeat: repeat-x; background-position: top; background-color: #cad2c5;}
.h-navigator { height: 895px;}
.lng-shp { margin: 33px 50px 0 13px; padding: 0; position: absolute; display: block; right: 0;}
a.shp-no {
	width: 65px; height: 25px; padding: 3px 35px 0 0; display: block; float: left;
	font-family: Tahoma, Verdana; font-size: 14px;  color: #fff; text-align: center;
	background-image: url("../img/icn-cart001.png"); background-repeat: no-repeat; background-position: center;
}
a.shp-no:hover {
	color: #fecb03;
	background-image: url("../img/icn-cart002.png");
}
a.lng-change {
	width: 30px; height: 25px; margin-left: 13px; padding: 0; display: block; float: left;
	background-image: url("../img/icn-flag-th001.png"); background-repeat: no-repeat; background-position: center;
	border: none;
}
a.lng-change:hover {
	border: 1px solid #6626a9;
}

.layer-hdr-1 { z-index: 1;}
.layer-hdr-2 { z-index: 2;}
.layer-hdr-3 { z-index: 3;}
.layer-hdr-4 { z-index: 100;}
.layer-hdr-5 { z-index: 99;}
.logo-hrz-pst {width: 100%; height: 64px; margin: 0; padding: 0; position: absolute; display: block; visibility: hidden; left: 0; top: 0;}
.logo-hrz-photo {
	width: calc(100vw - 192px); height: 64px; margin: 0; padding: 0; position: absolute; display: block; left: 64px; top: 0;
	background-image: url("../img/logo-jairak002.png"); background-repeat: no-repeat; background-position: center;
}
.logo-vtc-pst {
	width: 540px; height: 650px; margin: 0 auto; padding: 0; position: absolute;  display: block; visibility: visible; right: 1px; top: 0;
}
.logo-vtc-photo001 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; right: 1px; top: 0; z-index: 2;
	background-image: url("../img/logo-jairak001-1.png"); background-repeat: no-repeat; background-position: center;
	opacity: 0;
	animation-name: logofly;
	-moz-animation-name: logofly;
	-webkit-animation-name: logofly;
	-ms-animation-name: logofly;
	animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-duration: 2s;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}
.logo-vtc-photo002 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; right: 1px; top: 0; z-index: 1;
	background-image: url("../img/logo-jairak001-2.png"); background-repeat: no-repeat; background-position: center;
	opacity: 0;
	animation-name: text-logo;
	-moz-animation-name: text-logo;
	-webkit-animation-name: text-logo;
	-ms-animation-name: text-logo;
	animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-duration: 1.8s;
	-moz-animation-duration: 1.8s;
	-webkit-animation-duration: 1.8s;
	-ms-animation-duration: 1.8s;
	animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-delay: .1s;
	-ms-animation-delay: .1s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards; 
	-webkit-animation-fill-mode: forwards; 
	-ms-animation-fill-mode: forwards; 
}
.logo-vtc-photo003 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; right: 1px; top: 0; z-index: 3;
	background-image: url("../img/logo-jairak001-3.png"); background-repeat: no-repeat; background-position: center;
	opacity: 0;
	animation-name: effect-logo;
	-moz-animation-name: effect-logo;
	-webkit-animation-name: effect-logo;
	-ms-animation-name: effect-logo;
	animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;
	animation-duration: .6s;
	-moz-animation-duration: .6s;
	-webkit-animation-duration: .6s;
	-ms-animation-duration: .6s;
	animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards; 
	-webkit-animation-fill-mode: forwards; 
	-ms-animation-fill-mode: forwards; 
}
.bg-slideshow-pst {
	width: calc(100% - 540px); height: 845px; margin: 0 auto; padding: 0; position: absolute;  display: block; visibility: visible; left: 0; top: 0;
	background-image: url("../img/bg-slideshow001.png"); background-repeat:repeat-y; background-position: left center;
}
.bg-message-pst {
	width: 100%; max-width: 500px; height: auto; min-height: 295px; margin: 0; padding: 40px; padding-top: 35px; position: absolute;  display: block; visibility: visible; right: 0; bottom: -50px;
	color: #fff;
	background-color: #52796f;
}
.bg-logo-pst {
	width: 540px; height: 845px; margin: 0 auto; padding: 0; position: absolute;  display: block; visibility: visible; right: 0;
	background-image: url("../img/bg-logo001.png"); background-repeat:repeat-x; background-position: bottom; 
}
.text-slideshow-topic { margin: 0; margin-top: 16px; margin-bottom: 45px; padding: 0;}
.lnk-btn.slideshow-btn { position: absolute; left: 40px; bottom: 40px;}

@keyframes logofly {
	0% { top: 15px; transform:scale(.5);transform: scalex(.7); opacity: 0; visibility: hidden;}
	10% { transform:scale(.6);transform: scalex(.9);visibility: visible;}	
	20% { transform:scale(.7);transform: scalex(.7); opacity: 1;}
	30% { top:0; transform:scale(.8);transform: scalex(.9)}
	70% { top:0; transform:scale(.9);transform: scalex(.8)}
	100% {top: 0px; transform:scale(1);transform: scalex(1); opacity: 1; }
}
@-moz-keyframes logofly {
	0% { top: 15px; transform:scale(.5);transform: scalex(.7); opacity: 0; visibility: hidden;}
	10% { transform:scale(.6);transform: scalex(.9);visibility: visible;}	
	20% { transform:scale(.7);transform: scalex(.7); opacity: 1;}
	30% { top:0; transform:scale(.8);transform: scalex(.9)}
	70% { top:0; transform:scale(.9);transform: scalex(.8)}
	100% {top: 0px; transform:scale(1);transform: scalex(1); opacity: 1; }
}
@-webkit-keyframes logofly {
	0% { top: 15px; transform:scale(.5);transform: scalex(.7); opacity: 0; visibility: hidden;}
	10% { transform:scale(.6);transform: scalex(.9);visibility: visible;}	
	20% { transform:scale(.7);transform: scalex(.7); opacity: 1;}
	30% { top:0; transform:scale(.8);transform: scalex(.9)}
	70% { top:0; transform:scale(.9);transform: scalex(.8)}
	100% {top: 0px; transform:scale(1);transform: scalex(1); opacity: 1; }
}
@-ms-keyframes logofly {
	0% { top: 15px; transform:scale(.5);transform: scalex(.7); opacity: 0; visibility: hidden;}
	10% { transform:scale(.6);transform: scalex(.9);visibility: visible;}	
	20% { transform:scale(.7);transform: scalex(.7); opacity: 1;}
	30% { top:0; transform:scale(.8);transform: scalex(.9)}
	70% { top:0; transform:scale(.9);transform: scalex(.8)}
	100% {top: 0px; transform:scale(1);transform: scalex(1); opacity: 1; }
}

@keyframes text-logo {
	0% { top:15px;  opacity: 0; visibility: hidden;}
	100% { top:0px; opacity: 1; visibility: visible;}
}
@-moz-keyframes text-logo {
	0% { top:15px;  opacity: 0; visibility: hidden;}
	100% { top:0px; opacity: 1; visibility: visible;}
}
@-webkit-keyframes text-logo {
	0% { top:15px;  opacity: 0; visibility: hidden;}
	100% { top:0px; opacity: 1; visibility: visible;}
}
@-ms-keyframes text-logo {
	0% { top:15px;  opacity: 0; visibility: hidden;}
	100% { top:0px; opacity: 1; visibility: visible;}
}

@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:75px; transform:scale(1.5); opacity: .8; visibility: visible;}
	100% { top:450px; 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:75px; transform:scale(1.5); opacity: .8; visibility: visible;}
	100% { top:450px; 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:75px; transform:scale(1.5); opacity: .8; visibility: visible;}
	100% { top:450px; 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:75px; transform:scale(1.5); opacity: .8; visibility: visible;}
	100% { top:450px; transform:scale(4); opacity: 0; visibility: hidden;}
}


/* ------------------ FOOTER AREA ------------------ */
.footer {  }
.h-footer { height: auto; min-height: 300px;}
.pst-photo-footer {
	padding: 0 20px; display:block; position: relative;
	color: #fff;
}
ul#nav-footer { width: 100%; height: auto; margin: 0; margin-bottom: 50px; padding: 0; list-style: none; display: block; text-align: center;}
ul#nav-footer li { width: auto; height: auto; margin: 3px; padding: 0; display: inline-block; position: relative;}
ul#nav-footer li a:link {
	width: 100%; height: 100%; margin: 0; padding: 20px; display: block; position: relative; 
	color:#fff;	background-color: #52796f;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
ul#nav-footer li a:visited { color: #fff;}
ul#nav-footer li a:active { color: #fff;}
ul#nav-footer li a:hover {
	color:#84a98c; letter-spacing: 2px;
	background-color: #354f52;}
ul#nav-footer li a.active {
	color: #fecb03; font-weight:600;
	background-color: #332257;
}
.logo-footer { margin-bottom: 7px;}
.contact-footer hr { margin-bottom: 10px; margin-top: 0; margin-left: 0; margin-right: 0;}
.obj-90deg.footer { margin: 0; padding: 0; margin-right: -30px; color: #afb7ab; }

/* ------------------ INFORMATION SESSION ------------------ */
.box-yellow {
	width:50px; height: 50px; margin: 0; padding: 0; display: block; position: absolute; top: 0; left: 0; z-index: 2;
	background-color: #fecb03;
}
.box-purple {
	width:100%; height: auto; margin: 0; padding: 100px 70px; display: block; position: relative; top: 25px; left: 0; z-index: 1;
	color: #fff;
	background-color: #332257;
}
.info001 { text-align: center;}
.info002 { text-align: center;}
.info003 { text-align: center;}
.bg-info001 { background-image: url("../img/bg-info001.png"); background-repeat: repeat-x; background-position: bottom;}


/* ------------------ HIGHTLIGHT WEEK SESSION ------------------ */
ul.photo-week {
	margin: 0; padding: 0;
	list-style: none;
}
.pst-scale-up.week { width:100%; height: 420px;}
.info-orchid { width: 100%; height: auto; margin: 0; padding: 20px;}
.info-orchid span.name {
	width: 100%; /*padding-left: 58px; */display: inline-block;
	/*text-indent: -58px; */overflow-wrap: break-word;
}
.lnk-icon-photo{ color:#fff;}
/*a.lnk-icon-photo:link { color:#fff;}
a.lnk-icon-photo:visited { color:#fff;}
a.lnk-icon-photo:active { color:#fff;}
a.lnk-icon-photo:hover { color:#fff;}*/
.lnk-week { 
	width: 100%!important; margin-top: 14px!important; padding: 12px!important;
	font-size: 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis;  word-wrap: break-word; overflow: hidden;
	background-image: none!important; background-color: #332257!important;
}
.lnk-week:hover { color: #fecb03;}
.photo-detail  a:hover img { transform: scale(1.15)}