/*@import url("corev15.css");*/
@import url("bootstrap.css");
@import url("fonts.css");
@import url("font-icokbank.css");
@import url("../js/perfect-scrollbar/perfect-scrollbar.min.css");
@import url("../js/mmenu/jquery.mmenu.all.min.css");
@import url("../js/masterslider/style/masterslider.min.css");
@import url("../js/owlcarousel/owl.carousel.css");
@import url("../js/slick/slick.css");
@import url("../js/magnific-popup/magnific-popup.css");
@import url("../js/chosen/chosen-custom.css");
@import url("../js/jquery/jquery-ui.css");

html {
    font-family: sans-serif;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    overflow-y: visible;
    overflow-x: hidden;
}

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;
}
[hidden],
template {
  display: none;
}

div#s4-workspace
{
    display:block;
}

div#menu {
    display:block;
}

div.header-device {
    display:block;
}

.icw {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icw,
.icw *,
.icw *:before,
.icw *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icw h1, 
.icw h2, 
.icw h3, 
.icw h4, 
.icw h5, 
.icw h6,
.icw p {
    margin: 0;
    padding: 0;
}

.icw b,
.icw strong {
    font-weight: 600;
}

.icw small {
    font-size: 80%;
    display: inline-block;
}

.icw address {
    font-style: normal;
}

.icw dd {
    -webkit-margin-start: 20px;    
}

.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-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 0.8;
    color: #333;
}
.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: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.icw h1, .icw .h1 { 
    font-size: 65px;
}
.icw h2, .icw .h2 { 
    font-size: 45px;
}
.icw h3, .icw .h3 { 
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 35px;
}
.icw h4, .icw .h4 { 
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
}
.icw h5, .icw .h5 { 
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 28px;
}
.icw h6, .icw .h6 { 
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
}

.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: 'DBThaiTextXItalic', Helvetica, Arial, sans-serif;
}

.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: 'DBThaiTextXBdIt', Helvetica, Arial, sans-serif;
}

.icw a,
.icw a:focus,
.icw a:hover,
.icw a:active {
    text-decoration: none;
    outline: none;
}
.icw a {
    color: inherit;
    cursor: pointer;
}
.icw a:focus,
.icw a:hover, 
.icw a:active { 
    
}

a[href^=tel],
a[href^=mail] { 
    outline: none;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.icw figure {
    margin: 0;
}
.icw img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.icw .img {
    display: block;
}
.icw .imgfull,
.icw .img-full {
    display: block;
    width: 100%;
}

.icw .img-inline {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 5px 0;
}

.icw .u-none,
.icw a.u-none,
.icw a.u-none:hover {
    text-decoration: none;
}

.icw-row {
    font-size: 0;
}
.icw-col {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.icw ul,
.icw ol,
.icw li {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.icw fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
}

.icw label {
    display: inline-block;
}

.icw legend {
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 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;
    box-shadow: none;
    outline: 0;
}
.select .chosen-container {
    text-align: left;
}
.select .chosen-container-single .chosen-single div {
    /*display: none;*/
}
.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(../img/icon/radio.png);
}
input[type=radio].css-checkbox:checked + .css-label {
    background-image: url(../img/icon/radio-chk.png);
}
input[type=checkbox].css-checkbox + .css-label {
    background-image: url(../img/icon/checkbox.png);
}
input[type=checkbox].css-checkbox:checked + .css-label {
    background-image: url(../img/icon/checkbox-chk.png);
}

input[type=radio].css-checkbox[disabled] + .css-label,
input[type=checkbox].css-checkbox[disabled] + .css-label {
    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";
}
.checkboxbd {
    position: relative;
    margin: 0;
    display: table;
    width: 100%;
}
.checkboxbd .css-label {
    width: 100%;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
}
.checkboxbd input[type=checkbox].css-checkbox + .css-label,
.checkboxbd input[type=radio].css-checkbox + .css-label {
    margin-bottom: 0;
    padding: 15px;
    display: table-cell;
    height: 110px;
    vertical-align: middle;
    border: 1px solid #eee;
    text-align: center;
}
.checkboxbd input[type=checkbox].css-checkbox:checked + .css-label,
.checkboxbd input[type=radio].css-checkbox:checked + .css-label {
    border-color: #00a950;
    color: #00a950;
}
.checkboxfull input[type=checkbox].css-checkbox + .css-label,
.checkboxfull input[type=checkbox].css-checkbox:checked + .css-label,
.checkboxbd input[type=checkbox].css-checkbox + .css-label,
.checkboxbd input[type=checkbox].css-checkbox:checked + .css-label,
.checkboxbd input[type=radio].css-checkbox + .css-label,
.checkboxbd input[type=radio].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 {
    /*float: left;*/
    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 .icw-input.padding-0 {
    padding: 0;
}
.icw-form .icw-input.padding-top-0 {
    padding-top: 0;
}
.icw-form .icw-input.padding-bottom-0 {
    padding-bottom: 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-form input:focus + .overlabel-fade, 
.icw-form textarea:focus + .overlabel-fade, 
.icw-form .filled input + .overlabel-fade, 
.icw-form .filled textarea + .overlabel-fade {
    line-height: 40px;
    top: 20px;
    opacity: 0;
    visibility: hidden;
}
.icw-form .icw-input.padding-0 input + .overlabel-fade, 
.icw-form .icw-input.padding-0 textarea + .overlabel-fade, 
.icw-form .icw-input.padding-0 .filled input + .overlabel-fade, 
.icw-form .icw-input.padding-0 .filled textarea + .overlabel-fade {
    top: 0 !important;
}

.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: #bbb;
}
.icw-form .icw-inputvalid {
    clear: both;
    margin: 0;
    font-size: 13px;
    color: #ed1b2e;
}
.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-right: 10px;
}
.action-form .btn:last-child {
    margin-right: 0;
}

.entryform .radio, 
.entryform .checkbox {
    padding-left: 15px;
}

.entryform dd {
    margin-left: 30px;
}

.entryform-box,
.form-message-box {
    padding: 40px 30px;
    background-color: #fafafa;
    margin-bottom: 30px;
}
.form-message-box .heading {
    margin-bottom: 20px;
}

.entryform.md {
    width: 550px;
    max-width: 100%;
    margin: 0 auto;
}

.form-box {
    display: block;
    margin: 0 auto;
}
.form-box-sm {
    width: 360px;
    max-width: 100%;
}
.form-box .icw-form .icw-input {
    padding-bottom: 10px;
}


.icw .clr {
    clear: both;
    width: 100%;
    line-height: 0;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.icw .clr:after {
    content: "";
    display: table;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
}
.icw .btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    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;
}
.icw .btn-xs {
    padding: 3px 15px;
    font-size: 14px;
    min-width: 0;
}
.icw .btn-sm {
    padding: 5px 15px;
    font-size: 14px;
    min-width: 0;
}
.icw .btn-md {
    padding: 7px 20px;
    min-width: 120px;
}
.icw .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.icw .btn-block {
    display: block;
    width: 100%;
}
.icw .btn,
.icw .btn-green {
    background-color: #00a950;
    color: #fff !important;
}

.no-touch .icw .btn:hover,
.no-touch .icw .btn-green:hover {
    background-color: #028f44;
}

.icw input[type="reset"],
.icw .btn-gray,
.icw .btn-gray:hover {
    background-color: #bbb;
    color: #fff !important;
}
.icw .btn .ic,
.icw .btn-green .ic,
.icw .btn-gray .ic {
    color: inherit;
}

.icw .btn-showmore {
    display: inline-block;
    border: 1px solid #e1e1e1;
    color: #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none !important;
    min-width: 180px;
    max-width: 100%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.no-touch .icw .btn-showmore:hover,
.no-touchevents .icw .btn-showmore:hover {
    border: 1px solid #00a950;
    color: #00a950;
}

.icw .btn-outline {
    display: inline-block;
    background-color: transparent !important;
    border: 1px solid #00a950;
/*    font-size: 14px;*/
    color: #00a950 !important;
/*    padding: 7px 20px;*/
    text-align: center;
    text-decoration: none !important;
/*    min-width: 150px;*/
    min-width: 95px;
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,169,79,1)inset;
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,169,79,1)inset;
    box-shadow: 0px 0px 1px 0px rgba(0,169,79,1)inset;
}
.icw .btn-outline:hover {
    border-color: #028f44 !important;
    color: #028f44 !important;
}
.icw .btn-outline-white,
.icw .btn-outline-white:hover {
    border-color: #fff !important;
    color: #fff !important;
}
.icw .btn-outline-white:hover {
    background-color: rgba(255,255,255,0.05) !important;
}


.icw .more {
    position: relative;
    display: inline-block;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
}
.icw .more,
.icw a.more,
.icw .more:hover,
.icw a.more:hover,
.icw .more-green,
.icw .more-green:hover,
.icw a.more-green:hover {
    color: #00a950;
}

.icw .more-white,
.icw a.more-white,
.icw .more-white:hover,
.icw a.more-white:hover {
    color: #fff;
}
.icw .more-black,
.icw a.more-black,
.icw .more-black:hover,
.icw a.more-black:hover {
    color: #333;
}

.more:after {
    font-family: 'icokbank';
    content: "\e909";
    display: inline-block;
    margin-left: 3px;
}
.more-down:after {
    content: "\e90d";
    margin-left: 6px;
}
.icw .turnback,
.icw a.turnback {
    position: relative;
    display: inline-block;
    color: #00a950;
    white-space: nowrap;
    border-bottom: none;
}
.icw .turnback:hover,
.icw a.turnback:hover {
    color: #00a950;
}
.turnback:before {
    font-family: 'icokbank';
    content: "\e908";
    display: inline-block;
    margin-right: 4px;
}

.icw .more:hover,
.icw a.more:hover,
.icw .turnback:hover,
.icw a.turnback:hover {
    text-decoration: underline;
}

a.edit {
    display: inline-block;
    font-size: 14px;
    color: #00a950;
}
a.edit:hover {
    color: #00a950;
}
a.edit:before {
    font-family: 'icokbank';
    content: "\e908";
    display: inline-block;
    margin-right: 4px;
    font-size: 80%;
}

.icw a.link-icon,
.icw a.link-icon .ic {
    color: #00a950;
    text-decoration: none;
}
.icw a.link-icon {
    white-space: nowrap;
}
.icw a.link-icon .ic {
    margin-right: 5px;
    font-size: 18px;
}
.icw .link-message,
.icw .link-message .ic {
    color: #00a950;
    text-decoration: none;
    vertical-align: baseline;
}
.icw .link-message .ic {
    margin-left: 5px;
}

.icw .input-group {
    position: relative;
}
.icw .input-group .btn-input {
    position: absolute;
    height: 100%;
    top: 0; right: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.newsletter .input-group .btn-input {
    background-color: #bbb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.icw .f-left {
    float: left;
}
.icw .f-right {
    float: right;
}
.icw .a-left {
    text-align: left;
}
.icw .a-center {
    text-align: center;
}
.icw .a-right {
    text-align: right;
}
.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 .links { }
.icw .links li {
    margin-bottom: 0;
}
.icw a.link {
    display: inline-block;
}

.links-green,
.links-green a,
.links-green .ic { 
    color: #00a950;
}

ul.list-inline { }
ul.list-inline li {
    display: inline-block;
}

.col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.col-5 {
    width: 20%;
}

.tb {
    display: table;
    width: 100%;
}
.tbcell {
    display: table-cell;
}

.ic,
.ic-label {
    display: inline-block;
    vertical-align: middle;
}
.ic {
    color: #bbb;
}
.ic > img {
    display: block;
}
.ic-label {
    margin-left: 6px;
}

.crop-circle {
    display: inline-block;
    width: 30px; 
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    /*background-color: #bbb;*/
    overflow: hidden;
}
.crop-circle,
.crop-circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tool {
    display: inline-block;
}
.tool .ic {
    font-size: 25px;
}

.icw a, 
.ic, 
.accordion-title { 
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}

.icw .btn,
ul.shortcut li a,
ul.shortcut-bottom li {
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

.more:after,
.turnback:before,
ul.shortcut li a:after,
.accordion-title:after {
    font-size: 70%;
}

/* Fonts */
.db-thaitext-x {
    font-family: 'DBThaiTextX' !important;
}
.db-thaitextx-bd {
    font-family: 'DBThaiTextXBd' !important;
}
.futura {
    font-family: 'FuturaHeavyBT';
}
.georgia {
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 13px;
}
.font-didot {
    font-family: 'Didot';
    font-size: 80%;
    line-height: 1.3;
}
.font-didot h1, .font-didot .h1, 
.font-didot h2, .font-didot .h2, 
.font-didot h3, .font-didot .h3, 
.font-didot h4, .font-didot .h4, 
.font-didot h5, .font-didot .h5, 
.font-didot h6, .font-didot .h6 {
    font-family: 'Didot';
}
.font-didot h3, .font-didot .h3 {
    font-family: 'DidotBold';
}

/* Header Desktop */
.header {
    position: relative;
    z-index: 999;
    background-color: #fff;
    -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 .img-logo {
    width: 190px;
    line-height: 0;
}
.header .tool {
    position: relative;
    margin-left: 15px;
}
.header .btn-login {
    background-color: #00a950;
    font-size: 14px;
}
.header .btn-login,
.header .btn-login .ic {
    color: #fff;
}
.header .btn-login .ic {
    font-size: 16px;
    margin-right: 8px;
    margin-top: -2px;
}

.box-login {
    width: 220px;
    position: absolute;
    top: initial; right: 0; 
    margin-right: -49px;
    margin-bottom: -10px;
    margin-top: -10px;
    z-index: 9999;
    display: none;
    filter: Alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}
.box-login:before, 
.box-login:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    z-index: 10000;
}
.box-login:before {
    top: -15px;
    border-width: 8px;
    margin-left: -8px;
    border-bottom-color: #007939;
}
.box-login:after {
    top: -13px;
    border-width: 7px;
    margin-left: -7px;
    border-bottom-color: #fff;
}
.box-login ul,
.box-login li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
.box-login ul {
    position: relative;
    width: 100%;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #00a950;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.box-login li a {
    display: block;
    width: 100%;
    padding: 3px 20px;
    border-bottom: 1px solid #e2e2e2;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #777;
    text-align: left;
    white-space: nowrap;
}
.box-login li:last-child a {
    border-bottom: 0;
}
.box-login li:hover a {
    color: #00a950;
    background-color: #fafafa;
}
.box-login.active,
.tool-login:hover .box-login {
    display: block;
    filter: Alpha(opacity=0);
    opacity: 1;
    visibility: visible;
}

.list-group {
    overflow: hidden;
}
.list-group li {
    position: relative;
    float: left;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin-right: 25px;
}
.list-group a.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    border-width: 0 6px 6px;
    border-bottom-color: #fff;
}

.navtop {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #00a950;
}
.navtop:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.navtop .tbcell {
    vertical-align: top;
}

.navtop .list-group li,
.navtop .list-inline li {
    display: inline-block;
    white-space: nowrap;
    margin-right: 15px;
    position: relative;
}

.navtop .list-group li {
    margin-right: 25px;
}

.navtop .list-inline li:last-child {
    margin-right: 0;
}
.navtop .list-inline li.divide {
    padding: 0 5px;
    vertical-align: middle;
    line-height: normal;
}
.navtop .list-inline a {
    display: block;
}
.navtop .list-inline a:hover,
.navtop .list-inline a.active {
    color: #fff;
}

.navtop .li-logo-kasikornthai {
    margin-right: 10px !important;
}
.navtop .img-logo-kasikornthai {
    width: 25px !important;
}

.navtop .select-language {
    display: inline-block;
}
.navtop .select-language:after,
.navtop .select-language select {
    color: #fff;
}
.navtop .select-language select {
    padding-left: 0;
    font-size: 13px;
    font-weight: 400;
}
.navtop .select-language select:focus option {
    color: #333;
}

/* Language */
.kb-language {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding-left: 15px;
    margin-left: -15px;
    cursor: pointer;
}
.kb-language .lang-selected {
    display: inline-block;
    vertical-align: top;
}
.kb-language .lang-selected:after {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    font-family: 'icokbank';
    content: "\e90d";
    font-size: 80%;
    text-align: right;
    color: #fff;
}
.kb-language .lang-box {
    width: 100%;
    position: absolute;
    left: 0; top: 35px;
    z-index: 1;
    display: none;
    background-color: #00a950;
}
.kb-language .lang-box li {
    display: block;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: normal;
    opacity: 0.7;
}
.kb-language .lang-box li:hover {
    opacity: 1;
}
.kb-language .lang-box li:last-child {
    padding-bottom: 10px;
}
/* End Language */

.navbottom {
    position: relative;
    min-height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #f2f2f2;
}

.navfooter {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.navfooter .list-group {
    color: #999;
}
.navfooter .list-group a.active {
    color: #00a950;
}
.navfooter .list-group a.active:after {
    border-bottom-color: #fafafa;
}

.navmain .li-logo {
    padding-right: 25px;
}
.navmain .submenu {
    width: 100%;
    background: #ffffff;
    padding-top: 35px;
    border-top: 1px solid #eee;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    position: absolute;
    left: 0; top: initial;
    z-index: 9999;
    /*display: none;*/
    filter: Alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 150ms, opacity 150ms;
    -moz-transition: visibility 150ms, opacity 150ms;
    -o-transition: visibility 150ms, opacity 150ms;
    transition: visibility 150ms, opacity 150ms;
}
.submenu .submenu-inner {
    padding-left: 230px;
}
.submenu-bottom {
    background-color: #fafafa;
    padding: 15px 0;
    margin-top: 30px;
}
.submenu-bottom .list-inline li {
    margin-left: 20px;
}
.submenu-bottom .list-inline a:hover,
.submenu-bottom .list-inline a:hover .ic {
    color: #00a950;
}

.box-links {
    margin-bottom: 30px;
}
.box-links .heading {
    margin-bottom: 15px;
    font-size: 30px;
    color: #00a950;
}
.box-links .heading.c-black {
    color: #333;
}
.box-links .title {
    font-weight: 600;
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px;
}
.box-links .links li {
    margin-bottom: 10px;
}
.box-links .link {
    display: inline-block;
    padding: 0;
}
.links .link:hover {
    color: #00a950;
}

#navmain {
    font-size: 14px;
}
#navmain > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
}
#navmain > ul > li {
    display: inline-block;
    vertical-align: top;
    z-index: 2;
    float: left;
}
#navmain a.link-menu {
    position: relative;
    display: block;
    padding: 0 15px;
    font-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #333;
    cursor: pointer;
}
#navmain a.link-menu:after, 
#navmain a.link-menu:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -1px;
    left: 50%;
    z-index: 10000;
    /*display: none;*/
    filter: Alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 150ms;
    -moz-transition: visibility 150ms;
    -o-transition: visibility 150ms;
    transition: visibility 150ms;
}
#navmain a.link-menu:before {
    border-bottom-color: #e1e1e1;
    border-width: 10px;
    margin-left: -10px;
}
#navmain a.link-menu:after {
    border-bottom-color: #FFF;
    border-width: 9px;
    margin-left: -9px;
}
#navmain > ul > li.li-menu:hover > a,
#navmain > ul > li.li-menu:hover > a.active {
    color: #00a950;
}

