.table-responsive{overflow-x:auto;min-height:.01%}
.table-responsive .text-small{margin:1rem 0 0 !important}
.table-responsive .text-small+.text-small{margin:0 !important}
@media screen and (max-width:767px){.table-responsive{width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:1rem}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}
html,body,div,span,embed,object,iframe,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,output,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,main,section,article,aside,canvas,details,summary,figure,figcaption,header,footer,hgroup,menu,nav,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal}
html{text-size-adjust:100%;box-sizing:border-box;font-size:13px;position:relative}
*,*:before,*:after{box-sizing:inherit}
body{background:#f9f9fa;color:#767676;font-family:'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif;font-size:100%;line-height:1;-webkit-backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px transparent}
main,section,article,aside,details,summary,figure,figcaption,header,footer,hgroup,menu,nav{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table,caption,tbody,thead,tfoot,tr,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset{margin:0;padding:0;border:1px solid silver}
textarea{overflow:auto;vertical-align:top;resize:none}
input,textarea,select{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;appearance:none}
button,input,textarea,select,optgroup{color:inherit;font-family:inherit;border:0}
input,select{vertical-align:middle}
select,button{text-transform:none}
.clickable,label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="file"],input[type="checkbox"]{cursor:pointer}
button,input[type="button"],input[type="reset"],input[type="submit"]{appearance:button}
input[type="search"]{box-sizing:content-box;appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
sub,sup{position:relative;line-height:0;font-size:75%;vertical-align:baseline}
sup{top:-0.5em}
sub{font-size:.6em;padding-left:.5em}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
h1{font-weight:bold}
h2{font-size:18px}
h3{font-size:1.23rem}
h4{font-size:1rem}
h5{font-size:12px}
h6{font-size:10px}
b,strong,optgroup{font-weight:bold}
dfn{font-style:italic}
small{font-size:80%}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff0;color:#000;font-style:italic}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
code,kbd,pre,samp{font-size:1em}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}
a{color:#7a58bf;text-decoration:none}
:focus{outline:0}
address{font-style:normal;line-height:1.7}
noscript{position:fixed;top:0;width:100%;padding:5px;text-align:center;color:white;background:gray}
@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
.visible-print-block{display:block !important}
.visible-print-inline{display:inline !important}
.visible-print-inline-block{display:inline-block !important}
.hidden-print{display:none !important}
}
.grid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media(min-width:768px){.grid{width:750px}
}
@media(min-width:992px){.grid{width:970px}
}
@media(min-width:1200px){.grid{width:1170px}
}
.grid-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.row{margin-left:-15px;margin-right:-15px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
.visible-xs,.visible-sm,.visible-sm-up,.visible-md,.visible-md-up,.visible-lg{display:none !important}
@media(max-width:767px){.visible-xs{display:block !important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row !important}
th.visible-xs,td.visible-xs{display:table-cell !important}
}
@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row !important}
th.visible-sm,td.visible-sm{display:table-cell !important}
}
@media(min-width:768px){.visible-sm-up{display:block !important}
table.visible-sm-up{display:table}
tr.visible-sm-up{display:table-row !important}
th.visible-sm-up,td.visible-sm-up{display:table-cell !important}
}
@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}
table.visible-md{display:table}
tr.visible-md{display:table-row !important}
th.visible-md,td.visible-md{display:table-cell !important}
}
@media(min-width:992px){.visible-md-up{display:block !important}
table.visible-md-up{display:table}
tr.visible-md-up{display:table-row !important}
th.visible-md-up,td.visible-md-up{display:table-cell !important}
}
@media(min-width:1200px){.visible-lg{display:block !important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row !important}
th.visible-lg,td.visible-lg{display:table-cell !important}
}
@media(max-width:767px){.hidden-xs{display:none !important}
}
@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}
}
@media(min-width:768px){.hidden-sm-up{display:none !important}
}
@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}
}
@media(min-width:992px){.hidden-md-up{display:none !important}
}
@media(max-width:992px){.hidden-md-down{display:none !important}
}
@media(min-width:1200px){.hidden-lg{display:none !important}
}
@media(max-width:768px){.hidden-sm-down{display:none !important}
}
.clearfix:before,.clearfix:after,.grid:before,.grid:after,.grid-fluid:before,.grid-fluid:after,.row:before,.row:after{display:table;content:""}
.clearfix:after,.grid:after,.grid-fluid:after,.row:after{clear:both}
.pull-right{float:right !important}
.pull-left{float:left !important}
.hide{display:none !important;visibility:hidden}
.invisible{visibility:hidden}
.hidden{display:none !important;visibility:hidden !important}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-justify{text-align:justify !important}
.text-uppercase{text-transform:uppercase}
.bold{font-weight:bold}
.bolder{font-weight:800}
img{max-width:100%;vertical-align:middle}
.img-responsive{width:100%}
.display-block{display:block}
.display-in-block{display:inline-block}
.display-table-cell{display:table-cell}
.pos{position:absolute}
.wrap-block{overflow:hidden}
.dark-grey{color:#373737}
.black{color:#000 !important}
.list-inline{text-align:center}
.list-inline li{display:inline-block;vertical-align:middle}
::-webkit-input-placeholder{color:#30373b}
::-moz-placeholder{color:#30373b}
:-ms-input-placeholder{color:#30373b}
:-moz-placeholder{color:#30373b}
.table-responsive{overflow-x:auto;min-height:.01%}
.table-responsive .text-small{margin:1rem 0 0 !important}
.table-responsive .text-small+.text-small{margin:0 !important}
@media screen and (max-width:767px){.table-responsive{width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:1rem}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}
@font-face{font-family:'BigCaslon';src:url('fonts/BigCaslon.woff') format('woff')}
@font-face{font-family:'Sukhumvittadmai_med';src:url('sukhumvittadmai_med-webfont.woff') format('woff')}
@font-face{font-family:'sukhumvittadmai_bol';src:url('sukhumvittadmai_bol-webfont.woff') format('woff')}
@font-face{font-family:'Sukhumvittadmai';src:url('sukhumvittadmai_regular-webfont.woff') format('woff')}
@font-face{font-family:'icomoon';src:url('icomoon.woff') format('woff');font-weight:normal;font-style:normal}
[class*="icon-"]{display:inline-block}
[class^="icon-"]:before,[class*=" icon-"]:before,.btn-primary-dropdown:after,.btn-primary-dropdown:after,.input-search p:after,.input-search p:after,.custom-select:after,.custom-select:after,.story.video .icon-play:before,.slick-prev:before,.slick-next:before,.promotions .slick-prev:before,.promotions .slick-next:before,.global-nav li.has-sub a.link-sub:after,.mega-menu .link-view-all:after,.breadcrumb li:not(:last-child):after,.multi-filter-item:after,.multi-filter-item:after,.date-picker:after,.date-picker:after,.transfer-money .transfer-group .country-select:not(.style-1):after,.transfer-money .transfer-group .country-select:not(.style-1):after,.transfer-money .transfer-group.full .country-select .currency-selected:after,.transfer-money .transfer-group.full .country-select .currency-selected:after,.currency-dropdown li:first-child:after,.currency-dropdown li:first-child:after{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-info{background:url(scb-design/images/icons/ic-info.svg) no-repeat;width:19px;height:19px;display:inline-block;cursor:pointer}
.icon-info:hover{background-image:url(scb-design/images/icons/ic-info-act.svg)}
.icon-cell-phone:before{content:"\e910"}
.icon-earth:before{content:"\e912"}
.icon-income:before{content:"\e914"}
.icon-phone:before{content:"\e915"}
.icon-video:before{content:"\e90d"}
.icon-video2:before,.story.video .icon-play:before{content:"\e90e"}
.icon-facebook:before{content:"\e907"}
.icon-instagram:before{content:"\e908"}
.icon-line:before{content:"\e909"}
.icon-twitter:before{content:"\e90a"}
.icon-youtube:before{content:"\e90b"}
.icon-mail:before{content:"\e917"}
.icon-google:before{content:"\e918"}
.icon-in:before{content:"\e919"}
.icon-search:before{content:"\e901"}
.icon-location-2:before{content:"\e90f"}
.icon-location:before{content:"\e900"}
.icon-arrow-more:before{content:"\e902"}
.icon-close:before,.global-nav li.has-sub a.link-sub.current:after{content:"\e903"}
.icon-pagination-left:before,.slick-prev:before,.promotions .slick-prev:before{content:"\e904"}
.icon-pagination-right:before,.slick-next:before,.promotions .slick-next:before,.mega-menu .link-view-all:after,.breadcrumb li:not(:last-child):after{content:"\e906"}
.icon-dropdown:before,.btn-primary-dropdown:after,.input-search p:after,.custom-select:after,.global-nav li.has-sub a.link-sub:after,.multi-filter-item:after,.date-picker:after,.transfer-money .transfer-group .country-select:not(.style-1):after,.transfer-money .transfer-group.full .country-select .currency-selected:after,.currency-dropdown li:first-child:after{content:"\e90c"}
@media only screen and (max-width:767px){select{font-size:20px}
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
[class*='btn']{padding:0 30px;font-size:1.23rem;display:inline-block;text-align:center;position:relative;overflow:hidden;border-radius:4px}
[class*='btn'].min-size{min-width:170px}
.no-touch.desktop [class*='btn']{transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s}
[class*='btn'].btn-block{display:block;width:100%;text-align:center}
[class*='btn'][disabled]{cursor:default}
@media only screen and (max-width:767px){[class*='btn'].m-btn-block{display:block;width:auto !important;float:none !important}
}
.btn-default{color:#734fc2;border:1px solid #734fc2;background:inherit;line-height:40px}
.no-touch.desktop .btn-default:hover{border-color:#906be0}
.btn-default:active,.btn-default:focus{border-color:#906be0}
.btn-default[disabled]{opacity:.5}
[class*='btn-primary']{background:#7a58bf;color:white;line-height:44px;min-width:140px}
.no-touch.desktop [class*='btn-primary']:not([disabled]):hover{background:#906be0}
[class*='btn-primary']:active,[class*='btn-primary']:focus{background:#462279}
[class*='btn-primary'][disabled]{opacity:.5}
.btn-primary-dropdown{padding:0 15px}
.btn-primary-dropdown:after{margin-left:10px;display:inline-block}
.no-touch.desktop .btn-primary-dropdown select{display:none}
.no-touch.desktop .btn-primary-dropdown:hover:after{animation:wobble-vertical .75s alternate}
@media only screen and (max-width:767px){.btn-primary-dropdown.hide-icon:after{display:none}
}
.btn-primary-small{padding:0 20px}
.btn-white{color:#bbb;border:2px solid #bbb;background:0;line-height:40px;min-width:170px}
.no-touch.desktop .btn-white:hover{border-color:white;color:white}
.btn-white:active,.btn-white:focus{border-color:white;color:white}
.btn-white[disabled]{opacity:.5}
.btn-white-light{color:white;border:2px solid white;background:0;line-height:40px;min-width:170px}
.no-touch.desktop .btn-white-light:hover{opacity:.8}
.btn-white-light:active,.btn-white-light:focus{opacity:.8}
.btn-white-light[disabled]{opacity:.5}
.btn-black{color:black;border:2px solid black;background:0;line-height:40px;min-width:170px}
.no-touch.desktop .btn-black:hover{opacity:.8}
.btn-black:active,.btn-black:focus{opacity:.8}
.btn-black[disabled]{opacity:.5}
.label{font:16px/25px 'sukhumvittadmai_bol';color:black;padding-bottom:15px;display:inline-block}
[lang="th"] .label{font-family:'sukhumvittadmai_bol'}
.input,.custom-select{border:1px solid #dbdbdb;font-size:16px;padding:0 15px;height:48px;line-height:48px;width:100%;border-radius:4px;background:white}
.input:not([readonly]):focus{border-color:#7a58bf}
.input[readonly]{opacity:.5}
.input::-webkit-input-placeholder{color:#d2d2d2}
.input::-moz-placeholder{color:#d2d2d2}
.input:-ms-input-placeholder{color:#d2d2d2}
.input:-moz-placeholder{color:#d2d2d2}
.input-wrapper{overflow:hidden}
textarea.input{height:177px;line-height:normal;padding-top:10px;padding-bottom:10px}
.birthday-group{border:1px solid #dbdbdb;background:white;border-radius:4px;display:table;width:100%}
.birthday-group .custom-select{border:0;width:33%;display:table-cell}
.birthday-group .custom-select:before{content:'';position:absolute;width:1px;top:10px;bottom:10px;right:1px;background:#f1f1f1}
.birthday-group .custom-select:last-child:before{content:none}
.input-search{position:relative}
.input-search input{padding-right:48px}
.input-search p{position:absolute;top:0;right:0;height:48px;width:48px;text-align:center;line-height:48px}
.input-search:hover{cursor:pointer}
.input-search:hover p{animation:wobble-vertical .75s alternate}
.custom-select{position:relative;z-index:2;cursor:pointer}
.custom-select .custom-text{overflow:hidden;padding-right:1.5rem}
.custom-select .custom-text span{font-size:16px;color:#dbdbdb;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;overflow:hidden}
.custom-select:after{color:black;position:absolute;right:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.no-touch.desktop .custom-select select{display:none}
.no-touch.desktop .custom-select:hover:after{animation:wobble-vertical .75s alternate}
.custom-select select{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;color:black;padding:1rem;opacity:0}
.error .custom-select{border-color:#ef6f6e}
.error .custom-select .custom-text span{color:#ef6f6e}
.error .custom-select:after{color:#ef6f6e}
.dropdown-multiselect{border-radius:4px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);padding:10px 30px;position:absolute;left:0;right:0;top:80px;z-index:21;display:none}
.dropdown-multiselect.has-scroll ul{max-height:354px;overflow-y:auto}
.dropdown-multiselect:before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid white;position:absolute;top:-8px;right:18px;z-index:10}
.dropdown-multiselect .custom-checkbox{padding:10px 0}
.dropdown-multiselect .link-default{margin:15px 0;display:inline-block}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:999;float:left;border-radius:3px;background-color:white;border:1px solid #7a58bf}
.dropdown-menu ul{overflow-y:auto;max-height:25rem}
.dropdown-menu li{overflow:hidden}
.dropdown-menu li a{display:block;font-size:16px;line-height:1.6;padding:11px 15px;color:#7a58bf}
.dropdown-menu li a:hover{background:#f4f4f4;text-decoration:none}
.dropdown-menu li.active a{color:#b2b2b2}
.dropdown-menu ::-webkit-scrollbar{width:5px}
.dropdown-menu ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background:#7a58bf}
.custom-radio{position:relative;padding:0 0 0 35px;display:block;font-size:16px}
.custom-radio input{position:absolute;opacity:0;left:0;top:0;z-index:2}
.custom-radio span:before{content:"";border:1px solid #dbdbdb;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:0;width:27px;height:27px}
.custom-radio input:checked+span:before{border:7px solid #7a58bf}
.custom-checkbox{position:relative;display:block}
.custom-checkbox input{position:absolute;opacity:0;left:0;top:0;z-index:2}
.custom-checkbox span{display:block;padding:0 25px 0 0;font-size:16px;line-height:1.5;color:#b0b0b0}
.custom-checkbox input:checked+span{background:url(scb-design/images/icons/ic-check-tiny.svg) no-repeat right center}
.custom-checkbox input[type="checkbox"]:checked+span:active{background-image:url(scb-design/images/icons/ic-cross-tiny.svg)}
.no-touch.desktop .custom-checkbox input[type="checkbox"]:checked+span:hover{background-image:url(scb-design/images/icons/ic-cross-tiny.svg)}
.no-touch.desktop .custom-checkbox span:hover{color:#7a58bf}
.custom-radio-thumb{position:relative;margin:0 15px;display:block;height:100%}
@media only screen and (max-width:1024px){.custom-radio-thumb{margin:0 7px}
}
.custom-radio-thumb input{position:absolute;opacity:0;left:0;top:0;z-index:2;margin:0;width:100%;height:100%}
.custom-radio-thumb .inner{background:white;border-radius:4px;padding:30px 15px;height:100%}
@media only screen and (max-width:767px){.custom-radio-thumb .inner{padding:15px}
}
.custom-radio-thumb .inner .visual-icons{text-align:center;margin:15px 0;height:63px}
.custom-radio-thumb .inner .sub-title-3{margin:0 0 10px}
.custom-radio-thumb .inner .sub-title-3 span{display:block;text-align:center;font-weight:bold;line-height:1.3}
.custom-radio-thumb input:checked+.inner{background:#d8ccf7}
.custom-radio-thumb.gender{width:269px;height:269px;display:table;margin:0;text-align:center}
.custom-radio-thumb.gender .visual-icons{height:90px}
.custom-radio-thumb.gender .inner{display:table-cell;vertical-align:middle}
.custom-radio-thumb.confirm{width:100px;height:100px;margin:0;text-align:center;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.custom-radio-thumb.confirm .inner{padding:0;line-height:100px}
.custom-radio-thumb.salary{text-align:center}
.custom-radio-thumb.salary .inner{padding:3px 15px 20px}
.custom-radio-thumb.salary .visual-icons{line-height:63px}
.custom-radio-thumb.salary .visual-icons img{vertical-align:bottom;display:inline-block}
.custom-radio-thumb.full-width{margin:0;height:164px}
.custom-radio-thumb.full-width .inner{padding:20px 55px 20px 30px}
.custom-radio-thumb.full-width .inner:before{content:'';background:url('scb-design/images/icons/ic-compare.svg') no-repeat;position:absolute;top:15px;right:15px;z-index:11;width:32px;height:32px}
.custom-radio-thumb.full-width .inner .visual-icons{margin-top:0}
.custom-radio-thumb.full-width input:checked+.inner{background:#d8ccf7}
.custom-radio-thumb.full-width input:checked+.inner:before{background-image:url('scb-design/images/icons/ic-compare-checked.svg')}
.custom-radio-thumb .sub-title-3{line-height:1.22}
.relative{position:relative}
.group{min-height:9rem}
.group .msg-error{display:none}
.group.error .msg-error{display:block}
.error .input{border-color:#ef6f6e;color:#ef6f6e}
.error .msg-error{color:#ef6f6e;padding-top:.5em}
.button-group:before,.button-group:after{display:table;content:""}
.button-group:after{clear:both}
.button-group .btn-primary{float:left;margin-right:30px}
.button-group .share-this{display:inline-block;vertical-align:middle}
@media only screen and (max-width:480px){.button-group .share-this{display:block;margin-top:20px}
}
.button-group.center{display:inline-block}
@media only screen and (min-width:768px) and (max-width:991px){.button-group-2{text-align:center}
}
.button-group-2 [class*="btn-"]{vertical-align:middle;margin-right:30px}
.button-group-2 [class*="btn-"]:last-child{margin-right:0}
@media only screen and (max-width:767px){.button-group-2 [class*="btn-"]{width:48%;margin:0;min-width:0}
.button-group-2 [class*="btn-"]:last-child{float:right}
}
.button-group-center{text-align:center}
.button-group-center [class*="btn-"]{margin-right:30px;vertical-align:middle}
.input-amount{position:relative}
.input-amount:before,.input-amount:after{display:table;content:""}
.input-amount:after{clear:both}
.input-amount input{padding-left:60px}
.input-amount span{position:absolute;top:14px;font-size:16px;color:black}
.input-amount span.left{left:15px}
.input-amount span.right{right:15px}
.no-padding{padding:0}
.top30{margin-top:30px}
.captcha>.group{min-height:auto}
.captcha .form_row{width:30%;min-width:230px;border-radius:4px;padding:15px;color:black;position:relative}
.captcha .form_row:first-of-type{background-color:transparent;padding-bottom:35px;border:1px solid #906be0}
.captcha .form_row .form_leftcol .form_leftcollabel{display:inline-block}
.captcha .form_row .form_leftcol .form_leftcolmark{display:inline-block}
.captcha .form_row .form_rightcol .form_captcha_image{margin-bottom:5px}
.captcha .form_row .form_rightcol .form_captcha_input,.captcha .form_row .form_rightcol .form_captcha_refresh{display:inline-block;vertical-align:top;margin-top:5px}
.captcha .form_row .form_rightcol .form_captcha_input input.form_field_text{border-radius:4px;padding:5px;width:145px;height:35px;display:inline-block;color:#333;font-size:15px}
.captcha .form_row .form_rightcol .form_captcha_refresh .form_button{border-radius:4px;font-size:12px;height:35px}
.captcha .form_row .form_rightcol .form_captchatimer{background-color:white;width:64px;height:10px;margin-top:-55px}
.captcha .form_row .form_rightcol .form_captchatimer .form_captchatimer_bar{background-color:red;height:10px;width:100%}
.captcha .captcha-wrap{position:relative;margin-bottom:10px}
.captcha .captcha-wrap .form_captcha_img,.captcha .captcha-wrap input{background:#f0f2f4;border:0;text-align:center;color:black !important;font-family:Tahoma;font-size:16px;border-radius:4px;height:48px;line-height:42px}
.captcha .captcha-wrap .form_captcha_img:hover,.captcha .captcha-wrap input:hover{cursor:inherit}
.captcha .captcha-wrap .refresh{position:absolute;width:20px;height:20px;background:url("scb-design/images/icons/ic-refresh.svg") no-repeat center center;background-size:contain;top:50%;transform:translateY(-50%);right:14px}
.captcha .captcha-wrap .refresh:hover{cursor:pointer}
.datewrap-form{position:relative}
.datewrap-form .datewrap{display:none;position:absolute;margin-top:27px}
.datewrap-form .datewrap.active{display:block;z-index:200;width:100%;left:0}
.datewrap-form.col-sm-4 .datewrap.active{width:auto;left:15px;right:15px;margin-top:10px}
.datewrap-form.col-sm-4 .datewrap.active>div{width:100%;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);border:0}
.datewrap-form.col-sm-4 .datewrap.active>div:before{content:"";width:0;height:0;display:block;border-left:8px solid transparent;border-right:9px solid transparent;border-bottom:10px solid white;position:absolute;top:-8px;right:15px;display:block}
.datewrap-form .ui-datepicker .ui-datepicker-header{height:34px;margin:10px 0 20px;padding:0;border:0;background:0}
.datewrap-form .ui-datepicker .ui-datepicker-header select{display:block !important;background:#f0f2f4;padding:5px 10px;font-size:16px;float:left;border-radius:20px;width:48%}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-title{margin:0 45px}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-year{float:right}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-next{background:0;border:0;color:#000;top:1px}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{display:none}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{content:"\e90c";font-family:'icomoon' !important;font-size:22px;position:absolute;top:0}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after{transform:rotate(90deg)}
.datewrap-form .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{transform:rotate(-90deg)}
.datewrap-form .ui-datepicker .ui-state-default{width:34px;height:34px;margin:0 auto 5px;border-radius:30px;text-align:center;line-height:30px;padding:0;background:0;border:2px solid transparent}
.datewrap-form .ui-datepicker .ui-state-default.ui-state-highlight{border-color:#7a58bf}
.datewrap-form .ui-datepicker .ui-state-default.ui-state-active{color:#fff;background:#7a58bf}
.datewrap-form .ui-datepicker th{font-size:16px;font-family:Tahoma,Helvetica,Arial,sans-serif}
.datewrap-form .ui-datepicker table{margin-bottom:0}
.datewrap-form .ui-datepicker table td{background:0;border:0;text-align:center;font-size:16px}
[data-accordion] [class*='col-']:nth-child(1) .collapse-header,[data-accordion] [class*='col-']:nth-child(2) .collapse-header{border-top:1px solid #ededed}
@media only screen and (max-width:991px){[data-accordion] [class*='col-']:nth-child(2) .collapse-header{border-top:0}
}
[data-accordion] .collapse-header{position:relative;font-size:1.231rem;line-height:1.56;border-bottom:1px solid #ededed;height:70px;display:table;width:100%;cursor:pointer}
[data-accordion] .collapse-header span{display:table-cell;vertical-align:middle;padding-right:30px;height:100%}
[data-accordion] .collapse-header:after{content:"\e90c";font-family:'icomoon' !important;position:absolute;top:50%;right:0;transform:translateY(-50%)}
[data-accordion] .collapse-header.active:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);margin-top:-8px}
[data-accordion] .collapse-inner{display:none;padding:20px 0}
[data-accordion] .collapse-inner .collapse-content{overflow-x:auto}
[data-accordion] .collapse-inner.table{padding:0}
[data-accordion].about-us .collapse-inner{padding:30px;background:#f0f2f4;line-height:1.4;font-size:16px}
.loan-faqs .collapse-inner{background:#f0f2f4;padding:15px 20px}
.loan-faqs .collapse-inner .item{padding-left:15px}
.loan-faqs .collapse-inner .item:first-child{padding-top:10px}
.loan-faqs .collapse-inner .item:last-child{padding-bottom:10px}
.loan-faqs .collapse-inner .item a{overflow:hidden;font-size:16px;line-height:22px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;height:70px;display:table;width:100%;vertical-align:middle}
@media only screen and (max-width:767px){.loan-faqs .collapse-inner .item a{padding:20px 0}
}
.loan-faqs .collapse-inner .item a span{display:table-cell;height:100%;vertical-align:middle;padding-left:40px;position:relative}
.full-accordion{overflow:hidden}
.full-accordion .collapse-item:nth-child(1){margin-top:30px}
.full-accordion .collapse-item:nth-child(1) .collapse-header{border-top:1px solid #ededed}
.full-accordion .collapse-item:nth-child(1).no-mar{margin-top:0}
.full-accordion .collapse-item:nth-child(1).no-mar .collapse-header{border-top:0}
.full-accordion .collapse-inner.grey{padding:40px 108px 40px 30px;background-color:#f8f8f9}
@media only screen and (max-width:767px){.full-accordion .collapse-inner.grey{padding:40px 30px}
}
.full-accordion .collapse-inner .collapse-content ul,.full-accordion .collapse-inner .collapse-content ol{margin-left:20px;line-height:1.67em;padding:.5rem 0}
.full-accordion .collapse-inner .collapse-content ul{list-style-type:disc}
.full-accordion .collapse-inner .collapse-content li{padding:.2rem 0;font-size:16px;line-height:1.4}
.full-accordion .collapse-inner .collapse-content ol{list-style-type:decimal}
.full-accordion .collapse-inner .collapse-content ol li{padding:.2rem 5px}
.bor-bot{height:70px;line-height:70px;border-bottom:1px solid #ededed}
.bor-bot .link-default{display:block}
.awards .collapse-header:first-child{border-top:1px solid #ededed}
.awards .collapse-inner{background-color:#f8f8f9;padding:30px}
.awards .list-default li{line-height:2.81}
.rounded{border-radius:4px}
.circle-image{background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:50%}
.title{color:black;font:bold 28px/36px 'sukhumvittadmai_bol'}
[lang="th"] .title{font-family:'sukhumvittadmai_bol';line-height:1.6}
@media only screen and (min-width:992px) and (max-width:1199px){.title{font-size:27px}
}
@media only screen and (max-width:767px){.title{font-size:1.692rem;line-height:1.4}
}
.title.light{font-family:'Sukhumvittadmai'}
[lang="th"] .title.light{font-family:'Sukhumvittadmai'}
.title-2{color:black;font:bold 22px/36px 'sukhumvittadmai_bol'}
[lang="th"] .title-2{font-family:'sukhumvittadmai_bol'}
@media only screen and (max-width:767px){.title-2{line-height:30px}
}
.title-2.light{font-family:'Sukhumvittadmai'}
[lang="th"] .title-2.light{font-family:'Sukhumvittadmai'}
.title-3{color:black;font:bold 20px/34px 'sukhumvittadmai_bol'}
@media only screen and (max-width:767px){.title-3{line-height:1.7}
}
.title-3.light{font-weight:lighter;font-family:'Sukhumvittadmai_med'}
.title-primary{font:bold 36px/44px 'sukhumvittadmai_bol';color:black;padding:0 0 10px}
[lang="th"] .title-primary{font-family:'sukhumvittadmai_bol'}
@media only screen and (max-width:767px){.title-primary{font-size:2.153rem;line-height:1.29}
}
.title-primary.light{font-family:'Sukhumvittadmai'}
[lang="th"] .title-primary.light{font-family:'Sukhumvittadmai'}
.title-primary.pad-bot{padding-bottom:40px}
@media only screen and (max-width:767px){.title-primary.pad-bot{padding-top:40px;padding-bottom:15px}
}
.title-primary.pad-top{padding-top:50px}
@media only screen and (max-width:767px){.title-primary.pad-top{padding-top:25px;padding-bottom:15px}
}
.title-primary.medium{font-family:'Sukhumvittadmai_med'}
[lang="th"] .title-primary.medium{font-family:'Sukhumvittadmai_med'}
.title-large{color:black;font:bold 54px/60px 'sukhumvittadmai_bol'}
[lang="th"] .title-large{font-family:'sukhumvittadmai_bol'}
.title-large .link-default{font-family:'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif;margin-left:30px}
@media only screen and (max-width:767px){.title-large{font-size:26px;line-height:normal}
.title-large .link-default{margin:0 0 30px 0;display:block}
}
.sub-title,table tr th{text-transform:uppercase;font:12px/1 'sukhumvittadmai_bol';letter-spacing:2px;color:#30373b}
[lang="th"] .sub-title{font:bold 12px 'sukhumvittadmai_bol'}
[lang="th"] .banner-wrap .sub-title{font-size:16px}
[lang="th"] .sub-title,[lang="th"] table tr th{letter-spacing:0}
.sub-title.line{padding:10px 0 30px}
@media only screen and (max-width:767px){.sub-title.line{padding:0 0 20px}
}
.sub-title-1{font-size:14px;text-transform:uppercase}
.sub-title-2{font:16px 'sukhumvittadmai_bol';color:black}
[lang="th"] .sub-title-2{font:bold 16px 'sukhumvittadmai_bol'}
.sub-title-3{color:black;font-size:18px}
.sub-title-4{font:25px 'sukhumvittadmai_bol';color:black}
[lang="th"] .sub-title-4{font:bold 16px 'sukhumvittadmai_bol'}
.font-title-1{font-family:'sukhumvittadmai_bol'}
[lang="th"] .font-title-1{font-weight:bold;font-family:'sukhumvittadmai_bol'}
.title-uppercase{font:16px 'sukhumvittadmai_bol';text-transform:uppercase;padding-bottom:10px;color:black}
[lang="th"] .title-uppercase{font:bold 16px 'sukhumvittadmai_bol'}
.underlined-title:after{content:"";display:block;height:2px;position:relative;width:50px;margin-top:14px;background:white}
@media only screen and (max-width:767px){.underlined-title:after{margin-top:6px}
}
.underlined-title.middle{text-align:center}
.underlined-title.middle:after{margin-left:auto;margin-right:auto}
.underlined-title.olive:after{background-color:#746c56}
.underlined-title.rose-gold:after{background-color:#b7756e}
.underlined-title.dark-yellow:after{background-color:#cda889}
.underlined-title.beige:after{background-color:#d5a68a}
.underlined-title.ovaltine:after{background-color:#cda889}
.underlined-title.desaturated-amber:after{background-color:#bbab85}
.txt-dark-black{color:black}
.txt-black{color:#373737}
.txt-grey{color:#767676}
.txt-light-grey{color:#adadad}
.txt-purple,.input:not([readonly]):focus,.input:not([readonly]):valid,.custom-select.selected,.custom-select.selected .custom-text span,.custom-checkbox input:checked+span,[data-accordion] .collapse-header span,.loan-faqs .collapse-inner .item a,.list-primary a,.link-default,.tab-header a.active,.no-touch.desktop .tab-header a:hover,#header .right-header .icons,.right-header .language li a:active,.no-touch.desktop .right-header .language li a:hover,.language li,.digital-menu ul a:hover,.global-nav li a:hover,.global-nav li a:active:hover,.global-nav li.has-sub a.link-sub.current:after,.global-nav>ul>li:hover>a,.global-nav>ul>li a.current,.mega-menu-mobile .mega-menu .level-1 a.level-1-title.has-sub.active,.search-block.small .icon-search:hover:before,.recently-viewed .list-view li a,.requirements .rate-and-fee .sub-title-2,.no-touch.desktop .tab-details [data-menu] a:hover,.tab-details [data-menu] a.active,.no-touch.desktop .tab-story-landing ul li a:hover,.tab-story-landing ul li a.active,.no-touch.desktop .prefer-lifestyle .list-primary li a:hover,.no-touch.desktop .prefer-lifestyle .list-primary .label-container a:hover,.prefer-lifestyle .list-primary li a:active,.prefer-lifestyle .list-primary .label-container a:active,.prefer-lifestyle .list-primary li a.active,.prefer-lifestyle .list-primary .label-container a.active,.filter-reward-listing dl dd a,.filter-reward-listing ul li:hover,.filter-reward-listing ul li.selected,.no-touch.desktop .locator-list .list-header li a:hover,.locator-list .list-header li a.active,.locator-list .list li h4.text-medium a,.download-form a,.registration-steps .item .step,.risk-table .title-primary,.risk-table li,.risk-table li.active .sub-title-1,[data-tab] header a.active,.no-touch.desktop [data-tab] header a:hover{color:#7a58bf}
.share-this-icons.text-purple a{color:#7a58bf}
.background-purple{background:#7a58bf}
.txt-light-purple{color:#b697ff}
.txt-green{color:#89df7d}
.txt-white{color:white !important}
.txt-gold{color:#c59f32 !important}
.txt-orange{color:#feac00}
.txt-olive{color:#746c56 !important}
.txt-brown{color:#674c43}
.text-larger{font-size:3.1rem}
.text-large{font-size:2.3rem}
.text-large.smaller{font-size:1.85rem}
.text-large-2{font-size:2.6rem}
.text-mediumer{font-size:20px;line-height:1.9}
.text-medium,.loan-faqs .collapse-inner p,.info .content,.banner-wrap .caption .inner-container .content,.popular-questions .item .content{font-size:16px;line-height:1.4}
.text-x-small,.card-time{font-size:14px;line-height:1.23}
.text-small{font-size:11px;line-height:1.4}
.txt-center{text-align:center}
.txt-right{text-align:right}
.list-default{list-style-type:disc;margin-left:17px;line-height:1.67em;padding:.5rem 0}
.list-default>li{padding:.2rem 0}
.list-primary{border-top:1px solid rgba(0,0,0,0.1);overflow:hidden}
.list-primary li{overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0.1)}
.list-primary a{overflow:hidden;font-size:16px;line-height:22px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;height:61px;display:table;width:100%;vertical-align:middle}
.no-touch.desktop .list-primary a:hover{background-color:#7a58bf;color:white;padding-left:20px}
.list-primary a:active{background:#7a58bf;color:white;padding-left:20px}
.list-primary a span{display:table-cell;height:100%;vertical-align:middle}
.list-primary a span[class*='icon-']:before{font-size:1.8rem;margin-right:20px;vertical-align:middle}
.list-numberic,[class*="ParagraphComp"] ol{list-style-type:decimal;margin-left:20px;line-height:1.67em;padding:.5rem 0}
.list-numberic li,[class*="ParagraphComp"] ol li{padding:.2rem 5px}
.list-circle{list-style-type:circle;margin-left:17px;padding:0 0 .5rem}
.list-normal li{font-size:16px;line-height:1.5;padding:7px 0}
.list-normal li a{color:#767676}
.no-touch.desktop .list-normal li a:hover{color:black}
.list-normal li a.active{font-weight:bold;color:black}
.list-category li{background-color:white;padding:30px 20px}
.list-category li:not(:first-child){border-top:1px solid #ededed}
.list-category li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.list-category li a{color:#767676}
.no-touch.desktop .list-category li a:hover{color:black}
@media only screen and (max-width:991px){.list-category li{padding:15px}
}
.list-bullet{list-style-type:disc}
.list-bullet li{font-size:16px;line-height:1.5;padding:7px 0}
.list-bullet li a{color:#767676}
.no-touch.desktop .list-bullet li a:hover{color:black}
.list-bullet li a.active{font-weight:bold;color:black}
.icon-down-black{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid black;display:inline-block;vertical-align:middle;margin-left:5px}
.flex-wrap{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;margin:0 -1rem}
.windows.safari.no-touch.desktop .flex-wrap{display:-webkit-box}
.flex-wrap.flex-left{justify-content:inherit}
@media only screen and (max-width:480px){.flex-wrap{margin:0}
}
.flex-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%}
.flex-item.flex-item-big{-webkit-box-flex:1.5;-webkit-flex:1.5;-ms-flex:1.5;flex:1.5}
.flex-item.flex-start{-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-ms-flex-align:flex-start !important;align-items:flex-start !important}
.flex-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.loading{background:rgba(0,0,0,0.85);position:fixed;bottom:0;top:0;right:0;left:0;z-index:1000;display:flex;justify-content:center}
.social-sharing{margin:30px 0 0;overflow:hidden}
@media only screen and (max-width:767px){.social-sharing{margin-top:10px}
}
.social-sharing li{float:left;margin-right:20px}
.social-sharing a{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.social-sharing a:before{font-size:1.8rem}
.no-touch.desktop .social-sharing a:hover:before{color:white}
.no-touch.desktop .corporate-banking .social-sharing a:hover:before{color:inherit}
input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
.middle-block{display:table-cell;vertical-align:middle}
.middle-center-block{display:table-cell;vertical-align:middle;text-align:center}
.middle-center-block .narrow{width:40%;margin:0 auto}
@media only screen and (max-width:991px){.middle-center-block .narrow{width:100%}
}
.link-primary{color:#7a58bf !important;font-size:16px;position:relative}
.link-primary:after{content:'';background:url(scb-design/images/icons/ic-arrow-more.svg) no-repeat 0 center;width:12px;height:100%;top:0;position:absolute;opacity:0;vertical-align:middle;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop .link-primary:hover:after{opacity:1;margin-left:10px}
.link-primary.white{color:white !important}
.link-primary.white:after{background:url(scb-design/images/icons/ic-arrow-more-white.svg) no-repeat 0 center;width:12px;height:100%;top:0;position:absolute;vertical-align:middle;opacity:0}
.link-default{font-size:16px}
.no-touch.desktop .link-default:hover{text-decoration:underline}
.link-default:active{text-decoration:underline}
.link-default.disabled{color:#898989;opacity:.2;cursor:default}
.no-touch.desktop .link-default.disabled:hover{text-decoration:none}
.link-default.disabled:active{text-decoration:underline}
.point{z-index:1;height:27px;border-radius:100px;background-color:#f6a969;width:100px;position:absolute;top:15px;right:15px}
.point .point-text{padding-top:.5em;text-align:center;vertical-align:middle;color:white}
.point .point-text:after{content:' pts'}
.point.corner{position:absolute;top:15px;right:15px}
.suggested{text-transform:uppercase;padding:13px 15px 10px;font:12px 'Sukhumvittadmai_med';letter-spacing:2px;color:white;background:#7a58bf;display:block;position:absolute;top:0;left:0}
[lang="th"] .suggested{font-family:'Sukhumvittadmai_med'}
.paging{text-align:center;overflow:hidden}
.paging ul,.paging li,.paging a{display:inline-block;font-size:15px}
.paging a{line-height:32px;padding:0 12px;color:rgba(255,255,255,0.7);vertical-align:middle;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.paging a.first{border-left:0}
.paging a.last:after,.paging a.next:after{content:'';background-size:100%;display:inline-block;width:10px;height:10px}
.paging a.first:before,.paging a.prev:before{content:'';background-size:100%;display:inline-block;width:10px;height:10px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.paging a.last:after{margin-left:10px;background:url(scb-design/images/icons/last.svg) no-repeat center center}
.paging a.next:after{margin-left:10px;background:url(scb-design/images/icons/next.svg) no-repeat center center}
.paging a.first:before{margin-right:10px;background:url(scb-design/images/icons/last.svg) no-repeat center center}
.paging a.prev:before{margin-right:10px;background:url(scb-design/images/icons/next.svg) no-repeat center center}
.paging a.disable{cursor:default;display:none}
.paging a:not(.disable):hover,.paging a.selected{color:white}
.paging a:not(.disable):hover:before,.paging a.selected:before,.paging a:not(.disable):hover:after,.paging a.selected:after{animation:wobble-horizontal 1s ease-in-out}
@media only screen and (max-width:767px){.paging a.prev,.paging a.next{font-size:0}
.paging a.prev:before,.paging a.next:before,.paging a.prev:after,.paging a.next:after{margin-right:0;margin-left:0;margin-top:19px}
}
ul.pagination{display:block;margin:30px 0 20px;list-style:none !important}
ul.pagination li{float:left;margin-right:5px}
ul.pagination li.previous a,ul.pagination li.next a{font-size:0;padding:5px}
ul.pagination li.previous a:after,ul.pagination li.next a:after{content:"\e90c";font-family:'icomoon' !important;font-size:20px}
ul.pagination li.previous{transform:rotate(90deg)}
ul.pagination li.next{transform:rotate(-90deg)}
ul.pagination a{font-family:'Sukhumvittadmai_med';font-size:18px;color:#000;display:block;padding:6px 10px;transition:all .4s ease}
ul.pagination a:hover,ul.pagination a.active{color:#7a58bf;background:#f0f2f4}
.tab-header{padding:30px 0 10px}
.tab-header:before,.tab-header:after{display:table;content:""}
.tab-header:after{clear:both}
@media only screen and (max-width:991px){.tab-header{padding:20px 0 10px}
}
.tab-header li{float:left;margin-right:30px;padding-bottom:10px}
.tab-header li:last-child{margin-right:0}
.tab-header a{color:black;font:16px 'Sukhumvittadmai_med'}
[lang="th"] .tab-header a{font-family:'Sukhumvittadmai_med'}
.tab-header a.active{padding-bottom:3px;border-bottom:2px solid #7a58bf}
.tooltip,.p-tooltip{display:block;padding:0 5px;position:absolute;text-align:center;min-width:124px;padding:8px 10px;background:#30373b;border-radius:3px;color:#f2f2f2;line-height:normal}
.tooltip:before,.p-tooltip:before{content:" ";position:absolute;width:0;border-bottom:5px solid #30373b;border-right:5px solid transparent;border-left:5px solid transparent}
.limited{max-width:800px}
.list-column{margin:0 -15px;overflow:hidden}
.list-column .col{float:left;margin:30px 15px 0}
@media only screen and (max-width:767px){.list-column .col{float:none}
.list-column .col .gender{margin:0 auto}
.list-column.left .col{float:left;margin:0 0 0 15px}
}
.group.disabled{opacity:.5}
.row.row-flex{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width:767px){.row.row-flex [class*='col-']{width:100%}
}
.page{overflow:hidden}
.responsivegrid{position:relative;z-index:1;padding-top:68px;overflow:hidden}
@media only screen and (min-width:1200px){.responsivegrid{padding-top:0;overflow:visible}
}
.inner-container{max-width:1200px;margin:0 auto;padding:0 30px}
.inner-container .inner-container{padding:0}
@media only screen and (max-width:991px){.inner-container{padding:0 15px}
}
.inner-container-left{position:relative;margin-left:calc((100vw - 1200px)/2);margin-left:-moz-calc((100vw - 1200px)/2);margin-left:-webkit-calc((100vw - 1200px)/2);margin-left:-o-calc((100vw - 1200px)/2);padding-left:30px}
@media only screen and (max-width:1024px){.inner-container-left{margin-left:0}
}
@media only screen and (max-width:991px){.inner-container-left{padding-left:15px}
}
@media only screen and (max-width:767px){.inner-container-left{padding-left:0}
}
[class*='wrapper']:before,header:before,[class*='wrapper']:after,header:after{display:table;content:""}
[class*='wrapper']:after,header:after{clear:both}
.wrapper{font-size:16px;line-height:1.4}
.outer{padding:90px 0}
@media only screen and (max-width:1024px){.outer{padding:40px 0}
}
@media only screen and (min-width:768px) and (max-width:991px){.col-md-4 .row:before,.col-md-4 .row:after{content:none}
}
.row-full:before,.row-full:after{display:table;content:""}
.row-full:after{clear:both}
@media only screen and (min-width:768px){.col-haft{float:left;width:50%}
}
.no-scrolling{overflow:hidden;height:100%}
.no-scrolling #header{z-index:0}
.no-scrolling-nav{overflow:hidden;height:100%;position:relative}
.no-mar{margin:0 !important}
@media only screen and (max-width:767px){.m-mar-top{margin-top:15px}
}
@media only screen and (min-width:992px){.mar-top-md{margin-top:50px}
}
@media only screen and (max-width:991px){.mar-top-md{margin-top:30px}
}
@media only screen and (min-width:992px){.mar-bot-md{margin-bottom:50px}
}
@media only screen and (max-width:991px){.mar-bot-md{margin-bottom:30px}
}
@media only screen and (min-width:992px){.mar-bot-lg{margin-bottom:90px}
}
@media only screen and (max-width:991px){.mar-bot-lg{margin-bottom:40px}
}
@media only screen and (min-width:992px){.mar-top-lg{margin-top:90px}
}
@media only screen and (max-width:991px){.mar-top-lg{margin-top:40px}
}
@media only screen and (min-width:992px){.mar-top-xlg{margin-top:130px}
}
@media only screen and (max-width:991px){.mar-top-xlg{margin-top:40px}
}
@media only screen and (min-width:992px){.mar-top{margin-top:30px}
}
@media only screen and (max-width:991px){.mar-top{margin-top:15px}
}
@media only screen and (min-width:992px){.mar-right{margin-right:30px}
}
@media only screen and (max-width:991px){.mar-right{margin-right:15px}
}
.mar-top-xs{margin-top:8px}
.mar-bot-xs{margin-bottom:8px}
.mar-top-sm{margin-top:15px}
.mar-bot-sm{margin-bottom:15px}
.mar-right-sm{margin-right:15px}
@media only screen and (min-width:992px){.mar-bot{margin-bottom:30px}
}
@media only screen and (max-width:991px){.mar-bot{margin-bottom:15px}
}
@media only screen and (min-width:992px){.mar-right{margin-right:30px}
}
@media only screen and (max-width:991px){.mar-right{margin-right:15px}
}
@media only screen and (min-width:992px){.mar-left{margin-left:30px}
}
@media only screen and (max-width:991px){.mar-left{margin-left:15px}
}
@media only screen and (min-width:992px){.pad-left{padding-left:50px}
}
@media only screen and (max-width:991px){.pad-left{padding-left:25px}
}
@media only screen and (min-width:992px){.pad-right{padding-right:50px}
}
@media only screen and (max-width:991px){.pad-right{padding-right:25px}
}
@media only screen and (min-width:992px){.pad-top-xlg{padding-top:200px}
}
@media only screen and (max-width:991px){.pad-top-xlg{padding-top:100px}
}
@media only screen and (min-width:992px){.pad-top-lg{padding-top:50px}
}
@media only screen and (max-width:991px){.pad-top-lg{padding-top:40px}
}
@media only screen and (max-width:320px){.pad-top-lg{padding-top:20px}
}
@media only screen and (min-width:992px){.pad-bot-xlg{padding-bottom:150px}
}
@media only screen and (max-width:991px){.pad-bot-xlg{padding-bottom:50px}
}
@media only screen and (min-width:992px){.pad-bot-lg{padding-bottom:50px}
}
@media only screen and (max-width:991px){.pad-bot-lg{padding-bottom:40px}
}
@media only screen and (max-width:320px){.pad-bot-lg{padding-bottom:20px}
}
.pad-top-md{padding-top:50px}
@media only screen and (max-width:767px){.pad-top-md{padding-top:25px}
}
.pad-bot-md{padding-bottom:50px}
@media only screen and (max-width:767px){.pad-bot-md{padding-bottom:25px}
}
.pad-top-min{padding-top:30px}
.pad-bot-min{padding-bottom:30px}
.pad-top-tiny{padding-top:15px}
.lineheight-md{line-height:1.23}
.mar-top-negative{margin-top:-100px}
.mar-bot-negative{margin-bottom:-100px}
.mar-top-positive{margin-top:100px}
@media only screen and (max-width:991px){.row{margin-left:-7px;margin-right:-7px}
.row [class*='col-']{padding-left:7px;padding-right:7px}
}
@media only screen and (min-width:768px) and (max-width:991px){.tablet-portrait-mar-top-none{margin-top:0}
}
.vertical-center{float:none;display:inline-block;vertical-align:middle;margin-right:-4px}
.homepage .wrapper>.inner-container>.row>[class*='col-']{opacity:0;transform:translateY(100px);transition:all .5s .05s}
.homepage .wrapper>.inner-container>.row>[class*='col-'].move-up{opacity:1;transform:translateY(0)}
@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}
33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble-vertical{25%{margin-top:4px}
50%{margin-top:-2px}
75%{margin-top:1px}
100%{margin-top:0}
}
@keyframes wobble-vertical-2{16.65%{transform:translateY(6px)}
33.3%{transform:translateY(-5px)}
49.95%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83.25%{transform:translateY(1px)}
100%{transform:translateY(0)}
}
@-webkit-keyframes circle{0{opacity:1}
40%{opacity:1}
100%{width:120%;height:200%;opacity:0}
}
@keyframes circle{0{opacity:1}
40%{opacity:1}
100%{width:120%;height:200%}
}
@keyframes circlePlanner{0{opacity:1}
40%{opacity:1}
100%{width:100%;height:100%}
}
.default-wrap{padding:20px 30px;display:table-cell;vertical-align:middle}
@media only screen and (max-width:767px){.default-wrap{padding:20px}
}
.life-stage{background-color:#fff;padding:25px 0;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (max-width:767px){.life-stage{padding:5px 0}
}
.life-stage ul{text-align:center;display:table;width:96%;margin:0 auto}
@media only screen and (min-width:992px){.life-stage li{display:table-cell;vertical-align:middle;vertical-align:top;width:15%;padding:0 5px}
}
.life-stage li a{display:block}
.life-stage li .text{font:16px 'Sukhumvittadmai_med';color:black;display:block;margin-top:10px;word-wrap:break-word}
[lang="th"] .life-stage li .text{font-family:'Sukhumvittadmai_med'}
.life-stage li .visual-img{position:relative;display:inline-block;height:52px}
@media only screen and (max-width:991px){.life-stage li{overflow:hidden;padding:0 0 5px}
.life-stage li a{text-align:left;display:table;width:100%;height:40px}
.life-stage li:last-child{padding-bottom:0}
.life-stage li .visual-img{display:table-cell;vertical-align:middle;margin:0 0 0 15px;width:50px;text-align:center;height:100%}
.life-stage li .visual-img img{transform:scale(0.6)}
.life-stage li .text{padding:5px 15px 5px 5px;overflow:hidden;text-align:left;display:table-cell;vertical-align:middle;margin-top:0;font-size:14px}
}
.life-stage.border{padding:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.life-stage.border ul{width:100%}
.life-stage.border ul:not(:first-child) li{border-top:1px solid rgba(230,230,230,0.4)}
.life-stage.border li{padding:25px 0}
.life-stage.border li:not(:first-child){border-left:1px solid rgba(230,230,230,0.4)}
@media only screen and (max-width:991px){.life-stage.border li{padding:0 10px}
.life-stage.border li:not(:first-child){border-top:1px solid rgba(230,230,230,0.4);border-left:0}
}
.life-stage.state{padding:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.life-stage.state ul{width:100%}
.life-stage.state li{padding:25px 0;background-color:#fdfbfb}
.life-stage.state li:not(:first-child){border-left:1px solid rgba(230,230,230,0.4)}
.no-touch.desktop .life-stage.state li:hover{background-color:white}
.life-stage.state li.active{background-color:white}
@media only screen and (max-width:991px){.life-stage.state li{padding:0 10px}
.life-stage.state li:not(:first-child){border-left:0}
}
.life-stage.move-up{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-bottom:-140px}
@media only screen and (max-width:1024px){.life-stage.move-up{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);margin-bottom:0}
}
.stories-tips{background-color:#fff;padding:20px 0 15px;border-radius:4px;padding:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (max-width:767px){.stories-tips{padding:5px 0}
}
.stories-tips ul{display:table;width:100%;margin:0 auto}
.stories-tips ul.bdr-top{border-top:1px solid rgba(230,230,230,0.4)}
@media only screen and (max-width:991px){.stories-tips ul.bdr-top{border-top:0}
}
.stories-tips li{padding:25px 0;text-align:center}
.stories-tips li:not(:first-child){border-left:1px solid rgba(230,230,230,0.4)}
.stories-tips li .text{font:13px 'Sukhumvittadmai_med';color:black;display:block;margin-top:10px;word-wrap:break-word;line-height:20px}
[lang="th"] .stories-tips li .text{font-family:13px 'Sukhumvittadmai_med'}
.stories-tips li .visual-img{position:relative;display:block;height:35px}
.stories-tips li .visual-img img{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.stories-tips li .visual-img img.hover-on{opacity:0;-webkit-transition:.15s all;-moz-transition:.15s all;-ms-transition:.15s all;-o-transition:.15s all;transition:.15s all}
.stories-tips li .visual-img img.hover-off{opacity:1;-webkit-transition:.15s all;-moz-transition:.15s all;-ms-transition:.15s all;-o-transition:.15s all;transition:.15s all}
@media only screen and (max-width:991px){.stories-tips li{padding:0 10px;text-align:left;display:table;width:100%;height:60px}
.stories-tips li:not(:first-child){border-left:0}
.stories-tips li:last-child{padding-bottom:0}
.stories-tips li .visual-img{display:table-cell;vertical-align:middle;margin:0 0 0 15px;width:50px;text-align:center;height:100%}
.stories-tips li .visual-img img{bottom:50%;-webkit-transform:translate(-50%,50%) scale(0.8);-moz-transform:translate(-50%,50%) scale(0.8);-ms-transform:translate(-50%,50%) scale(0.8);-o-transform:translate(-50%,50%) scale(0.8);transform:translate(-50%,50%) scale(0.8)}
.stories-tips li .text{padding:5px 15px 0;overflow:hidden;text-align:left;display:table-cell;vertical-align:middle;margin-top:0}
.stories-tips li a{display:table-cell;vertical-align:middle}
}
@media only screen and (min-width:992px){.stories-tips li{display:table-cell;vertical-align:top;width:20%}
}
.stories-tips li:hover,.stories-tips li.active{background-color:#7a58bf}
.stories-tips li:hover .text,.stories-tips li.active .text{color:white}
.stories-tips li:hover .visual-img img.hover-on,.stories-tips li.active .visual-img img.hover-on{opacity:1;-webkit-transition:.15s all;-moz-transition:.15s all;-ms-transition:.15s all;-o-transition:.15s all;transition:.15s all}
.stories-tips li:hover .visual-img img.hover-off,.stories-tips li.active .visual-img img.hover-off{opacity:0;-webkit-transition:.15s all;-moz-transition:.15s all;-ms-transition:.15s all;-o-transition:.15s all;transition:.15s all}
.grow .visual-img img{margin-top:20px}
.grow .visual-img:before,.grow .visual-img:after{content:'';position:absolute;background-repeat:no-repeat;bottom:25px;z-index:1;width:20px;height:20px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.grow .visual-img:before{background-image:url(scb-design/images/icons/ic-left-leaf.svg);left:17px}
.grow .visual-img:after{background-image:url(scb-design/images/icons/ic-right-leaf.svg);left:30px}
.no-touch.desktop .grow:hover .visual-img:before{transform:scale(1.2) skewX(28deg) translateX(-1px)}
.no-touch.desktop .grow:hover .visual-img:after{transform:scale(1.35) skewX(-25deg) translateX(3px)}
@media only screen and (min-width:1200px){.square-image{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1199px){.square-image{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.square-image{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.square-image{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.info{font-size:12px;word-wrap:break-word;background:white;width:100%;position:relative;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);overflow:hidden;display:block;color:black;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s}
@media only screen and (min-width:1200px){.info{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1199px){.info{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.info{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.info{height:auto;padding-bottom:50px}
.info.image{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px);padding-bottom:0}
}
.info.custom .link-primary{color:white !important}
.info.custom .link-primary:after{background-image:url(scb-design/images/icons/ic-arrow-more-white.svg)}
.info .inner{padding:30px;color:inherit;display:block}
@media only screen and (max-width:767px){.info .inner{padding:30px 20px 20px}
}
.info.half .inner{width:50% !important;border-radius:0 !important}
@media only screen and (max-width:767px){.info.half .inner{width:100% !important}
}
.info .sub-title,.info .title{color:inherit}
.info .title{margin:3.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media only screen and (min-width:992px) and (max-width:1024px){.info .title{margin:2rem 0 10px;line-height:1.3}
}
@media only screen and (max-width:767px){.info .title{margin:1rem 0 10px}
}
@media only screen and (max-width:1024px){.info .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;padding-top:1rem;line-height:1.6}
}
.info.image .thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.info.image .content{color:white}
.no-touch.desktop .info.image:hover .thumb{transform:translate3d(0,0,0) rotate(2deg) scale(1.1);-webkit-transform:translate3d(0,0,0) rotate(2deg) scale(1.1)}
.info.image .inner{background:rgba(0,0,0,0.2);background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.65));color:white;position:absolute;z-index:2;display:block;-webkit-transform:translate3d(0,0,0);width:100%;height:100%;top:0;border-radius:4px}
.info.image .sub-title,.info.image .title,.info.image .link-primary,.info.image .content{color:white !important;text-shadow:0 1px 2px rgba(0,0,0,0.7)}
.info.image .link-primary:after{background-image:url(scb-design/images/icons/ic-arrow-more-white.svg)}
.info.only-image .inner{display:none}
.no-touch.desktop .info.only-image:hover .thumb{transform:none}
.info.full .inner{position:absolute;z-index:2;display:block;-webkit-transform:translate3d(0,0,0);width:100%;height:100%;top:0;border-radius:4px;padding:30px 80px 30px 80px;background:rgba(0,0,0,0.3)}
@media only screen and (max-width:767px){.info.full .inner{padding:20px}
}
@media only screen and (max-width:375px){.info.full .inner{padding:0 20px 20px 20px}
}
@media only screen and (min-width:992px){.info.full .inner .content,.info.full .inner .title{max-width:500px}
}
.info.full .link-primary{bottom:35px;left:80px}
@media only screen and (max-width:767px){.info.full .link-primary{left:20px;bottom:20px}
}
@media only screen and (min-width:992px){.info.full{height:360px}
}
@media only screen and (min-width:768px) and (max-width:991px){.info.full{height:calc((100vw - 30px)/2.5);height:-moz-calc((100vw - 30px)/2.5);height:-webkit-calc((100vw - 30px)/2.5);height:-o-calc((100vw - 30px)/2.5)}
}
.info .content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.info .content-middle{position:absolute;top:50%}
.info .link-primary{position:absolute;bottom:1.5rem;left:2rem;-webkit-transform:translate3d(0,0,0)}
@media only screen and (max-width:767px){.info .link-primary{bottom:20px;left:20px}
}
.no-touch.desktop .info:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .info:hover .link-primary:after{opacity:1;margin-left:10px}
.product-thumb{overflow:hidden;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:1200px){.product-thumb{height:360px !important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.product-thumb{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.product-thumb{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.product-thumb{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.product-thumb a,.product-thumb .image{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.thumb-hover,.no-touch.desktop .product-thumb a:hover,.no-touch.desktop .product-thumb .image:hover,.no-touch.desktop .card-image:hover .product-thumb .image{transform:rotate(2deg) scale(1.1);-webkit-transform:rotate(2deg) scale(1.1)}
.card-image{border-radius:4px;overflow:hidden;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);display:block;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s}
.card-image .info{border-radius:0}
.card-image .info,.card-image .product-thumb,.card-image .map{box-shadow:none}
@media only screen and (min-width:768px){.card-image .info,.card-image .product-thumb,.card-image .map{float:left;width:50%}
.card-image.right .product-thumb,.card-image.right .map{float:right}
}
.no-touch.desktop .card-image:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .card-image:hover .link-primary:after{opacity:1;margin-left:10px}
.no-touch.desktop .card-image:hover .info{box-shadow:none}
@media only screen and (max-width:991px){.promotions .card-image{margin-bottom:0}
}
[data-tab-content]>.inner{display:none}
[data-tab-content]>.inner.active{display:block}
.rate{clear:both;font-size:16px;background:white;color:black;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);position:relative}
@media only screen and (min-width:1200px){.rate{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1024px){.rate{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.rate{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
.rate .rate-type{padding:25px 30px;overflow:hidden}
@media only screen and (max-width:767px){.rate .rate-type{padding:20px}
}
.rate .rate-type li{float:left}
.rate .rate-type li a{color:rgba(0,0,0,0.7);letter-spacing:1.5px;text-transform:uppercase;font:12px 'sukhumvittadmai_bol'}
.rate .rate-type li a:not(.active){color:#7f7f7f}
.rate .rate-type li a.active{padding-bottom:3px;border-bottom:2px solid black}
.no-touch.desktop .rate .rate-type li a:hover{color:black}
.rate .rate-info{border-top:1px solid #f2f2f2}
.rate .rate-info dl{border-bottom:1px solid #f2f2f2;padding:7px 30px;color:rgba(0,0,0,0.7)}
@media only screen and (max-width:767px){.rate .rate-info dl{padding:20px}
}
.rate .rate-info dl dt{float:left;width:72%}
.rate .rate-info dl dd{overflow:hidden;text-align:right}
.rate .rate-info.one-col .rate-type{font-weight:bold}
.rate .rate-info.one-col dt{float:none;width:100%}
.rate .last-update{font-size:14px;padding:20px 30px;color:#767676}
@media only screen and (max-width:767px){.rate .last-update{padding:20px}
}
@media only screen and (min-width:768px){.rate .last-update{position:absolute;bottom:0;left:0;right:0}
}
@media only screen and (max-width:1024px){.rate .last-update{font-size:12px}
}
.rate .last-update.align-bot{position:absolute;bottom:0}
.rate .last-update a,.rate .last-update .link-primary{float:right;position:relative;font-size:inherit}
.rate .last-update a:after,.rate .last-update .link-primary:after{position:absolute;bottom:0}
@media only screen and (min-width:992px) and (max-width:1199px){.rate .rate-type{padding:15px 20px}
.rate .rate-info dl{padding:7px 20px}
.rate .last-update{padding:13px 20px}
}
.rate.image{position:relative}
.rate.image .rate-type{position:relative}
.rate.image .rate-thumb{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%}
.rate.image .rate-info{position:absolute;z-index:2;width:100%}
[data-currencyexchangetool] .last-update{color:#767676;font-size:14px}
[data-currencyexchangetool] .currency-list th:first-child{width:40%}
@media only screen and (min-width:768px){[data-currencyexchangetool] .last-update{position:absolute;bottom:22px}
}
[data-currencyexchangetool] .last-update.align-bot{position:absolute;bottom:0}
[data-currencyexchangetool] .last-update a:after,[data-currencyexchangetool] .last-update .link-primary:after{position:absolute;bottom:0}
[data-currencyexchangetool] .currency-list .default-wrap{display:block}
@media only screen and (min-width:768px){[data-currencyexchangetool] .currency-list .default-wrap{position:absolute;bottom:5px}
}
[data-currencyexchangetool] .currency-list .default-wrap:before,[data-currencyexchangetool] .currency-list .default-wrap:after{display:table;content:""}
[data-currencyexchangetool] .currency-list .default-wrap:after{clear:both}
[data-currencyexchangetool] .currency-list .default-wrap a:after,[data-currencyexchangetool] .currency-list .default-wrap .link-primary:after{position:absolute;bottom:0}
.currency{background:white;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);clear:both}
@media only screen and (max-width:991px){.currency{margin-bottom:15px}
}
.currency .currency-list{line-height:1;position:relative}
.currency .currency-list .country-select img{float:left}
.currency-converter{padding:20px;position:relative}
@media only screen and (min-width:768px){.currency-converter{padding:30px;height:360px;float:left;width:50%}
.currency-list{height:360px}
.currency .currency-list{border-left:1px solid #f2f2f2;width:50%}
.currency .currency-list .default-wrap{position:absolute;bottom:7px;left:0}
}
@media only screen and (min-width:992px) and (max-width:1199px){.currency-converter{height:317px}
}
.currency-list{overflow:hidden}
@media only screen and (min-width:992px) and (max-width:1199px){.currency-list{height:317px}
.currency-list th{padding-top:calc((100vw - 90px)/48);padding-top:-moz-calc((100vw - 90px)/48);padding-top:-webkit-calc((100vw - 90px)/48);padding-top:-o-calc((100vw - 90px)/48);padding-bottom:calc((100vw - 90px)/66);padding-bottom:-moz-calc((100vw - 90px)/66);padding-bottom:-webkit-calc((100vw - 90px)/66);padding-bottom:-o-calc((100vw - 90px)/66)}
.currency-list td,.currency-list .default-wrap{padding-top:calc((100vw - 90px)/65);padding-top:-moz-calc((100vw - 90px)/65);padding-top:-webkit-calc((100vw - 90px)/65);padding-top:-o-calc((100vw - 90px)/65);padding-bottom:calc((100vw - 90px)/60);padding-bottom:-moz-calc((100vw - 90px)/60);padding-bottom:-webkit-calc((100vw - 90px)/60);padding-bottom:-o-calc((100vw - 90px)/60)}
}
.currency-list td{padding:13px 30px}
.currency-list td,.currency-list th{padding-left:10px;padding-right:10px;background-color:transparent;color:#30373b}
.currency-list td:first-child,.currency-list th:first-child{padding-left:30px}
.currency-list td:last-child,.currency-list th:last-child{padding-right:30px}
@media only screen and (max-width:767px){.currency-list{border-top:1px solid #f2f2f2}
.currency-list td:first-child,.currency-list th:first-child{padding-left:20px}
.currency-list td:last-child,.currency-list th:last-child{padding-right:20px}
}
.currency-list td:nth-child(2),.currency-list td:nth-child(3){text-align:right}
.currency-list td span{margin-left:10px}
table{text-align:left;width:100%}
table tr th,table tr td{padding:1rem}
table tr th.no-pad-top,table tr td.no-pad-top{padding-top:0}
table tr th.no-pad-bot,table tr td.no-pad-bot{padding-bottom:0}
table tr th ul.list-default,table tr td ul.list-default{padding-top:0;padding-bottom:0}
table tr th ul.list-default li,table tr td ul.list-default li{padding-top:0;padding-bottom:0}
table tr th{padding:30px}
@media only screen and (min-width:992px) and (max-width:1024px){table tr th{padding-top:25px;padding-bottom:20px}
}
table tr td{color:#30373b;font-size:16px;padding:20px 30px}
@media only screen and (min-width:992px) and (max-width:1024px){table tr td{padding-top:17px;padding-bottom:17px}
}
@media only screen and (max-width:767px){table tr th{padding:20px}
table tr td{padding:20px}
}
table.no-bdr tr th,table.no-bdr tr td{border-bottom:0;line-height:1.63}
table.no-bdr tr th table td,table.no-bdr tr td table td,table.no-bdr tr th table th,table.no-bdr tr td table th{padding:0 25px 0 0}
table.no-bdr tr th table td:first-child,table.no-bdr tr td table td:first-child,table.no-bdr tr th table th:first-child,table.no-bdr tr td table th:first-child{width:25%}
table.valign-top th,table.valign-top td{vertical-align:top}
table.about-us-table{min-width:660px}
.forecast{background:#806bab;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:1200px){.forecast{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1199px){.forecast{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.forecast{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.forecast{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.forecast td,.forecast th{color:white;border-color:rgba(255,255,255,0.2);background-color:#806bab}
.forecast th{height:50px}
.forecast td{color:rgba(255,255,255,0.8);height:57px}
.forecast .link-primary{color:white !important}
.forecast .link-primary:after{background-image:url(scb-design/images/icons/ic-arrow-more-white.svg)}
@media only screen and (min-width:992px) and (max-width:1024px){.forecast th,.forecast td{font-size:15px;padding:0}
.forecast th:first-child,.forecast td:first-child{padding-left:15px}
.forecast th:last-child,.forecast td:last-child{padding-right:15px}
.forecast td{height:54px}
.forecast .default-wrap{padding-left:15px}
}
@media only screen and (max-width:767px){.forecast th,.forecast td,.forecast .default-wrap{padding:0 20px;height:calc((100vw - 30px)/6);height:-moz-calc((100vw - 30px)/6);height:-webkit-calc((100vw - 30px)/6);height:-o-calc((100vw - 30px)/6)}
.forecast th,.forecast td{padding:0}
.forecast th:first-child,.forecast td:first-child{padding-left:20px}
.forecast th:last-child,.forecast td:last-child{padding-right:20px}
}
@media only screen and (max-width:320px){.forecast td{font-size:15px}
}
.table-striped{border:solid 1px #dbdbdb}
.table-striped tr:nth-of-type(odd){background-color:white}
.table-striped tr td{line-height:1.5}
.table-striped tr td:nth-child(2){color:#767676}
.photo-note{font:12px 'sukhumvittadmai_bol';color:white;text-shadow:0 1px 2px rgba(0,0,0,0.7);text-transform:uppercase;position:absolute;letter-spacing:2px;top:30px;left:30px}
[lang="th"] .photo-note{font-family:'sukhumvittadmai_bol'}
@media only screen and (max-width:767px){.photo-note{left:20px}
}
.story-about-us{overflow:hidden;background:white;border-radius:4px;position:relative;display:block}
.story-about-us figure{height:360px;overflow:hidden;border-radius:4px 4px 0 0}
@media only screen and (min-width:768px) and (max-width:991px){.story-about-us figure{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.story-about-us figure{height:calc((100vw - 30px));height:-moz-calc((100vw - 30px));height:-webkit-calc((100vw - 30px));height:-o-calc((100vw - 30px))}
}
.story-about-us figure .story-thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.story-about-us:hover figure .story-thumb{transform:rotate(2deg) scale(1.1);-webkit-transform:rotate(2deg) scale(1.1)}
.story-about-us .caption{margin:20px 30px;border-radius:0 0 4px 4px;height:124px;overflow:hidden}
@media only screen and (max-width:767px){.story-about-us .caption{height:auto}
}
.story-about-us .caption [class*="title-"]{line-height:1.5;margin-bottom:5px}
.story-about-us .caption .desc{color:#8a8a8a;line-height:21px;font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:84px}
.story{overflow:hidden;position:relative;border-radius:4px;-webkit-transform:translate3d(0,0,0);box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:1200px){.story{height:360px !important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.story{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.story{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.story{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.story .story-thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-webkit-transform:translate3d(0,0,0);position:relative;z-index:2}
.no-touch.desktop .story:hover{border-radius:4px;box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .story:hover .story-thumb{transform:translate3d(0,0,0) rotate(2deg) scale(1.1);-webkit-transform:translate3d(0,0,0) rotate(2deg) scale(1.1)}
.story .story-info{background:rgba(0,0,0,0.2);background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.65));color:white;position:absolute;z-index:3;display:block;-webkit-transform:translate3d(0,0,0);width:100%;height:100%;top:0}
.story .story-info .caption{position:absolute;left:30px;right:30px;bottom:30px}
.story .story-info .caption img{float:left}
.story .story-info .caption span{display:inline-block;margin-top:-10px;width:calc(100% - 60px);line-height:28px}
.story .story-info .caption .title{color:white;text-shadow:0 1px 2px rgba(0,0,0,0.7)}
.story .story-info .caption .content{font-size:16px;padding-top:10px;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:rgba(255,255,255,0.7);text-shadow:0 1px 2px rgba(0,0,0,0.7)}
@media only screen and (max-width:767px){.story .story-info .caption{left:20px;right:20px}
}
.story .story-info.custom{background:0}
.story.big iframe{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;display:block}
@media only screen and (min-width:1200px){.story.big{height:750px !important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.story.big{height:664px}
}
.story.video .icon-play{position:absolute;top:50%;left:50%;font-size:2rem;width:5.6rem;height:5.6rem;line-height:5.6rem;text-align:center;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);color:white;z-index:5;cursor:pointer}
.story.video .icon-play:before{content:"\e90e"}
@media only screen and (max-width:767px){.story.video .icon-play{transform:translate(-50%,-50%) scale(0.83);-webkit-transform:translate(-50%,-50%) scale(0.83)}
}
.no-touch.desktop .story.video:hover .icon-play{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;box-shadow:0 0 30px rgba(255,255,255,0.4)}
[data-listmarket] .story .story-info{background:#7a58bf}
[data-listmarket] .story.big .story-info{background:0}
[data-listmarket]>div:nth-child(9) .story .story-info,[data-listmarket]>div:nth-child(2n+13) .story .story-info{background:#fff}
[data-listmarket]>div:nth-child(9) .card-time,[data-listmarket]>div:nth-child(2n+13) .card-time{color:#000}
[data-listmarket]>div:nth-child(9) .title,[data-listmarket]>div:nth-child(9) .photo-note,[data-listmarket]>div:nth-child(2n+13) .title,[data-listmarket]>div:nth-child(2n+13) .photo-note{color:#000 !important;text-shadow:none !important}
@media only screen and (max-width:991px){.col-sm-6 .story.big .content{display:none}
}
@media only screen and (max-width:991px){.col-sm-12 .story.big{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px);margin-bottom:15px}
}
@media only screen and (max-width:767px){.col-sm-12 .story.big .content{display:none}
}
.news-item .info .title{margin-top:2.5rem}
.news-item .info .link-primary:after{background:url(scb-design/images/icons/ic-arrow-more.svg) no-repeat 0 center}
.news-item:nth-child(2n+11) .info{background:#7a58bf;color:#fff}
.news-item .info.custom .link-primary{color:#7a58bf !important}
.news-item:nth-child(2n+11) .card-time,.news-item:nth-child(2n+11) .info .link-primary{color:#fff !important}
.news-item:nth-child(2n+11) .info .link-primary:after{background-image:url(scb-design/images/icons/ic-arrow-more-white.svg)}
.category{overflow:hidden;position:relative;border-radius:4px;-webkit-transform:translate3d(0,0,0);margin-top:30px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (max-width:767px){.category{margin-top:15px}
}
.category .category-thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-webkit-transform:translate3d(0,0,0)}
.no-touch.desktop .category:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .category:hover .category-thumb{transform:translate3d(0,0,0) rotate(2deg) scale(1.1);-webkit-transform:translate3d(0,0,0) rotate(2deg) scale(1.1)}
.category .category-info{background:rgba(0,0,0,0.2);background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.65));color:white;position:absolute;z-index:2;display:block;-webkit-transform:translate3d(0,0,0);width:100%;height:100%;top:0}
.category .category-info .caption{position:absolute;left:30px;right:30px;bottom:30px}
.category .category-info .caption .title{color:white}
.category .category-info .caption .category-icon{width:50px;height:50px}
.category .category-info .caption .caption-group{margin-left:60px;padding-top:9px;text-shadow:0 1px 2px rgba(0,0,0,0.7)}
.category .category-info .caption .caption-group *{color:white}
.category .category-info .caption .content{font-size:16px;padding-top:10px;line-height:1.5}
@media only screen and (max-width:767px){.category .category-info .caption{left:20px;right:20px}
}
@media only screen and (min-width:992px) and (max-width:1199px){.category.category-full{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.category.category-full{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.category.category-full{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
@media only screen and (min-width:1200px){.category.category-full{height:360px !important}
}
.category.category-half{height:216px !important;border-bottom-left-radius:0;border-bottom-right-radius:0}
.category.category-half .caption-group .sub-title-2{color:#c59f32}
.category.no-icon .category-info .caption .caption-group{margin-left:0}
.map{overflow:hidden;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:1200px){.map{height:360px !important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.map{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.map{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.map{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.map img{min-height:100%;min-width:100%}
.faq,.contact-us-list{overflow:hidden}
@media only screen and (max-width:991px){.faq,.contact-us-list{margin-top:40px}
}
.faq .sub-title,.contact-us-list .sub-title{padding:10px 0 30px}
@media only screen and (max-width:767px){.faq .sub-title,.contact-us-list .sub-title{padding:0 0 20px}
}
@media only screen and (max-width:991px){.product-details-content .wrap-full{padding:40px 0}
.product-details-content [id^="loan-details-menu"]{display:none;background-color:#f9f9fa;margin:0 -15px}
.product-details-content .requirements li{float:left;margin-right:40px;background-color:inherit;border-bottom:0;padding-left:0}
.product-details-content .requirements li a{color:black}
.product-details-content .requirements li a.active{color:#7a58bf;padding-bottom:3px;border-bottom:2px solid #7a58bf}
.product-details-content .requirements li a:after{content:""}
}
.promotion-list{box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.other-rewards{margin-bottom:30px}
@media only screen and (max-width:991px){.other-rewards{margin-bottom:15px}
}
.send-us-msg{position:relative}
.send-us-msg .form-loading{z-index:30}
.send-us-msg form{margin-top:50px}
.support-options-list .info{margin-top:30px}
@media only screen and (max-width:991px){.support-options-list .info{margin-top:15px}
}
.description-block{padding:0 150px}
@media only screen and (max-width:991px){.description-block{padding:0 50px}
}
@media only screen and (max-width:767px){.description-block{padding:0 15px}
}
.description-block.dark .title{color:white}
.description-block.dark .content p{color:white}
.office-info-desc{font-size:2rem;line-height:42px;padding-top:20px}
.office-info .title-large img{margin-right:30px;margin-top:10px;float:left}
.banner-wrap .office-info .sub-title{padding:20px 0 10px;font-size:12px}
@media only screen and (min-width:768px){.office-info{display:table;width:100%;table-layout:fixed}
.office-info dl{display:table-cell;vertical-align:top}
}
@media only screen and (min-width:992px) and (max-width:1199px){.office-info{margin:0 -30px}
}
@media only screen and (max-width:767px){.office-info dl:first-child{margin-bottom:15px}
.office-info dl:first-child dd{margin-top:15px}
.office-info-desc{font-size:1.5rem;line-height:2rem}
.office-info .title-large img{margin-right:15px}
}
@media only screen and (min-width:768px) and (max-width:991px){.office-info .title-large{font-size:3rem}
.office-info .title-large img{margin-right:15px}
.office-info .title-primary{font-size:33px}
.office-info-desc{font-size:1.5rem}
.office-detail-banner .caption{padding:1rem 0}
}
.profile .circle-image{width:166px;height:166px;margin-bottom:30px}
@media only screen and (min-width:992px){.profile{width:30%;float:right;margin-left:10%}
.general-info{width:60%;float:left}
.profile .text-medium{max-width:275px}
}
@media only screen and (max-width:991px){.profile{margin:0 auto 30px}
.profile .circle-image{margin:0 auto 15px}
}
.general-info{overflow:hidden}
.card-time{position:absolute;right:30px;top:30px}
@media only screen and (max-width:767px){.card-time{right:20px;top:26px}
}
.event{display:block;width:100%;height:100%}
.event .event-date{float:left;margin:-5px 16px 0 0}
.event .event-group{margin-left:83px}
@media only screen and (max-width:767px){}
.event .event-group p{line-height:1.71;max-width:none}
.event.event-pdf a{height:80px;display:table;width:100%;vertical-align:middle}
.event.event-pdf a span{display:table-cell;height:100%;vertical-align:middle;padding-left:40px;position:relative;line-height:1.5}
.outer-table{width:100%;overflow:auto}
.credit-points{background-color:#f3f3f3;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);min-width:400px}
.credit-points tr:first-child th:first-child{border-radius:4px 0 0 0}
.credit-points tr:first-child th:last-child{border-radius:0 4px 0 0}
.credit-points td,.credit-points th{width:50%;padding-left:65px;padding-right:65px;color:#767676}
.credit-points th{background-color:#7a58bf;color:#FFF}
.credit-points .ico-text{display:table}
.credit-points .ico-text li{display:table-cell;padding-left:27px;vertical-align:middle}
.credit-points .ico-text li:first-child{width:27px;min-width:24px;padding:0}
.credit-points .ico-text li img{margin:0}
.credit-points .ico-text:not(:first-child){margin-top:20px}
.credit-points .cr-point{display:inline-block;vertical-align:top;margin-right:15px}
.credit-points .cr-point span{font-size:12px;text-transform:uppercase}
.credit-points .cr-point:last-child{margin-right:0}
@media only screen and (max-width:767px){.credit-points td,.credit-points th{padding:20px}
.credit-points .ico-text li{padding-left:10px}
.credit-points .ico-text li:first-child{padding-left:0}
.credit-points .cr-point{margin-right:5px}
.credit-points .cr-point:last-child{margin-right:0}
}
.credit-code-list:before,.credit-code-list:after{display:table;content:""}
.credit-code-list:after{clear:both}
.credit-code-list li{float:left;width:50%;padding-left:45px;padding-right:20px;position:relative}
.credit-code-list li .list-img{width:30px;position:absolute;left:0;top:0}
.credit-code-list li .list-img img{margin:0}
.credit-code-list li .desc{width:100%}
.credit-code-list li.violet-list p,.credit-code-list li.violet-list span{color:#7a58bf}
.credit-code-list li.orange-list p,.credit-code-list li.orange-list span{color:#f6a969}
@media only screen and (max-width:480px){.credit-code-list li{width:100%;padding-right:0;float:none}
.credit-code-list li:not(:first-child){margin-top:20px}
}
.ui-datepicker th{background:transparent;color:#222}
[data-filterexchangerate] .custom-checkbox img,[data-filterexchangerate] .custom-checkbox .flag-img{position:absolute;left:0;top:50%;margin:0;padding:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
[data-filterexchangerate] .custom-checkbox span{padding:0 0 0 25px;margin:0 0 0 10px;display:inline-block}
[data-filterexchangerate] .custom-checkbox input:checked+span{background:0}
[data-filterexchangerate] .dropdown-multiselect{padding:0;top:93px}
[data-filterexchangerate] .dropdown-multiselect li{padding:0 30px}
[data-filterexchangerate] .dropdown-multiselect li:hover{background:#f4f4f4}
@media only screen and (max-width:320px){html{font-size:12px}
}
.slick-prev,.slick-next{text-align:center}
@media only screen and (max-width:991px){.slick-prev,.slick-next{display:none !important}
}
@media only screen and (min-width:992px){.slick-prev,.slick-next{position:absolute;z-index:2;display:block;top:0;left:50%;bottom:0;background:0;line-height:0;font-size:0;cursor:pointer;width:120px}
.slick-prev:hover,.slick-next:hover,.slick-prev:focus,.slick-next:focus{outline:0}
.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default;display:none !important}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
}
@media only screen and (max-width:991px){.touch .slick-prev,.touch .slick-next{display:none !important}
}
.slick-prev:before,.slick-next:before{position:absolute;font-size:20px;line-height:48px;padding:0;border:0;background:white;top:50%;margin-top:-24px;outline:0;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:black;display:block;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.slick-prev{margin-left:-49vw}
.slick-prev:before{left:0}
.slick-prev:hover:before{left:30px;opacity:1}
.slick-next{left:auto;right:50%;margin-right:-49vw}
.slick-next:before{right:0}
.slick-next:hover:before{right:30px;opacity:1}
.promotions{position:relative}
.promotions .slick-prev,.promotions .slick-next{top:auto;width:30px;height:51px;bottom:-4px;font-size:0;display:inline-block !important;padding:0;margin:0;line-height:0;background:0;z-index:10;position:absolute}
.promotions .slick-prev:before,.promotions .slick-next:before{opacity:1;border:1px solid #dadada;border-radius:50%;width:28px;height:28px;box-shadow:none;position:static;font-size:12px;line-height:26px;-webkit-transform:translate3d(0,0,0);transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none}
.no-touch.desktop .promotions .slick-prev:hover:before,.no-touch.desktop .promotions .slick-next:hover:before{border-color:black}
.promotions .slick-prev{right:100px;left:auto}
.promotions .slick-next{right:30px}
.promotions .paging-info{position:absolute;bottom:20px;right:61px;width:40px;text-align:center;color:#a2a2a2;z-index:3;font-size:16px;line-height:28px}
.slick-dotted .slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:20px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;padding:0;cursor:pointer;text-align:center}
.slick-dots li button{border:0;background:white;opacity:.5;height:10px;width:10px;outline:0;color:transparent;padding:5px;cursor:pointer;border-radius:50%;position:relative;z-index:1}
.slick-dots li button:hover,.slick-dots li button:focus{opacity:1}
.slick-dots li.slick-active button{opacity:1}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
@media only screen and (max-width:767px){.slick-slider{background:#f9f9fa}
}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
@media only screen and (min-width:992px){.slick-slide img{width:100%}
}
@media only screen and (max-width:800px){.slick-slide img{max-width:none;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);margin-left:50%}
}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@media only screen and (max-width:800px){.slick-slide>.card-img>img{max-width:none;transform:translateX(0) !important;-webkit-transform:translateX(0) !important;margin-left:0}
}
@media print{body{margin:0;background:transparent;color:#000;font-family:'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif;font-size:13px;box-shadow:none;text-shadow:none}
img,fieldset{border:0}
h1{font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:.9em}
ol,ul{list-style-type:none}
ol li,ul li{list-style-type:disc}
dt{font-weight:bold}
a,a:visited{color:#000;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
input,select,textarea{border:1px solid #000}
input{padding:1px 0}
select{margin:0;padding:0;background:#fff;line-height:normal}
img{max-width:100%}
pre,blockquote{border:1px solid #000;page-break-inside:avoid}
div{text-align:left}
caption{display:none}
table{border-top:1px solid #000;border-left:1px solid #000;border-collapse:separate;border-spacing:0}
table th,table td{padding:5px;border-right:1px solid #000;border-bottom:1px solid #000;text-align:left}
tr,img{page-break-inside:avoid}
}
.error-page{background:url('scb-design/images/404-background.svg');width:100%;padding-bottom:148px;position:relative}
.error-page .blur{width:100%;height:100%;position:absolute;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0))}
.error-page .first-txt{font:48px/1.17 'sukhumvittadmai_bol';text-align:center;color:#424242de}
.error-page .first-txt:first-child{margin-top:100px}
.error-page .th-txt{font:28px/0.86 'Sukhumvittadmai_med';text-align:center;color:#424242de;margin-top:25px}
.error-page .error-txt{font:20px/1.2 'Sukhumvittadmai_med';text-align:center;color:#424242de;margin-top:20px}
.error-page .error-src-wrap{margin-top:40px;margin-bottom:20px}
.error-page .error-src-wrap .error-src{font:16px/1.35 'Sukhumvittadmai';text-align:left;color:#000;border-radius:3.6px;background-color:#fff;box-shadow:0 2px 6px 0 #00000012;padding:20px;width:100%;box-sizing:border-box;display:block;outline:0;position:relative}
.error-page .error-src-wrap .ic-search{width:20px;height:20px;background:url('scb-design/images/icons/ic-search.svg') no-repeat;background-size:contain;position:absolute;right:30px;top:50%;transform:translateY(-50%)}
.error-page .error-src-wrap .ic-search:hover{cursor:pointer}
.error-page .back-home{font:16px/1.56 'Sukhumvittadmai';display:block;text-align:center;color:#7a58bf}
.error-page .back-home:hover{cursor:pointer}
@media only screen and (max-width:767px){.error-page{background:url('scb-design/images/404-background.svg') no-repeat center bottom;background-size:contain}
.error-page .first-txt{font-size:24px}
.error-page .th-txt{font-size:18px}
.error-page .error-txt{font-size:16px}
.error-page .error-src{font-size:14px}
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:alpha(opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default !important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-0.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0;overflow-y:auto;max-height:400px}
.ui-menu .ui-menu{position:absolute}
.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}
.ui-menu .ui-menu-item:hover{background:#f8f8f8}
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper{background:#f8f8f8}
.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em;line-height:1.8;font-size:16px;color:rgba(0,0,0,0.7);border:0 !important}
@media only screen and (max-width:767px){.ui-menu .ui-menu-item-wrapper{font-size:1.3rem}
}
.ui-menu.search-suggestion{z-index:99}
.ui-menu.search-suggestion .ui-menu-item-wrapper{font-size:16px;line-height:normal}
.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{color:black}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}
.ui-menu .ui-menu-icon{left:auto;right:0}
.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}
.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}
input.ui-button.ui-button-icon-only{text-indent:0}
.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}
.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}
input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-controlgroup{vertical-align:middle;display:inline-block}
.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}
.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{z-index:9999}
.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}
.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}
.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}
.ui-controlgroup .ui-controlgroup-label span{font-size:80%}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:0}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:0}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:0}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:0}
.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(97.6%)}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}
.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}
.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}
.ui-checkboxradio-disabled{pointer-events:none}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.datewrap-form .ui-datepicker select.ui-datepicker-month{width:50%}
.datewrap-form .ui-datepicker select.ui-datepicker-year{width:40%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}
.ui-dialog .ui-resizable-n{height:2px;top:0}
.ui-dialog .ui-resizable-e{width:2px;right:0}
.ui-dialog .ui-resizable-s{height:2px;bottom:0}
.ui-dialog .ui-resizable-w{width:2px;left:0}
.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}
.ui-dialog .ui-resizable-se{right:0;bottom:0}
.ui-dialog .ui-resizable-sw{left:0;bottom:0}
.ui-dialog .ui-resizable-ne{right:0;top:0}
.ui-dialog .ui-resizable-nw{left:0;top:0}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-progressbar{height:2em;text-align:left;overflow:hidden}
.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}
.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}
.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}
.ui-selectable{-ms-touch-action:none;touch-action:none}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}
.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}
.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}
.ui-selectmenu-open{display:block}
.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}
.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}
.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-0.3em;margin-left:-0.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-0.3em;margin-left:0;margin-bottom:-0.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-sortable-handle{-ms-touch-action:none;touch-action:none}
.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}
.ui-spinner-input{border:0;background:0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}
.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}
.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}
.ui-spinner-up{top:0}
.ui-spinner-down{bottom:0}
.ui-tabs{position:relative;padding:.2em}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}
body .ui-tooltip{border-width:2px}
.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
.ui-widget.ui-widget-content{border:1px solid #d3d3d3}
.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #aaa;background:#ccc url("scb-design/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}
.ui-widget-header a{color:#222}
.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{border:1px solid #d3d3d3;background:#e6e6e6 url("scb-design/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("scb-design/css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}
.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}
.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{border:1px solid #aaa;background:#fff url("scb-design/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("scb-design/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}
.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("scb-design/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:alpha(opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:alpha(opacity=35);background-image:none}
.ui-state-disabled .ui-icon{filter:alpha(opacity=35)}
.ui-icon{width:16px;height:16px}
.ui-icon,.ui-widget-content .ui-icon{background-image:url("scb-design/images/ui-icons_555555_256x240.png")}
.ui-widget-header .ui-icon{background-image:url("scb-design/images/ui-icons_555555_256x240.png")}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("scb-design/images/ui-icons_555555_256x240.png")}
.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("scb-design/images/ui-icons_555555_256x240.png")}
.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("scb-design/images/ui-icons_2e83ff_256x240.png")}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("scb-design/images/ui-icons_cd0a0a_256x240.png")}
.ui-button .ui-icon{background-image:url("scb-design/images/ui-icons_888888_256x240.png")}
.ui-icon-blank{background-position:16px 16px}
.ui-icon-caret-1-n{background-position:0 0}
.ui-icon-caret-1-ne{background-position:-16px 0}
.ui-icon-caret-1-e{background-position:-32px 0}
.ui-icon-caret-1-se{background-position:-48px 0}
.ui-icon-caret-1-s{background-position:-65px 0}
.ui-icon-caret-1-sw{background-position:-80px 0}
.ui-icon-caret-1-w{background-position:-96px 0}
.ui-icon-caret-1-nw{background-position:-112px 0}
.ui-icon-caret-2-n-s{background-position:-128px 0}
.ui-icon-caret-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-65px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:1px -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-on{background-position:-96px -144px}
.ui-icon-radio-off{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-start{background-position:-80px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-widget-overlay{background:#aaa;opacity:.3;filter:alpha(opacity=30)}
.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}
@keyframes animModal{1%{display:block;opacity:0}
100%{display:block;opacity:1}
}
.modal-fade{display:none}
.modal-fade.active{display:block}
.modal-full-screen{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;background:#f9f9fa;background-position:center center;background-size:cover;background-repeat:no-repeat;display:none}
.modal-full-screen.modal-active{display:block}
.modal-full-screen .icon-close{color:#fff}
.modal-full-screen .icon-close:hover{color:#7a58bf}
.modal-full-screen .icon-close,.modal-fade .icon-close{position:absolute;font-size:3rem;right:4rem;top:4rem;z-index:10}
@media only screen and (max-width:991px){.modal-full-screen .icon-close,.modal-fade .icon-close{right:2rem;top:2rem;font-size:2.5rem}
}
.modal-full-screen .icon-close:before,.modal-fade .icon-close:before{font-weight:bold}
.modal-full-screen .icon-close:hover,.modal-fade .icon-close:hover{opacity:.8}
@media only screen and (max-width:767px){.modal-full-screen .text-large,.modal-fade .text-large{font-size:1.4rem;line-height:1.5}
}
.modal-full-screen .modal-body,.modal-fade .modal-body{min-height:100%;overflow:hidden;position:relative;padding:90px 0;z-index:2}
.modal-full-screen .modal-body:before,.modal-fade .modal-body:before{content:'';background:rgba(0,0,0,0.5);position:absolute;z-index:0;top:0;bottom:0;right:0;left:0}
@media only screen and (max-width:767px){.modal-full-screen .modal-body,.modal-fade .modal-body{padding:60px 0}
}
.modal-full-screen .modal-body .label,.modal-fade .modal-body .label{color:white}
.modal-full-screen .thumb,.modal-fade .thumb{background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;bottom:0;right:0;top:0;left:0;z-index:1}
.modal-full-screen .thumb:before,.modal-fade .thumb:before{content:'';position:absolute;bottom:0;right:0;left:0;top:0;z-index:2;opacity:.3;background-image:linear-gradient(to top,#000,#636363)}
.modal-full-screen .inner-container,.modal-fade .inner-container{position:relative;z-index:2}
.modal-full-screen .inner-container .group,.modal-fade .inner-container .group{min-height:0}
.modal-full-screen .range-value,.modal-fade .range-value{margin-top:30px}
.modal-full-screen .range-value span,.modal-fade .range-value span{font-size:1.538rem;color:white}
#investment-simulator-modal .modal-body:before{content:none}
.lightbox{background-color:#8b6060;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;padding:30px;overflow-y:auto}
.lightbox .icon-close{position:absolute;right:4rem;top:4rem;font-size:3rem;z-index:10}
.lightbox .icon-close:before{color:#ccbbbc;font-weight:900}
.lightbox .icon-close:hover:before{color:white}
.lightbox .lightbox-body{background:#f9f9fa}
@media only screen and (min-width:992px){.lightbox .lightbox-body .reward-info{padding-left:249px}
}
.lightbox .slick-prev,.lightbox .slick-next{position:fixed}
@media only screen and (max-width:1024px){.lightbox .slick-prev,.lightbox .slick-next{position:absolute;display:block !important;top:20rem;bottom:auto;z-index:10}
.lightbox .slick-next:before{right:60px;opacity:1}
.lightbox .slick-prev:before{left:60px;opacity:1}
}
@media only screen and (max-width:767px){.lightbox{padding:15px}
.lightbox .icon-close{right:2rem;top:2rem}
.lightbox .banner-wrap .item .thumb{height:20rem}
.lightbox .slick-prev,.lightbox .slick-next{top:11rem}
.lightbox .slick-next:before{right:30px}
.lightbox .slick-prev:before{left:30px}
}
[data-detailreward].lightbox{background-color:rgba(139,96,96,0.3)}
.slide-modal{overflow:hidden}
.slide-modal .slide-inner{width:999999px;overflow:hidden}
.slide-modal .modal-container{float:left;width:1140px;overflow:hidden}
@media only screen and (max-width:1024px){.slide-modal .modal-container{width:calc((100vw - 60px));width:-moz-calc((100vw - 60px));width:-webkit-calc((100vw - 60px));width:-o-calc((100vw - 60px))}
}
@media only screen and (max-width:991px){.slide-modal .modal-container{width:calc((100vw - 30px));width:-moz-calc((100vw - 30px));width:-webkit-calc((100vw - 30px));width:-o-calc((100vw - 30px))}
}
#header{position:relative;left:0;right:0;top:0;z-index:10;background:white}
.no-scrolling-nav #header{height:100vh}
.no-scrolling-nav #header .inner-header{height:66px;overflow:hidden}
@media only screen and (min-width:1200px){#header{min-height:115px}
}
@media only screen and (min-width:768px) and (max-width:1024px){#header{min-height:0 !important}
}
#header .logo{max-width:135px;float:left}
@media only screen and (max-width:1024px){#header .logo{margin-top:3px}
}
#header .top-header{background:#4c5256;font-size:13px;padding:10px 0;min-height:35px;position:relative;z-index:50}
#header .top-header .inner-top{max-width:1300px;margin:0 auto;padding:0 30px}
#header .top-header .top-nav li{padding:0 40px 0 0}
@media only screen and (min-width:768px) and (max-width:1024px){#header .top-header .top-nav li{padding-right:30px}
}
#header .top-header .top-nav>li:last-child{padding-right:0}
#header .top-header .top-nav-right{float:right}
#header .top-header .top-nav-right li{padding:0 0 0 40px}
@media only screen and (min-width:768px) and (max-width:1024px){#header .top-header .top-nav-right li{padding-left:30px}
}
#header .top-header .top-nav-right li:first-child{padding-left:0}
#header .top-header .top-nav-right .sub-nav{left:20px;right:-20px}
#header .top-header .top-nav li,#header .top-header .top-nav-right li{float:left}
#header .top-header .top-nav li a,#header .top-header .top-nav-right li a{color:rgba(255,255,255,0.5);font-size:1em;white-space:nowrap;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop #header .top-header .top-nav li a:hover,.no-touch.desktop #header .top-header .top-nav-right li a:hover{color:white}
#header .top-header .top-nav li a.active,#header .top-header .top-nav-right li a.active{color:white}
#header .top-header .top-nav li a.active:after,#header .top-header .top-nav-right li a.active:after{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white;display:inline-block;position:absolute;bottom:-9px;left:50%;margin-left:-5px}
#header .top-header .top-nav .visual-img,#header .top-header .top-nav-right .visual-img{margin-right:8px;margin-top:-2px;float:left;border-radius:2px;overflow:hidden}
#header .top-header li.have-sub{position:relative;z-index:20}
#header .top-header li.have-sub>a{position:relative;padding-right:16px}
#header .top-header li.have-sub>a:after{content:"\e90c";font-family:'icomoon' !important;position:absolute;top:44%;right:0;font-size:10px;transform:translateY(-50%)}
#header .top-header li.have-sub>a .visual-img{width:16px;margin-top:-3px;opacity:.5}
#header .top-header li.have-sub>a .visual-img img{height:16px}
#header .top-header li.have-sub:hover>a{color:#fff}
#header .top-header li.have-sub:hover>a:after{display:none}
#header .top-header li.have-sub:hover>a .visual-img{opacity:1}
#header .top-header li.have-sub:hover .sub-nav{display:block;opacity:1}
#header .top-header li.have-sub a:hover{color:#fff}
#header .top-header .sub-nav{position:absolute;background:#565d60;top:-10px;left:-20px;min-width:130px;padding:30px 0 10px;border-radius:0 0 4px 4px;z-index:-1;display:none;opacity:0;transition:top .4s ease}
#header .top-header .sub-nav li{width:100%;padding:8px 20px}
#header .top-header .sub-nav li:first-child{padding-left:20px}
#header .inner-header{background:white;position:fixed;left:0;right:0;z-index:20;-webkit-transform:translate3d(0,0,0)}
@media only screen and (min-width:1200px){#header .inner-header{top:33px}
}
@media only screen and (min-width:768px) and (max-width:1024px){#header .inner-header{top:0 !important}
}
.sticky #header .inner-header{top:0;position:fixed;box-shadow:0 2px 5px rgba(0,0,0,0.08)}
.tab-details-sticky.sticky #header .inner-header{box-shadow:none;border-bottom:1px solid #f8f8f8}
#header .inner-header .content{max-width:1300px;margin:0 auto;padding:21px 30px 0}
#header .inner-header .content:before,#header .inner-header .content:after{display:table;content:""}
#header .inner-header .content:after{clear:both}
@media only screen and (max-width:1200px){#header .inner-header .content{padding:11px 15px}
}
#header .right-header{float:right}
#header .right-header .icons{font-size:23px;float:left;margin:10px 30px 0 0}
@media only screen and (max-width:767px){#header .right-header .icons{margin-right:15px;margin-left:0}
}
@media only screen and (max-width:320px){#header .right-header .icons{margin-right:10px}
}
#header .right-header .icons:nth-of-type(1){margin-left:30px}
@media only screen and (max-width:767px){#header{position:-webkit-sticky}
#header .right-header .icons:nth-of-type(1){margin-left:0}
}
.no-touch.desktop #header .right-header .icons:hover{color:#462279}
.right-header .language{float:left;margin-top:15px}
.right-header .language li{float:left;border-right:1px solid #ccc;padding:0 10px}
.right-header .language li:last-child{border-right:0;padding-right:0}
.right-header .language li a{color:black}
.mega-menu-mobile .language{float:none;text-align:center;padding:25px 0}
.mega-menu-mobile .language li{display:inline-block;float:none;color:white;padding:0 10px;border-right:1px solid #656d73}
.mega-menu-mobile .language li:last-child{border-right:0}
.mega-menu-mobile .language li a{color:rgba(255,255,255,0.5)}
.language li{font-size:1.1rem}
.digital-menu{position:relative;display:inline-block}
.digital-menu ul{position:absolute;right:0;top:75px;z-index:10;width:204px;padding:15px 25px;background-color:#fff;border-radius:5px;box-shadow:0 8px 10px 0 rgba(0,0,0,0.08);display:none}
.digital-menu ul:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white;top:-5px;right:20px;position:absolute}
.digital-menu ul li{overflow:hidden}
.digital-menu ul a{color:black;font-size:16px;background-repeat:no-repeat;background-position:0 center;padding:15px 0 15px 0;display:inline-block}
.digital-menu ul a span{display:inline-block;vertical-align:middle}
.digital-menu ul a .visual-img{width:24px;text-align:center;margin-right:15px}
.digital-menu .mobile-link{display:none}
.iphone .digital-menu .mobile-link.ios,.android .digital-menu .mobile-link.android{display:block}
#main-nav{position:fixed;z-index:200;right:0;top:0;bottom:0}
.global-nav{float:left;font-size:16px;padding-left:30px;padding-top:14px}
.global-nav li{float:left;padding-right:30px}
.global-nav li a{color:black;font-size:1em;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.global-nav li.has-sub a.link-sub{font-size:1.125em;position:relative;padding-right:25px}
.global-nav li.has-sub a.link-sub:after{position:absolute;right:0;top:7px;margin-top:-9px}
.global-nav li.has-sub a.link-sub.current:after{font-size:1rem;margin-top:-5px}
.global-nav>ul>li>a{height:47px;display:block}
.global-nav>ul>li:hover>a,.global-nav>ul>li a.current,.global-nav li.has-sub a.link-sub.active{border-bottom:2px solid #7a58bf}
.no-touch.desktop .global-nav.corporate li a:hover{color:#8174a2}
.global-nav.corporate li a:active{color:#8174a2}
.global-nav.corporate li a:active:hover{color:#8174a2}
.global-nav.corporate li:not(.has-sub).current{color:#8174a2;padding-bottom:27px;border-bottom:2px solid #8174a2}
.global-nav.corporate li:not(.has-sub).current:hover{color:#8174a2}
.menu-opening{overflow:hidden}
.mega-menu{position:absolute;left:0;right:0;top:82px;background-size:cover;background-repeat:no-repeat;background-position:center center;display:none}
@media only screen and (min-width:1200px){.mega-menu{height:calc((100vh - 80px));height:-moz-calc((100vh - 80px));height:-webkit-calc((100vh - 80px));height:-o-calc((100vh - 80px))}
}
.mega-menu:before{content:'';background-color:rgba(57,38,85,0.9);position:absolute;bottom:0;top:0;left:0;right:0}
.corporate-banking .mega-menu:before{background:#343f45;opacity:.96}
.mega-menu .menu-wrap{overflow:hidden;position:relative;max-height:100%}
.mega-menu .icon-close{position:absolute;right:75px;top:28px;font-size:2rem}
.mega-menu .inner-menu{max-width:1300px;margin:0 auto;padding:10px 30px;position:relative;z-index:1;width:100%}
.mega-menu .inner-menu .level-2 .item+.item{margin-top:30px}
@media only screen and (min-width:992px){.mega-menu .inner-menu{display:table}
}
@media only screen and (min-width:768px) and (max-width:991px){.mega-menu .inner-menu{display:table;width:100%}
}
.mega-menu .level-1{border-right:1px solid #615573;display:table-cell;width:27%;vertical-align:top;padding:12px 0}
.mega-menu .level-1 li{float:none;overflow:hidden;padding:12px 0}
@media only screen and (min-width:1200px) and (max-height:660px){.mega-menu .level-1 li{padding:7px 0}
.mega-menu .level-2{padding-top:25px;padding-bottom:25px}
.global-nav li a.thumb-default{margin-top:0}
}
.mega-menu .level-1 li a{font-size:2.307rem;background-repeat:no-repeat;background-position:0 center;color:#bfbfbf;position:relative;display:inline-block}
@media only screen and (min-width:1200px){.no-touch.desktop .mega-menu .level-1 li a:hover{color:#fff}
.no-touch.desktop .mega-menu .level-1 li a:hover img{opacity:1}
}
.mega-menu .level-1 li a.active,.mega-menu .level-1 li a:active{color:#fff}
.mega-menu .level-1 li a.active img,.mega-menu .level-1 li a:active img{opacity:1}
.mega-menu .level-1 li a img{margin-right:15px;position:absolute;top:50%;max-width:33px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:.6;transition:all .5s}
.mega-menu .level-1 li a span{display:block;overflow:hidden;padding:6px 0 6px 47px}
.mega-menu .level-2{overflow:hidden;padding:30px 0 30px 30px;display:table-cell}
.mega-menu .level-2 .inner{display:none}
.mega-menu .level-2 .inner.active{display:block}
.mega-menu .level-2 .inner .col-sm-8 .row:last-child{margin-top:30px}
.mega-menu .level-2 .inner .row:not(:first-child){margin-top:30px}
.mega-menu .level-2 .inner .thumb-default figure{height:192px}
.mega-menu .level-2 .inner .thumb-default figcaption{height:228px;position:relative}
.mega-menu .level-2 .inner .thumb-default figcaption .link-primary{position:absolute;bottom:0}
.mega-menu .level-2 .item h3{font-size:12px;padding:10px 0;color:#f6a969;text-transform:uppercase}
.mega-menu .level-2 .item ul li{overflow:hidden;float:none;padding-bottom:0;padding-right:0}
.mega-menu .level-2 .item a{font-size:16px;padding:10px 0;display:inline-block;color:white}
.mega-menu .level-2 .item a:hover{color:#bfbfbf}
.mega-menu .level-2 .item.bigger a{font-size:1.38rem}
.mega-menu .link-view-all{font-size:2.307rem;color:white;display:inline-block;line-height:36px}
.mega-menu .link-view-all:after{font-size:16px;margin-left:10px}
.mega-menu .link-view-all:hover{color:white !important}
@media only screen and (max-width:767px){.mega-menu .link-view-all{margin-bottom:15px}
}
.mega-menu .link-promotion{margin-top:30px}
.mega-menu .promotion-no{padding:4px 10px;border-radius:100px;background-color:#fcb42a;color:white;font-size:12px;margin-left:20px;display:inline-block !important}
.icon-loans{background-image:url(scb-design/images/icons/ic-loans.svg)}
.icon-cards{background-image:url(scb-design/images/icons/ic-cards.svg)}
.icon-deposits{background-image:url(scb-design/images/icons/ic-deposit.svg)}
.icon-insurance{background-image:url(scb-design/images/icons/ic-insurance.svg)}
.icon-investment{background-image:url(scb-design/images/icons/ic-investment.svg)}
.icon-payment{background-image:url(scb-design/images/icons/ic-payment.svg)}
.icon-services{background-image:url(scb-design/images/icons/ic-other.svg)}
.icon-trade-remittance{background-image:url(scb-design/images/icons/ic-trade-remittance.svg);background-size:25px}
.icon-management-treasury{background-image:url(scb-design/images/icons/ic-management-treasury.svg);background-size:28px}
.icon-digital-services{background-image:url(scb-design/images/icons/ic-digital-services.svg);background-size:28px}
.icon-trust{background-image:url(scb-design/images/icons/ic-trust-white.svg);background-size:22px;background-position:3px center !important}
.icon-risk-management{background-image:url(scb-design/images/icons/ic-risk-management-white.svg);background-size:25px}
.icon-financing-lending{background-image:url(scb-design/images/icons/ic-financing-lending.svg);background-size:37px}
.hamburger-box{position:relative;display:inline-block;width:23px;height:24px;float:left;margin-top:12px;margin-right:15px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:100%;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background:#7a58bf}
.hamburger-inner{top:2px}
.hamburger-inner:before,.hamburger-inner:after{display:block;content:''}
.hamburger-inner:before{top:8px;transition-duration:.2s;transition-property:transform,opacity}
.hamburger-inner:after{top:16px}
.hamburger-inner.active{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger-inner.active:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger-inner.active:after{transform:translate3d(0,-16px,0) rotate(-90deg)}
.mega-menu-mobile{position:fixed;left:0;right:0;top:66px;background:#5c626a;bottom:0;display:none;overflow-y:auto}
.mega-menu-mobile .collapse-item .collapse-header{position:relative;background:#5c626a;color:white;font-size:16px;border-bottom:1px solid #52575e}
.mega-menu-mobile .collapse-item .collapse-header a{padding:25px 15px;display:block}
.mega-menu-mobile .collapse-item .collapse-header:not(.no-content):after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid white;display:inline-block;vertical-align:middle;position:absolute;right:15px;top:50%}
.mega-menu-mobile .collapse-item .collapse-header.active:after{border-top-color:transparent;border-bottom:4px solid white;margin-top:-4px}
.mega-menu-mobile .collapse-item a{color:#fff}
.mega-menu-mobile .collapse-inner{display:none}
.mega-menu-mobile .mega-menu{display:block;position:relative;top:0}
.mega-menu-mobile .mega-menu .inner-menu{padding:0;width:100%;display:table;background-color:white}
.mega-menu-mobile .mega-menu .level-1{border:0;float:none;width:auto;padding:0}
.mega-menu-mobile .mega-menu .level-1 li{padding:0}
.mega-menu-mobile .mega-menu .level-1 a{font-size:16px;padding:15px 0;opacity:1;color:#7a58bf}
.mega-menu-mobile .mega-menu .level-1 a.level-1-title{font-size:16px;padding:20px 30px;display:block;color:black;position:relative;border-bottom:1px solid #f0f0f0}
.mega-menu-mobile .mega-menu .level-1 a.level-1-title.has-sub:after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #7a58bf;display:inline-block;vertical-align:middle;position:absolute;right:15px;top:50%}
.mega-menu-mobile .mega-menu .level-1 a.level-1-title.has-sub.active:after{border-bottom:4px solid #7a58bf;border-top-color:transparent;margin-top:-4px}
.mega-menu-mobile .mega-menu .level-1 a.level-2-title{font-size:16px;padding:20px 30px;display:block;position:relative;color:white;border-bottom:1px solid #e2e2e2}
.mega-menu-mobile .mega-menu .level-1 a.level-2-title:after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid white;display:inline-block;vertical-align:middle;position:absolute;right:15px;top:50%}
.mega-menu-mobile .mega-menu .level-1 a.level-2-title.active:after{border-bottom:4px solid white;border-top-color:transparent;margin-top:-4px}
.mega-menu-mobile .mega-menu .level-2-mobile{display:none;background-color:#3a2655}
.mega-menu-mobile .mega-menu .level-2-mobile ul li a{color:white}
.mega-menu-mobile .mega-menu .level-3-mobile{padding:20px 30px 0;border-bottom:1px solid #e2e2e2;display:none}
.mega-menu-mobile .mega-menu .level-3-mobile .item{padding-bottom:30px}
.mega-menu-mobile .mega-menu .level-3-mobile .item h3{font-size:12px;padding:10px 0;color:#f6a969}
.mega-menu-mobile .mega-menu .level-3-mobile .item ul li{overflow:hidden;float:none;padding-bottom:0}
.mega-menu-mobile .mega-menu .level-3-mobile .item a{color:white;font-size:16px;padding:10px 0;display:inline-block}
.mega-menu-mobile .mega-menu .level-3-mobile .item a span{display:inline-block}
.mega-menu-mobile .mega-menu .level-3-mobile .item a .promotion-no{padding:4px 10px}
@media only screen and (min-width:992px) and (max-width:1199px){.corporate-banking #header .top-header .inner-top{padding-left:15px;padding-right:15px}
.corporate-banking #header .top-header .top-nav{margin-left:calc(135px + 15px);margin-left:-moz-calc(135px + 15px);margin-left:-webkit-calc(135px + 15px);margin-left:-o-calc(135px + 15px)}
.corporate-banking #header .inner-header .content{padding-left:15px;padding-right:15px}
.corporate-banking #header .right-header .language li{padding-right:5px;padding-left:5px}
.corporate-banking #header .right-header .icons{margin:12px 15px 0 7px;font-size:21px}
.corporate-banking .global-nav{padding-left:15px}
.corporate-banking .global-nav li{padding-right:15px}
}
.corporate-banking .mega-menu .level-1 li a,.corporate-banking .mega-menu .link-view-all{font-size:1.846rem}
.corporate-banking .mega-menu .inner-menu{background-color:transparent}
.corporate-banking .mega-menu .level-1{border-right-color:#5e6568}
.corporate-banking .mega-menu .level-1 li a img{margin-top:3px;max-width:30px}
.corporate-banking .mega-menu .level-1 li a.level-1-title{color:white}
.corporate-banking .mega-menu .level-1 li a.level-1-title.has-sub:after{border-top:4px solid white}
.corporate-banking .mega-menu .level-1 li a.active{opacity:1}
#footer{overflow:visible;padding:20px 0;background:#462279;position:relative}
#footer button.icon-go-to-top{font-size:20px;line-height:48px;padding:0;border:0;background:#f2b234;outline:0;border-radius:50%;width:48px;height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:black;display:none;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);position:relative}
#footer button.icon-go-to-top.stick{position:absolute;top:-24px;right:50px;z-index:99}
#footer button.icon-go-to-top.float{position:fixed;bottom:50px;right:50px;z-index:99;top:inherit}
#footer button.icon-go-to-top:after{content:'';display:block;position:absolute;width:16px;height:16px;background:url('scb-design/images/icons/ic-pagination-left.svg') no-repeat;background-size:cover;top:0;left:0;bottom:0;right:0;margin:auto;transform:rotate(90deg)}
#footer .inner{padding:.5em 2em 0;background:#f5f5f5}
@media only screen and (max-width:767px){#footer button.icon-go-to-top.float{right:15px}
#footer .inner{padding-left:1.2rem;padding-right:1.2rem}
}
#footer a{font-size:14px;color:rgba(255,255,255,0.7)}
#footer a:active{color:white}
.no-touch.desktop #footer a:hover{color:white}
#footer a.call-center{font-size:2.3rem;line-height:1;padding:8px 5px 0}
@media only screen and (min-width:992px){#footer .row{margin-top:30px;margin-bottom:20px}
#footer .row:last-child{margin-top:20px}
}
.group-link{margin-bottom:5px;line-height:1.8}
.group-link .title{text-transform:uppercase;font-size:12px;color:rgba(255,255,255,0.4);padding-bottom:0}
@media only screen and (min-width:992px){.group-link .list-links{display:block !important}
}
.group-link .list-links a{margin:2px 0;display:inline-block}
.group-link:nth-child(2){margin-top:50px}
@media only screen and (max-width:991px){.group-link{border-bottom:solid 1px #53388d;margin:0 -15px;padding:0 15px}
.group-link.no-sub{padding-bottom:40px}
.group-link:not(.no-sub) .title{position:relative;padding:20px 0}
.group-link:not(.no-sub) .title:after{content:"\e90c";font-family:'icomoon' !important;position:relative;float:right}
.active.group-link:not(.no-sub) .title:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.group-link:not(.no-sub) .list-links{display:none;margin:0 -15px;padding:15px;border-top:solid 1px #53388d}
}
.copy-right{color:rgba(255,255,255,0.45);font-size:1.1rem;line-height:1.4}
@media only screen and (max-width:991px){.copy-right{margin-top:40px;font-size:12px}
}
.call-us{position:fixed;right:20px;bottom:20px;z-index:9;background:url('scb-design/images/icons/ic-call-back.svg') no-repeat;width:75px;height:75px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.no-touch.desktop .call-us:hover{opacity:.8;transform:translateY(-4px);-webkit-transform:translateY(-4px)}
.breadcrumb-outer{position:absolute;z-index:10;left:2rem;right:2rem;top:30px}
@media only screen and (max-width:991px){.breadcrumb-outer{left:0;right:0}
}
.breadcrumb{display:block;border-radius:100px;background:#f2f2f2;padding:3px 0}
.breadcrumb:after{content:'';display:table;clear:both}
.breadcrumb li{float:left;color:black;padding:4px 0;line-height:1.2}
.breadcrumb li:not(:last-child):after{font-size:.5em;margin:4px 5px 0;opacity:.5;float:left}
.breadcrumb li a{color:inherit;opacity:.5;float:left}
.no-touch.desktop .breadcrumb li a:hover{opacity:1}
.breadcrumb li a:active{opacity:1}
[class*='banner'] .breadcrumb{background:rgba(48,55,59,0.3)}
[class*='banner'] .breadcrumb li{color:white}
.search-block{max-width:650px;margin:-32px auto 30px;padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);position:relative;z-index:2}
@media only screen and (max-width:991px){.search-block{margin-bottom:15px}
}
@media only screen and (max-width:767px){.search-block{margin-left:15px;margin-right:15px}
}
.search-block .search-input{overflow:hidden}
.search-block .search-input input{color:#898989;font-size:20px;padding:0 20px;line-height:44px;height:44px;width:100%;overflow:hidden;text-overflow:ellipsis}
@media only screen and (max-width:767px){.search-block .search-input input{padding:0 10px;font-size:16px}
}
.search-block .search-input input::-webkit-input-placeholder{color:#d2d2d2}
.search-block .search-input input::-moz-placeholder{color:#d2d2d2}
.search-block .search-input input:-ms-input-placeholder{color:#d2d2d2}
.search-block .search-input input:-moz-placeholder{color:#d2d2d2}
.search-block .btn-primary{float:right;height:44px}
.search-block .btn-primary:after{content:'';background:url(scb-design/images/icons/ic-arrow-more-white.svg) no-repeat center center;width:12px;height:100%;top:0;position:absolute;vertical-align:middle;opacity:0;margin-left:-17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop .search-block .btn-primary:hover:after{opacity:1;margin-left:4px}
@media only screen and (max-width:767px){.search-block .btn-primary{font-size:0;padding:0;min-width:0;width:44px}
.search-block .btn-primary:after{font-size:1.7rem;margin-left:0;width:100%;display:block;opacity:1}
}
.search-block.small{margin:0}
@media only screen and (max-width:991px){.search-block.small{max-width:100%;margin-bottom:15px}
}
.search-block.small .search-input input{font-size:16px}
.search-block.small .icon-search{float:right;font-size:22px;background:0;margin-top:10px}
.search-result{opacity:0;transform:translateY(100px);max-height:0}
.search-result .no-result-list{transform:translateY(100px)}
.modal.active .search-result{opacity:1;transform:translateY(0);max-height:1000px;transition:all .5s .1s}
.modal.active .search-result .no-result-list{transform:translateY(0);transition:all .5s .1s}
.search-result .results{opacity:0;transform:translateY(100px)}
.search-result .results.active{opacity:1;transform:translateY(0);transition:all .5s .02s}
.recently-viewed{background:white;overflow:hidden;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:768px){.recently-viewed{height:360px}
}
.recently-viewed .sub-title{padding:35px 30px 30px}
@media only screen and (max-width:767px){.recently-viewed .sub-title{padding:35px 20px}
}
.recently-viewed .list-view li{overflow:hidden;border-top:1px solid rgba(0,0,0,0.1);list-style-type:none}
.recently-viewed .list-view li a{display:block;overflow:hidden;padding:20px 30px;font-size:16px}
@media only screen and (max-width:767px){.recently-viewed .list-view li a{padding:20px}
}
.recently-viewed .list-view li a .img-card{float:right}
.recently-viewed .list-view li a .name-card-reviewed{display:block;overflow:hidden;padding:9px 0}
@media only screen and (min-width:992px) and (max-width:1199px){.recently-viewed{height:calc((100vw - 90px)/3);height:-moz-calc((100vw - 90px)/3);height:-webkit-calc((100vw - 90px)/3);height:-o-calc((100vw - 90px)/3)}
.recently-viewed .sub-title{padding-top:calc((100vw - 90px)/35);padding-top:-moz-calc((100vw - 90px)/35);padding-top:-webkit-calc((100vw - 90px)/35);padding-top:-o-calc((100vw - 90px)/35);padding-bottom:calc((100vw - 90px)/42);padding-bottom:-moz-calc((100vw - 90px)/42);padding-bottom:-webkit-calc((100vw - 90px)/42);padding-bottom:-o-calc((100vw - 90px)/42)}
.recently-viewed .list-view li a{padding-top:calc((100vw - 90px)/70);padding-top:-moz-calc((100vw - 90px)/70);padding-top:-webkit-calc((100vw - 90px)/70);padding-top:-o-calc((100vw - 90px)/70);padding-bottom:calc((100vw - 90px)/70);padding-bottom:-moz-calc((100vw - 90px)/70);padding-bottom:-webkit-calc((100vw - 90px)/70);padding-bottom:-o-calc((100vw - 90px)/70)}
}
@media only screen and (max-width:991px){.col-md-4 .recently-viewed{margin-bottom:15px}
}
.table-one-line th,.table-one-line td{white-space:nowrap}
.outer-table th:first-child{border-top-left-radius:4px}
.outer-table th:last-child{border-top-right-radius:4px}
.table-rate,.outer-table,.table-fee,.table-dcc{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.table-rate tr.sub-header th:first-child,.table-fee tr.sub-header th:first-child,.table-dcc tr.sub-header th:first-child{border-top-left-radius:0}
.table-rate tr.sub-header th:last-child,.table-fee tr.sub-header th:last-child,.table-dcc tr.sub-header th:last-child{border-top-right-radius:0}
.table-rate th,.table-fee th,.table-dcc th{color:#fff;background-color:#30373b;padding:30px 20px;white-space:nowrap;height:75px}
.table-rate th:first-child,.table-fee th:first-child,.table-dcc th:first-child{border-top-left-radius:4px}
.table-rate th:last-child,.table-fee th:last-child,.table-dcc th:last-child{border-top-right-radius:4px}
.table-rate td,.table-fee td,.table-dcc td{line-height:1.5;height:132px;padding:30px 20px;vertical-align:top;color:#767676}
@media only screen and (min-width:768px) and (max-width:1200px){.table-rate th,.table-fee th,.table-dcc th{padding:30px 10px}
.table-rate td,.table-fee td,.table-dcc td{padding:30px 10px}
}
.table-rate td:first-child,.table-fee td:first-child,.table-dcc td:first-child{font-weight:bold;padding-right:0;color:black;padding-top:11px}
.table-rate td:first-child>span,.table-fee td:first-child>span,.table-dcc td:first-child>span{vertical-align:middle;line-height:26px;display:inline-block}
.table-rate td:first-child>span img,.table-fee td:first-child>span img,.table-dcc td:first-child>span img{display:block}
.table-rate td:first-child>span.sub-title-2.mar-right-sm,.table-fee td:first-child>span.sub-title-2.mar-right-sm,.table-dcc td:first-child>span.sub-title-2.mar-right-sm{width:40px;display:inline-block}
.table-rate td.flag,.table-fee td.flag,.table-dcc td.flag{background-image:url("scb-design/images/country-flag/thb.png")}
.table-rate td .topic,.table-fee td .topic,.table-dcc td .topic{font-weight:bold}
@media only screen and (min-width:992px){.table-rate td .topic,.table-fee td .topic,.table-dcc td .topic{float:left;width:43%;padding-right:15px}
}
.table-rate td .description,.table-fee td .description,.table-dcc td .description{overflow:hidden;color:#767676}
.table-rate.small td,.table-fee.small td,.table-dcc.small td{height:auto;padding-top:20px;padding-bottom:20px}
@media only screen and (max-width:767px){@media only screen and (max-width:767px){.table-rate,.table-fee{margin-bottom:40px}
.table-rate th,.table-fee th,.table-rate td,.table-fee td{padding:20px}
.table-rate tr,.table-fee tr{height:auto !important}
.table-rate tr.sub-header th:nth-child(2),.table-fee tr.sub-header th:nth-child(2){padding-left:10rem}
.table-rate tr:not(.sub-header) th:first-child,.table-fee tr:not(.sub-header) th:first-child{height:120px;width:10rem;padding-top:3rem;line-height:1.6;position:absolute;box-shadow:2px 0 4px 0 rgba(0,0,0,0.5);z-index:2}
.table-rate tr:not(.sub-header) th:nth-child(2),.table-fee tr:not(.sub-header) th:nth-child(2){padding-left:10rem}
.table-rate th:first-child,.table-fee th:first-child{border-top-left-radius:0;word-wrap:break-word;white-space:initial;text-align:center}
.table-rate th:last-child,.table-fee th:last-child{border-top-right-radius:0}
.table-rate td .description,.table-fee td .description{margin-top:20px;margin-left:0}
.table-rate td:first-child,.table-fee td:first-child{box-shadow:2px 0 4px 0 rgba(0,0,0,0.5);position:absolute;width:10rem;height:50px;background-color:white}
.table-rate td:nth-child(2),.table-fee td:nth-child(2){padding-left:10rem}
}
.table-dcc{margin-bottom:40px}
.table-dcc th,.table-dcc td{padding:20px}
.table-dcc tr{height:auto !important}
.table-dcc tr.sub-header th:first-child{height:60px;width:12rem;padding-top:20px;position:absolute;box-shadow:2px 0 4px 0 rgba(0,0,0,0.5);z-index:2;border-top-left-radius:0;word-wrap:break-word;white-space:initial;text-align:center}
.table-dcc tr.sub-header th:nth-child(2){padding-left:15rem}
.table-dcc tr.sub-header th:last-child{border-top-right-radius:0}
.table-dcc td .description{margin-top:20px;margin-left:0}
.table-dcc td:first-child{box-shadow:2px 0 4px 0 rgba(0,0,0,0.5);position:absolute;width:12rem;height:50px;background-color:white}
.table-dcc td:nth-child(2){padding-left:15rem}
}
.collapse-item .table-rate tr,.collapse-item .table-rate td{height:auto}
.exchange-rate{height:auto}
.exchange-rate table{table-layout:inherit}
.exchange-rate th,.exchange-rate td{white-space:nowrap}
.exchange-rate th{border-bottom-color:#454b4e;height:60px;padding-top:3px;padding-bottom:0}
.exchange-rate td{height:100%;padding-top:15px;padding-bottom:13px}
@media only screen and (max-width:767px){.exchange-rate{overflow-x:auto}
}
@media only screen and (min-width:768px) and (max-width:991px){.exchange-rate th{white-space:normal}
}
.rates-item-pad{border-top:1px solid #ededed}
.rates-item-pad>.item{border-bottom:1px solid #ededed;padding:22px 10px 22px 0}
.rates-item-pad .rate-fee-pdf{background-position:0 10px;padding:2px 10px 2px 52px}
.rates-item .next-icon{position:relative}
.rates-item .next-icon:after{content:"\e90c";font-family:'icomoon' !important;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(-90deg)}
.rates-item a{color:#734fc2}
.rates-accordion .collapse-inner{background:#f0f2f4;padding:0}
.rates-accordion .rates-item{border:0}
.rates-accordion .rates-item>.item{border-bottom:1px solid #ededed;padding:15px 10px 15px 0}
.rates-accordion .rates-item .next-icon{padding:22px 30px}
.rates-accordion .rates-item .next-icon:after{right:30px}
.rates .rates-item-pad{border-top:0;transition:all .4s ease}
.rates .rates-item-pad:first-child{border-top:1px solid #ededed}
.rates .rates-item-pad:hover{background-color:#f0f2f4;padding-left:30px}
.thumb-default{overflow:hidden;background:white;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);border-radius:4px;position:relative;display:block}
.thumb-default figure{height:215px;overflow:hidden;border-radius:4px 4px 0 0}
.thumb-default figure .thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.thumb-default figcaption{color:#767676;font-size:16px;line-height:1.5;margin:20px 30px}
@media only screen and (max-width:991px){.thumb-default figcaption{margin:20px}
}
.mega-menu .thumb-default figcaption h3{color:black;font-size:1.69rem}
.thumb-default .desc{padding:20px 0}
.no-touch.desktop .thumb-default:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .thumb-default:hover .thumb{transform:rotate(2deg) scale(1.1);-webkit-transform:rotate(2deg) scale(1.1)}
.no-touch.desktop .thumb-default:hover .link-primary:after{opacity:1;margin-left:10px}
@media only screen and (max-width:991px){.product-listing{margin-left:-10px;margin-right:-10px}
.product-listing [class*='col-']{padding-left:10px;padding-right:10px}
}
@media only screen and (min-width:992px){.product{margin-top:30px}
}
@media only screen and (max-width:991px){.product{margin-bottom:20px}
}
.product figure{position:relative}
.product figcaption{height:230px;position:relative}
@media only screen and (max-width:767px){.product figcaption{height:auto;padding-bottom:50px}
}
.product .title{padding-top:5px;text-transform:capitalize}
.product .desc{padding:10px 0}
.product .link-primary{position:absolute;bottom:0}
.product .card-image{width:70%;border-radius:10px;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}
.product-compare .check-icon{background:url('scb-design/images/icons/ic-compare.svg') no-repeat;position:absolute;top:15px;right:15px;z-index:11;width:27px;height:27px;background-size:cover}
.product-compare .check-icon .p-tooltip{top:40px;right:-1px;visibility:hidden;opacity:0;transition:all .3s}
.product-compare .check-icon .p-tooltip:before{right:10px;top:-5px}
.no-touch.desktop .product-compare .check-icon:hover{background-image:url('scb-design/images/icons/ic-compare-active.svg')}
.no-touch.desktop .product-compare .check-icon:hover .p-tooltip{visibility:visible;opacity:1}
.product-compare .check-icon.checked{background-image:url('scb-design/images/icons/ic-compare-checked.svg')}
.product-compare .card-image{width:56%}
.product-compare:hover .check-icon{opacity:1}
.product-compare figure{position:relative;text-align:center;z-index:0}
.product-compare figure .thumb{position:relative;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}
.product-compare figcaption{height:auto;padding-bottom:30px}
.product-compare figcaption .inner{height:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-compare figcaption .title{height:95px}
@media only screen and (min-width:992px) and (max-width:1024px){.product-compare figcaption .inner{height:188px}
}
@media only screen and (max-width:767px){.product-compare figcaption .inner{height:auto}
.product-compare figcaption .title{height:75px}
}
.options{padding:5px 0 25px}
.options li{padding:10px 0}
.options img{margin-right:15px}
.fees{padding:30px 0 25px}
.fees li{padding:10px 0}
.fees li span{margin-left:15px}
@media only screen and (max-width:767px){.fees{padding:0 0 20px}
.fees li{padding:5px 0}
}
@media only screen and (max-width:991px){.promotions .card-image{margin-bottom:0}
}
.credit-reward-listing{overflow:hidden}
@media only screen and (max-width:991px){.credit-reward-listing{margin-bottom:30px}
}
.reward{margin-bottom:30px}
.reward figure{height:150px}
.reward figcaption{height:110px;position:relative}
.reward .sub-title{font-size:12px;letter-spacing:2px;color:#30373b}
.reward .sub-title-2{position:absolute;bottom:0}
@media only screen and (max-width:991px){.product-details,.loan-details{padding-bottom:20px}
}
.product-details [class*='col-']:nth-child(2n+1),.loan-details [class*='col-']:nth-child(2n+1){clear:both}
.product-details .loan-details-items [class*='col-'],.loan-details .loan-details-items [class*='col-']{margin-top:50px}
.loan-many-items>.col-md-6{padding-left:65px;position:relative}
.loan-many-items>.col-md-6>img{max-width:40px;position:absolute;left:15px;top:0}
.ie9 .loan-many-items>.col-md-6>img[src$=".svg"],.ie9 #header .logo img{width:100%}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.loan-many-items>.col-md-6>img[src$=".svg"],#header .logo img{width:100%}
}
.loan-many-items>.col-md-6 .title-2{font-size:16px;line-height:24px;margin-top:3px;padding-top:5px}
.loan-details-items .title-2{margin:10px 0}
.risk-funds{margin-top:65px}
.risk-funds [data-fund]{display:none}
.risk-funds [data-fund].active{display:block}
.risk-funds>a{display:block}
.risk-funds .row{display:table;width:100%;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 50px 20px 30px;background-color:transparent}
.risk-funds .row .sub-title-1{color:#767676}
.risk-funds .row .text-mediumer{color:#000}
.risk-funds .row:not(.risk-funds-title):hover{background-color:#7a58bf;padding-left:50px}
.risk-funds .row:not(.risk-funds-title):hover [class*="col-"] .risk-level,.risk-funds .row:not(.risk-funds-title):hover [class*="col-"] .text-mediumer{color:#FFF}
.risk-funds .row:not(.risk-funds-title):hover [class*="col-"] .sub-title-1{color:rgba(255,255,255,0.5)}
.risk-funds .row [class*="col-"]{display:table-cell;float:none;padding:0;vertical-align:middle}
.risk-funds .row [class*="col-"]:first-child{text-align:left;padding-right:15px}
.risk-funds .row [class*="col-"]:last-child{text-align:right;padding-left:15px}
.risk-funds .row .risk-level{font-size:30px;font-weight:bold;color:#7a58bf;display:inline-block}
@media only screen and (max-width:991px){.risk-funds{margin-bottom:30px;margin-top:45px}
}
.risk-fund-paging{display:block;padding-left:20px;margin-top:25px}
.risk-fund-paging ul{display:inline-block}
.risk-fund-paging li{display:inline-block}
.risk-fund-paging li a{font:14px/22px 'sukhumvittadmai_bol';padding:0 7px;color:#767676;vertical-align:middle;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.risk-fund-paging li a.selected{color:#8253c5}
@media only screen and (max-width:991px){.risk-fund-paging{margin-bottom:30px}
}
.rate-fee-pdf{padding:10px 10px 10px 80px;background:url(scb-design/images/icons/pdf.svg) no-repeat 30px 18px}
.rate-fee-pdf a{display:block;color:#734fc2;line-height:25px}
.rate-fee-pdf .date{display:inline-block;margin-right:25px;color:#767676;line-height:24px}
.short-item{position:relative;padding-bottom:30px;transition:all .5s ease;overflow:hidden}
.short-item:after{content:"";display:block;height:68px;position:absolute;width:100%;left:0;bottom:20px;background-image:-webkit-linear-gradient(rgba(255,255,255,0),#fff);background-image:-o-linear-gradient(rgba(255,255,255,0),#fff);background-image:linear-gradient(rgba(255,255,255,0),#fff)}
.short-item.show-full:after{bottom:-90px}
.short-item.show-full .text-medium{max-height:1000px;transition:max-height 1s ease-in-out}
.short-item .text-medium{max-height:90px;overflow:hidden;position:relative;transition:max-height .5s cubic-bezier(0,1,0,1)}
.short-item a.short-item-link{color:#7a58bf;position:absolute;bottom:0;z-index:2;font-size:0;height:30px;width:100px}
.short-item a.short-item-link:before{content:"\e90c";font-family:'icomoon' !important;display:block;position:absolute;font-size:2rem;transition:all .5s ease;height:30px;line-height:30px}
.short-item a.short-item-link.active:before{transform:rotate(180deg);margin-top:10px}
.graybg{background:#f9f9fa}
.graybg .short-item:after{background-image:linear-gradient(to bottom,rgba(255,255,255,0),#f9f9fa)}
.card-requirements{color:#000}
.card-requirements .requirement-list .sub-title-2{padding-top:0}
.card-requirements .text-normal{font-weight:normal}
.card-requirements .clear{clear:both}
.card-requirements .card-ico{max-width:16px;left:15px;position:absolute}
.card-requirements .card-ico-item{position:relative}
.card-requirements .card-ico-item>img{margin-top:-9px}
.card-requirements .card-ico-item>span{display:inline-block;float:left;margin-top:-5px}
@media only screen and (max-width:991px){.product-details .loan-details-items [class*='col-'],.loan-details .loan-details-items [class*='col-']{margin-top:30px}
.card-requirements{padding-top:15px}
.card-requirements .requirement-list{padding-top:50px}
.card-requirements .pad-bot-min{padding-bottom:15px}
.card-requirements [data-tab] header{padding-top:0;padding-bottom:25px}
.card-requirements .card-ico-item .card-ico{margin-top:3px}
.card-requirements .card-ico-item>span{margin-top:-2px}
.requirements .col-sm-4 img{margin-top:0}
.requirement-list .col-sm-4{margin-bottom:15px}
.card-ico-item{margin-bottom:20px;line-height:20px}
.card-ico-item:last-child{margin-bottom:0}
}
[lang="th"] #waytousecomp .sub-title{font-size:16px}
.carousel-wrap{position:relative}
.carousel-wrap .title.light{margin-top:80px}
.carousel-wrap .light{color:white}
.carousel-wrap .title-primary.light+.title.light{margin-top:40px}
@media only screen and (max-width:767px){.carousel-wrap .title.light{margin-top:40px}
.carousel-wrap .title-primary.light+.title.light{margin-top:20px}
}
.carousel-wrap .btn-white{margin-top:50px}
.carousel,.carousel-left{background:0}
.carousel>li.item{display:none}
.carousel>li.item:first-child{display:block}
@media only screen and (max-width:991px){.carousel,.carousel-left{padding:20px 0 20px 15px}
}
.carousel-wrap .carousel{padding-top:40px;margin:0 -15px}
@media only screen and (max-width:991px){.carousel-wrap .carousel{padding-top:20px;margin-left:0}
}
.carousel-wrap .carousel .slick-prev,.carousel-wrap .carousel .slick-next{top:40px}
@media only screen and (min-width:992px){.carousel .slick-slide{position:relative;opacity:.2}
.carousel .slick-slide:before{position:absolute;background:rgba(0,0,0,0.5);z-index:2;bottom:0;right:0;left:0;top:0}
.carousel .slick-slide.slick-visible,.carousel .slick-slide.slick-active{opacity:1}
}
.carousel .item{width:360px;transform:translateZ(0);margin:0 15px}
@media only screen and (max-width:991px){.carousel .item{width:300px;margin:0 10px}
}
@media only screen and (max-width:767px){.carousel .item{width:20rem;margin:0 10px}
}
.carousel .story{text-align:left;width:360px;height:360px}
@media only screen and (max-width:991px){.carousel .story{width:300px;height:300px}
}
@media only screen and (max-width:767px){.carousel .story{width:20rem;height:20rem}
}
.carousel.static-carousel{text-align:left;max-width:1240px;margin:0 auto;padding:40px 0 0;white-space:nowrap}
.carousel.static-carousel>li.item:first-child{display:inline-block}
.carousel.static-carousel::-webkit-scrollbar{display:none}
@media only screen and (max-width:1024px){.carousel.static-carousel{-webkit-overflow-scrolling:touch;overflow-y:hidden;overflow-x:auto}
}
@media only screen and (max-width:991px){.carousel.static-carousel{padding-left:5px}
}
.carousel.static-carousel .item{display:inline-block;margin:0 26px 0 0;white-space:normal}
.carousel.carousel-visible .slick-list{overflow:visible}
.carousel-left .slick-arrow{height:333px}
.carousel-left .slick-prev{left:-100px}
.carousel-left .item{width:42vw;max-width:555px;margin:0 15px;float:left}
.carousel-left .item:first-child{margin-left:0}
@media only screen and (max-width:991px){.carousel-left .item{margin:0 10px}
}
@media only screen and (max-width:767px){.carousel-left .item{width:240px}
}
@media only screen and (max-width:991px){.carousel-left{padding:0}
}
.main-img .slick-list{background-size:cover;background-repeat:no-repeat;background-position:center center}
@media only screen and (min-width:992px){.main-img .slick-list{width:1139px;height:480px}
}
@media only screen and (min-width:992px){.main-img .story{height:480px !important}
}
@media only screen and (min-width:768px) and (max-width:991px){.main-img .story{height:50vw;margin-bottom:15px}
}
@media only screen and (max-width:767px){.main-img .story{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px);margin-bottom:15px}
}
.tiny-img{height:100px}
.tiny-img .slick-slide{width:165px !important;min-height:100px;height:auto;cursor:pointer;opacity:.5}
.tiny-img .slick-slide:not(:last-child){margin-right:30px}
@media only screen and (max-width:991px){.tiny-img .slick-slide:not(:last-child){margin-right:15px}
}
.tiny-img .slick-slide:first-child{margin-left:-30px;opacity:1}
.tiny-img .slick-slide.slick-current{opacity:1}
.no-touch.desktop .tiny-img .slick-slide:hover{opacity:.8}
.tiny-img.no-padding-left{padding-left:0}
.requirements .rate-and-fee{padding-top:45px}
.requirements .rate-and-fee .sub-title-2{border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.requirements .rate-and-fee .sub-title-2:after{content:"\e90c";font-family:'icomoon' !important;float:right}
@media only screen and (max-width:767px){.requirements img{margin-top:15px}
}
.requirement-list .sub-title-2{padding:20px 0 10px}
.requirement-list ul{list-style:disc;padding-left:18px}
.requirement-list ol{list-style:decimal;padding-left:18px}
.requirement-list header ul{list-style:none;padding-left:0}
.requirement-list ul.nodot,.requirement-list ul.nodot ul{list-style:none;padding-left:0}
.requirement-list ul.nodot li li,.requirement-list ul.nodot ul li li{padding-left:18px}
.awards [data-tab-header]{padding:10px 0}
.awards [data-tab] .header{padding:15px 0 20px}
.contact-listing .info{display:block;margin-top:50px}
@media only screen and (max-width:1199px) and (min-width:992px){.contact-listing .info{height:calc((100vw - 120px)/3);height:-moz-calc((100vw - 120px)/3);height:-webkit-calc((100vw - 120px)/3);height:-o-calc((100vw - 120px)/3)}
}
.contact-listing .info .inner{background:rgba(0,0,0,0.6)}
.contact-listing .info .inner img{height:48px}
.contact-listing .info .inner .title{margin-bottom:15px}
@media only screen and (min-width:992px) and (max-width:1024px){.contact-listing .info .inner .title{margin:1.5rem 0 0}
}
@media only screen and (max-width:767px){.contact-listing .info .inner .title{margin:1.5rem 0 .5rem}
}
.contact-listing .info .inner .sub-title,.contact-listing .info .inner .title,.contact-listing .info .inner .link-primary,.contact-listing .info .inner .content{text-shadow:none}
.contact-listing .info .inner .btn-primary{position:absolute;bottom:2rem;left:2rem;padding:0 10px}
.contact-listing .info .inner .btn-primary:after{content:'';background:url(scb-design/images/icons/ic-arrow-more-white.svg) no-repeat 0 center;width:12px;height:100%;top:0;position:absolute;vertical-align:middle;opacity:0;margin-left:-17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop .contact-listing .info .inner .btn-primary:hover:after{opacity:1;margin-left:10px}
@media only screen and (max-width:767px){.contact-listing .info .inner .btn-primary{font-size:0;padding:0 25px;min-width:0}
.contact-listing .info .inner .btn-primary:after{font-size:1.7rem;margin-left:3px;opacity:1}
}
@media only screen and (max-width:991px){.contact-listing .info{margin-top:20px}
}
.share-this .link-default{line-height:1.39;float:left;text-decoration:none}
.head-office .share-this{padding:18px 0 0 30px;overflow:hidden}
.head-office .share-this .share-this-icons li a{color:#7a58bf;opacity:1}
.head-office .share-this .share-this-icons li a:hover{color:black}
@media only screen and (max-width:767px){.head-office .share-this{clear:both;padding:0 0 15px 0}
}
.corporate-detail-dark .head-office .share-this .link-default{opacity:1}
.corporate-detail-dark .head-office .share-this .share-this-icons li{padding:0 !important;margin:0 0 0 20px;float:none !important}
.corporate-detail-dark .head-office .share-this .share-this-icons li a{color:white;opacity:.5}
.corporate-detail-dark .head-office .share-this .share-this-icons li a:hover{color:white;opacity:1}
.corporate-detail-dark .head-office .clearfix.mar-top.mar-bot{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-ms-flex-wrap:wrap-reverse;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.corporate-detail-dark .head-office .clearfix.mar-top.mar-bot .col-sm-3{margin-bottom:30px}
.corporate-detail-dark .head-office a{color:white;opacity:.5}
.corporate-detail-dark .head-office a:hover{opacity:1}
.banner-wrap .share-this-icons li a:hover{color:white}
#search-modal{position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;overflow-y:auto;background-color:#462279;padding:30px 25px;display:none}
@media only screen and (max-width:991px){#search-modal{padding:10px}
}
#search-modal header{max-width:1300px;margin:0 auto;padding:0 30px;overflow:hidden}
@media only screen and (max-width:991px){#search-modal header{padding:10px 15px}
}
#search-modal .icon-close{font-size:31px;float:right}
#search-modal .logo{float:left}
#search-modal .search{border-bottom:1px solid rgba(255,255,255,0.2)}
#search-modal .search-input{overflow:hidden;color:white;position:relative;font:1rem 'sukhumvittadmai_bol'}
#search-modal .search-input .icon-search{color:white;position:absolute;right:0;font-size:2.15em;top:50%;margin-top:-0.5em;z-index:2;cursor:pointer;background:0;padding:0}
#search-modal .search-input .icon-search[disabled]{cursor:default;opacity:.2}
#search-modal .search-input input{padding:.5em 30px .5em 0;background-color:inherit;font-size:3em;width:100%;overflow:hidden;text-overflow:ellipsis}
#search-modal .search-input input::-webkit-input-placeholder{color:#b9abcd;font-weight:100}
#search-modal .search-input input::-moz-placeholder{color:#b9abcd;font-weight:100}
#search-modal .search-input input:-ms-input-placeholder{color:#b9abcd;font-weight:100}
@media only screen and (max-width:991px){#search-modal .search-input{font-size:.8rem}
}
@media only screen and (max-width:767px){#search-modal .search-input{font-size:.45rem}
}
@media only screen and (max-width:320px){#search-modal .search-input{font-size:.4rem}
}
#search-modal .no-result-list{margin-top:60px}
#search-modal .no-result-list .list-links ul li{display:block}
#search-modal .no-result-list .list-links ul li a{font-size:16px;color:white;line-height:2.38;letter-spacing:normal}
#search-modal .no-result-list .title{letter-spacing:1.5px;font-weight:normal;font-size:12px;color:rgba(255,255,255,0.2);text-transform:uppercase}
.search-result{margin:120px auto 0;max-width:946px}
.search-result .result-list .result{margin:30px 0}
.search-result .result-list .result .title{color:white;font-size:22px}
.search-result .result-list .result .title a:hover{text-shadow:0 0 5px rgba(255,255,255,0.5)}
.search-result .result-list .result .content{color:rgba(255,255,255,0.7);font-size:16px;line-height:1.5}
@media only screen and (max-width:480px){.search-result .result-list{padding:30px 0}
.search-result .result-list .result{margin:15px 0}
}
.result-list-menu ul{padding:20px 0 17px;white-space:nowrap}
@media only screen and (max-width:480px){.result-list-menu ul{overflow-x:auto}
}
.result-list-menu ul::-webkit-scrollbar{display:none}
.result-list-menu ul li{display:inline-block;margin-right:45px}
.result-list-menu ul li a{color:#7c66a6;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}
.result-list-menu ul li a.active{color:white;padding-bottom:5px;border-bottom:2px solid white}
.no-results{color:white;font-size:16px;line-height:1.5;padding:30px 0}
.no-results p strong{padding:0 5px}
.no-results .suggestion h3{padding:10px 0}
.no-results .suggestion li{margin-left:17px;list-style-type:disc}
.tab-details{border-bottom:1px solid #ededed;display:block}
.tab-details:before,.tab-details:after{display:table;content:""}
.tab-details:after{clear:both}
.tab-details.sticky{position:fixed;box-shadow:0 2px 5px rgba(0,0,0,0.08);background-color:white;z-index:10;width:100%;height:auto;border-bottom:0}
@media only screen and (max-width:991px){.tab-details .slick-track{width:100% !important;transform:none !important}
}
.tab-details [data-menu]{margin-right:55px;float:none}
.tab-details [data-menu]:last-child{margin-right:0}
.tab-details [data-menu] a{color:#767676;font-size:16px;line-height:21px}
@media only screen and (min-width:992px){.tab-details [data-menu]{display:table;float:left;height:60px}
.tab-details [data-menu] a{position:relative;display:table-cell;vertical-align:middle}
.tab-details [data-menu] a.active:before{content:'';height:2px;left:0;right:0;background:#7a58bf;position:absolute;bottom:0}
.mobile-tab-link,.mobile-anchor-link{display:none}
}
.tab-details ul.has-carousel{max-height:60px}
.tab-details ul.has-carousel [data-menu]{max-width:250px}
.tab-details ul.has-carousel .slick-list{overflow:visible}
[data-tab-header] .slick-prev:before,[data-tab-header] .slick-next:before,.tab-details ul.has-carousel .slick-prev:before,.tab-details ul.has-carousel .slick-next:before{opacity:1;background:transparent;box-shadow:none;font-size:14px}
[data-tab-header] .slick-prev,.tab-details ul.has-carousel .slick-prev{margin-left:-50vw;background:-ms-linear-gradient(left,white,transparent);background:-moz-linear-gradient(left,white,transparent);background:-o-linear-gradient(left,white,transparent);background:-webkit-linear-gradient(left,white,transparent);background:linear-gradient(to right,white,transparent)}
[data-tab-header] .slick-prev:before,.tab-details ul.has-carousel .slick-prev:before{left:20px}
[data-tab-header] .slick-prev:hover:before,.tab-details ul.has-carousel .slick-prev:hover:before{left:10px}
[data-tab-header] .slick-next,.tab-details ul.has-carousel .slick-next{margin-right:-50vw;background:-ms-linear-gradient(left,transparent,white);background:-moz-linear-gradient(left,transparent,white);background:-o-linear-gradient(left,transparent,white);background:-webkit-linear-gradient(left,transparent,white);background:linear-gradient(to right,transparent,white)}
[data-tab-header] .slick-next:before,.tab-details ul.has-carousel .slick-next:before{right:20px}
[data-tab-header] .slick-next:hover:before,.tab-details ul.has-carousel .slick-next:hover:before{right:10px}
.tab-details.about-tab [data-menu]{margin-right:40px}
@media only screen and (max-width:991px){.tab-details .inner-container{padding:0}
.tab-details .outer{padding:40px 15px;margin:0 -15px}
.tab-details .wrapper{padding:40px 15px}
.tab-details .wrapper .outer:first-child{margin-top:-40px}
.tab-details .wrapper.expand{border-bottom:1px solid #ededed}
.tab-details [data-menu],.mobile-tab-link,.mobile-anchor-link{display:block;padding:18px 15px 17px;border-bottom:1px solid #ededed;margin:0 -15px}
.mobile-tab-link{padding:15px 20px}
.mobile-anchor-link{padding:15px 20px;margin:0;font-size:16px;line-height:1.4}
.tab-details [data-menu] a{font-weight:normal;margin-left:20px}
.tab-details [data-menu] a.active{border-bottom:0}
.tab-details [data-menu] a.active:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.tab-details [data-menu] a:after,.mobile-tab-link:after,.mobile-anchor-link:after{content:"\e90c";font-family:'icomoon' !important;position:absolute;right:1rem}
.mobile-tab-link,.mobile-anchor-link{background:#fff;color:#767676}
.mobile-tab-link.active,.mobile-anchor-link.active{border-bottom:0;color:#7a58bf}
.mobile-tab-link.active:after,.mobile-anchor-link.active:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.mobile-tab-item{padding:40px 0}
}
@media only screen and (min-width:992px){.tab-details.multilines [data-menu]{max-width:160px;margin-right:40px}
}
@media only screen and (min-width:992px) and (max-width:1024px){.tab-details.multilines [data-menu]{margin-right:40px}
}
@media only screen and (max-width:320px){.tab-details.multilines [data-menu]{padding-left:30px}
.tab-details.multilines [data-menu] a{margin-right:30px;margin-left:0}
}
.rangeslider,.rangeslider__fill{display:block;border-radius:10px}
.rangeslider{background:#e8e8e8;position:relative}
.rangeslider--horizontal{height:8px;width:100%}
.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}
.rangeslider--disabled{filter:alpha(opacity=40);opacity:.4}
.rangeslider__fill{background:#7a58bf;position:absolute}
.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}
.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}
.rangeslider__handle{background:white;cursor:pointer;display:inline-block;width:32px;height:32px;position:absolute;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);border-radius:50%}
.rangeslider__handle:active,.rangeslider--active .rangeslider__handle{box-shadow:0 2px 20px 0 rgba(0,0,0,0.12)}
.rangeslider--horizontal .rangeslider__handle{top:-14px;touch-action:pan-y;-ms-touch-action:pan-y}
.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}
input[type="range"]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,0.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,0.9);box-shadow:0 0 8px rgba(255,0,255,0.9)}
.rangeslider-tooltip{border:1px solid #ccc;display:block;padding:0 5px;position:absolute;bottom:100%;margin-bottom:25px;margin-left:-47px;text-align:center;min-width:124px;white-space:nowrap;background:#30373b;border-radius:3px;color:#f2f2f2;line-height:35px;display:none}
.rangeslider-tooltip:before{content:" ";position:absolute;left:50%;bottom:-5px;margin-left:-5px;width:0;border-top:5px solid #30373b;border-right:5px solid transparent;border-left:5px solid transparent}
.rangeslider--active .rangeslider-tooltip{display:block}
.rangeslider__handle:hover+.rangeslider-tooltip{display:block}
.slider-calculator .range-slider{margin-top:22px;width:100%;position:relative}
.slider-calculator .range-value{margin-top:20px;font-size:1.231rem;overflow:hidden}
@media only screen and (max-width:991px){.slider-calculator .range-value{margin-bottom:20px}
}
.slider-calculator .slider-calculator-range{margin-top:50px;margin-bottom:50px}
@media only screen and (max-width:991px){.slider-calculator .slider-calculator-range{margin-top:0;margin-bottom:20px}
}
.slider-calculator .interest-rate{position:absolute;bottom:16px;right:30px;font-size:1.231rem}
@media only screen and (max-width:991px){.slider-calculator .custom-select{margin-bottom:30px}
}
@media only screen and (max-width:991px){.slider-calculator label{margin-bottom:10px}
}
@media only screen and (max-width:767px){.slider-calculator label{margin-bottom:0}
}
.slider-calculator .button-group{margin-top:30px}
@media only screen and (max-width:767px){.slider-calculator .text-medium{display:none}
}
.slider-calculator.big-slider .rangeslider--horizontal{height:40px;border-radius:24px;margin:0 0 0 13px;width:auto}
.slider-calculator.big-slider .rangeslider--horizontal:before{content:'';position:absolute;width:47px;height:100%;background:#e8e8e8;top:0;z-index:-1}
.slider-calculator.big-slider .rangeslider--horizontal:before{left:-13px;border-radius:24px 0 0 24px}
.slider-calculator.big-slider .rangeslider--horizontal .rangeslider__fill:after,.slider-calculator.big-slider .rangeslider--horizontal .rangeslider__fill:before{content:'';position:absolute;width:40px;height:100%;background:#7a58bf;top:0;border-radius:24px}
.slider-calculator.big-slider .rangeslider--horizontal .rangeslider__fill:before{left:-14px}
.slider-calculator.big-slider .rangeslider--horizontal .rangeslider__fill:after{right:-17px;border-radius:18px 24px 24px 16px}
.slider-calculator.big-slider .rangeslider--horizontal .rangeslider__handle{top:4px;margin-left:-6px;background:linear-gradient(#493474,#9063ec);background:-webkit-linear-gradient(#493474,#9063ec)}
.slider-calculator.big-slider .rangeslider-tooltip{background:white;color:#30373b;font-size:20px;padding:0 15px;line-height:50px}
.slider-calculator.big-slider .rangeslider-tooltip:before{border-top:5px solid white}
.calculator-result{position:relative;z-index:2;border:1px solid #dbdbdb;background:white;padding:30px 0;display:table;width:100%;margin:30px 0;text-align:center}
@media only screen and (max-width:767px){.calculator-result{padding:0;display:none}
}
.calculator-result .icon-info{position:relative;vertical-align:middle;margin-left:10px}
.calculator-result .icon-info span{display:none;background:#30373b;width:200px;border-radius:4px;color:white;font-size:12px;letter-spacing:1.5px;padding:15px;line-height:1.4;position:absolute;left:-90px;bottom:27px}
@media only screen and (max-width:375px){.calculator-result .icon-info span{left:auto;right:-32px}
}
.calculator-result .icon-info:hover:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #30373b;position:absolute;top:-9px;left:50%;margin-left:-6px}
.calculator-result .icon-info:hover span{display:block}
.calculator-result dl:not(:first-child){border-left:1px solid #f1f1f1}
@media only screen and (min-width:768px){.calculator-result dl{display:table-cell;width:33%}
}
@media only screen and (max-width:767px){.calculator-result dl{text-align:center;border-top:1px solid #f1f1f1;padding:30px 0;margin:0 30px}
}
.calculator-result dt .sub-title{color:#767676}
.calculator-result dd .amount{font:36px/44px 'Sukhumvittadmai_med';color:black;padding:10px 0 0}
[lang="th"] .calculator-result dd .amount{font-family:'Sukhumvittadmai_med'}
.quick-links{background:#7a58bf;border-radius:4px}
.quick-links .sub-title{padding:39px 30px 30px;color:white}
@media only screen and (max-width:991px){.quick-links .sub-title{margin-top:30px}
}
@media only screen and (max-width:767px){.quick-links .sub-title{padding:30px 20px 23px}
}
.quick-links .quick-links-list{border-top:1px solid rgba(237,237,237,0.2);overflow:hidden}
.quick-links .quick-links-list li{display:table;width:100%;border-bottom:1px solid rgba(237,237,237,0.2)}
.quick-links .quick-links-list li:last-child{border-radius:0 0 5px 5px}
.no-touch.desktop .quick-links .quick-links-list li:hover{background-color:#8b63dc}
.quick-links .quick-links-list li:active{background-color:#8b63dc}
.quick-links .quick-links-list a{padding:0 20px 0 30px;color:white;overflow:hidden;font-size:16px;line-height:22px;height:5.2rem;width:100%;vertical-align:middle;display:table-cell}
@media only screen and (max-width:767px){.quick-links .quick-links-list a{padding:0 20px}
}
.quick-links .quick-links-list .visual-img{width:30px;display:inline-block;text-align:center;margin-right:30px}
.quick-links .quick-links-list span:last-child{display:inline-block;vertical-align:middle;width:calc((100% - 70px));width:-moz-calc((100% - 70px));width:-webkit-calc((100% - 70px));width:-o-calc((100% - 70px))}
@media only screen and (min-width:992px) and (max-width:1024px){.quick-links .sub-title{padding:28px 30px 22px}
.quick-links .quick-links-list a{height:4.8rem}
}
.filter-block{color:#30373b;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);border-radius:4px;margin-top:30px;background-color:white;font-size:18px}
@media only screen and (max-width:991px){.filter-block{margin:0 0 15px}
}
.filter-block .icon{margin:0 30px 0 40px}
@media only screen and (max-width:767px){.filter-block .icon{margin:0 17px 0 23px}
}
.filter-block .content{overflow:hidden}
.filter-block .block{padding:25px 30px;border-left:1px solid #e5e5e5}
@media only screen and (max-width:767px){.filter-block .block{border:0;padding-top:25px;padding-bottom:5px}
}
.filter-block .block:first-child{padding-left:0;border-left:0}
.filter-block .custom-select{padding:0;width:200px;border:0}
.filter-block .custom-select:after{right:0}
.filter-block .custom-select .custom-text span{font-size:22px;font-stretch:condensed}
.filter-block .input-borrow{border-bottom:1px solid #d2d2d2;height:48px;font-size:22px;width:100%}
.filter-block .btn-primary{position:absolute;top:40px;right:40px}
.filter-block .btn-primary:after{content:'';background:url(scb-design/images/icons/ic-arrow-more-white.svg) no-repeat 0 center;width:12px;height:100%;top:0;position:absolute;vertical-align:middle;opacity:0;margin-left:-17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop .filter-block .btn-primary:hover:after{opacity:1;margin-left:4px}
@media only screen and (max-width:991px){.filter-block .btn-primary{font-size:0;padding:0 25px;min-width:0}
.filter-block .btn-primary:after{font-size:1.7rem;margin-left:0;opacity:1}
}
.filter-block .ui-datepicker{top:80px !important;left:0 !important;width:100%;padding:25px 30px;border:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.filter-block .ui-datepicker:before{content:"";width:0;height:0;display:block;border-left:8px solid transparent;border-right:9px solid transparent;border-bottom:10px solid white;position:absolute;top:-8px;right:15px;display:block}
.filter-block .ui-datepicker .ui-datepicker-header{height:34px;margin-bottom:20px;padding:0;border:0;background:0}
.filter-block .ui-datepicker .ui-datepicker-header select{display:block !important;background:#f0f2f4;padding:5px 10px;font-size:16px;float:left;border-radius:20px}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-year{float:right}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next{background:0;border:0;color:#000;top:0}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{display:none}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{content:"\e90c";font-family:'icomoon' !important;font-size:22px;position:absolute;top:0}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after{transform:rotate(90deg)}
.filter-block .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{transform:rotate(-90deg) translateY(7px)}
.filter-block .ui-datepicker .ui-state-default{width:34px;height:34px;margin:0 auto 5px;border-radius:30px;text-align:center;line-height:31px;padding:0;background:0;border:2px solid transparent}
.filter-block .ui-datepicker .ui-state-default.ui-state-highlight{border-color:#7a58bf}
.filter-block .ui-datepicker .ui-state-default.ui-state-active{color:#fff;background:#7a58bf}
.filter-block .ui-datepicker th{font-size:16px;font-family:Tahoma,Helvetica,Arial,sans-serif}
.filter-block .ui-datepicker table{margin-bottom:0}
.filter-block .ui-datepicker table td{background:0;border:0;text-align:center}
@media only screen and (max-width:767px){.filter-block .submit-filter{text-align:center;margin:0 15px;padding:15px 0}
.filter-block .submit-filter .btn-primary{position:static}
}
.multi-filter-item,.date-picker{position:relative;padding:15px 30px;cursor:pointer}
.multi-filter-item dt,.date-picker dt{font:14px 'sukhumvittadmai_bol'}
[lang="th"] .multi-filter-item dt,[lang="th"] .date-picker dt{font-family:'sukhumvittadmai_bol'}
.multi-filter-item:after,.date-picker:after{color:black;position:absolute;right:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.no-touch.desktop .multi-filter-item select,.no-touch.desktop .date-picker select{display:none}
.no-touch.desktop .multi-filter-item:hover:after,.no-touch.desktop .date-picker:hover:after{animation:wobble-vertical .75s alternate}
.multi-filter-item .text-selected,.date-picker .text-selected{font-size:16px;color:#767676}
.multi-filter-item .text-selected.selected,.date-picker .text-selected.selected{color:#7a58bf}
.multi-filter-item input[type=radio],.date-picker input[type=radio],.multi-filter-item .date,.date-picker .date{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%}
input[data-calendar]{z-index:1;cursor:pointer}
.promotion-filter{margin-top:0;position:relative;z-index:20;display:table;width:100%}
.promotion-filter:before,.promotion-filter:after{display:table;content:""}
.promotion-filter:after{clear:both}
@media only screen and (max-width:991px){.promotion-filter{margin-bottom:30px}
}
.promotion-filter .block{display:table-cell;padding:0}
@media only screen and (max-width:991px){.promotion-filter .block{display:block;width:100%}
}
.promotion-filter .custom-select{margin-bottom:-10px}
@media only screen and (max-width:991px){.promotion-filter .custom-select{margin-bottom:0}
}
.promotion-filter .custom-select:after{top:25%}
@media only screen and (max-width:991px){.promotion-filter .custom-select:after{top:50%}
}
.promotion-filter .custom-select .custom-text .text{font-size:16px;color:#b9b9b9;margin-top:-12px}
@media only screen and (max-width:991px){.promotion-filter .custom-select .custom-text .text{margin-top:0}
}
.market-filter{margin-top:32px}
.market-filter .block{width:100%;padding:0}
.market-filter .block .multi-filter-item{padding:15px 30px}
.filter-3{padding:25px 30px;display:table;width:100%;position:relative;z-index:30}
.filter-3 .icon{height:50px;width:57px;padding-right:30px;margin:0;float:none;transform:none}
.filter-3 .icon img{max-width:30px}
@media only screen and (max-width:767px){.filter-3 .icon{width:13vw}
.filter-3 .icon img{max-width:10vw}
}
.filter-3 .text-medium{float:left;margin-right:10px;line-height:normal}
.filter-3 .custom-select{width:200px;overflow:hidden;height:auto;line-height:normal;float:left}
.filter-3 .custom-select .custom-text span{font-size:18px;color:#7a58bf}
.filter-3 .custom-select:after{font-size:20px;color:#7a58bf}
.filter-3 .custom-select.width-1{width:250px}
.filter-3 .middle-block:last-child{text-align:right}
@media only screen and (max-width:767px){.filter-3{padding:20px 15px}
.filter-3 .custom-select{width:57vw;max-width:300px}
}
.filter-3 .vertical{padding:0 30px;width:25%;border-left:1px solid #e5e5e5}
.filter-3 .vertical .text-medium{float:none}
@media only screen and (max-width:767px){.filter-3 .vertical{display:block;width:100%;border:0;padding:0 10px;margin-top:10px}
}
.filter-3 .icon+.vertical{border-left:0;margin-top:0}
[data-filterpromotion].promotion-filter .block{width:33.333333%}
.reset-filter{color:black;font-size:16px}
.no-touch.desktop .reset-filter:hover{color:#7a58bf}
.reset-filter img,.reset-filter span{vertical-align:middle}
.reset-filter span{margin-left:10px}
@media only screen and (max-width:767px){.reset-filter span{display:none}
.reset-filter img{width:25px}
}
@media only screen and (min-width:768px){.submit-filter .reset-filter{text-align:center;margin-top:38px;float:right;margin-right:40px}
}
.tab-story-landing ul li{display:inline-block;padding:20px 0;margin-right:40px}
.tab-story-landing ul li a{color:#767676;font-size:16px}
.tab-story-landing ul li a.active{border-bottom:2px solid #7a58bf}
@media only screen and (max-width:991px){.tab-story-landing header{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
}
.tab-story-landing .btn-default{margin-top:50px}
.partners-image{display:table;table-layout:fixed}
@media only screen and (max-width:992px){.partners-image{margin-top:20px}
}
.partners-image>div{display:table-cell;vertical-align:middle;padding:0 15px;float:none;text-align:center}
@media only screen and (max-width:767px){.partners-image img{width:30vw}
}
.banner-fixed .thumb{background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner-center .item .thumb{height:350px}
.banner-center .middle-center-block h3{font-size:36px;line-height:1.22}
.banner-center .middle-center-block p{margin-top:15px;font-size:16px;line-height:1.5}
.banner-search .search-block{margin:20px 0}
.banner-wrap{position:relative}
.banner-wrap .middle-block{position:relative}
.banner-wrap.left .slick-dots{max-width:1140px;left:50%;margin-left:-575px;bottom:20px;text-align:left}
.homepage .banner-wrap.left .slick-dots{bottom:40px}
@media only screen and (max-width:1280px){.banner-wrap.left .slick-dots{left:27px;margin-left:2rem}
}
@media only screen and (max-width:991px){.banner-wrap.left .slick-dots{left:0;margin-left:10px}
}
.banner-wrap.right .slick-dots{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:auto;bottom:auto;top:50%;left:auto;right:3rem}
.banner-wrap.right .slick-dots li{border:2px solid transparent;padding:2px;border-radius:50%;margin:11px 0;display:block}
.banner-wrap.right .slick-dots li.slick-active{border-color:#69687e}
.banner-wrap.right .slick-dots li button{opacity:1;width:12px;height:12px}
@media only screen and (min-width:768px) and (max-width:1024px){.banner-wrap.right .slick-dots{right:15px}
}
@media only screen and (max-width:767px){.banner-wrap.right .slick-dots{right:50%;bottom:15px;top:auto;-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);transform:translate(0,50%)}
.banner-wrap.right .slick-dots li{margin:0 5px;display:inline-block;bottom:45px}
}
.banner-wrap.banner-product .slick-dots{text-align:left;margin-left:50px;bottom:30px}
@media only screen and (max-width:767px){.banner-wrap.banner-product .slick-dots{margin-left:30px}
}
.banner-wrap .sub-title{color:white;padding:0 0 15px;font-size:14px}
.banner-wrap .caption{color:white;font-size:1rem;padding:4rem 2rem;position:absolute;z-index:2;bottom:0;right:0;top:0;left:0;background:rgba(0,0,0,0.15);word-wrap:break-word}
@media only screen and (max-width:991px){.banner-wrap .caption{padding:0}
.banner-carousel .banner-wrap .caption{padding:0 0 2rem}
.banner-wrap.card .caption{padding:3rem 0 0}
.homepage .banner-wrap .caption{padding:0 0 5rem}
}
.banner-wrap .caption h2{font:4.16em/1.12 'sukhumvittadmai_bol';padding-bottom:15px}
[lang="th"] .banner-wrap .caption h2{font-family:'sukhumvittadmai_bol';line-height:1.25}
@media only screen and (max-width:767px){.banner-wrap .caption h2{font-size:46px}
}
.banner-wrap .caption .inner-container{display:table;width:100%;height:100%}
@media only screen and (min-width:1200px){.banner-wrap .caption .inner-container .intro,.banner-wrap .caption .inner-container .content{max-width:58vw}
.banner-wrap .caption .inner-container .content{font-size:17px}
.corporate-banking .banner-wrap .caption .inner-container .intro,.corporate-banking .banner-wrap .caption .inner-container .content{max-width:800px}
}
@media only screen and (max-width:1024px){.banner-wrap .caption .inner-container .content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
}
.banner-wrap .caption .inner-container .intro span{padding-left:10px}
.banner-wrap .item{position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%}
.banner-wrap .item .button-group{margin-top:3rem;text-align:left}
@media only screen and (min-width:768px) and (max-width:991px){.banner-wrap .item .button-group{margin-top:1rem}
}
.banner-wrap .item .button-group .btn{vertical-align:middle;float:none;display:inline-block}
.banner-wrap .item .button-group .btn+.btn{margin-left:1rem}
.banner-wrap .item .button-group .text-medium{display:inline-block;vertical-align:middle}
.banner-wrap .item .button-group .sub-title-2{margin-top:5px;margin-right:30px}
@media only screen and (min-width:768px){.banner-wrap .item .button-group .sub-title-2{float:left}
}
.banner-wrap .item .thumb{height:500px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}
@media only screen and (min-width:992px) and (max-width:1024px){.banner-wrap .item .thumb{height:45vw}
}
@media only screen and (min-width:768px) and (max-width:991px){.banner-wrap .item .thumb{height:52vw}
}
@media only screen and (max-width:320px){.banner-wrap .item .thumb{height:40rem}
}
@media only screen and (max-width:767px){.banner-wrap .item{height:auto}
.banner-wrap .item .thumb{overflow:hidden;max-height:none}
.banner-wrap.card .item .thumb{height:500px}
.banner-wrap .item .button-group{margin:2rem 0 0;overflow:hidden;padding-top:1px}
}
.banner-wrap [data-carousel-vertical] .item .thumb{height:690px}
@media only screen and (min-width:768px) and (max-width:1024px){.banner-wrap [data-carousel-vertical] .item .thumb{height:50vw}
}
@media only screen and (max-width:767px){.banner-wrap [data-carousel-vertical] .item .thumb{height:40rem}
}
.banner-wrap [data-carousel-vertical].move-up-content .middle-block{padding-bottom:140px}
.banner-wrap [data-carousel-vertical].move-up-content ~ .search-block{position:absolute;bottom:172px;width:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);margin:0}
@media only screen and (max-width:1024px){.banner-wrap [data-carousel-vertical].move-up-content .middle-block{padding-bottom:0}
.banner-wrap [data-carousel-vertical].move-up-content ~ .search-block{position:relative;bottom:auto;left:auto;margin:-32px auto 30px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@media only screen and (max-width:767px){.banner-wrap [data-carousel-vertical].move-up-content ~ .search-block{width:calc(100vw - 30px);width:-moz-calc(100vw - 30px);width:-webkit-calc(100vw - 30px);width:-o-calc(100vw - 30px)}
}
.banner-wrap .card-img{max-width:380px}
@media only screen and (min-width:768px){.banner-wrap .card-img{float:right;width:32%;margin-left:50px}
}
@media only screen and (max-width:991px){.banner-wrap .card-img{max-width:180px}
}
@media only screen and (max-width:767px){.banner-wrap .card-img{width:50%;margin-bottom:30px}
}
.banner-wrap .card-img img{margin-left:0;width:100%;transform:translateX(0);-webkit-transform:translateX(0);border-radius:15px}
.banner-wrap .desc{overflow:hidden;word-wrap:break-word;max-width:50vw;margin-bottom:30px}
@media only screen and (max-width:991px){.banner-wrap .desc{max-width:100%}
}
.banner-wrap .sub-title,.banner-wrap .intro,.banner-wrap .content,.banner-wrap .desc,.banner-wrap .share-this{text-shadow:0 1px 2px rgba(0,0,0,0.7)}
.banner-wrap .item.medium .thumb{height:28rem}
.banner-wrap .item.office-detail-banner .thumb{height:28rem}
@media only screen and (max-width:767px){.banner-wrap .item.office-detail-banner .thumb{height:40rem}
}
@media only screen and (max-width:767px){.banner-wrap.card .caption{padding-top:6rem}
.board-management .desc{margin-top:60%}
}
.board-management .item .thumb{background-position:center 0}
.banner-wrap .breadcrumb-outer{left:0;right:0;top:0;background-color:rgba(48,55,59,0.3);width:100%}
.banner-wrap .breadcrumb-outer .breadcrumb{background:transparent}
.banner-carousel .middle-block>*,.banner-carousel-vertical .middle-block>*,.banner-carousel .slick-dots,.banner-carousel-vertical .slick-dots{opacity:0;transform:translateY(200px);transition:all .5s}
.banner-carousel .content,.banner-carousel-vertical .content{transition:all .55s}
.banner-carousel .button-group,.banner-carousel-vertical .button-group{transition:all .6s}
.banner-carousel .slick-dots,.banner-carousel-vertical .slick-dots{transition:all .65s}
.banner-carousel .item,.banner-carousel-vertical .item{display:none}
.banner-carousel>.item:first-child,.banner-carousel-vertical>.item:first-child{display:block}
.banner-carousel .item.slick-active,.banner-carousel-vertical .item.slick-active{display:block}
.loaded .banner-carousel .item,.loaded .banner-carousel-vertical .item{display:block}
.loaded .banner-carousel .middle-block>*,.loaded .banner-carousel-vertical .middle-block>*,.loaded .banner-carousel .slick-dots,.loaded .banner-carousel-vertical .slick-dots{opacity:1;transform:translateY(0)}
[lang*='th'] .banner .title-1{padding-top:18px;line-height:1.3}
@media only screen and (max-width:767px){[lang*='th'] .banner .title-1{padding-top:12px}
}
.banner{height:690px;position:relative}
.banner:before,.banner:after{display:table;content:""}
.banner:after{clear:both}
.banner .caption{padding:4rem 2rem;position:absolute;z-index:2;bottom:0;right:0;top:0;left:0}
@media only screen and (min-width:768px) and (max-width:991px){}
@media only screen and (max-width:991px){.banner .caption .title-1{overflow:hidden;height:inherit;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.banner .caption .text-default{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
}
@media only screen and (max-width:767px){.banner .caption{padding:50px 0}
}
.banner .caption .desc{overflow:hidden;color:white;word-wrap:break-word;max-width:800px;margin-bottom:30px}
@media only screen and (min-width:992px){.banner .card{float:right;width:32%;margin-left:50px}
}
@media only screen and (max-width:991px){.banner .card{width:50%;margin-bottom:30px}
}
.banner .card img{width:100%;border-radius:10px;box-shadow:0 4px 10px 0 rgba(0,0,0,0.5)}
@media only screen and (max-width:1024px){.banner{height:auto}
.banner .caption{padding-bottom:120px;position:relative}
}
@media only screen and (min-width:768px){.banner .inner-container{display:table;width:100%;height:100%}
.banner .middle-block{display:table-cell;vertical-align:middle;padding:0 30px}
}
.banner .thumb{position:absolute;bottom:0;right:0;left:0;top:0;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .3s}
.check-list{background-color:inherit}
@media only screen and (max-width:767px){.check-list{margin-top:30px}
}
.check-list .title{margin-bottom:15px}
.check-list .list{margin-bottom:50px}
@media only screen and (max-width:1024px){.check-list .list{margin-top:30px;margin-bottom:30px}
}
.check-list .list li{font-size:16px;background:inherit;border-bottom:0;margin-bottom:20px}
.check-list .list li .icon{float:left}
.check-list .list li .text{line-height:1.5;margin-left:50px}
@media only screen and (max-width:991px){.check-list .list li .text{margin-left:30px}
}
.condition-requirements .list{margin-top:55px}
.speedy-details-items .list{margin-top:20px}
.solution-list{background-color:#FFF;border-radius:4px}
.solution-list .item{border-top:1px solid #f9f9fa;padding:30px 30px 10px;position:relative}
.solution-list .item:before{content:"";width:21px;height:5px;position:absolute;background-color:#f1f1f1;top:-3px;left:30px}
.solution-list .item:after{content:"";width:5px;height:21px;position:absolute;background-color:#f1f1f1;top:-11px;left:38px}
.solution-list .item:first-child{border-top:0}
.solution-list .item:first-child:before,.solution-list .item:first-child:after{display:none}
.solution-list .check-list p.black{margin-bottom:20px}
.solution-list .check-list .list{margin-bottom:0;margin-top:0}
.solution-list .check-list .list li .text{min-height:42px;font-size:14px;color:#959595}
@media only screen and (max-width:991px){.solution-list .check-list .list li .text{min-height:auto}
}
.prefer-lifestyle{position:relative}
.prefer-lifestyle .prefer-menu{position:absolute;top:120px;left:50%;z-index:10;margin-left:-570px}
.prefer-lifestyle .prefer-menu [data-tab-label]{display:none}
@media only screen and (max-width:1024px){.prefer-lifestyle .prefer-menu{left:30px;margin-left:0;width:43%}
}
@media only screen and (max-width:767px){.prefer-lifestyle .prefer-menu{width:auto;top:50px;left:15px;right:15px}
.prefer-lifestyle .prefer-menu [data-tab-label]{display:block}
}
@media only screen and (max-width:767px){.prefer-lifestyle .tab-container{position:relative}
.prefer-lifestyle .tab-container:after{content:"\e90c";color:#7a58bf;font-family:'icomoon' !important;position:absolute;top:21px;font-size:20px;right:10px;z-index:10}
}
@media only screen and (max-width:1024px){.prefer-lifestyle .tab-container{margin-top:30px}
}
.prefer-lifestyle .title-primary{max-width:446px;color:#fff}
.prefer-lifestyle .list-primary{max-width:330px;margin-top:70px;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (max-width:1024px){.prefer-lifestyle .list-primary{margin-top:0}
}
@media only screen and (max-width:767px){.prefer-lifestyle .list-primary{max-width:none}
.prefer-lifestyle .list-primary[data-has-label]{display:none}
.prefer-lifestyle .list-primary[data-has-label] li>a.active{display:none}
}
.prefer-lifestyle .list-primary li a,.prefer-lifestyle .list-primary .label-container a{height:66px;padding:0}
.no-touch.desktop .prefer-lifestyle .list-primary li a:hover,.no-touch.desktop .prefer-lifestyle .list-primary .label-container a:hover{background-color:#eee}
.prefer-lifestyle .list-primary li a:active,.prefer-lifestyle .list-primary .label-container a:active,.prefer-lifestyle .list-primary li a.active,.prefer-lifestyle .list-primary .label-container a.active{background-color:#eee}
.prefer-lifestyle .list-primary li a .visual-img,.prefer-lifestyle .list-primary .label-container a .visual-img{width:88px;text-align:center}
@media only screen and (max-width:375px){.prefer-lifestyle .list-primary li a .visual-img,.prefer-lifestyle .list-primary .label-container a .visual-img{width:73px}
}
.prefer-lifestyle .list-primary li a .text,.prefer-lifestyle .list-primary .label-container a .text{padding-right:15px}
@media only screen and (max-width:767px){.prefer-lifestyle .list-primary li:hover,.prefer-lifestyle .list-primary .label-container:hover{background-color:#eee}
.prefer-lifestyle .list-primary li.active,.prefer-lifestyle .list-primary .label-container.active{display:block;background-color:#eee}
}
.prefer-lifestyle .prefer-lifestyle-products{position:relative;z-index:0}
@media only screen and (min-width:992px){.prefer-lifestyle .prefer-lifestyle-products .inner{height:700px}
}
.prefer-lifestyle .prefer-lifestyle-products .thumb-bg{background:fixed;background-size:cover;background-repeat:no-repeat;background-position:center center;padding-left:50%;height:100%}
.prefer-lifestyle .prefer-lifestyle-products .thumb-bg .products{display:block;overflow:hidden;padding:140px 0 100px}
.prefer-lifestyle .prefer-lifestyle-products .thumb-bg .products .product{float:left;width:50%;margin:0}
@media only screen and (max-width:767px){.prefer-lifestyle .prefer-lifestyle-products .thumb-bg .products .product:nth-child(even) .item{float:right;margin-right:10px}
}
@media only screen and (max-width:767px){.prefer-lifestyle .prefer-lifestyle-products .thumb-bg{padding:15px}
.prefer-lifestyle .prefer-lifestyle-products .thumb-bg .products{padding:21rem 0 30px}
}
.prefer-lifestyle .prefer-lifestyle-products .item{margin:0 0 40px 0;width:210px;position:relative}
@media only screen and (max-width:991px){.prefer-lifestyle .prefer-lifestyle-products .item{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-o-calc(100% - 20px)}
}
.prefer-lifestyle .prefer-lifestyle-products .item .product-img{width:100%;border-radius:10px}
.prefer-lifestyle .prefer-lifestyle-products .item .check-icon{position:absolute;top:-14px;right:-10px;cursor:pointer}
.prefer-lifestyle .prefer-lifestyle-products .item .sub-title-2{margin-top:15px;color:#fff}
.prefer-lifestyle .prefer-lifestyle-products .product-compare p{color:#FFF}
.redeem .redeem-condition{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);margin-top:33px}
.redeem .redeem-condition:nth-of-type(1){margin-top:50px}
@media only screen and (max-width:991px){.redeem .redeem-condition:nth-of-type(1){margin-top:30px}
}
@media only screen and (max-width:991px){.redeem .redeem-condition{margin-top:20px}
}
.redeem .redeem-condition .row{padding:30px 15px;border-bottom:1px solid rgba(216,216,216,0.3)}
@media only screen and (min-width:768px){.redeem .redeem-condition .row{margin:0}
}
@media only screen and (max-width:991px){.redeem .redeem-condition .row{padding:15px}
.redeem .redeem-condition .row [class*='col-']{margin:15px 0}
}
.redeem .redeem-condition .row .text-medium{margin-left:30px;color:black}
.filter-reward-listing dl dt{float:left;width:70%}
.filter-reward-listing dl dd{text-align:right}
.filter-reward-listing .sub-title{padding-bottom:30px;border-bottom:1px solid #ededed}
.filter-reward-listing .title-block{padding:30px 0 20px}
.filter-reward-listing ul li{line-height:1.56;padding:10px 0;cursor:pointer}
.filter-reward-listing ul li.selected:after{background:url(scb-design/images/icons/ic-check-tiny.svg) no-repeat 0 center;content:'';vertical-align:middle;opacity:1;width:20px;height:20px;display:inline-block;position:absolute;right:20%}
.no-touch.desktop .filter-reward-listing ul li.selected:hover:after{background:url(scb-design/images/icons/ic-cross-tiny.svg) no-repeat 0 center;content:'';vertical-align:middle;opacity:1;margin-left:41%;width:20px;height:20px;display:inline-block;position:absolute;right:20%}
.filter-reward-listing ul li.selected:active{background:url(scb-design/images/icons/ic-cross-tiny.svg) no-repeat 0 center;content:'';vertical-align:middle;opacity:1;margin-left:41%;width:20px;height:20px;display:inline-block;position:absolute;right:20%}
.filter-reward-listing #slider-range{border:0;background-color:#e8e8e8;width:95%}
.filter-reward-listing #slider-range .ui-slider-range{background-color:#734fc2}
.filter-reward-listing #slider-range .ui-slider-handle{background:white;cursor:pointer;display:inline-block;width:32px;height:32px;position:absolute;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);border-radius:50%;border:0;top:-100%}
.filter-reward-listing .point-slider{margin:30px 0 40px 0}
.filter-reward-listing .point-slider input{background-color:inherit;width:50%;margin-top:15px;font-size:16px}
.filter-reward-listing .point-slider .pull-right{text-align:right}
.search-atm{border-radius:4px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);overflow:hidden;padding:10px}
.search-atm .btn-primary{float:right;height:44px}
.search-atm .btn-primary:after{content:'';background:url(scb-design/images/icons/ic-arrow-more-white.svg) no-repeat 0 center;width:12px;height:100%;top:0;position:absolute;vertical-align:middle;opacity:0;margin-left:-17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.no-touch.desktop .search-atm .btn-primary:hover:after{opacity:1;margin-left:4px}
@media only screen and (max-width:767px){.search-atm .btn-primary{font-size:0;padding:0 25px;min-width:0}
.search-atm .btn-primary:after{font-size:1.7rem;margin-left:0;opacity:1}
}
.search-atm input{color:#30373b;font-size:16px;line-height:44px;padding:0 10px;width:100%;height:44px;border:0}
.search-atm.cust-slct{padding:0}
@media only screen and (max-width:991px){.search-atm.cust-slct{margin:20px 0 20px}
}
.search-atm.cust-slct .custom-select{border:0;height:64px;line-height:64px}
.search-atm.cust-slct .custom-select span{color:#30373b}
.search-atm-select li a{padding:19px 14px}
.link-default.ic-service{display:inline-block;margin:30px 0;cursor:pointer}
.link-default.ic-service:before{content:'';width:22px;height:22px;display:inline-block;vertical-align:middle;background:url("scb-design/images/icons/ic-center.svg") no-repeat;background-size:contain;margin-right:16px;margin-top:-6px}
.no-touch.desktop .link-default.ic-service:hover{color:#000;text-decoration:none}
.link-default.ic-service.mobile{display:none}
@media only screen and (max-width:991px){.link-default.ic-service{display:none}
.link-default.ic-service.mobile{display:block;margin:30px 10px 0}
}
.gmap-container{margin-top:60px;border-radius:4px;background-color:#fff;position:relative}
.gmap-container .gmap{width:100%;height:600px}
.gmap-container>.row{display:flex}
@media only screen and (max-width:991px){.gmap-container{margin-top:30px;background:0}
.gmap-container>.row{display:block}
.gmap-container .gmap{height:calc((100vw - 30px));height:-moz-calc((100vw - 30px));height:-webkit-calc((100vw - 30px));height:-o-calc((100vw - 30px));margin-bottom:30px}
.gmap-container .map-info{background:#fff;border-radius:5px}
}
.gmap-container .col-sm-4{position:relative}
.locator-list{position:relative;height:100%}
.locator-list .list-header{margin-bottom:41px}
.locator-list .list-header li{display:inline-block;padding:20px 0;margin-right:30px}
.locator-list .list-header li a{font:16px/1.56 'sukhumvittadmai_bol';color:black}
[lang="th"] .locator-list .list-header li a{font-family:'sukhumvittadmai_bol'}
.locator-list .list-header li a.active{padding-bottom:5px;border-bottom:2px solid #7a58bf}
.locator-list .list{overflow:auto;max-height:600px;padding-bottom:40px;padding-top:30px}
.locator-list .list li{padding-bottom:30px;padding-left:50px;background:url("scb-design/images/icons/list-icon.svg") no-repeat;font-size:16px;line-height:1.5}
.locator-list .list li:last-child{padding-bottom:0}
.locator-list .list li h4.text-medium a{font-weight:bold}
.locator-list .list li p{margin:5px 0}
.locator-list .nearest{background-color:#feac00;font-size:1rem;color:white;padding:5px 15px;margin-left:10px;border-radius:14px}
.locator-list .locator-no-data-found{position:absolute;top:0;bottom:0;left:-15px;right:0;z-index:20;text-align:center}
.locator-list .locator-no-data-found:before{content:'';display:block;background:url("scb-design/images/icons/locator_nolist.svg") no-repeat center;height:70px;margin-top:90px}
.locator-no-data-found h4{margin:20px auto 10px;color:#000;font-size:1.231rem;font-family:'sukhumvittadmai_bol'}
.locator-no-data-found p{max-width:190px;margin:20px auto 10px}
.locator-detail{font-size:16px;padding:33px 20px 0 0;display:none}
.locator-detail .text-medium{color:black;position:relative}
.locator-detail .text-medium .open-hour{font-size:1rem;color:white;background-color:#89df7d;padding:5px 15px;margin-left:10px;border-radius:14px}
.locator-detail .header-block{margin-bottom:30px;padding-left:40px;position:relative}
.locator-detail .header-block .text-medium{color:#7a58bf}
.locator-detail .header-block .back-to-list{background:url(scb-design/images/icons/ic-back.svg) no-repeat 0 center;width:23px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-size:cover;cursor:pointer}
.locator-detail .contact-info{position:absolute;bottom:0;top:90px;overflow-y:auto;padding:0 40px 50px 0}
.locator-detail .contact-block{line-height:1.5;margin-bottom:20px;padding-left:40px}
.locator-detail .contact-block:last-child{margin-bottom:0}
.locator-detail .contact-block p{color:#767676;margin-top:10px}
.locator-detail .contact-block p a{color:#767676}
.locator-detail .contact-block .hours-list{padding-top:10px}
.locator-detail .contact-block .hours-list li{margin-bottom:5px}
.locator-detail .contact-block .hours-list li:last-child{margin-bottom:0}
.locator-detail .contact-block .hours-list span{line-height:1.88}
.locator-detail .contact-block .hours-list span.time{float:right}
.locator-detail.active{display:block}
.map-info{position:relative;max-height:600px;height:100%}
.map-info .inner-map{padding-bottom:50px}
@media only screen and (min-width:992px) and (max-width:1024px){.map-info{margin-left:-20px}
}
@media only screen and (max-width:991px){.map-info{padding-left:5vw;height:600px}
}
.map-info.active .locator-list{display:none}
.map-info.active .locator-detail{display:block}
.map-info:after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.load-wrap{position:relative}
.load-wrap:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;z-index:-1}
.load-wrap .loader{display:none}
.load-wrap.showload:before{opacity:.5;z-index:200}
.load-wrap.showload .loader{display:block;z-index:205}
.load-wrap.showload .loadbg{display:block;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;border-radius:5px}
.loadbg-wrap{position:relative}
.loadbg{display:none}
.loader{width:80px;height:80px;position:absolute;margin:-40px 0 0 -40px;left:50%;top:50%;background:url(scb-design/images/icons/ic-load.png) no-repeat center;animation:spin 1s linear infinite}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.thumb-map .inner{box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);background:white}
.thumb-map .title-2{border-bottom:1px solid #ededed;padding-bottom:20px;margin-bottom:30px}
.thumb-map .sub-title{margin-bottom:15px}
.thumb-map .item{padding:25px 30px;border-top:1px solid #f2f2f2}
.thumb-map .item:first-child{border-top:0}
.thumb-map .item a{color:#767676}
.thumb-map .sub-title-2{font-weight:bold;padding-bottom:5px}
.thumb-map .gmap{width:100%;height:240px;background-color:grey}
.content-paragraph{font-size:16px;line-height:1.5;margin-left:0}
.content-paragraph [class*="ParagraphComp"] ul,.content-paragraph [class*="ParagraphComp"] ol{margin-left:30px}
.content-paragraph .post-details:before,.content-paragraph .post-details:after{display:table;content:""}
.content-paragraph .post-details:after{clear:both}
.content-paragraph .post-details .point{position:static}
.content-paragraph .post-details .point .point-text{padding-top:4px;font-size:13px}
.content-paragraph blockquote{font-size:18px;font-weight:bold}
.content-paragraph blockquote:before,.content-paragraph blockquote:after{content:'"'}
.content-paragraph .text-medium{padding-bottom:10px}
@media only screen and (max-width:991px){.content-paragraph{margin-left:0;margin-bottom:50px}
}
.content-paragraph .list-default{margin-left:30px}
.content-paragraph .title-large{margin:10px 0 15px}
.content-paragraph .text-large{line-height:1.28}
.content-paragraph .date{font-size:14px;line-height:1.57;color:#999;margin-right:20px}
.content-paragraph .point{display:inline-block}
.content-paragraph .excerpt{font-stretch:condensed;line-height:1.64;color:black;font:bold 28px/36px 'sukhumvittadmai_bol'}
.content-paragraph .title{margin-top:50px}
.content-paragraph .title,.content-paragraph .title-2{margin-bottom:15px}
.content-paragraph .sub-title-2{margin:20px 0 10px}
.content-paragraph .content{max-width:100%;overflow-x:auto;margin-top:13px;font-size:16px;line-height:1.5;color:#767676}
.root .content ul:not(.share-this-icons),.root .content ol:not(.share-this-icons){margin-left:17px}
.root .content ul:not(.share-this-icons) li{list-style-type:disc;line-height:1.5}
.content-paragraph .content .inner-section .main-section{padding:50px 0;display:table}
.content-paragraph .content .inner-section .main-section .main-left{float:left;width:50%}
.content-paragraph .content .inner-section .main-section .main-right{float:right;width:45%}
.content-paragraph .content .inner-section .main-section .sub-title-2{margin:0}
.content-paragraph p:not(:first-child){margin-top:10px}
.content-paragraph ul:not(.share-this-icons),.content-paragraph ol:not(.share-this-icons){margin-left:30px;line-height:1.67em;padding:.5rem 0 0 20px}
.content-paragraph ul:not(.share-this-icons),.root .content ul:not(.share-this-icons){list-style-type:disc}
.content-paragraph li,.root .content li{padding:.2rem 0;font-size:16px;line-height:1.4}
.content-paragraph ol,.root .content ol{list-style-type:decimal}
.content-paragraph ol li,.root .content ol li{padding:.2rem 5px}
.content-paragraph table ul:not(.share-this-icons),.content-paragraph table ol:not(.share-this-icons),.content-paragraph table li{padding-top:0}
.content-paragraph .list-normal{margin:0}
.content-paragraph .list-normal li{list-style-type:none}
.content-paragraph table th,.content-paragraph table td{padding:15px;vertical-align:top}
.content-paragraph table td{vertical-align:top}
@media only screen and (max-width:767px){.content-paragraph table th,.content-paragraph table td{padding:15px 5px}
}
.content-paragraph table.has-shadow{box-shadow:0 2px 14px 0 rgba(0,0,0,0.13)}
.content-paragraph table.has-border{border:1px solid #f2f2f2}
.content-paragraph .new-paragraph{margin-top:30px}
.content-paragraph img{margin-top:40px}
.content-paragraph .list-primary a:hover{color:#7a58bf !important;background:none !important}
.content-paragraph .list-primary .visual-img img{margin-top:0}
.content-paragraph .link-list>li{display:inline-block;margin-right:30px;vertical-align:middle;line-height:1rem}
.content-paragraph .link-list>li:last-child{margin-right:0}
.content-paragraph .link-list .share-this a{text-decoration:underline;vertical-align:middle}
.content-paragraph .link-list .share-this .share-this-icons a{text-decoration:none}
.content-paragraph .link-list .share-this .share-this-icons a:hover{color:#906be0}
.content-paragraph .link-group .share-this{display:inline-block;vertical-align:top}
@media only screen and (min-width:768px) and (max-width:991px){.content-paragraph .link-group .share-this{margin-top:27px}
}
@media only screen and (max-width:767px){.content-paragraph .link-group .share-this{margin-top:15px}
}
@media only screen and (max-width:767px){.content-paragraph .link-group span{display:block}
}
.share-this.active .link-default{text-decoration:underline}
.share-this.active .share-this-icons{max-width:300px;visibility:visible}
.firefox52 .share-this.active .share-this-icons,.firefox53 .share-this.active .share-this-icons,.firefox54 .share-this.active .share-this-icons,.firefox55 .share-this.active .share-this-icons{overflow:visible;transition:all .1s ease 0}
.caption .share-this .link-default{color:white}
.share-this-icons{max-width:0;overflow:hidden;visibility:hidden;white-space:nowrap;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.share-this-icons li{margin-left:20px;display:inline-block}
@media only screen and (max-width:767px){.share-this-icons li{margin-left:14px}
}
.share-this-icons li a{font-size:16px;line-height:1.39;color:#dcdada}
.share-this-icons li a:before{font-size:1.7rem}
.share-this-icons li a:hover{color:black}
.promotion .title-2{margin-top:40px}
@media only screen and (max-width:991px){.glossary:first-child{padding-top:50px}
}
.glossary .title-primary{padding-bottom:0}
.glossary .content{margin-top:0;width:50%}
@media only screen and (max-width:991px){.glossary .content{width:100%}
}
.locator{background-size:cover;background-repeat:no-repeat;background-position:center center;color:white !important;position:relative}
.locator:before{content:'';position:absolute;bottom:0;right:0;top:0;left:0;background:rgba(0,0,0,0.5)}
.locator .inner-container{position:relative;z-index:2;padding:100px 30px}
.locator .inner-container .title-primary{color:white}
@media only screen and (min-width:992px){.locator .title-primary,.locator p{max-width:50%}
.locator .text-large{max-width:60%}
}
.locator .btn-white{margin-top:30px}
.locator.right{text-align:right}
@media only screen and (min-width:992px){.locator.right .title-primary,.locator.right p{max-width:auto;margin-left:50%}
}
.locator.center{text-align:center}
@media only screen and (min-width:992px){.locator.center .title-primary,.locator.center p{max-width:70%;margin:0 auto}
}
.calendar .inner-container{padding:0 30px}
.head-office .map-office{margin:50px 0 30px}
@media only screen and (min-width:1200px){.head-office .map-office{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1199px){.head-office .map-office{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.head-office .map-office{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.head-office .map-office{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.head-office .title-2{margin:15px 0 10px}
@media only screen and (max-width:767px){.head-office .title-2{margin-bottom:5px}
}
.head-office header .btn-default{float:right}
.head-office header [class*='title']{overflow:hidden}
.head-office header .title-uppercase{padding:13px 0 0}
.corporate-detail-dark{background-color:#393d44;color:#afafaf}
.corporate-detail-dark .wrapper{padding:0}
.corporate-detail-dark .tab-story-landing-list .wrapper .inner-container{max-width:none;padding:0 10px}
.corporate-detail-dark [data-tab] header{margin-bottom:50px}
.corporate-detail-dark [data-tab] header a{color:#fff;opacity:.5;text-transform:uppercase;font-size:14px}
.corporate-detail-dark [data-tab] header a:hover{color:#fff !important;opacity:1}
.corporate-detail-dark [data-tab] header a.active{color:#fff !important;opacity:1;font-weight:bold;border-color:#fff}
.corporate-detail-dark .title-primary,.corporate-detail-dark h3{color:#fff}
.corporate-detail-dark h3{display:block;margin-bottom:10px}
.corporate-detail-dark .link-default{color:#fff;font-size:18px;opacity:.5}
.corporate-detail-dark .link-default:hover{opacity:1}
.popular-questions .title-primary{padding-bottom:0}
.popular-questions .item{margin-top:50px;min-height:7rem}
@media only screen and (max-width:991px){.popular-questions .item{margin-top:20px;min-height:0}
}
.popular-questions .item .content{margin-top:10px}
.icon-pdf{background:url(scb-design/images/icons/pdf.svg) no-repeat 0 center}
.download-form{overflow:hidden}
.download-form .item{overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1)}
.download-form [class*='col-']:nth-child(1) .item,.download-form [class*='col-']:nth-child(2) .item{border-top:1px solid rgba(0,0,0,0.1)}
@media only screen and (max-width:767px){.download-form [class*='col-']:nth-child(2) .item{border-top:0}
}
.download-form a{overflow:hidden;font-size:16px;line-height:22px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;height:70px;display:table;width:100%;vertical-align:middle}
.download-form a>span{display:table-cell;height:100%;vertical-align:middle;padding-left:40px;position:relative;background:0}
.download-form a .icon-pdf:before{content:'';background:url(scb-design/images/icons/pdf.svg) no-repeat 0 center;width:30px;height:70px;display:inline-block;vertical-align:middle;position:absolute;top:0;left:1px}
.download-form a .icon-pdf:after{content:'';background:url(scb-design/images/icons/pdf-hover.svg) no-repeat 0 center;width:30px;height:70px;display:inline-block;vertical-align:middle;position:absolute;top:0;left:1px;opacity:0}
.download-form a>span span{color:#767676;font-size:14px;display:block;margin-top:8px}
.download-form a .text{font-size:14px;line-height:1.71;color:#767676}
.download-form a:hover{background:#7a58bf;color:white;padding-left:20px}
.desktop .download-form a:hover .icon-pdf:before{opacity:0}
.desktop .download-form a:hover .icon-pdf:after{opacity:1}
.desktop .download-form a:hover .text{color:white}
.desktop .download-form a:hover span{color:white}
.download-form a:active{background:#7a58bf;color:white;padding-left:20px}
.download-form a:active .text{color:white}
.download-form a:active span{color:white}
.download-form.date a{height:100px}
.download-form.image-bg{margin-top:40px}
.download-form.image-bg .item{border-bottom:1px solid white}
.download-form.image-bg [class*='col-']:nth-child(1) .item,.download-form.image-bg [class*='col-']:nth-child(2) .item{border-top:1px solid white}
.download-form.image-bg .icon-pdf{background:url(scb-design/images/icons/pdf-hover.svg) no-repeat 0 center}
.download-form.image-bg .icon-pdf:before,.download-form.image-bg .icon-pdf:after{content:none}
.download-form.image-bg a{color:white}
.no-touch.desktop .download-form.image-bg a:hover{background:transparent;padding-left:0}
.no-touch.desktop .download-form.image-bg a:hover span{text-decoration:underline}
.download-form.image-bg a:active{background:transparent;padding-left:0}
[data-slider-moving] .slick-list{overflow:visible}
.download{display:block;width:287px;max-width:80vw;box-shadow:0 2px 14px 0 rgba(0,0,0,0.13)}
.download .link{display:block}
.download .image{display:block;height:400px;background-size:cover;background-repeat:no-repeat;background-position:center center}
.download .caption{display:block;background:white;padding:25px 30px}
.download .caption [class*='title']{margin-bottom:10px}
.slider .download{margin-right:30px;margin-bottom:10px}
.slider .download:last-child{margin-right:0}
@media only screen and (max-width:991px){.slider .download{margin-right:15px}
}
.download:hover{opacity:.9}
.transfer-money{color:#30373b}
.currency-converter .transfer-money{padding-top:35px;padding-bottom:30px}
@media only screen and (min-width:992px) and (max-width:1199px){.currency-converter .transfer-money{padding-top:calc((100vw - 90px)/30);padding-top:-moz-calc((100vw - 90px)/30);padding-top:-webkit-calc((100vw - 90px)/30);padding-top:-o-calc((100vw - 90px)/30);padding-bottom:calc((100vw - 90px)/30);padding-bottom:-moz-calc((100vw - 90px)/30);padding-bottom:-webkit-calc((100vw - 90px)/30);padding-bottom:-o-calc((100vw - 90px)/30)}
}
.currency-converter .transfer-money .custom-select{border:0;font-size:16px;border-bottom:1px solid #ececec;padding:5px 0}
.currency-converter .transfer-money .custom-select:after{right:0}
@media only screen and (max-width:1024px){.currency-converter .transfer-money .custom-select.mar-bot{margin-bottom:15px}
}
.currency-converter .transfer-money .custom-select .custom-text span{color:#767676}
@media only screen and (max-width:767px){.transfer-money{padding-bottom:0}
}
.transfer-money .transfer-group{font-size:16px;border-bottom:1px solid #ececec;padding:5px 0;position:relative;margin:18px 0}
@media only screen and (min-width:1200px){.transfer-money .transfer-group{margin:30px 0}
}
.transfer-money .transfer-group input:not([type=radio]){font-size:inherit;float:left;width:calc(100% - 110px);width:-moz-calc(100% - 110px);width:-webkit-calc(100% - 110px);width:-o-calc(100% - 110px);margin-top:-5px;color:#767676}
.transfer-money .transfer-group input:not([type=radio]):valid{color:#7a58bf}
.transfer-money .transfer-group input:not([type=radio])::-webkit-input-placeholder{color:#767676}
.transfer-money .transfer-group input:not([type=radio])::-moz-placeholder{color:#767676}
.transfer-money .transfer-group input:not([type=radio]):-ms-input-placeholder{color:#767676}
.transfer-money .transfer-group input:not([type=radio]):-moz-placeholder{color:#767676}
.transfer-money .transfer-group .country-select{cursor:pointer;position:relative;display:inline-block;width:110px}
.transfer-money .transfer-group .country-select .currency-dropdown{position:absolute;top:30px;right:-2px;display:none;left:-10px;overflow-y:auto;border:1px solid #7a58bf;height:130px;border-radius:3px;z-index:2}
.transfer-money .transfer-group .country-select .currency-dropdown li{position:relative;padding:8px 2px 8px 6px}
.transfer-money .transfer-group .country-select .currency-dropdown li img,.transfer-money .transfer-group .country-select .currency-dropdown .flag-img{position:absolute;left:0;top:5px;margin:0}
.transfer-money .transfer-group .country-select .currency-dropdown li span{padding:0 0 0 17px;margin:0 0 0 10px;display:block}
.transfer-money .transfer-group .country-select .currency-dropdown li:after{display:none}
.transfer-money .transfer-group .country-select span{text-transform:uppercase;margin:0 0 0 17px;vertical-align:middle;text-align:left}
.transfer-money .transfer-group .country-select.style-1 span{margin-left:28px}
.transfer-money .transfer-group.full .country-select img,.transfer-money .transfer-group.full .country-select .flag-img{position:absolute;left:7px;top:12px;margin-left:0}
.transfer-money .transfer-group.full .currency-selected .flag-img{top:18px}
.transfer-money .transfer-group .country-select:not(.style-1):after{position:absolute;right:0}
.transfer-money .transfer-group.full{border:solid 1px #dbdbdb;height:50px;padding:0;border-radius:4px}
.transfer-money .transfer-group.full input:not([type=radio]){height:100%;padding:0 10px;margin-top:0;width:calc(100% - 118px);width:-moz-calc(100% - 118px);width:-webkit-calc(100% - 118px);width:-o-calc(100% - 118px)}
.transfer-money .transfer-group.full .country-select{background:#f4f4f4;line-height:45px;width:115px;float:right;text-align:right;padding:0 10px 0 0;position:relative}
.transfer-money .transfer-group.full .country-select .currency-selected:after{position:relative;right:0}
.transfer-money .transfer-group.full .country-select .list-currency{height:130px;overflow-y:auto;display:none;position:absolute;top:48px;width:120px;right:-2px;text-align:center;background-color:#fff;border:1px solid #7a58bf;border-radius:3px;z-index:21}
.transfer-money .transfer-group.full .country-select .list-currency .custom-checkbox{padding:9px 2px 9px 6px}
.transfer-money .transfer-group.full .country-select .list-currency a{color:#30373b;display:block}
.transfer-money .transfer-group.full .country-select .list-currency .custom-checkbox input[type=radio]{width:100%;height:100%;margin:0}
.currency-dropdown{background-color:white;border-radius:4px;width:120px;max-height:140px;overflow-y:scroll;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.currency-dropdown li{padding:10px}
.currency-dropdown li a{color:black}
.currency-dropdown li span{margin-left:10px}
.currency-dropdown li:first-child:after{position:relative;right:0}
.currency-dropdown li:hover span{color:#7a58bf}
.form-steps{width:100%;border:1px solid #d5d5d5;border-radius:4px;display:table;overflow:hidden;margin-bottom:40px;table-layout:fixed}
.form-steps li{display:table-cell}
.form-steps li:not(:last-child) span:before,.form-steps li:not(:last-child) span:after{content:'';display:block;position:absolute;right:-9px;top:-2px;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left:9px solid #f0f2f4;z-index:2}
.form-steps li:not(:last-child) span:after{border-left-color:#d5d5d5;right:-10px;z-index:1}
.form-steps li span{color:#767676;background:#f0f2f4;line-height:50px;font-size:16px;position:relative;display:block;text-align:center;padding-left:10px}
@media only screen and (max-width:320px){.form-steps li span{font-size:1.1rem}
}
.form-steps li.current span{color:#906be0;background-color:#f9f9fa}
.form-steps li.current span:before{border-left-color:#f9f9fa}
.application-form .input-currency{padding-left:50px}
@media only screen and (max-width:991px){.application-form .input-currency{padding-left:60px}
}
.application-form .btn-group{padding:0}
.application-form .btn-group .link-default{vertical-align:top;margin-top:15px}
.application-form .gender-group .custom-radio{margin-top:18px}
.application-form .table-striped td{word-break:break-all}
.application-form .table-striped td:first-child{width:30%}
.confirm-container{position:relative}
.form-loading{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.3)}
.tracking-number{border:1px dotted #979797;padding:15px 25px;display:inline-block;border-radius:4px;margin:30px auto;color:black;font-size:22px}
.successful{max-width:600px;margin:0 auto;text-align:center}
.successful.corporate{max-width:1200px}
.successful.corporate p{max-width:500px;margin:0 auto}
.input-container .col-sm-6:nth-child(2n+1){clear:both}
.form-result{background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);padding:30px;overflow:hidden;height:571px;position:relative}
@media only screen and (max-width:991px){.form-result{margin-top:30px;height:auto}
}
.form-result:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.5)}
.form-result .need-support{position:absolute;bottom:0}
.form-result .card{width:75%;max-width:240px;border-radius:10px;margin-top:20px}
.form-result .inner{position:relative;z-index:2;color:white;min-height:100%}
.form-result .inner *{color:white}
.form-result .inner .title{padding-bottom:20px}
.form-result .inner .sub-title{font-weight:100}
.form-result .inner sup{top:-13px;font:12px 'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif;letter-spacing:1px;font-weight:100;opacity:.7;margin-left:10px}
.form-result .inner sub{letter-spacing:1px;font-weight:100;margin-left:10px}
.form-result .inner .item{padding:15px 0}
.form-result .inner .item:nth-last-of-type(1){margin-bottom:30px}
.form-result .inner .result{font-size:28px;line-height:1.5;padding-top:5px}
.comparison-bar{background-color:#fff;box-shadow:0 -3px 6px 0 rgba(0,0,0,0.07);padding:25px 0 20px;position:fixed;bottom:0;left:0;right:0;z-index:10;display:none}
.comparison-bar .inner-container{display:table;width:100%}
.comparison-bar .comparing-block{overflow:hidden}
.comparison-bar .item{position:relative;display:table-cell;text-align:center;vertical-align:top;width:33.33%}
.comparison-bar .cards-chosen{display:table;width:100%}
.comparison-bar .card{width:95px;height:63px;position:relative;border:solid 3px #dadada;margin:0 auto 20px}
.comparison-bar .card img{height:45px;width:73px;margin:6px auto}
.comparison-bar .card .icon-close{display:block;background:#4d4d4d;border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;right:-9px;color:white;line-height:18px;font-size:8px;text-align:center;cursor:pointer}
.comparison-bar .card .icon-close:hover{background:#7a58bf}
.comparison-bar .card-title{font-size:14px;line-height:1.4;color:#3e3e3e;font-weight:100;padding:0 5px}
.comparison-bar .add-more-card{width:95px;height:63px;border:solid 3px #dadada;color:#30373b;text-align:center;line-height:55px;display:block;margin:0 auto;font-size:30px;cursor:pointer}
.comparison-bar .button-group .link-default{margin-top:13px;display:inline-block}
.comparison-bar .middle-block{width:22%}
@media only screen and (min-width:992px) and (max-width:1024px){.comparison-bar .middle-block:first-child{width:15%}
.comparison-bar .btn-primary{margin-right:15px}
}
@media only screen and (max-width:991px){.comparison-bar .middle-block{display:block;text-align:center;width:100%}
.comparison-bar .cards-chosen{padding:30px 0}
.comparison-bar .btn-primary{float:none}
}
@media only screen and (max-width:767px){.comparison-bar .card{width:60px;height:40px}
.comparison-bar .card img{height:26px;width:46px;margin:4px auto}
.comparison-bar .card-title{font-size:12px}
.comparison-bar .add-more-card{width:60px;height:40px;line-height:30px}
}
.list-more-cards{display:none;position:absolute;text-align:left;bottom:88px;left:50%;margin-left:-140px;width:280px;padding:10px 30px;border-radius:3px;background-color:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}
.list-more-cards li{padding:15px 0}
.list-more-cards:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;position:absolute;bottom:-6px;left:50%;margin-left:-6px;z-index:10}
.comparison-table{border-top:1px solid #ededed;margin-top:23px;margin-bottom:50px}
.comparison-table td{line-height:1.5;padding:20px 0 20px 10px;border:0;width:50%;vertical-align:top}
.comparison-table td:first-child{padding-left:0}
@media only screen and (min-width:992px){.comparison-table td{width:33.33%}
}
@media only screen and (max-width:991px){.comparison-table td:nth-child(3){display:none}
}
.card-comparison{margin:50px 0}
@media only screen and (max-width:991px){.card-comparison>.row [class*='col-']:nth-child(3n){display:none !important}
}
.card-comparison .card-stick{display:none;position:fixed;margin-top:0;left:0;width:100%;background-color:#FFF}
.card-comparison .card-stick [class*='title-']{line-height:1.6}
@media only screen and (max-width:991px){.card-comparison .card-stick [class*='title-']{font-size:20px}
}
@media only screen and (max-width:767px){.card-comparison .card-stick [class*='title-']{font-size:18px}
}
@media only screen and (max-width:480px){.card-comparison .card-stick [class*='title-']{font-size:14px}
}
@media only screen and (max-width:320px){.card-comparison .card-stick [class*='title-']{font-size:15px}
}
.card-comparison .card-stick .row{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.card-comparison .card-stick .stick-title{height:100%;padding:15px 0;border-bottom:2px solid #EEE}
.card-box{height:320px;background:#f0f2f4;position:relative;text-align:center;padding:30px}
@media only screen and (max-width:1024px){.card-box{padding:20px}
}
@media only screen and (max-width:767px){.card-box{height:auto;padding:15px 0}
.card-box .button-group-center{padding:15px}
.card-box .button-group-center [class*='btn']{display:block;margin:5px 0;min-width:auto;padding:0 10px}
}
.card-box .car-info{padding:30px 30px 15px}
@media only screen and (max-width:767px){.card-box .car-info{padding-left:20px;padding-right:20px}
}
@media only screen and (max-width:320px){.card-box .car-info{padding-left:15px;padding-right:15px}
}
.card-box .car-info .title-2{height:55px;line-height:1.25}
@media only screen and (max-width:991px){.card-box .car-info .title-2{font-size:20px}
}
@media only screen and (max-width:767px){.card-box .car-info .title-2{font-size:18px}
}
@media only screen and (max-width:320px){.card-box .car-info .title-2{font-size:20px}
}
.card-box .car-info img{width:155px;height:100px;border-radius:4px;margin-bottom:20px}
@media only screen and (max-width:767px){.card-box .car-info img{height:auto}
}
.card-box .icon-close{display:block;background:#4d4d4d;border-radius:50%;width:28px;height:28px;position:absolute;top:13px;right:13px;color:white;line-height:30px;font-size:13px;text-align:center;cursor:pointer}
.card-box .icon-close:hover{background:#7a58bf}
.box-more-card{position:relative}
.box-more-card .add-more-card{display:table;width:100%;text-align:center;height:320px;border:solid 3px #dadada;cursor:pointer}
.box-more-card .add-more-card span{font-weight:bold;font-size:23px;color:#30373b;line-height:1.5}
.box-more-card .list-more-cards{bottom:auto;top:50%;margin-top:50px}
.box-more-card .list-more-cards:before{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white;border-top:0;top:-10px;bottom:auto}
.card-box,.add-more-card{transition:all .5s ease}
.comparison-stick .card-comparison{position:fixed;top:83px;margin-top:0;left:0;width:100%}
.comparison-stick .card-comparison .row{max-width:1170px;margin:0 auto}
.comparison-stick .icon-close{display:none}
.comparison-stick .card-box,.comparison-stick .add-more-card{height:auto}
.comparison-stick .card-box{padding:2px 2px 3px;min-height:0}
.comparison-stick .card-box .car-info{padding:5px}
.comparison-stick .card-box .title-2{height:auto}
.comparison-stick .card-box .button-group-center,.comparison-stick .card-box img{display:none}
.comparison-stick .add-more-card{padding:0}
.comparison-stick .add-more-card .add-more-card-icon{display:none}
@media only screen and (max-width:767px){.comparison-stick .add-more-card{padding:0}
}
@media only screen and (max-width:767px){.comparison-stick .card-comparison{top:71px}
.comparison-stick .title-2{font-size:16px;line-height:1.5}
}
.big-boss{display:table;width:100%;background:white;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.big-boss .thumb{background-repeat:no-repeat;background-size:cover;background-position:center center;width:360px;height:360px;display:table-cell}
.big-boss .middle-block{padding:20px 30px}
.big-boss .title{margin-bottom:10px}
.big-boss .text-medium{margin-top:25px}
.profile-box{display:block;border-radius:4px;overflow:hidden;margin-top:30px}
@media only screen and (max-width:991px){.profile-box{margin-top:15px}
}
.profile-box .thumb{background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;z-index:0;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s}
@media only screen and (min-width:1200px){.profile-box .thumb{height:360px !important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.profile-box .thumb{height:317px}
}
@media only screen and (min-width:768px) and (max-width:991px){.profile-box .thumb{height:calc((100vw - 30px)/2);height:-moz-calc((100vw - 30px)/2);height:-webkit-calc((100vw - 30px)/2);height:-o-calc((100vw - 30px)/2)}
}
@media only screen and (max-width:767px){.profile-box .thumb{height:calc(100vw - 30px);height:-moz-calc(100vw - 30px);height:-webkit-calc(100vw - 30px);height:-o-calc(100vw - 30px)}
}
.profile-box .thumb:before{content:'';position:absolute;background:rgba(0,0,0,0.2);background:-webkit-radial-gradient(rgba(0,0,0,0.1) 33%,rgba(0,0,0,0.5) 88%);background:-moz-radial-gradient(rgba(0,0,0,0.1) 33%,rgba(0,0,0,0.5) 88%);background:-ms-radial-gradient(rgba(0,0,0,0.1) 33%,rgba(0,0,0,0.5) 88%);background:radial-gradient(rgba(0,0,0,0.1) 33%,rgba(0,0,0,0.5) 88%);top:0;right:0;left:0;bottom:0}
.profile-box .inner{position:absolute;z-index:2;bottom:25px;left:30px;right:30px}
.profile-box .inner .title-2{color:white}
.no-touch.desktop .profile-box:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,0.13)}
.no-touch.desktop .profile-box:hover .thumb{transform:translate3d(0,0,0) rotate(2deg) scale(1.1);-webkit-transform:translate3d(0,0,0) rotate(2deg) scale(1.1)}
.wrap-scrolling-x{overflow-x:auto;border-radius:4px}
.stock-market{background:#343f45;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (min-width:1200px){.stock-market{height:360px}
}
@media only screen and (min-width:992px) and (max-width:1024px){.stock-market{height:317px}
}
.stock-market td,.stock-market th{white-space:nowrap;border-bottom:1px solid #485257;background-color:#343f45}
.stock-market td:last-child,.stock-market th:last-child{text-align:right}
.stock-market th{color:white;padding-top:28px;padding-bottom:23px}
.stock-market th:not(:first-child){text-align:right}
.stock-market .default-wrap{border-radius:0 0 4px 4px}
.stock-market td{white-space:nowrap;color:rgba(255,255,255,0.8)}
.stock-market td span{display:inline-block;vertical-align:middle}
.stock-market td .up,.stock-market td .down{margin-right:10px}
@media only screen and (max-width:1024px){.stock-market td,.stock-market th{padding:17px 20px}
.stock-market th{padding-top:20px;padding-bottom:18px}
.stock-market .default-wrap{padding:17px 20px}
}
@media only screen and (max-width:320px){.stock-market td{font-size:15px}
}
.stock-market.light{background-color:white}
.stock-market.light td,.stock-market.light th{border-bottom:1px solid #f2f2f2;color:black;background-color:white}
.down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid #f16e6b}
.down.small{border-top-width:6px}
.up{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #89df7d}
.up.small{border-bottom-width:6px}
.up,.down{width:0;height:0;display:inline-block}
.up.small,.down.small{margin-right:3px;border-left-width:4px;border-right-width:4px}
.editor-section{background-color:white}
@media only screen and (max-width:991px){.editor-section{margin-bottom:0}
}
.editor-section img{margin-top:0}
.editor-section blockquote{font-size:28px;line-height:1.6}
.editor-section .author{font:bold 28px/1.6 'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif}
.editor-section .title{margin-top:0;font-family:'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif}
.editor-section .inner-section{padding:50px 130px;background-color:#eeece7;position:relative;z-index:2}
.editor-section .inner-section:first-child{padding:130px 130px 50px}
@media only screen and (max-width:991px){.editor-section .inner-section{padding:50px}
.editor-section .inner-section:first-child{margin:0 auto;padding:50px}
}
.editor-section .inner-section .content{color:#746c56}
.editor-section .inner-section .main-section{padding-top:50px;padding-bottom:20px;display:table}
.editor-section .inner-section .main-section .main-left{float:left;width:50%}
.editor-section .inner-section .main-section .main-right{overflow:hidden;padding-left:20px}
@media only screen and (max-width:991px){.editor-section .inner-section .main-section .main-right{width:100%;margin-top:30px}
.editor-section .inner-section .main-section .main-left{width:100%}
}
.editor-section .inner-section .main-section .sub-title-2{margin:0}
.editor-section .social-icons{position:absolute;right:75px;top:75px}
.editor-section .social-icons a{display:inline-block;margin-left:25px;color:#b1b1b1;font-size:31px;transition:all .3s}
.editor-section .social-icons a:hover{color:black}
@media only screen and (max-width:991px){.editor-section .social-icons{right:30px;top:30px}
.editor-section .social-icons a{font-size:20px}
}
.editor-section .sub-section{padding:50px 130px;background-color:#eeece7}
.image-caption img{width:100%}
.image-caption .caption{margin:0 auto;max-width:1200px;background-color:#eeece7}
.image-caption .caption.clear{background-color:inherit}
.image-caption .caption .text{font-size:14px;line-height:1.64;color:#949494;margin-top:20px;padding:20px 172px 0;margin:0 auto}
@media only screen and (max-width:991px){.image-caption .caption .text{padding:20px;font-size:12px}
}
.advisory-pro-finance-details .description{margin-top:50px}
.advisory-pro-finance-details .description p{line-height:1.5;font-size:18px}
.description{margin-top:50px;font-size:18px;line-height:1.28;color:#746c56}
.award-list{margin:50px 0}
.award-list li{font-size:1.384rem;font-weight:bold;line-height:2.28;color:#746c56}
.timeline{margin-top:20px}
.timeline li{width:100%;position:relative}
.timeline li:before{content:'';position:absolute;top:20px;bottom:-7px;left:11px;width:2px;background:#ededee}
.timeline li:after{content:"";display:table;clear:both}
.timeline li:last-child:before{background-color:transparent}
.timeline .entry{margin-left:42px;padding-bottom:15px}
@media only screen and (min-width:992px){.timeline .entry{min-height:88px}
}
.timeline .entry:before{display:table-cell;vertical-align:middle;height:24px;width:24px;border:3px solid #7a58bf;border-radius:50%;content:"";position:absolute;left:0;top:-3px}
.timeline .entry:after{content:"";display:table-cell;vertical-align:middle;height:12px;width:12px;background:#7a58bf;border-radius:50%;position:absolute;left:6px;top:3px}
.timeline .entry .content{line-height:1.5}
.timeline .entry .sub-title-2{margin:10px 0}
@media only screen and (min-width:992px){.multiple-choices{width:60%}
}
.multiple-choices .title-2{margin-bottom:20px;margin-top:40px}
.multiple-choices .custom-radio{padding-bottom:10px;padding-top:10px}
.multiple-choices .custom-radio span{width:20px;height:20px}
.multiple-choices .custom-radio input:checked+span{border-width:5px}
.list-plan{overflow:hidden}
@media only screen and (min-width:992px){.list-plan{display:table;width:100%;margin:0 -15px}
.list-plan .col{display:table-cell;vertical-align:top;width:20%;height:100%}
}
@media only screen and (max-width:1024px){.list-plan{margin:0 -7px}
}
@media only screen and (min-width:768px) and (max-width:991px){.list-plan{display:flex;flex-wrap:wrap}
.list-plan .col{float:left;width:33.33%;margin-bottom:15px}
}
@media only screen and (max-width:767px){.list-plan .col{margin-bottom:15px}
}
.banner-planning .middle-block{display:block;margin-top:3rem}
.list-result{text-align:center;position:relative;z-index:10;transform:translateY(-50%);margin:0 -15px -140px}
.list-result .col{width:280px;display:inline-block;height:100%;vertical-align:top}
.list-result .custom-radio-thumb{height:300px}
.list-result .custom-radio-thumb .visual-icons{height:52px}
.list-result .custom-radio-thumb sup{top:-11px;left:10px;font-size:60%}
.list-result .custom-radio-thumb .sub-title-1{min-height:4rem;letter-spacing:1.5px;color:rgba(0,0,0,0.75);margin-top:10px}
.list-result .custom-radio-thumb .inner{padding-left:20px;padding-right:20px}
@media only screen and (max-width:1024px){.list-result{margin:0 -7px -140px}
.list-result .outer{display:flex;justify-content:center}
.list-result .col{max-width:241px;min-width:241px;height:auto}
.list-result .custom-radio-thumb{height:100%}
}
@media only screen and (max-width:991px){.list-result{overflow-x:auto;max-width:1015px;margin:0 0 -125px 8px}
}
@media only screen and (min-width:768px) and (max-width:991px){.list-result .outer{display:block;white-space:nowrap;margin:0 8px 0 0}
.list-result .custom-radio-thumb{white-space:normal;height:280px}
}
@media only screen and (max-width:767px){.list-result .outer{margin-right:8px;justify-content:flex-start}
}
.registration-steps{background-color:transparent}
@media only screen and (min-width:992px){.registration-steps ul{text-align:center;display:table;width:96%;margin:0 auto}
}
@media only screen and (max-width:991px){.registration-steps ul{text-align:left}
}
@media only screen and (min-width:992px){.registration-steps li{display:table-cell;vertical-align:middle;vertical-align:top;width:15%;padding:0 5px}
}
@media only screen and (max-width:991px){.registration-steps li{width:100%;position:relative}
.registration-steps li:after{content:'';position:absolute;left:25px;width:1px;top:115px;bottom:-141px;background:#7a58bf}
.registration-steps li:last-child:after{display:none}
}
.registration-steps li:last-child .item .line{display:none}
.registration-steps .item{display:block;width:90%}
.registration-steps .item .visual-img{height:60px}
.registration-steps .item .sub-title-2{margin-bottom:10px}
.registration-steps .item .step{display:block;text-align:center;background-color:white;margin:30px auto 20px;width:30px;height:30px;line-height:26px;border-radius:50%;border:2px solid #7a58bf}
.registration-steps .item .line{border-bottom:2px solid #7a58bf;position:relative;margin-left:54%;top:-35px;width:106%;display:block}
@media only screen and (max-width:991px){.registration-steps .item{margin:50px 0 0 60px;width:auto}
.registration-steps .item .sub-title-2{margin:30px 0 20px}
.registration-steps .item .step{position:absolute;left:10px;margin:25px auto}
.registration-steps .item .line{display:none}
}
@media only screen and (min-width:992px){.link-reference{float:right;width:30%;padding-left:30px}
}
.index{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
@media only screen and (min-width:992px){.index.sticky{position:fixed;top:90px;z-index:8}
.index.stick-bottom-index{position:absolute;bottom:0;top:inherit}
}
.index .list-normal li.active a{font-weight:bold;color:black}
.index .list-normal li:not(.active) a.active{color:#767676;font-weight:normal}
@media only screen and (max-width:991px){.index .list-normal li li.active a{font-weight:normal;color:#767676}
}
.index-glossary{margin-top:20px;margin-left:55%;width:100%}
@media only screen and (max-width:991px){.index-glossary{left:0;margin-top:0;margin-left:0;padding:15px;position:absolute;background-color:white;overflow:scroll;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
}
.index-glossary.stick-bottom-index{position:absolute;bottom:0;top:inherit}
@media only screen and (min-width:992px){.index-glossary.stick-bottom-index{margin-left:45%}
}
@media only screen and (min-width:768px) and (max-width:1024px){.index-glossary.stick-bottom-index{margin-left:55%}
}
.index-glossary.sticky{top:180px;width:100%;position:fixed;z-index:1}
@media only screen and (min-width:992px){.index-glossary.sticky{margin-left:45%}
}
@media only screen and (min-width:768px) and (max-width:1024px){.index-glossary.sticky{margin-left:55%}
}
@media only screen and (max-width:991px){.index-glossary.sticky{background-color:white;top:66px;margin-top:0;margin-left:0;padding:15px;overflow:scroll;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
}
.index-glossary li{display:inline-block}
.index-glossary li.active a{color:black}
.index-glossary li.disable a{color:#b6b6b6}
.index-glossary li a{color:#b6b6b6;font:bold 23px 'sukhumvittadmai_bol'}
[lang="th"] .index-glossary li a{font-family:'sukhumvittadmai_bol'}
.risk-table{display:table;width:100%;border-bottom:1px solid #f4f4f4}
.risk-table .left-bgd,.risk-table .right-bgd{background:white;width:50%;float:left;position:relative;height:20px}
.risk-table .inner{background:white;padding:20px;height:100%;overflow:hidden;width:100%}
.risk-table .sub-title-1{color:rgba(0,0,0,0.75);height:50px}
.risk-table .visual-icon{margin:40% 0 30px;height:60px}
.risk-table .visual-icon img{vertical-align:bottom}
.risk-table .title-primary{position:absolute;bottom:0;right:20px;left:20px}
.risk-table li{display:table-cell;vertical-align:top;width:20%;height:400px;position:relative;border-left:1px solid #f4f4f4;text-align:center}
.risk-table li:first-child{border-left:0}
.risk-table li.active .inner{background-color:#d7ccf8}
.risk-table li.active .left-bgd,.risk-table li.active .right-bgd{background:#d7ccf8;width:44%}
.risk-table li.active .left-bgd:before,.risk-table li.active .right-bgd:before{content:'';width:0;height:0;border-style:solid;position:absolute}
.risk-table li.active .right-bgd{float:right}
.risk-table li.active .left-bgd:before{border-width:20px 0 0 20px;border-color:transparent transparent transparent #d7ccf8;right:-20px}
.risk-table li.active .right-bgd:before{border-width:0 0 20px 20px;border-color:transparent transparent #d7ccf8 transparent;left:-20px}
@media only screen and (max-width:991px){.risk-table li{height:320px}
.risk-table .visual-icon{margin-top:15%}
}
@media only screen and (max-width:767px){.risk-table{width:100%;border-bottom:1px solid #f4f4f4;overflow-x:auto;display:block}
.risk-table ul{overflow:hidden;white-space:nowrap;width:1000px}
.risk-table li{white-space:normal;float:left}
}
.donut{padding:80px}
.donut .animation path.circle-back{stroke-width:60px;fill:none}
.donut .animation path.circle-front{stroke:#7a58bf;stroke-width:60px;fill:none}
.donut path.circle-back{fill:#f2f2f2}
.donut path.circle-front{fill:#7a58bf}
.donut-chart .entries{padding:120px 0}
.donut-chart .entries span{display:table-cell;vertical-align:middle}
.donut-chart .entries .entry{border-bottom:1px solid #e6e6e6;padding:15px 30px;display:table;width:100%}
.donut-chart .entries .entry:first-child{border-top:1px solid #e6e6e6}
.donut-chart .entries .entry .color{width:25px;height:25px}
.donut-chart .entries .entry .color.purple{background-color:#7a58bf}
.donut-chart .entries .entry .color.taro{background-color:#f0f2f4}
.donut-chart .entries .entry .sub-title{padding-left:35px}
@media only screen and (max-width:991px){.donut-chart .entries{padding:60px 0}
.donut-chart .entries .entry{padding:15px}
.donut-chart .entries .entry .sub-title{padding-left:15px}
}
@media only screen and (max-width:767px){.donut-chart .entries{padding:0 0 30px}
.donut-chart .entries .entry{padding-left:0;padding-right:0}
}
.donut-chart .data-block{width:24%;display:inline-block;padding-left:77px}
@media only screen and (min-width:992px){.donut-chart .data-block:first-child{padding-left:0}
}
.donut-chart .data-block dl{border-right:1px solid #d8d8d8}
.donut-chart .data-block dl .title-large.percent{position:relative}
.donut-chart .data-block dl .title-large.percent:after{position:absolute;top:-16px;color:#9b9b9b;font-size:16px;margin-left:10px;content:'%'}
.donut-chart .data-block dt{font-weight:bold}
.donut-chart .data-block:last-child dl{border-right:0}
@media only screen and (max-width:991px){.donut-chart .data-block{width:49%;margin:10px 0}
.donut-chart .data-block:nth-child(2) dl,.donut-chart .data-block :nth-child(4) dl{border-right:0}
.donut-chart .data-block:nth-child(3),.donut-chart .data-block :nth-child(4){margin-top:20px}
.donut-chart .data-block dl{border-right:1px solid #d8d8d8}
.donut-chart .data-block dl .title-large.percent:after{position:absolute;top:0;font-size:12px}
}
@media only screen and (max-width:767px){.donut-chart .data-block{padding-left:0;width:100%;display:block;margin:0 0 25px}
.donut-chart .data-block dl{border:0}
}
.corporate-banking .txt-purple,.corporate-banking #header .right-header .icons,.corporate-banking .right-header .language li a:active,.corporate-banking .no-touch.desktop .right-header .language li a:hover,.corporate-banking .language li,.corporate-banking .digital-menu ul a:hover,.corporate-banking .search-block.small .icon-search:hover:before,.corporate-banking .requirements header a.active,.corporate-banking .no-touch.desktop .requirements header a:hover,.corporate-banking .requirements .rate-and-fee .sub-title-2,.corporate-banking .share-this-icons.txt-purple a,.corporate-banking .no-touch.desktop .tab-details [data-menu] a:hover,.corporate-banking .tab-details [data-menu] a.active,.corporate-banking .no-touch.desktop .tab-story-landing ul li a:hover,.corporate-banking .tab-story-landing ul li a.active,.corporate-banking .filter-reward-listing dl dd a,.corporate-banking .filter-reward-listing ul li:hover,.corporate-banking .filter-reward-listing ul li.selected,.corporate-banking .risk-table .title-primary,.corporate-banking .risk-table li,.corporate-banking .risk-table li.active .sub-title-1{color:#8274a2}
.corporate-banking #footer{background-color:#FFF}
.corporate-banking #footer a{color:#4e2a81}
.corporate-banking #footer a:hover{color:#7a58bf !important}
.corporate-banking #footer .group-link .title{color:#000}
.corporate-banking #footer .social-sharing a{color:#4e2a81}
.corporate-banking #footer .copy-right{color:#646464}
.dropdown-filter{background-color:white;padding:15px;position:absolute;top:100%;left:0;right:0;margin-top:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.07);display:none}
.dropdown-filter li{width:50%;float:left;padding:15px 0 15px 9px;height:63px}
.dropdown-filter li a{color:#7a58bf;display:table;width:100%}
.dropdown-filter li a span{display:table-cell;vertical-align:middle}
.dropdown-filter li a span:last-child{margin-left:15px;font-size:20px}
.dropdown-filter li .visual-img{width:55px;padding-right:15px;text-align:right}
@media only screen and (max-width:991px){.dropdown-filter li{float:none;width:auto;padding-left:0;padding-right:0}
.dropdown-filter li a span:last-child{font-size:19px}
}
.dropdown-filter:before{content:'';position:absolute;left:57%;top:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white}
.dropdown-filter.active{display:block}
.plan-table{overflow-x:auto;overflow-y:hidden}
.plan-table .inner{display:block;width:100%;margin:0 -15px;white-space:nowrap}
.plan-table .plan{display:inline-block;width:285px;height:100%;padding:0 15px;border-radius:4px;white-space:normal}
.plan-table .plan img{width:100%;height:161px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.plan-table .plan table{box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
.plan-table .plan th{background-color:#30373b;color:#fff;padding:0 20px;height:50px}
.plan-table .plan th .sub-title{color:white}
.plan-table .plan tr:nth-child(even){background-color:#fff}
.plan-table .plan tr:nth-child(odd){background-color:#f9f9fa}
.plan-table .plan td{color:#767676;height:60px;padding:0 20px;line-height:1.4}
.plan-table .plan:first-child{vertical-align:top;padding-top:161px}
.plan-table .plan:first-child table td{color:black}
.plan-table .plan button{width:100%}
@media only screen and (max-width:767px){.plan-table .plan{padding-top:0;vertical-align:top;width:50%}
.plan-table .plan:first-child{padding-top:0}
}
@media only screen and (max-width:991px){.plan-table{overflow-x:auto}
.plan-table .inner{display:block;white-space:nowrap;margin:0 -7px}
.plan-table .plan{display:inline-block;white-space:normal;width:300px;padding:0 7px}
.plan-table .plan td{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width:360px){.plan-table .plan{width:75vw}
.plan-table .plan td{height:73px}
}
[data-tab] header{padding:10px 0}
[data-tab] header:before,[data-tab] header:after{display:table;content:""}
[data-tab] header:after{clear:both}
[data-tab] header li{float:left;margin-right:30px}
[data-tab] header li:last-child{margin-right:0}
[data-tab] header a{color:black;font:16px 'Sukhumvittadmai_med'}
[lang="th"] [data-tab] header a{font-family:'Sukhumvittadmai_med'}
[lang="th"] .tab-fullwidth [data-tab] header a{font-family:'Sukhumvittadmai',Tahoma,Helvetica,Arial,sans-serif}
[data-tab] header a.active{padding-bottom:3px;border-bottom:2px solid #7a58bf}
.tab-fullwidth [data-tab] header a{color:#767676;padding-bottom:0;line-height:58px;height:58px;display:table-cell;vertical-align:middle;max-width:200px;line-height:1.4}
.tab-fullwidth [data-tab] header a.active{color:#7a58bf}
.tab-fullwidth header{margin-bottom:30px;padding:0}
.tab-fullwidth header.tab-head-fullwidth:before{width:100vw;position:absolute;height:60px;left:50%;top:0;margin-left:-50vw;background:#fff;border-bottom:1px solid #ededed}
.tab-fullwidth header [data-tab-header]{line-height:60px;position:relative;z-index:200}
.tab-fullwidth .slick-list{overflow:visible}
.tab-fullwidth-head.sticky{position:fixed;left:0;right:0;z-index:300}
.inner-container .tab-fullwidth-head .inner-container{padding:0}
@media only screen and (max-width:991px){[data-tab] header{overflow-x:auto;white-space:nowrap}
[data-tab] header li:not(.slick-slide){float:none;display:inline-block}
}
[data-tab].rates header a{font:16px 'sukhumvittadmai_bol'}
[data-tab].rates header li{margin-bottom:10px}
.white-tabs header{background-color:white;padding:20px 0}
.white-tabs [data-tab-header]{max-width:1200px;margin:0 auto;padding:0 30px}
.white-tabs [data-tab-header] li{margin-right:80px}
@media only screen and (max-width:991px){.white-tabs [data-tab-header] li{margin-right:40px}
}
.white-tabs [data-tab-header] li a.active{padding-bottom:20px}
.donut-chart-list header li{display:inline-block;margin:0 0 0 80px}
.donut-chart-list header li:first-child{margin-left:0}
@media only screen and (max-width:991px){.donut-chart-list header li{margin-left:20px;float:none;padding:3px 0}
}
@media only screen and (max-width:991px){.donut-chart-list header{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.donut-chart-list header ul{position:relative}
}
table tr th{background-color:#30373b;color:#FFF}
.outer-table table tr th,.outer-table table tr td{min-width:90px}
.insurance-benefit-table{box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);border-radius:4px 4px 0 0;overflow:hidden}
.insurance-benefit-table th{background-color:#30373b}
.insurance-benefit-table th.sub-header{background-color:#f3f3f3}
.insurance-benefit-table td{line-height:1.5;background-color:#fff}
.insurance-benefit-table.right td{text-align:right;padding-right:60px}
.insurance-benefit-table.right td:nth-child(even){padding-right:50px}
.overflow-table{width:100%;overflow-x:auto}
.number-list{counter-reset:count;text-indent:-29px}
.number-list li:before{content:counter(count) ".\0000a0\0000a0";counter-increment:count}
.number-list li.active:before{color:black;font-weight:bold}
.thumb-about-us{overflow:hidden;position:relative;display:block}
.thumb-about-us figure{height:333px;overflow:hidden}
@media only screen and (max-width:1024px){.thumb-about-us figure{height:calc(40vw*0.7);height:-moz-calc(40vw*0.7);height:-webkit-calc(40vw*0.7);height:-o-calc(40vw*0.7)}
}
@media only screen and (max-width:767px){.thumb-about-us figure{height:157px}
}
.thumb-about-us figure .thumb{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s}
.thumb-about-us figcaption{color:#767676;font-size:16px;line-height:1.5;margin:30px 0}
@media only screen and (max-width:767px){.thumb-about-us figcaption{margin:15px 0}
}
.mega-menu .thumb-about-us figcaption h3{color:black;font-size:1.69rem}
.thumb-about-us figcaption .title{color:black}
.thumb-about-us .desc{width:60%}
@media only screen and (max-width:991px){.thumb-about-us .desc{width:100%}
}
.no-touch.desktop .thumb-about-us:hover .thumb{transform:rotate(2deg) scale(1.1);-webkit-transform:rotate(2deg) scale(1.1)}
.about-business{padding-left:60px}
.about-business table{font-family:"sukhumvittadmai_bol-webfont"}
.about-business table td{padding:10px 0;color:#000;font-size:14px;max-width:150px}
.about-business table td:last-child{text-align:right}
.about-business .hightligh{font-size:24px;color:#7a58bf}
.about-business .noted{display:block;color:#767676;font-size:12px;margin-top:5px;font-family:"Sukhumvittadmai"}
.about-business .title-4{text-transform:uppercase;font-weight:bold;color:#000;margin-bottom:24px;font-size:14px;margin-top:25px}
.about-business .row{position:relative}
.about-business .col-md-5{color:#fff;font-family:"sukhumvittadmai_bol-webfont";padding-top:30px;font-size:16px;line-height:1.5}
.about-business .about-business-bg{display:block;position:absolute;top:0;bottom:0;width:41%;background:#7a58bf}
@media only screen and (max-width:767px){.about-business .about-business-bg{display:none}
.about-business .col-md-5{background:#7a58bf;padding-top:0;padding:20px;margin-bottom:10px}
}
.content-page{position:relative}
.content-page .content-paragraph{overflow:hidden;width:70%}
.content-page .link-reference .number-list li a{color:#767676}
.content-page .link-reference .number-list li.active a{font-weight:bold;color:black !important}
.content-page .link-reference .number-list li.active:before{font-weight:bold;color:black}
.content-page .link-reference .number-list li:before{content:counter(count) ".\0000a0\0000a0";counter-increment:count}
@media only screen and (max-width:991px){.content-page .link-reference .number-list li.active a{font-weight:normal;color:#767676 !important}
.content-page .link-reference .number-list li.active:before{font-weight:normal;color:#767676}
}
@media only screen and (min-width:992px){.content-page .link-reference.interest-rate{float:right;width:20%;padding-left:30px}
}
@media only screen and (max-width:991px){.content-page .content-paragraph{width:100%}
.content-page .link-reference li.active a{font-weight:normal;color:#767676 !important}
}
.exchange-rates header{padding:50px 0 50px}
@media only screen and (max-width:991px){.exchange-rates header{padding:30px 0;margin-bottom:8px}
.exchange-rates .datewrap-form{border-bottom:1px solid #f2f2f2}
}
.exchange-rates .table-dcc th:last-child,.exchange-rates .table-dcc td:last-child{text-align:right}
.full-line{display:table;width:100%;margin-top:30px}
.full-line [data-date] span:first-child{display:inline-block;padding-right:10px}
.full-line .item{display:table-cell;width:50%}
.full-line .item.right{text-align:right}
@media only screen and (max-width:991px){.full-line .item{display:block;width:100%}
.full-line .item.right{text-align:left}
}
.full-line.full-line-left .item1{width:20%;display:table-cell;vertical-align:top}
.full-line.full-line-left .item1 p{line-height:1.9}
.full-line.full-line-left .item2{width:60%;display:table-cell;vertical-align:top}
.full-line.full-line-left .item2 ul{padding:5px 0;overflow:hidden}
.full-line.full-line-left .item3{width:20%;text-align:right;display:table-cell;vertical-align:top;line-height:2}
@media only screen and (max-width:767px){.full-line.full-line-left .item1,.full-line.full-line-left .item2,.full-line.full-line-left .item3{display:block;text-align:left;width:100%}
}
.add-conversion-tool{padding:15px;border:1px solid #7a58bf;border-radius:4px;color:#7a58bf;display:block;text-align:center}
@media only screen and (max-width:991px){.add-conversion-tool{margin-top:10px}
}
.calculate{padding:15px;border-radius:4px;background-color:#7a58bf;color:#FFF;display:block;text-align:center}
.list-horizontal li{display:inline-block;margin-left:20px}
.list-horizontal li a{color:#767676}
.list-horizontal li a.active{color:#7a58bf;font-weight:bold}
@media only screen and (max-width:991px){.list-horizontal li{margin-left:10px}
}
.list-horizontal.icons li a{color:#7a58bf}
.list-horizontal.icons li a .text{margin-left:20px}
.list-horizontal.icons:not(:last-child){margin-right:50px}
@media only screen and (max-width:991px){.list-horizontal.icons li{display:block;margin-top:15px;margin-left:0}
}
.output-template .header .txt-head,.output-template .table-print .txt-head,.output-template .footer .txt-head{color:#640f81}
.output-template .item{width:100%;position:relative}
.output-template .item .align-right{float:right}
.table-print{text-align:center}
.table-print th{background-color:#ede7f5;border:2px solid #dcdcdc}
.table-print td{color:#666;border:2px solid #dcdcdc}
.table-print td.unit{background-color:#b29dc4;color:white}
.table-footer{text-align:left}
.table-footer td{color:#666;border:0}
.table-footer td.txt-head{vertical-align:top}
.table-footer ul li{line-height:1.5}
.overlap-section .inner-section{max-width:1200px}
.overlap-section .inner-section.top{margin:-117px auto 0}
@media only screen and (max-width:991px){
.overlap-section .inner-section.top{margin-top:0}
}
.executive-list{padding:73px 70px;background-color:#efeff4;line-height:31px;overflow:hidden}
@media only screen and (max-width:991px){.executive-list{padding:30px}
}
@media only screen and (max-width:767px){.executive-list{padding:15px 5px}
}
.executive-list .list-numberic{list-style-position:inside}
@media only screen and (min-width:992px){.executive-list .list-numberic{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}
}
@media only screen and (min-width:768px) and (max-width:991px){.executive-list .list-numberic{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}
}
.ie9 .executive-list .list-numberic li{float:left;width:31.33%;padding-right:2%}
@media only screen and (min-width:992px){.stock-info .information{float:right;width:340px;margin-left:30px}
}
.stock-info .information .title{padding-bottom:20px;border-bottom:1px solid #ededed}
.stock-info .information .item{border-bottom:1px solid #ededed;padding:25px 0 10px}
.stock-info .information .item .sub-title-2{margin-top:10px;display:inline-block}
.stock-chart{overflow:hidden;height:310px;padding:20px 20px 0 0;border-radius:4px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)}
@media only screen and (max-width:767px){
.stock-chart{padding:0 5px 0 0}
}
.cashbox-wrap{color:#000;text-align:center;position:relative;background-color:#d7dae4}
@media only screen and (max-width:991px){
.cashbox-wrap{display:none}
}
.cashbox-wrap h3,.cashbox-wrap .cashbox-menu-head{font:bold 36px/44px 'sukhumvittadmai_bol'}
[lang="th"] .cashbox-wrap h3,[lang="th"] .cashbox-wrap .cashbox-menu-head{font-family:'sukhumvittadmai_bol'}
.cashbox-wrap .title-primary{padding-bottom:5px}
.cashbox-wrap .cashbox-round{width:100px;height:100px;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);text-align:center;line-height:100px;margin:0 auto 15px;border-radius:100px}
.cashbox-wrap h3{font-size:18px;text-align:center}
.cashbox-wrap .cashbox-label{color:#fff;text-align:center;display:inline-block;margin:50px 0;font-size:14px;position:relative;z-index:2}
.cashbox-wrap .cashbox-label>span{background-color:#a4b3bb;display:block;padding:10px 50px}
.cashbox-wrap .cashbox-menu-head{display:block;background:#fff;padding:2px 40px 2px 30px;position:relative;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);font-size:18px;border-radius:2px;text-align:left;z-index:200;color:#000;min-height:94px;cursor:pointer;line-height:1.4}
.cashbox-wrap .cashbox-menu-head span{position:absolute;left:30px;right:45px;top:50%;transform:translateY(-50%)}
.cashbox-wrap .cashbox-menu-head a{color:#000}
.cashbox-wrap .cashbox-menu-head.no-menu{padding:10px;float:left;width:135px}
.cashbox-wrap .cashbox-menu-head.no-menu+.cashbox-menu-wrap{margin-left:138px}
.cashbox-wrap .cashbox-menu-close{position:absolute;background:url("scb-design/images/icons/ic-plus.svg") no-repeat center;width:56px;height:56px;right:5px;top:50px;margin-top:-32px;transition:all .4s ease;z-index:250;cursor:pointer}
.cashbox-wrap .cashbox-arrow{background:url("scb-design/images/icons/cash-arrow.svg") no-repeat center;width:18px;height:128px;position:absolute;left:50%;margin-left:-9px}
.cashbox-wrap .cashbox-arrow.arrow-right{height:18px;width:128px;background:url("scb-design/images/icons/cash-arrow-right.svg") no-repeat center;left:auto;right:-8px;top:100%;margin-top:-54px}
.cashbox-wrap .cashbox-arrow.arrow-up{transform:rotate(180deg)}
.cashbox-wrap .cashbox-label .cashbox-arrow{z-index:-2;top:-50px}
.cashbox-wrap .cashbox-menu{position:absolute;max-height:0;overflow:hidden;transition:all .5s ease;padding:0 30px;text-align:left;width:100%;background-color:#fafafa;box-shadow:0 2px 6px 0 rgba(0,0,0,0.02);z-index:400}
.cashbox-item.cashbox-item-1 .cashbox-menu,.cashbox-item.cashbox-item-3 .cashbox-menu{width:calc(256% - 30px)}
.cashbox-item.cashbox-item-1 .cashbox-menu li,.cashbox-item.cashbox-item-2 .cashbox-menu li li,.cashbox-item.cashbox-item-3 .cashbox-menu li{width:48%;float:left}
.cashbox-item.cashbox-item-1 .cashbox-menu li:nth-child(2n+1),.cashbox-item.cashbox-item-2 .cashbox-menu li li:nth-child(2n+1),.cashbox-item.cashbox-item-3 .cashbox-menu li:nth-child(2n+1){clear:both;margin-right:4%}
.cashbox-item.cashbox-item-2 .cashbox-menu{width:calc(272% - 30px);right:0}
.cashbox-wrap .cashbox-menu a{color:#7a58bf;padding:9px 0;display:block}
.cashbox-wrap .cashbox-menu ul{width:100%;position:relative}
.cashbox-wrap .cashbox-menu ul ul{padding-left:30px}
.cashbox-wrap .cashbox-menu.cashbox-fullwidth{width:355%}
.cashbox-wrap .cashbox-menu.cashbox-fullwidth .cashbox-sub{display:block;width:250%;margin-left:15%}
.cashbox-wrap .cashbox-menu.cashbox-fullwidth .cashbox-sub ul{float:left;width:50%}
.cashbox-wrap .cashbox-menu.cashbox-fullwidth .cashbox-sub .text-upper{padding:9px 0}
.cashbox-wrap .cashbox-menu-wrap{position:relative}
.cashbox-wrap .cashbox-menu-wrap.showmenu{z-index:600}
.cashbox-wrap .cashbox-menu-wrap.showmenu .cashbox-menu-close{transform:rotate(45deg)}
.cashbox-wrap .cashbox-menu-wrap.showmenu .cashbox-menu{max-height:630px;padding:10px 30px 15px}
.cashbox-wrap .cashbox-menu-wrap.showmenu .cashbox-menu-head{box-shadow:none;border-radius:2px 2px 0 0}
.cashbox-wrap .cashbox-menu-wrap.showmenu .cashbox-menu-head.no-menu{z-index:-2}
.cashbox-wrap .cashbox-overlay{position:absolute;background:#000;opacity:0;z-index:-2;transition:all .5s ease}
.cashbox-wrap .cashbox-overlay.show{display:block;opacity:.6;top:0;right:0;bottom:0;left:0;z-index:500}
.cashbox-wrap .text-upper{text-transform:uppercase}
.cashbox-wrap .cashbox-item{float:left;padding:0 15px;position:relative}
.cashbox-wrap .cashbox-item.cashbox-item-1,.cashbox-wrap .cashbox-item.cashbox-item-3{width:30%}
.cashbox-wrap .cashbox-item.cashbox-item-2{width:40%}
.cashbox-wrap .cashbox-item.cashbox-item-5,.cashbox-wrap .cashbox-item.cashbox-item-6{width:35%;padding-top:10px}
.cashbox-wrap .cashbox-item.cashbox-item-5 .cashbox-menu,.cashbox-wrap .cashbox-item.cashbox-item-6 .cashbox-menu{bottom:100%}
.cashbox-wrap .cashbox-item.cashbox-item-5{margin-left:20%}
.cashbox-wrap .cashbox-item.cashbox-item-6{margin-left:-29px;padding-top:149px}
.cashbox-wrap .cashbox-item-2{padding-top:55px}
.cashbox-wrap .cashbox-item-2 h3{margin-bottom:34px}
.cashbox-item-2 .cashbox-menu>ul>li{clear:both}
.cashbox-wrap .cashbox-item-3 .cashbox-menu{right:0}
.cashbox-wrap .cashbox-item-5 .cashbox-label:first-child{margin-left:28%;margin-right:30px}
.cashbox-wrap .cashbox-item-5 .cashbox-label span{padding:10px 20px}
.cashbox-wrap .cashbox-sub{display:none;position:absolute;top:0;bottom:0;left:100%}
.cashbox-wrap .cashbox-bottom{width:200%;margin-left:-100%;background-color:#f0f2f4;box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);color:rgba(0,0,0,0.5);font:bold 36px/44px 'sukhumvittadmai_bol';font-size:16px;line-height:36px;position:relative;z-index:300;margin-top:1px}
.scb-trade-finance .trade-finance-item{background-color:#f0f2f4;box-shadow:0 2px 6px 0 rgba(0,0,0,0.04);margin-bottom:10px;height:100%}
.scb-trade-finance .trade-finance-item .row{margin:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.scb-trade-finance .trade-finance-item .row [class*="col-"]{padding:30px;flex:1}
.scb-trade-finance .trade-finance-item .row [class*="col-"].line:before{content:"";right:0;top:0;position:absolute;background-color:#f9f9fa;width:10px;bottom:-3px;z-index:2}
.scb-trade-finance .trade-finance-item.vertical .row{-webkit-align-items:normal;-ms-flex-align:normal;align-items:normal}
.scb-trade-finance .trade-finance-item .caption-title{position:relative}
.scb-trade-finance .trade-finance-item .caption-title.opacity{opacity:0}
.scb-trade-finance .trade-finance-item .caption-title.hide-mobile{display:none}
@media only screen and (min-width:992px){
.scb-trade-finance .trade-finance-item .caption-title{min-height:70px}
.scb-trade-finance .trade-finance-item .caption-title.hide-mobile{display:block}
}
@media only screen and (max-width:991px){
.scb-trade-finance .trade-finance-item .row [class*="col-"].line.line:before{display:none}
.scb-trade-finance .trade-finance-item .caption-title.opacity{display:none}
}
.scb-trade-finance .trade-finance-item .caption-title .thumb{width:70px;height:70px;background:#fff center center no-repeat;background-size:40px;border-radius:50%;display:inline-block;vertical-align:middle}
.scb-trade-finance .trade-finance-item .caption-title [class*='title']{display:inline-block;vertical-align:middle;padding-left:25px;width:calc(100% - 95px);width:-moz-calc(100% - 95px);width:-webkit-calc(100% - 95px);width:-o-calc(100% - 95px)}
.scb-trade-finance .trade-finance-item .caption-title [class*='title'] a{color:#000}
.scb-trade-finance .trade-finance-item .caption-title [class*='title'] a:hover{color:#7a58bf}
@media only screen and (min-width:992px){
.scb-trade-finance .trade-finance-item .caption-title [class*='title']{max-height:70px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.scb-trade-finance .trade-finance-item .caption-title:not(.hide)+ul.list-link{margin-top:30px}
.scb-trade-finance .trade-finance-item ul.list-link li{margin-bottom:19px}
.scb-trade-finance .trade-finance-item ul.list-link li:last-child{margin-bottom:0}
.scb-trade-finance .trade-finance-item ul.list-link li a{font-size:16px;line-height:1.65}
@media only screen and (max-width:991px){.scb-trade-finance .trade-finance-item .caption-title:not(.hide)+ul.list-link{margin-top:15px}
.scb-trade-finance .trade-finance-item{margin-bottom:20px}
.scb-trade-finance .trade-finance-item .caption-title{margin-bottom:20px}
.scb-trade-finance .trade-finance-item .row{display:block;padding:30px}
.scb-trade-finance .trade-finance-item .row [class*="col-"]{padding:0;margin-bottom:19px;width:100%}
.scb-trade-finance .trade-finance-item .row [class*="col-"]:last-child{margin-bottom:0}
}
.festive-wrap{position:relative;background:#fff;min-height:100vh}
.festive-content{bottom:0;background:#fff;left:0;width:100%;padding:25px 0}
.festive-content .btn-default{line-height:42px;border-color:#000;background:#fff;color:#000;margin-right:20px}
@media only screen and (max-width:320px){
.festive-content .btn-default{margin-right:10px}
.festive-content .list-links{text-align:right}
.festive-content .list-links>a{font-family:'sukhumvittadmai_bol',Tahoma,sans-serif;font-size:1.2rem;color:#4a4a4a}
.festive-content .social-sharing{margin-top:5px}
.festive-content .social-sharing a{color:#000;opacity:.4}
.festive-content .social-sharing a:before{font-size:1.4rem}
.festive-content .social-sharing a:hover{opacity:1}
.festive-content .social-sharing a:hover:before{color:#7a58bf !important}
.festive-content .social-sharing li:last-child{margin-right:0}
}
@media only screen and (max-width:991px){
.festive-content{position:relative}
.festive-content .list-links{margin:10px 0;text-align:center}
.festive-content .social-sharing{width:190px;margin-left:auto;margin-right:auto}
.festive-content .logo{float:left;margin-right:10px}
.festive-content .btn,.festive-content button{min-width:110px;padding:0 20px}
}


@media only screen and (max-width:767px){
.festive-bg{display:none}
.festive-mobile{display:block;text-align:center}
.festive-mobile img{max-height:calc(100vh - 96px)}
.festive-content{position:relative}
.festive-content .list-links{margin:10px 0;text-align:center}
.festive-content .social-sharing{width:190px;margin-left:auto;margin-right:auto}
.festive-content .logo{float:left;margin-right:10px}
.festive-content .btn,.festive-content button{min-width:110px;padding:0 20px}
}

@media only screen and (min-width:768px) and (max-width:991px){
.festive-bg{width:100%;text-align:center}
.festive-bg img{max-height:calc(100vh - 96px)}
.festive-mobile{display:none}
.festive-content .btn-default{margin-right:10px}
.festive-content .btn-default{margin-right:10px}
.festive-content .list-links{text-align:right}
.festive-content .list-links>a{font-family:'sukhumvittadmai_bol',Tahoma,sans-serif;font-size:1.2rem;color:#4a4a4a}
.festive-content .social-sharing{margin-top:5px}
.festive-content .social-sharing a{color:#000;opacity:.4}
.festive-content .social-sharing a:before{font-size:1.4rem}
.festive-content .social-sharing a:hover{opacity:1}
.festive-content .social-sharing a:hover:before{color:#7a58bf !important}
.festive-content .social-sharing li:last-child{margin-right:0}
}



@media only screen and (min-width:992px){
.festive-bg{width:100%;text-align:center}
.festive-bg img{max-height:calc(100vh - 96px)}
.festive-mobile{display:none}
.festive-content .btn-default{margin-right:10px}
.festive-content .list-links{text-align:right}
.festive-content .list-links>a{font-family:'sukhumvittadmai_bol',Tahoma,sans-serif;font-size:1.2rem;color:#4a4a4a}
.festive-content .social-sharing{margin-top:5px}
.festive-content .social-sharing a{color:#000;opacity:.4}
.festive-content .social-sharing a:before{font-size:1.4rem}
.festive-content .social-sharing a:hover{opacity:1}
.festive-content .social-sharing a:hover:before{color:#7a58bf !important}
.festive-content .social-sharing li:last-child{margin-right:0}

}
