a.news-more-link {
display: none;
}
.news .news-title a:lang(en-gb), .news-short-content a:lang(en-gb) {
color: #fff!important;
font-size: 14px!important;
font-weight: bold;!important;
font-family: 'nexaLight'!important;
}
.news .news-title a:lang(th), .news-short-content a:lang(th) {
color: #fff!important;
font-size: 14px!important;
font-weight: normal;!important;
font-family: NotoSansThaiRegular!important;
}
.news-col-list .news-content {
margin-left: 0!important;
width: 100%!important;
}
.post-content-text {
width: 91.6%!important;
padding-left: 0;
padding-right: 0;
}
.news-short-content {
float:right;
padding-right: 0;
padding-left: 0;
font-weight: bold;
margin-bottom: 0!important;
}
.news-col-list .news-inner-wrap-view {
padding-bottom: 0!important;
border-bottom: none!important;
}
.news-col-list .news-inner-wrap-view:first-child {
border-top: 1px solid #FFF;
padding-top: 2px;
}
.news_pagination  {
padding-top: 0!important;
}
.news_pagination .button-news-g {
text-align: left!important;
}
.news_pagination .button-news-g a, 
.news_pagination .button-news-g a:hover, 
.news_pagination .button-news-g a:focus{
color:#FFF !important;
background: none!important;
text-align: left!important;
border:none!important;
text-transform: capitalize;
}
.news_pagination .page-numbers {
padding-top: 10px!important;
}
.news_pagination a.page-numbers, 
.news_pagination a.page-numbers:hover, 
.news_pagination a.page-numbers:focus{
color:#FFF !important;
background: none!important;
border:none!important;
text-transform: capitalize;
padding-left: 2px;
padding-right: 2px;
}
.grid-date-post , .news-title {
padding-left: 0;
padding-right: 0;
}
.button-news-g a {
padding-left: 0!important;
}
.news .news-title {
margin-bottom: 0!important;
}.news-clearfix:before, .news-clearfix:after{content: "";display: table;}
.news-clearfix::after{clear: both;}
.news-col-3, .news-col-4, .news-col-2{margin-bottom:30px;}
.news-col-3, .news-col-4, .news-col-2, .news-col-1, .news-col-list{-webkit-box-sizing: border-box; box-sizing: border-box; }
.news-col-1 .news-inner-wrap-view, .news-col-list .news-inner-wrap-view{ border-bottom:1px solid #d1d1d1; padding-bottom:20px; margin-bottom:20px;}
.news-col-list .wpnaw-news-no-image .news-content{margin:0; width:100%;}
.news-col-list .news-thumb{margin-bottom:0px}
.news .news-title{margin-top:0px !important; margin-bottom:10px !important;}
.news .news-title a{font-size:22px; line-height:26px; color:#555; text-decoration:none !important;}
.news-cat{margin-bottom:10px;}
.news-cat a, .grid-date-post a{color:#555;}
.news-content{float:left; width:100%; clear:both;}
.date-post{width: 11%;float: left;text-align: center;}
.date-post span{display: block;color: #222;font-size: 30px;margin: 0px 0px 2px;padding-bottom: 2px;border-bottom: 1px dotted #C0C0C0;}
.date-post h2{margin-bottom:5px !important; padding-bottom:0 !important; margin-top:0px !important; text-align:center;}
.date-post p{margin: 0px;text-transform: uppercase;color: #333; text-align:center !important}
.post-content-text{width:87%; margin-left:2%; float:left;}
.news-thumb{float:left; width:100%; margin-bottom:25px;}
.grid-date-post, .grid-date-post a{font-size:13px; margin-bottom:5px;}
.widget-date-post, .widget-date-post a{font-size:13px; margin-top:5px;}
.news-col-4{width:25%; float:left; padding:0 15px;}
.news-col-3{width:33%; float:left; padding:0 15px;}
.news-col-2{width:50%; float:left; padding:0 15px;}
.news-col-1, .news-col-list{width:100%; float:left; padding-left:15px; padding-right:15px;}
.grid-news-thumb{float: left; height: 200px;line-height: 0;  overflow: hidden;  position: relative;  width: 100%;background: #f1f1f1;  }
.grid-news-thumb img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center; border-radius:0px !important;}  
.news-col-1 .grid-news-thumb{height:400px;}
.news-col-2 .grid-news-thumb{height: 250px;}
.news-col-list .news-thumb{float:left; width:33%;}
.news-col-list .news-content{float:left;  margin-left:2% ; width:65%; clear:none; }.no-thumb.blog-col-0 .blog-content{ margin-left:0 ; width:100%; }
.news-col-list .news-content .post-content-text{margin-left:0px;} .news_li {clear: both !important; margin-bottom:8px !important; margin-top:8px !important; padding-bottom:10px !important; }
.news_li a.newspost-title, .widget .news_li a.newspost-title, #secondary .widget .news_li a.newspost-title{color:#555;}
.news_li p{padding-bottom:0px !important}
.news-col-3 .news-thumb, .news-col-2 .news-thumb, .news-col-4 .news-thumb{margin-bottom:10px;}
.news-col-3 .post-content-text, .news-col-2 .post-content-text, .news-col-4 .post-content-text{width:100%; margin:0px;}
.news-short-content{margin-bottom:10px;}
.wpnaw-first{clear: both;}
.recent-news-items .news_li{padding:10px 0 !important; clear:both;}  
.news_li{border-bottom:1px solid #ddd; margin:0 !important; list-style:none !important}
.newstickerthumb .news_li{float:left; width:100%;}
.news_thumb_left{display:table-cell; vertical-align:top; width:100px;  }
.news_thumb_left a{display:block; margin-right:10px;}
.news_thumb_left img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center; }
.news_thumb_right{display:table-cell; vertical-align:top; }
.recent-news-items{clear:both;}
.recent-news-items.no_p h6{margin:5px 0 !important;}
.recent-news-items p{font-size:13px !important; margin-bottom:10px !important} .news_pagination {width:100%; text-align:center; color:#666; clear:both;}
.news_pagination a {color: #fff !important; background: #666; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; border: 1px solid #666; text-decoration: none !important; -webkit-transition: all .3s ease; transition: all .3s ease; outline:0;}
.news_pagination .page-numbers.current {color: #666; background: transparent; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; text-transform: uppercase; border: 1px solid #666; text-decoration: none !important;}
.news_pagination a:hover, .news_pagination a:focus, .news_pagination a:visited:hover {color: #666 !important; background: #fff; outline:0;}
.news_pagination a.prev, .news_pagination a.next {min-width:90px;}
.news_pagination .button-news-p, .wpnw-prev-next .next{float:right;}
.news_pagination .button-news-n, .wpnw-prev-next .prev{float:left;}
.news_pagination .wpnw-pagi-btn a {min-width:90px;}
.news-col-1.has-no-date .post-content-text{margin-left:0px; width:100%;}
.news-more-link{padding:5px 15px; background:#555; color:#fff; border-radius:2px; display:inline-block; clear:both; text-decoration:none !important; -webkit-transition: all .3s;transition: all .3s;}
.news-more-link:hover{background:#f1f1f1; color:#555}
.widget ul li.news_li::before{content:none !important}
.type-news:last-child .news-inner-wrap-view{border:0px; padding:0px; margin:0px;} @media all and (max-width: 768px) {
.news-col-3, .news-col-4{width:50%;}
.news.wpnaw-first{clear: none !important;}
}
@media all and (max-width: 640px) {
.news-col-3, .news-col-2, .news-col-4{width:100%;}
.news-col-list .news-thumb{margin-bottom:15px;}
}
@media all and (max-width: 500px) {
.news-col-list .news-thumb{float:left; width:100%;}	
.news-col-list .news-content{float:left;  margin-left:0% ; width:100%; clear:both; }
.news-col-1 .grid-news-thumb{height:250px}
}
@media all and (max-width: 400px) {	
.news-col-1 .grid-news-thumb{height:200px}
}:where(.wpconsent-cookie-policy){margin:20px 0}:where(.wpconsent-cookie-policy .wpconsent-cookie-category-name){margin:32px 0 8px}:where(.wpconsent-cookie-policy .wpconsent-cookie-service-name){margin:24px 0 8px}:where(.wpconsent-cookie-policy .wpconsent-cookie-category-description),:where(.wpconsent-cookie-policy .wpconsent-cookie-service-description){margin:0 0 12px}:where(.wpconsent-cookie-policy-table){background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}:where(.wpconsent-cookie-policy-table td),:where(.wpconsent-cookie-policy-table th){border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}:where(.wpconsent-cookie-policy-table th){font-weight:700}:where(.wpconsent-cookie-policy-table tfoot th),:where(.wpconsent-cookie-policy-table thead th){font-size:1em}:where(.wpconsent-cookie-policy-table tbody>tr:nth-child(odd)>td),:where(.wpconsent-cookie-policy-table tbody>tr:nth-child(odd)>th){background-color:hsla(0,0%,50%,.071)}:where(.wpconsent-cookie-policy-table tbody tr:hover>td),:where(.wpconsent-cookie-policy-table tbody tr:hover>th){background-color:hsla(0,0%,50%,.102)}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:62.5%;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}  .wrapper {
max-width:1170px;
width:90%;
margin:0 auto;
position:relative;
} .header {
} .logo {
}
.logo-img {
} .nav {
} .sidebar {
} .footer {
}   @font-face {
font-family:'Font-Name';
src:url(//www.fnsplc.com/wp-content/themes/finansa/fonts/font-name.eot);
src:url(//www.fnsplc.com/wp-content/themes/finansa/fonts/font-name.eot?#iefix) format('embedded-opentype'),
url(//www.fnsplc.com/wp-content/themes/finansa/fonts/font-name.woff) format('woff'),
url(//www.fnsplc.com/wp-content/themes/finansa/fonts/font-name.ttf) format('truetype'),
url(//www.fnsplc.com/wp-content/themes/finansa/fonts/font-name.svg#font-name) format('svg');
font-weight:normal;
font-style:normal;
} @media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@400;600;700&display=swap");
* {
margin: 0;
padding: 0;
}
#gform_wrapper_1 {
display: block !important;
}
@font-face {
font-family: nexaBold;
src: url(//www.fnsplc.com/fonts/NexaBold.woff) format('woff');
}
@font-face {
font-family: nexaLight;
src: url(//www.fnsplc.com/fonts/NexaLight.woff) format('woff');
}
@font-face {
font-family: NotoSansThaiRegular;
src: url(//www.fnsplc.com/fonts/NotoSansThai-Regular.woff) format('woff');
}
@font-face {
font-family: NotoSansThaiBold;
src: url(//www.fnsplc.com/fonts/NotoSansThai-Bold.woff) format('woff');
} body {
margin: 0px;
font-family: 'Roboto', sans-serif !important;
font-size: 16px;
font-weight: 500 !important;
color: #141414 !important;
line-height: 30px;
}
body.page-template-template-news-php {
background-image: none;
background-repeat: none;
background-color: transparent;
}
body.page-template-template-news-php .wrapper {
width: 100%;
}
body.page-template-template-thai {
font-family: NotoSansThaiRegular, 'nexaLight';
unicode-range: U+0E00–U+0E7F;
font-weight: normal;
}
body.page-template-template-thai h1 {
font-family: 'Kanit', sans-serif;
font-weight: 400;
}
.container.top-menu {
width: 100%;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
padding-right: 0px;
background-color: #FFF;
}
header {
margin-bottom: -30px;
}
#circlebg { background-repeat: no-repeat;
background-position: top center;
background-position-y: 117px;
}
#menu {
text-align: center;
font-family: nexaBold;
font-size: 15px;
color: #28256A;
}
.lang-item {
display: inline;
}
.lang-item img {
width: 25px;
height: 15px;
margin-left: 4px !important;
vertical-align: middle;
}
.ul-flag {
float: left;
}
body.page-template-template-thai #menu {
font-family: NotoSansThaiBold;
}
#menu span {
margin: 10px;
font-size: 15px;
}
#footer {
font-family: nexaLight;
font-size: 17px;
}
#footer h3 {
font-family: nexaLight;
font-size: 28px;
line-height: 70px;
}
body.page-template-template-thai #footer,
body.page-template-template-thai #footer h3 {
font-family: NotoSansThaiRegular, 'nexaLight';
unicode-range: U+0E00–U+0E7F;
}
.fullwidth {
padding-left: 0px;
padding-right: 0px;
}
h1 {
font-family: nexaLight;
font-size: 42px;
text-align: center;
margin-top: 60px;
}
body.page-template-template-thai h1,
body.page-template-template-thai h2,
body.page-template-template-thai h3 {
font-family: 'Kanit', sans-serif;
font-weight: 400;
}
h2 {
font-size: 32px;
margin-top: 100px;
margin-bottom: 0px;
line-height: 45px;
}
h2.first {
margin-top: 50px;
}
h2.small-size {
font-size: 28px;
margin-top: 50px;
}
h2.no-top {
margin-top: 0px;
}
h2 a,
h2 a:hover {
color: inherit;
text-decoration: none;
}
.logo {
text-align: center;
margin-top: 5%;
}
.main-width {
width: 1170px;
margin-left: auto;
margin-right: auto;
}
.vc_separator {
margin-top: 10px;
}
.box-big {
width: 51%;
float: left;
padding: 15px 0px;
}
.box-big h2 {
margin-top: 0px;
margin-bottom: 15px;
}
.box-big hr {
margin: 30px 0px;
}
.box-small {
width: 49%;
float: left;
text-align: center;
padding-left: 60px; }
.more-gap {
margin-top: -40px;
padding-top: 0px;
line-height: 45px;
text-align: center;
}
.more-gap h2 {
margin-bottom: 10px;
}
.yellow-line {
background-color: #FFC907;
height: 40px;
}
.yellow-line {
background-color: #FFC907;
height: 40px;
}
.footer {
margin-top: 20px;
}
.footer-logo {
background-color: #A7A9AC;
padding: 65px 0px 55px 0px;
}
.footer-contact {
background-color: #a7a8af;
padding: 10px 0px 30px 0px;
height: 120px;
}
.footer-contact h3 {
line-height: 40px;
}
.footer-contact p {
line-height: 20px;
}
.footer-contact .first {
padding-left: 0px;
}
.gap-box {
padding-left: 60px;
margin-top: 25px;
}
.remove-line-space {
margin-top: 0px;
margin-bottom: 0px;
}
.board-img img {
max-width: 70%;
}
.board-img p {
line-height: 25px;
}
.lbl-tel {
margin-right: 14px;
}
.lbl-fax {
margin-right: 7px;
}
table td {
font-size: 14px;
}
.table.no-top {
border-top-style: hidden;
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
a,
a:hover,
a:focus { text-decoration: none;
}
body.page-template-template-thai table a,
body.page-template-template-thai table a:hover,
body.page-template-template-thai table a:focus,
body.page-template-template-thai .button-news-g a {
color: #FFF;
text-decoration: none;
font-family: NotoSansThaiBold, 'nexaBold';
unicode-range: U+0E00–U+0E7F;
}
#more1,
#more2 {
cursor: pointer;
padding-left: 40px;
}
.table-responsive {
border-style: none;
}
.first-quater,
.last-quater {
display: block;
}
.middle-quater {
width: 25%;
} .finansa-iframe {
height: 758px;
padding-left: 0px;
padding-right: 0px;
}
.finansa-iframe-th {
height: 774px;
padding-left: 0px;
padding-right: 0px;
}
iframe.no-scroll {
overflow: hidden;
} table.form-51 {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 45%;
}
.table.form-51>tbody>tr>td {
line-height: 20px;
}
.boldfont {
font-family: nexaBold;
}
.normalfont {
font-family: nexaLight !important;
}
body.page-template-template-thai .boldfont {
font-family: NotoSansThaiBold, 'nexaBold';
unicode-range: U+0E00–U+0E7F;
}
.table-center {
text-align: center;
padding-left: auto;
padding-right: auto;
}
.box-quarter {
width: 45%;
border: 1px solid #FFF;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box-quarter>tbody>tr>td {
padding: 47px 10px;
}
.box-max-width {
border: 1px solid #FFF;
text-align: center;
width: 100%;
}
.box-max-width>tbody>tr>td {
padding: 5px 25px;
}
.box-one-middle {
width: 35%;
border: 1px solid #FFF;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box-two-middle {
width: 70%;
border: 1px solid #FFF;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box-one-middle>tbody>tr>td,
.box-two-middle>tbody>tr>td {
padding: 5px 25px;
}
.annual_col {
width: 10%;
}
.finance_col {
width: 9%;
}
body.page-template-template-thai .annual_col {
width: 11.5%;
}
.lblyear {
padding-right: 25px;
}
.lblQuater {
padding-right: 4px;
}
.lblKey {
padding-right: 0px;
}
table tr.lblThHead td {
font-weight: bolder;
font-size: 16px !important;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.txtparagraph {
display: table-row;
}
#more {
cursor: pointer;
} .invest-box .vc_column-inner,
.invest-box .wpb_wrapper {
background-color: #FFF1D0;
color: #29266B;
padding-bottom: 15px;
}
hr.blue-separate {
border-color: #5472d2;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.merger .vc_column-inner>.wpb_wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
div.selected-tran {
background-color: #FFF;
border-bottom: 5px solid #29266B;
margin-bottom: 15px !important;
line-height: 25px;
min-height: 157px;
margin-left: 15px;
margin-right: 15px;
}
div.selected-tran div {
background-color: #29266B;
color: #FFF;
padding-top: 5px;
padding-bottom: 5px;
}
.bottom-10 {
margin-bottom: 10px;
}
.invest-box,
.award-box {
line-height: 20px;
font-size: 15px;
}
.award-box .vc_column-inner,
.award-box .wpb_wrapper {
background-color: #FFF1D0;
color: #29266B;
padding-left: 0px;
padding-right: 0px;
border: 1px solid #FFC907;
min-height: 282px;
}
.award-box.column-grid {
width: 25%;
display: inline-block;
}
.award-box .company-name {
padding-left: -15px;
padding-right: -15px;
background-color: #29266B;
color: #FFF;
}
.award-box .company-name div {
padding-top: 10px;
padding-bottom: 5px;
}
.award-box .company-image {
background-color: #FFF;
border-bottom: 5px solid #29266B;
margin-bottom: 10px;
border-top: 5px solid #29266B;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
.award-box .blue-line {
border-top: 5px solid #29266B;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
.award-name {
height: 70px;
}
.quater-mid {
margin-left: auto;
margin-right: auto;
}
.news_pagination .page-numbers.current {
font-size: 18px;
background: transparent;
border: none;
color: #fff;
}
.type-news:last-child .news-inner-wrap-view {
border-top: 1px solid #FFF !important;
}
.finansa-th-word {
display: block;
} .navbar-header {
display: none;
}
img.flag {
max-height: 15px;
vertical-align: text-top;
margin-top: -1px;
}
.navbar {
min-height: 55px;
margin-bottom: 0px;
}
#navbar {
font-size: 12px;
font-weight: bold;
font-family: nexaBold;
padding-top: 15px;
padding-bottom: 0px;
background-color: #FFF;
}
body.page-template-template-thai #navbar {
font-family: NotoSansThaiGeneral;
font-size: 15px;
font-weight: normal;
}
#navbar a {
color: #28256A;
}
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
ul.navbar-nav li::before {
content: "|";
color: #28256A;
padding: 0px;
font-family: nexaLight
}
ul.navbar-nav li.lang-item-th::before {
content: "";
color: #28256A;
padding: 0px;
font-family: nexaLight
}
body.page-template-template-thai ul.navbar-nav li::before {
font-family: NotoSansThaiRegular;
}
ul.dropdown-menu li::before {
content: "";
color: #28256A;
padding: 0px;
font-family: nexaLight
}
body.page-template-template-thai ul.dropdown-menu li::before {
font-family: NotoSansThaiRegular;
}
.dropdown-menu {
margin: 0px;
padding: 0px;
border: none;
margin-left: 2.25px;
font-size: 12px;
}
body.page-template-template-thai .dropdown-menu {
font-size: 14px;
}
.dropdown-menu>li {
height: 39px;
}
.dropdown-menu>li>a {
line-height: 40px;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
text-decoration: none;
}
.dropdown-toggle {
margin-left: -3px;
}
.navbar-toggle {
background-color: #ddd;
}
.navbar-toggle .icon-bar {
background-color: #FFF;
}
.navbar-nav li:hover a,
ul.navbar-nav li a.active {
background: #FFC907;
}
.navbar-nav li.lang-item:hover a {
background: #FFF !important;
}
.dropdown-menu li>a {
padding-left: 12.5px;
}
.dropdown-menu li:hover {
background: #D4A81B;
}
.dropdown-menu li:hover>a,
.dropdown-menu li .active {
background: #D4A81B;
height: 40px;
}
ul.dropdown-menu>li:nth-last-child(1) {
height: 40px !important;
}
ul.dropdown-menu>li:nth-last-child(1)>a {
line-height: 35px !important;
} ul.dropdown-menu>li.last-sub-small {
height: 38px !important;
}
ul.dropdown-menu>li.last-sub-small>a {
height: 38px !important;
}
@media (min-width: 768px) {
.nav>li>a {
display: inline-block;
padding: 10px 13.5px;
}
ul.nav li:hover>ul.dropdown-menu {
display: block;
}
#navbar {
text-align: center;
margin-bottom: 15px;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
#post-404 h1 {
margin-top: 240px;
}
#post-404 h2 {
margin-top: 20px;
}
}
@media only screen and (min-width: 1186px) and (max-width: 1231px) {
#navbar {
font-size: 11px;
}
.nav>li>a {
padding: 10px 11px;
}
.lang-item img {
margin-left: 11px;
}
.dropdown-menu {
margin-left: 2px !important;
}
}
@media only screen and (min-width: 982px) and (max-width: 1185px) {
#navbar {
font-size: 10px;
}
.nav>li>a {
display: inline-block;
padding: 10px 8px !important;
}
.lang-item img {
margin-left: 8px;
}
.dropdown-menu {
margin-left: 1.5px !important;
}
.first-quater,
.last-quater {
display: none;
}
.middle-quater {
width: 50%;
}
table.form-51,
.box-quarter {
width: 80%
}
.merger .vc_column-inner>.wpb_wrapper {
grid-gap: 15px;
}
.invest-box .wpb_wrapper {
min-height: 373px;
}
.award-box .wpb_wrapper {
min-height: 310px;
}
}
@media only screen and (min-width: 768px) and (max-width: 982px) {
#navbar {
font-size: 8.25px;
}
.nav>li>a {
display: inline-block;
padding: 6px 3px !important;
}
.lang-item img {
margin-left: 3.5px;
}
.dropdown-menu {
margin-left: 0.75px !important;
}
.first-quater,
.last-quater {
display: none;
}
.middle-quater {
width: 50%;
}
table.form-51,
.box-quarter {
width: 80%
}
.merger .vc_column-inner>.wpb_wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 45px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
.navbar-header {
display: block;
}
.navbar-brand {
padding-top: 3px !important;
z-index: 9999;
}
.navbar-nav {
display: inline;
width: 100%;
}
ul.navbar-nav li,
ul.navbar-nav li a {
width: 100%;
}
ul.navbar-nav li.lang-item,
ul.navbar-nav li.lang-item a {
display: inline;
}
ul.navbar-nav li::before {
content: "";
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: #FFC907;
}
.navbar-nav li:hover a,
ul.navbar-nav li a.active {
background: #FFC907;
}
.navbar-nav .open .dropdown-menu {
border-bottom: 1px solid white;
border-radius: 0;
}
.dropdown-menu {
padding-left: 10px;
}
.dropdown-menu .dropdown-menu {
padding-left: 20px;
}
.dropdown-menu .dropdown-menu .dropdown-menu {
padding-left: 30px;
}
li.dropdown.open {
border: 0px solid red;
}
.navbar-nav li:hover a,
ul.navbar-nav li.active a,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background: #FFF;
color: red;
}
.dropdown-toggle {
margin-left: 0px;
}
.col-sm-3 {
padding-left: 0px;
margin-bottom: 40px;
}
.box-big {
width: 100%;
padding-left: 25px !important;
padding-right: 20px !important;
}
.box-big .vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
.box-small {
width: 100%;
padding-left: 0px;
}
.box-one-middle,
.box-two-middle {
width: 100%;
}
.nav>li>a:focus,
.nav>li>a:hover {
background-color: #FFF;
}
.navbar-collapse {
padding-right: 0px;
}
.news-col-2.last {
padding: 0 0 20px 0;
}
.first-quater,
.last-quater {
display: none;
}
.middle-quater {
width: 100%;
} .scroll-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll; }
.scroll-wrapper iframe { }
.finansa-word {
display: block;
}
.merger .vc_column-inner>.wpb_wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 45px;
}
}
@media (max-width: 480px) {
.merger .vc_column-inner>.wpb_wrapper {
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
}  .gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
margin: 0 0 8px 0;
width: 24%;
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
width: 21%;
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
margin-right: 1%;
}
.gform_wrapper .top_label li.gfield.gf_first_quarter {
float: left;
clear: left !important;
}
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
float: left;
margin-left: 2%;
clear: none !important;
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
margin-left: 3%;
}
.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
width: 95%;
}
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gsection {
padding: 16px 0 8px 0;
}
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield {
clear: both;
}
.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer {
clear: both;
} @media only screen and (max-width: 550px),
only screen and (max-device-width: 550px) {
.gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
margin: 0 0 0 0 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}   .brand-logo-img {
width: 270px;
}
.job-position-list {
list-style-position: outside;
margin-bottom: 20px !important;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0 0 0 20px;
}
.pdf-link {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
color: #f92;
}
.pdf-link:hover {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
color: #f92;
text-decoration: underline;
}
.pdf-link>i {
font-size: 18px;
margin-right: 5px;
}
body .gform_wrapper ul li.gfield {
margin: 0;
padding: 0;
}
.gform_wrapper ul.gform_fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
font: normal 16px/1.2 'Lato', sans-serif;
color: #000;
} .gform_wrapper .gsection_title,
.gform_wrapper h2.gsection_title {
font-family: inherit;
font-weight: 600;
color: #FFC907;
flex: 0 0 100%;
line-height: 1.5;
padding: 7px 0 !important;
}
.gform_wrapper .gsection_title.lv2 {
font-weight: 500;
padding-left: 10px !important;
} .gform_wrapper .gsection_description {
font-family: inherit;
color: #ddd;
flex: 0 0 100%;
} .gform_wrapper .gfield_required {
font-family: inherit;
font-weight: 400;
color: #f00;
} body .gform_wrapper li.gfield {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.gform_wrapper li.gfield .gfield_label {
display: inline-block;
padding: 7px 10px;
float: left;
width: 44.5%;
}
.gform_wrapper li.gfield:not(.gfield_question)>.gfield_label:after {
content: ':';
display: inline;
}
.gform_wrapper li.gfield.column-right>.gfield_label {
text-align: right;
}
.gform_wrapper li.gfield.gfield-no-label>.gfield_label {
display: none;
}
.gform_wrapper li.gfield.label-shift-right>.gfield_label {
text-align: right;
}
.gform_wrapper li.gfield .ginput_container {
display: inline-block;
width: 55.5% !important;
margin: 0 !important;
padding: 0 !important;
outline: none;
}
.gform_wrapper li.gfield .ginput_container.ginput_container_date .datepicker {
width: 100% !important;
}
.gform_wrapper li.gfield .ginput_container.ginput_container_list {
width: 100% !important;
font-family: 'Lato', sans-serif;
}
.gform_wrapper table.gfield_list thead th {
color: #fff;
font-weight: 500;
}
.gform_wrapper li.gfield.gf_column_half,
.gform_wrapper li.gfield.gf_left_half,
.gform_wrapper li.gfield.gf_right_half {
flex: 0 0 50%;
max-width: 50%;
padding-right: 16px;
}
.gform_wrapper li.gfield.gf_column_half.shift-left {
margin-right: 50%;
}
.gform_wrapper li.gfield.gf_column_full {
flex: 0 0 100%;
max-width: 100%;
}
.gform_wrapper li.gfield.gf_column_full>label.gfield_label {
width: 22%;
}
.gform_wrapper li.gfield.gf_column_full>.ginput_container {
width: 78% !important;
}
.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third,
.gform_wrapper .top_label li.gfield.gf_right_third {
margin-bottom: 1px;
}
.gform_wrapper li.gfield.gf_middle_third>.gfield_label,
.gform_wrapper li.gfield.gf_right_third>.gfield_label {
text-align: right;
}
.gform_wrapper li.gfield.gsection {
flex: 0 0 100%;
flex-wrap: wrap;
max-width: 100%;
width: 100%;
margin-bottom: 10px !important;
} .gform_wrapper .ginput_container_radio ul.gfield_radio,
.gform_wrapper .ginput_container_checkbox ul.gfield_checkbox {
width: 100%;
margin: 0;
padding: 0;
outline: none;
}
.gform_wrapper .ginput_container_radio ul.gfield_radio li,
.gform_wrapper .ginput_container_checkbox ul.gfield_checkbox li {
margin: 0;
padding: 0;
display: inline-block;
float: left;
white-space: nowrap;
}
.gform_wrapper .ginput_container_radio ul.gfield_radio li label,
.gform_wrapper .ginput_container_checkbox ul.gfield_checkbox li label {
max-width: 100%;
padding-left: 5px;
}
.gform_wrapper .gf_list_inline .ginput_container_radio ul.gfield_radio li,
.gform_wrapper .gf_list_inline .ginput_container_checkbox ul.gfield_checkbox li {
display: inline-flex;
justify-content: flex-start;
align-items: center;
margin: 0;
height: 35px;
}
.gform_wrapper .gf_list_inline .ginput_container_radio ul.gfield_radio li:not(:last-child),
.gform_wrapper .gf_list_inline .ginput_container_checkbox ul.gfield_checkbox li:not(:last-child) {
margin-right: 5px;
} .gform_wrapper .gfield.no-sub-label .ginput_complex label {
display: none;
}
.gform_wrapper .gfield.gfield_groups .ginput_complex>span {
margin: 0;
padding: 0;
float: left;
} .gform_wrapper li.gfield.gf_column_full.children-list>label.gfield_label {
width: 78%;
float: right;
}
.gform_wrapper .gfield.children-list>.ginput_container {
float: right;
} .gform_wrapper .gfield.gf_address .gfield_label {
width: 100% !important;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span>label:after {
content: ":";
display: inline;
}
.gform_wrapper .gfield.gf_address .ginput_complex {
width: 100% !important;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_right>label {
text-align: right;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_full,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_left,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_right {
display: inline-flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_full {
width: 100%;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_left,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_right {
width: 50%;
}
.gform_wrapper .gfield.gf_address .ginput_complex .ginput_full,
.gform_wrapper .gfield.gf_address .ginput_complex .ginput_left,
.gform_wrapper .gfield.gf_address .ginput_complex .ginput_right {
min-height: 35px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_1>input,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_2>input {
flex: 0 0 78%;
max-width: 78%;
order: 1;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_1>label,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_2>label {
flex: 0 0 22%;
max-width: 22%;
order: 0;
padding: 0 10px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_city>input {
flex: 0 0 55.5%;
max-width: 55.5%;
order: 1;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_city>label {
flex: 0 0 44.5%;
max-width: 44.5%;
order: 0;
padding: 0 10px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_state>input {
flex: 0 0 55.5%;
max-width: 55.5%;
order: 1;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_state>label {
flex: 0 0 44.5%;
max-width: 44.5%;
order: 0;
padding: 0 10px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_zip>input {
flex: 0 0 55.5%;
max-width: 55.5%;
order: 1;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_zip>label {
flex: 0 0 44.5%;
max-width: 44.5%;
order: 0;
padding: 0 10px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_country>select {
flex: 0 0 55.5%;
max-width: 55.5%;
order: 1;
border: 1px solid #ccc;
background-color: #e7e7e7;
height: auto;
padding: 5px 8px;
font-weight: 400;
width: 100%;
margin-bottom: 0;
margin-top: 4px;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_country>label {
flex: 0 0 44.5%;
max-width: 44.5%;
order: 0;
padding: 0 10px;
}
.gform_wrapper .highlight-box {
background-color: rgba(255, 255, 255, 0.10);
}
.gform_wrapper .highlight-box.box-header {
padding-top: 10px;
}
.gform_wrapper .highlight-box.box-footer {
padding-bottom: 10px;
}
body .gform_wrapper ul li.gfield.mt10 {
margin-top: 10px !important;
}
body .gform_wrapper ul li.gfield.mb10 {
margin-bottom: 10px !important;
}
.gform_wrapper .box-white-1 {
background-color: rgba(255, 255, 255, 0.05);
}
.gform_wrapper .box-white-2 {
background-color: rgba(255, 255, 255, 0.10);
}
.gform_wrapper .box-white-3 {
background-color: rgba(255, 255, 255, 0.15);
} .gform_wrapper li.gfield.gfield_question>label.gfield_label {
width: 78% !important;
}
.gform_wrapper li.gfield.gfield_question>.ginput_container {
width: 22% !important;
} .gform_wrapper li.gfield.ref-contact {
margin-top: 20px;
}
.gform_wrapper li.gfield.ref-contact>label.gfield_label {
color: #FFC907 !important;
padding-left: 0;
} .gf_repeater_add .gf_repeater_add_custom,
.gf_repeater_remove .gf_repeater_remove_custom {
background-size: 1em 1em;
height: 1.2em;
width: 1.2em;
opacity: 0.75;
}
.gform_wrapper li.gfield.gf_experience {
padding-left: 6px;
margin-top: 10px;
} .gform_wrapper div.validation_error {
background-color: rgba(255, 255, 255, 0.25);
border: unset;
color: #790000;
font: normal 16px/1.2 'Lato', sans-serif;
font-weight: 400;
}
.gform_wrapper li.gfield.gf_address.gfield_error {
padding-right: 0;
}
.gform_wrapper li.gfield.gfield_error {
padding: 0 16px 0 0;
max-width: 100%;
border: 0;
background-color: transparent;
}
.gform_wrapper li.gfield.gfield_error .gfield_description.validation_message {
display: block;
width: 100%;
padding: 0;
color: #ff2a00;
font-weight: 400;
}
.gform_wrapper li.gfield.gf_column_half.gfield_error .gfield_description.validation_message {
display: block;
width: 55.5%;
margin: 0 0 0 44.5%;
padding: 0;
color: #ff2a00;
font-weight: 400;
}
.gform_wrapper li.gfield.gf_column_full.gfield_error .gfield_description.validation_message {
display: block;
width: 78%;
margin: 0 0 0 22%;
padding: 0;
color: #ff2a00;
font-weight: 400;
}
.gform_wrapper li.gfield.gf_address.gfield_error .gfield_description.validation_message {
display: block;
width: 78%;
margin: 0 0 0 22%;
padding: 0;
color: #ff2a00;
font-weight: 400;
} .gform_wrapper input:not([type=file]) {
font: normal 16px/1.2 'Lato', sans-serif;
font-weight: 400;
color: #000;
} .gform_wrapper .gfield_label,
.gform_wrapper label.gfield_label,
.gform_wrapper label {
color: #fff;
font-weight: 400;
margin: 0;
font-size: 16px;
} .ginput_container_fileupload input[type=file] {
color: #fff;
width: 100% !important;
}
.ginput_container_fileupload .screen-reader-text {
font-family: 'Lato', sans-serif;
font-size: 12px;
line-height: 2;
color: #999;
display: inline-block;
}
.ginput_container_text,
.ginput_container_date,
.ginput_container_number,
.ginput_container_phone,
.ginput_container_email {
margin: 0;
}
.ginput_container_text input,
.ginput_complex input,
.ginput_container_date input,
.ginput_container_number input,
.gfield_list_cell input,
.address_country select,
.ginput_container_phone input,
.ginput_container_email input {
height: 35px;
}
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;
}
.gform_wrapper input[type="text"] ::-webkit-input-placeholder,
.gform_wrapper input[type="text"] ::-moz-placeholder,
.gform_wrapper input[type="text"] :-ms-input-placeholder,
.gform_wrapper input[type="text"] :-moz-placeholder {
color: #999;
}
.gform_wrapper .gform_fields input[type="text"],
.gform_wrapper .gform_fields input[type="number"],
.gform_wrapper .gform_fields input[type="phone"],
.gform_wrapper .gform_fields input[type="email"],
.gform_wrapper .gform_fields input[type="tel"],
.gform_wrapper .gform_fields .ginput_container_select>select,
.gform_wrapper .gform_fields select.gfield_select {
border: 1px solid #ccc;
background-color: #e7e7e7;
height: auto;
padding: 5px 8px;
font-weight: 400;
width: 100%;
}
.gform_wrapper .gform_fields input[type="text"]:active,
.gform_wrapper .gform_fields input[type="text"]:focus,
.gform_wrapper .gform_fields input[type="number"]:active,
.gform_wrapper .gform_fields input[type="number"]:focus,
.gform_wrapper .gform_fields input[type="phone"]:active,
.gform_wrapper .gform_fields input[type="phone"]:focus,
.gform_wrapper .gform_fields input[type="email"]:active,
.gform_wrapper .gform_fields input[type="email"]:focus,
.gform_wrapper .gform_fields input[type="tel"]:active,
.gform_wrapper .gform_fields input[type="tel"]:focus {
background-color: #fff;
color: #000;
} .gform_wrapper li.gfield.gfield_captcha>label.gfield_label {
width: 100%;
}
.gform_wrapper li.gfield.gfield_captcha>.ginput_container {
width: 100%;
}
.gform_wrapper li.gfield.gfield_captcha .gfield_description {
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.25;
color: #999;
}
.gform_wrapper .gform_footer .gform_button {
display: block;
border: 1px solid #ccc;
border-radius: 2px;
background-color: #eee;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
color: #555;
padding: 10px 15px;
}
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_footer .gform_button:active {
background-color: #ddd;
box-shadow: 0.75px -0.7px 0 #000;
color: #000;
}
@media only screen and (min-width: 641px) {
.gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
}
}
@media only screen and (max-width: 760px) {
.gform_wrapper li.gfield.gf_column_half,
.gform_wrapper li.gfield.gf_left_half,
.gform_wrapper li.gfield.gf_right_half {
flex: unset;
max-width: 100%;
padding-right: 0;
}
.gform_wrapper li.gfield.column-right>.gfield_label {
text-align: left;
}
.gform_wrapper li.gfield .gfield_label {
width: 100%;
padding: 7px 0;
}
.gform_wrapper li.gfield .ginput_container {
width: 100% !important;
}
.gform_wrapper li.gfield.gf_column_full>label.gfield_label {
width: 100%;
}
.gform_wrapper li.gfield.gf_column_full>.ginput_container {
width: 100% !important;
}
.gform_wrapper .gf_list_inline .ginput_container_radio ul.gfield_radio li,
.gform_wrapper .gf_list_inline .ginput_container_checkbox ul.gfield_checkbox li {
width: 100%;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle {
width: 100%;
}
.gform_wrapper li.gfield.label-shift-right>.gfield_label {
text-align: left;
}
.gform_wrapper li.gfield.gfield_question>label.gfield_label {
width: 100% !important;
}
.gform_wrapper li.gfield.gf_column_half.shift-left {
margin-right: 0;
}
.gform_wrapper .gfield_list td.gfield_list_cell input[type=text] {
width: 100% !important;
}
.gform_wrapper table.gfield_list td.gfield_list_cell {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
order: 0;
}
.gform_wrapper .gfield_list .gfield_list_group td.gfield_list_cell input[type=text] {
order: 1;
width: 100% !important;
}
.gform_wrapper .gfield_question {
margin-bottom: 10px !important;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_1>label,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_2>label {
flex: unset;
max-width: 100%;
padding: 7px 0;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_1>input,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_line_2>input {
flex: unset;
max-width: 100%;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_full,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_left,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_right {
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_left,
.gform_wrapper .gfield.gf_address .ginput_complex>span.ginput_right {
width: 100%;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_city>input,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_state>input,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_zip>input,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_country>select {
flex: unset;
max-width: 100%;
}
.gform_wrapper .gfield.gf_address .ginput_complex>.address_city>label,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_state>label,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_zip>label,
.gform_wrapper .gfield.gf_address .ginput_complex>.address_country>label {
flex: unset;
max-width: 100%;
padding: 7px 0;
}
.gform_wrapper table.gfield_list td {
margin: 0;
}
#field_1_19,
#field_1_222 {
margin-top: 10px;
}
.gform_wrapper li.gfield.gf_column_half.gfield_error .gfield_description.validation_message,
.gform_wrapper li.gfield.gf_column_full.gfield_error .gfield_description.validation_message,
.gform_wrapper li.gfield.gf_address.gfield_error .gfield_description.validation_message {
width: 100%;
margin: 0;
}
.gform_wrapper li.gfield.gf_middle_third>.gfield_label,
.gform_wrapper li.gfield.gf_right_third>.gfield_label {
text-align: left;
}
}
@media only screen and (max-width: 761px),
(max-device-width: 1023px) and (min-device-width: 768px) {
.gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield {
margin-top: 0;
}
.gform_wrapper table.gfield_list tr.gfield_list_row_odd,
.gform_wrapper table.gfield_list tr.gfield_list_row_even {
margin: 10px 0 0 0;
border: none;
background: transparent;
}
.gform_wrapper table.gfield_list tr.gfield_list_row_odd:first-child,
.gform_wrapper table.gfield_list tr.gfield_list_row_even:first-child {
padding-top: 0;
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
background-color: transparent;
}
.gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before,
.gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
display: inline-block;
float: left;
color: #fff;
font-size: 16px;
width: 22%;
margin: 0;
line-height: 30px;
}
.gform_wrapper .gfield_list td.gfield_list_cell input[type=text] {
width: 78% !important;
margin: 0;
}
.gform_wrapper table.gfield_list td:first-child {
padding: 4px 0 0;
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.add_list_item,
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.delete_list_item {
margin: 0 !important;
}
body .ginput_container_list.ginput_list table.gfield_list tbody tr td.gfield_list_icons img.add_list_item,
body .ginput_container_list.ginput_list table.gfield_list tbody tr td.gfield_list_icons img.delete_list_item {
width: 1.2em !important;
height: 1.2em !important;
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
padding-left: 10px !important;
}
}
@media only screen and (max-width: 641px) {
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
}
}
.page-id-635 div.wpgdprc-consent-bar {
display: none;
} html[lang=th] div.wpgdprc-consent-bar,
html[lang=th] #cookie-law-info-bar {
display: none !important;
}
.ui-datepicker td a,
.ui-datepicker td span,
.ui-datepicker-title select {
color: #666 !important;
} @media(min-width: 761px) {
#gform_fields_1,
#gform_fields_2 {
display: flex;
}
}
#gform_fields_1 select,
#gform_fields_1 input[type='text'],
#gform_fields_2 select,
#gform_fields_2 input[type='text'] {
width: 100% !important;
}
@media(max-width: 760px) {
.gfield_list_icons {
display: flex !important;
}
.gfield_list_icons>a {
margin: 0 2px;
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
background-color: transparent !important;
}
} .footer-contact .cer-pic>img {
width: 100px;
margin-right: 10.5%;
}
.footer-contact .cer-pic {
margin-top: 0px;
}
.col-sm-2-5 {
width: 20%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media(max-width: 1024px) {
.col-sm-2-5 {
width: 30%;
margin-bottom: 30px;
}
}
@media(max-width: 768px) {
.col-sm-2-5 {
width: 50%;
}
}
@media(max-width: 480px) {
.col-sm-2-5 {
width: 100%;
}
}  .navbar-header-02 {
font-family: 'Roboto', sans-serif;
display: flex;
flex-direction: column; width: 50%;
max-width: 50%; z-index: 999;
position: absolute;
top: 0;
right: 0;
padding: 16px 28px;
}
.hamberger-menu {
visibility: hidden;
text-align: right;
} .menu-icon {
width: 30px;
cursor: pointer;
font-size: 26px;
margin: 0;
}
.navbar-container {
display: flex;
justify-content: space-between;
}
.navbar-container .right-menu ul.ul-flag {
margin: 0;
}
.navbar-container .left-menu ul a {
font-family: 'Lato', sans-serif;
color: #141414;
}
.navbar-container .left-menu ul {
display: flex;
flex-direction: column;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
.navbar-container .right-menu .hamberger-menu-rigth {
text-align: right;
}
.navbar-container span.language-title {
font-weight: 600;
} footer {
background-color: #fff;
padding-top: 20px;
}
.footer-menu {
display: flex;
text-align: center;
justify-content: center;
gap: 30px;
background-color: #a7a8af;
padding-bottom: 20px;
}
.footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-menu li {
display: inline-block;
margin-right: 20px;
}
.footer-menu li:last-child {
margin-right: 0;
}
.footer-menu a {
text-decoration: none;
}
.footer-menu a:hover {
text-decoration: underline;
}
.footer-menu li, .footer-menu li a {
color: #fff!important;
}
.logo-footer {
text-align: right;
padding: 64px 28px;
}
.logo-footer img {
width: 34%;
}
.footer-menu ul li,
.footer-menu ul li a {
font-family: 'Roboto', sans-serif;
color: #b5b5b5;
font-weight: 500 !important;
letter-spacing: 1px;
} @media screen and (min-width: 1024px) {
.home .container.top-menu {
position: absolute !important;
background-color: none !important;
}
} @media screen and (min-width: 768px) and (max-width: 1023px) { .logo-footer img {
width: 40%;
}
} @media screen and (max-width: 767px) { .navbar-header-02 nav.navbar-container {
display: none !important;
} .logo-footer {
text-align: center;
}
.logo-footer img {
width: 80% !important;
}
} @media screen and (max-width: 480px) {
.footer-menu {
flex-direction: column-reverse;
gap: 0;
}
.footer-menu ul li {
text-transform: uppercase;
font-size: 14px;
}
.footer-contact .cer-pic>img {
margin-right: 0;
}
.footer-contact .col-sm-12 {
text-align: center!important;
}
}   :root {
--primary-color: #0d1349;
--secondary-color: #383d69;
--text-color-base: #0D1349;
--text-color-white-: #ffffff;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
}
@media screen and (min-width: 480px) {
body {
font-size: 18px;
}
}
@media screen and (min-width: 768px) {
body {
font-size: 20px;
}
} .menu-list li a {
color: #141414;
text-decoration: none;
position: relative;
transition: color 0.3s;
}
.menu-list a.menu-active {
color: var(--primary-color);
font-weight: 800;
}
.menu-list li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-color);
transform: scaleX(0);
transition: transform 0.3s;
}
.menu-list li a.menu-active::after {
transform: scaleX(1);
}
#navbar {
visibility: hidden !important;
}
ul.ul-flag.pd-left {
padding-left: 12px;
}
ul.ul-flag.pd-left li:first-child {
margin-right: 6px;
}
#read-more {
cursor: pointer;
} .topic-heading {
font-size: 2em;
font-weight: 600;
letter-spacing: 3px;
color: #fff;
background-color: var(--primary-color);
padding: 6rem;
text-transform: uppercase;
max-width: 80%;
margin: 0 auto;
}
.topic-heading.with-border {
color: var(--primary-color);
background-color: #fff;
border: 5rem solid var(--primary-color);
padding: 4rem;
max-width: 100%;
margin: inherit;
}
.topic-plain {
font-size: 2em;
font-weight: 600;
text-transform: uppercase;
max-width: 80%;
margin: 0 auto;
color: var(--primary-color);
}
.topic-plain-black {
font-size: 2em;
font-weight: 600;
text-transform: uppercase;
color: #141414;
}
.topic-plain-left {
font-size: 2em;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color);
}
.text-block p {
max-width: 80%;
margin: 0 auto;
}
.navbar-header-02 .navbar-container a,
.navbar-header-02 .language-title {
font-size: 16px;
font-weight: 600;
}
body.page-template-template-thai table a {
color: var(--primary-color) !important;
} tbody {
color: #0D1349;
}
.table>tbody>tr>td {
padding: 24px 12px;
border-top: 1px solid #0D1349 !important;
width: 12%;
}
.width-65 {
width: 65% !important;
}
.width-50 {
width: 50% !important;
}
.width-30 {
width: 30% !important;
}
.width-28 {
width: 28% !important;
}
.width-10 {
width: 10% !important;
}
.width-2 {
width: 2% !important;
}
.width-0 {
width: 0% !important;
} .mb-only {
display: inline;
}
.dt-only {
display: inline;
}
.download-here {
color: #141414;
font-weight: 700;
border: 2rem solid var(--primary-color);
padding: 1rem 2rem;
text-transform: uppercase;
}
.grey-bg-color {
background-color: #cfd0db;
height: 100px;
width: 163% !important;
margin-left: -368px !important;
padding: 0 110px;
}
@media screen and (min-width: 480px) {
.mb-only {
display: none;
}
}
@media screen and (max-width: 480px) {
.vc_column_container>.vc_column-inner {
padding: 0 !important;
}
.vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
} :root {
--primary-color: #0d1349;
--secondary-color: #383d69;
--text-color-base: #0D1349;
--text-color-white-: #ffffff;
}
.chart-img {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.profile-item:hover {
cursor: pointer;
}
.profile-item:hover p {
color: #ffc907;
cursor: pointer;
}
a[data-toggle="modal"] {
transition: 200ms background-color ease-out, 200ms color ease-out, 200ms padding ease-out, 400ms background-position;
}
a[data-toggle="modal"]:hover {
color: #ffc907;
}
.profile-modal .modal-header {
padding: 10px;
}
.profile-modal .modal-title {
text-align: center;
background-image: -webkit-gradient(linear, 0% 0%, 85% 100%, from(#3C356F), to(#252261));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.profile-modal {
font-family: Roboto, Arial, tahoma, sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.42;
}
.profile-modal h1,
.profile-modal h2,
.profile-modal h3 {
font-family: Roboto, Arial, tahoma, sans-serif;
margin: 0;
}
.stack-list {
list-style-type: disc;
list-style-position: outside;
padding-left: 15px;
}
.personal-info .profile-image>img {
display: block;
width: 100px;
height: 100px;
max-width: 100%;
border: 1px solid #ccc;
padding: 3px;
background-color: #fcfcfc;
}
.personal-info .age:before {
content: attr(data-prefix);
padding-right: 5px;
}
.education-info {
margin-top: 15px;
}
.experience-timeline {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: nowrap;
flex-direction: column;
}
.experience-timeline .item,
.experience-timeline .section-title {
display: inline-flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
}
.experience-timeline .section-title {
align-self: flex-start;
align-items: center;
}
.experience-timeline .item {
align-items: flex-start;
}
.experience-timeline .item .year {
flex: 0 0 30%;
max-width: 30%;
}
.experience-timeline .item .desc {
flex: 0 0 70%;
max-width: 70%;
}
.title-detail {
font-family: Roboto, Arial, tahoma, sans-serif;
}
.section-title {
font-family: Roboto, Arial, tahoma, sans-serif;
}
@media (max-width: 480px) {
.profile-modal .modal-title {
font-size: 22px;
font-weight: 600;
line-height: 1.42857143;
}
.modal-header .close {
line-height: calc(22px * 1.42857143);
}
.title-detail {
font-size: 16px;
font-weight: 600;
}
.section-title {
font-size: 14px;
font-weight: 600;
}
.personal-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
flex-direction: column;
}
.personal-info .name {
font-size: 16px;
font-weight: 600;
}
}
@media (max-width: 767px) {
html[lang="th"] .director-view-btn {
font-family: 'NotoSansThaiRegular', sans-serif;
}
.director-view-btn {
display: block;
margin: 0 auto;
border: 1px solid #FFC907;
background: #FFC907;
padding: 5px 10px;
font-family: Roboto, Arial, tahoma, sans-serif;
font-weight: 400;
font-size: 12px;
color: #000;
}
.profile-item {
margin-bottom: 20px;
}
.profile-modal .modal-title {
font-size: 22px;
font-weight: 600;
line-height: 1.42857143;
}
.profile-modal .modal-footer {
text-align: center;
}
.profile-modal .modal-footer button {
display: block;
margin: 0 auto;
float: none;
}
.modal-header .close {
line-height: calc(22px * 1.42857143);
}
.personal-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
flex-direction: column;
}
.personal-info .profile-image {
flex: unset;
width: 100%;
max-width: 100%;
}
.personal-info .detail {
flex: unset;
width: 100%;
max-width: 100%;
}
.modal-open .modal {
padding-left: 0 !important;
}
.experience-timeline .item {
border-bottom: 1px solid #ccc;
}
}
@media (min-width: 1200px) {
.profile-modal .container {
width: 100%;
}
}
@media (min-width: 992px) {
.profile-modal .container {
width: 100%;
}
}
@media (min-width: 768px) {
.director-view-btn {
display: none;
}
.profile-modal .container {
width: 100%
}
.profile-modal .modal-dialog {
width: 650px;
margin: 30px auto;
}
.profile-modal .modal-title {
font-size: 30px;
font-weight: 600;
line-height: 1.42857143;
}
.modal-header .close {
line-height: calc(30px * 1.42857143);
}
.personal-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.personal-info .profile-image {
flex: 0 0 20%;
max-width: 20%;
}
.personal-info .detail {
flex: 0 0 80%;
max-width: 80%;
}
.personal-info .name {
font-family: inherit;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.personal-info .position {
font-family: inherit;
font-size: 14px;
line-height: 1.2;
white-space: pre-wrap;
word-wrap: break-word;
}
.personal-info .age {
font-family: inherit;
font-size: 14px;
line-height: 1.2;
}
.title-detail {
font-family: Roboto, Arial, tahoma, sans-serif;
font-size: 18px;
font-weight: 600;
}
.section-title {
font-family: Roboto, Arial, tahoma, sans-serif;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}
} .navbar-container .right-menu {
display: flex !important;
}
.navbar-container .right-menu ul.ul-flag {
display: flex;
flex-direction: row-reverse;
} h2.topic-section {
color: #0D1349;
font-size: 34px;
font-weight: 600;
letter-spacing: 3px;
}
.topic-border {
padding: 34px 0;
border: 30px solid #0D1349;
}
.topic-color-fill {
padding: 64px 0;
background-color: #0D1349;
color: #f5f5f5;
margin-right: 100px;
margin-left: 100px;
} .home .f-logo-desktop img.vc_single_image-img.attachment-full { width: 1390px;
}
.home .f-logo-mobile {
display: none;
}  .the-company .row-company {
position: relative;
}
.the-company .blue-box {
height: 250px;
width: 280px;
background-color: #0D1349;
transform: translate(-132%, -50%);
}  .the-company .row-history {
background-color: #b1b0b3;
background: url(//www.fnsplc.com/wp-content/uploads/N_Letter.png);
background-position-y: 8%;
background-position-x: 7%;
background-repeat: no-repeat;
background-size: 150%;
}
.container-cgs {
display: flex;
flex-direction: column;
}
.row {
width: 100%;
}
.row-inner {
display: flex;
}
.container-cgs .row:nth-child(2) {
width: 100%;
display: flex;
margin-bottom: 20px;
}
.container-cgs .row:nth-child(2) .column:first-child {
padding-top: 24px;
}
.container-cgs .row:first-child .column {
text-align: center
}
.container-cgs .row:first-child .column img.f-logo-type-2-mobile {
width: 50%;
}
.container-cgs .row:last-child .column:first-child .row-inner:nth-child(3) .box-left {
border-top: none;
}
.column {
flex-basis: 50%;
padding: 10px;  }
.box-left,
.box-right {
height: 320px;
flex-basis: 50%; }
.box-right {
text-align: right;
}
.top-border-line {
border-top: 1px solid #141414;
}
.top-left-border-line {
border-top: 1px solid #141414;
border-left: 1px solid #141414;
}
.top-left-bottom-border-line {
border-top: 1px solid #141414;
border-left: 1px solid #141414;
border-bottom: 1px solid #141414;
}
.column p {
margin-bottom: 0;
}
.cgs-description ul {
padding-left: 18px;
}
.cgs-description {
padding-left: 30px; height: 320px;
}
.the-company .wrapper {
width: 100%;
}
.the-company .row-history {
position: relative;
z-index: 4;
}
.border-only-right {
border-right: 1px solid #141414;
border-top: none !important;
border-left: none !important;
} .the-company .board-ground {
background-color: #b1b0b3;
background: url(//www.fnsplc.com/wp-content/uploads/S_Letter_02.png);
background-position-y: -36%;
background-position-x: 35%;
background-repeat: no-repeat;
background-size: 186%;
}
.director-view-btn {
display: none;
} .page-template-template-thai .major-shareholders {
background: url(//www.fnsplc.com/wp-content/uploads/N_Letter_02.png);
background-position-y: -112% !important;
background-position-x: 7% !important;
background-repeat: no-repeat;
background-size: 100%;
}
.the-company .major-shareholders {
background: url(//www.fnsplc.com/wp-content/uploads/N_Letter_02.png);
background-position-y: -242%;
background-position-x: 7%;
background-repeat: no-repeat;
background-size: 100%;
}
.the-company .major-shareholders.vc_custom_1685693895050.vc_row-has-fill {
margin-bottom: 0 !important;
}   .investor-relations .blue-box {
height: 250px;
width: 280px;
background-color: #0D1349;
transform: translate(-138%, -50%);
}
.investor-relations .button-row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 14px;
background-color: #ececf1;
padding: 20px 20px;
max-width: 80%;
margin: 0 auto;
justify-content: space-evenly;
justify-items: center;
align-content: space-evenly;
align-items: center;
}
.investor-relations .button-row a {
text-decoration: none;
cursor: pointer;
}
.investor-relations .button-row button {
padding: 16px 44px;
background-color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
color: #333;
border: 1px solid var(--primary-color)
}
.investor-relations .button-row button:hover {
background-color: #ddd;
}
.investor-relations .group-content {
background: url(//www.fnsplc.com/wp-content/uploads/s.png);
background-position-y: -30%;
background-position-x: 36%;
background-repeat: no-repeat;
background-size: 300%;
}
.investor-relations .button-column {
display: grid;
background-color: #ececf1;
padding: 20px 20px;
max-width: 80%;
margin: 0 auto;
gap: 26px;
}
.investor-relations .button-column a {
text-decoration: none;
cursor: pointer;
}
.investor-relations .button-column button {
padding: 16px 44px;
background-color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
color: #333;
border: 1px solid var(--primary-color);
width: 100%;
}
.investor-relations .button-column button:hover {
background-color: #ddd;
}
.investor-relations .fitch-logo-container {
background-color: #fff;
} .privacy-policy .light-paragraph {
font-weight: 400;
}
.privacy-policy .ul-indent {
margin-left: 20px;
} .sitemap {
display: flex;
justify-content: space-between;
gap: 20px;  }
.sitemap .site-map-column {
width: 100%;
}
.sitemap .site-map-column ul {
list-style-type: none;
padding: 0;
}
.sitemap .site-map-column ul a {
text-decoration: underline;
color: #66a8ff;
font-weight: 400;
} .news-col-list .wpnaw-news-no-image .news-content {
display: flex;
align-items: center;
}
.news .news-title a:lang(en-gb),
.news-short-content a:lang(en-gb),
.news .news-title a:lang(th),
.news-short-content a:lang(th),
.news_pagination a.page-numbers {
color: var(--primary-color) !important;
}
.news-content {
border-top: 1px solid var(--primary-color);
padding: 12px 0;
}
.news-content .grid-date-post {
font-weight: 800;
color: var(--primary-color) !important;
}  @media screen and (min-width: 1550px) {
.banner-text-rigth {
margin-top: 38.5% !important;
margin-left: 48% !important;
}
.banner-text-left {
margin-top: 22% !important;
margin-left: 1% !important;
}
}
@media screen and (min-width: 1390px) { .f-logo-desktop,
.banner-content-group-01,
.banner-content-group-02 {
display: none;
}
.banner-content-group-01 .dt-only,
.banner-content-group-02 .dt-only {
display: inline !important;
}
.banner-text {
display: block !important;
}
.banner-text p {
line-height: 20px;
}
.banner-text-rigth {
margin-top: 25.5%;
margin-left: 50%;
}
.banner-text-left {
margin-top: 18%;
margin-left: 12%;
}
}
@media screen and (min-width: 1180px) {
.banner-text {
display: none;
}
.container.top-menu {
background-color: transparent;
}
.f-logo-desktop {
visibility: hidden;
}
body.home::before {
content: "";
background-image: url(//www.fnsplc.com/wp-content/uploads/FNS_Logo_Desktop.png);
height: 156%;
width: 76%;
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}    .the-company .row-history,
.the-company .board-ground,
.the-company .major-shareholders {
width: 163% !important;
margin-left: -368px !important;
padding: 0 110px;
} .banner-content-group-01 {
margin-top: 60px;
}
.banner-content-group-01,
.banner-content-group-02 {
width: 50%;
}
.banner-content-group-01 {
margin-top: 50px;
}
.banner-content-group-01 .dt-only,
.banner-content-group-02 .dt-only {
display: none;
}     .container-cgs {
display: flex;
flex-direction: row;
width: 74%;
margin: 0 auto;
}
.row {
width: 40%;
}
.the-company .row-history .topic-heading,
.the-company .row-history .text-block p {
width: 48%;
}
.the-company .board-title,
.the-company .three-people,
.the-company .major-shareholders-title,
.the-company .major-shareholders-table,
.investor-relations .investor-relations-table {
width: 74%;
margin: 0 auto !important;
}
.major-shareholders .seperate-line {
width: 72%;
}
.the-company .board-ground .two-people {
display: flex;
justify-content: center;
margin-bottom: 4%;
}
.the-company .board-ground .board-title,
.the-company .board-ground .three-people {
margin-bottom: 4%;
}
.the-company .board-ground .board-title {
margin-top: 7%;
} .content-w50-right {
margin-right: 0 !important;
margin-left: auto !important;
} #more {
display: none;
}
.the-company .f-logo-type-2-mobile {
display: none;
}
.container-cgs .row:last-child .column:first-child .row-inner:nth-child(3) .box-left {
border-top: 1px solid #141414;
}
.row-not-desktop {
display: none;
}
.content-w50-right,
.content-w50-left {
max-width: 50%;
margin-bottom: 12%;
} .investor-relations .group-content {
width: 163% !important;
margin-left: -368px !important;
padding: 0 110px;
}
} @media screen and (min-width: 768px) and (max-width: 1180px) {
.banner-text {
display: none;
}  .navbar-container .right-menu ul.ul-flag {
display: flex;
flex-direction: column;
align-items: end;
}
ul.ul-flag span.language-title {
display: none;
} .home .f-letter-banner {
width: 84%;
margin-left: -12% !important;
}
.home .f-letter-banner .banner-content-group-01,
.home .f-letter-banner .banner-content-group-02 {
max-width: 78%;
margin: 0 auto;
margin-top: 16px;
}
.container.top-menu {
height: 60px;
}
.dt-only {
display: none;
} .current-investements .ci-row-01 {
transform: translateX(6%) !important;
}
.current-investements .ci-row-05 {
transform: translate(6%, -139%) !important;
}
.current-investements .ci-row-03 {
transform: translate(36%, 8%) !important;
} .past-investements .pi-row-02 {
transform: translate(63%, -26%) !important;
}  .group-content.vc_custom_1685592661527.vc_row-has-fill {
width: 100vw;
margin: 0 auto;
margin-left: -11%;
}
.page-template-template-thai .group-content {
width: 120% !important;
padding: 0 !important;
margin-left: -11% !important;
background-size: 288% !important;
}
.page-template-template-thai .thai-text-width {
max-width: 70%;
margin: 0 auto;
} .container.finansa-iframe.scroll-wrapper {
width: 90% !important;
} .content-w50-right {
margin-right: 0 !important;
margin-left: auto !important;
}
.wrapper {
width: 84%;
} .table-responsive {
padding: 0 84px; }  .the-company h2.topic-heading.with-border {
max-width: 86%;
margin: 0 auto;
}
.the-company .container-cgs {
max-width: 90%;
margin: 0 auto;
}
.the-company .two-people {
display: flex;
justify-content: center;
}
.the-company .three-people {
max-width: 90%;
margin: 0 auto;
}
#more {
width: 80%;
margin: 0 auto;
}
.the-company .f-logo-type-2-desktop {
display: none;
}
.container-cgs .row:first-child .column img.f-logo-type-2-mobile {
width: 25%;
}
.box-left {
flex-basis: 25%;
}
.box-right {
flex-basis: 50%;
}
.major-shareholders .vc_empty_space:not(.vc_empty_space:first-child, .vc_empty_space:nth-child(2)) {
display: none;
}
.the-company .major-shareholders {
background-position-y: 418%;
}
.container-cgs .row:last-child .column .row-inner:first-child,
.container-cgs .row:last-child .column .cgs-description:first-child {
height: 5%;
}
.container-cgs .row:last-child .column .row-inner:nth-child(2),
.container-cgs .row:last-child .column .cgs-description:nth-child(2) {
height: 11% !important;
}
.container-cgs .row:last-child .column:first-child .row-inner:first-child .box-right {
height: 113px;
}
.container-cgs .row:last-child .column:first-child .row-inner:first-child .box-right,
.container-cgs .row:last-child .column:first-child .row-inner:nth-child(2) .box-right {
flex-basis: 75%;
}
.container-cgs .cgs-description {
padding-left: 0;
}
.content-w50-right,
.content-w50-left {
width: 50%;
margin-bottom: 12%;
}
.content-w50-left {
padding-left: 24px;
}
.page-template-template-thai .download-here {
border: none;
padding: 0;
}
.page-template-template-thai .thai-download-button p {
border: 2rem solid var(--primary-color);
padding: 1rem 2rem;
}
.investor-relations .graph-images {
max-width: 90%;
margin: 0 auto;
}
.investor-relations .graph-images .wpb_text_column.wpb_content_element {
margin-bottom: 12px;
}
.investor-relations .news-link-container {
width: 80%;
margin: 0 auto;
} .news-col-list .wpnaw-news-no-image .news-content {
flex-direction: column;
align-items: flex-start;
}
.news-col-list .news-content .post-content-text {
display: flex;
} html.no-js.js_active.vc_mobile.vc_transform.vc_transform {
overflow-x: hidden;
}
.home .f-letter-banner {
width: 87% !important;
}
.home .f-letter-banner {
margin-left: -8% !important;
}
.dt-only {
display: none;
}
.home .f-letter-banner .banner-content-group-01 {
position: initial !important;
transform: translate(6%, 20%) !important;
}
.home .f-letter-banner .banner-content-group-02 {
position: initial !important;
transform: translate(6%, 24%) !important;
}
.banner-content-group-01,
.banner-content-group-02 {
width: 57%;
margin-left: 3.5% !important;
}
div#current-investments {
margin-top: 100px;
}
.page-template-template-thai .current-investements {
margin-top: 100px;
}
.current-investements .ci-row-05 {
transform: translate(5%, -139%) !important;
}
.past-investements .pi-row-04 {
transform: translate(37%, -36%) !important;
}
.news-and-annnoun-table .table>tbody>tr {
display: table-row !important;
} .container.finansa-iframe.scroll-wrapper {
padding: 0 78px;
}
.page-template-template-thai .outstanding-table {
width: 90%;
margin: 0 auto;
}
}   @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .container.top-menu {
position: absolute;
} .home .f-letter-banner {
width: 94%;
} .current-investements .ci-row-01 {
transform: translateX(5%) !important;
}
.current-investements .ci-row-02 {
width: 100%;
transform: translate(61%, -73%) !important;
position: absolute !important;
}
.current-investements .ci-row-03 {
transform: translate(41%, 8%) !important;
}
.current-investements .ci-row-04 {
width: 100%;
position: relative;
transform: translate(64%, -9%);
}
.current-investements .ci-row-05 {
transform: translate(14%, -139%);
position: absolute;
width: 100%;
} .past-investements .pi-row-01 {
transform: translate(37%, 24%);
}
.past-investements .pi-row-02 {
transform: translate(61%, -17%);
}
.past-investements .pi-row-02 p.description {
width: 36% !important;
}
.past-investements .pi-row-03 {
transform: translate(6%, -85%);
}
.past-investements .pi-row-04 {
transform: translate(37%, -76%);
}
.past-investements .pi-row-05 {
transform: translate(6%, -62%);
}
.ci-group-01 p.description,
.ci-group-02 p.description,
.ci-group-03 p.description,
.ci-group-04 p.description {
width: 40%;
}
.news-and-annnoun-table .table>tbody>tr>td:first-child,
.outstanding-finansa-table .table>tbody>tr>td:first-child {
padding-left: 0 !important
}
.news-and-annnoun-table .table>tbody>tr>td:last-child,
.outstanding-finansa-table .table>tbody>tr>td:last-child {
padding-right: 0 !important
}
.outstanding-title,
.outstanding-finansa-detail {
width: 70%;
margin: 0 auto;
}
.ci-row-04 .title-bold-w26 {
width: 40%;
}
.news-and-annnoun-table .table>tbody>tr {
display: table-row !important;
}
.group-content {
background-position-y: -50%;
background-position-x: 28%;
}
}  @media only screen and (min-device-width: 768px) and (max-device-width: 1180px)and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
html.no-js.js_active.vc_mobile.vc_transform.vc_transform {
overflow-x: hidden;
}
.home .f-letter-banner {
width: 86% !important;
margin-left: -8% !important;
}
.home .f-letter-banner .banner-content-group-01,
.home .f-letter-banner .banner-content-group-02 {
max-width: 78% !important;
margin: 0 auto !important;
margin-top: 16px !important;
}
.container.top-menu {
height: 60px !important;
}
.dt-only {
display: none;
} .current-investements .ci-row-01 {
transform: translateX(14%);
}
.current-investements .ci-row-02 {
width: 100%;
transform: translate(62%, -73%);
position: absolute;
}
.current-investements .ci-row-03 {
transform: translate(41%, 8%);
}
.current-investements .ci-row-04 {
width: 100%;
position: relative;
transform: translate(64%, -9%);
}
.current-investements .ci-row-05 {
transform: translate(14%, -139%);
position: absolute;
width: 100%;
} .past-investements .pi-row-01 {
transform: translate(37%, 24%);
}
.past-investements .pi-row-02 {
transform: translate(61%, -17%);
}
.past-investements .pi-row-02 p.description {
width: 36% !important;
}
.past-investements .pi-row-03 {
transform: translate(6%, -85%);
}
.past-investements .pi-row-04 {
transform: translate(37%, -34%);
}
.past-investements .pi-row-05 {
transform: translate(6%, -86%);
}
.news-and-annnoun-table .table>tbody>tr>td:first-child,
.outstanding-finansa-table .table>tbody>tr>td:first-child {
padding-left: 0 !important
}
.news-and-annnoun-table .table>tbody>tr>td:last-child,
.outstanding-finansa-table .table>tbody>tr>td:last-child {
padding-right: 0 !important
}
.outstanding-title,
.outstanding-finansa-detail {
width: 61%;
margin: 0 auto;
}
.home .f-letter-banner .banner-content-group-01 {
position: initial;
transform: translate(6%, 34%) !important;
}
.home .f-letter-banner .banner-content-group-02 {
transform: translate(6%, 24%) !important;
}
.home .f-letter-banner .banner-content-group-01 .dt-only,
.home .f-letter-banner .banner-content-group-02 .dt-only {
display: none !important;
}
.home .f-letter-banner .banner-content-group-01,
.home .f-letter-banner .banner-content-group-02 {
margin-left: 60px;
}
.group-content {
width: 163% !important;
margin-left: -31.5% !important;
padding: 0 0;
}
.home .outstanding-finansa-table {
max-width: 63%;
margin: 0 auto;
}
.outstanding-finansa-detail {
margin-top: 32px !important;
}
.news-and-annnoun-table .table>tbody>tr {
display: table-row !important;
}
} @media only screen and (min-device-width: 1024px) and (max-device-width: 1180px)and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.home .f-letter-banner .banner-content-group-01,
.home .f-letter-banner .banner-content-group-02 {
margin-left: 0 !important;
}
.outstanding-title,
.outstanding-finansa-detail {
width: 36% !important;
margin: 0 auto;
}
}  @media screen and (max-width: 767px) {
.banner-text {
display: none;
}
.group-content {
background: none !important;
}
.title-bold-w26 {
width: 100% !important;
} .navbar-header-02 {
display: none;
}
#navbar {
visibility: visible !important;
}  .home .f-logo-desktop {
display: none;
}
.home .f-logo-mobile {
display: block;
}
.wrapper {
width: 100%;
}
.home .banner-content-group-01,
.home .banner-content-group-02,
.home .ci-row-01,
.home .ci-row-02,
.home .ci-row-03,
.home .ci-row-04,
.home .ci-row-05,
.home .pi-row-01,
.home .pi-row-02,
.home .pi-row-03,
.home .pi-row-04,
.home .pi-row-05,
.home .news-and-annnoun-table,
.home .data-table-mobile,
.text-wrap {
max-width: 92%;
margin: 0 auto;
}
.home .pi-row-02,
.home .pi-row-05 {
margin-bottom: 116px;
}
.dt-only {
display: none;
}
.logo-footer img {
width: 86%;
} .table>tbody>tr {
display: flex;
flex-direction: column;
border-top: 1px solid var(--primary-color);
}
.table>tbody>tr:last-child {
border-bottom: 1px solid var(--primary-color);
}
.table-responsive {
overflow-x: clip;
}
.table>tbody>tr>td {
width: 100% !important;
border-top: none !important;
}
.table>tbody>tr:first-child {
display: none;
}
.table td::before {
text-transform: uppercase;
display: block;
font-weight: bold;
}
.table>tbody>tr>td span.text-detail {
display: block;
padding-left: 18px;
text-wrap: wrap;
font-size: 14px;
} .news-and-annnoun-table tbody tr {
border-top: 1px solid var(--primary-color) !important;
padding: 14px 0;
}
.news-and-annnoun-table tbody tr:last-child {
border-bottom: 1px solid var(--primary-color) !important;
}
.news-and-annnoun-table .table>tbody>tr>td {
padding: 6px 12px !important;
border: none !important;
}
.news-and-annnoun-table .a-link {
margin-top: 16px !important;
text-wrap: wrap;
}
.double-line,
.table-responsive {
border: none !important;
} .home .outstanding-finansa-table .table td:nth-of-type(1):before {
content: "Debenture";
}
.home .outstanding-finansa-table .table td:nth-of-type(2):before {
content: "Symbol";
}
.home .outstanding-finansa-table .table td:nth-of-type(3):before {
content: "Tenor";
}
.home .outstanding-finansa-table .table td:nth-of-type(4):before {
content: "Coupon (per annum)";
}
.home .outstanding-finansa-table .table td:nth-of-type(5):before {
content: "Issue date";
}
.home .outstanding-finansa-table .table td:nth-of-type(6):before {
content: "Maturity date";
}
.home .outstanding-finansa-table .table td:nth-of-type(7):before {
content: "Maturity date (THB)";
}
.outstanding-finansa-table .table>tbody>tr>td {
padding: 12px 12px !important;
}
.outstanding-finansa-table .table>tbody>tr {
padding: 12px 0 !important;
} .the-company .blue-box {
height: 160px;
width: 160px;
transform: translate(0%, -60%);
}
.row-history-inner-01 .wpb_text_column {
margin-bottom: 10px !important;
}
#more {
width: 80%;
margin: 0 auto;
}
.the-company .f-logo-type-2-desktop {
display: none;
}
.box-left {
flex-basis: 25%;
}
.box-right {
flex-basis: 50%;
}
.container-cgs .row:last-child .column .row-inner:first-child,
.container-cgs .row:last-child .column .cgs-description:first-child {
height: 5%;
}
.container-cgs .row:last-child .column .row-inner:nth-child(2),
.container-cgs .row:last-child .column .cgs-description:nth-child(2) {
height: 11% !important;
}
.container-cgs .row:last-child .column:first-child .row-inner:first-child .box-right {
height: 113px;
}
.container-cgs .row:last-child .column:first-child .row-inner:first-child .box-right,
.container-cgs .row:last-child .column:first-child .row-inner:nth-child(2) .box-right {
flex-basis: 75%;
}
.container-cgs .cgs-description {
padding-left: 0;
}
.the-company .topic-heading {
padding-left: 2rem;
padding-right: 2rem;
} .the-company .major-shareholders {
width: 100%;
margin: 0 auto;
background-position-y: 104%;
}
.the-company .major-shareholders-table .table tbody>tr>td {
text-align: left;
}
.the-company .major-shareholders-table .table tr td:before {
text-transform: uppercase;
}
.the-company .major-shareholders-table .table tr:not(tr:last-child) td:nth-of-type(1):before {
content: "rank";
}
.the-company .major-shareholders-table .table tr:not(tr:last-child) td:nth-of-type(2):before {
content: "major shareholders";
}
.the-company .major-shareholders-table .table tr:not(tr:last-child) td:nth-of-type(3):before {
content: "number of shares";
}
.the-company .major-shareholders-table .table tr:not(tr:last-child) td:nth-of-type(4):before {
content: "%shares";
}
.the-company .grey-bg-color,
.the-company .major-shareholders .vc_empty_space:not(.major-shareholders .vc_empty_space:first-child, .major-shareholders .vc_empty_space:nth-child(2)) {
display: none;
}
.the-company .content-download-group {
max-width: 98%;
margin: 0 auto;
margin-bottom: 48px;
}
.the-company .content-download-group .vc_empty_space {
display: none;
}
.the-company .collapse.in {
margin-bottom: 90px;
}
.page-template-template-thai .download-here {
border: none;
padding: 0;
}
.page-template-template-thai .thai-download-button p {
border: 2rem solid var(--primary-color);
padding: 1rem 2rem;
}
.page-template-template-thai tr.last-row-board-group {
border-bottom: none !important;
} .investor-relations .blue-box {
display: none;
}
.investor-relations .table-responsive {
max-width: 90%;
margin: 0 auto;
}
.investor-relations .table-responsive .table:first-child {
overflow-x: scroll !important;
}
.investor-relations .table>tbody>tr {
display: block;
border-top: 1px solid var(--primary-color);
}
.investor-relations .table-responsive .annual-summary {
margin-bottom: 84px;
}
.investor-relations .table-responsive .annual-summary .table tbody>tr:last-child {
display: none;
}
.investor-relations .table-responsive .annual-summary .table tbody>tr:nth-last-child(2) {
border-bottom: 1px solid var(--primary-color) !important;
}
.investor-relations .table-responsive .quarterly {
overflow-x: scroll;
margin-bottom: 84px;
}
.investor-relations .table-responsive .quarterly:not(.quarterly:last-child) .table tbody>tr:last-child {
display: none;
}
.investor-relations .table-responsive .quarterly:not(.quarterly:last-child) .table tbody>tr:nth-last-child(2) {
border-bottom: 1px solid var(--primary-color) !important;
}
.investor-relations-table .table tr td.width-2 {
width: 0 !important;
}
.investor-relations-table .table-responsive.flex-column-center {
overflow-x: scroll !important;
margin-bottom: 18px;
}
.investor-relations-table .flex-row-center a.a-link {
padding-left: 24px;
}
.dividends-table {
display: inherit !important;
}
.dividends-table .table-responsive .table tr td {
width: 25% !important;
text-wrap: wrap;
}
.page-template-template-thai .dividends-table .table-responsive .table tr:last-child {
display: none;
}
.page-template-template-thai .dividends-table .table-responsive .table tr:nth-last-child(2) {
border-bottom: 1px solid var(--primary-color);
}
.page-template-template-thai .table-responsive .quarterly:last-child .table tbody>tr:last-child {
display: none;
}
.page-template-template-thai .table-responsive .quarterly:last-child .table tbody>tr:nth-last-child(2) {
border-bottom: 1px solid var(--primary-color);
}
.shareholders-agenda ul {
max-width: 78%;
margin: 0 auto;
} .privacy-policy .privacy-container {
max-width: 100%;
margin: 0 auto;
}
.privacy-policy .top-empty-space {
display: none;
} .site-map .site-map-container .vc_empty_space {
display: none;
}
.sitemap {
flex-wrap: wrap;
max-width: 80%;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.navbar-toggle {
padding: 0 !important;
}
}