/*
#navmain > ul > li.li-menu:hover .submenu,
#navmain > ul > li.li-menu.has-submenu:hover a.link-menu:before,
#navmain > ul > li.li-menu.has-submenu:hover a.link-menu:after {
    display: block;
    filter: Alpha(opacity=100%);
    opacity: 1;
    visibility: visible;
}
*/

#navmain > ul > li.li-menu.mouseenter .submenu,
#navmain > ul > li.li-menu.has-submenu.mouseenter a.link-menu:before,
#navmain > ul > li.li-menu.has-submenu.mouseenter a.link-menu:after {
    display: block;
    filter: Alpha(opacity=100%);
    opacity: 1;
    visibility: visible;
}

/* Header Doc Style */
.header-docstyle {
    position: relative;
    border-top: 3px solid #00a950;
}
.header-docstyle .inner {
    display: table;
    width: 100%;
    padding: 30px 0;
}
.header-docstyle .header-logo,
.header-docstyle .header-heading {
    display: table-cell;
    vertical-align: middle;
}
.header-docstyle .header-logo {
    text-align: left;
    vertical-align: top;
}
.header-docstyle .header-heading {
    text-align: right;
}
.header-docstyle .heading {
    line-height: 0.8;
}

/* End Header Desktop */

/* Header Devices */
.header-device {
    display: block;
    width: 100%;
    height: 57px;
    background-color: #fff;
}
.header-device.fixed {
    position: fixed;
    top: 0; left: 0;
    z-index: 999;
}
.header-device-fixed {
    width: 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: 999;
}

.header-device-wrap {
    position: relative;
    border-top: 3px solid #00a950;
}

.header-device .tb {
    padding: 0;
}
.header-device .tbcell {
    width: 33.3333333%;
}

.header-device .logo {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
}

.header-device .tool {
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    padding: 0 0 0 10px;
    line-height: 53px;
    margin-left: 0;
}

.header-device .tool .ic {
    font-weight: 600;
    color: #00a950;    
}

.header-device .header-device-wrap,
.header-device .container,
.header-device .tb,
.header-device .tool {
    height: 100%;
}

/* New Button Mobile */
.header-device .tool:first-child {
    padding-left: 0;
}
.header-device .tool .btn-tool-m {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    color: #00a950;
    line-height: inherit;
    min-width: 46px;
}
.header-device .tool .btn-tool-m .ic {
    font-size: 14px;
}
.header-device .tool .btn-tool-m .ic,
.header-device .tool .btn-tool-m .ic-label {
    line-height: normal;
    vertical-align: top;
    display: block;
    text-align: center;
}
.header-device .tool .btn-tool-m .ic-label {
    line-height: 1;
    margin: 2px 0 0;
}
#box-login.mm-menu.mm-tipright:before { right: 7.5% !important;}
/* END New Button Mobile */

#box-login {
    top: 57px !important;
    width: 100% !important;
    max-width: 300px !important;
    right: 7px !important; 
    left: inherit !important;
    display: none;
}
.mm-opening.mm-dropdown #box-login {
    display: block;
}
#box-login.mm-menu.mm-tipright:before {
    right: 13px;
}
#box-login .mm-panels > .mm-panel:before {
    height: 0;
}
#box-login .mm-navbar,
#box-login .mm-navbar .mm-title {
    background-color: #eee;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #777;
    padding: 0;
}
#box-login .mm-navbar .mm-title {
    padding: 4px 0;
}
#box-login .mm-navbar {
    position: relative;
    top: 0;
    text-align: center;
    height: auto;
    padding: 10px 0;
}
#box-login .mm-panels > .mm-panel.mm-hasnavbar {
    padding: 0;
}
#box-login.mm-menu.mm-tip:before {
    background-color: #eee;
}
#box-login.mm-menu.mm-tiptop:before {
    top: -5px;
}
#box-login.mm-menu.mm-dropdown {
    height: 225px;
}
#box-login .mm-listview {
    padding: 0 35px;
}
#box-login .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin: 5px 0;
}
#box-login .mm-panels>.mm-panel:after {
    height: 0;
}
#box-login .mm-panels > .mm-panel, 
#box-login .mm-panels .mm-navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#box-login .mm-listview > li {
    border-bottom: 1px solid #f2f2f2;
}
#box-login .mm-listview li:last-child {
    border-bottom: 0;
}
#box-login .mm-listview > li > span,
#box-login .mm-listview > li > a { 
    padding: 14px 0;    
}

html.mm-opening.mm-dropdown .tool-login .ic {
    color: #00a950;
}
html.mm-pagedim-black.mm-opening #mm-blocker {
    opacity: 0.5;
}

.bars {
    position: relative;
    display: inline-block;
    vertical-align: top;
    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;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    -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;}

/*html.mm-opening.menu-opening .bars .i-bar-top, 
html.mm-opening.menu-opening .bars .i-bar-bottom {
    top: 6px !important;
    background-color: #00a950 !important;
}
html.mm-opening.menu-opening .bars .i-bar-top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
html.mm-opening.menu-opening .bars .i-bar-bottom {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
html.mm-opening.menu-opening .bars .i-bar-middle {
    opacity: 0;
    filter: Alpha(opacity=0);
}*/

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

html.mm-dropdown .mm-menu { z-index: 99999;}
html.mm-dropdown .header-device { z-index: 0;}

/* Plugin mmenu */
html.mm-front .mm-menu {
    z-index: 998;
}
#menu,
#menu.mm-menu.mm-offcanvas {
    display: none;
}
#menu.mm-menu.mm-offcanvas.mm-current {
    display: block;
}
.mm-page {
    min-height: inherit !important;
}
.mm-menu {
    background: #fafafa;
    border-color: inherit;
    color: inherit;
}
.mm-panel .mm-navbar {
    display: block;
    border: 0;
}
.mm-panels > .mm-panel,
.mm-panels .mm-navbar {
    padding: 0 30px;
}
.mm-panels > .mm-panel > .mm-listview,
.mm-panels > .mm-panel > .mm-listview:first-child, 
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin: 0 0 15px;
}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    /*margin: 15px 0;*/
    margin: 5px 0 15px;
}
.mm-panels > .mm-panel:before { 
    height: 57px;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 49px;
}
.mm-navbar,
.mm-listview,
.mm-search-custom {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 22px;
    color: #777;
}

.mm-navbar,
.mm-listview > li.mm-listmain > span,
.mm-listview .mm-listmain {
    font-size: 30px !important;
    color: #555;
}
.mm-navbar {
    text-align: left;
    top: 57px; 
    overflow: hidden;
}
.mm-navbar > *,
.mm-listview > li > a, 
.mm-listview > li > span {
    margin: 0;
    padding: 0;
}
.mm-listview > li > span,
.mm-listview > li > a {
    padding: 8px 0;
}
.mm-navbar > *,
.mm-listview > li.mm-listmain > a,
.mm-listview > li.mm-listmain > span {
    padding: 17px 0;
}
.mm-listview > li.mm-listmain {
    border-bottom: 1px solid #f2f2f2;
}
.mm-listview > li:not(.mm-divider):after {
    left: 0;
    border-color: #f2f2f2;
    display: none;
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), 
.mm-menu .mm-listview > li.mm-selected > span {
    background: none;
}
.mm-menu .mm-listview > li .mm-next:after, 
.mm-menu .mm-listview > li .mm-arrow:after {
    border-color: #f2f2f2;
}
.mm-navbar {
    height: 53px;
    padding: 0 20px;
    background-color: #00a950;
    border: 0;
}
.mm-menu .mm-navbar > *, 
.mm-menu .mm-navbar a {
    color: #fff;
}
.mm-menu .mm-navbar .mm-btn:before, 
.mm-menu .mm-navbar .mm-btn:after {
    border-color: #fff;
}
.mm-navbar .mm-btn,
.mm-listview .mm-next {
    width: 30px;
}
.mm-navbar .mm-btn:first-child {
    left: 0;
    padding-left: 0;
    height: 100%;
}
.mm-listview .mm-next:before {
    border: 0;
    font-family: 'icokbank';
    content: "\e909";
    font-size: 12px;
    color: #777;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    left: auto; 
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.mm-arrow:after,
.mm-next:after {
    right: 4px;
    display: none;
}
.mm-prev:before {
    left: inherit;
}


.mm-next:after, 
.mm-prev:before {
    width: auto;
    height: auto;
    border: 0;
    -webkit-transform: none;
    transform: none;
}
.mm-navbar .mm-prev:before {
    font-family: 'icokbank';
    content: "\e908";
    font-size: 16px;
    line-height: 55px;
    margin-left: 10px;
}

#mm-blocker { 
    background: none; 
    cursor: pointer;
}

.mm-menu>.mm-navbar-bottom {
    top: auto;
    bottom: 0;
    height: auto;
}

.mm-menu .mm-bottom {
    padding: 15px 0;
}
.mm-menu .mm-bottom:after {
    content: "";
    display: table;
    clear: both;
}
.mm-menu .affiliate-websites li {
    display: block;
    margin: 0;
}
.mm-menu .social {
    font-size: 20px;
    text-align: left;
    float: left;
}
.mm-menu .social a {
    margin-right: 15px;
}
.mm-menu .social .ic {
    margin: 0;
}
.mm-menu .select-language {
    width: 55px;
    float: right;
    margin-top: 2px;
}
.mm-menu .select-language select {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 28px;
}
.mm-menu .select-language:after {
    font-size: 12px;
}
.mm-menu .select-language select,
.mm-menu .select-language:after {
    color: #999;
}

.mm-hasnavbar .mm-listview {
    /*font-size: 30px;*/
}
.mm-hasnavbar .mm-listview > li {
    border-bottom: 1px solid #f2f2f2;
}
.mm-hasnavbar .mm-listview li:last-child {
    border-bottom: 0;
}
.mm-hasnavbar .mm-listview > li > span,
.mm-hasnavbar .mm-listview > li > a { 
    padding: 14px 0;    
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span, 
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover, 
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a, 
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span, 
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: none;
}

.mainpage-link {
    font-size: 26px;
    color: #555;
}

#mm-bottom-box {
    padding: 0;
}
#mm-bottom-box .mm-bottom {
    background-color: #fff;
    padding: 10px 35px;
}

/*
.mm-home .ic {
    display: inline-block;
    width: 21px; height: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.mm-home .ic-home { background-image: url(../img/icon/home.png);}

.mm-hasnavbar .mm-listview > li.mm-home { 
    height: 0; 
    border: 0;
}
.mm-hasnavbar .mm-listview > li.mm-home a {
    display: inline-block;
    width: 53px; height: 53px;
    position: absolute;
    top: -64px;
    right: 0;
    color: #fff !important;
    text-align: right;
}
.mm-hasnavbar .mm-listview > li.mm-home a { width: 50px; height: 57px; top: -72px;}
*/

.mm-menu {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(320px,0,0);
    transform: translate3d(320px,0,0);
}
.mm-panels > .mm-panel:before {
    height: 0;
}
.mm-navbar {
    top: 0;
    height: 57px;
}
.mm-navbar .mm-prev:before { line-height: 58px;}

.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 57px;}

.mm-search-custom {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin-bottom: 15px;
    cursor: pointer;
}
.mm-search-custom .open-popup-search {
    clear: both;
    position: relative;
    display: block;
    width: 100%;
}
.mm-search-custom .ic-search {
    font-size: 18px;
    position: absolute;
    right: 0; top: 0;
    color: #777;
    line-height: 22px;
}
.mm-menu .mm-bottom {
    padding: 0 0 15px;
}
.mm-listview .arrow-hide .mm-next.mm-fullsubopen:before { display: none;}
.mm-listview>li>a { overflow: visible;}
.mm-listview .mm-listmain .mm-next:before { font-size: 16px;}

.mm-home { color: #555; border-color: #eee !important;}
/* End Header Devices */


.footer {
    background-color: #fafafa;
    font-size: 12px;
}
.footer .title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
}
.footer .title > a:hover {
    color: #00a950;
}
.footer .links li {
    margin-bottom: 6px;
}
.footer .link {
    color: #777;
}
.footer .social {
    overflow: hidden;
    margin-top: 6px;
}
.footer .social a {
    float: left;
    margin-right: 10px;
}
.footer .social .ic {
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #f2f2f2;
    text-align: center;
    background-color: #bbb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.footer .social .ic:hover {
    color: #fff;
    background-color: #00a950;
}

.slogan {
    padding: 30px 0;
}
.slogan .img {
    margin: 0 auto;
    width: 183px;
}

