@import url("../../assets/css/bootstrap.css");
@import url("../../assets/css/fonts.css");
@import url("../../assets/css/font-icokbank.css");
@import url("../../assets/js/mmenu/jquery.mmenu.all.min.css");
@import url("../../assets/js/chosen/chosen-custom.css");
@import url("../../assets/js/magnific-popup/magnific-popup.css");
@import url("../../assets/js/slick/slick.css");
@import url("../../assets/js/masterslider/style/masterslider.min.css");


html {
    font-family: sans-serif;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    overflow-x: hidden;
    background: #fff;
}
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;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
svg:not(:root) {
    overflow: hidden;
}
template, [hidden] {
    display: none;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 0;
}

/* THEME */
.icw, .icw *, .icw *:before, .icw *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.icw {
    margin: 0;
    padding: 0;
    font-family: 'kurious-looped';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icw h1, .icw h2, .icw h3, .icw h4, .icw h5, .icw h6 {
    margin: 0;
    font-weight: normal;
    font-style: normal;
    color: inherit;
}
.icw p {
    margin: 0;
}
.icw ul, .icw ol, .icw li { 
    margin: 0;
    padding: 0;
    list-style: none;
}
.icw a {
    color: inherit;
    text-decoration: none;
    outline: 0;
}
.icw a:active, .icw a:hover {
    outline: 0;
}
a[href^=tel], a[href^=mail] { 
    outline: 0;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}
.icw i, .icw em {
    font-style: italic;
}
.icw b, .icw strong {
    font-weight: 600;
}
.icw small {
    font-size: 80%;
}
.icw sub, .icw sup {
    font-size: 90%;
    font-style: normal;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.icw sub {
    bottom: -0.25em;
}
.icw sup {
    top: -0.25em;
}
.icw figure {
    margin: 0;
}
.icw img { 
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
}
.icw h1, .icw .h1, 
.icw h2, .icw .h2, 
.icw h3, .icw .h3, 
.icw h4, .icw .h4, 
.icw h5, .icw .h5, 
.icw h6, .icw .h6 {
    font-weight: normal;
    line-height: 1.5;
    color: #333;
}
.icw h1, .icw .h1, 
.icw h2, .icw .h2 {
    font-family: 'kurious-looped';
}
.icw h3, .icw .h3,
.icw h4, .icw .h4,
.icw h5, .icw .h5,
.icw h6, .icw .h6 {
    font-family: 'kurious-looped';
}
.icw h1 > b, .icw .h1 > b, 
.icw h2 > b, .icw .h2 > b,
.icw h3 > b, .icw .h3 > b, 
.icw h4 > b, .icw .h4 > b, 
.icw h5 > b, .icw .h5 > b, 
.icw h6 > b, .icw .h6 > b, 
.icw h1 > strong, .icw .h1 > strong, 
.icw h2 > strong, .icw .h2 > strong, 
.icw h3 > strong, .icw .h3 > strong, 
.icw h4 > strong, .icw .h4 > strong, 
.icw h5 > strong, .icw .h5 > strong, 
.icw h6 > strong, .icw .h6 > strong { 
    font-family: 'kurious-looped';
    font-weight: normal;
}
.icw h1 > i, .icw .h1 > i, 
.icw h2 > i, .icw .h2 > i, 
.icw h1 > em, .icw .h1 > em, 
.icw h2 > em, .icw .h2 > em { 
    font-family: 'kurious-looped';
    font-style: normal;
}
.icw h1 > i > b, .icw .h1 > i > b, 
.icw h2 > i > strong, .icw .h2 > i > strong, 
.icw h1 > em > b, .icw .h1 > em > b, 
.icw h2 > em > strong, .icw .h2 > em > strong,
.icw h1 > b > i, .icw .h1 > b > i, 
.icw h2 > strong > i, .icw .h2 > strong > i, 
.icw h1 > b > em, .icw .h1 > b > em, 
.icw h2 > strong > em, .icw .h2 > strong > em,
.icw h3 > i, .icw .h3 > i, 
.icw h4 > i, .icw .h4 > i, 
.icw h5 > i, .icw .h5 > i, 
.icw h6 > i, .icw .h6 > i, 
.icw h3 > em, .icw .h3 > em, 
.icw h4 > em, .icw .h4 > em, 
.icw h5 > em, .icw .h5 > em, 
.icw h6 > em, .icw .h6 > em { 
    font-family: 'kurious-looped';
    font-style: normal;
}
.icw h1, .icw .h1 { 
    font-size: 42px ;
}
.icw h2, .icw .h2 { 
    font-size: 33px ;
}
.icw h3, .icw .h3 { 
    font-size: 26px ;
}
.icw h4, .icw .h4 { 
    font-size: 20px ;
}
.icw h5, .icw .h5 { 
    font-size: 18px ;
}

#fsd_content_03{
	display: none;
}

/* Table */
.icw table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.icw th, .icw td {
    padding: 0;
    font-weight: inherit;
    text-align: left;
}
.table tr {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.table th,
.table td {
    padding: 12px 15px;
}
.table thead {
    border-top: 3px solid #00a950;
}
.table thead th,
.table thead td {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 0.8;
    color: #333;
}
.table th.nowrap,
.table td.nowrap {
    display: table-cell;
}
.table .td-divide {
    border-left: 1px solid #f0f0f0;
}
.table .bg-gray {
    background-color: #fafafa;
}
.table-wrap {
    position: relative;
    margin-bottom: 15px;
}
.table-responsive {
    width: 100%;
    min-height: .01%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* End Table */


/* Section Item */
.section-items .sc-headline {
    margin-bottom: 20px;
}
.row-items {
    font-size: 0;
    margin-top: 20px;
    padding: 0 80px;
}
.row-items .col-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
}
.row-2items .col-item {
    width: 50%;
    max-width: 50%;
}
.row-3items .col-item {
    width: 33.333333%;
    max-width: 33.333333%;
}
.row-4items .col-item {
    width: 25%;
    max-width: 25%;
}
.row-5items .col-item {
    width: 20%;
    max-width: 20%;
}

.list-item {
    display: block;
    font-size: 16px;
    text-align: center;
    /*margin: 30px 0;*/
    margin: 0 0 0px;
    padding: 0 15px;
    text-decoration: none !important;
}
.list-item .image {
    height: 130px;
    line-height: 130px;
    margin-bottom: 10px;
}
.list-item .image > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.list-item .image-vbottom > img {
    vertical-align: bottom;
}
.list-item .btn {
    min-width: 135px;
}
.list-item .caption h3 {
    margin-bottom: 10px;
}
.list-item .caption small {
    color: #777 !important;
}
.list-item .caption .more {
    margin: 0 0 3px;
}
.list-item-lg .image {
    height: auto;
    line-height: 120px;
    max-width: 82px;
    margin: 0 auto;
}
.icw h6, .icw .h6 {
    font-size: 20px;
}
.icw h7, .icw .h7 { 
    font-size: 20px;
}
.caption p{
	color: #333;
	font-size: 12px;
}

.list-item-alignment {
    margin: 0 0 30px;
}
.list-item-alignment .image {
    margin-bottom: 0;
}

a.list-item {
    color: inherit;
}
a.list-item .caption h3 {
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    transition: color .2s ease-in;
}
.no-touch a.list-item:hover,
.no-touch a.list-item:hover .caption h3,
.no-touchevents a.list-item:hover,
.no-touchevents a.list-item:hover .caption h3 {
    color: #00a950;
}

/* End Section Item */


/* Form */
.icw fieldset {
    padding: 0;
    margin: 0;
    min-width: 0;
    border: 0;
}
.icw label {
    display: inline-block;
}
.icw legend {
    border: 0;
    padding: 0;
    margin: 0;
}
.icw button {
    overflow: visible;
}
.icw button,
.icw input,
.icw select,
.icw textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: inherit;
    font: inherit;
    text-transform: none;
    text-align: left;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icw button:focus,
.icw input:focus,
.icw select:focus,
.icw textarea:focus {
    outline: 0;
}
.icw button,
.icw input[type="button"],
.icw input[type="reset"],
.icw input[type="submit"] {
    cursor: pointer;
}
.icw button[disabled],
.icw input[disabled] {
    cursor: default;
}
.icw button::-moz-focus-inner,
.icw input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.icw input[type="checkbox"],
.icw input[type="radio"] {
    padding: 0;
}
.icw ::-ms-clear {
    display: none;
    width : 0;
    height: 0;
}
.icw ::-ms-reveal {
    display: none;
    width : 0;
    height: 0;
}
.icw :-ms-input-placeholder {
    color: #999;
}
.icw ::-webkit-input-placeholder {
    color: #999;
}
.icw ::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.icw .placeholder {
    color: #999;
}
.icw label,
.icw input,
.icw textarea,
.icw select {
    font-size: 14px;
}
.icw input,
.icw textarea,
.icw select {
    line-height: normal;
}
.icw input[type="text"], 
.icw input[type="password"], 
.icw input[type="date"],
.icw input[type="datetime"], 
.icw input[type="datetime-local"], 
.icw input[type="month"],
.icw input[type="week"], 
.icw input[type="email"], 
.icw input[type="number"],
.icw input[type="search"], 
.icw input[type="tel"], 
.icw input[type="time"],
.icw input[type="url"],
.icw textarea,
.icw select {
    padding: 5px 15px;
    -webkit-transition: border-color ease-in-out .2s;
    -moz-transition: border-color ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s;
    transition: border-color ease-in-out .2s;
}
.icw input[type="text"], 
.icw input[type="password"], 
.icw input[type="date"],
.icw input[type="datetime"], 
.icw input[type="datetime-local"], 
.icw input[type="month"],
.icw input[type="week"], 
.icw input[type="email"], 
.icw input[type="number"],
.icw input[type="search"], 
.icw input[type="tel"], 
.icw input[type="time"],
.icw input[type="url"],
.icw textarea,
.icw select,
.select .chosen-container-single .chosen-single {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.icw input[type="text"], 
.icw input[type="password"], 
.icw input[type="date"],
.icw input[type="datetime"], 
.icw input[type="datetime-local"], 
.icw input[type="month"],
.icw input[type="week"], 
.icw input[type="email"], 
.icw input[type="number"],
.icw input[type="search"], 
.icw input[type="tel"], 
.icw input[type="time"],
.icw input[type="url"],
.icw textarea,
.icw select {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
}
.icw input[type="text"], 
.icw input[type="password"], 
.icw input[type="date"],
.icw input[type="datetime"], 
.icw input[type="datetime-local"], 
.icw input[type="month"],
.icw input[type="week"], 
.icw input[type="email"], 
.icw input[type="number"],
.icw input[type="search"], 
.icw input[type="tel"], 
.icw input[type="time"],
.icw input[type="url"],
.icw textarea,
.icw select,
.chosen-container-single .chosen-single {
    border: 1px solid #eee;
}
.icw input[type="text"]:focus,
.icw input[type="password"]:focus,
.icw input[type="date"]:focus,
.icw input[type="datetime"]:focus,
.icw input[type="datetime-local"]:focus,
.icw input[type="month"]:focus,
.icw input[type="week"]:focus,
.icw input[type="email"]:focus,
.icw input[type="number"]:focus,
.icw input[type="search"]:focus,
.icw input[type="tel"]:focus,
.icw input[type="time"]:focus,
.icw input[type="url"]:focus,
.icw textarea:focus,
.icw select:focus,
.select .chosen-container-active .chosen-single,
.select .chosen-container-active .chosen-drop {
    border-color: #00a950;
}
.icw input[type="password"] {
    letter-spacing: 1px;
}
.icw textarea {
    overflow: auto;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: -1px;
}
.icw-form .icw-label,
.icw-input-unit .unit,
.css-label {
    color: #999;
}
.icw input[type="text"]:focus,
.icw input[type="password"]:focus,
.icw input[type="date"]:focus,
.icw input[type="datetime"]:focus,
.icw input[type="datetime-local"]:focus,
.icw input[type="month"]:focus,
.icw input[type="week"]:focus,
.icw input[type="email"]:focus,
.icw input[type="number"]:focus,
.icw input[type="search"]:focus,
.icw input[type="tel"]:focus,
.icw input[type="time"]:focus,
.icw input[type="url"]:focus,
.icw textarea:focus,
.icw select:focus,
input[type=radio].css-checkbox + .css-label,
input[type=checkbox].css-checkbox + .css-label,
.select .chosen-container-active .chosen-single,
.select .chosen-container-active .chosen-drop,
.select .chosen-container-single .chosen-single,
.select-transparent select, 
.select-transparent .chosen-container-single .chosen-single,
.icw-form .filled input,
.icw-form .filled textarea,
.icw-form .filled select {
    color: #333;
}
.select .chosen-container .chosen-results li.disabled-result {
    color: #999;
}
.select {
    position: relative;
}
.select:after {
    content: "";
	position: absolute;
    right: 1px;
    top: 1px;
    bottom: 0;
    z-index: 1;
	pointer-events: none;
    display: inline-block;
    width: 40px; 
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.select:after {
    content: "\e90d";
    font-family: 'icokbank';
    font-size: 80%;
}
.select select, 
.select select:focus {
    width: 100%;
    cursor: pointer;
    text-overflow: "";
}
.select select {
    padding-right: 20px;
    color: #999;
}
.select .chosen-single {
    text-decoration: none !important;
}
.select .chosen-container {
    text-align: left;
}
.select .chosen-container-single .chosen-single div {

}
.select .chosen-container-single .chosen-single div b { 
    background: none !important;
}
.select .chosen-container-single .chosen-default {
    color: #999;
}
.select .chosen-container-single .chosen-drop {
    margin-top: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.select .chosen-container-active .chosen-drop {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.select .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
    max-height: 140px;
}
.select .chosen-container .chosen-results li {
    padding: 8px 15px;
    line-height: 1.3;
}
.select-transparent select, 
.select-transparent .chosen-container-single .chosen-single {
    height: 29px;
    line-height: 29px;
    padding-top: 0;
    padding-bottom: 0;
}
.select-transparent select, 
.select-transparent .chosen-container-single .chosen-single,
.select-transparent .chosen-container .chosen-results li {
    padding-left: 10px;
}
.select-transparent select,
.select-transparent .chosen-container-single .chosen-single,
.select-transparent .chosen-container .chosen-drop {
    background: none;
    border: 0;
    box-shadow: none;
}
.select-transparent .chosen-container .chosen-drop {
    background-color: #fff;
}
.select-transparent .chosen-container-single .chosen-single span {
    margin-right: 15px;
}
.select-transparent:after {
    width: 20px; 
    height: 31px;
    line-height: 30px;
    top: -1px; 
    right: 0;
    text-align: right;
    background-color: transparent;
}
.radio, 
.checkbox {
    position: relative;
    margin: 10px 0;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
}
.css-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=radio].css-checkbox,
input[type=checkbox].css-checkbox {
    position: absolute; 
    z-index: -1000; 
    /*top: -1000px;*/
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; 
    border: 0;
}
input[type=radio].css-checkbox + .css-label,
input[type=checkbox].css-checkbox + .css-label {
    display: inline-block;
    padding-left: 30px;
    height: auto;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
    cursor: pointer;
}
input[type=radio].css-checkbox + .css-label {
    background-image: url(../../assets/img/icon/radio.png);
}
input[type=radio].css-checkbox:checked + .css-label {
    background-image: url(../../assets/img/icon/radio-chk.png);
}
input[type=checkbox].css-checkbox + .css-label {
    background-image: url(../../assets/img/icon/checkbox.png);
}
input[type=checkbox].css-checkbox:checked + .css-label {
    background-image: url(../../assets/img/icon/checkbox-chk.png);
}
input[type=radio].css-checkbox[disabled] + .css-label,
input[type=checkbox].css-checkbox[disabled] + .css-label {
    background-color: transparent !important;
    color: #999;
    cursor: default;
}
.checkboxfull {
    position: relative;
    margin: 0;
}
.checkboxfull .css-label {
    width: 100%;
}
.checkboxfull .css-label:after {
    font-family: 'icokbank';
    content: "";
    position: absolute;
    right: 0; top: 7px;
    font-size: 80%;
    color: #00a950;
}
.checkboxfull input[type=checkbox].css-checkbox + .css-label {
    display: block;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 30px;
}
.checkboxfull input[type=checkbox].css-checkbox:checked + .css-label:after {
    content: "\e914";
}
.checkboxfull input[type=checkbox].css-checkbox + .css-label,
.checkboxfull input[type=checkbox].css-checkbox:checked + .css-label {
    background-image: none;
}
.icw input[disabled], 
.icw textarea[disabled], 
.icw select[disabled] {
    background-color: #f2f2f2;
    color: #999 !important;
    opacity: 1 !important;
}
.icw-fields:after {
    content: "";
    display: table;
    clear: both;
}
ul.icw-fields,
.icw-fields {
    position: relative;
    margin: 0 -10px !important;
    font-size: 0;
}
ul.icw-fields,
ul.icw-fields li {
    list-style: none !important;
}
.icw-fields .icw-field {
    width: 50%;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-bottom: 0;
}
.icw-fields .icw-field-full {
    float: none;
    width: 100%;
    clear: both;
}
.icw-fields:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.icw-form .hide {
    display: none;
}
.icw-form .icw-fieldset {
    margin-bottom: 40px;
}
.icw-form .icw-fieldset .form-block {
    margin-bottom: 0;
}
.icw-form .icw-fieldset-inner {
    padding: 0 30px;
}
.icw-form .icw-legend {
    color: #333;
    margin-bottom: 15px;
}
.icw-form .icw-label {
    display: block;
    margin-bottom: 5px;
    padding-left: 15px;
}
.icw-form .icw-label-inline {
    line-height: 40px;
    margin-right: 10px;
}
.icw-form .icw-input {
    position: relative;
    padding: 20px 0;
}
.icw-form .overlabel {
    display: inline-block;
    line-height: 40px;
    padding-left: 15px;
    margin: 0;
    position: absolute;
    top: 20px; left: 0;
    z-index: 0;
    text-transform: none;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
}
.icw-form textarea + .overlabel {
    top: 19px;
}
.icw-form input:focus + .overlabel,
.icw-form textarea:focus + .overlabel,
.icw-form .filled input + .overlabel,
.icw-form .filled textarea + .overlabel,
.icw-form .overlabel-fixed {
    line-height: 1.5;
    top: -1px;
}
.icw-form .filled input,
.icw-form .filled textarea {
    color: #333;
}
.icw-form .input-group .overlabel {
    top: 0;
}
.icw-form .input-group input:focus + .overlabel,
.icw-form .filled .input-group input + .overlabel {
    top: -24px;
}
.icw-input .radio-inline,
.icw-input .checkbox-inline {
    min-width: 100px;
    margin: 9px 15px 0 0;
}
.icw-input-date:after {
    content: "";
    display: table;
    clear: both;
}
.icw-input-date .select {
    width: 33.3333333%;
    float: left;
}
.icw-input-date .select-w50 { 
    width: 50%;
}
.icw-input-date .select select,
.icw-input-date .select .chosen-container-single .chosen-single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.icw-input-date .select-first select,
.icw-input-date .select-first .chosen-container-single .chosen-single {
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.icw-input-date .select-last select,
.icw-input-date .select-last .chosen-container-single .chosen-single {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.icw-form .icw-inputnote {
    clear: both;
    margin: 0;
    padding: 5px 15px 0;
    font-size: 13px;
    color: #00a950;
    color: #bbb;
}
.icw-form .icw-inputnote ul,
.icw-form .icw-inputnote ol,
.icw-form .icw-inputnote li {
    margin: 0;
}
.icw-input-unit .unit-col {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.icw-input-unit .unit {
    display: inline-block;
    min-width: 85px;
    text-align: center;
    font-size: 14px;
    padding-left: 15px;
    white-space: nowrap;
}
.icw .input-required,
.icw .input-required + .chosen-container-single .chosen-single,
.icw .input-required + .chosen-container-active .chosen-drop {
    border-color: #f91919 !important;
}
.icw input[type="text"].input-gray, 
.icw input[type="password"].input-gray, 
.icw input[type="date"].input-gray,
.icw input[type="datetime"].input-gray, 
.icw input[type="datetime-local"].input-gray, 
.icw input[type="month"].input-gray,
.icw input[type="week"].input-gray, 
.icw input[type="email"].input-gray, 
.icw input[type="number"].input-gray,
.icw input[type="search"].input-gray, 
.icw input[type="tel"].input-gray, 
.icw input[type="time"].input-gray,
.icw input[type="url"].input-gray,
.icw textarea.input-gray, 
.icw select.input-gray {
    background-color: #fafafa;
}
.icw .asterisk {
    font-size: 15px;
    color: #f91919;
}
.action-form {
    margin-top: 30px;
    text-align: center;
}
.action-form .btn {
    margin: 0 5px;
}
.action-form .btn:first-child {
    margin-left: 0;
}
.action-form .btn:last-child {
    margin-right: 0;
}
.entryform .radio, 
.entryform .checkbox {
    padding-left: 15px;
}
/* End Form */

.icw .img { display: block;}
.icw .img-full { display: block; width: 100%;}
.icw .nowrap { display: inline-block; white-space: nowrap;}
.icw .f-left { float: left;}
.icw .f-right { float: right;}
.icw .a-left { text-align: left !important;}
.icw .a-center { text-align: center !important;}
.icw .a-right { text-align: right !important;}
.icw .v-top { vertical-align: top;}
.icw .v-middle { vertical-align: middle;}
.icw .v-bottom { vertical-align: bottom;}
.icw .c-green { color: #00a950;}
.icw .c-black { color: #333;}
.icw .c-white { color: #fff;}
.icw .c-red { color: #ed1b2e;}
.icw .nopd { padding: 0 !important;}
.icw .nopd-t { padding-top: 0 !important;}
.icw .nopd-b { padding-bottom: 0 !important;}
.icw .nomg { margin: 0 !important;}
.icw .nomg-t { margin-top: 0 !important;}
.icw .nomg-b { margin-bottom: 0 !important;}
.icw .tb { display: table; width: 100%;}
.icw .tbcell { display: table-cell;}
.icw .ic { font-style: normal;}

.ic, .ic-label {
    display: inline-block;
    vertical-align: middle;
}
.ic + .ic-label,
.ic-label + .ic {
    margin-left: 8px;
}

.icw a.more,
.icw a.turnback {
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    color: #00a950;
}
.icw a.more:after,
.icw a.turnback:before {
    display: inline-block;
    font-family: 'icokbank';
    font-size: 70%;
}
.icw a.more:after {
    content: "\e909";
    margin-left: 3px;
}
.icw a.turnback:before {
    content: "\e908";
    margin-right: 4px;
}
.icw a.more:hover,
.icw a.turnback:hover {
    color: #00a950;
    text-decoration: underline;
}
.icw a.more-white,
.icw a.more-white:hover {
    color: #fff;
}
.icw a.more-black,
.icw a.more-black:hover {
    color: #333;
}

.icw .btn {
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    background-color: #00a950;
    color: #fff;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.no-touch .icw .btn:hover {
    background-color: #028f44;
    color: #fff;
}
.icw .btn.btn-md {
    min-width: 150px;
}
.icw .btn.btn-sm {
    padding: 5px 15px;
    font-size: 14px;
}
.icw .btn.btn-xs {
    padding: 3px 15px;
    font-size: 14px;
}
.icw .btn.btn-block {
    display: block;
    width: 100%;
}
.icw .btn.btn-white,
.no-touch .icw .btn.btn-white:hover {
    background-color: #fff;
    color: #00a950;
}
.icw .btn.btn-gray {
    background-color: #bbb;
    color: #00a950;
}
.no-touch .icw .btn.btn-gray:hover {
    background-color: #bbb;
    color: #fff;
}

.action-bottom {
    margin-top: 30px;
}
.action-bottom .btn,
.action-bottom .more {
    margin: 0 6px;
}
.action-bottom .btn:first-child,
.action-bottom .more:first-child {
    margin-left: 0;
}
.action-bottom .btn:last-child,
.action-bottom .more:last-child {
    margin-right: 0;
}

.icw .pagination {
    margin-top: 45px;
    text-align: center;
    overflow: hidden;
}
.icw .pagination > a {
    display: inline-block;
    vertical-align: top;
    min-width: 25px;
    padding: 6px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    color: #777;
}
.icw .pagination > a:hover,
.icw .pagination > a.active,
.icw .pagination > a.prev,
.icw .pagination > a.next {
    color: #00a950;
}
.icw .pagination > a.prev,
.icw .pagination > a.next {
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .2s;
    -moz-transition: border-color ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s;
    transition: border-color ease-in-out .2s;
}
.icw .pagination > a.prev {
    margin-right: 5px;
}
.icw .pagination > a.next {
    margin-left: 5px;
}
.icw .pagination > a.prev:before,
.icw .pagination > a.next:before {
    display: inline-block;
    vertical-align: top;
    font-family: 'icokbank';
    font-size: 13px;
    line-height: 25px;
}
.icw .pagination > a.prev:before {
    content: "\e908";
}
.icw .pagination > a.next:before {
    content: "\e909";
}
.icw .pagination > a.prev:hover,
.icw .pagination > a.next:hover {
    border-color: #00a950;
}

.icw .date {
    font-size: 13px;
    line-height: 1.5;
    color: #999;
    font-weight: 500;
}

/* Transition */
.icw a,
.thumbnail {
    -webkit-transition: 200ms ease-in-out;
    -moz-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}
.header--clone,
.bars .i-bar {
    -webkit-transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}

/* Clear */
.icw .clr:after,
.section:after,
.items-view:after,
.action:after,
.filter-result-row:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    line-height: 0;
}

/* Page */
.container-md,
.container-sm,
.container-xs {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container-md {
    width: 1030px;
}
.container-sm {
    width: 930px;
}
.container-xs {
    width: 830px;
}

.sd-page {
    background-color: #fff;
}
.sd-header, 
.sd-footer, 
.sd-main {
    position: relative;
}
.sd-main {
    min-height: calc(100vh - 88px);
}
.sd-main-container {
    padding-top: 130px;
    padding-bottom: 65px;
}
.sd-headline {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.sd-headline a.turnback {
    font-size: 14px;
    position: absolute;
    left: 0; top: 0;
    margin-top: 8px;
}

/* Header Desktop */
.header-desktop-fixed {
    width: 100%;
    position: fixed;
    left: 0; top: 0;
    z-index: 999;
}
.header-sticky {
    position: absolute;
}
.header-sticky .header-desktop {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header-sticky .header-desktop .main-menu a {
    color: #fff;
}
.header-desktop,
.header-sticky.header--clone .header-desktop {
    width: 100%;
    line-height: 62px;
    background-color: #fff;
    border-top: 3px solid #00a950;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}
.header-desktop .logo {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 167px;
}
.header-desktop .main-menu {
    display: inline-block;
    vertical-align: top;
    float: right;
}
.header-desktop .main-menu a {
    display: inline-block;
    margin-right: 30px;
    font-size: 13px;
    font-weight:bold;
}
.header-desktop .main-menu a:last-child {
    margin-right: 0;
}
.header-desktop .main-menu a,
.header-sticky.header--clone .header-desktop .main-menu a {
    color: #333;
}
.header-desktop .main-menu a.current,
.no-touch .header-desktop .main-menu a:hover,
.header-sticky.header--clone .header-desktop .main-menu a.current,
.no-touch .header-sticky.header--clone .header-desktop .main-menu a:hover {
    color: #00a950;
}
.header--clone {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.header--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.header-desktop .kb-language {
    display: inline-block;
    vertical-align: top;
    float: right;
}
/* Language */
.kb-language {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin-left: 10px;
    padding-left: 15px;
    cursor: pointer;
}
.kb-language .lang-selected {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.kb-language .lang-selected:after {
    display: inline-block;
    vertical-align: top;
    line-height: 15px;
    width: 20px;
    font-family: 'icokbank';
    content: "\e90d";
    font-size: 75%;
    text-align: right;
}
.kb-language .lang-box {
    width: 100%;
    position: absolute;
    left: 0; top: 45px;
    z-index: 1;
    display: none;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.kb-language .lang-box li {
    display: block;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: normal;
    opacity: 0.8;
}
.kb-language .lang-box li:hover {
    opacity: 1;
}
.kb-language .lang-box li:last-child {
    padding-bottom: 10px;
}
.kb-language:hover .lang-selected {
    color: #00a950;   
}
/* End Language */

/* Header Device */
.header-device-fixed {
    width: 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: 999;
}
.header-device {
    position: relative;
    display: block;
    width: 100%;
    height: 57px;
    line-height: 54px;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #00a950;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}
.header-device .logo {
    display: inline-block;
    width: 120px;
    line-height: 1;
}
.header-device .main-menu {
    position: absolute;
    top: 0;
    left: 15px;
    width: auto;
    height: 100%;
}
.bars {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px; 
    height: 22px;
    line-height: 0;
}
.bars .i-bar {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #00a950;
    margin: 3px 0;
    position: absolute;
    left: 0;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    -moz-transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    -o-transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
}
.bars .i-bar-top { top: 0;}
.bars .i-bar-middle { top: 7px;}
.bars .i-bar-bottom { top: 14px;}
.bars.is-active .i-bar-top, 
.bars.is-active .i-bar-bottom {
    top: 6px !important;
    background-color: #00a950 !important;
}
.bars.is-active .i-bar-top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bars.is-active .i-bar-bottom {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.bars.is-active .i-bar-middle {
    opacity: 0;
    filter: Alpha(opacity=0);
}
#menu { display: none;}
#menu.mm-menu.mm-offcanvas.mm-current { display: block;}
.mm-menu { background: #fafafa; border-top: 3px solid #00a950;}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: none;}
.mm-navbar { height: auto; line-height: normal;}
.mm-navbar.mm-hasbtns { padding: 0;}
.mm-navbar-top { border-bottom: 0;}
.mm-navbar-bottom { border: 0;}
.mm-panels>.mm-panel>.mm-listview, .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: 0;}
.mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before { height: 0;}
.mm-listview>li:not(.mm-divider):after { display: none;}
.mm-listview>li { padding: 0 15px;}
.mm-listview>li>a, .mm-listview>li>span {
    padding: 17px 0;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #777;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
    outline-width: 0 !important;
    -webkit-transition: color 200ms ease-in-out !important;
    -moz-transition: color 200ms ease-in-out !important;
    transition: color 200ms ease-in-out !important;
}
.no-touch .mm-listview>li>a:hover, 
.no-touch .mm-listview>li>span:hover, 
.mm-menu .mm-listview>li.mm-selected>a { 
    color: #00a950;
}
#mm-blocker {
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.12)), color-stop(0%, rgba(0,0,0,0.12)), color-stop(10%, rgba(0,0,0,0.05)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
html.mm-blocking #mm-blocker { z-index: 99999;}

.menu-footer .select-language {
    width: 45px;
    margin: 0 auto;
}
.menu-footer .select-language select {
    padding-left: 0;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #999;
    text-align: center;
    text-transform: uppercase;
}

/* Footer */
.sd-footer {
    background-color: #fff;
    border-top: 3px solid #00a950;
}
.slogan {
    padding: 30px 0;
}
.slogan .img {
    display: block;
    margin: 0 auto;
    width: 183px;
}

/* Entry Content */
.entrycontent h1, .entrycontent .h1,
.entrycontent h2, .entrycontent .h2,
.entrycontent h3, .entrycontent .h3,
.entrycontent h4, .entrycontent .h4,
.entrycontent h5, .entrycontent .h5,
.entrycontent h6, .entrycontent .h6,
.entrycontent p {
    margin-bottom: 10px;
}
.entrycontent a {
    color: #00a950;
}
.entrycontent a,
.entrycontent a:hover {
    text-decoration: underline;
}
.entrycontent h1 a, .entrycontent .h1 a,
.entrycontent h2 a, .entrycontent .h2 a,
.entrycontent h3 a, .entrycontent .h3 a,
.entrycontent h4 a, .entrycontent .h4 a,
.entrycontent h5 a, .entrycontent .h5 a,
.entrycontent h6 a, .entrycontent .h6 a {
    display: inline-block;
    line-height: 0.7;
    border-bottom: 1px solid;
    text-decoration: none !important;
    color: inherit;
}
.entrycontent ul,
.entrycontent ol {
    margin-bottom: 15px;
    margin-left: 1.3em;
}
.entrycontent li {
    margin-bottom: 6px;
}
.entrycontent li ul,
.entrycontent li ol {
    margin-bottom: 10px;
}
.entrycontent li ul:last-child,
.entrycontent li ol:last-child {
    margin-bottom: 0;
}
.entrycontent li ol {
    margin-left: 0;
}
.entrycontent li li {
    margin-top: 5px;
}
.entrycontent ul > li {
    list-style-type: disc;
}
.entrycontent ol > li {
    list-style-type: decimal;
}
.entrycontent ol { 
    counter-reset: item;
    margin-left: 0;
}
.entrycontent ol > li { 
    display: table;
    width: 100%;
    text-align: left;
}
.entrycontent ol > li:before { 
    content: counters(item, ".") "."; 
    counter-increment: item;
    display: table-cell;
    padding-right: 0.45em;
    width: 1%;
}
.entrycontent ol > li > ol > li:before {
    content: counters(item, ".") ""; 
}

.entrycontent .table-responsive {
    margin: 15px 0;
}
.entrycontent .table-responsive:first-child {
    margin-top: 0;
}
.entrycontent .table-responsive:last-child {
    margin-bottom: 0;
}

.note-box {
    font-size: 80%;
}
.note-box {
    margin: 15px 0 20px;
}
.note-box p,
.note-box ul,
.note-box ol,
.note-box li {
    margin-bottom: 5px;
}

.entrycontent h1:last-child,
.entrycontent h2:last-child,
.entrycontent h3:last-child,
.entrycontent h4:last-child,
.entrycontent h5:last-child,
.entrycontent h6:last-child,
.entrycontent p:last-child,
.entrycontent .note-box:last-child {
    margin-bottom: 0;
}

/* Section */
.section {
    position: relative;
}
.section .sc-inner {
    padding: 60px 0;
}
.section .sc-headline {
    text-align: center;
    margin-bottom: 30px;
}
.section .sc-category {
    font-size: 18px;
    font-weight: normal;
}
.section .sc-category,
.section .sc-heading {
    margin-bottom: 15px;
}
.section .sc-desc {
    font-size: 18px;
}
.section .sc-logo {
    margin-bottom: 20px;
}
.section .sc-img {
    margin: 30px 0;
}
.section .sc-img.fixed-bottom {
    margin-bottom: 0;
}
.section .sc-action {
    margin-top: 20px;
}
.section .sc-action a {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 15px;
}
.section .sc-action a:last-child {
    margin-right: 0;
}
.section .sc-bgvdo {
    position: absolute;
    top: 0; left: 0;
    width: 100%; 
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.section .sc-bgvdo video {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.section .img-bound {
    display: block;
    width: 100%;
    max-width: none;
}
.section .note-box { 
    margin: 15px 0;
}
.section .action-bottom {
    margin-top: 60px;
}
/* Section: Style */
.section-bg-gray {
    background-color: #fafafa;
}
.section .sc-bgimg,
.section-bg-flexible,
.section-bg-fixed,
.section-all-fixed,
.section-fullscreen {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: background-image 400ms ease-in-out;
    -moz-transition: background-image 400ms ease-in-out;
    -o-transition: background-image 400ms ease-in-out;
    transition: background-image 400ms ease-in-out;
    font-weight: normal;
}
.section-all-fixed .sc-inner,
.section-bg-fixed .sc-inner,
.section-fullscreen .sc-inner {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: none;
}
.section-all-fixed .container,
.section-bg-fixed .container,
.section-fullscreen .container {
    display: table;
    height: 100%;
}
.section-all-fixed .content-area,
.section-bg-fixed .content-area,
.section-fullscreen .content-area {
    display: table-cell;
    vertical-align: top;
}
.section-all-fixed .content-box,
.section-bg-fixed .content-box {
    max-width: 50%;
    padding-right: 50px;
}

.section.section-fullscreen {
    width: 100%;
    height: 100vh;
    background-color: #000;
    min-height: 880px;
}
.no-touch .section.section-fullscreen {
    background-attachment: fixed;
}
.section.section-fullscreen .sc-inner {
    padding: 130px 0;
}

.section.section-fullscreen.nofix {
    height: auto;
    min-height: 100vh;
}
.section.section-fullscreen.nofix .sc-inner {
    position: static;
    padding-bottom: 60px;
}

/* Section: Position */
.section-ct-right {
    text-align: left;
}
.section-ct-right .content-box {
    margin-left: auto;
    padding-left: 50px;
    padding-right: 0;
}
.section-ct-center {
    text-align: center;
}
.section-ct-center .content-box {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.section-ct-vmiddle .content-area {
    vertical-align: middle;
}
.section-ct-vbottom .content-area {
    vertical-align: bottom;
}
.section.section-bg-left,
.section.section-bg-left .sc-bgimg {
    background-position: left center;
}
.section.section-bg-lefttop,
.section.section-bg-lefttop .sc-bgimg {
    background-position: left top;
}
.section.section-bg-leftbottom,
.section.section-bg-leftbottom .sc-bgimg {
    background-position: left bottom;
}
.section.section-bg-right,
.section.section-bg-right .sc-bgimg {
    background-position: right center;
}
.section.section-bg-righttop,
.section.section-bg-righttop .sc-bgimg {
    background-position: right top;
}
.section.section-bg-rightbottom,
.section.section-bg-rightbottom .sc-bgimg {
    background-position: right bottom;
}
.section.section-bg-centertop,
.section.section-bg-centertop .sc-bgimg {
    background-position: center top;
}
.section.section-bg-centerbottom,
.section.section-bg-centerbottom .sc-bgimg {
    background-position: center bottom;
}
/* Section: Font Style & Color */
.section-ct-white-fixed {
    color: #fff;
}
.section-ct-black-fixed {
    color: #333;
}
.section-ct-white-fixed a,
.section-ct-white-fixed h1,
.section-ct-white-fixed h2,
.section-ct-white-fixed h3,
.section-ct-white-fixed h4, 
.section-ct-white-fixed h5,
.section-ct-white-fixed h6,
.section-ct-white-fixed .h1,
.section-ct-white-fixed .h2,
.section-ct-white-fixed .h3,
.section-ct-white-fixed .h4, 
.section-ct-white-fixed .h5,
.section-ct-white-fixed .h6,
.section-ct-white-fixed .sc-heading,
.section-ct-black-fixed a,
.section-ct-black-fixed h1,
.section-ct-black-fixed h2,
.section-ct-black-fixed h3,
.section-ct-black-fixed h4, 
.section-ct-black-fixed h5,
.section-ct-black-fixed h6,
.section-ct-black-fixed .h1,
.section-ct-black-fixed .h2,
.section-ct-black-fixed .h3,
.section-ct-black-fixed .h4, 
.section-ct-black-fixed .h5,
.section-ct-black-fixed .h6,
.section-ct-black-fixed .sc-heading {
    color: inherit;
}
/* Section: Other */
.section.section-tiles .sc-inner {
    padding-bottom: 0;
}
.section-tiles .tiles {
    overflow: hidden;
}
.section-tiles .tile {
    position: relative;
    display: block;
    width: 50%;
    float: left;
}
.section-tiles .tile-headline {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; 
    height: 100%;
    padding: 20px 40px;
    color: #333;
}
.section-tiles .tile-headline .tb {
    height: 100%;
}
.section-tiles .tile-headline .tbcell {
    width: 100%;
    height: 100%;
}
.section-tiles .tile-headline .heading,
.section-tiles .tile-headline a {
    color: inherit;
}
.section-tiles .tile.f-right {
    float: right;
}
.section-tiles .tile.tile-full {
    width: 100%;
    clear: both;
}
.section-tiles .tile.tile-white .tile-headline {
    color: #fff;
}

.section.section-bar .sc-inner {
    padding: 45px 0;
}
.section-bar .image {
    width: 30%;
    padding-right: 30px;
}

.section-items-view {
    overflow: hidden;    
}
.item-view {
    position: relative;
    display: block;
    float: left;
    width: 33.3333333%;
}
.item-view .headline {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    padding: 10%;
}
.item-view .headline .tb {
    height: 100%;
}
.item-view:before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    display: block;
    height: 150px;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

/* Slick */
.slick-slider .slick-slide {
    outline: 0;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: 200ms ease-in-out;
}
.slick-slider .slick-prev { left: -45px;}
.slick-slider .slick-next { right: -45px;}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    font-family: 'icokbank';
    font-size: 35px;
    line-height: 1;
    color: #00a950;
}
.slick-slider .slick-prev:before { content: '\e908';}
.slick-slider .slick-next:before { content: '\e909';}
.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus {
    opacity: 1;
}
.slick-slider .slick-prev.slick-disabled,
.slick-slider .slick-next.slick-disabled {
    opacity: 0.4;
    cursor: default;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 0;
}
.slick-slider .slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus {
    outline: none;
}
.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-slider .slick-dots li button:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    text-align: center;
    background-color: #acacac;
    border: 1px solid #acacac;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .75;
}
.slick-slider .slick-dots li.slick-active button:before {
    background-color: #00a950 !important;
    border-color: #00a950 !important;
    opacity: 1 !important;
}
/* End Slick */

/* Masterslider */
.ms-caption {
    position: absolute;
    width: 100%;
    top:0;
    z-index: 999;
}
.ms-view .ms-slide-container {
    height: auto;
}
.master-slider img, 
.ms-slide-bgvideocont video {
    max-width: 100%;
    width: 100%;
}
.ms-slide .ms-slide-bgvideocont {
    top: 0;
}
.ms-view .ms-slide-container:after {
    content: "";
    display: table;
    clear: both;
}
.ms-bullets.ms-dir-h {
	position: absolute;
	right: inherit;
	width: auto;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
    height: 10px;
    right: inherit;
}
.ms-bullets {
    display: block !important;
    opacity: 1 !important;
    filter: opacity(100%) !important;
    width: 100% !important;
    text-align: center;
    margin-top: 0;
}
.ms-bullets .ms-bullet {
    float: none !important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 !important;
    margin: 0 7px !important;
    cursor: pointer;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;  
    outline: none;
    background: #ccc;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.ms-bullets .ms-bullet.ms-bullet-selected, 
.ms-bullets .ms-bullet:hover {
    background: #fff;
    border: 1px solid #0aad6a;
}
.ms-view {
    background: #fff;
}
.ms-slide-info,
.ms-info,
.ms-info * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms-info a { 
    position: relative; 
    pointer-events: auto; 
}
.master-slider .ms-slide-info {
    position: relative;
}
.master-slider .ms-info {
    display: table;
    width: 100%;
    height: 100%;
}
.master-slider .ms-info-wrap {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 20px 0;
}
.ms-info-box {
    color: #333;
    padding: 0 35px;
}
.ms-info-box .heading,
.ms-info-box h2 {
    font-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-size: 75px;
    line-height: 0.8;
    margin-bottom: 10px;
}
.ms-info-box .heading strong,
.ms-info-box h2 strong {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
}
.ms-info-box p {
    margin-bottom: 5px;
}
.ms-info-box .heading,
.ms-info-box h2,
.ms-info-box a {
    color: inherit !important;
}
.ms-info-box a.more {
    font-size: inherit;
}
.ms-info-box .action-bottom {
    margin-top: 15px;
}
/* Carousel Slider */
.carousel-slider { 
    max-width: 100%;
    overflow: hidden;
}
.carousel-slider .ms-view {
    overflow: visible;
    background-color: transparent;
}
.carousel-slider .ms-nav-prev, 
.carousel-slider .ms-nav-next {
    display: block !important; 
    opacity: 1 !important;
    width: 60px; height: 60px;
    background-color: rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 50%; left: -75px;
    z-index: 2;
    margin-top: -30px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}
.carousel-slider .ms-nav-next {
    right: -75px;
    left: auto;
}
.carousel-slider .ms-nav-prev:before, 
.carousel-slider .ms-nav-next:before {
    font-family: 'icokbank';
    font-size: 35px;
    color: #fff;
    filter: Alpha(opacity=70);
    opacity: 0.7;
    line-height: 60px;
}
.carousel-slider .ms-nav-prev:before {
    content: "\e908";
}
.carousel-slider .ms-nav-next:before {
    content: "\e909";
}
.carousel-slider .ms-nav-prev:hover, 
.carousel-slider .ms-nav-next:hover {
    background-color: rgba(0,0,0,0.4);
}
.carousel-slider .ms-slide-info { 
    pointer-events: none;
}
.carousel-slider .type {
    padding: 20px 35px 0;
}
.carousel-slider .list-tags {
    margin-left: -8px;
}
.carousel-slider .ms-bullets {
    bottom: 25px !important; 
}
/* end Masterslider */

/* Meta Data */
.type .h-type {
    font-size: 12px;
    color: #00a950;
}
.list-tags {
    overflow: hidden;
    margin-top: 10px;
}
.list-tags .tag {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    text-align: center;
    vertical-align: top;
    font-size: 13px;
    color: #999 !important;
    height: 24px;
    line-height: 1.5;
    padding: 0 8px;
    border: 1px solid #eee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    white-space: nowrap;
    text-decoration: none !important;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.list-tags .tag:hover,
.list-tags .tag.active {
    color: #00a950 !important;
    border-color: #00a950;
}
.list-tags .tag.active {
    padding-right: 25px;
}

/* Thumbnail */
.thumbnails {
    position: relative;
    margin: -20px -10px;
    font-size: 0;
}
.thumbnails .item {
    display: inline-block;
    vertical-align: top;
    padding: 20px 10px;
    width: 33.3333333%;
}
.thumbnail {
    display: block;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.no-touch .thumbnail:hover {
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
}
.thumbnail .image {
    display: block;
    overflow: hidden;
}
.thumbnail .image > img {
    display: block;
    width: 100%;
}
.thumbnail .meta {
    padding: 20px;
}
.thumbnail .meta .date {
    padding: 0 1px;
}
.thumbnail .meta .title {
    display: block;
    font-family: 'kurious-looped';
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    padding: 5px 1px;
    width: 100%;
    height: 75px;
    overflow: hidden;
}
.thumbnail .meta .type {
    margin-top: 15px;
}
.thumbnail .meta .list-tags {
    margin-left: -8px;
}

/*.thumbnails.thumbnails-news-slider {
    margin-left: 0;
    margin-right: 0;
}
.thumbnails.thumbnails-news-slider .item {
    width: 500px;
    padding: 20px;
}
.thumbnails.thumbnails-news-slider .slick-list {
    padding-left: 20px;
}*/
/* End Thumbnail */

/* Report */
.reports {
    position: relative;
    margin: -20px -10px;
    font-size: 0;
}
.reports .item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 20px 10px;
}
.report {
    display: block;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #00a950;
}
.report .image {
    position: relative;
}
.report .image .img-bg {
    width: 100%;    
}
.report .image .img-fix {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    padding-top: 25px;
    padding-bottom: 50px;
}
.report .image .img-fix img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.report .title {
    position: absolute;
    left: 0; right: 0;
    bottom: 15px;
}
.report .action {
    font-size: 0;
    background-color: #fff;
}
.report .action > a {
    display: block;
    float: left;
    width: 50%;
    line-height: 35px;
    font-size: 17px;
    color: #00a950;
    text-align: center;
    border-right: 1px solid #eee;
}
.report .action > a:last-child {
    border-right: 0;
}
/* End Report */

/* Article */
.art-headline .art-heading {
    width: 80%;
    margin: 0 auto;
}
.art-detail {
    width: 900px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.art-content {
    position: relative;
}
.art-content .share-group {
    position: absolute;
    right: 0; top: -7px;
}
.art-content .entrycontent {
    margin-top: 30px;
}
.art-bottom {
    position: relative;
    padding: 30px 0 0;
    margin-top: 30px;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.art-action {
    margin-top: 40px;
}
.art-action a.turnback {
    font-size: 14px;
}
.art-media {
    width: 700px;
    max-width: 100%;
    margin: 15px auto;
}
.art-media .videoWrapper {
    display: block;
    margin: 0 auto 15px;
}
.art-media .caption {
    color: #999;
    font-size: 80%;
    font-style: italic;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.art-image-gallery {
    margin: 45px auto;
}
.art-image-gallery .image-gallery {
    position: relative;
    margin: -10px;
    font-size: 0;
}
.art-image-gallery .image-gallery .item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding: 10px;
    transition: 200ms ease-in-out;
}
.art-image-gallery .image-gallery a {
    display: block;
}
.art-image-gallery .image-gallery a>img {
    display: block;
    width: auto;
    max-height: 150px;
    margin: 0 auto;
}

/* Share */
.share-group {
    display: inline-block;
    text-align: center;
}
.share-group .ic {
    font-size: 26px;
    margin-right: 0;
}
.share-group:after {
    content: "";
    display: table;
    clear: both;
}
.share-group .share-item {
    display: inline-block;
    width: 60px; height: 60px;
    line-height: 60px;
    margin: 10px;
    text-align: center;
    background-color: #00a950;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.share-group .share-item .ic {
    color: #fff;
}
.no-touch .share-group .share-item:hover {
    background-color: #fff;
}
.no-touch .share-group .share-item:hover .ic {
    color: #00a950;
}
.share-alt .ic-share-alt {
    font-size: 26px;
    color: #333;
}
.no-touch .share-line {
    display: none;
}

/* mfp */
.mfp-close,
.mfp-arrow {
    transition: 200ms ease-in-out;
}

.mfp-close,
.mfp-arrow,
.mfp-image-holder .mfp-content, 
.mfp-iframe-holder .mfp-content {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mfp-bg,
.mfp-wrap .mfp-content,
.mfp-wrap .mfp-container {
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-bg.mfp-removing,
.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-wrap.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    visibility: visible;
}
/* mfp close */
.mfp-close {
    opacity: 1;
}
button.mfp-close {
    font-size: 0;
    padding: 0;
    text-align: center;
}
button.mfp-close,
button.mfp-close:active {
    top: 21px; 
    right: 21px;
}
button.mfp-close:after {
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 25px;
}
button.mfp-close,
.mfp-close-btn-in .mfp-close {
    color: inherit;
}
.mfp-image-holder button.mfp-close, 
.mfp-iframe-holder button.mfp-close {
    width: 44px;
    line-height: 44px; 
    top: -44px; 
    right: -44px;
    color: #bbb;
}
button.mfp-close:hover,
.mfp-image-holder button.mfp-close:hover, 
.mfp-iframe-holder button.mfp-close:hover {
    color: #00a950;
}
/* mfp arrow */
.mfp-arrow {
    opacity: 1;
    color: #bbb;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.mfp-arrow:before,
.mfp-arrow:after {
    border: 0;
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    text-align: center;
}
.mfp-arrow:before {
    font-family: 'icokbank';
    font-size: 35px;
}
.mfp-arrow-left:before {
    content: "\e908";
}
.mfp-arrow-right:before {
    content: "\e909";
}
.mfp-arrow:hover {
    color: #00a950;
}
/* mfp content */
.mfp-content {
    background-color: #fff;
    max-width: 375px;
    margin: 0 auto;
}
.mfp-content .white-popup-block {
    padding: 60px 20px 30px;
}
/* mfp image */
.mfp-image-holder .mfp-content {
    background-color: transparent;
}
.mfp-image-holder .mfp-figure {
    line-height: normal;
}
.mfp-image-holder .mfp-figure:after {
    display: none;
}
.mfp-image-holder img.mfp-img {
    padding: 0;
}
.mfp-image-holder .mfp-title {
    font-size: 14px;
    color: #bbb;
    line-height: normal;
}

/* Popup Content */
.icw-popup-content.mfp-bg {
    background: #fff;
}
.icw-popup-content.mfp-bg.mfp-ready {
    opacity: 1;
}
.icw-popup-content .mfp-container {
    padding: 0;
    border-top: 3px solid #00a950;
    position: fixed;
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.icw-popup-content .mfp-content {
    max-width: 100%;
}
.icw-popup-content .main-container {
    padding: 100px 0;
}
/* Popup Share */
.icw-popup-function.mfp-bg {
    background: #f2f2f2;
}
.icw-popup-function.mfp-bg.mfp-ready {
    opacity: 1;
}
.icw-popup-function .mfp-container {
    padding: 0;
}
.icw-popup-function .mfp-content {
    background-color: transparent;
    max-width: 100%;
    height: 100%;
}
#popup-share {
    display: table;
    width: 100%;
    height: 100%;
}
#popup-share .main-container {
    display: table-cell;
    width: 100%; height: 100%;
    vertical-align: middle;
    text-align: center;
}
/* Popup Iframe & Image */
.icw-popup-image button.mfp-close, 
.icw-popup-iframe button.mfp-close {
    color: #bbb;
}
.icw-popup-image .mfp-container {
    padding: 45px 100px;
    position: fixed;
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.icw-popup-image .mfp-content {
    max-width: 900px;
}
.icw-popup-image .mfp-content .mfp-arrow-left {
    left: -88px;
}
.icw-popup-image .mfp-content .mfp-arrow-right {
    right: -88px;
}
.icw-popup-image .mfp-image-holder .mfp-bottom-bar {
    position: absolute;
    top: auto;
    bottom: -22px;
    overflow: hidden;
}
.icw-popup-image .mfp-image-holder .mfp-counter {
    position: static;
    float: right;
    font-weight: 600;
    color: #bbb;
    line-height: 1;
}

/* Accordion */
.accordion {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: -1px;
}
.accordion-title {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
    cursor: pointer;
    color: #333;
    word-wrap: break-word;
}
.accordion-title:after {
    font-family: 'icokbank';
    content: "\e90d";
    font-size: 100%;
    line-height: 1;
    position: absolute;
    right: 0; top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.accordion-title.active:after {
    content: "\e90e";
}
.accordion-title:after,
.accordion-title:hover,
.accordion-title.active {
    color: #00a950;
}
.accordion-title span {
    font-family: 'DBThaiTextX';
    font-size: 35px;
    line-height: 0.8;
}
.accordion-content .wrap {
    padding: 15px 0 30px;
}

.accordion-filter .accordion-title {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.accordion-filter .accordion-title:after {
    font-size: 80%;
    content: "\e915";
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: rotate(0) scale(.9);
    -ms-transform: rotate(0) scale(.9);
    transform: rotate(0) scale(.9);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin-top: -5px;
}
.accordion-filter .accordion-title.active:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}
.accordion-filter .accordion-title:after,
.accordion-filter .accordion-title:hover,
.accordion-filter .accordion-title.active {
    color: #333;
}
.accordion-filter .accordion-content .wrap {
    padding: 0 0 20px;
}

.accordion.empty .accordion-title {
    cursor: default;
}
.accordion.empty .accordion-title:after,
.accordion.empty .accordion-title:hover,
.accordion.empty .accordion-title.active {
    color: #333;
}
.accordion.empty .accordion-title:after {
    display: none;
}
/* End Accordion */

/* Responsive Tabs */
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    height: 67px;
    line-height: 67px;
    font-size: 0;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:before, 
.r-tabs .r-tabs-nav .r-tabs-anchor:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 0;
    left: 50%;
    z-index: 1;
    display: block;
    filter: Alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:before {
    border-bottom-color: #ddd;
    border-width: 12px;
    margin-left: -12px;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:after {
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:before, 
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
    display: block;
    filter: Alpha(opacity=100%);
    opacity: 1;
    visibility: visible;
}
.r-tabs .r-tabs-tab {
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    font-size: 16px;
    font-weight: normal;
    color: #111;
}
.r-tabs .r-tabs-panel {
    display: none;
}
.r-tabs .r-tabs-accordion-title {
    display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}
.r-tabs {
	position: relative;
	background-color: #fff;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: block;
    cursor: pointer;
}
.r-tabs .r-tabs-nav .r-tabs-tab:first-child .r-tabs-anchor {
    padding-top: 0;
}
.r-tabs .r-tabs-nav .r-tabs-tab:last-child .r-tabs-anchor {
    border-bottom: 0;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #00a950;
}
.r-tabs .r-tabs-panel {
	background-color: #fff;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    position: relative;
	display: block;
    padding: 17px 12px;
    background-color: #00a950;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
    font-family: 'icokbank';
    content: "\e90d";
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    border-bottom: 0;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
    content: "\e90e";
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
/* End Responsive Tabs */

/* Nav Filters */
.localnav:after,
.localnav-wrap:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.localnav {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}
.localnav,
.localnav .ic {
    color: #333;
}
.localnav-wrap {
    position: relative;
    height: 60px;
    line-height: 60px;
}
.localnav .heading {
    color: #333;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.icw .localnav .heading {
    line-height: inherit;
}
.localnav a.link {
    color: #333;
}
.localnav a.link:hover,
.localnav a.active {
    color: #00a950;
}
.localnav .sortby {
    margin-left: 20px;
}
.localnav .sortby-title,
.localnav .sortby .select-transparent {
    padding-left: 10px;
}
.localnav .sortby .select-transparent select {
    padding-left: 0;
    color: #333;
}
.localnav .sortby .select-transparent:after {
    background-color: #fff;
}

.localnav-tags .localnav-wrap {
    height: auto !important;
    line-height: normal !important;
    padding: 12px 0;
}
.localnav-tags .search-box {
    margin-top: 0;
}
.localnav-tags .list-tags {
    position: relative;
    max-width: 78%;
    float: left;
    margin: 3px 0;
}
.localnav-tags .list-tags .tag {
    margin: 5px 5px 5px 0;
    float: none;
    vertical-align: middle;
}
.localnav-tags .list-tags .tag.active:after {
    font-family: 'icokbank';
    content: "\e915";
    position: absolute;
    right: 7px; top: 50%;
    margin-top: -11px;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: rotate(0) scale(.9);
    -ms-transform: rotate(0) scale(.9);
    transform: rotate(0) scale(.9);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

/* Filters */
.sc-filters-container {
    position: relative;
}
.sc-filters-container:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.search-filters {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 249px;
    float: left;
    -webkit-transition: opacity .6s, width .6s, -webkit-transform .6s;
    -moz-transition: opacity .6s, width .6s, -moz-transform .6s;
    transition: opacity .6s, width .6s, transform .6s;
    pointer-events: none;
}
.search-filter-container {
    max-width: 100%;
    overflow: hidden;
    padding: 20px 20px 20px 0;
}
.search-filters-form .checkboxfull {
    padding: 5px 0;
}
.search-filters-form .action-bottom {
    margin-top: 30px;
    margin-left: -2%;
    margin-right: -2%;
    overflow: hidden;
}
.search-filters-form .action-bottom .btn {
    width: 46%;
    margin: 0 2%;
    float: left;
}
.search-filters-results {
    position: relative;
    z-index: 2;
    width: 100%;
    float: right;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 60px 0;
}
.search-filters-results .main-container .section:first-child .sc-inner {
    padding-top: 0 !important;
}
.filter-result-row {
    margin: -20px -10px;
}
.filter-result {
    position: relative;
    float: left;
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    padding: 20px 10px;
	height:394px;
}
.filter-open .filter-result {
    width: 33.3333333%;
}
.search-filters-mobile .search-filter-container {
    padding-right: 0;
}

/* Tab */
.tab-content {
    display: none;
}
.tab-content.current {
    display: block;   
}

.tab-group .tab-list {
    text-align: center;
    font-size: 0;
    margin: 30px auto 40px;
}
.tab-group .tab-list > a {
    display: inline-block;
    vertical-align: top;
    padding: 5px 20px;
    margin-right: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    border-bottom: 2px solid transparent;
}
.tab-group .tab-list > a:last-child {
    margin-right: 0;
}
.tab-group .tab-list > a.current {
    color: #00a950;
    border-color: #00a950;
}
/* End Tab */

.circle-group {
    position: relative;
    display: inline-block;
    margin: 20px -15px;
}
.cir-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}
.cir-item .cir {
    display: block;
    width: 140px;
    line-height: 140px;
    background-color: rgba(0,169,80,0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none !important;
}
.cir-item .cir:last-child {
    margin-right: 0;
}
.cir-item .cir:hover {
    background-color: rgba(0,169,80,1);
}

.greendna-box {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 40px;
    background-color: rgba(4,140,49,0.8);
}

.ninePic img{
	max-width: 64px !important;
}
#sd-intro {
    font-size: 16px;
}
#sd-intro .sc-heading,
.sd-headline .sd-heading {
    font-size: 42px;
}
#sd-intro .tab-group {
    font-size: 16px;
}
.art-headline .art-heading {		
    font-size: 50px;		
}		
/* arrow scroll down */		
.arrow-scrolldown {		
    width: 30px;		
    opacity: 0;		
    position: absolute;		
    left: 50%; top: 95%;		
    transform-origin: 50% 95%;		
    transform: translate3d(-50%, -95%, 0);		
    pointer-events: none;		
}		
.arrow-scrolldown.first {		
    animation: arrow-movement 2s ease-in-out infinite;		
}		
.arrow-scrolldown.last {		
    animation: arrow-movement 2s 1s ease-in-out infinite;		
}		
.arrow-scrolldown:before,		
.arrow-scrolldown:after {		
    background: #fff;		
    content: '';		
    display: block;		
    height: 3px; 		
    position: absolute;		
    top: 0;		
    left: 0;		
    width: 30px;		
}		
.arrow-scrolldown:before {		
  transform: rotate(45deg) translateX(-23%);		
  transform-origin: top left;		
}		
.arrow-scrolldown:after {		
  transform: rotate(-45deg) translateX(23%);		
  transform-origin: top right;		
}

.multimenu li:last-child{
			display: none;
		}


@keyframes arrow-movement {		
  0% { 		
    opacity: 0;		
    top: 93%;		
  }		
  70% {		
    opacity: 1;		
  }		
  100% { 		
    opacity: 0;		
  }		
}		
/* end arrow scroll down */

iframe{
	max-width: 560px;
    width: 100%;
}


@media screen and (-webkit-min-device-pixel-ratio: 1.5), 
screen and (-moz-min-device-pixel-ratio: 1.5), 
screen and (min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 192dpi) {
    
    input[type=radio].css-checkbox + .css-label,
    input[type=checkbox].css-checkbox + .css-label {
        background-size: 18px auto;
    }
    input[type=radio].css-checkbox + .css-label {
        background-image: url(../../assets/img/icon/2x/radio.png);
    }
    input[type=radio].css-checkbox:checked + .css-label {
        background-image: url(../../assets/img/icon/2x/radio-chk.png);
    }
    input[type=checkbox].css-checkbox + .css-label {
        background-image: url(../../assets/img/icon/2x/checkbox.png);
    }
    input[type=checkbox].css-checkbox:checked + .css-label {
        background-image: url(../../assets/img/icon/2x/checkbox-chk.png);
    }
    
}

/* Fix IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
    .icw { font-family: Helvetica, Arial, Tahoma, sans-serif;}
    
    .select:after { display: none;}
    .select .chosen-container-single .chosen-single div {
        width: 40px; 
        height: 38px;
        line-height: 38px;
        text-align: center;
    }
    .select .chosen-container-single .chosen-single div b:before {
        content: "\e90d";
        font-family: 'icokbank';
        font-size: 80%;
        font-weight: normal;
    }
    .select-transparent:after { background-color: #fff; margin-right: -1px; padding-right: 1px;}
    .select-transparent select { padding-right: 0;}
    
    .sortby .select:after { display: inline-block;}
    .sortby-title { vertical-align: top;}
    
}

/* Fix Sharepoint */
.mm-opening .ms-core-overlay { background: none !important;}
.icw .ms-webpartzone-cell { margin-bottom: 0;}
.icw .ms-rte-wpbox { font-weight: inherit; line-height: inherit;}
.icw .ms-rtestate-field p, .icw p.ms-rteElement-P { line-height: inherit;}
.icw .ms-webpart-cell-vertical, .icw .ms-webpart-chrome-vertical { display: block;}
.icw .labelError { display: block;}

.thumbnails .item {
    width: 25%;
}

@media screen and (max-width: 1024px) {
   .thumbnails .item {
    width: 325px ;
	
}
.filter-result {
	height:374px;
}
	.caption p{
	color: #ffffff;
}
	
}

@media screen and (max-width: 480px){
	.section.section-fullscreen {
    min-height: auto;
}
.filter-result {
    height: auto;
}
}



.table-data thead {
    font-family: 'kurious-looped';
    font-size: 18px !important;
    line-height: 1.5 !important;
    border-top: 3px solid #00a950;
}

@media screen and (max-width: 767px) {
    .table-data thead {
      font-size: 18px;
    }
  }

.f-20 {font-size:20px;font-family: 'kurious-looped';}
.f-18 {font-size:18px;font-family: 'kurious-looped';}
.f-16 {font-size:16px;font-family: 'kurious-looped';}


  @media screen and (max-width: 1024px) {
    .f-20 {font-size:18px;}
    .f-18 {font-size:16px;}
    .f-16 {font-size:16px;}
     
 }