@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: 'thaisanslite';
    src: url('../fonts/thaisanslite.eot');
    src: url('../fonts/thaisanslite.eot?#iefix') format('embedded-opentype'),
		url('../fonts/thaisanslite.woff2') format('woff2'),
        url('../fonts/thaisanslite.woff') format('woff'),
        url('../fonts/thaisanslite.ttf') format('truetype'),
        url('../fonts/thaisanslite.svg#thaisanslite') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'archivo';
    src: url('../fonts/ekkamai.eot');
    src: url('../fonts/ekkamai.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ekkamai.woff2') format('woff2'),
        url('../fonts/ekkamai.woff') format('woff'),
        url('../fonts/ekkamai.ttf') format('truetype'),
        url('../fonts/ekkamai.svg#archivo') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'archivoen';
    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: 'manrope';
    src: url('../fonts/manrope.eot');
    src: url('../fonts/manrope.eot?#iefix') format('embedded-opentype'),
		url('../fonts/manrope.woff2') format('woff2'),
        url('../fonts/manrope.woff') format('woff'),
        url('../fonts/manrope.ttf') format('truetype'),
        url('../fonts/manrope.svg#manrope') 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: 'MS Sans Serif', 'serif4', '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:22px; color: #2f3e46;}
input, textarea, select, button, label { 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: 'archivo', '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=text], input[type=number], input[type=tel], input[type=email], input[type=search], textarea {
	height: 50px; margin: 0; padding: 18px!important; display:block;
	color:#2f3e46; font-weight:lighter; font-size: 16px!important;
	border-collapse: collapse; border: solid 1px #cad2c5!important; border-radius: 0!important; outline: 0!important;
	background-color: #fff;
}
input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: inner-spin-button !important;
	width: 15px; height: 100%; position: absolute; top: 0; right: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"]::-ms-clear,
input[type="number"]::-ms-reveal {
    display: none;
}

/*select {
	width: 100%; height: 50px; margin: 0; padding: 0 14px; display:block;
	border-collapse: collapse; border-style: solid!important; border: solid 1px #cad2c5!important; border-radius: 0;outline: 0;
	background-color: #fff;
}
select option { color:#84a98c!important; font-weight:lighter; font-size: 16px!important;}
select:focus { color: #2f3e46!important; }*/

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=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=search]:focus, textarea:focus {
	-o-box-shadow: none!important;
	-ms-box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}