.footer-legal:after,
.footer-utility:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.footer-legal {
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.footer-legal .copyright {
    display: inline-block;
    float: left;
    color: #999;
}
.footer-legal .links {
    float: right;
}
.footer-legal .links li {
    white-space: nowrap;
    padding-left: 15px;
    margin-bottom: 0;
}

.footer-directory {
    padding: 45px 0;
}

.footer-utility {
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.footer-utility .links {
    float: right;
    margin-top: 9px;
}
.footer-utility .links li {
    white-space: nowrap;
    padding-left: 15px;
    margin-bottom: 0;
}
.footer-utility .affiliate-websites {
    float: left;
}

.affiliate-websites li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding: 5px 0;
}
.affiliate-websites li:last-child {
    margin-right: 0;
}
.affiliate-websites .img {
    height: 21px;
}
.affiliate-websites .img-kbtg {
    height: 25px !important;
}

.newsletter .input-group .input {
    height: 35px;
    padding: 5px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.newsletter .input-group .input:focus {
    border-color: #bbb;
}
.newsletter .input-group .btn-input {
    min-width: 80px;
    padding: 0 20px;
}

.social {
    display: inline-block;
    vertical-align: middle;
}
.social a {
    display: inline-block;
}
.social .ic {
    margin: 0 5px;
}

.language {
    display: inline-block;
    vertical-align: middle;
}
.language {
    color: #888;
}
.language .ic {
    margin-left: 0;
    margin-right: 10px;
}

.footer-docstyle {
    background-color: #fff;
    padding: 0;
}
.footer-docstyle .container-sm {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.footer-docstyle .footer-legal {
    text-align: center;
    border-top: 0;
    display: none;
}
.footer-docstyle .footer-legal .copyright {
    float: none;
}

/* 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; 
    /*z-index: 1;*/
}

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

.highlight-slider {
    position: relative;
    padding-bottom: 40px;
    background-color: #fff;
    overflow: hidden;
}
.highlight-slider .ms-slide-info {
    margin-top: 0 !important;
}
.highlight-slider .ms-info-box {
    color: #00a950;
}
.highlight-slider .ms-bullets.ms-dir-h { 
    bottom: -40px;
}

.highlight-slider .ms-slide-info,
.carousel-slider .ms-slide-info { 
    pointer-events: none;
}

.ms-info-box {
    font-size: 18px;
    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 a.c-red {
    color: #f4081c;
}
.ms-info-box .action-bottom {
    margin-top: 15px;
}

.news-slider {
    position: relative;
    overflow: hidden;
}
.news-slider .master-slider, 
.news-slider .master-slider * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-slider .master-slider {
    border: 1px solid #f2f2f2;
}
.news-slider .ms-inner-controls-cont, 
.news-slider .ms-container {
    position: static;
}
.news-slider .ms-slide-info {
    margin: 0 !important;
    min-height: none !important;
    max-width: 100%;
}
.news-slider .ms-info {
    min-height: 125px;
    padding: 15px 30px 30px;
}
.news-slider .ms-info .title {
    padding-top: 3px;
    height: 51px;
    overflow: hidden;
}
.news-slider .ms-bullets {
    text-align: left;
    left: 25px; bottom: 15px;
    z-index: 1;
    display: inline-block !important;
    width: auto !important;
}
.news-slider .ms-bullets .ms-bullet {
    margin: 0 5px !important;
}
.news-slider .more {
    position: absolute;
    bottom: 14px;
    right: 30px;
    font-size: 14px;
}
.news-slider .label {
    position: absolute;
    top: 15px; left: 15px;
    z-index: 1;
}
.news-slider .date {
    margin-top: 5px;
    line-height: 1;
}
.news-slider .date,
.news-slider .category {
    display: inline-block;
    vertical-align: baseline;
}
.news-slider .category {
    font-size: 12px;
    color: #00a950;
    line-height: 1;
}
.news-slider .line {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #bbb;
    margin: 0 12px;
}

.icw .btn-play {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0; 
    right: 0;
    top: 50%; 
    margin: -17px auto 0;
    z-index: 1;
}
.icw .btn-play:after {
    font-family: 'icokbank';
    font-size: 15px;
    content: "\e921";
    color: #fff;
    margin-left: -3px;
} 


/* 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;
}
.carousel-slider .ms-nav-prev, 
.carousel-slider .ms-nav-next {
    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;
    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 .type {
    padding: 20px 35px 0;
}
.carousel-slider .list-tags {
    margin-left: -8px;
}
.carousel-slider .ms-bullets {
    bottom: 25px !important; 
}

.ms-grabbing-cursor .open-popup-iframe { 
    z-index: 0;
}
/* end Masterslider */


.label {
    display: inline-block;
    height: 24px; 
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
    background-color: transparent;
    border: 1px solid #00a950;
    color: #00a950;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.label-transparent {
    background-color: transparent;
    color: #00a950;
    border: 1px solid #00a950;
}
.date {
    font-size: 12px;
    color: #999;
}

#page {
    position: relative;
    background-color: #fff;
}

.main .page-title {
    margin-bottom: 30px;
}
.main-container {
    padding: 60px 0;
}
.main-container-home {
    padding: 30px 0;
    background-color: #fff;
}
.main-bg-gray {
    background-color: #fafafa;
}

.grids:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.grids {
    position: relative;
}
.grids .grid,
.section-home .image-ads {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow ease-in-out 300ms;
    -moz-transition: -moz-box-shadow ease-in-out 300ms;
    -o-transition: -o-box-shadow ease-in-out 300ms;
    transition: box-shadow ease-in-out 300ms;
    overflow: hidden;
}

.grids .grid-img,
.section-home .image-ads .img-full {
    display: block;
    width: 100%;
    max-width: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.grids .grid:hover .grid-img,
.section-home .image-ads:hover .img-full {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.grids .grid-iframe {
    background-color: #fafafa;
}
.grids .iframeSet {
    width: 100%; 
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    text-align: center;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.grids .iframeWrapper {
    display: table;
    width: 100%; 
    height: 100%;
}
.grids .iframeInner {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 0;
}
.grids .iframeInner iframe {
    margin: 0 auto;
}

/* grid vdo */
.grid-vdo .vdo-img {
    display: block;
    width: 100%;
}
.grid-vdo .vdo-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; 
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.grid-vdo .vdo-bg video {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}
/* end grid vdo */

.grids > .row .row {
    margin-top: -9px;
    margin-bottom: -9px;
}
.grids > .row .row [class^=col-] {
    padding-top: 9px;
    padding-bottom: 9px;
}
.grids .block-data {
    margin-bottom: 0;
}

ul.shortcut li:last-child a {
    border-bottom: 0;
}
ul.shortcut li a {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background-color: #00a950;
    border-bottom: 1px solid #fff;
    color: #fff !important;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    white-space: nowrap;
}
ul.shortcut li a:after {
    font-family: 'icokbank';
    content: "\e909";
    display: inline-block;
    width: auto; 
    height: 100%;
    margin-left: 4px;
    position: absolute;
    right: 20px;
    top: 0;
}
ul.shortcut li a.lock:after {
    content: "\e903";
}
ul.shortcut li a.phone:after {
    content: "\e906";
}
ul.shortcut li a.share:after {
    content: "\e602";
    font-size: 85%;
}

.no-touch ul.shortcut li a:hover,
.no-touch ul.shortcut-bottom li:hover {
    background-color: #028f44;
}

.section-home {
    padding: 30px 0;
}
.section-home .heading {
    margin-bottom: 10px;
}
.section-home .image-ads {
    position: relative;
}
.section-home .image-ads .btn-play,
.section-home .grid .btn-play {
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin-top: -27px;
}
.section-home .image-ads .btn-play:after,
.section-home .grid .btn-play:after {
    font-size: 19px;
}
.section-home .table-rate-box,
.section-home ul.shortcut {
    overflow: hidden;
}
.section-home .more {
    font-size: 14px;
    white-space: nowrap;
}


.sq-row:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.sq-row {
    position: relative;
    margin: 0;
    font-size: 0;
}
.sq-row .sq-col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.sq-box {
    display: block;
    position: relative;
}
.sq-box img {
    width: 100%;
    max-width: none;
}
.sq-info {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    padding: 30px 40px;
    font-size: 16px;
    color: #fff;
}
.sq-info .heading {
    margin-bottom: 5px;
}
.sq-info .heading,
.sq-info a,
.sq-info a:hover,
.sq-info a.more,
.sq-info a.more:hover {
    color: inherit;
}

/* Entry Content */
.entrycontent h1,
.entrycontent h2,
.entrycontent h3,
.entrycontent h4,
.entrycontent h5,
.entrycontent h6,
.entrycontent .h1,
.entrycontent .h2,
.entrycontent .h3,
.entrycontent .h4,
.entrycontent .h5,
.entrycontent .h6 {
    margin-bottom: 10px;
}
.entrycontent p {
    margin-bottom: 10px;
}
.entrycontent a {
    color: #00a950;
}
.entrycontent a,
.entrycontent a:hover {
    text-decoration: underline;
}
.entrycontent h1 a,
.entrycontent h2 a,
.entrycontent h3 a,
.entrycontent h4 a,
.entrycontent h5 a,
.entrycontent h6 a,
.entrycontent .h1 a,
.entrycontent .h2 a,
.entrycontent .h3 a,
.entrycontent .h4 a,
.entrycontent .h5 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 ol {
    margin-left: 0;
}
.entrycontent li {
    margin-bottom: 6px;
}
.entrycontent li:last-child {
    /*margin-bottom: 0;*/
}
.entrycontent li li {
    margin-top: 5px;
    /*margin-bottom: 5px !important;*/
}
.entrycontent li ul,
.entrycontent li ol {
    margin-bottom: 10px;
}
.entrycontent li ul:last-child,
.entrycontent li ol:last-child {
    margin-bottom: 0;
}
.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%;
    font-weight: normal;
}
.entrycontent ol > li > ol > li:before {
    content: counters(item, ".") ""; 
}

/*.entrycontent ol ul li { 
    display: list-item;
    list-style-type: disc;
}
.entrycontent ol ul li:before { 
    content: "";
    display: none;
}*/

.icw a.link-img { 
    display: inline-block;
    border: 0 !important; 
    text-decoration: none !important;
    vertical-align: middle;
    line-height: 0 !important;
}
.icw a.link-img img {
    display: block;
    vertical-align: top;
}

.effect-img:hover {
    opacity: 0.9;
    cursor: pointer;
}

ul.list-style-line,
ol.list-style-line {
    margin-left: 0;
    counter-reset: none;
}
ul.list-style-line > li,
ol.list-style-line > li {
    display: table;
    width: 100%;
    text-align: left;
    margin-left: 0;
}
ul.list-style-line > li:before,
ol.list-style-line > li:before { 
    content: "-"; 
    display: table-cell;
    padding-left: 5px;
    width: 1.3em;
}

.icw-number {
    font-family: 'DBThaiTextXBd';
    font-size: 70px;
    line-height: 35px;
    color: #333;
}

ul.list-style-none,
ul.list-style-none li,
ol.list-style-none,
ol.list-style-none li {
    list-style: none;
    margin-left: 0;
}
ol.list-style-none li:before {
    display: none;
}

.icw-remark {
    font-size: 80%;
    margin-bottom: 30px;
}
.icw-remark p,
.icw-remark li {
    margin-bottom: 5px;
}

/* Table */
table {
    margin-bottom: 10px;
}
.icw th, 
.icw td {
    padding: 5px 10px 5px 0;
    vertical-align: top;
}
.table th,
.table thead td,
.table-heading .heading {
    font-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 0.8;
    color: #333;
}
.table thead th,
.table-heading .heading {
    color: #00a950;
}
.table-heading .heading {
    margin-bottom: 10px;
}
.table tbody th {
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 35px;
}
.table th,
.table td {
    vertical-align: top;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    border-left: 1px solid #f2f2f2;
}
.table thead tr {
    border-top: 0;
}
.table tbody tr {
    border-top: 1px solid #f2f2f2;
}
.table thead th,
.table thead td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 0;
}
.table thead tr th:first-child,
.table thead tr td:first-child,
.table tbody tr th:first-child,
.table tbody tr td:first-child {
    border-left: 0;
}

.table-detail {
    margin-bottom: 30px;
}
.table-detail thead th,
.table-detail thead td {
    min-height: 30px;
    /*padding-top: 0;*/
}
.table-detail thead th:after {
    content: "";
    display: table;
    clear: both;
}

.table-detail thead tr th:first-child,
.table-detail thead tr td:first-child,
.table-detail tbody tr th:first-child,
.table-detail tbody tr td:first-child {
    padding-left: 0;
}
.table-detail thead tr th:last-child,
.table-detail thead tr td:last-child {
    padding-right: 0;
}

.table-detail-group .table-detail,
.table-detail-group .note-box,
.table-detail-group .sc-action {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}
.table-detail-group .table-detail:last-child,
.table-detail-group .note-box:last-child,
.table-detail-group .sc-action:last-child {
    margin-bottom: 0 !important;
}
.table-detail-group .table-heading {
    margin-bottom: 10px;
    padding-top: 10px;
}
.table-detail-group .table-wrap {
    margin-bottom: 30px;
}
.table-detail-group .table-wrap:last-child {
    margin-bottom: 0;
}
.table-detail-group .table-heading:first-child,
.table-detail-group .table-detail:first-child thead th,
.table-detail-group .table-detail:first-child thead td {
    padding-top: 0;
}

.table-detail-group .table-detail tbody tr:last-child td {
    padding-bottom: 0;
}

.table-detail-2columns th,
.table-detail-2columns td {
    width: 50%;
}
.table-detail-3columns th,
.table-detail-3columns td {
    width: 33.333333%;
}
.table-detail-4columns th,
.table-detail-4columns td {
    width: 25%;
}
.table-detail-titleleft td:first-child {
    width: 25%;
}
.table-detail-titleleft td:first-child h3 {
    margin-bottom: 0;
}

.table .action-table {
    display: inline-block;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-top: 10px;
}
.table .tr-empty {
    border: 0;
    height: 30px;
}
.table .tr-empty td {
    padding: 0;
}
.table .td-empty {
    padding: 0;
    border: 0;
    height: 0;
    line-height: 0;
}

.table .td-num {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 35px;
    line-height: 0.8;
    color: #333;
    padding-top: 19px;
    padding-bottom: 19px;
}

.icw .table h3 {
    font-size: 30px;
}

.table-last,
.table-detail-last {
    margin-bottom: 0;
}

.table-heading {
    margin-bottom: 20px;
}

#localnav-fixed {
    z-index: 99;
}
.localnav:after,
.localnav-wrap:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.localnav {
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}
.localnav,
.localnav .ic {
    color: #333;
}
.localnav-wrap {
    position: relative;
    height: 65px;
    line-height: 65px;
    /*overflow: hidden;*/
}
.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-links {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.localnav-links.pull-left {
    text-align: left;
}
.localnav-links.pull-right {
    text-align: right;
}
.localnav .list-inline li,
.localnav-links li {
    line-height: inherit;
    padding: 0 10px;
}
.localnav .list-inline li:first-child,
.localnav-links li:first-child {
    padding-left: 0;
}
.localnav .list-inline li:last-child,
.localnav-links li:last-child {
    padding-right: 0;
}

.localnav-links .ps-scrollbar-y-rail {
    display: none !important;
}
.localnav-detail .localnav-links.pull-right {
    max-width: inherit;
    width: auto;
}

.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 .search-box {
    width: 220px;
    float: right;
    margin-top: 13px;
}
.search-box .icw-input {
    padding: 0;
}
.search-box .overlabel {
    top: 0 !important;
    line-height: 40px !important;
}
.search-box input:focus + .overlabel,  
.search-box .filled input + .overlabel {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}
.search-box .input-search .calltoaction {
    width: 45px;
}
.search-box .input-search .action li {
    font-size: 22px;
    line-height: 38px;
}

.fixto-fixed {
    z-index: 2;
}

.localnav-links,
.localnav-links-wrap {
    max-width: 65%;
}

.localnav-links-wrap {
    position: relative;
    display: inline-block;
}
.localnav-links-wrap .localnav-links {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.localnav-links-wrap:before,
.localnav-links-wrap:after {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -15px;
    pointer-events: none;
}
.localnav-links-wrap:before { 
    left: 0; 
    background-image: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, #ffffff 100%);
    background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, #ffffff 100%);
}
.localnav-links-wrap:after {
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #ffffff 100%);
}

.localnav-links-wrap.pull-left .localnav-links {
    padding-left: 15px;
}
.localnav-links-wrap.pull-left {
    margin-left: -15px;
}

.ps-container:hover>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9;
}
.ps-container>.ps-scrollbar-x-rail,
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    height: 7px;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    cursor: pointer;
}

a.btn-cal,
.btn-cal {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
}
.btn-cal:after {
    display: block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 3px;
    font-family: 'icokbank';
    font-size: 80%;
    color: #333;
    line-height: 1;
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}
.btn-cal:after {
    content: "\e90d";
}


/* Section */
.section {
    position: relative;
    /*overflow: hidden;*/
}
.section:after {
    content: "";
    display: table;
    clear: both;
}
.section .sc-inner {
    padding: 60px 0;
}
.section .sc-inner.nopd,
.section .sc-inner.no-pad {
    padding: 0;
}
.section .sc-inner.nopd-t,
.section .sc-inner.no-pad-top {
    padding-top: 0;
}
.section .sc-inner.nopd-b,
.section .sc-inner.no-pad-bottom {
    padding-bottom: 0;
}
.section .sc-headline {
    text-align: center;
    margin-bottom: 40px;
}
.section .sc-headline-aleft {
    text-align: left;
    margin-bottom: 30px;
}
.section .sc-heading {
    margin-bottom: 15px;
}
.section .sc-category {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
}
.section .sc-description {
    font-size: 22px;
}
.section .sc-description a {
    text-decoration: underline;
}
.section .sc-logo {
    margin-bottom: 30px;
}
.section .sc-img {
    margin: 30px 0;
}
.section .sc-img .img-full {
    max-width: 100%; 
}
.section .sc-img.fixed-bottom {
    margin-bottom: 0;
}
.section .sc-bgimg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}
.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 .sc-action {
    margin-top: 20px;
}

.sc-action a {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 15px;
}
.sc-action a:last-child {
    margin-right: 0;
}

.section-small .sc-inner {
    padding: 45px 0;
}

.section-bg-flexible {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.section-all-fixed,
.section-bg-fixed {
    position: relative;
}
.section-all-fixed .img-bound,
.section-bg-fixed .img-bound {
    display: block;
    width: 100%;
}
.section-all-fixed .sc-inner,
.section-bg-fixed .sc-inner {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: none;
}
.section-all-fixed .container,
.section-bg-fixed .container {
    display: table;
    height: 100%;
}
.section-all-fixed .content-area,
.section-bg-fixed .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-all-fixed {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.section-all-fixed .sc-inner {
    min-height: 200px;
}

.section-bg-gray {
    background-color: #fafafa;
}

.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-ct-fixed .sc-inner {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
}

.section-2columns .content-area {
    display: table;
    width: 100%;
}
.section-2columns .ct-column {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}


.section-component,
.section-details {
    margin: 30px 0;
}
.section-component .sc-inner,
.section-details .sc-inner {
    padding: 30px 0;
}

.section-details .entrycontent ul:last-child,
.section-details .entrycontent ol:last-child,
.section-details .entrycontent li:last-child,
.section-details .entrycontent p:last-child {
    margin-bottom: 0;
}


.section-solution {
    overflow: hidden;
}
.section-solution .sc-headline {
    margin-bottom: 15px !important;
}
.solution-slider {
    position: relative;
}
.solution-slider .sc-heading {
    color: #fff;
}
.solution-slider .item {
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.solution-slider .slick-dots,
.solution-slider .owl-controls {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
    text-align: center;
}
.solution-slider .owl-controls .owl-page span {
    background-color: #fff;
}
.solution-slider .owl-controls .owl-page.active span, 
.solution-slider .owl-controls.clickable .owl-page:hover span {
    background-color: #bbb; 
}

.solution-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
}
.solution-slider .slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    margin: 6px;
    font-size: 0;
    line-height: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.solution-slider .slick-dots li.slick-active button, 
.solution-slider .slick-dots li button:hover {
    background-color: #b1b1b1; 
}

.solution-slider .item {
    width: 100%;
    height: 100%;
    outline: 0;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.solution-slider .item-wrap {
    width: 100%;
    height: 100%;
    padding: 80px 0 120px;
    text-align: center;
}
.solution-slider .item-box {
    position: relative;
    display: block;
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.solution-slider .item-box,
.solution-slider .item-box .heading {
    color: #fff;
}
.solution-slider .item-img {
    display: block;
    max-width: 100%;
    margin: 0 auto 30px;
}
.solution-slider .item-brown {
    background-color: #99877d;
}
.solution-slider .item-green {
    background-color: #00a950;
}
.solution-slider .item-pink {
    background-color: #bc6057;
}
.solution-slider .tooltip-box {
    display: inline-block;
    position: relative;
    font-weight: 400;
    text-align: left;
}
.solution-slider .tooltip-order,
.solution-slider .tooltip-content {
    display: table-cell;
    vertical-align: top;
}
.solution-slider .tooltip-order {
    width: 70px;
    text-align: center;
    font-family: 'GothamRoundedLight';
    font-size: 80px;
    line-height: 1;
}
.solution-slider .tooltip-content {
    vertical-align: middle;
    text-align: left;
}

.solution-process {
    overflow: hidden;
}
.solution-process .process {
    position: relative;
    display: block;
    width: 20%;
    float: left;
}
.solution-3process .process {
    width: 33.3333333%;
}
.solution-5process .process {
    width: 20%;
}
.process .image>img {
    width: 100%;
}
.process .caption {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; 
    height: 100%;
    color: #fff;
}
.process .caption .heading {
    color: inherit;
    padding: 0 25px;
}
.process .caption .heading:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    content: "\e909";
    font-family: 'icokbank';
    font-size: 86%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -15px; top: 50%;
    margin-top: -15px;
    z-index: 1;
}
.process .caption .tb {
    height: 100%;
}
.process .caption .tbcell {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.solution-process .process:last-child .caption .heading:after {
    display: none;
}

.section-ct-white-fixed,
.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 {
    color: #fff;
}

.section-ct-black-fixed,
.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: #333;
}

.section-highlight .sc-action a {
    margin-top: 0;
}
.section-highlight .sc-action a.btn-block {
    max-width: 375px;
    margin: 0 auto !important;
}

.section-fillwidth {
    max-width: 1140px;
    margin: 0 auto;
}
.section-fillwidth .container {
    width: 100%; 
}

.highlight-landing {
    position: relative;
}
.highlight-landing .img-bound {
    display: block;
    width: 100%;
}
.highlight-landing .sc-inner {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: none;
}
.highlight-landing .container {
    display: table;
    height: 100%;
}
.highlight-landing .content-area {
    display: table-cell;
}
.section-fillwidth .content-box {
    max-width: 55%;
    padding: 0 30px;
}


.ct-white-fixed,
.ct-white-fixed a,
.ct-white-fixed h1,
.ct-white-fixed h2,
.ct-white-fixed h3,
.ct-white-fixed h4, 
.ct-white-fixed h5,
.ct-white-fixed h6,
.ct-white-fixed .h1,
.ct-white-fixed .h2,
.ct-white-fixed .h3,
.ct-white-fixed .h4, 
.ct-white-fixed .h5,
.ct-white-fixed .h6,
.ct-white-fixed .sc-heading,
.ct-white-fixed .more {
    color: #fff !important;
}


.content-box ul.list-image {
    position: relative;
    margin: 30px -30px;
    font-size: 0;
}
.content-box ul.list-image li {
    width: 25%;
    padding: 20px 30px;
    text-align: center;
    vertical-align: middle;
}
.content-box ul.list-image-sm {
    position: relative;
    font-size: 0;
    margin: 0 -10px;
}
.content-box ul.list-image-sm li {
    width: auto;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: middle;
}
.content-box ul.list-image-md {
    position: relative;
    font-size: 0;
    margin: 0 -20px;
}
.content-box ul.list-image-md li {
    width: auto;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
}

.col-ct {
    margin: 0 0 15px;
}
.col-ct p:last-child {
    margin-bottom: 0;
}

.linebreak {
    border-bottom: 1px solid #eee;
}

.lineh-fix {
    line-height: 0.98;
}

.tab-content {
    display: none;
}
.tab-content-current {
    display: block;   
}
.tabs-list li a.tab-trigger {
    -webkit-transition: all 225ms ease-out;
    transition: all 225ms ease-out;
    opacity: 0.6;
}
.tabs-list li.current a.tab-trigger {
    opacity: 1;
}
.tabs-list li .ic img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.tabs-list li.current .ic img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.img-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    -webkit-transition: filter 300ms ease-in-out;
    -moz-transition: filter 300ms ease-in-out;
    transition: filter 300ms ease-in-out;
}

.img-grayscale:hover {
    filter: none !important;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.component-block {
    display: table;
    width: 100%;
    overflow: hidden;
}
.component-block .component-col {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    background-color: #f2f2f2;
    padding: 30px 60px;
}
.component-block .heading {
    font-size: 30px;
    color: #333;
}
.component-content {
    text-align: center;
}
.component-content h3 {
    font-size: 30px;
}
.component-content .image {
    height: 300px;
    line-height: 300px;
}
.component-content .image > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.component-content .entrycontent {
    margin-top: 40px;
}
.component-list li {
    display: block;
    color: #333;
    padding: 0 40px;
    -webkit-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out;
}
.component-list li:last-child {
    border-bottom: 0;
}
.component-list a.tab-trigger {
    display: block;
    padding: 45px 0;
    text-align: left;
    border-bottom: 1px solid #f2f2f2;
}
.component-list .ic-label {
    padding-left: 30px;
}
.component-list .ic,
.component-list .ic-label {
    display: table-cell;
    vertical-align: middle;
}
.component-list .crop-circle {
    background-color: transparent;
    width: 48px; height: 48px;
}
.component-block .scroller-container {
    background-color: #fafafa;
    padding: 0;
}
.component-block .scroller {
    position: relative;
    height: 100%;
    padding: 0;
}
.component-block .scroller:before,
.component-block .scroller:after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    height: 40px;
    width: 100%;
}
.component-block .scroller:before {
    top: 0;
    background-image: -webkit-linear-gradient(top, #fafafa 0%, rgba(250,250,250,0) 100%);
    background-image: linear-gradient(to bottom, #fafafa 0%, rgba(250,250,250,0) 100%);
    pointer-events: none;
}
.component-block .scroller:after {
    bottom: 0;
    background-image: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%, #fafafa 100%);
    background-image: linear-gradient(to bottom, rgba(250,250,250,0) 0%, #fafafa 100%);
    pointer-events: none;
}
/*.component-block .scroller-wrap:after {
    content: "";
    position: absolute;
    top: 0; right: 0;
    width: 40px; 
    height: 100%;
    background-color: #fafafa;
}*/
.component-block .scroller .component-list {
    height: 556px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-right: -40px;
    padding-right: 40px;
}
.component-block .scroller .component-list::-webkit-scrollbar {
    width: 0;
    background-color: #fafafa;
}
.component-block .scroller .component-list::-webkit-scrollbar-thumb {
    background-color: #fafafa;
}
.component-block .scroller .component-list::-webkit-scrollbar-track {
    background-color: #fafafa;
}

.no-touch .component-list li:hover {
    background-color: #f6f6f6;
}
.no-touch .component-list li:hover a.tab-trigger {
    opacity: 1;
}

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

.accordion-faq {
    border-top: 1px solid #f2f2f2;
}
.accordion-faq .list-tags {
    margin: 30px 0 0;
}

.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-contact .accordion-title {
    padding-right: 110px;
}

.section-tiles .sc-inner {
    padding-bottom: 0 !important;
}
.section-tiles .sc-tiles-bottom {
    padding: 30px 0;
}
.tiles {
    overflow: hidden;
}
.tiles .tile {
    position: relative;
    display: block;
    width: 50%;
    float: left;
}
.tiles .tile.f-right {
    float: right;
}
.tiles .tile-full {
    width: 100%;
    clear: both;
}
.tiles .tile-headline {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; 
    height: 100%;
}
.tile .tile-headline {
    padding: 20px 40px;
    color: #333;
}
.tile .tile-headline h3,
.tile .tile-headline a {
    color: inherit;
}
.tile .tile-headline .tb {
    height: 100%;
}
.tile .tile-headline .tbcell {
    width: 100%;
    height: 100%;
}
.tile-white .tile-headline {
    color: #fff;
}

/* Tiles Table Style */
.tiles-tbstyle {
    display: table;
    width: 100%;
} 
.tiles-tbstyle.rtl {
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: left;
}
.tiles-tbstyle .tile {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    direction: ltr;
    unicode-bidi: bidi-override;
}
.tiles-tbstyle .tile.v-middle {
    vertical-align: middle;
}
.tiles-tbstyle .tile.v-bottom {
    vertical-align: bottom;
}
.tiles-tbstyle .tile-white {
    color: #fff;
}
.tiles-tbstyle .tile-bg {
    background-position: center;
    background-size: cover;
}
.tiles-tbstyle .tile a,
.tiles-tbstyle .tile .heading {
    color: inherit;
}
/* End Tiles Table Style */



.ct-group {
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.ct-group h3,
.ct-group .heading {
    margin-bottom: 5px;
}
.ct-group-inline {
    width: 50%;
    float: left;
    clear: none;
    padding-right: 15px;
}

.faq-ct-group .ct-group {
    margin-bottom: 30px;
}
.faq-ct-group .ct-group:last-child {
    margin-bottom: 0;
}
.faq-ct-group .question {
    color: #333;
    margin-bottom: 10px;
}

.content-box .ct-group {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.content-box .ct-group p {
    margin-bottom: 0;
}

#recommend-video .video-box {
    /*width: 1000px; 
    height: 565px;*/
    width: 1000px; 
    height: 500px;
    margin: 0 auto !important;
}
#recommend-video .ms-video-img {
    opacity: 0.4 !important;
}
#recommend-video .ms-caption {
    color: #fff;
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
    left: 50% !important; 
    top: 40% !important; 
    -webkit-transform: translate(-50%,-40%);
    -moz-transform: translate(-50%,-40%);
    -ms-transform: translate(-50%,-40%);
    transform: translate(-50%,-40%);
    z-index: 2;
}
#recommend-video .sc-heading {
    color: inherit;
}
#recommend-video .ms-video-btn {
    width: 60px; 
    height: 60px;
    background: url(../img/icon/video-play-w.png) no-repeat 0 0;
    background-size: 100%;
    left: 50%; 
    top: 65%; 
    -webkit-transform: translate(-50%,-65%);
    -moz-transform: translate(-50%,-65%);
    -ms-transform: translate(-50%,-65%);
    transform: translate(-50%,-65%);
}

#card-slider {
    position: relative;
    padding: 80px 0 0;
}
#card-slider .ms-view:after {
    content: "";
    display: table;
    clear: both;
}
#card-slider .ms-view {
    overflow: visible;
}
#card-slider .ms-slide {
    text-align: center;
}
#card-slider .sc-heading {
    width: 100%;
    position: absolute;
    left: 0; top: -80px;
    text-align: center;
}
#card-slider .ms-slide-info,
#card-slider .ms-thumb-list {
    position: static;
}
#card-slider .ms-thumb-frame {
    height: auto !important;
}
#card-slider .ms-thumb-frame {
    opacity: 1;
    width: 50px !important;
    margin-right: 0 !important;
}
#card-slider .ms-thumb {
    padding: 3px 5px;
    -webkit-transition: ease-in-out 200ms;
    -o-transition: ease-in-out 200ms;
    transition: ease-in-out 200ms;
}
#card-slider .ms-thumb img {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#card-slider .ms-thumb-frame-selected .ms-thumb {
    padding: 0;
}
.card-slider-info,
.card-slider-thumb {
    text-align: center;
}
.card-slider-info {
    max-width: 430px;
    margin: 0 auto;
    padding: 30px 15px;
}
.card-slider-info h3 {
    margin-bottom: 15px;
}
.card-slider-info .label {
    margin-top: 15px;
}

