@import url(/assets/css/animations.css);
@import url(/assets/css/header-footer.css); * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
font-size: 10px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
padding: 0;
font-family: 'Avenir LT Std', 'mn_chiangsaenlight', sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.5;
color: #000;
background-color:#FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block;}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal { display: none; width : 0; height: 0; }
img {
border: 0;
max-width: 100%;
vertical-align: middle;
}
a {
color: inherit;
text-decoration: none;
-webkit-transition: color ease-in-out .2s;
-o-transition: color ease-in-out .2s;
transition: color ease-in-out .2s;
}
a:hover,
a:focus {
color: inherit;
text-decoration:none;
}
a:focus {
outline:0;
outline-offset:0;
}
p { margin: 0; padding:0; line-height: 1.5;}
a[href^=tel] {
outline: none;
text-decoration: none;
color: inherit;
white-space: nowrap;
}
ul, ol, li {
list-style: none;
margin: 0;
padding: 0;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4 {
padding: 0;
margin: 0;
line-height:1;
font-weight: normal;
}
button,
input,
select,
textarea { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: border-color ease-in-out .2s;
-o-transition: border-color ease-in-out .2s;
transition: border-color ease-in-out .2s;
}
textarea { resize: vertical;}
button:focus,
textarea,
button { outline: 0;}
button:focus { outline: 0;}
input:focus { outline:0;}
textarea.text-input { padding: 15px; height: auto;}
input[type="text"]:disabled { background: #999;}
input[type="search"] { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.ic { vertical-align: middle;}
.a-right { text-align: right;}
.a-center { text-align: center;}
.img-bound { width: 100%;}
b, strong { font-family: 'Avenir LT Std 65', 'db_heaventmed', Arial, sans-serif; font-weight: normal;}
.c-red { color: #ff0707;}
h1, .heading-h1, h2, .heading-h2 {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
color: #000;
line-height: 1.1;
text-transform: uppercase;
}
h1, .heading-h1 { font-size: 50px; }
h2, .heading-h2 { font-size: 40px; }
h3, .heading-h3 {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 24px;
color: #000;
line-height: 1.3;
}
.heading-h2 .dot {
width: 8px;
height: 10px;
margin-left: 5px;
display: inline-block;
background-image: url(/assets/img/bg-org.png);
background-position: center;
background-repeat: no-repeat;
background-size: 8px 10px;
}
.container {
width: 100%;
max-width: 1140px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.container-md {
width: 100%;
max-width: 900px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.vertical-center {
display: table;
width:100%;
height: 100%;
}
.content-vertical-top {
display: table-cell;
vertical-align: top;
}
.content-vertical-center {
display: table-cell;
vertical-align: middle;
}
.content-vertical-bottom {
display: table-cell;
vertical-align: bottom;
}
.text-input {
display: block;
width: 100%;
padding: 12px 15px;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 15px;
line-height: 24px;
color: #333;
background-color: #fff;
background-image: none;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
text-transform: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.text-input:focus { border-color: #000;}
.text-input::-moz-placeholder {
font-size: 13px;
text-transform: uppercase;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
color: #999;
opacity: 1;
}
.text-input:-ms-input-placeholder {
text-transform: uppercase;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
color: #999;
font-size: 13px;
}
.text-input::-webkit-input-placeholder {
text-transform: uppercase;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
color: #999;
font-size: 13px;
}
.text-input::-ms-expand { background-color: transparent; border: 0;}
.form-container { max-width: 500px; margin:0 auto 40px;}
.form-container .button-action { margin-top: 50px;}
.field { margin-bottom: 20px;} .select-container { max-width: 450px; margin:25px auto 50px;}
.styled-select { position: relative; color: #999; margin-bottom:12px;}
.styled-select select,
.styled-select select:focus {
width: 100%;
cursor: pointer;
text-overflow: "";
}
.styled-select:after {
content: "\e904";
font-family: 'iconfonts';
position: absolute;
top: 5px;
right: 15px;
bottom: 0;
z-index: 1;
pointer-events: none;
display: inline-block;
line-height: 38px;
font-size: 16px;
color: #de1f26;
text-align: center;
background-color:transparent;
}
.styled-select select {
height: 45px;
line-height: 45px;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 13px;
padding: 0 15px;
color: #999;
border:1px solid #ddd;
color: inherit;
background-color:#FFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.styled-select select:focus { outline: 0;}
.main { padding-top: 90px; padding-bottom: 70px; position: relative;}
.main-0 { padding-top: 0; padding-bottom: 0;}
.main-nobottom { padding-bottom: 0;}
.section { padding-top: 70px; padding-bottom: 70px;}
.section-md { padding-top: 50px; padding-bottom: 50px;}
.section-sm { padding-top: 30px; padding-bottom: 30px;}
.section.section-nopadding-bm { padding-bottom: 0;}
.section-bggray { background-color: #fafafa; }
.section-bgblue {
background-color: #1c2851;
}
.section-bgblue-gradient {
background-image: url(/assets/img/bg-gradient.jpg);
background-position: right top;
background-repeat: no-repeat;
background-size: 100% 100%; }
.section-heading { margin: 0 auto 55px auto;}
.section-subheading { margin: 0 auto 30px auto;}
.section-heading-h1 .desc {
position: relative;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 14px;
}
.section-heading .desc { color: #000; margin-top: 20px; margin-bottom: 25px;}
.section-heading .desc a { text-decoration: underline;}
.section-heading-center { text-align: center;}
.section-heading-center .heading-line:after { margin-left: auto; margin-right: auto;}
.section-heading-landing .desc { font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif; font-size: 18px;}
.section-heading-white .heading-line { color: #FFF!important;}
.section-heading-white .desc { color: #FFF;}
.entry-category {
font-family: 'OpenSansBold';
color: #999;
text-transform: uppercase;
}
.entry-date {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
text-transform: uppercase;
color: #bab9b9;
font-size: 11px;
}
a.linkmore, .linkmore {
display: inline-block;
font-family: 'Avenir LT Std 65', 'mn_chiangsaenbold', Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
text-decoration: none;
color: #000;
}
a.linkmore:after, .linkmore:after {
content: "\e901";
font-family: 'iconfonts';
display: inline-block;
font-size: 12px;
margin-left: 3px;
}
a.linkmore:hover, .linkmore:hover { text-decoration: underline;}
a.linkback, .linkback {
display: inline-block;
font-family: 'Avenir LT Std 65', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
color: #000;
}
a.linkback:before, .linkback:before {
content: "\e902";
font-family: 'iconfonts';
display: inline-block;
vertical-align: bottom;
font-size: 13px;
margin-right: 3px;
}
a.linkback:hover, .linkback:hover { text-decoration: underline;}
a.linktext { line-height: 1; text-decoration: underline; color: #000;}
.area-content a { text-decoration: underline;}
.area-content a:hover { text-decoration: none;}
.info-phone:before, .info-mail:before {
color: #1c2851;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.info-phone:before {
content: "\e900";
font-family: 'iconfonts';
display: inline-block;
font-size: 16px;
}
.info-mail:before {
content: "\e905";
font-family: 'iconfonts';
display: inline-block;
font-size: 16px;
}
a.linkmail, .linkmail { text-decoration: underline;}
a.button, .button {
cursor: pointer;
display: inline-block;
padding: 8px 24px;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 14px;
line-height: 24px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:0;
color: #FFF;
text-decoration: none;
background-color: #de031e;
text-transform: uppercase;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.button:hover, .button:hover { background-color: #ce021b}
a.button-blue, .button-blue {
color: #FFF;
background-color: #1c2851;
}
a.button-blue:hover, .button-blue:hover {
background-color: #1e2a75;
}
a.button-outline, .button-outline {
cursor: pointer;
display: inline-block;
padding: 8px 30px;
color: #000;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
line-height: 24px;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #000;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.button-outline:focus, .button-outline:focus { outline: 0; color: #000;}
a.button-outline-w, .button-outline-w {
color: #FFF;
border-color: #FFF;
}
.button-action { margin-top: 40px;}
.button-2action a { margin: 0 6px;} .container-tabs {  text-align: center; margin-bottom: 60px;}
.container-tabs ul li { display: inline-block; margin: 0 12px;}
.container-tabs ul li a { font-family: 'OpenSansBold';}
.container-tabs ul li.current:after {
content: "";
display: block;
margin-top: 4px;
height: 2px;
background-color: #000;
opacity: 1;
}
.container-tabs ul li.current { color: #000;} ul.pagination { display: block; margin: 40px auto 0; text-align: center;}
ul.pagination li { display: inline-block; margin: 0 10px;}
ul.pagination li a { color: #000; font-size: 16px;}
ul.pagination li a.current,
ul.pagination li a:hover { color: #212751; text-decoration: underline;} .share-all { position: absolute; top: 0; right: 0;}
.share-all .txtshare {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #000;
margin-bottom: 12px;
}
.share-all .social-icon {
width: 45px;
height: 45px;
display: block;
border-radius:50%;
text-align: center;
margin-bottom: 10px;
color: #FFF;
font-size: 20px;
line-height: 42px;
background-color: #ccc;
transition: background-color 0.5s ease;
}
.share-all .social-icon:hover { background-color: #000;}
.share-all .social-icon.lineapp-circle { display: none;}
.device-mobile .share-all .social-icon { display: block;} .show-clipboard {
width: 300px;
position: fixed;
top: 50%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 10000;
text-align: center;
padding: 40px 0;
background-color: rgba(0, 0, 0, 0.8);
color: #FFF;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition-duration: 720ms;
}
.show-clipboard.view { opacity: 1; visibility: visible; transition-duration: 200ms; }
.section-bggray { background-color: #f2f2f2;}
.section-intro { position: relative;}
.section-photo img {
width: 100%;
height: auto;
}
.section-intro:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.25);
}
.section-intro .area-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
z-index: 105;
}
.section-intro .container { height: 100%; }
.section-intro .box-content {
max-width: 650px;
padding: 40px;
background-color: transparent!important;
text-align: center;
color: #FFF;
display: inline-block;
margin: 0 auto;
}
.section-intro .box-content h1 { color: inherit; margin-bottom: 30px;}
.section-intro .box-content .intro-desc, .section-intro .box-content .desc {
position: relative;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 14px;
text-transform: uppercase;
line-height: 1.4;
}
.section-areacontent .area-content { color: #000;}
.section-areacontent .area-content .heading-h2 { margin-bottom: 20px;}
.section-areacontent .button-action .button { margin-bottom: 20px;} .items-news {
position: relative;
display: block;
background-color: transparent;
border: 0;
margin-bottom: 30px;
overflow: hidden;
-webkit-transition: ease-in-out .3s;
-moz-transition: ease-in-out .3s;
-o-transition: ease-in-out .3s;
transition: ease-in-out .3s;
}
.items-news .entry-category { font-size: 12px;}
.items-news .entry-img { overflow: hidden;}
.items-news .entry-img img {
max-width: 100%;
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
transition: transform .4s;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
.items-news:hover .entry-img img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.items-news .entry-caption { position: relative; padding: 20px 0 20px 20px;}
.items-news .entry-caption:before {
content: "";
width: 3px;
height: 30px;
display: block;
position: absolute;
top: 25px;
left: 0;
background: rgb(231,77,27);
background: linear-gradient(180deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 40%, rgba(46,50,124,1) 63%, rgba(36,40,96,1) 89%);
}
.items-news .entry-caption h3 {
font-size: 16px;
color: #000;
margin-bottom: 10px;
line-height: 1.4;
text-decoration: none;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
}
.items-news .entry-date {
margin-bottom: 5px;
color: #bab9b9;
}
.container-news { position: relative;}
.hero-news { max-width: 1150px; margin: 0 auto 40px;}
.article-news {
position: relative;
max-width: 735px;
margin: 0 auto;
border-radius: 3px;
background-color: #FFF;
}
.article-news .header-news {
position: relative;
margin-bottom: 30px;
}
.article-news .header-news h1 {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 40px;
line-height: 1.2;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
text-transform: none;
}
.article-news .header-news .entry-category {
color: #999;
margin-bottom: 5px;
font-size: 14px;
text-transform: uppercase;
}
.article-news .header-news .entry-date { font-size: 11px;}
.article-news .action-button { margin-top: 30px; margin-bottom: 30px;}
.content-news { position: relative; color: #666; line-height: 1.6;}
.content-news h1,
.content-news h2,
.content-news h3 { margin: 10px 0;}
.content-news h1 { font-size: 35px;}
.content-news h2 { font-size: 25px;}
.content-news h3 { font-size: 20px;}
.content-news p { margin-bottom: 20px; line-height: 1.6;}
.content-news a { word-break: break-word; text-decoration: underline;}
.content-news strong, .content-news b {
font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333;
}
.content-news ul, .content-news ol  { margin:15px 0 0 35px;}
.content-news ul li { list-style: disc; margin-bottom:8px; line-height: 1.45;}
.content-news ol li { list-style-type: decimal; margin-bottom:8px; line-height: 1.45;}
.gallery-news { margin-top: 60px;}
.gallery-news .row-gallery { overflow: hidden; margin-left: -10px; margin-right: -10px;}
.gallery-news .col-gallery {
position: relative;
width: 20%;
float: left;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
column-gap: 30px;
-moz-column-fill: initial;
-webkit-column-fill: initial;
column-fill: initial;
}
.gallery-news .item-gallery {
position: relative;
width: 100%;
height: 100%;
min-height: 164px;
overflow: hidden;
float: left;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.gallery-news .item-gallery img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
max-width: inherit;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.gallery-news .total-gallery {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-family: 'bebasneue';
text-align: center;
font-size: 50px;
color: #FFF;
background-color: rgba(0, 0, 0, 0.75);
} .section-group-contact { padding-bottom: 80px;}
.map-container { width: 100%; height: 100%; }
.section-contactinfo .address-contact { padding-top: 5px; margin-bottom: 50px;}
.section-contactinfo .address-contact h3 { text-transform: uppercase; margin-bottom: 10px; font-size: 20px; color: #000; }
.section-contactinfo .group-info { font-size: 14px; margin-bottom: 30px;}
.section-contactinfo .group-info h4 {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 14px;
margin-bottom: 15px;
text-transform: uppercase;
}
.section-contactinfo .group-info p { line-height: 1.45; margin-bottom: 8px;}
.section-contactinfo .info-phone { position: relative; padding-left: 25px;}
.section-contactinfo .info-phone:before { position: absolute; left: 0;}
.info-contact .info-inline { display: inline-block; padding: 0 10px; }
.sc-map {
height: 550px;
overflow: hidden;
background-image: url(/assets/contact/img/map.jpg);
background-position: center;
background-repeat: no-repeat;
}
.sc-map a { display: block;}
.sc-map img { width: 100%;}
.visible-w767 { display: none;}
.bg-default,
.bg-transit { background-color: rgba(27, 41, 81, 0.95);}
.bg-building { background-color: rgba(229, 81, 30, 0.90);}
.bg-outdoor { background-color: rgba(38, 38, 38, 0.90);}
.bg-street { background-color: rgba(222, 31, 38, 0.90);}
.bg-airport { background-color: rgba(0, 0, 0, 0.89);}
.altimg {
width: 100%;
height: 60px;
padding: 10px 15px;
position: absolute;
left: 0;
bottom: 0;
color: #FFF;
z-index: 404;
font-family: 'Avenir LT Std';
font-style: italic;
font-size: 11px;
line-height: 70px;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.row-partners { text-align: center;}
.items-partners { display: inline-block; padding: 15px 25px;}
.items-partners img { -webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.items-partners:hover img {
opacity: 1;
-webkit-filter: grayscale(0); filter: grayscale(0);
}
.box-item { text-align: center; margin: 20px 0;}
.box-item .icon {
width: 50px;
font-size: 35px;
margin: 0 auto 25px;
display: block;
}
.box-item .amount {
position: relative;
font-family: 'Avenir LT Std 65';
font-size: 32px;
line-height: 1;
color: #000;
margin-bottom: 8px;
}
.box-item .amount.th,
.items-column .amount.th {
font-family: 'db_heaventmed';
}
.box-item .amount small {
width: 100%;
position: absolute;
top: -15px;
text-align: center;
font-size: 9px;
font-weight: bold;
display: block;
text-transform: uppercase;
margin-bottom: 4px;
}
.box-item .caption-item {
font-size: 12px;
text-transform: uppercase;
line-height: 1.2;
a {
text-decoration: underline;
}
}
.section-advertise .row-box { text-align: center;}
.section-advertise .box-inline {
position: relative;
display: inline-block;
vertical-align:bottom;
padding-left: 22px;
padding-right: 22px;
}
.section-advertise .ic {
display: block;
font-size: 20px;
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
text-decoration: none!important;
}
.section-advertise .box-inline.box-or {
font-family: 'Avenir LT Std 65';
font-size: 20px;
color: #000;
}
.section-advertise a.action-link {
font-family: 'Avenir LT Std';
font-size: 20px;
color: #000;
}
.section-advertise a.action-link span { text-decoration: underline;} .modal-popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:8000;
overflow-y: auto;
background: rgba(14, 14, 12, 0.75);
}
.modal-popup .container { position: relative;}
.modal-popup .content-vertical-center { padding: 35px 0;}
.modal-popup-active { height: 100vh; overflow: hidden;}
.modal-popup-center { height: 100vh; position: relative;}
.modal-popup-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.modal-close, a.modal-close {
width: 30px;
height: 30px;
line-height: 26px;
display: inline-block;
position: absolute;
top: -12px;
right: -12px;
z-index: 105;
font-size: 12px;
text-align:center;
color: #FFF;
border:2px solid #FFF;
text-decoration: none!important;
background-color: #000;
transition:ease 0.25s all;
border-radius: 50%;
}
.modal-close:hover { opacity: 1; color: #FFF;}
.modal-inner { height: 100%;}
.modal-content {
position: relative;
max-width: 1000px;
margin: 0 auto;
border-radius: 4px;
//    padding: 40px 30px 40px 30px;
background-color: #FFF;
}
.modal-content h3 { margin-bottom: 10px;}
.modal-content > a { text-decoration: underline;}
.modal-content p { margin-bottom: 15px;}
.modal-content-md {
max-width: 800px;
}
.modal-content-lg {
max-width: 1000px;
}
.imgblank { width: 100%;}
.section-white h1,
.section-white .heading-h1,
.section-white h2,
.section-white .heading-h2,
.section-white .section-heading .desc { color: #FFF;}
.section-white a.linktext { color: #FFF;}
.section-white .area-content { color: #FFF;}
.section-white a.button-outline,
.section-white .button-outline { border-color:#FFF; color: #FFF;}
.section-white .ic,
.section-white .box-inline.box-or,
.section-white a.action-link { color: #FFF;}
.section-white .amount,
.section-white a.linkmore, .section-white .linkmore,
.section-white .box-item .caption-item { color: #FFF;}
.lineend {
width: 100%;
height: 1px;
background-color: #eee;
display: block;
} .error404 { position: relative; width: 100%; height:100vh;}
.error404:after {
content: "";
display: block;
width: 100%;
position: absolute;
bottom: 0;
height: 5px;
background-color: #de1f26;
}
.error404 { text-align: center;}
.error404 .container { position: relative; height: 100%;}
.error404 .wrap-content { height: 100%; }
.error404 .wrap-content h1 { font-size: 55px; margin: 50px 0 10px;}
.error404 .wrap-content h2 { font-size: 30px; margin-bottom: 25px;}
.error404 .wrap-content p { margin-bottom: 50px; color: #666;}
.error404 .logo-vgi { width: 75px; text-align: center; margin: 0 auto 0px;} body.th {
font-size: 18px;
font-family: 'mn_chiangsaenlight', sans-serif;
}
.th p { line-height: 1.4;}
.th .box-item .amount { font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif; }
.th .box-item .caption-item { font-size: 18px;}
.th .section-contactinfo .group-info h4 { font-size: 16px;}
.th .share-all .txtshare { font-size: 16px;}
.th .box-item .amount small { font-size: 10px;}
.th .section-intro .box-content .intro-desc, .th  .section-intro .box-content .desc { font-size: 18px;}
.th a.linkmore, .th .linkmore { font-size: 16px;}
.th a.linkmore:after, .th .linkmore:after { font-size: 11px;}
.th a.button, .th .button { font-size: 17px;}
.th a.button-outline, .th .button-outline { font-size: 17px;}
.th .section-heading-h1 .desc { font-size: 17px;}