input[type=text][readonly], input[type=tel][readonly], input[type=email][readonly], input[type=search][readonly], textarea:disabled { background-color: #e7ece5; opacity: 1; cursor: default;}

input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #84a98c!important; opacity: 1; }
input[type=text]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #84a98c!important; opacity: 1; }
input[type=text]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, input[type=search]::placeholder, textarea::placeholder { color: #84a98c!important; opacity: 1; }
input[type=text]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=email]:focus::placeholder, input[type=search]:focus::placeholder, textarea:focus::placeholder { color: #d5e3d8!important; opacity: 1; }

input[type=text][readonly], input[type=tel][readonly], input[type=email][readonly], input[type=search][readonly], textarea::placeholde:disabled r { color: #fff!important; opacity: 1; }

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;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #2f3e46;
	/*border: 1px solid #434346;
	-webkit-box-shadow: 0 0 0px 1000px #1B1B1C inset;*/
	transition: background-color 5000s ease-in-out 0s;
}

.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; }

a.btn-back { width: auto; height: auto; margin: 0 10px 0 0; padding: 4px 10px; display: inline; position: relative; background: #000; font-size: 16px; color: #fff;}
a.btn-back:hover { color: #fecb03;}

/* ------------------ FONTS, TEXT, BACKGOUND ------------------ */
.font-manrope { font-family: 'manrope';}
.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: 'archivoen';}
h1 { font-family: 'archivo'; font-size: 68px; font-weight: bold;}
h2 { font-family: 'archivo'; font-size: 58px; font-weight: bold;}
h3 { font-family: 'archivo'; font-size: 48px; font-weight: bold;}
h4 { font-family: 'archivo'; font-size: 38px; font-weight: bold;}
h5 { font-family: 'archivo'; font-size: 28px; 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; font-weight: lighter;}
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-family: 'manrope'; font-size: 28px; color: #2f3e46; line-height: 28px;}
h2 .blt-header-tl, h2 .blt-header-tr, h2 .blt-header-bl, h2 .blt-header-br, h2 .blt-header-tlr, h2 .blt-header-blr{ color: #332257;}
h2 .blt-header-tl span, h2 .blt-header-tr span, h2 .blt-header-bl span, h2 .blt-header-br span, h2 .blt-header-tlr span, h2 .blt-header-blr span { font-family: 'manrope'; font-size: 24px; color: #2f3e46; line-height: 24px;}
h3 .blt-header-tl, h3 .blt-header-tr, h3 .blt-header-bl, h3 .blt-header-br, h3 .blt-header-tlr, h3 .blt-header-blr{ color: #332257;}
h3 .blt-header-tl span, h3 .blt-header-tr span, h3 .blt-header-bl span, h3 .blt-header-br span, h3 .blt-header-tlr span, h3 .blt-header-blr span { font-family: 'manrope'; font-size: 20px; color: #2f3e46; line-height: 20px; font-weight: lighter;}

.blt-header-tl {
	display: inline-block; margin: 0; padding: 0; padding-top: 16px; 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: 30px !important; 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: 16px; 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: 16px; 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: 16px; 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: 16px; 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; }
img.img-full { width: 100%;}
.obj-center-middle { display: flex; align-items: center; justify-content: center;}
.obj-left { float: left;}
.obj-right { float: right;}
.obj-inline { display: inline;}
.obj-inline-block { display: inline-block;}
.obj-block { display: block;}
.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; padding-top: 100%; 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: 35px!important; height: 35px!important;}
.lnk-icon-photo{ color:#fff; font-size: 16px; font-weight: lighter;}
.pst-photo-detail:hover > .photo-detail { top: 50%;}
.icn-circle {
	margin: 0; padding: 1px 11px 10px;
	background-color: #000;
	border-radius: 50%;
}

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-body-bottom {border-bottom: 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: 20px 30px; border: 1px solid #84a98c; color: #52796f;}
.tbl-border.inside-page th, .tbl-border.inside-page td { padding: 20px; border: 1px solid #84a98c; color: #52796f;}

.spc-0 { width: 100%; height: 0; display: block; position: relative;}
.spc-1px { width: 100%; height: 1px; display: block; position: relative; clear: both;}
.spc-10px { width: 100%; height: 10px; display: block; position: relative; clear: both;}
.spc-20px { width: 100%; height: 20px; display: block; position: relative; clear: both;}
.spc-30px { width: 100%; height: 30px; display: block; position: relative; clear: both;}
.spc-40px { width: 100%; height: 40px; display: block; position: relative; clear: both;}
.spc-50px { width: 100%; height: 50px; display: block; position: relative; clear: both;}
.spc-60px { width: 100%; height: 60px; display: block; position: relative; clear: both;}
.spc-70px { width: 100%; height: 70px; display: block; position: relative; clear: both;}
.spc-80px { width: 100%; height: 80px; display: block; position: relative; clear: both;}
.spc-90px { width: 100%; height: 90px; display: block; position: relative; clear: both;}
.spc-100px { width: 100%; height: 100px; display: block; position: relative; clear: both;}
.spc-120px { width: 100%; height: 120px; display: block; position: relative; clear: both;}
.spc-130px { width: 100%; height: 130px; display: block; position: relative; clear: both;}
.spc-150px { width: 100%; height: 150px; display: block; position: relative; clear: both;}
.spc-170px { width: 100%; height: 170px; display: block; position: relative; clear: both;}
.spc-head-topic { width: 14px; display: inline-block;}
.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;}
.show-all { font-family: 'archivo'; font-weight: bold;}

/* ------------------ 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-1366px.no-vdo { width:100%; max-width:1366px; margin:0 auto; padding:0; overflow: visible; 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%;}
.range-wh100per { width: 100%; height: 100%;}
.range-full-width { width:100%; height: auto; margin: 0; padding: 0; display: block; position:relative; clear: both;}
.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-375px { display: none; visibility: hidden;}
.hide-375px { display: inline-block; visibility: visible;}
.show-411px { display: none; visibility: hidden;}
.hide-411px { display: inline-block; visibility: visible;}
.show-430px { display: none; visibility: hidden;}
.hide-430px { display: inline-block; visibility: visible;}
.show-480px { display: none; visibility: hidden;}
.hide-480px { 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-864px { display: none; visibility: hidden;}
.hide-864px { display: block; visibility: visible;}
.show-1024px { display: none; visibility: hidden;}
.hide-1024px { display: inline-block; visibility: visible;}
.show-1109px { display: none; visibility: hidden;}
.hide-1109px { display: inline-block; visibility: visible;}
.show-1199px { display: none; visibility: hidden;}
.hide-1199px { display: inline-block; visibility: visible;}


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


/* ------------------ HOME---------------- */
.th {font-family: 'MS Sans Serif'; }

/* ------------------ HEADER AREA ------------------ */
.bg-inside { 
	width: 100%; min-height: 450px; margin: 0; padding: 0; display:block; top: 0; left: auto;
	background-image: url("../img/bg-header002.gif"); background-repeat: repeat-x; background-position: top;
}
.bg-inside-no-vdo { 
	width: 100%; min-height: 290px; margin: 0; padding: 0; display:block; top: 0; left: auto;
	background-image: url("../img/bg-header003.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: 500px;}

/*.range-1366px.no-vdo { top: -200px!important;}*/
.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-en001.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: 4;}
.layer-hdr-5 { z-index: 999999;}
.logo-hrz-pst {width: 100%; height: 64px; margin: 0; padding: 0; position: absolute; display: block; visibility: hidden; left: 0; top: 0; overflow: hidden;}
.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: calc(100% - 248px); height: 90px; margin: 0 auto; padding: 0; position: absolute;  display: block; visibility: visible; left: 90px; top: 0; overflow: hidden;}
.logo-vtc-photo006 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; left: -82px; top: -26px; z-index: 3;
	background-image: url("../img/logo-jairak001-4-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: 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-photo004 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; left: 0; top: 0; z-index: 2;
	background-image: url("../img/logo-jairak001-4-1.png"); background-repeat: no-repeat; background-position: center;
	opacity: 0;
	animation-name: logo-inside;
	-moz-animation-name: logo-inside;
	-webkit-animation-name: logo-inside;
	-ms-animation-name: logo-inside;
	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: .7s;
	-moz-animation-duration: .7s;
	-webkit-animation-duration: .7s;
	-ms-animation-duration: .7s;
	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-photo005 {
	width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; display: block; left: 0; top: 0; z-index: 2;
	background-image: url("../img/logo-jairak001-4-2.png"); background-repeat: no-repeat; background-position: center;
	opacity: 0;
	animation-name: logo-text-inside;
	-moz-animation-name: logo-text-inside;
	-webkit-animation-name: logo-text-inside;
	-ms-animation-name: logo-text-inside;
	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: .7s;
	-moz-animation-duration: .7s;
	-webkit-animation-duration: .7s;
	-ms-animation-duration: .7s;
	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; 
}
.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-bottom: 45px; padding: 0;}
.lnk-btn.slideshow-btn { position: absolute; left: 40px; bottom: 40px;}

@keyframes logo-inside {
	0% { transform:translateY(10%); opacity: 0; visibility: hidden;}
	100% { transform:translateY(0); opacity: 1; visibility: visible;}
}
@-moz-keyframes logo-inside {
	0% { transform:translateY(10%); opacity: 0; visibility: hidden;}
	100% { transform:translateY(0); opacity: 1; visibility: visible;}
}
@-webkit-keyframes logo-inside {
	0% { transform:translateY(10%); opacity: 0; visibility: hidden;}
	100% { transform:translateY(0); opacity: 1; visibility: visible;}
}
@-ms-keyframes logo-inside {
	0% { transform:translateY(10%); opacity: 0; visibility: hidden;}
	100% { transform:translateY(0); opacity: 1; visibility: visible;}
}

@keyframes logo-text-inside {
	0% { transform:translateX(-20px); opacity: 0; visibility: hidden;}
	100% { transform:translateX(0); opacity: 1; visibility: visible;}
}
@-moz-keyframes logo-text-inside {
	0% { transform:translateX(-20px); opacity: 0; visibility: hidden;}
	100% { transform:translateX(0); opacity: 1; visibility: visible;}
}
@-webkit-keyframes logo-text-inside {
	0% { transform:translateX(-20px); opacity: 0; visibility: hidden;}
	100% { transform:translateX(0); opacity: 1; visibility: visible;}
}
@-ms-keyframes logo-text-inside {
	0% { transform:translateX(-20px); opacity: 0; visibility: hidden;}
	100% { transform:translateX(0); opacity: 1; visibility: visible;}
}

@keyframes effect-logo {
	0% { transform:scale(1); opacity: 0; visibility: hidden;}
	10% { transform:scale(1); opacity: 1; visibility: visible;}
	65% { transform:scale(2); opacity: .8; visibility: visible;}
	100% { transform:scale(10); opacity: 0; visibility: hidden;}
}
@-moz-keyframes effect-logo {
	00% { transform:scale(1); opacity: 0; visibility: hidden;}
	10% { transform:scale(1); opacity: 1; visibility: visible;}
	65% { transform:scale(2); opacity: .8; visibility: visible;}
	100% { transform:scale(10); opacity: 0; visibility: hidden;}
}
@-webkit-keyframes effect-logo {
	0% { transform:scale(1); opacity: 0; visibility: hidden;}
	10% { transform:scale(1); opacity: 1; visibility: visible;}
	65% { transform:scale(2); opacity: .8; visibility: visible;}
	100% { transform:scale(10); opacity: 0; visibility: hidden;}
}
@-ms-keyframes effect-logo {
	0% { transform:scale(1); opacity: 0; visibility: hidden;}
	10% { transform:scale(1); opacity: 1; visibility: visible;}
	65% { transform:scale(2); opacity: .8; visibility: visible;}
	100% { transform:scale(10); 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; font-size:23px;
	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; }


/* ------------------ INSIDE PAGE ------------------ */
.bg-logo-inside {
	width: calc(100% - 2px); height: 160px; margin: 0; margin-left: 1px; padding: 0; display: block; position: absolute; left: 0; top: 0;
	background-image: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,0));
}
.vdo-pst { width: 100%; height: 100%; max-height: 453px; display: block; position: absolute; left: 0; top: 0; overflow: hidden; background-color: #354f52;} /*display: flex;align-content: center; align-items: center;*/
.vdo-control { width: calc(100% - 2px); height: auto;  margin-left: 1px;}
.h-navigator.no-vdo { height: 240px;}
.gallery-no-border { width: 100%; height: 50px; margin: 0; padding: 0; display: inline-block; position: absolute; top: 452px; left: 0; background-color: #fff;}
.status-page.no-vdo { width: calc(100% - 1px); height: 200px; display: block; position: absolute; bottom: 0; right: 1px; overflow: visible;}
.status-page { width: 500px; height: 200px; display: block; position: absolute; bottom: 47px; right: 1px; overflow: visible;}
.status-page.gallery { bottom: 48px;}
.status-green001 {
	width: 50px; height: 100px; margin: 0; padding: 0; display: block; position: absolute; bottom: 0; right: 0; z-index: 1;
	background-color: rgba(53,79,82,.7);
}
.status-green001.no-vdo { background-color: rgba(53,79,82,1.00); bottom: 0;}
.status-green002 {
	width: auto; height: 200px; margin: 0; padding: 40px; display: flex;align-content: center; align-items: center; position: absolute; bottom: -50px; right: 50px; z-index: 3;
	background-color: rgba(82,121,111,1)
}
.status-green002.no-vdo {
	width: auto; height: 200px; margin: 0; margin-bottom: -50px; padding: 40px 36px; display: flex; align-content: center; align-items: center; position: absolute; bottom: 0; right: 50px; z-index: 3;
	background-color: rgba(82,121,111,1);
}
.status-green002 h3 {
	 margin: 0; padding: 0; margin-bottom: 25px; display: block; position: relative;
	font-family: 'thaisanslite';  color: #fff; line-height: 42px; font-size:45px;
}
.status-green002 h3 .sub-text { margin: 0; padding: 0; display: block; position: relative; font-family: 'serif4'; color: #fff; font-size: 16px; line-height: 20px; font-weight: lighter; letter-spacing: 1px; text-align: right;}
.status-green003 {
	width: calc(100% - 51px); height: 100px; margin: 0; padding: 0; display: block; position: absolute; bottom: 0; left: 1px; z-index: 2;
	background-color: #84a98c; 
}
.status-green004 {
	width: calc(100vw - 40px); height: 50px; margin: 0; padding: 0; display: block; position: relative; top: 0; right: 50px; float: right;
	background-color: rgba(53,79,82,1);
}

.status-green003.bg-orchid-list { background-image: url("../img/bg-orchid001.png"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
.status-green003.bg-buy-orchid { background-image: url("../img/bg-orchid002.png"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
.status-green003.bg-view-cart { background-image: url("../img/bg-orchid003.png"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
.status-green003.bg-print-cart { background-image: url("../img/bg-orchid004.png"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}

.pst-no-vdo-left {width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative; top: 0;}
.pst-no-vdo-right {width: 100%; height: auto; margin: 50px 0 0 0; padding: 0; display: block; position: relative; top: 0;}
h2.inside-page p { line-height: 46px;}
h3.inside-page p { line-height: 46px;}


/* ------------------ CONTACT US ------------------ */
.inside-page.please-enter p.blt-header-tl { padding-top: 20px;}
.contact-form input.contact-us-th { width: 210px; font-family: 'archivo'}
ul.contact-form {
	margin: 0; padding: 50px; list-style: none;
	background-color: #fff; box-shadow: 25px 15px 30px rgba(53,79,82,.75);
}
ul.contact-form li { width: 100%; margin: 0; padding: 5px 0; display: inline-block; position: relative;}
ul.contact-form li:nth-child(6) { width: 209px; height: 50px; margin: -3px -4px 0 0; padding: 0; background-color: #edf2f3; text-align: center; vertical-align: middle; align-items: center; align-content: center;}
ul.contact-form li:nth-child(6) img { display: inline-block;}
ul.contact-form li:nth-child(7) { width: calc(100% - 209px); margin: 0 -4px 0 0;}

ul.contact-url { width: 100%; margin: 0; padding: 20px; padding-left: 100px;}
ul.contact-url li { margin: 0; padding: 8px 0; border-bottom: solid 1px rgba(255,255,255,.45)}
ul.contact-url li::marker { color: #fecb03;}
ul.contact-url li:last-child { margin-top: 10px; border-bottom: none; list-style: none;}
ul.contact-url li:nth-last-child(2) { border-bottom: none;}

ul.contact-url.saved { width: 100%; margin: 0; padding: 20px; list-style: none;}
ul.contact-url.saved li { margin: 0; padding: 3px 0; border-bottom: none; font-size: 16px; text-align: center;}
ul.contact-url.saved li:first-child { margin-bottom: 20px; }

.box-yellow {
	width:50px; height: 50px; margin: 0; padding: 0; display: block; position: absolute; top: 0; right: 0; z-index: 2;
	background-color: #fecb03;
}
.map-google {
	width: 100%; height: 500px; margin: 25px 0 0 0; display: block; position: relative;
	border: solid 1px #52796f!important; background-color: #354f52;
}
.bg-map001 {
	width: 100%; height: auto; display: block; position: relative;
	background-image: url("../img/bg-purple001.png"); background-repeat: repeat-x; background-position: bottom;
}

.saturate { filter: saturate(.6); }
.grayscale { filter: grayscale(60%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(120deg); }
.rss.opacity { filter: opacity(50%); }


/* ------------------ TERMS AND DISCOUNT ------------------ */
.blt-header-tl.term-th { line-height: 70px!important;}
h2.inside-page.order-conditions p.blt-header-tl { padding-top: 26px;}
.lnk-btn.discount-btn { margin-top: 20px; margin-bottom: 50px; position: relative; left: 0; bottom: 0;}
.img-discount { width: 100%; height: auto; margin: 0; padding: 0; }
.inside-page.order-conditions p.blt-header-tl { padding-top: 19px;}
ul.condition { margin: 0; margin-top: 20px; padding: 0; list-style: none;}
ul.condition li { margin: 0 0 12px 0; padding: 0 0 12px 0; list-style: none; border-bottom: solid 1px #cad2c5;}
ul.condition li:last-child { border-bottom: none; margin: 0 0 0 0; padding: 0 0 0 0;}
table.terms { margin-left: 30px;}
table.terms tr td { color: #000!important;}
table.terms tr:first-child th{ background-color:  rgba(82,121,111,1.00); color: #fff;}
table.terms tr:nth-child(2){ background-color:  rgba(82,121,111,.8);}
table.terms tr:nth-child(3){ background-color:  rgba(82,121,111,.7);}
table.terms tr:nth-child(4){ background-color:  rgba(82,121,111,.6);}
table.terms tr:nth-child(5){ background-color:  rgba(82,121,111,.5);}
table.terms tr:nth-child(6){ background-color:  rgba(82,121,111,.4);}
table.terms tr:nth-child(7){ background-color:  rgba(82,121,111,.3);}
table.terms tr:nth-child(8){ background-color:  rgba(82,121,111,.2);}
table.terms tr:not(:last-child):hover { background-color:  rgba(82,121,111,.2);}
table.terms tr:not(:last-child):hover td { padding: 30px 20px;}



/*table.terms tr:first-child th{ background-color:  rgba(53,79,82,1.00); color: #84a98c;}
table.terms tr:nth-child(2){ background-color:  rgba(53,79,82,.9);}
table.terms tr:nth-child(3){ background-color:  rgba(53,79,82,.8);}
table.terms tr:nth-child(4){ background-color:  rgba(53,79,82,.7);}
table.terms tr:nth-child(5){ background-color:  rgba(53,79,82,.6);}
table.terms tr:nth-child(6){ background-color:  rgba(53,79,82,.5);}
table.terms tr:nth-child(7){ background-color:  rgba(53,79,82,.4);}
table.terms tr:nth-child(8){ background-color:  rgba(53,79,82,.3);}*/

.terms-conditions {width: 80%; height: auto; margin: 0 auto; padding: 0; display: block; position: relative;}
ul.terms-list { margin: 0 0 0 18px; padding: 0; display: block; position: relative;}
ul.terms-list li::marker { color: #84a98c;}
ul.terms-list li { margin: 0 0 15px 0; padding: 0; color: #2d4f4f;}
ul.terms-list li:last-child { margin: 0 0 0 0;}
ul.terms-list li.hightlight { margin: 24px 0 24px 0;  padding-left: 20px; list-style: none; border-left: solid 2px #84a98c; font-size: 21px; font-weight:400;}
ul.terms-list li:has(ul) { list-style: none;}
.text-update { color: #fff; font-size: 22px; font-family: 'manrope'; text-shadow: 0 0 4px rgba(0,0,0,.3); text-align: center;}

ul.terms-list li ul.terms-list-sub { margin: 0 0 0 20px; padding: 0; display: block; position: relative;}
ul.terms-list li ul.terms-list-sub li { margin: 0 0 10px 0; padding: 0;}

/* ------------------ BUY ORCHID ------------------ */
.range-1366px.shopping { overflow:visible; }
ul.orchid-list { width: 100%; height: auto; margin: 0; padding: 0 9px 0 10px; display: block; position: relative; list-style: none;}
ul.orchid-list li { width: 33.333333%; height: auto; margin: 0; margin-right: -6px; padding: 10px; display: inline-block; position: relative; vertical-align: top;}
h3.inside-page.shopping  { margin: 30px 20px 0 20px;}

.popup-full {display:none;
height: 100%;
width: 100%;
background-color: rgba(47,62,70, 0.6);
position:absolute;
z-index:1;
top:0;
}

/*
.col-shopping-category { width: 307px; height: auto; margin: 0; padding: 0 30px 0 0; display: block; position: relative; float: left; }
.col-shopping-orchid { width: calc(100% - 307px); height: auto; margin: 0; padding: 0 30px 0 0; display: block; position: relative; float: right; }
*/
.col-shopping-category { width: 307px; height: auto; margin: 0; padding: 0 50px 0 0; display: block; position: relative; float: right; }
.col-shopping-orchid { width: calc(100% - 307px); height: auto; margin: 0; padding: 0 30px 0 0; display: block; position: relative; float: left; }

ul.orchid-category { width: 100%; height: auto; margin: 0; padding: 0; list-style: none;}
ul.orchid-category li { 
	margin: 0 20px; padding: 0;
	border-bottom: solid 1px rgba(255,255,255,.4);
}
ul.orchid-category li:last-child { border-bottom: none;}
ul.orchid-category li a.lnk-category { font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'Tahoma', 'sans-serif'; width: 100%; height: 100%; margin: 0; padding: 7px 0; display: inline-block; position: relative;}
ul.orchid-category li a:link.lnk-category { color: #52796f;}
ul.orchid-category li a:visited.lnk-category { color: #52796f;}
ul.orchid-category li a:active.lnk-category { color: #52796f;}
ul.orchid-category li a:hover.lnk-category { color: #84a98c; padding-left: 5px;}
ul.orchid-category li a.lnk-category.active { color: #354f52; cursor:default; text-indent: -14px; padding-left: 14px;}
ul.orchid-category li a:hover.lnk-category.active {  padding-left: 14px;}
ul.orchid-category li a.lnk-category.active::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23fff' d='M2 0l4 4-4 4z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 2px;
}

input.form-search-input { 
	width: calc(100% - 57px); padding: 30px 18px!important; display: inline-block; position: relative; float: left;
	border: solid 1px #cad2c5!important; border-right: none!important;
}
input.form-search-submit { 
	width: 57px; height: 62px; padding: 0; display: inline-block; position: relative; float: left;
	border: solid 1px #cad2c5!important; background-color: transparent; background-image:url("../img/icn-search001.png"); background-repeat: no-repeat; background-position: center center!important; background-size: 26px;
}
input.form-search-submit:hover { 
	width: 57px; height: 62px; padding: 0; padding-left: 0!important;  display: inline-block; position: relative; float: left;
	border: solid 1px #cad2c5!important; background-color: transparent; background-image:url("../img/icn-search002.png"); background-repeat: no-repeat; background-position: center center!important; background-size: 30px;
}

ul.search-option { width: 100%; height: auto; margin: 0; padding: 0; display: inline-block; position: relative; list-style: none;}
ul.search-option li { 
	width: 100%; height: auto; margin: 0; padding: 7px 18px ; display: inline-block; position: relative;
	border: solid 1px #cad2c5; border-bottom: none;
}
ul.search-option li:last-child { border-bottom: solid 1px #cad2c5;}
ul.search-option li label { color: #52796f; font-weight: normal; font-size: 16px;}
ul.search-option li .checker:hover input ~ .checkmark {
	background-color: #bad1bf; border:1px solid #84a98c;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	}	
ul.search-option li .checker input:checked ~ .checkmark { background-color: #84a98c; border:1px solid #84a98c;}
ul.search-option li .checkmark {
  position:absolute; top:10px; left:0; height:20px; width:20px;
  background-color: #fff; border:1px solid #84a98c; border-radius:0; line-height:20px;	
  -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.pst-category { width: 100%; height: auto; margin: 0; margin-bottom: 10px; padding: 0; display: inline-block; position: relative; float: right;}
.pst-search-text { width: auto; height: auto; margin: 0; margin-bottom: 10px; padding: 0; display: inline-block; position: relative; float: right;}
.pst-search-option { width: auto; height: auto; margin: 0; padding: 0; display: inline-block; position: relative; float: right;}
.btn-search-option { width: 100%; margin-bottom: 10px; font-family: 'archivo'}
.info-orchid { width: 100%; height: auto; margin: 0; padding: 20px; display: block; position: relative; font-size: 19px;}
.info-orchid span.name { width: 100%; height: auto; margin: 0 0 5px 0; padding: 0; display: inline-block; position: relative; overflow-wrap: break-word;} /*padding-left: 58px; *//*text-indent: -58px; */
.info-orchid span.stock { width: 50%; height: auto; margin: 0 0 2px 0; padding: 0; display: inline-block; position: relative; text-align: left;}
.info-orchid span.price { width: 50%; height: auto; margin: 0 0 20px 0; padding: 0; display: inline-block; position: relative; text-align: right;}
.info-orchid span.quantity { width: calc(100% - 77px); height: auto; margin: 0; padding: 0 0 20px 0; display: inline-block; position: relative; float: left;}
.info-orchid span.quantity input[type=text] { height: 46px; padding: 16px 10px!important ;}
.info-orchid span.submit { width: 57px; height: auto; margin: 0; padding: 0 0 20px 0; display: inline-block; position: relative; float: right;}
.info-orchid span.submit input[type=submit] { padding: 12px!important; background-color: #332257!important; background-image: none; font-size: 15px;}
.info-orchid span.submit input[type=submit]:hover { padding: 12px!important; background-image: none; color: #fecb03;}

.pst-dropdown { width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative;}
.pst-dropdown-list { width: auto; height: auto; margin: 0; padding: 0; display: inline-block; position: absolute; bottom: 0;  right: 20px; z-index: 999;}
.icn-sort {
	width: auto; height: auto; margin: 0 5px 0 0; padding: 0; display: inline-block; position: relative; float: right;
	font-size: 28px; color: #84a98c; cursor:default;
	transform: rotate(90deg);
}
.border-orchid-list { widht: 100%; height: auto; margin: 0; padding: 0; padding-bottom: 46px; display: block; position: relative; border: solid 1px #84a98c;}
.photo-detail .icn-info {display: inline-block; width: 50%; float: left; padding-left: 15%; border-right: solid 1px rgba(255,255,255,.45)}
.photo-detail .icn-info a { display: inline-block;}
.photo-detail .icn-info a:hover img { transform: scale(1.2)}
.photo-detail .icn-quick {display: inline-block; width: 50%; float: right; padding-right: 15%;}
.photo-detail .icn-quick a { display: inline-block;}
.photo-detail .icn-quick a:hover img { transform: scale(1.2)}

ul.page-break {
	width: 100%; height: auto; margin: 0; padding: 40px 20px 0 20px; display: inline-block; position: relative; list-style: none;
	text-align: center;
}
ul.page-break li { 
	width: auto; min-width: 46px; height: auto; margin: 3px 0; margin-right: -7px; padding: 0 3px; display: inline-block; position: relative;
}
ul.page-break li:first-child a { background-color: #84a98c; color: #fff;}
ul.page-break li:first-child:hover a { background-color: #84a98c; color: #000; padding: 7px 10px;}
ul.page-break li:last-child a { background-color: #84a98c; color: #fff;}
ul.page-break li:last-child:hover a { background-color: #84a98c; color: #000;padding: 7px 10px;}
ul.page-break li:last-child { margin-right: 0;}
ul.page-break li:hover a { padding: 7px 18px;}
ul.page-break li.disable a { background-color: #bad1bf; color: #fff;}
ul.page-break li.disable:hover a { padding: 7px 10px;color: #fff;  background-color: #bad1bf; cursor: default;}
ul.page-break li a { 
	width: 100%; height: auto; margin: 0; padding: 7px 10px; display: inline-block; position: relative; text-align: center;
	font-size: 24px; font-weight: bold;	 color: #84a98c;
	border: solid 1px #cad2c5;
}
ul.page-break li a:hover { color: #354f52;}


/* ------------------ ORCHID LIST ------------------ */
.status-green002.no-vdo.page-list { padding: 40px 45px;}
.status-green002.no-vdo.page-list h3 { font-size: 35px;}
.pst-paper { width: 100%; height: auto; margin: 30px 0 0 0 ; padding: 0 0 0 0; display: block; position: relative;}
.body-paper {
	width: 100%; height: auto; margin: 0 20px 0 0; padding: 20px; display: block; position: relative;
	border: solid 1px #cad2c5; box-shadow: 0 0 10px rgba(53, 79, 82, .45);
}
.box-printer {
	width:60px; height: 60px; margin: -30px 0 0 0; padding: 0; display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; z-index: 2;
	background-color: #fecb03; 
}
.box-printer img { width: 34px; display: inline-block;}
.box-printer:hover img { width: 38px;}

h3.txt-orchid-topic { width: 100%; height: auto; margin: 40px 0 0 0; padding: 0; display:block; position: relative;}
h3.txt-orchid-topic p.txt-name { width: 100%; display: inline-block; position: relative; font-size: 38px; color: #62508a; font-family: 'archivoen' }
h3.txt-orchid-topic p.txt-name .txt-update { margin: 17px 0 0 0; display: inline-block; position: relative;  float: right; font-size: 16px; font-weight: 100!important; color: #58487b;}
table.orchid-info { width: 100%; height: auto; margin: 0; padding: 0; display:table; position: relative;}
table.orchid-info thead tr th { padding: 10px 7px; font-size: 17px; color: #fff!important; background-color: #524274!important;}
table.orchid-info tr { border-bottom: solid 1px #cad2c5;}
table.orchid-info tr td { padding: 7px; font-size: 16px;}

table.orchid-info thead tr th:first-child { width: 70px;}
table.orchid-info thead tr th:nth-child(2) { width: auto;}
table.orchid-info thead tr th:nth-child(3) { width: auto;}
table.orchid-info thead tr th:nth-child(4) { width: 50px;}
table.orchid-info thead tr th:nth-child(5) { width: 70px; text-align: right;}
table.orchid-info thead tr th:nth-child(6) { width: 70px; text-align: right;}
table.orchid-info thead tr th:nth-child(7) { max-width: 80px; }
table.orchid-info thead tr th:nth-child(8) { width: 120px; text-align: right; }
table.orchid-info tr td { display: table-cell; position: relative;}
table.orchid-info tr td:nth-child(3) { text-align: center;}
table.orchid-info tr td:nth-child(3) img { display: inline-block;}
table.orchid-info tr td:nth-child(5) { text-align: right;}
table.orchid-info tr td:nth-child(6) { text-align: right;}
table.orchid-info tr td:nth-child(8) { padding: 7px 0; text-align: right;}
table.orchid-info tr td:nth-child(8):hover { padding: 12px 0;}
table.orchid-info tr:hover { background-color: #f0f3ee;}

table.orchid-info tr td span.quantity { width: 63px; height: auto; margin: 0; padding: 0 0 0 0; display: inline-block; position: relative;float: left;}
table.orchid-info tr td  span.quantity input[type=number] { width: 63px; height: 36px; padding: 0 15px 0 10px!important ; text-align: center; color: #62508a; font-size: 16px!important;}
table.orchid-info tr td span.submit { width: 57px; height: auto; margin: 0; padding: 0 0 0 0; display: inline-block; position: relative; float: left;}
table.orchid-info tr td span.submit input[type=submit] { width: 100%; padding: 7px 12px!important; background-color: #332257!important; background-image: none; font-size: 15px;}
table.orchid-info tr td span.submit input[type=submit]:hover { background-image: none; color: #fecb03;}

.orchid-remark {
	width: 100%; height: auto; margin: 20px 0 0 0; padding: 0; display: block; position: relative;
	font-family: 'MS Sans Serif'; font-size: 15px; font-weight: lighter; color: #58487b;
}
.orchid-smell {
	width: 100%; height: auto; margin: 0 0 0 0; padding: 0; display: block; position: relative;
	font-family: 'MS Sans Serif'; font-size: 15px; font-weight: lighter; color: #58487b;
}
.orchid-smell span { font-size: 20px;}
.smell { font-size: 22px;}
.orchid-blooming {
	width: 100%; height: auto; margin: 0 0 30px 0; padding: 0; display: block; position: relative;
	font-family: 'MS Sans Serif'; font-size: 15px; font-weight: lighter; color: #58487b;
}
/*.orchid-blooming span { color: #fecb03; font-size: 20px;}*/
.blooming { color: #fecb03; font-size: 22px;}
.blooming-code { color: #6626a9; font-weight: bold;}
.pst-notice { display: none; visibility: hidden;}


/* ------------------ VIEW CART ------------------ */
.empty-cart { margin: 10px 0;}
.empty-cart td { width: 100%; padding: 7px 20px; border: solid 1px #cad2c5!important;}
.lnk-btn.cart-view { font-family: 'archivo'; }
.error-cart-border { width: 100%; margin: 10px 0; padding: 7px 20px; border: solid 1px #cad2c5; }
.error-cart { font-weight: bold; font-size: 30px; text-align: center; font-family: 'thaisanslite' ; color: #6626a9; text-indent: -150px; }

.status-green002.no-vdo.cart-view  { padding: 40px 51px;}
.col-cart-step { width: calc(100% - 400px); height: auto; margin: 0; padding: 0 50px 0 20px; display: block; position: relative; float: left; }
.col-cart-condition { width: 400px; height: auto; margin: 0; padding: 0 50px 0 0; display: block; position: relative; float: right; }
.status-green002.no-vdo.cart-view h3 { font-size:40px;}
table.terms.cart { margin-left: 0;}
table.terms.cart th, table.terms.cart td { padding: 15px 20px;}
table.terms.cart tr:not(:last-child):hover { background-color:  rgba(82,121,111,.2);}
table.terms.cart tr:not(:last-child):hover td { padding: 25px 20px;}

.pst-cart-condition { 
	width: 100%; height: auto; margin: 10px 0 0 0; padding: 20px; display: block; position: relative;
	border: solid 1px #84a98c ;
}
.pst-cart-contact { 
	width: 100%; height: auto; margin: 10px 0 0 0; padding: 20px; display: block; position: relative;
	border: solid 1px #cad2c5  ;
}
.pst-whatsapp-txt { width: calc(100% - 90px); height: 100%; margin: 0; padding: 0; display: inline-block; position: relative;}
.pst-whatsapp-img { width: 90px; height: 100%; margin: 0; padding: 0; display: block; position: absolute;  top: 18px; right: 7px;}
.pst-whatsapp-img img { width: 100%; }

ul.pst-step a {
	width: auto; height: 100%; margin: 0; padding: 0 30px 0 20px; display: inline; position: relative;
	font-family: 'archivo'; font-size: 24px; color: #fff; line-height: 74px;
}
ul.pst-step.one-active { width: auto; height: auto; margin: 19px 0 0 0; padding: 0; display: block; position: relative; list-style: none;}
ul.pst-step.one-active li {
	width: auto; height: 74px; margin: 0; padding: 0; display: block; position: relative; float: left;
	text-align: center; vertical-align: middle;
	background-color: #332257;
}
ul.pst-step li:hover a { letter-spacing: 1px;}

ul.pst-step.one-active li:first-child a { cursor: default;}
ul.pst-step.one-active li:first-child {	background: url("../img/icn-step001.png") right center no-repeat #fecb03;}
ul.pst-step.one-active li:nth-child(2) { background: url("../img/icn-step003.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.one-active li:nth-child(2) a { cursor: default;}
ul.pst-step.one-active li:nth-child(3) { background: url("../img/icn-step004.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.one-active li:nth-child(3) a { cursor: default;}

ul.pst-step.two-active { width: auto; height: auto; margin: 19px 0 0 0; padding: 0; display: block; position: relative; list-style: none;}
ul.pst-step.two-active li {
	width: auto; height: 74px; margin: 0; padding: 0; display: block; position: relative; float: left;
	text-align: center; vertical-align: middle;
	background-color: #332257;
}
ul.pst-step.two-active li:first-child { background: url("../img/icn-step005.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.two-active li:first-child:hover a { color: #fecb03;}
ul.pst-step.two-active li:nth-child(2) { background: url("../img/icn-step001.png") right center no-repeat #fecb03;}
ul.pst-step.two-active li:nth-child(2) a { cursor: default;}
ul.pst-step.two-active li:nth-child(3) { background: url("../img/icn-step004.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.two-active li:nth-child(3) a { cursor: default;}

ul.pst-step.three-active { width: auto; height: auto; margin: 19px 0 0 0; padding: 0; display: block; position: relative; list-style: none;}
ul.pst-step.three-active li {
	width: auto; height: 74px; margin: 0; padding: 0; display: block; position: relative; float: left;
	text-align: center; vertical-align: middle;
	background-color: #332257;
}
ul.pst-step.three-active li:first-child { background: url("../img/icn-step003.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.three-active li:first-child:hover a { color: #fecb03;}
ul.pst-step.three-active li:nth-child(2) { background: url("../img/icn-step005.png") right center no-repeat, url("../img/icn-step002.png") center repeat-x;}
ul.pst-step.three-active li:nth-child(2):hover a { color: #fecb03;}
ul.pst-step.three-active li:nth-child(3) { background: url("../img/icn-step006.png") right center no-repeat  #fecb03;}
ul.pst-step.three-active li:nth-child(3) a { cursor: default;}

.lnk-square.img-order { width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
table.inside-page.cart-order tr { 
	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;
}
table.inside-page.cart-order tr:hover td { background-color: #eef4e9;}
table.inside-page.cart-order tr:hover td .cart-bin { opacity: 1;}
table.inside-page.cart-order tr:hover td:first-child { }
/*table.inside-page.cart-order tr:hover td:nth-child(2) { padding-left: 20px;}*/
table.inside-page.cart-order tr th { padding: 15px 0; font-size: 19px; border: none!important; background-color: #cad2c5;}
table.inside-page.cart-order tr td { padding: 0; border: none!important; font-size: 18px; border-bottom: solid 1px #cad2c5!important;}
table.inside-page.cart-order tr th:first-child { width: 100px; border-left: solid 1px #cad2c5!important}
table.inside-page.cart-order tr td:first-child { border-left: solid 1px #cad2c5!important}
table.inside-page.cart-order tr th:nth-child(2) { width: auto; padding-left: 20px; padding-right: 0;}
table.inside-page.cart-order tr td:nth-child(2) { padding-left: 20px; padding-right: 0; }
table.inside-page.cart-order tr th:nth-child(3) { width: auto; padding-left: 20px; padding-right: 20px; text-align: right;}
table.inside-page.cart-order tr td:nth-child(3) { padding-left: 20px; padding-right: 20px; text-align: right;}
table.inside-page.cart-order tr th:nth-child(4) { width: 100px; text-align: center;}
table.inside-page.cart-order tr td:nth-child(4) { }
table.inside-page.cart-order tr th:nth-child(5) { width: auto; padding-left: 20px; padding-right: 20px; text-align: right; border-right: solid 1px #cad2c5!important}
table.inside-page.cart-order tr td:nth-child(5) { padding-left: 20px; padding-right: 20px; text-align: right; border-right: solid 1px #cad2c5!important; }

.cart-bin { width: 100%; height: 100%; margin: 0 5px 0 0; padding: 0; display: block; visibility: visible; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0;
	vertical-align: middle; text-align: center; cursor: pointer;
	background: url("../img/icn-bin001.png") no-repeat center center rgba(238, 244, 233, .7); background-size: 40px;
	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;
}
.cart-bin:hover { background: url("../img/icn-bin002.png") no-repeat center rgba(238, 244, 233, 1);}

.cart-del { width: 100%; height: 100%; margin: 0 5px 0 0; padding: 0; display: flex; position: absolute; visibility: visible; overflow: hidden; 
	align-items: center; align-content: center; text-align: center; vertical-align: middle;
}
.cart-del a {
	width: 40px ;height: 40px; margin: 0; padding: 0; display:flex; position: absolute; visibility: visible; left: -60px; cursor: pointer;
	align-items: center; align-content: center; text-align: center; vertical-align: middle;
 	background: url("../img/icn-bin001.png") no-repeat center center; color: #6626a9; font-weight: lighter; font-family: 'roboto'!important; font-size: 40px; line-height: 40px;
	transition: all 0.40s ease-in 0s;
	-o-transition: all 0.40s ease-in 0s;
	-ms-transition: all 0.40s ease-in 0s;
	-moz-transition: all 0.40s ease-in 0s;
	-webkit-transition: all 0.40s ease-in 0s;
}
.cart-del a:active { background: url("../img/icn-bin002.png") no-repeat center center;}
.cart-del a:focus { background: url("../img/icn-bin002.png") no-repeat center center;}
.cart-del a:hover { background: url("../img/icn-bin002.png") no-repeat center center;}

table.inside-page.cart-order tr:hover td:first-child img.img-square { opacity: .35;}
table.inside-page.cart-order tr td:first-child .cart-del a:hover { width: 100%; height: 100%; background-color: #eef4e9;}
table.inside-page.cart-order tr:hover td:first-child .cart-del a { margin: 0 auto; display: block; position: relative; visibility: visible; left: 0; }
table.inside-page.cart-order tr td:first-child .cart-del a:hover { margin: 0 auto; display: block; position: relative; visibility: visible; left: inherit; }
table.inside-page.cart-order tr td:first-child .cart-del a:hover span {
	display: inline-block; transform: rotate(90deg);

}

input[type=submit].cart-order { width:100%; padding: 18px 20px!important; background-color: #332257!important; background-image: none; font-family: 'archivo'; }
input[type=submit].cart-order:hover { padding: 18px 20px!important;background-image: none; color: #fecb03;}
.pst-btn-recalculate { width: auto; min-width: 236px; height: auto; margin: 0 0 10px 0; padding: 0; display: block; position: relative; float: right;}
.pst-btn-back-shopping { width: auto; height: auto; margin: 0 0 10px 0; padding: 0; display: block; position: relative; float: left;}
.pst-next-step { width: 236px; height: auto; margin: 0 0 10px 0; padding: 0; display: block; position: relative; float: right; }
input.lnk-next {
	width: auto; height: auto; margin: 0; padding: 20px!important; padding-right: 38px!important; display: inline-block; position: relative;
	color:#fff; font-weight:bold; text-transform: uppercase; text-align: center; font-family: 'archivo'; 
	background-color: #000; background-image: url("../img/icn-arrow-left003.gif")!important; background-position: right center!important; background-repeat: no-repeat;
}
input.lnk-next:hover {
	padding-left: 38px!important; padding-right: 20px!important; 
	color:#663cb4;
	background-image: url("../img/icn-arrow-left004.gif")!important; background-position: left center!important;
}
input.lnk-next.btn-confirm { width:100%;}
input.lnk-next.cart-view { width: 100%;}

table.inside-page.cart-total { width: auto; height: auto; margin: 0; padding: 0; float: right;}
table.inside-page.cart-total tr:first-child{ background-color: rgba(202, 210, 197, 1);}
table.inside-page.cart-total tr:nth-child(2) { background-color: rgba(202, 210, 197, .7);}
table.inside-page.cart-total tr:nth-child(3) { background-color: rgba(202, 210, 197, .4);}
table.inside-page.cart-total tr td { color: #354f52;}
table.inside-page.cart-total tr td:first-child { text-align: right;}
table.inside-page.cart-total tr td:nth-child(2) { width: 236px; padding-right: 20px; text-align: right;}
table.inside-page.cart-total tr:first-child td { padding-top: 17px; padding-bottom: 7px;}
table.inside-page.cart-total tr:nth-child(2) td { padding-top: 17px; padding-bottom: 7px;}

ul.orchid-list.cart-orchid-random { width: 100%; height: auto; margin: 0; padding: 0 00 0; display: block; position: relative; list-style: none;}
ul.orchid-list.cart-orchid-random li { width: 33.333333%; height: auto; margin: 0; margin-right: -6px; padding: 10px; display: inline-block; position: relative; vertical-align: top;}
ul.orchid-list.cart-orchid-random li:nth-child(4) { display: none; visibility: hidden;}
h3.inside-page.cart-random { margin: 30px 0 30px 0; }
h3.inside-page.cart-random p.blt-header-tr { padding-top: 24px; line-height: 30px; overflow-wrap: anywhere;}


/* ------------------ REGISTER CART ------------------ */
.col-cart-step.step-register { width: calc(100% - 580px);}
.col-cart-condition.step-register { width: 580px;}
.step-register table.inside-page.cart-total { width: 100%; margin-bottom: -10px; background-color: transparent; font-size: 18px;}
/*.step-register table.inside-page.cart-total tr:first-child { background-color: rgba(202, 210, 197, 1);}
.step-register table.inside-page.cart-total tr:nth-child(2) { background-color: rgba(202, 210, 197, .8);}
.step-register table.inside-page.cart-total tr:nth-child(3) { background-color: rgba(202, 210, 197, .6);}*/
.step-register table.inside-page.cart-total tr td:nth-child(2) { width: auto; }
.step-register table.inside-page.cart-total tr td { font-size: 18px;}

.step-register table.tbl-border.inside-page.cart-short { margin-top: 17px;}
.step-register table.tbl-border.inside-page.cart-short tr th { padding: 10px 20px!important; font-size: 19px!important; border: none!important; border-bottom: solid 3px #84a98c!important;}
.step-register table.tbl-border.inside-page.cart-short tr th { }
.step-register table.tbl-border.inside-page.cart-short tr td { padding: 10px 20px!important; border: none!important; border-bottom: solid 1px #cad2c5!important; font-size: 16px!important;}
.step-register table.tbl-border.inside-page.cart-short tr th:last-child { text-align: right;}
.step-register table.tbl-border.inside-page.cart-short tr td:last-child { text-align: right;}
.step-register table.tbl-border.inside-page.cart-short tr:last-child td { border-bottom: solid 3px #cad2c5!important;}

ul.condition.order-step li { border-bottom: none; padding: 0 0 0 0;}

.col-cart-step.step-register ul.order-form {
	margin: 0; margin-right: 50px; padding: 50px; list-style: none;
	background-color: #fff; border: solid 1px #cad2c5;
}
.col-cart-step.step-register ul.order-form li { width: 100%; margin: 0; padding: 5px 0; display: inline-block; position: relative;}
.col-cart-step.step-register ul.order-form li:nth-child(7) { width: calc(100% - 164px); margin: 0 0 0 0;}
.col-cart-step.step-register ul.order-form li:nth-child(8) { width: 164px; height: 50px; margin: -3px -4px 0 0; padding: 0; background-color: #edf2f3; text-align: center; vertical-align: middle; align-items: center; align-content: center; overflow: hidden;}
.col-cart-step.step-register ul.order-form li:nth-child(8) img { width: 164px; height: 164; margin: 0; padding: 0; display: inline-block; object-fit: cover;}
.col-cart-step.step-register ul.order-form li:nth-child(9) { margin-bottom: -6px; padding-bottom: 0;}


/* ------------------ CONFIRM CART ------------------ */
.col-cart-step.step-confirm { width: calc(100% - 300px);}
.col-cart-condition.step-confirm { width: 300px; margin: 0; padding: 0 50px 0 0;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short { margin-top: 10px;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr th { padding: 10px 20px!important; font-size: 19px!important; border: none!important; background-color: #84a98c!important; color: #fff;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr th { }
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr td { padding: 10px 20px!important; border: none!important; border-bottom: solid 1px #cad2c5!important; font-size: 16px!important;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr th:last-child { text-align: right;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr td:last-child { text-align: right;}
.col-cart-step.step-confirm table.tbl-border.inside-page.cart-short tr:last-child td { border-bottom: solid 3px #cad2c5!important;}

.pst-address-confirm { width: 100%; height: auto; margin: 0; padding: 20px 50px; display: block; position: relative; border: solid 1px #cad2c5;}
.col-cart-step.step-confirm ul.address-confirm { width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative; text-align: center;}
.col-cart-step.step-confirm ul.address-confirm li { width: auto; height: auto; margin: 0 0 10px 0; padding: 7px 12px; display: inline-block; position: relative; clear: both; border: solid 1px #cad2c5;}
.col-cart-step.step-confirm ul.address-confirm li:first-child { width: 100%; border: none; border-bottom: solid 2px #cad2c5;} 
.col-cart-step.step-confirm ul.address-confirm li:nth-child(2) { width: 100%; border: none;} 

.past-thank { width: 80%; height: auto; margin: 0 auto; padding: 30px; display: block; position: relative; border: solid 1px #84a98c; text-align: center; color: #52796f;}

.accept-terms { border: none!important; padding: 10px 0 0 0!important;}

/* ------------------ PRINT CART ------------------ */
.col-cart-print-invoice { width: calc(100% - 372px); height: auto; margin: 0; padding: 0 20px; display: block; position: relative; float: left; }
.col-cart-print-help { width: 372px; height: auto; margin: 0; padding: 0 50px 0 30px; display: block; position: relative; float: right; }
.pst-cart-print { 
	width: 100%; height: auto; margin: 0 0 0 0; padding: 20px; display: block; position: relative;
	border: solid 1px #cad2c5  ;
}
.pst-print-company { width: calc(100% - 220px); height: auto; margin: 0; padding: 0; display: block; position: relative; float: left;}
.pst-print-invoice { width: 220px; height: auto; margin: 0; padding: 0; display: block; position: relative; float: right;}
.pst-print-company .pst-print-logo { width: 120px; height: auto; margin: 0; padding: 0; display: inline-block; position: relative; float: left}
.pst-print-company p { width: calc(100% - 120px); height: auto; margin: 33px 0 0 0; padding: 0; display: inline-block; position: relative; float: left; font-size: 15px;}
.pst-print-customer { width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative;}

table.tbl-border.print-invoice-no tr td { width: auto; height: auto; margin: 0; padding: 5px; font-size: 16px;}
table.tbl-border.print-invoice-no tr td:first-child { border: none; text-align: right;}

table.tbl-border.print-bill-to tr th { width: auto; height: auto; margin: 0; padding: 7px 20px;}
table.tbl-border.print-bill-to tr td { width: auto; height: auto; margin: 0; padding: 2px 20px; font-size: 18px; border-bottom: none; border-top: none;}
table.tbl-border.print-bill-to tr:first-child td { padding: 12px 20px 2px 20px;}
table.tbl-border.print-bill-to tr:last-child td { padding: 2px 20px 12px 20px; border-bottom: solid 1px #84a98c;}

table.tbl-border.print-orchid-order tr th { width: auto; height: auto; margin: 0; padding: 7px 20px; background-color: #cad2c5!important;}
table.tbl-border.print-orchid-order tr th:nth-child(2) { text-align: right;}
table.tbl-border.print-orchid-order tr th:nth-child(3) { text-align: right;}
table.tbl-border.print-orchid-order tr th:nth-child(4) { text-align: right;}
table.tbl-border.print-orchid-order tr td { width: auto; height: auto; margin: 0; padding: 7px 20px;}
table.tbl-border.print-orchid-order tr td:nth-child(2) { text-align: right;}
table.tbl-border.print-orchid-order tr td:nth-child(3) { text-align: right;}
table.tbl-border.print-orchid-order tr td:nth-child(4) { text-align: right;}

table.tbl-border.print-orchid-total tr td { width: auto; height: auto; margin: 0; padding: 7px 20px; text-align: right;}
table.tbl-border.print-orchid-total tr td:first-child { font-weight: bold; background-color: transparent; border: none!important;}
table.tbl-border.print-orchid-total tr td:nth-child(2) { width: 260px;}
table.tbl-border.print-orchid-total tr:first-child td:nth-child(2) { background-color: rgba(202,210,197,1)!important;}
table.tbl-border.print-orchid-total tr:nth-child(2) td:nth-child(2) { background-color: rgba(202,210,197,.7)!important;}
table.tbl-border.print-orchid-total tr:nth-child(3) td:nth-child(2) { background-color: rgba(202,210,197,.4)!important;}

.pst-notice-print-order { display: none; visibility: hidden;}

.col-detail-orchid { width: calc(100% - 307px); height: auto; margin: 0; padding: 0 50px 0 20px; display: block; position: relative; float: left}
.col-detail-category { width: 307px; height: auto; margin: 0; padding: 0 50px 0 0; display: block; position: relative; float: right;}

.detail-photo { width: 67%; height: auto; margin: 0; margin-right: -4px; padding: 0 20px 0 0; display: inline-block; position: relative; vertical-align: top;}
.detail-text {width: 33%; height: auto; margin: 0; margin-right: -4px; padding: 0; display: inline-block; position: relative; vertical-align: top;}

h4.inside-page.orchid-detail { margin-top: 0; color: #4c3876; font-family: 'archivoen'}
h4.inside-page.orchid-detail p { padding-top: 20px; line-height: 36px; overflow-wrap: anywhere;}
h4.inside-page.orchid-detail p span { font-family: 'manrope'; font-size: 20px; color: #2f3e46; font-weight: lighter;}


ul.orchid-detail-option { width: 100%; height: auto; margin: 0; padding: 0; display: inline-block; position: relative; list-style: none;}
ul.orchid-detail-option li { 
	width: 100%; height: auto; margin: 0; padding: 0; display: inline-block; position: relative;
	border: solid 1px #cad2c5; border-bottom: none; vertical-align: top; text-align: left;
}
ul.orchid-detail-option li label { height: 100%; margin: 0; margin-right: -4px; padding: 8px 18px ; display: inline-block; cursor: text;  font-weight: normal; font-family: 'serif4';font-size: 16px;}
ul.orchid-detail-option li label.checker { cursor: default; }
ul.orchid-detail-option li label.checker input:checked:disabled ~ .checkmark { background-color: #fecb03; border:1px solid #6626a9;}
ul.orchid-detail-option li .checkmark {
  position:absolute; top:8px; left:0; height:20px; width:20px;
  background-color: #fff; border:1px solid #6626a9; border-radius:0; line-height:20px;	
  -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
/*ul.orchid-detail-option li:first-child label:first-child { width: 50%; border-right: solid 1px #cad2c5;}
ul.orchid-detail-option li:first-child label:nth-child(2) { width: 50%;}*/
ul.orchid-detail-option li#smell-orchid label:nth-child(2) { padding-left: 24px;}
ul.orchid-detail-option li#smell-orchid label:nth-child(3) { padding-left: 24px;}
/*ul.orchid-detail-option li:nth-child(4) label:first-child  { width: 50%; }
ul.orchid-detail-option li:nth-child(4) label:nth-child(2) { width: 50%; border-left: solid 1px #cad2c5; }*/
ul.orchid-detail-option li:last-child { border-bottom: solid 1px #cad2c5; }

.detail-orchid-number { width: 100%; height: auto; margin: 0; padding: 20px 0 0 0; display: block; position: relative; font-size: 19px;}
.detail-orchid-number span.name { width: 100%; height: auto; margin: 0 0 5px 0; padding: 0; display: inline-block; position: relative; overflow-wrap: break-word;} /*padding-left: 58px; *//*text-indent: -58px; */
.detail-orchid-number span.stock { width: 50%; height: auto; margin: 0 0 2px 0; padding: 0; display: inline-block; position: relative; text-align: left;}
.detail-orchid-number span.price { width: 50%; height: auto; margin: 0 0 20px 0; padding: 0; display: inline-block; position: relative; text-align: right;}
.detail-orchid-number span.quantity { width: calc(100% - 77px); height: auto; margin: 0; padding: 0 0 20px 0; display: inline-block; position: relative; float: left;}
.detail-orchid-number span.quantity input[type=text] { height: 46px; padding: 16px 10px!important ;}
.detail-orchid-number span.submit { width: 57px; height: auto; margin: 0; padding: 0 0 20px 0; display: inline-block; position: relative; float: right;}
.detail-orchid-number span.submit input[type=submit] { padding: 12px!important; background-color: #332257!important; background-image: none; font-size: 15px;}
.detail-orchid-number span.submit input[type=submit]:hover { padding: 12px!important; background-image: none; color: #fecb03;}

.pst-btn-back-detail { width: 100%; height: auto; margin: 10px 0 0 0; padding: 0; display: block; position: relative; overflow: hidden}
.pst-btn-back-detail .lnk-btn { width: 100%; text-align: center;}


/* ------------------ GALLERY ------------------ */
.status-green004.gallery { width: 142px;}
.status-green004.gallery-th { width: 110px;}
ul.pst-gallery { width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative; overflow: hidden; list-style: none; text-align: center;}
ul.pst-gallery li {
	width: 33.3333333%; height: auto; margin: 0; margin-right: -5px; padding: 0; display: inline-block; position: relative; overflow: hidden;
	vertical-align: top;
}
ul.pst-gallery li a { width: 100%; height: 100%; margin: 0; padding: 0; display: inline-block; font-family:'serif4'; color:#2f3e46;}
ul.pst-gallery li a:hover { color:#52796f;}
ul.pst-gallery li .gallery-topic {
	color: #332257;
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2; 
   -webkit-box-orient: vertical;
} 
ul.pst-gallery li .gallery-topic-th {
	line-height: 36px;
	color: #332257;
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2; 
   -webkit-box-orient: vertical;
} 
ul.pst-gallery li .gallery-text .gallery-detail {
	width: 100%; height:  auto; margin: 0; padding: 0; display: inline-block; position: relative; overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3; 
   -webkit-box-orient: vertical;
}
ul.pst-gallery li .gallery-arrow { font-size: 30px; display: block; position: relative; visibility: visible; float: left; left:-100px;} 
ul.pst-gallery li:hover .gallery-arrow { left: 0;} 
ul.pst-gallery li .gallery-date { margin-bottom: 10px; padding: 3px 10px; background-color: #cad2c5;} 
ul.pst-gallery li .gallery-photo { width: 100%; height: auto; margin: 0; padding: 0; display: inline-block; position: relative; float: none; overflow: hidden; background-color: #fff; }
ul.pst-gallery li .gallery-photo img { width: 100%;}
ul.pst-gallery li:not(:first-child) .gallery-photo img { filter:opacity(.75);}
ul.pst-gallery li:not(:first-child):hover .gallery-photo img { filter:opacity(1);}
ul.pst-gallery li .gallery-text { width: 100%; height: auto; margin: 0; padding: 16px 0; display: inline-block; position: relative; float: none; text-align: left; overflow: hidden;}
ul.pst-gallery li:first-child { width: 100%; margin-right: 0; margin-bottom: 13px;}
ul.pst-gallery li:first-child .gallery-photo { width: 66%; float: right;}
ul.pst-gallery li:first-child .gallery-text { width: 34%; height: 100%; margin: 0; padding: 0 20px 0 0; float: left; text-align: left; vertical-align: middle;}
ul.pst-gallery li:first-child .gallery-text .gallery-detail {
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 8;
   line-clamp: 8; 
   -webkit-box-orient: vertical;
}
ul.pst-gallery li:first-child .gallery-date { margin-bottom: 10px; padding: 3px 10px; background-color: #cad2c5;} 
ul.pst-gallery li:first-child .gallery-arrow { font-size: 30px; display: block; position: relative; visibility: visible; float: left; left:-100px;} 
ul.pst-gallery li:not(:first-child) .gallery-photo { margin-bottom: -4px;}
ul.pst-gallery li:not(:first-child) .gallery-text {  padding-top: 10px;}
ul.pst-gallery li:first-child:hover .gallery-photo { width: 63%;}
ul.pst-gallery li:first-child:hover .gallery-text { width: 37%;}
ul.pst-gallery li:first-child:hover .gallery-arrow { left: 0;} 
ul.pst-gallery li:nth-child(3n+2) { padding: 0 13px 0 0;}
ul.pst-gallery li:nth-child(3n+3) { padding: 0 7px 0 7px;}
ul.pst-gallery li:nth-child(3n+4) { padding: 0 0 0 13px;}
ul.page-break.gallery { padding: 40px 0 0 0;}


/* ------------------ GALLERY DETAIL ------------------ */
.pst-gallery-detail-photo { width: 100%; max-width: 1030px; height: auto; margin: 0; padding: 0 50px 0 0; display: block; position: relative; float: right; top: 0; right: 0; text-align: right; overflow: hidden;}
.pst-gallery-detail-photo img { width: 100%;  height: auto; margin: 0; padding: 0; display: block; position: relative;}
.pst-gallery-detail-photo-th { width: 100%; max-width: 1094px; height: auto; margin: 0; padding: 0 50px 0 0; display: block; position: relative; float: right; top: 0; right: 0; text-align: right; overflow: hidden;}
.pst-gallery-detail-photo-th img { width: 100%;  height: auto; margin: 0; padding: 0; display: block; position: relative;}
h3.inside-page.gallery p { padding-top: 15px;}
.gallery-descript {
	width: auto; max-width: 100%; height: auto; margin: 0; padding: 3px 7px; display: block; position: absolute; bottom: 0; left: 0; 
	font-size: 13px; background-color: rgba(255,255,255,.5); border-radius:0 8px 0 0;
}
h3.inside-page.gallery-th p.blt-header-tlr { padding-top:20px;}


/* ------------------ BLOG  ------------------ */
.blt-header-tlr.detail-blog {line-height: 60px}


/* ------------------ POPUP ------------------ */
.popup-detail-photo { width: 70%; height: auto; margin: 0; margin-right: -4px; padding: 0 20px 0 0; display: inline-block; position: relative; vertical-align: top; float: left;}
.popup-detail-text {width: 30%; height: auto; margin: 0; margin-right: -4px; padding: 0; display: inline-block; position: relative; vertical-align: top; float: right;}

h4.inside-page.orchid-detail-popup { margin-top: 0; margin-bottom: 20px; color: #4c3876; font-family: 'archivoen'}
h4.inside-page.orchid-detail-popup p { padding-top: 0; line-height: 36px; overflow-wrap: anywhere;}
h4.inside-page.orchid-detail-popup p span { font-family: 'manrope'; font-size: 20px; color: #2f3e46; font-weight: lighter;}