.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 h2 {
    margin-bottom: 15px;
    clear: both;
    display: none;
}
.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,
.no-touchevents .share-group .share-item:hover {
    background-color: #fff;
}
.no-touch .share-group .share-item:hover .ic,
.no-touchevents .share-group .share-item:hover {
    color: #00a950;
}

.share-alt .ic-share-alt {
    font-size: 26px;
    color: #333;
}

.no-touch .share-line,
.no-touchevents .share-line {
    display: none;
}

.thumbnail {
    position: relative;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.thumbnail .caption {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-align: left;
}
.thumbnail .caption h3 {
    font-size: 30px;
    color: #333;
    padding: 5px 0;
    margin-bottom: 0;
}
.thumbnail .caption h3 a {
    color: inherit;
    border: 0;
    text-decoration: none;
}

.thumbnail p {
    margin-bottom: 0;
}
.thumbnail .date {
    padding: 5px 0;
}
.thumbnail .image {
    display: block;
    position: relative;
    background-color: #fbfbfb;
}
.thumbnail .image img {
    display: block;
    width: 100%;
    max-width: none;
}
.thumbnail .image-wrap {
    padding: 20px 30px;
}
.thumbnail .tag-label {
    position: absolute;
    top: 15px; left: 15px;
}

a.thumbnail {
    color: inherit;
    text-decoration: none !important;
}
.thumbnail h3,
.thumbnail h3 a {
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.no-touch a.thumbnail:hover h3,
.no-touch .thumbnail h3 a:hover {
    color: #00a950;
}

.thumbnail-2columns .image {
    background-color: transparent;
}

.thumbnail-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);  
}
.thumbnail-content,
a.thumbnail-content {
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.no-touch .thumbnail-content:hover,
.no-touch a.thumbnail-content:hover,
.no-touchevents .thumbnail-content:hover,
.no-touchevents a.thumbnail-content:hover {
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
}

.thumbnail-content .caption {
    height: 125px;
    padding-left: 15px;
    padding-right: 15px;
}
.thumbnail-content .caption:after {
    content: "";
    display: block;
    width: 100%; 
    height: 14px;
    background: #fff;
    position: absolute;
    bottom: 0; left: 0;
    z-index: 1;
    pointer-events: none;
}
.thumbnail-content .image {
    border-bottom: 1px solid #f5f5f5;
}

.thumbnail-news .caption {
    height: 175px;
}
.thumbnail-news .caption h3,
.thumbnail-content-sm .caption h3 {
    font-size: 25px !important;
}
.thumbnail-news .caption h3 {
    height: 50px;
    line-height: 0.9;
    overflow-y: hidden;
}
.thumbnail-content-sm .caption h3 {
    height: auto;
    max-height: 50px;
}
.thumbnail-news .caption:after {
    height: 15px;
}
.thumbnail-news .list-tags {
    margin-left: -8px;
}
.thumbnail-news .type {
    margin-top: 20px;
}

.thumbnail-vdo .image {
    position: relative;
}
.thumbnail-vdo .image:after {
    font-family: 'icokbank';
    font-size: 15px;
    content: "\e921";
    color: #fff;
    text-align: center;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0; 
    right: 0;
    top: 50%; 
    margin: -17px auto 0;
    padding-left: 3px;
    z-index: 0;
} 
.thumbnail-calendar .caption {
    color: #333;
    padding-top: 20px;
}
.thumbnail-calendar .holiday {
    text-align: right;
    padding-left: 3px;
}
.thumbnail-calendar .holiday > span {
    display: inline-block;
    text-align: left;
}
.thumbnail-calendar .date {
    display: block;
    font-family: 'GothamRoundedLight';
    font-size: 75px;
    line-height: 55px;
    color: #00a950;
    padding: 10px 0 0;
}
.thumbnail-calendar .tbcell {
    vertical-align: bottom;
}

.table-holidays td.td-day,
.table-holidays td.td-date,
.table-holidays td.td-month {
    width: 1%;
    white-space: nowrap;
}
.table-holidays td.td-day,
.table-holidays td.td-date {
    padding-right: 0;
}
.table-holidays td.td-date {
    text-align: right;
}


.type .h-type {
    font-size: 12px !important;
    color: #00a950 !important;
    margin-bottom: 10px;
}
.list-tags {
    overflow: hidden;
}
.list-tags .tag {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    text-align: center;
    vertical-align: top;
    font-size: 11px;
    color: #999 !important;
    height: 24px;
    line-height: 23px;
    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;
}

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

.thumbnail-result {
    height: 235px;
    font-size: 14px;
    padding: 25px 20px 20px 20px;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(238,238,238,0.8);
    -moz-box-shadow: 0 1px 2px rgba(238,238,238,0.8);
    box-shadow: 0 1px 2px rgba(238,238,238,0.8);
}
.thumbnail-result .heading {
    font-size: 30px;
    min-height: 50px;
    margin-bottom: 20px;
}
.thumbnail-result .list-data {
    margin-bottom: 20px;
}
.thumbnail-result .row-bottom {
    width: 100%;
    position: absolute;
    bottom: 15px; left: 0;
    padding: 0 20px;
}
.thumbnail-result .row-bottom:after {
    content: "";
    display: table;
    clear: both;
}

.media-group {
    position: relative;
    overflow: hidden;
    font-size: 0;
}
.media {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    font-size: 16px;
    padding: 0 30px;
    margin: 30px 0;
}
.media .md-body, 
.media .md-img,
.media .md-icon {
    display: table-cell;
    vertical-align: top;
}
.media .md-img {
    width: 120px;
}
.media .md-icon {
    width: 50px;
}
.media .md-img img,
.media .md-icon img {
    width: 100%;
}
.media .md-body {
    padding-left: 10px;
    text-align: left;
}
.media .result {
    color: #00a950;
}
.media .result .num {
    display: inline-block;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 0;
}

.media-2group .media {
    width: 50%;
}

.distance {
    color: #333;
}
.distance .num {
    font-size: 20px;
    font-weight: 400;
    line-height: 0;
    padding-right: 5px;
}


.action-top {
    margin-bottom: 30px;
}
.action-bottom {
    margin-top: 20px;
}
.action-bottom .btn,
.action-bottom .more {
    margin-right: 12px;
}
.action-bottom .btn:last-child,
.action-bottom .more:last-child {
    margin-right: 0;
}
.action-main-bottom {
    padding-top: 60px;
}


.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;
    /*min-height: 500px;*/
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-filters-results .main-container .section:first-child .sc-inner {
    padding-top: 0 !important;
}

.filter-result {
    position: relative;
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    float: left;
    padding: 0 10px;
}
.filter-open .filter-result {
    width: 33.3333333%;
}

.search-filters-mobile .search-filter-container {
    padding-right: 0;
}

.result-note { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #999;
}

/* mfp */
.mfp-content {
    background-color: #fff;
    max-width: 375px;
    margin: 0 auto;
}
.mfp-content .white-popup-block {
    padding: 60px 20px 30px;
}
.mfp-close {
    opacity: 1;
}
.mfp-close-btn-in .mfp-close {
    font-size: 0;
    padding: 0;
    top: 21px; 
    right: 21px;
    text-align: center;
    color: inherit;
}
.mfp-close-btn-in .mfp-close:after {
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 25px;
}
.mfp-close-btn-in .mfp-close:hover {
    color: #00a950;
}

.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
    width: 44px;
    line-height: 44px; 
    right: -44px;
    color: #bbb;
}
.mfp-iframe-holder .mfp-close {
    top: -44px; 
}
.mfp-image-holder .mfp-close {
    top: 16px !important;
}


