﻿@media only screen and (min-width:1px){/* 1px - 375px */
    .accept-policy-label{width:84%;}
   .bex-date-of-birth-day{width:100%;margin-bottom:10px;}
   .bex-date-of-birth-month{width:100%;margin-bottom:10px;}
   .bex-date-of-birth-year{width:100%;margin-bottom:10px;}
   #MainForm,#ResultForm{margin-top:100px;}
   .mainresult{font-size:15px !important;margin-top:120px;}
   .term-con-bottom-mobile{display:block;}
   .term-con-bottom-pc{display:none;}
   }
   @media only screen and (min-width:376px){/* 376px - 425px */
    .accept-policy-label{width:86%;}
   }
   @media only screen and (min-width:426px){/* 426px -767px */
    .accept-policy-label{width:86%;}
   #MainForm,#ResultForm{margin-top:100px;}
   .mainresult{font-size:15px !important;margin-top:140px;}
   .term-con-bottom-mobile{display:none;}
   .term-con-bottom-pc{display:block;}
   }
   @media only screen and (min-width:768px){/* 768px - 991px */
    .accept-policy-label{width:92%;}
   .bex-date-of-birth-day{width:30%;margin-bottom:0;}
   .bex-date-of-birth-month{width:35%;margin-bottom:0;}
   .bex-date-of-birth-year{width:35%;margin-bottom:0;}
   #MainForm,#ResultForm{margin-top:120px;}
   .mainresult{font-size:17px !important;margin-top:150px;}
   }
   @media only screen and (min-width:992px){.accept-policy-label{width:94%;}
   #MainForm,#ResultForm{margin-top:160px;}
   .mainresult{font-size:17px !important;margin-top:160px;}
   }
   input[type="checkbox"]:disabled{background:#ebebeb;}
   input[type="checkbox"]:disabled:hover{cursor:not-allowed;/*background:#585858;*/
   }
   .term-con-bottom-pc{-ms-overflow-style:scrollbar;-ms-overflow-x:hidden;-ms-overflow-y:scroll;}
   .term-con-bottom-mobile{-ms-overflow-style:scrollbar;-ms-overflow-x:hidden;-ms-overflow-y:scroll;}
   .ui-selectmenu-button,select.form-control{text-transform:capitalize !important;}
   fieldset{padding:2% !important;border-radius:15px !important;}
   legend{background-color:darkgrey !important;color:#ffffff !important;padding:5px 10px !important;border-radius:10px !important;}
   input#AcceptPrivacy {
    border: 1px solid #cbad6f!important;
    appearance: none!important;
    -webkit-appearance: none!IMPORTANT;
    border-radius: 3px;
    background: transparent;
}
   .be-banking #header .main-header{padding:20px 0;background-color:#7c7561!important;background: #7c7561!important;}
   #SaveSuccess,#SaveFail{text-align:center;font-size:1.3em;line-height:30px;}
   #SaveSuccess a,#SaveFail a{text-decoration:none;border-bottom:2px solid #999;}
   .pad-top{padding-top:35px;}
   .small-pad{margin-top:5px;}
   .nopadding{padding:0 3px 0 3px !important;margin:0 !important;}
   input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;display:none;}
   input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
   label.btn span{position:relative;top:3px;}
   .has-danger .col-form-label,.has-danger .custom-control,.has-danger .form-check-label,.has-danger .form-control-feedback,.has-danger .form-control-label{color:#d9534f;}
   .form-control-feedback{margin-top:.25rem;margin-left:1.25rem;}
   .form-group h4{cursor:default !important;}
   .has-danger .form-control{border-color:#d9534f;}
   .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;}
   .custom-wffm-form [class*='btn'],.general-form [class*='btn']{margin:0;}
   /********************************/
   label.btn span{font-size:1rem;}
   label input[type="radio"]~i.fa.fa-circle-o{color:#c8c8c8;display:inline;}
   label input[type="radio"]~i.fa.fa-dot-circle-o{display:none;}
   label input[type="radio"]:checked~i.fa.fa-circle-o{display:none;}
   label input[type="radio"]:checked~i.fa.fa-dot-circle-o{color:#000;display:inline;}
   label:hover input[type="radio"]~i.fa{color:#000;}
   label input[type="checkbox"]~i.fa.fa-square-o{color:#c8c8c8;display:inline;}
   label input[type="checkbox"]~i.fa.fa-check-square-o{display:none;}
   label input[type="checkbox"]:checked~i.fa.fa-square-o{display:none;}
   label input[type="checkbox"]:checked~i.fa.fa-check-square-o{color:#000;display:inline;}
   label:hover input[type="checkbox"]~i.fa{color:#000;}
   div[data-toggle="buttons"] label.active{color:#000;}
   div[data-toggle="buttons"] label{display:inline-block;padding:6px 12px;margin-bottom:0;color:#9e9e9e;font-size:14px;font-weight:normal;line-height:2em;text-align:left;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:none;border:0px solid #c8c8c8;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
   div[data-toggle="buttons"] label:hover{color:#000;}
   div[data-toggle="buttons"] label:active,div[data-toggle="buttons"] label.active{-webkit-box-shadow:none;box-shadow:none;}
   [class*='btn'],.custom-links .text{padding:0 30px;font-size:0.8667rem;line-height:47px;letter-spacing:0.8px;text-transform:none;display:inline-block;text-align:center;position:relative;border-radius:100px;transition:all 0.5s;}
   .padding-bot{margin-bottom:20px;}
   .ui-datepicker .ui-datepicker-header{position:relative;margin:0;}
   .ui-datepicker .ui-datepicker-title{margin:0 2.3em;text-transform:uppercase;text-align:center;color:#003399;font:1rem 'Muli-Bold';}
   .ui-datepicker td a{display:block;width:33px;height:28px;line-height:25px;text-align:center;text-decoration:none;border-radius:0%;}
   .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:0px;width:2.4em;height:2.4em;}
   .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{width:26px;height:26px;background-color:#ffffff;border:solid 1px #e8e8e8;border-radius:50%;text-align:center;line-height:25px;font-size:10px;color:black;cursor:pointer;}
   .ui-state-disabled{color:#aaa !important;}
   .ui-state-disabled:hover{color:#aaa !important;}
   label input[type=radio]{position:absolute;top:0px;left:0px;}
   label.radio-hor p{margin-left:15px;}
   .radio-hor{display:inline-block;margin-left:10px;margin-right:10px;padding-left:20px;padding-right:20px;margin-top:10px;}
   .radio1{position:relative;padding-left:35px;display:block;line-height:25px;width:100%;float:left;}
   .radio2{position:relative;padding-left:35px;line-height:25px;}
   .option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;top:0;right:0;bottom:0;left:0;height:20px;width:20px;transition:all 0.15s ease-out 0s;background:#cbd1d8;border:none;cursor:pointer;display:inline-block;margin-right:0.5rem;outline:none;z-index:0;}
   .option-input:checked::before{left: 3px;top: 3px;width: 12px;height: 12px;position:absolute;content:' ';display:inline-block;font-size:16px;text-align:center;line-height:20px;background-color:#585858;border:1px solid #333;border-radius:50%;padding:4px;}
   .option-input:checked::after{left:9px;top:5px;width:5px;height:10px;border:solid #585858;background-color:#585858;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
   .option-input.radio{height:20px;width:20px;position:absolute;content:' ';background-color:#fff;border:1px solid #cbad6f!important;border-radius:50%;}
   .option-input.radio:hover{border:1px solid #debe7c !important;}
   .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;}
   .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;}
   .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%;}
   .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-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0;background-color:#f2f2f2;border-bottom:1px solid #ddd;}
   .form-control,.custom-select{border:1px solid #9e9e9e;font-size:1rem;padding:0 20px;height:47px;line-height:47px;width:100%;border-radius:100px;}
   input[disabled].form-control{background:#eee !Important;}
   .checkbox{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;/*left:-11px;*/
    height:20px;width:20px;transition:all 0.15s ease-out 0s;background:#cbd1d8;border:1px solid #cbad6f;color:#fff;cursor:pointer;display:inline-block;outline:none;position:relative;z-index:0;}
   .checkbox:checked{accent-color: #fff;}
   .checkbox:checked::before{height:20px;width:20px;position:absolute;content:'✔';display:inline-block;font-size:16px;text-align:center;line-height:20px;background:#cbad6f;border-radius: 3px;top: -1px;left: -1px;}
   .checkbox:checked::after{-webkit-animation:click-wave 0.65s;-moz-animation:click-wave 0.65s;animation:click-wave 0.65s;background:#40e0d0;content:'';display:block;position:relative;z-index:100;}
   .checkbox.radio{border-radius:50%;}
   .checkbox.radio::after{border-radius:50%;}
   /*###################*/
   /*Bualuang Exclusive Customize Theme*/
   /*###################*/
   #header .top-header{background-color:#7c7561 !important;}
   #header.sticky .main-header{background:#cbad6f !important;}
   [class*='btn-primary']:not([disabled]){background:#cbad6f;}
   .no-touch.desktop [class*='btn-primary']:not([disabled]):hover{background:#dfbe7c;}
   .no-touch.desktop [class*='btn-default']:not([disabled]):hover{background:#dfbe7c;border-color:#d8b46b;}
   .no-touch.desktop [class*='btn-primary']:not([disabled]):active{background:#c7b899;}
   .no-touch.desktop [class*='btn']:hover{color:white !important;}
   .icon-search[data-search-modal]{background-color:#7c7561!important;}
   .icon-search[data-search-modal]:active{background-color:#c7b899 !important;}
   #footer{background-image:url(/images/footer.png) !important;}
   .footer-bot{border-color:rgba(255,255,255,0.5);}
   .footer-bot{padding:25px 0 30px;}
   .menu-opening #header .main-header{background:#cbad6f !important;}
   @media only screen and (min-width:992px){.menu-opening #header .main-header{background:#003399;}
   }
   .line:before{background:#cbad6f !important;}
   #nav .nav-title a{color:#cbad6f !important;}
   #footer .list-dash li,#footer .list-dash li a{color:white !important;}
   .mega-menu .quick-links a:hover{color:#d9b66f !important;}
   /*.no-touch.desktop a:hover{color:#d9b66f !important;}*/
   #nav .nav-title a:hover{color:#d9b66f !important;}
   .no-touch.desktop [class*='btn'] a:hover{color:white;}
   #footer a:hover{color:#d9b66f !important;}
   .icon-search[data-search-modal]:hover{background-color:#cbad6f !important;}
   @media only screen and (max-width:991px){.group-link{border-bottom:1px solid #d9b66f !important;}
   }
   @media only screen and (max-width:991px){.group-link .list-links{display:none;padding:20px 0;border-top:solid 0px #d9b66f !important;}
   }
   @media only screen and (max-width:991px){.group-link{border-color:rgba(255,255,255,0.2) !important;/*border-bottom:1px solid #292c8e !important;*/
   }
   }
   /*###################*/
   /*Bualuang Exclusive Customize Theme*/
   /*###################*/
   .test-button-login{color:#c7b899;}
   .test-button-search{color:#c7b899;}
   .test1{color:#292c8e;}
   /* vue-notifyjs */
   .vue-notifyjs button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0;}
   .vue-notifyjs .close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2;}
   .vue-notifyjs .alert{border:0;border-radius:0.1875rem;color:#FFFFFF;padding-top:.9rem;padding-bottom:.9rem;font-size:14px;z-index:100;display:inline-block;position:fixed !important;transition:all 0.5s ease-in-out;cursor:pointer;}
   .vue-notifyjs .alert.center{left:0px;right:0px;margin:0 auto;}
   .vue-notifyjs .alert.left{left:20px;}
   .vue-notifyjs .alert.right{right:20px;}
   .vue-notifyjs .alert[data-notify="container"]{width:350px;padding:10px 10px 10px 20px;border-radius:4px;}
   .vue-notifyjs .alert.alert-success{background-color:#1be611;}
   .vue-notifyjs .alert.alert-danger{background-color:#ff5050;}
   .vue-notifyjs .alert.alert-warning{background-color:#ffbc50;}
   .vue-notifyjs .alert.alert-info{background-color:#46b3ff;}
   .vue-notifyjs .alert.alert-primary{background-color:#fa764b;}
   .vue-notifyjs .alert i.fa,.vue-notifyjs .alert i.now-ui-icons{font-size:20px;}
   .vue-notifyjs .alert .close{color:#FFFFFF;opacity:.9;text-shadow:none;line-height:0;outline:0;}
   .vue-notifyjs .alert span[data-notify="icon"]{font-size:22px;display:block;left:19px;position:absolute;top:50%;margin-top:-11px;}
   .vue-notifyjs .alert button.close{position:absolute;right:10px;top:50%;margin-top:-13px;width:25px;height:25px;padding:3px;}
   .vue-notifyjs .alert .close~span{display:block;max-width:89%;}
   .vue-notifyjs .alert.alert-with-icon{padding-left:65px;}
   