.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-wrap.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    visibility: visible;
}

/*
.mfp-wrap .mfp-content {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
*/

.mfp-bg.mfp-removing,
.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-image-holder .mfp-content {
    background-color: transparent;
}
.mfp-image-holder img.mfp-img {
    padding: 60px 0;
}
.mfp-image-holder .mfp-figure:after {
    top: 60px;
    bottom: 60px;
}
.mfp-image-holder .mfp-bottom-bar {
    margin-top: -45px;
    padding-bottom: 15px;
}
.mfp-image-holder .mfp-title {
    font-size: 14px;
    color: #bbb;
    line-height: inherit;
}
.mfp-image-holder .mfp-figure {
    line-height: inherit;
}

.mfp-image-holder .mfp-arrow {
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mfp-image-holder .mfp-arrow:before,
.mfp-image-holder .mfp-arrow:after {
    border: 0;
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    text-align: center;
}
.mfp-image-holder .mfp-arrow:before {
    font-family: 'icokbank';
    font-size: 35px;
    color: #bbb;
}
.mfp-arrow-left:before {
    content: "\e908";
}
.mfp-arrow-right:before {
    content: "\e909";
}
.mfp-image-holder .mfp-arrow:hover:before {
    color: #00a950;
}

.mfp-image-holder .mfp-content, 
.mfp-iframe-holder .mfp-content {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mfp-image-holder .mfp-counter {
    color: #bbb;
    line-height: 22px;
}

.thumbnail-shortcut {
    display: block;
    text-align: center;
    margin: 30px auto;
    padding: 0 15px;
}
.thumbnail-shortcut .image {
    height: 130px;
    line-height: 130px;
    margin-bottom: 30px;
}
.thumbnail-shortcut .image > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.thumbnail-shortcut .image-vbottom > img {
    vertical-align: bottom;
}

/* Section Item */
.section-items .sc-headline {
    margin-bottom: 20px;
}
.row-items {
    font-size: 0;
}
.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 30px;
    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: 200px;
    line-height: 200px;*/
    height: 170px;
    line-height: 170px;
}

.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 */

.section-card .sc-headline {
    margin-bottom: 0 !important;
}

.goback,
.goback .ic {
    color: #333;
}

.sortby {
    display: inline-block;
    vertical-align: top;
}
.sortby .select,
.sortby-title { 
    display: inline-block; 
    vertical-align: middle;
}

.column-main {
    position: relative;
}

.one-column {
    max-width: 900px;
    margin: 0 auto;
}
.one-column .column-main { 
    padding: 40px 0 60px;
}
.two-columns {
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    min-height: 400px;
}
.two-columns:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.two-columns .sidebar {
    position: static;
    width: 25%;
    float: left;
    margin-right: 0;
    border-right: 1px solid #f2f2f2;
    padding: 40px 30px 30px 0;
    background-color: #fff;
}
.two-columns .column-main {
    float: right;
    padding: 40px 0 60px 30px;
    width: 75%;
    border-left: 1px solid #f2f2f2;
    margin-left: -1px;
    margin-bottom: 0;
    overflow: visible;
    min-height: 600px;
    border-radius: 0;
}

.two-columns .sidebar + .column-main,
.two-columns.contentbox .sidebar + .column-main,
.two-columns.contentbox .sidebar + .share-group + .column-main {
    float: left;
}

.two-columns .content-intro .img {
    width: 515px;
}
.column-main .content-intro .heading {
    padding-right: 50px;
}
.column-main .share-group {
    position: absolute;  
    right: 0;
}

.two-columns.contentbox {
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.two-columns.contentbox .sidebar {
    padding: 40px 30px 30px;
}
.two-columns.contentbox .column-main {
    padding: 40px 30px 60px;
}
.two-columns.contentbox .content-intro .heading {
    padding-right: 0;
}
.two-columns.contentbox .share-group {
    position: absolute;
    right: 0; top: 0;
    z-index: 1;
    margin-top: -42px;
}

.two-columns .article .sidebar {
    float: left;
    border-right: 0;
}
.two-columns .article .column-main {
    float: right;
    border-left: 0;
}
.article .art-banner,
.banner-details {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.article .art-video {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding: 0 15px;
}

.article .art-banner {
    background-color: #fafafa;
    overflow: hidden;
}
.article .art-banner img {
    display: block;
    margin: 0 auto;
    /*max-height: 900px;*/
}

.article .art-headline {
    margin-bottom: 30px;
}
.article .art-headline .share-group {
    right: 0;
    top: 0;
    margin-top: 35px;
}
.article .art-content .table-responsive table {
    margin-bottom: 5px;
}
.article .art-media {
    max-width: 700px;
    margin: 0 auto 40px;
}
.article .art-media img,
.article .art-media .videoWrapper {
    display: block;
    margin: 0 auto 15px;
}
.article .art-media .caption {
    color: #999;
    font-size: 80%;
    font-style: italic;
}

.article .art-bottom {
    position: relative;
    padding: 30px 0 0;
    margin-top: 60px;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.article .art-bottom .type {
    display: inline-block;
    max-width: 96%;
}
.article .art-bottom .share-group {
    /*position: absolute;
    width: auto;
    right: 0;
    top: 55px !important;*/
    position: static;
    float: right;
}

.article .art-writer {
    display: table;
    width: 100%;
    position: relative;
    padding: 30px 0 0;
    margin-top: 60px;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.article .art-writer:after {
    content: "";
    display: table;
    clear: both;
}
.art-writer .image,
.art-writer .caption {
    display: table-cell;
    vertical-align: top;
}
.art-writer .image {
    width: 120px;
}
.art-writer .caption {
    padding: 10px 30px;
    font-size: 80%;
}
.art-writer .caption .name {
    margin-bottom: 5px;
}
.art-writer .caption .position {
    font-style: italic;
    color: #aaa;
}

.article .art-writer + .art-bottom {
    margin-top: 30px;
}


ul.art-share,
ul.art-share li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.art-share {
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    color: #999;
}
ul.art-share li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
ul.art-share .ic {
    font-size: 19px;
}
.share-count {
    font-size: 14px;
    margin-right: 5px;
}
.share-count .count {
    display: block;
    font-family: 'DBThaiTextXBd';
    font-size: 50px;
    color: #333;
    line-height: 25px;
    margin-bottom: 5px;
}

.art-download {
    margin-top: 20px;
}
.art-download a.link-icon {
    font-size: 14px;
    color: #777;
}
.art-download a.link-icon .ic {
    font-size: 20px;
    vertical-align: top;
}
.art-download a.link-icon .ic-label {
    line-height: 1;
}
.filesize {
    font-size: 10px;
    color: #999;
}

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



.main-banner {
    margin-top: 60px;
}

.content-intro {
    margin-bottom: 30px;
}
.content-intro .heading {
    margin-bottom: 15px;
}
.content-intro .img {
    margin: 30px auto 40px;
}
.content-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.content-row .heading {
    margin-bottom: 25px;
}

.promoblock {
    position: relative;
    margin: 0px auto 30px auto;
    width: 100%;
    border-width: 0;
    border-radius: 0;
}
.promoblock ul,
.promoblock ol,
.promoblock li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.promoblock .promos-2 {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #fafafa;
    border: 1px solid #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.promoblock .promos-2 li.promo {
    position: relative;
    display: table-cell;
    width: 50%;
}

.promoblock .promo-inner {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 30px 20px 20px;
    min-height: 150px;
}
.promoblock .promo .heading {
    margin-bottom: 15px;
}
.promoblock .promo img,
.promoblock .promo .ic {
    position: absolute;
    left: 30px;
}
.promoblock .promo .ic {
    font-size: 40px;
}

.promoblock .promo .text {
    margin-left: 80px;
}
.promoblock .promo .text p {
    margin-bottom: 5px;
}


ul.article-list-group,
ul.article-list-group > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.article-list-group > li {
    display: table;
    table-layout: fixed;
    position: relative;
    margin-bottom: 30px;
}
ul.article-list-group h3 {
    margin-bottom: 5px;
}
ul.article-list-group .image,
ul.article-list-group .text {
    display: table-cell;
}
ul.article-list-group .image {
    width: 50px;
    max-width: 50px;
    text-align: center;
    vertical-align: top;
}
ul.article-list-group .text {
    padding-left: 30px;
    vertical-align: middle;
}

.sidebar .heading {
    margin-bottom: 0;
    padding: 5px 0;
}
.sidebar .nav {
    padding-top: 10px;
}
.sidebar .nav:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.sidebar .nav a {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.sidebar .nav a.tab-trigger {
    opacity: 1;
}
.sidebar .nav-icon a {
    padding: 8px 0 8px 45px;
}
.sidebar .nav .ic {
    display: inline-block;
    width: 35px; 
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    position: absolute;
    left: 0; top: 0;
}
.sidebar .nav > li {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.sidebar .nav > li:hover a,
.sidebar .nav > li.current a,
.sidebar .nav > li.active a {
    color: #00a950;
}
.sidebar .nav > li:hover .ic,
.sidebar .nav > li.current .ic,
.sidebar .nav > li.active .ic {
    background-color: #00a950;
}

.icw small,
.note-box {
    /*font-size: 13px;*/
    font-size: 80%;
}
.note-box {
    margin: 15px 0 20px;
}
.note-box .heading {
    font-weight: 600;
}
.note-box p,
.note-box li {
    margin-bottom: 5px;
}

.article-box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.article-box .article-box-inner {   
    padding: 30px;
}
.article-box .article-header {
    margin-bottom: 30px;
}



/* Product - 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-headline {
    margin-bottom: 30px;
}

.tabs-group {
	position: relative;
}
.select-tabs-group .select-tab-content {
    display: none;
}
.select-tabs-group .select-tab-content.active {
    display: block;
}

/* Nav */
.tabs-list-shape {
    position: relative;
	padding: 80px 0 0;
    background-color: #f2f2f2;
}
.tabs-list-shape:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #00a950;
    position: absolute;
    bottom: 0; left: 0;
    z-index: 1;
}
.tabs-list-shape .tabs-list {    
    overflow: hidden;
	display: block;
	margin: 0 auto;
    max-width: 1170px;
    padding: 0 15px;
	list-style: none;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabs-list-shape .tabs-list li {
	position: relative;
	display: inline-block;
	text-align: center;
    vertical-align: bottom;
    background-color: #fff;
    min-width: 250px;
    height: 80px;
    line-height: 80px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-bottom: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    white-space: normal;
}
.tabs-list-shape .tabs-list li:last-child {
    margin-right: 0;
}
.tabs-list-shape .tabs-list a.tab-trigger {
	position: relative;
	display: block;
	overflow: hidden;
    padding: 0 20px;
}
.tabs-list-shape .tabs-list a span {
    display: inline-block;
	vertical-align: middle;
    line-height: 1.5;
}
.tabs-list-shape .tabs-list li.current {
    border-color: #00a950;
}
.tabs-list-shape .tabs-list li.current:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0; left: 0;
    z-index: 2;
}
.tabs-list-shape .tabs-list li.current a {
	color: #00a950;
}
.tabs-list-shape .tabs-list a:focus {
	outline: none;
}

.tabs-list-bar {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
.tabs-list-bar .tabs-list,
.tabs-list-bar .tabs-list li {
    list-style: none;
    margin-bottom: 0;
}
.tabs-list-bar .tabs-list {
    display: block;
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    /*padding-bottom: 30px;*/
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabs-list-bar .tabs-list li {
	display: inline-block;
    width: auto;
    vertical-align: top;
    line-height: 0;
    overflow: hidden;
    margin-right: -1px;
}
.tabs-list-bar .tabs-list-2 li {
    width: 50%;
}
.tabs-list-bar .tabs-list-3 li {
    width: 33.3333333%;
}
.tabs-list-bar .tabs-list li:first-child a.tab-trigger {
    -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;
}
.tabs-list-bar .tabs-list li:last-child a.tab-trigger {
    -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;
}
.tabs-list-bar a.tab-trigger {
    display: block;
    width: 100%;
    height: 52px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
	text-align: center;
    white-space: normal;
    padding: 5px 20px;
    background-color: #fbfbfb;
    border: 1px solid #eee;
}
.tabs-list-bar a.tab-trigger > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.tabs-list-bar .current a.tab-trigger {
	border-color: #00a950;
    background-color: #00a950;
    color: #fff;
}

.tabs-list.tabs-list-line {
    position: relative;
    margin-bottom: 20px;
    font-size: 0;
}
.tabs-list.tabs-list-line li {
    display: inline-block;
    vertical-align: top;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 0.9;
    color: #999;
    margin-left: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid transparent;
}
.tabs-list.tabs-list-line li:first-child {
    margin-left: 0;
}
.tabs-list.tabs-list-line li a.tab-trigger {
    display: block;
    opacity: 1;
    color: inherit;
}
.tabs-list.tabs-list-line li.current {
    color: #00a950;
    border-bottom: 1px solid #00a950;
}

.download-box {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    text-align: center;
    border: 1px solid #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.download-box .heading {
    margin-bottom: 15px;
}
.download-box a.link-icon .ic {
    font-size: 25px;
    vertical-align: middle;
}


/* Popup Share */
.icw-popup-function.mfp-bg {
    background: #f2f2f2;
}
.icw-popup-function.mfp-bg.mfp-ready {
    opacity: 1;
}
.icw-popup-function {
    
}
.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;
}

/* Branch */
.filterbox {
    position: relative;
    margin: 0;
    display: table;
    width: 100%; 
    height: 110px;
    border: 1px solid #d5d5d5;
    color: #333;
    text-align: center;
    -webkit-transition: all ease-in-out .2s !important;
    -o-transition: all ease-in-out .2s !important;
    transition: all ease-in-out .2s !important;
    cursor: pointer;
}
.filterbox span {
    display: table-cell;
    width: 100%;
    padding: 20px 10px;
    vertical-align: middle;
}
.filterbox:hover {
    border-color: #00a950;
    color: #00a950;
}

.section .acc-savings { 
    font-size: 150px; 
    line-height: 0.6;
}


/* Contact Page */
.captcha-box {
    max-width: 265px;
}
.captcha-box.a-center {
    margin-left: auto;
    margin-right: auto;
}
.contactform-block {
    position: relative;
    margin: 0 -40px;
    background-color: #fafafa;
    padding: 45px 40px;
}
.contactform-block .captcha-box {
    margin-top: 20px;
    margin-bottom: 30px;
}
.form-block {
    position: relative;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 40px;
    background-color: #fafafa;
    padding: 30px 40px;
}
.form-block .icw-fieldset:last-child {
    margin-bottom: 0;
}

/*
.contact-branch-bg {
    display: block;
    min-height: 198px;
    margin-bottom: 15px;
    background-position: center center;
    background-size: cover;
}
*/
.block-branch-search {
    position: relative;
    display: block;
    padding: 65px 15px;
    background-image: url(/SiteCollectionDocuments/contact/img/branch-bg.jpg);
    background-position: center center;
    background-size: cover;
}


.icw-block {
    margin-bottom: 60px;
}

.row-block .icw-block:last-child {
    margin-bottom: 0;
}

.icw-block .heading-block {
    margin-bottom: 10px;
}

.icw .nomg {
    margin: 0;
}
.icw .nomg-b {
    margin-bottom: 0;
}

.block-caption {
    margin-bottom: 20px;    
}
.block-caption .heading {
    margin-bottom: 10px;
}
.block-image {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;    
}

.box-data {
    margin-bottom: 20px;
}
.box-data .heading {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #333;
    line-height: 0.8;
}

.box-data .more,
.icw-block .more {
    font-size: 14px;
}
.box-data .heading,
.box-data .list-data,
.box-data address {
    margin-bottom: 10px;
}

.box-data .heading {
   
}

.box-data .list-data,
.box-data address {
    font-size: 14px;
}

ul.list-data,
ul.list-data li {
    margin: 0;
    list-style: none;
    
}
ul.list-data li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 3px;
}
ul.list-data .ic {
    width: 20px;
    text-align: center;
    position: absolute;
    left: 0; top: 3px;
}

.callcenter {
    display: block;
}
.callcenter .name {
    display: block;
    font-family: 'FuturaHeavyBT';
    font-size: 18px;
    color: #00a950;
    line-height: 1;
    margin-bottom: 10px;
}
.callcenter .tel {
    display: block;
    font-family: 'DBThaiTextXBd';
    font-size: 30px;
    color: #333;
    line-height: 15px;
}
.callcenter-box {
    width: 100%;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
    padding: 15px 10px;
    border: 2px solid #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
a.callcenter-box {
    -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;
}
a.callcenter-box:hover {
    border-color: #00a950;
}


ul.number-group,
ul.number-group li {
    list-style: none;
    margin: 0;
}
ul.number-group {
    margin: 30px 0 0;
    font-size: 0;
}
ul.number-group:before,
ul.number-group:after {
    content: "";
    display: table;
    clear: both;
}
ul.number-group li {
    position: relative;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    padding-right: 15px;
}
ul.number-group li:last-child {
    margin-bottom: 0;
}
.number-group .press,
.number-group .title {
    display: table-cell;
}
.number-group .press {
    width: 72px;
}
.number-circle {
    display: inline-block;
    width: 34px; 
    height: 34px;
    line-height: 30px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    margin: 0 8px;
    color: #00a950;
    border: 2px solid #00a950;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.number-circle.green {
    background-color: #00a950;
    color: #fff;
    font-weight: 600;
}

.contact-row {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 2px solid #00a950;
}
.contact-row:last-child,
.contact-center-group .contact-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.accordion-contact .accordion-title .press {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -16px;
    color: #00a950;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.accordion-contact ul.number-group {
    margin: 0 0 15px;
}
.accordion-contact ul.number-group:last-child {
    margin: 0;
}

.row-check {
    position: relative;
    margin: 0 -10px;
    font-size: 0;
}
.row-check .col-check {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.row-check-3cols .col-check {
    width: 33.3333333%;
}
.row-check .col-check,
.row-check .col-check label {
    font-size: 16px;
}
.row-check .col-check .checkbox {
    margin: 0;
}


.row-btncontent {
    position: relative;
    margin: 0 -10px;
    font-size: 0;
}
.row-btncontent .col-btncontent {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    font-size: 14px;
}
.col-btncontent .fixed-bottom {
    margin-top: 10px;
} 

.section-branch label {
    font-size: 16px;
}
.section-branch input[type=checkbox].css-checkbox + .css-label {
    background-position: left 2px;
}
.section-branch .turnback {
    font-size: 14px;
}

.branch-headline {
    margin-bottom: 40px;
}
.branch-headline .sc-heading {
    margin-bottom: 0;
}
.branch-headline .tbcell {
    vertical-align: top;
}
.branch-headline .branch-icon {
    width: 61px;
    padding-right: 20px;
    padding-top: 5px;
}
.branch-headline a[href^=mail] {
    text-decoration: underline;
    font-size: 14px;
    color: #00a950;
}
.branch-icon .crop-circle {
    display: block;
    width: 50px;
    height: 50px;
}
.listing-group .listing-col {
    margin-bottom: 30px;
}
.listing-group .heading {
    margin-bottom: 10px;
}
.listing-group .count {
    color: #00a950;
    font-size: 80%;
}

.icw-alert {
    position: relative;
    padding: 30px 45px;
    background-color: #fafafa;
    border: 1px solid #00a950;
    text-align: center;
    margin-bottom: 60px;
}
.icw-alert .icw-close {
    display: inline-block;
    position: absolute;
    right: 25px;
}
.icw-alert .icw-close:after {
    display: inline-block;
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 11px;
    font-weight: bold;
    color: #00a950;
}

.icw-alert-sm {
    padding: 10px 45px;
}

.section-result .sc-inner {
    padding-top: 0 !important;
}

.heading-bar {
    background-color: #fafafa;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}
.heading-bar .container,
.heading-bar .container-sm {
    position: relative;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.heading-bar .heading {
    padding: 0;
}
.heading-bar .fixed-bottom {
    position: absolute;
    width: 100%;
    left: 0; bottom: 15px;
}
.heading-bar .fixed-bottom .edit {
    margin-left: -12px;
}
.heading-bar img {
    max-height: 110px;
    margin-bottom: 20px;
}

.overseas-branch-sections .section {
    border-bottom: 1px solid #eee;    
}
.overseas-branch-sections .section:last-child {
    border-bottom: 0;    
}

.branch-info {
    position: relative;
    background-color: #fafafa;
}
.branch-info:after {
    content: "";
    display: table;
    clear: both;
}
.branch-info .branch-map {
    float: left;
    width: 60%;
}

.google-maps {
    position: relative;
    padding-bottom: 68%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.branch-info .branch-details {
    float: left;
    width: 40%;
    font-size: 14px;
    padding: 30px;
}
.branch-info .map-signs,
.branch-info .map-signs .ic {
    color: #00a950;
}
.branch-info .map-signs .ic {
    font-size: 16px;
    margin-right: 5px;
}
ul.branch-hours li {
    margin-bottom: 3px;
}
.branch-hours .title { 
    display: inline-block;
    min-width: 100px;
    padding-right: 10px;
    color: #333;
}
.branch-action {
    position: absolute;
    max-width: 40%;
    padding: 0 30px;
    bottom: 20px;
    left: 0;
}

.btncontent {
    position: relative;
    margin: 0 auto;
    display: table;
    width: 100%; 
    height: 110px;
    border: 1px solid #eee;
    color: #333;
    text-align: center;
    -webkit-transition: all ease-in-out .2s !important;
    -o-transition: all ease-in-out .2s !important;
    transition: all ease-in-out .2s !important;
    cursor: pointer;
}
.btncontent span {
    display: table-cell;
    width: 100%;
    padding: 10px;
    vertical-align: middle;
    color: #333;
    line-height: 1;
}
.btncontent img {
    display: block;
    max-height: 30px;
    margin: 0 auto 15px;
}
.btncontent:hover {
    border-color: #00a950;
    color: #00a950;
}

.box-md {
    max-width: 1000px;
    margin: 0 auto;
}

/* Table Data */
.icw .table-data {
    margin-bottom: 20px;
}
.table-wrap .table-data {
    margin-bottom: 0;
}
.table-data tr {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.table-data thead,
.table-data tfoot,
.table-data tbody th {
    color: #333;
    font-weight: 400;
}
.table-data thead {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 0.8;
    border-top: 3px solid #00a950;
}
.table-data thead tr {
    border-color: #e1e1e1;
}
.table-data tfoot tr,
.table-data tbody th {
    background-color: #fafafa;
}
.table-data tbody th {
    font-size: 16px; 
}
.table-data tbody td {
    /*font-size: 14px;*/
}
.table-data th,
.table-data td {
    padding-left: 25px;
    padding-right: 25px;
}
.table-data thead th {
    padding-top: 15px;
    padding-bottom: 15px;
}
.table-data tbody th,
.table-data td {
    padding-top: 14px;
    padding-bottom: 14px;
}
.table-data thead small {
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    color: inherit;
}
.table-data small {
    color: #777;
}

table td ul:last-child,
table td ol:last-child,
table td li:last-child,
table td p:last-child {
    margin-bottom: 0;
}

table th.nowrap,
table td.nowrap {
    white-space: nowrap;
}

.icw .nopdt {
    padding-top: 0;
}
.icw .nopdb {
    padding-bottom: 0;
}

.icw .nopdlr,
table th.nopdlr,
table td.nopdlr {
    padding-left: 0;
    padding-right: 0;
}
.icw .nopdl,
table th.nopdl,
table td.nopdl {
    padding-left: 0;
}
.icw .nopdr,
table th.nopdr,
table td.nopdr {
    padding-right: 0;
}
table th.td-divide,
table td.td-divide {
    border-left: 1px solid #f0f0f0;
}
table th.td-order,
table td.td-order {
    width: 85px !important;
    min-width: 85px !important;
    text-align: center !important;
    padding-right: 0;
}

.table-data.a-center th,
.table-data.a-center td, {
    text-align: center;
}
.table-data .tr-empty {
    height: 15px;
    background-color: transparent;
}
.table-data .tr-empty td {
    padding: 0;
    line-height: 0;
}
.table-data .tr-rowspan {
    border-bottom: 0;
}
.table-data .tr-rowspan td {
    padding-bottom: 0;
}
.table-data .td-title {
    /*font-size: 16px;*/
    color: #333;
}
.table-data .td-order a,
.table-data .td-title a {
    text-decoration: none;
    color: inherit;
}

.table-data .td-download {
    text-align: right;
    white-space: nowrap;
}
.table-data .td-download a {
    color: inherit;
    text-decoration: none;
}
.table-data .td-download .ic {
    font-size: 20px;
    color: #00a950;
    vertical-align: top;
    margin-left: 6px;
}
.table-data .td-download .cast {
    display: block;
    margin: 10px 0;
}
.table-data .td-download .cast:last-child {
    margin-bottom: 0;
}


table .bg-green {
    background-color: #00a950;
    color: #fff;
}
table .bg-green-light {
    background-color: #01bb59;
    color: #fff;
}
table .bg-gray {
    background-color: #fafafa;
}

.table-events {
    margin-bottom: 40px !important;
}
.table-events td {
    vertical-align: middle;
}
.table-events tbody tr:nth-child(odd) {
    background-color: #fdfdfd;
}
.table-events .td-event-date {
    width: 85px;
    text-align: center;
    padding-right: 0;
}
.table-events .td-event-date .dd {
    display: block;
    line-height: 20px;
    color: #00a950;
    margin-bottom: 0;
}

.table-stock th,
.table-stock td,
.table-trading th,
.table-trading td {
    border-left: 1px solid #f0f0f0;
}
.table-stock th:first-child,
.table-stock td:first-child,
.table-trading th:first-child,
.table-trading td:first-child {
    border-left: 0;
}
.table-stock tbody th,
.table-stock tbody td,
.table-trading tbody td {
    padding-left: 10px;
    padding-right: 10px;
}
.table-stock tbody th,
.table-stock tbody td,
.table-trading tbody td {
    text-align: center;
    vertical-align: middle;
}
.table-stock .tr-title,
.table-trading .tr-title {
    font-weight: 400;
    color: #333;
}

.table-reports td a {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
}

.table-rate th:first-child,
.table-rate td:first-child {
    padding-left: 30px;
}
.table-rate th:last-child,
.table-rate td:last-child {
    padding-right: 30px;
}
.table-rate small {
    font-weight: 300;
}

.block-data,
.stockprice-block {
    border-top: 3px solid #00a950;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.block-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
}
.block-data-header {
    /*min-height: 60px;*/
    padding: 15px 25px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden;
}
.block-data-header .heading {
    display: inline-block;
    color: #00a950;
    margin-bottom: 0;
}
.block-data-header .updated {
    display: inline-block;
    float: right;
    margin-top: 7px;
    
}
.block-data .table-data {
    table-layout: fixed;
    width: 100%;
}
.block-data .table-data tbody tr:nth-child(odd) {
    background-color: #fff;
}
.block-data .table-data tbody th {
    background-color: #fafafa;
}

.block-data .table-news-latest .td-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-data .table-news-latest .ellipsis {
    width: 60%;
}

.block-data .table-rate-box {
    table-layout: auto;
}
.block-data .more {
    white-space: nowrap;
}


.table-gray {
    background-color: #fafafa;
}

.table-rate-box thead,
.table-rate-box tbody {
    font-weight: 400;
}
.table-rate-box tr {
    height: 50px;
    border-bottom: 1px solid #f2f2f2;
}
.table-rate-box tfoot tr {
    border: 0;
    background-color: transparent;
}
.table-rate-box tbody th {
    background-color: #fafafa;
    white-space: nowrap;
}
.table-rate-box th,
.table-rate-box td {
    padding: 0 5px;
    vertical-align: middle;
}

.table-financial-latest td {
    padding-top: 20px;
    padding-bottom: 21px;
}

table td.td-rate {
    font-size: 16px;
    font-weight: 400;
    /*line-height: normal;*/
}

.td-currency {
    white-space: nowrap;
}
.td-currency span {
    display: inline-block;
    vertical-align: middle;
}
.td-currency .name {
    display: inline-block;
    font-size: 12px;
}
.td-currency .flag {
    display: inline-block;
    width: 25px; height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    overflow: hidden;
}
.td-currency .flag img {
    display: block;
}

.td-currency-lg .name {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 24px !important;
    font-weight: normal;
    line-height: 0.65;
    color: #333;
}
.td-currency-lg .des {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #777;
    padding-top: 3px;
}
.td-currency-lg .flag {
    vertical-align: middle;
}

.updated {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    color: #999;
}

.table-exchangerate tbody {
    font-weight: 400;
}
.table-exchangerate thead td {
    font-size: 18px;
    color: #ccc;
}
.table-exchangerate th, 
.table-exchangerate td {
    padding-left: 15px;
    padding-right: 15px;
}
.table-exchangerate thead th:first-child, 
.table-exchangerate tbody td:first-child {
    padding-left: 2px;
}
.table-exchangerate thead th:last-child, 
.table-exchangerate thead td:last-child, 
.table-exchangerate tbody td:last-child {
    padding-right: 0;
}
.table-exchangerate tbody td {
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    vertical-align: middle;
}
.table-exchangerate .td-rate {
    line-height: 1;
}
.table-exchangerate tr.tr-boxcal {
    border-bottom: 0;
}
.table-exchangerate tr.tr-boxcal td {
    padding: 0 !important;
}
.table-exchangerate .boxcal {
    position: relative;
    margin: 0px -33px 0 -31px;
    margin-top: -1px;
    background-color: #fafafa;
    border: 1px solid #eee;
}
.table-exchangerate .td-action {
    text-align: right;
    padding-left: 0;
    /*padding-top: 16px;*/
}
.no-touch .table-exchangerate tr:hover .btn-cal:before, 
.no-touch .table-exchangerate tr:hover .btn-cal:after,
.no-touchevents .table-exchangerate tr:hover .btn-cal:before, 
.no-touchevents .table-exchangerate tr:hover .btn-cal:after {
    color: #00a950;
}
.table-exchangerate .show-m {
    display: none;
}

.boxcal {
    display: none;
}
.boxcal-inner {
    padding: 25px 30px 20px;
}
.boxcal:after, 
.boxcal:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 72px;
    z-index: 1;
}
.boxcal:before {
    top: -20px;
    border-width: 10px;
    margin-left: -10px;
    border-bottom-color: #e1e1e1;
}
.boxcal:after {
    top: -18px;
    border-width: 9px;
    margin-left: -9px;
    border-bottom-color: #fafafa;
}
.boxcal .heading {
    float: left;
    color: #00a950;
    margin-bottom: 0;
}
.boxcal .close,
.boxcal a.close {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    color: #777;
    text-decoration: none !important;
    float: right;
}
.boxcal .close:after {
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 18px;
}
.boxcal .close:hover,
.boxcal a.close:hover {
    color: #00a950;
}
.boxcal .boxcal-headline {
    margin-bottom: 10px;
}
.boxcal .boxcal-headline:after {
    content: "";
    display: table;
    clear: both;
}
.boxcal .cal-type {
    color: #333;
    padding-left: 15px;
}
.boxcal .cal-type a {
    color: inherit;
    text-decoration: none;
}
.boxcal .cal-type a:hover,
.boxcal .cal-type a.active {
    color: #00a950;
}
.boxcal .cal-type a.active {
    text-decoration: underline;
}


.boxcal .icw-input-checkbox {
    padding-left: 15px;
}
.boxcal .icw-input {
    padding-top: 0;
}
.form-cal-exchangerate .label-currency {
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #777;
    line-height: 0.8;
    position: absolute;
    left: 0; top: auto;
    width: auto; 
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
.form-cal-exchangerate .input-rate {
    font-size: 25px;
    text-align: right;
}
.form-cal-exchangerate .input-rate,
.form-cal-exchangerate .filled .input-rate {
    color: #333;
}

.form-cal-exchangerate .icw-field-exrate {
    width: 100%;
    clear: both;
}
.form-cal-exchangerate .icw-field-exrate .icw-input,
.form-cal-exchangerate .exrate {
    display: block;
    float: left;
}
.form-cal-exchangerate .icw-field-exrate .icw-input {
    width: 45%;
}

.form-cal-exchangerate input[type=radio].css-checkbox[disabled] + .css-label, 
.form-cal-exchangerate input[type=checkbox].css-checkbox[disabled] + .css-label {
    opacity: 0.7;
}
.form-cal-exchangerate input.input-rate {
    color: #333 !important;
}

.form-cal-exchangerate .exrate {
    width: 10%;
    text-align: center;
    /*margin-top: 38px;*/
    margin-top: 10px;
    text-decoration: none !important;
}
.form-cal-exchangerate .exrate:before,
.form-cal-exchangerate .exrate:after {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    font-family: 'icokbank';
    color: #333;
    line-height: 1;
    -webkit-transition: color ease-in-out .2s;
    -moz-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}
.form-cal-exchangerate .exrate:before {
    content: "\e908";
}
.form-cal-exchangerate .exrate:after {
    content: "\e909";
}
.form-cal-exchangerate .exrate:hover:before,
.form-cal-exchangerate .exrate:hover:after {
    color: #00a950;
}



#table-exchangerate tbody tr {
    cursor: pointer;
    -webkit-transition: background-color ease-in-out .2s;
    -moz-transition: background-color ease-in-out .2s;
    -o-transition: background-color ease-in-out .2s;
    transition: background-color ease-in-out .2s;
}

/* table-datagroup */
.table-datagroup {
    border-top: 3px solid #00a950;
}
.table-datagroup thead {
    border-top: 0;
}
.table-datagroup th,
.table-datagroup td {
    border-right: 1px solid #eee;
}
.table-datagroup th:last-child,
.table-datagroup td:last-child {
    border-right: 0;
}
.table-datagroup .tr-head {
    background-color: #fafafa;
    font-weight: 400;
}
.table-datagroup .tr-head th,
.table-datagroup .tr-head td {
    text-align: center;
    vertical-align: middle;
}


/* Table Data Insure */
.table-insure thead td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
}


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


.grid .stockprice-block {
    position: absolute;
    top: 0; left: 0;
    width: 100%; 
    height: 100%;
}
.stockprice-block .block-inner {
    padding: 20px 25px;
}
.stockprice-block .heading {
    margin-bottom: 15px;
    line-height: 0.6;
}
ul.stockprice,
ul.stockprice li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
ul.stockprice li {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 15px;
}
.stockprice .val {
    display: block;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 0.8;
}
.stockprice .latestprice {
    font-size: 40px;
    color: #333;
    line-height: 0.5;
}

/* Search */
.search-form {
    margin: 0 auto;
    padding: 0;
}

.search-form .icw-input {
    padding: 0;
}
.search-form .icw-input input {
    height: 50px;
    padding: 8px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search-form input:focus + .overlabel,
.search-form .filled input + .overlabel {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}
.search-form .overlabel,
.search-form input:focus + .overlabel,
.search-form .filled input + .overlabel {
    top: 0;
    line-height: 50px;
}
.search-form .icw-input input,
.search-form .icw-input .overlabel {
    font-size: 18px;
}
.search-form .icw-input .overlabel {
    padding-left: 20px;
    color: #999;
}
.search-form .icw-inputnote {
    position: absolute;
    bottom: -40px; left: 0;
    padding: 0;
    display: none;
}

.input-search {
    position: relative;
}
.input-search .action {
    overflow: hidden;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0; right: 0;
    font-size: 0;
    color: #eee;
}
.input-search .action li {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 25px;
    line-height: 48px;
}
.input-search .action .ic {
    color: #ccc;
}
.input-search .calltoaction {
    display: block;
    width: 55px;
    height: 100%;
    text-align: center;
}

.search-form .select select,
.search-form .select .chosen-container-single .chosen-single,
.search-form .select .chosen-container-single .chosen-drop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search-form .select select,
.search-form .select .chosen-container-single .chosen-single {
    height: 50px;
    padding: 8px 20px;
}
.search-form .select .chosen-container-single .chosen-single {
    padding-top: 0;
    padding-bottom: 0;
}
.search-form .select .chosen-container-single .chosen-single span {
    padding: 10px 0;
}
.search-form .select .chosen-container .chosen-results li {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.search-form .select,
.search-form .select .chosen-container {
    font-size: 18px;
}
.search-form .select:after {
    width: 50px;
    height: 48px;
    line-height: 48px;
    color: #ccc;
    font-size: 20px;
}


.branch-form {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.branch-form .icw-input {
    margin: 10px 0;
}
.branch-form .dropdown-match {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #e8e8e8;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.branch-form .dropdown-match:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #e8e8e8;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -10px;
    left: 20px;
    -webkit-box-shadow: -1px -1px 10px -6px rgba(0,0,0,.6);
    -moz-box-shadow: -1px -1px 10px -6px rgba(0,0,0,.6);
    box-shadow: -1px -1px 10px -6px rgba(0,0,0,.6);
    z-index: -1;
}
.branch-form .dropdown-match>li:first-child {
    border-bottom: 1px solid #eee;
}
.branch-form .dropdown-match>li:last-child {
    border-bottom: 0;
}
.branch-form .dropdown-match>li>a {
    display: block;
    padding: 13px 20px;
    clear: both;
    line-height: 1.375;
    color: #333;
}
.branch-form .dropdown-match>li>a>.ic {
    font-size: 20px;
    vertical-align: top;
}
.branch-form .dropdown-match.active {
    display: block;
}
.branch-form .dropdown-match.active a:focus, 
.branch-form .dropdown-match.active a:hover, 
.branch-form .dropdown-match.active>a {
    text-decoration: none;
    outline: 0;
    background-color: #eee;
}
.branch-form .dropdown-match.active:hover:before {
    background: #eee;
}

.highlight-branch-search {
    background-position: right center;
}
.highlight-branch-search .sc-inner {
    overflow: visible;
}
.highlight-branch-search .content-area {
    vertical-align: middle;
}
.highlight-branch-search .content-box {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}
.highlight-branch-search .note-box-fixed {
    margin-bottom: 35px;
}
.highlight-branch-search .note-box {
    font-size: 16px;
    color: #fff;
}
.highlight-branch-search .note-box a,
.highlight-branch-search .note-box .ic {
    color: inherit;
}
.highlight-branch-search .note-box .ic {
    font-size: 20px;
}


.search-nav {
    padding: 80px 0;
    margin-top: 30vh;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.search-nav .input-search .action .ic {
    font-size: 25px;
}
.results-show {
    min-height: 100%;
    min-height: 100vh;
    background-color: #fff;
}
.results-show .search-nav {
    margin-top: 0;
    background-color: #00a950;
}
.results-show .mfp-close,
.results-show .mfp-close:hover {
    color: #fff;
}
.results-show .search-form .icw-inputnote {
    color: #fff;
    font-weight: 400;
}

.search-results {
    display: none;
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.search-results .section {
    margin-bottom: 60px;
}
.search-results .total {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #777;
    padding: 0 5px;
}

.results-show .search-results,
.results-show .icw-inputnote {
    display: block;
}

.searchresult {
    font-size: 14px;
    margin-bottom: 40px;
}
.searchresult .heading {
    margin-bottom: 10px;
}
.searchresult .keyword {
    color: #00a950;
}
.searchresult .link {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}
/* End Popup Search */


.data-update {
    font-size: 14px;
    margin-bottom: 10px;
}
.data-update:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0;
}
.data-update .date-data,
.data-update .link-undo {
    display: inline-block;
}
.data-update .date-data {
    /*float: left;*/
    margin: 0;
}
.data-update .date-data + .link-undo {
    /*float: right;*/
}

.functional-block:after,
.controls:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.functional-block {
    margin-bottom: 20px;
}
.functional-block .select {
    margin-right: 15px;
}
.functional-block .select:last-child {
    margin-right: 0;
}
.functional-block .field-xs,
.functional-block .select-xs {
    width: 100px;
}
.functional-block .field-sm,
.functional-block .select-sm {
    width: 160px;
}
.functional-block .field-md,
.functional-block .select-md {
    width: 200px;
}

.functional-block .icw-form {
    margin: 0 -10px;
}
.functional-block .icw-form:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.functional-block .icw-input {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 0 10px 10px;
    padding-bottom: 0;
}
.functional-block .icw-input .select {
    margin-right: 0;
}
.functional-block label {
    font-weight: 400;
}
.functional-block .icw-input-date {
    width: 315px;
}
.functional-block .action-form {
    /*float: right;*/
}
.functional-block .controls {
    padding: 25px 10px 0;
    float: right;
}
.functional-block .data-update {
    margin-bottom: 0;
}
.functional-block .link-undo {
    display: inline-block;
    font-size: 14px;
}

.functional-rate .icw-form {
    float: right;
} 
.functional-rate .data-update {
    padding-top: 11px;
}
.functional-rate .data-update .date-data {
    display: inline-block;
    margin-right: 10px;
}

.functional-rate .tbcell:last-child .data-update {
    padding-top: 0;
}


.controls {
    display: inline-block;
}
.controls a {
    display: inline-block;
    float: left;
    width: 80px; 
    height: 40px;
    margin-right: -1px;
    border: 1px solid #eee;
    color: #00a950;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    text-decoration: none !important;
}
.controls a:hover {
    position: relative;
    border-color: #00a950;
    background-color: #00a950;
    color: #fff;
}
.controls a:first-child {
    -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;
}
.controls a:last-child {
    -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;
}
.controls a:before {
    display: inline-block;
    vertical-align: middle;
    font-family: 'icokbank';
    font-size: 20px;
    text-align: center;
    width: 100%;
    line-height: 38px;
}
.controls a.prev:before {
    content: "\e908";
}
.controls a.next:before {
    content: "\e909";
}


/* Business */
.business-page ul.shortcut li a {
    background-color: #003c1d;
}
.no-touch .business-page ul.shortcut li a:hover {
    background-color: #003118;
}
/* End Business */

/* World Business */
/*
.international-business-page ul.shortcut li a {
    background-color: #99877d;
}
*/
/* End World Business */


ul.list-val,
ul.list-val li {
    margin: 0;
    list-style: none;
}
ul.list-val {
    /*max-width: 371px;*/
}
ul.list-val li {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
ul.list-val li span {
    display: table-cell;
    width: 50%;
    font-size: 14px;
}
ul.list-val .li-head span {
    vertical-align: top;
}
ul.list-val .li-head .val {
    font-size: 18px;
    color: #333;
    line-height: normal;
}
ul.list-val .val {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

.condition-box .heading {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}
.condition-detail .condition-box {
    display: none;
}

a.condition-link {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 6px;

}
a.condition-link:after {
    font-family: 'icokbank';
    content: "\e909";
    display: inline-block;
    margin-left: 6px;
    font-size: 80%;
}
a.condition-link.active:after {
    content: "\e90d";
}

.select-type select,
.select-type .chosen-container-single .chosen-single {
    padding-left: 0;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
    font-size: 40px;
    color: #333;
    height: 40px;
    line-height: 38px;
}
.select-type .chosen-container-single .chosen-drop {
    margin-top: 0;
    background-color: #fafafa;
    width: 270px;
}
.select-type:after {
    height: 40px;
    line-height: 41px;
    color: #000;
}

.functional-selectgroup .select-type {
    float: right;
    max-width: 100%;
}
.functional-selectgroup {
    margin-bottom: 30px;
}
.functional-selectgroup:after {
    content: "";
    display: table;
    clear: both;
}

.bannerads {
    margin: 20px 0;
}
.bannerads img {
    margin: 10px 0;
}

ul.link-box:after {
    content: "";
    display: table;
    clear: both;
}
ul.link-box, 
ul.link-box li {
    list-style: none;
    margin: 0;
}
ul.link-box {
    display: block;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    margin-top: 40px;
}
ul.link-box li {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    max-width: 33.3333333%;
    float: left;
    margin-right: -1px;
    padding: 30px 20px;
    background-color: #fafafa;
    border: 1px solid #eee;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
ul.link-box li.full {
    width: 100%;
    max-width: 100%;
}
ul.link-box li:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
ul.link-box li:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
ul.link-box a {
    text-decoration: none;
}
ul.link-box .box-inner {
    display: inline-block;
    vertical-align: middle;
}
ul.link-box .heading {
    margin-bottom: 10px;
}
ul.link-box .ic {
    margin-right: 10px;
    font-size: 35px;
}
ul.link-box .tbcell-img {
    width: 40px;
    text-align: center;
    vertical-align: top;
}
ul.link-box .tbcell-img .ic {
    margin-right: 0;
}
ul.link-box .tbcell-txt {
    padding-left: 10px;
    vertical-align: middle;
}

.publications-box {
    background-color: #fafafa;
    padding: 30px;
    max-width: 375px;
    margin: 30px auto 0;
    background-color: #fafafa;
    border: 1px solid #eee;
}
.publications-box .checkbox-group {
    margin-bottom: 10px;
}


/* FAQ */
.search-bar {
    padding: 70px 0;
    background-color: #fafafa;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.search-bar .search-form {
    width: 510px;
    max-width: 100%;
    margin: 0 auto;
}

.row-directory {
    position: relative;
    margin: 0 -15px;
    font-size: 0;
}
.row-directory .col-directory {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 60px;
}
.col-directory .box-links {
    margin-bottom: 0;
}
.col-directory .image {
    height: 96px;
    line-height: 96px;
    margin-bottom: 30px;
}
.col-directory .image>img {
    display: inline-block;
    vertical-align: bottom;
    max-height: 100%;
}

#faq-directory {
    padding-top: 30px;
}

.qblock {
    margin-bottom: 40px;
}
.rblock {
    margin-bottom: 60px;
}
.qblock .heading,
.rblock .heading {
    margin-bottom: 15px;
}

.rblock .table-wrap,
.rblock .table-responsive {
    padding: 0;
    margin: 0;
}

.qblock .qbox {
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 10px 0;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.qblock .qbox li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
}
.qblock .qbox li:hover,
.qblock .qbox li:focus,
.qblock .qbox li.checked {
    background-color: #fbfbfb;
    color: #00a950;
}
/* end FAQ */

.career-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
}
.career-row:last-child {
    margin-bottom: 0;
}
.career-row .ct-column {
    display: table-cell;
    vertical-align: top;
    direction: ltr;
}
.career-row .ct-column.image {
    width: 35%;
    text-align: center;
    line-height: 0;
    vertical-align: bottom;
}
.career-row .ct-column.entrycontent {
    padding-bottom: 50px;
}
.career-row .rtl {
    direction: rtl;
}

/* Rate */
.rate-landing .icw-block {
    padding-bottom: 60px;
    border-bottom: 1px solid #eee;
}
.rate-landing .row-block .icw-block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Calculator */
#calculator-container ul.link-box {
    margin-top: 60px;
}
.calculator:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    line-height: 0;
}
.calculator {
    position: relative;
    margin: 0 -31px -1px -30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.calculator .cal-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.calculator .cal-col {
    position: relative;
    display: table-cell;
    width: 50%;
    border-right: 1px solid #eee;
}
.calculator .cal-col:last-child {
    border-right: 0;
}
.calculator .cal-col .action-bottom {
    margin-top: 0;
    text-align: center;
}
.calculator .cal-inner {
    padding: 40px;
}
.calculator .icw-form .icw-fieldset {
    margin-bottom: 30px;
}
.calculator .icw-form .icw-fieldset:last-child {
    margin-bottom: 0;
}
.calculator .icw-input .icw-input-unit {
    margin-bottom: 15px;
}
.calculator .icw-input .icw-input-unit:last-child {
    margin-bottom: 0;
}
.calculator .icw-input-unit .unit {
    min-width: 50px;
}
.calculator .cal-result {
    background-color: #fafafa;
}
.calculator .cal-result .note-box-fixed {
    position: static;
    margin: 15px 0 0;
    padding: 0 40px;
}

.calculator .icw-form .action-form .btn {
    margin: 0;
}
.calculator .icw-form .action-form .icw-inputvalid {
    margin-bottom: 15px;
}

.cal-result-box .table-cal-result,
.cal-result-box .box-detail {
    margin-bottom: 40px;
}
.cal-result-box .heading {
    margin-bottom: 30px;
}
.cal-result-box .title {
    line-height: 1.3;
}
.cal-result-box .result {
    font-family: 'DBThaiTextX';
    font-size: 35px;
    line-height: 27px;
    text-align: right;
}
.cal-result-box .outcome {
    font-size: 45px;
    line-height: 30px;
    color: #00a950;
}
.cal-result-box .tax {
    font-size: 12px;
    color: #777;
}

.cal-result-box .td-unit {
    width: 1%;
    text-align: right;
    white-space: nowrap;
    padding-left: 15px;
}

.box-detail .cal-action {
    text-align: center;
}
.box-detail .cal-action a {
    margin-bottom: 0;
}
.box-detail .cal-detail {
    display: none;
}
.box-detail .cal-detail-inner {
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.table-cal-result,
.table-cal-detail {
    font-size: 14px;
    margin: 0;
}
.table-cal-result {
    color: #333;
}
.table-cal-result td {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    vertical-align: bottom;
}
.table-cal-result tr:last-child td {
    padding-bottom: 0;
}

.table-cal-detail td {
    color: #333;
    padding: 15px 0 10px;
    vertical-align: top;
}
.table-cal-detail td.td-output {
    text-align: right;
}
.table-cal-detail .result {
    line-height: 16px;
    margin-bottom: 5px;
}

.icw .btn-refresh {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #00a950;
    text-decoration: none;
}
.icw .btn-refresh:before {
    font-family: 'icokbank';
    content: "\e92b";
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.icw .btn-refresh:hover {
    text-decoration: underline;
}

a.moredetail {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 6px;
    color: #333;
}
a.moredetail:after {
    font-family: 'icokbank';
    content: "\e909";
    display: inline-block;
    margin-left: 6px;
    font-size: 80%;
}
a.moredetail.active:after {
    content: "\e90d";
}

.showmore-box .hide {
    display: none !important;
}
.showmore-box .show {
    display: block !important;
}
.showmore-box table tr.show {
    display: table-row !important;
}
.showmore-action {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.showmore-action:before {
    content: "";
    display: block;
    width: 100%;
    height: 150px;
    position: absolute;
    top: -150px;
    z-index: 1;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%);
    pointer-events: none;
}


/* SME */
.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
}

.section-thumbnails-slider {
    overflow: hidden;
}
.section-thumbnails-slider .sc-action {
    text-align: right;
    font-size: 14px;
}
.thumbnails-slider {
    margin: 0 -10px;
}
.thumbnails-slider .item {
    padding: 0 10px;
}
.thumbnails-slider .thumbnail {
    margin-bottom: 10px !important;
}
.thumbnails-slider .owl-controls {
    margin-top: 0;
}
.thumbnails-slider .owl-controls .owl-pagination {
    display: none;
}
.thumbnails-slider .owl-controls .owl-buttons [class*='owl-'] {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: -75px;
    margin-top: -15px;
    text-align: center;
    text-indent: inherit;
    cursor: pointer;
}
.thumbnails-slider .owl-controls .owl-buttons [class*='owl-']:before {
    font-family: 'icokbank';
    font-size: 35px;
    color: #00a950;
    line-height: 60px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.thumbnails-slider .owl-controls .owl-buttons .owl-prev:before {
    content: "\e908";
}
.thumbnails-slider .owl-controls .owl-buttons .owl-prev {
    text-align: right;
}
.thumbnails-slider .owl-controls .owl-buttons .owl-next:before {
    content: "\e909";
}
.thumbnails-slider .owl-controls .owl-buttons .owl-next {
    right: -75px;
    left: auto;
    text-align: left;
}
.thumbnails-slider-white .owl-controls .owl-buttons [class*='owl-']:before {
    color: #bbb;
}


#section-knowledge-media {
    background-image: url(/SiteCollectionDocuments/business/sme/knowledge/img/media-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.knowledge-action {
    text-align: right;
}


.publication-block:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}
.publication-block {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    
}
.publication-block .publication-col {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 40px 30px;
}
.publication-block .publication-image {
    text-align: center;
}

.publication-image .image {
    display: inline-block;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.publication-image .image>img {
    width: 276px;
}

.publication-data .heading,
.publication-data .list-tags {
    margin-bottom: 20px;
}
.publication-data .date {
    margin-bottom: 10px;
}
.publication-data .action-bottom {
    margin-top: 30px;
}


/* Web Chat */
.webchat {
    display: inline-block;
    position: fixed;
    bottom: 44px;
    right: 44px;
    z-index: 9999;
    width: auto;
    height: auto;
}
.webchat-inner {
    position: relative;
}
a.webchat-btn {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 44px;
    height: 44px;
    text-align: center;
    text-decoration: none;
}
.webchat-btn:before {
    font-family: 'icokbank';
    /* content: "\e92d"; */
    font-size: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    background-color: #00a950;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    line-height: 48px;
}
.webchat-tooltip {
    position: relative;
    display: inline-block;
    width: auto;
    height: 60px;
    line-height: 60px;
    padding: 0 8px;
    top: 8px;
    right: 12px;
    background: #fafafa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dadada;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}
.webchat-tooltip:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #fafafa;
    display: block;
    width: 0;
    z-index: 1;
    right: -8px;
    top: 22px;
}
.webchat-tooltip:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #cacaca;
    display: block;
    width: 0;
    z-index: 0;
    right: -9px;
    top: 22px;
}
.webchat-tooltip .icon,
.webchat-tooltip .text {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px 0 0;
}
.webchat-tooltip .icon>img {
    width: 45px;
}
.webchat-tooltip .text {
    font-size: 14px;
    font-weight: normal;
    color: #999;
}
.webchat-tooltip .ic-close {
    font-size: 8px;
    font-weight: bold;
    color: #00a950;
    position: absolute;
    right: 7px;
    top: 7px;
}
/* End Web Chat */


.digital-banking-usage .usage {
    margin-bottom: 80px;
}
.digital-banking-usage .usage img {
    margin-bottom: 20px;
}


.icw .pagination {
    margin: 20px 0;
    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;
}

/* Sitemap */
.icw .kb-sitemap, 
.icw .kb-sitemap ul, 
.icw .kb-sitemap li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.icw .kb-sitemap ul {
    display: none;
}
.icw .kb-sitemap li {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0;
}
.icw .kb-sitemap ul {
    margin-left: 25px;
}
.icw .kb-sitemap > li {
    margin-top: 0;
}

.kb-sitemap li a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none; 
    color: inherit;
    padding-left: 25px;
}
.no-touch .kb-sitemap li a:hover,
.no-touchevents .kb-sitemap li a:hover {
    text-decoration: none;
    color: #00a950;
}
.kb-sitemap li span {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 5px; 
    left: 0;
    width: 15px; 
    height: 15px;
    cursor: auto;
    text-align: center;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.kb-sitemap li span:before {
    display: inline-block;
    vertical-align: top;
    font-family: 'icokbank';
    color: #00a950;
    font-size: 8px;
    font-weight: normal;
    line-height: 13px;
}
.no-touch .kb-sitemap li span:hover,
.no-touchevents .kb-sitemap li span:hover {
    border-color: #00a950;
}
.kb-sitemap li span:before, 
.kb-sitemap li span.collapsed:before {
    content: "\e915";
} 
.kb-sitemap li span.expanded:before {
    content: "\e91e";
}

.kb-sitemap-group {
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
}
.kb-sitemap-group:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.kb-sitemap-group .heading {
    margin-bottom: 30px;
    color: #00a950;
}
.kb-sitemap-group .sub-heading {
    color: #333;
    text-decoration: none !important;
    margin-bottom: 0;
}

.row-kb-sitemap {
    position: relative;
    margin: 0 -10px;
    font-size: 0;
}
.col-kb-sitemap {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 60px;
}


/* Biz Info - table K Rate Banner */
.banner-krate {
    position: relative;
    width: 210px;
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    overflow: hidden;
}
.banner-krate:before {
    content: "";
    position: absolute;
    left: 0; top: 1px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #00a950;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(0,169,80,0.2);
    -moz-box-shadow: 0px -1px 0px 0px rgba(0,169,80,0.2);
    box-shadow: 0px -1px 0px 0px rgba(0,169,80,0.2);
}
.banner-krate table {
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    table-layout: fixed;
}
.banner-krate table th,
.banner-krate table td {
    vertical-align: baseline;
    white-space: nowrap;
}
.banner-krate table .w33 {
    width: 33.3333333%;
}
.banner-krate table .w50 {
    width: 50%;
}
.banner-krate .tb-bn-header th,
.banner-krate .tb-bn-header td {
    padding: 10px;
}
.banner-krate .tb-bn-header th:first-child,
.banner-krate .tb-bn-header td:first-child,
.banner-krate .tb-bn-footer th:first-child,
.banner-krate .tb-bn-footer td:first-child {
    padding-right: 0;
}
.banner-krate .tb-bn-header th:last-child,
.banner-krate .tb-bn-header td:last-child,
.banner-krate .tb-bn-footer th:last-child,
.banner-krate .tb-bn-footer td:last-child {
    padding-left: 0;
}
.banner-krate .tb-bn-header tr {
    border-bottom: 1px solid;
}
.banner-krate .tb-bn-header tr:last-child {
    border-bottom: 0;
}
.banner-krate .tb-bn-header td.td-name {
    font-size: 12px;
}
.banner-krate .tb-bn-header td.td-update {
    font-size: 9px;
}
.banner-krate .tb-bn-footer th,
.banner-krate .tb-bn-footer td {
    padding: 12px 10px;
}
.banner-krate .tb-bn-footer a.more {
    vertical-align: middle;
}
.banner-krate .tb-bn-footer .social a {
    margin-right: 10px;
}
.banner-krate .tb-bn-footer .social .ic {
    margin: 0;
    font-size: 14px;
}
.banner-krate .bn-body {
    min-height: 172px;
}
.banner-krate .table-krate th, 
.banner-krate .table-krate td {
    padding: 6px 10px;
    border: 1px solid #f2f2f2;
    text-align: center;
    line-height: 1;
}
.banner-krate .table-krate th:first-child,
.banner-krate .table-krate td:first-child {
    border-left: 0;
}
.banner-krate .table-krate th:last-child,
.banner-krate .table-krate td:last-child {
    border-right: 0;
}
.banner-krate .table-krate td.td-currency,
.banner-krate .table-krate td.td-rate {
    vertical-align: middle;
}
.banner-krate .table-krate td.td-currency {
    text-align: left;
}
.banner-krate .table-krate td.td-currency .flag {
    width: 12px;
    height: 12px;
}
.banner-krate .table-krate td.td-currency .name {
    font-size: inherit;
}
.banner-krate .table-krate td.td-rate {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
}

.banner-krate .tb-bn-tabs td {
    width: 33.3333333%;
    padding: 6px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    opacity: 0.5;
}
.banner-krate .tb-bn-tabs td:hover,
.banner-krate .tb-bn-tabs td.active {
    opacity: 1;
}
.banner-krate .tb-bn-tabs td.active {
    color: #00a950;
    border-bottom: 1px solid #00a950;
}
.banner-krate .tb-bn-tabs th:first-child,
.banner-krate .tb-bn-tabs td:first-child {
    border-left: 0;
}
.banner-krate .tb-bn-tabs th:last-child,
.banner-krate .tb-bn-tabs td:last-child {
    border-right: 0;
}

.banner-krate.tone1 {
    background-color: #fafafa;
}
.banner-krate.tone1 .bn-header {
    background-color: #fff;
}
.banner-krate.tone1 .tb-bn-header tr {
    border-color: #f2f2f2;
}
.banner-krate.tone1 .tb-bn-header td.td-update {
    color: #999;
}
.banner-krate.tone2 {
    background-color: #fff;
}
.banner-krate.tone2 .bn-header {
    background-color: #00a950;
}
.banner-krate.tone2 .tb-bn-header tr {
    border-color: #82d0a8;
}
.banner-krate.tone2 .bg-green-light {
    background-color: #f2fbf6;
    color: inherit;
}
.banner-krate.tone2 .bn-header,
.banner-krate.tone2 .tb-bn-header td.td-update {
    color: #fff;
}


/* Datepicker */
.datepicker {
    position: relative;
}
.datepicker .px-datepicker {
    color: #333;
    cursor: pointer;
}
.datepicker .px-datepicker-device { 
    line-height: 30px;
}
.datepicker .ui-datepicker-trigger,
.datepicker-device:after {
    position: absolute;
    right: 0; top: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
}
.datepicker .ui-datepicker-trigger:before,
.datepicker-device:after {
    font-family: 'icokbank';
    content: "\e931";
    font-size: 16px;
    opacity: 0.8;
}
.ui-datepicker.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker.ui-widget.ui-widget-content {
    margin-top: 3px;
    border-color: #e1e1e1;
    background-color: #fafafa;
}
.ui-datepicker .ui-widget-header {
    border: 0;
    background: none;
    padding: .2em 0 .4em;
}
.ui-datepicker .ui-datepicker-title select {
    outline: 0;
    border-color: #e1e1e1;
    font-size: .9em;
    margin: 1px;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background-color: #fafafa;
    background-image: url(../img/icon/selectdate.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.ui-datepicker thead {
    background-color: #00a950;
    color: #fff;
}
.ui-datepicker th {
    padding: .35em .3em;
}
.ui-datepicker .ui-datepicker-calendar tbody tr:first-child td {
    padding-top: 2px;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
    color: #333;
    outline: 0;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight {    
    color: #00a950;
    font-weight: 600;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    background: #00a950;
    /*border-color: #00a950;*/
    color: #fff;
    font-weight: 600;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    margin-top: -6px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
	border: 0;
	background: none;
	font-weight: normal;
	color: #2b2b2b;
}

/* End Datepicker */


/* Website Tour */
.tour-backdrop { 
    opacity: .7; 
    filter: alpha(opacity=70);
}
.tour-step-background { 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}
.popover.tour-tour {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    background-color: #00ab4b;
    padding: 25px 40px 30px;
    min-width: 400px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.popover.tour-tour .popover-title,
.popover.tour-tour .popover-content,
.popover.tour-tour .popover-navigation {
    background-color: inherit;
    border: 0;
    padding: 0;
}
.popover.tour-tour .popover-title {
    font-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: normal;
    line-height: 0.8;
}
.popover.tour-tour .popover-content {
    margin-top: 15px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.popover.tour-tour .popover-navigation {
    margin-top: 20px;
}
.popover[class*=tour-] .popover-navigation [data-role=end] { 
    float: none;
}
.popover.left>.arrow { right: -10px;}
.popover.left>.arrow,
.popover.left>.arrow:after {
    border-left-color: #00ab4b;
}
.popover.right>.arrow { left: -10px;}
.popover.right>.arrow,
.popover.right>.arrow:after {
    border-right-color: #00ab4b;
}
.popover.top>.arrow { bottom: -10px;}
.popover.top>.arrow,
.popover.top>.arrow:after {
    border-top-color: #00ab4b;
}
.popover.bottom>.arrow { top: -10px;}
.popover.bottom>.arrow,
.popover.bottom>.arrow:after {
    border-bottom-color: #00ab4b;
}
.popover.tour-tour .btn {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0 !important;
    min-width: 150px;
    background-color: #fff !important;
    color: #00ab4b;
}
.popover-counter { 
    float: right;
    font-family: 'DBThaiTextX', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 35px;
    line-height: 35px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.popover.tour-tour .btn-close {
    display: inline-block;
    position: absolute;
    right: 15px; top: 15px;
    cursor: pointer;
    line-height: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity ease-in-out .2s;
    -o-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s;
}
.popover.tour-tour .btn-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.popover.tour-tour .btn-close:before {
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.tour-tour-element { pointer-events: none;}

.tour-step-segment { display: inline-block;}
.tour-step-segment.tour-tour-element a.active:after { display: none;}

.popover.popover-segment { margin-top: 25px;}
.popover.popover-login { margin-top: 35px;}
.popover.popover-shortcut { margin-left: -35px;}
/* End Website Tour */


@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(../img/icon/2x/radio.png);
    }
    input[type=radio].css-checkbox:checked + .css-label {
        background-image: url(../img/icon/2x/radio-chk.png);
    }
    input[type=checkbox].css-checkbox + .css-label {
        background-image: url(../img/icon/2x/checkbox.png);
    }
    input[type=checkbox].css-checkbox:checked + .css-label {
        background-image: url(../img/icon/2x/checkbox-chk.png);
    }
    
    .ic-cal {
        background-image: url(../img/icon/2x/calculator.png);
    }
    
    #recommend-video .ms-video-btn {
        background: url(../img/icon/2x/video-play-w.png) no-repeat 0 0;
        background-size: 100%;
    }
    
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
    .icw, .icw .result-note, .table .action-table, .popover.tour-tour, .popover.tour-tour .btn { 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;}
    
    .search-form .overlabel, .search-form input:focus + .overlabel, .search-form .filled input + .overlabel { line-height: 48px;}
    .search-form .select .chosen-container-single .chosen-single div {
        width: 55px;
        height: 48px;
        line-height: 48px;
    }
    .search-form .select .chosen-container-single .chosen-single div b:before {
        font-size: 20px;
        color: #ccc;
    }
    
    .navtop .list-inline li.divide { line-height: 40px; vertical-align: top;}
    .navtop .select-language { display: inline-block; vertical-align: middle;}
    .navtop .select-language:after { background-color: #00a950;}
    
    .sortby .select:after { display: inline-block;}
    .sortby-title { vertical-align: top;}

}


@media print {
    
    @page {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    html, body {
        width: 1140px;
        max-width: 1140px;
        min-width: 1140px;
        margin: 0 auto;
    }
    .container {
        width: 1140px !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 1cm 1.5cm !important;
        margin: 0 auto;
    }
    .header,
    .header-device,
    .footer,
    .mfp-bg, 
    .mfp-wrap,
    .two-columns .sidebar,
    .two-columns ul.link-box,
    .two-columns .bannerads,
    .localnav,
    .share-group,
    .functional-rate .icw-form,
    .functional-block .link-undo,
    .table-exchangerate a.btn-cal,
    .section-related { 
        display: none !important;
    }
    
    .two-columns .column-main {
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
    }
    .two-columns.contentbox {
        margin: 0 !important;
        border: 0 !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .two-columns.contentbox .column-main {
        padding: 0 !important;
        border: 0 !important;
    }
    
    table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .table-exchangerate .hide-m { display: table-cell !important;}
    .table-exchangerate .show-m { display: none !important;}
    
    .functional-rate .data-update { padding-top: 0; font-size: 16px;}
    
}

.headline { text-align: center; margin-bottom: 40px;}
tr.data-empty { border: 0;}

.thumbnail-autoheight .caption { height: auto !important;}
.thumbnail-autoheight .caption h3 {
    height: 50px;
    font-size: 25px !important;
    line-height: 0.9;
    overflow-y: hidden;
}

.step-style .step-col {
    padding-top: 30px;
    padding-bottom: 30px;
}
.step-style .img + .txt,
.step-style .txt + .img {
    margin-top: 20px;
}
.step-style .txt .no {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'DBThaiTextXBd';
    font-size: 40px;
    text-align: center;
    background-color: #00a950;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
}
.step-style .img>img {
    display: inline-block;
    line-height: 1;
}

.kb-notify {
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    border: 0;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #ad9f95;
    color: #fff;
}
.kb-notify a,
.kb-notify a:hover {
    text-decoration: underline;
}
.kb-notify a:hover,
.kb-notify .icw-close:hover {
    opacity: 0.9;
}
.kb-notify .container {
    position: relative;
}
.kb-notify .icw-close {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    line-height: 1;
    text-decoration: none;
}
.kb-notify .icw-close:after {
    display: inline-block;
    font-family: 'icokbank';
    content: "\e90a";
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.kb-notify .msg {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0 30px;
}
.kb-notify .msg .ic {
    font-size: 20px;
    color: inherit;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.nowrap { white-space: nowrap;}

/* Multimenu */
.nav-multimenu { display: none;}

/* Text Icon */
.icw .text-icon {
    position: relative;
    padding-left: 30px;
}
.icw .text-icon .ic {
    position: absolute;
    left: 0;
}
.icw .text-icon:last-child {
    margin-bottom: 0;
}

/* Exclusive Menu Mobile */
.mm-bottom .mm-exclusive {
    display: block;
    line-height: 1;
    height: auto;
}
.mm-bottom .mm-exclusive:not(:last-child) {
    margin-bottom: 15px;
}
.mm-bottom .mm-exclusive > a {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.mm-bottom .mm-exclusive > a,
.mm-hasnavbar .mm-listview > li.mm-exclusive {
    padding: 8px 0;
}
.mm-bottom .mm-exclusive > a:not(:last-child) {
    margin-right: 20px;
}
.mm-bottom .mm-exclusive .img {
    display: block;
    height: 20px;
}
.mm-hasnavbar .mm-listview > li.mm-exclusive:not(:first-child) {
    margin-top: 15px;
}

/* 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;}
@media screen and (min-width: 768px) and (max-width: 950px) { 
		.DNipad{
			display: none;
		}
}
@media screen and (min-width: 768px) { 
		.DNdesktop{
			display: none;
		}
}