@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.sweet-loading{position:fixed;width:100%;height:100%;background:#000;z-index:99999;opacity:.7;left:0;top:0}.css-1wvv9v7{left:calc(50% - 30px);top:calc(50% - 30px)}.loading-content{text-align:center;position:relative;top:calc(50% - 51.5px)}.loading-text{position:relative;font-size:1.4em;color:#fff;letter-spacing:.5px;margin-top:10px}.login-page{width:100%;padding:20px 1rem;position:relative}.txt-toast{font-size:1.25em}.txt-toast span,.txt-toast span a{color:#707070}.txt-toast span:hover,.txt-toast span a:hover{color:#ff6902;cursor:pointer}.content-card{position:relative;width:100%;padding:20px;border-radius:2px;border:0;box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12)}.card-form,.card-img{display:inline-block;vertical-align:middle}.card-img{width:40%}.card-form{width:60%;text-align:center}.card-form-title{font-size:1.9em;font-weight:700}.card-form-subtitle{font-size:1.6em;color:#757474}.txt-input{width:300px;margin-left:calc(50% - 125px);font-size:1.45em}.link-content{margin-bottom:20px}.link{display:inline-block;font-size:.75em!important;color:#757474}.link:hover{cursor:pointer;color:#ff6902}.l-l{float:left}.l-r{float:right}.clear{clear:both}.btn-light{background-color:#ff6902!important;border-color:#ff6902}@media only screen and (min-width:451px) and (max-width:720px){.card-img{display:block;width:60%;margin-left:20%}.card-form{display:block;width:100%;margin-top:20px}.login-title{font-size:1.6em}}@media only screen and (min-width:361px) and (max-width:490px){.card-img{display:block;width:80%;margin-left:10%}.card-form{display:block;width:100%;margin-top:20px}.card-form-subtitle{font-size:1.3em}.txt-input{width:70%;margin-left:15%}.login-title{font-size:1.6em}}@media only screen and (min-width:0px) and (max-width:360px){.card-img{display:block;width:80%;margin-left:10%}.card-form{display:block;width:100%;margin-top:20px}.card-form-subtitle{font-size:1.1em}.txt-input{width:90%;margin-left:5%}.login-title{font-size:1.6em}}.container{padding-right:0}.round{position:relative}.round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:20px;left:0;position:absolute;top:0;width:20px}.round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:3px;opacity:0;position:absolute;top:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:12px}.round input[type=checkbox]{visibility:hidden}.round input[type=checkbox]:checked+label{background-color:#ff6902;border-color:#ff6902}.round input[type=checkbox]:checked+label:after{opacity:1}.label-title{margin:-10px 0 0 10px;cursor:unset!important}.label-title:hover{color:#757474;cursor:unset!important}.txt-input{width:300px!important;margin-left:calc(50% - 150px)!important}@media only screen and (min-width:0px) and (max-width:500px){.container{display:none}}@media only screen and (min-width:0px) and (max-width:420px){.txt-input{width:250px!important;margin-left:calc(50% - 125px)!important}}div.nav-top{position:relative}img.nav-top-logo{display:block;max-width:100%;margin-left:-13px}div.nav-top-title-content{display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-5px}div.nav-top-title-content .tc-1{font-size:1.6em}div.nav-top-title-content .tc-2{font-size:1.2em;color:#ff6902}.navbar-toggler{position:absolute!important;right:20px;top:25px;z-index:99999!important;padding:.2rem .3rem}.navbar-nav{font-size:1.3em}.dropdown-menu,.navbar-nav{text-align:center!important}.dropdown-menu{font-size:unset!important}.nav-active a,a.dropdown-item:hover,a.nav-link:hover{color:#ff6902!important}a.dropdown-item{color:rgba(0,0,0,.5)!important}.navbar-light .navbar-nav .show>.nav-link{color:#ff6902!important}.nav-dash{padding:10px 0;background:#ff6902;color:#fff;text-align:center;width:100%;left:0}.nav-login{font-size:2.5em}.nav-time{text-align:right;vertical-align:top;padding:18px 22px 0;font-size:1.4em;right:0;margin-top:-30px;position:absolute}.nav-islogin{padding:10px 0;background:#ff6902;color:#fff;text-align:center;width:100%;left:0;font-size:1.5em;cursor:pointer}.nav-islogin span{padding:0 10px}.nav-islogin span a{color:#fff}.nav-islogin span a:hover{color:#000}.nav-all-page{display:none!important}@media only screen and (max-width:991px){.nav-time{display:none}.nav-all-page{display:block!important}.nav-islogin{display:none}}@media only screen and (max-width:620px){.nav-login{font-size:1.8em}}@media only screen and (min-width:992px){.navbar-nav{padding:15px!important}}@media only screen and (min-width:1150px){.navbar-nav{font-size:1.1em}}@media only screen and (min-width:992px) and (max-width:1149px){.navbar-nav{font-size:.8em}}@media only screen and (min-width:500px) and (max-width:600px){img.nav-top-logo{width:80%}div.nav-top-title-content .tc-1{font-size:1.2em}div.nav-top-title-content .tc-2{font-size:1em}.navbar-toggler{padding:.2rem .3rem;top:20px}}@media only screen and (min-width:400px) and (max-width:499px){img.nav-top-logo{width:80%}div.nav-top{padding:0}div.nav-top-title-content .tc-1{font-size:1em}div.nav-top-title-content .tc-2{font-size:.8em}.navbar-toggler{right:10px;margin-top:-8px;padding:.2rem .3rem;top:20px}}@media only screen and (min-width:350px) and (max-width:399px){.navbar{padding:.5rem}img.nav-top-logo{width:80%}div.nav-top{padding:0}div.nav-top-title-content .tc-1{font-size:.9em}div.nav-top-title-content .tc-2{font-size:.7em}.navbar-toggler{right:10px;padding:.2rem .3rem;top:25px}}@media only screen and (min-width:0px) and (max-width:349px){.navbar{padding:.5rem 5px}img.nav-top-logo{width:50px;padding:5px 0}div.nav-top{padding:0}div.nav-top-title-content .tc-1{font-size:.9em}div.nav-top-title-content .tc-2{font-size:.7em}.navbar-toggler{right:10px;margin-top:-12px;padding:.2rem .3rem;top:13px}}.footer{margin-top:20px}.ft-first{background:#f9f9f9;width:100%;padding:20px 0}.fix-last{background:#ff6902;padding:10px 0;width:100%;text-align:center;color:#fff;font-size:1em}.ft-first-title{font-size:1.6em;color:#000}ul li{color:#000;font-size:1.3em}ul li:hover{cursor:pointer}.sub-ul li{color:#000;font-size:.95em}a,a:hover{color:#000}a:hover{text-decoration:none}.ft-contact,.ft-facebook,.ft-menu{color:#000}.ft-facebook{margin-top:12px}.div-icon,.i-icon{display:inline-block}.i-icon{width:10%;vertical-align:top;margin-top:3px;text-align:center}.div-icon{width:90%;vertical-align:middle}.br-content{clear:both;margin:5px}.fb{text-align:center}@media only screen and (min-width:0px) and (max-width:768px){.ft-contact,.ft-facebook{padding:0 1rem}.ft-menu{display:none}}@media only screen and (min-width:769px) and (max-width:1099px){.ft-contact,.ft-facebook{display:inline-block;vertical-align:top;padding:0 1rem}.ft-menu{display:none}}@media only screen and (min-width:1100px){.ft-contact,.ft-facebook,.ft-menu{display:inline-block;vertical-align:top;padding:0 1rem}}@media only screen and (min-width:0px) and (max-width:410px){.fix-last{font-size:1.1em}}.footer-left-first-line{font-weight:700;font-size:20px}.footer-left-second-line{font-weight:700;font-size:18px}.footer-fa,.footer-left-line{font-size:18px}.footer-fa{display:flex;flex-direction:column;justify-content:center;background:#ff6902;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:8px}.footer-fa>.i-icon{width:unset!important;vertical-align:unset!important;margin-top:unset!important}.footer-fa-right{margin-top:-44px;padding-left:50px;margin-bottom:15px;font-size:20px;line-height:1;vertical-align:middle}.ft-layout{display:flex;flex-direction:row;margin:auto;align-content:center}.register-content{position:relative}table.register-table{width:400px;margin-left:calc(50% - 200px);margin-top:20px}.register-table tr td{text-align:center;position:relative}.cycle{width:50px;height:50px;border-radius:50%;border:3px solid #9c9b9b;margin-left:calc(50% - 25px)}.line{width:135%;margin-left:-17.5%;border:2px solid #9c9b9b}.line-active{border:2px solid #ff6902}.regis-icon{font-size:1.2em;margin-top:11px}.regis-icon,.regis-text{color:#9c9b9b}.cycle-active{border:3px solid #ff6902}.icon-active,.text-active{color:#ff6902}.register-title{font-size:1.25em;text-align:center;margin:20px 0}.registerForm{width:300px!important;margin-left:calc(50% - 150px)}.user{margin-left:4.5px}.phone{margin-left:6px}.register-row{text-align:center!important}.btn-lg{background-color:#ff6902!important}.btn-lg,.btn-lg:hover{color:#fff}.otp-title{font-size:1.4em;text-align:center;margin:20px 0 0}.otp-time{font-size:1.3em;color:rgba(0,0,0,.5)}.register-otp{margin-top:20px}.i-hide,.i-show{position:absolute;margin-top:4%;right:10px;color:#9c9b9b;cursor:pointer;font-size:.7em;z-index:999}@media only screen and (min-width:0px) and (max-width:478px){table{display:inline-table}}.pageNotFound-container{position:fixed!important;width:100%!important;height:100%!important;z-index:999999!important;top:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important}.pageNotFound-container img{width:100px}.pageNotFound-container .logo{display:flex!important;justify-content:center!important}.pageNotFound-container .credit-content{padding-left:20px}.pageNotFound-container .credit-content div{text-align:center}.pageNotFound-container .title{font-size:1.8em;text-align:center!important;margin:50px 0 10px}.pageNotFound-container .button{display:flex!important;justify-content:center!important}.pageNotFound-container .company-thai{margin-top:5px;font-size:1.4em}.pageNotFound-container .company-eng{font-size:1.2em}.setPosition{padding-right:11px;margin-left:5px}.logo{margin-top:-185px}.section{max-height:406px;padding:1rem;overflow-y:auto;direction:ltr;scrollbar-color:#d4aa70 #e4e4e4;scrollbar-width:thin;width:80%;margin:auto;border:1px solid #ddd}.section h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.section p+p{margin-top:1rem}.section::-webkit-scrollbar{width:20px}.section::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}.section::-webkit-scrollbar-thumb{border-radius:100px;background-image:linear-gradient(180deg,#ff6902,#ff6902 99%);box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div.topping{margin-left:10%;margin-top:1%}.my-modal .modal-content{background-color:red}div.modal-content.card-title{background-color:#fff;display:none}div.modals-container.modals-content.card{background-color:#ff6902}div.modals-content{left:40%}div.modals-content,div.modals-content div.card div.modals-content div.card{position:absolute;top:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}div.modals-content div.card div.modals-content div.card{background-color:#fff;width:102%;left:calc(50% - 450px)!important}div.modals-content div.card-title{background:#fff;position:absolute}div.modals-content div.card-content{padding:35px}div.modals-content.card-content{padding:50px;font-size:1.3em}div.modals-content.card{width:70%}button.btn.btn-light.btn-lg{margin-right:5px}.btnsetB{width:115px!important;margin-top:16px}div.profile-button{position:absolute;left:50%;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-content{padding:39px}.special_modal .modal-content{background-color:#000;color:#fff}.card-content div{margin-top:2px}.btnset{margin-top:-25%}.modal-backdrop{background-color:green}.profile-button{padding:20px 0 10px;text-align:center}@media only screen and (max-width:600px){div.modals-content div.card{background-color:#fff;width:100%;position:absolute;left:calc(50% - 95.5px)!important;top:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}}.scroll-bar-disable{overflow:hidden!important}.modals-container{top:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center}.modals-container,.modals-curtain{position:fixed!important;width:100%;height:100%}.modals-curtain{background-color:#333030;opacity:.5!important}@media only screen and (min-width:700px) and (max-width:830px){.modals-content{min-width:80%!important;max-width:70%}}@media only screen and (min-width:451px) and (max-width:699px){.modals-content{min-width:90%!important;max-width:60%}}@media only screen and (min-width:0px) and (max-width:450px){.modals-content{min-width:90%!important;max-width:90%}}.lastlogin{text-align:center}.badges{background:#ec0101;margin-left:10px;padding:2px 6px;border-radius:4px;color:#fff;font-size:1em;transition:all 1s ease-out;cursor:pointer}.badges:hover{background-color:#04f704}.msg-icon,.msg-message{display:inline-block}.msg-icon{width:25px;vertical-align:top}.msg-message{width:calc(100% - 25px);vertical-align:top;padding-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.msg-time{font-size:.7em!important;color:#a19f9f!important}.msg-card-content{padding:10px 20px 20px!important}.msg-content{padding:10px 0;cursor:pointer;color:#000!important}.msg-all,.msg-all a{font-size:1em!important;text-align:right;color:#757474!important}.msg-all span:hover{cursor:pointer;color:#ff6902}.card-icon,.card-title-text,.content-bar,.side-bar{display:inline-block}.card-content-img{width:15%;position:absolute;right:5%}.card-content div.left{width:20%;text-align:right;display:inline-block;font-weight:700;vertical-align:top}.card-content .right-side{width:80%;vertical-align:top}.card-content div.right{display:inline-block;padding-left:30px}.right-title{display:inline-block;font-weight:700;padding-left:40px!important;color:#000!important}.card-icon i{color:#458036}.card-diviend,.card-gain{text-align:center}.gain-loop{margin:10px 0}.diviend-loop,.gain-loop{padding:0 20px!important}.gain-loop .g-title{font-weight:700!important;color:#000!important}.g-desc{margin:0 20px}.gain-left,.gain-right{display:inline-block;position:relative;padding-left:25px}.gain-left div,.gain-right div{display:inline-block}.gain-left .number{position:absolute;left:0;margin:0}.diviend-loop{position:relative}.dividend-left,.dividend-right,.diviend-loop div{display:inline-block}.dividend-left{width:40%}.dividend-right{width:60%}.year{width:40%}.dividend{width:60%}.dividend_avg{width:60%;padding-left:40px}.dividend_sum{width:40%;padding-left:30px}.diviend-title{font-weight:700!important;color:#000!important}.year span{display:inline-block}.year div{width:80%;float:right}.diviend-year{padding-left:10px}.diviend-money{float:right}.for-pc{display:inline-block}.for-mobile{display:none}.edit-data{font-size:.7em;margin-left:10px;color:#458036}.edit-data:hover{cursor:pointer}.edit-icon{font-size:.7em!important}.modal-title{font-size:1.6em}.modal-label{font-size:1.2em}.addr-block{margin:20px 0 40px}.addr-content{display:inline-block;position:relative;width:50%;font-size:1.2em;padding:0 20px}.addr-content input,.addr-content label,.addr-content select{display:inline-block;vertical-align:middle}.addr-content label{padding-top:6px}.addr-content input,.addr-content select{width:70%;float:right}select option{text-align:center}.addr-row{margin:10px 0}.modal-content-genaral{margin-top:10px}.modal-address-content{position:relative;width:100%}.addr-btn{margin-top:20px;text-align:center}.welcome_text{width:100%;margin-top:10px}.welcome_head{text-align:left;font-size:30px}.welcome_detail{text-align:left;font-size:20px}@media only screen and (max-width:740px){.addr-content{width:100%}}@media only screen and (min-width:701px){.right-limit{width:60%!important}}@media only screen and (min-width:0px) and (max-width:991px){.side-bar{display:none}.content-bar{width:100%;padding-right:1rem;padding-left:1rem;margin-left:0}}@media only screen and (min-width:0px) and (max-width:700px){.card-content-img{position:relative;width:50%;margin-left:25%;right:unset;margin-bottom:20px}.for-pc{display:none}.for-mobile{display:block}.card-content div.left{width:35%}.card-content .right-side{width:65%}.addr-content{display:block;width:100%;margin:10px 0}@media only screen and (min-width:0px) and (max-width:400px){.addr-content label{font-size:.9em}.addr-content input,.addr-content select{width:60%}}}@media only screen and (min-width:415px) and (max-width:530px){.gain-loop{font-size:.7em!important}}@media only screen and (max-width:414px){.gain-left div,.gain-right div{display:block}}@media only screen and (min-width:992px) and (max-width:1100px){.diviend-loop{font-size:.9em!important}}@media only screen and (min-width:0px) and (max-width:700px){.diviend-loop{margin:15px 0}.dividend-left,.dividend-right{display:block;width:100%}.dividend,.dividend_avg,.dividend_sum,.year{width:50%}.year div{width:90%}.dividend_avg{padding-left:5%}.dividend{padding-left:30px}@media only screen and (min-width:415px) and (max-width:530px){.diviend-loop{font-size:.7em!important}}@media only screen and (min-width:0px) and (max-width:414px){.dividend,.dividend_avg,.dividend_sum,.year{display:block;width:100%}.dividend,.dividend_avg,.dividend_sum{padding-left:10%}}.text-center{text-align:center}}.pagination-content{float:right!important;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link-a{color:#ff6902!important;padding:2px 10px!important;font-size:.8em!important;position:relative;display:block;margin-left:-1px;line-height:1.25;background-color:#fff;border:1px solid #dee2e6}.page-link-a:hover{color:#ff6902!important;background-color:#eeebeb}.pag-prev{border-radius:3px 0 0 3px!important}.pag-next{border-radius:0 3px 3px 0!important}.pag-active .page-link-a{background-color:#ff6902!important;border-color:#ff6902!important;color:#fff!important}.share_per_month,.start_year_share{display:inline-block;width:calc(50% - 20px);margin:0 10px}table.table-share th{border-top:1px solid #fff!important}.share-loop{border-top:1px solid #bebebe;padding:20px 0;cursor:pointer}.mobile-share-content{display:none}.share-row-first,.share-row-second{display:inline-block;margin:0 10px;width:calc(50% - 20px)}@media only screen and (min-width:0px) and (max-width:1200px){.table-share{display:none}.mobile-share-content{display:block}}@media only screen and (min-width:0px) and (max-width:740px){.share-row-first,.share-row-second{display:block;width:100%;margin:0}.share-loop{font-size:.9em}.share_per_month,.start_year_share{display:block;width:100%}}table.table-deposit th{border-top:1px solid #fff!important}.td-type{width:35%}.money{text-align:right}.acc-name,.acc-no,.acc-total,.acc-type{display:inline-block;width:50%}.acc-name,.acc-no,.acc-total,.acc-type,.deposit-row-first,.deposit-row-fourt,.deposit-row-second,.deposit-row-third{display:inline-block;width:calc(50% - 20px);margin:0 10px}.mobile-content{display:none}.deposit-loop{border-top:1px solid #bebebe;padding:20px 0}.th-title{text-align:center}.th-body{text-align:right}.is-withdrawal{color:#f00606}.is-deposit{color:#15be05}.table-deposit-account tbody tr:hover{color:#ff6902;cursor:pointer}.mobile-trans{float:right}@media only screen and (min-width:0px) and (max-width:800px){.mobile-content{display:block}.table-deposit{display:none}}@media only screen and (min-width:0px) and (max-width:640px){.acc-name,.acc-no,.acc-total,.acc-type,.deposit-row-first,.deposit-row-fourt,.deposit-row-second,.deposit-row-third{display:block;width:100%;margin:0}.deposit-loop{font-size:.9em}}.card-trans-content{padding:20px!important}table.table-loan th{border-top:1px solid #fff!important}.loan-row-first,.loan-row-fourt,.loan-row-second,.loan-row-third{display:inline-block;margin:0 10px;width:calc(50% - 20px)}.mobile-loan-content{display:none}.loan-loop{border-top:1px solid #bebebe;padding:20px 0;cursor:pointer}.table-loan tbody tr:hover{color:#ff6902;cursor:pointer}@media only screen and (min-width:0px) and (max-width:1200px){.table-loan{display:none}.mobile-loan-content{display:block}.card-info{padding:20px!important}}@media only screen and (min-width:0px) and (max-width:640px){.loan-row-first,.loan-row-fourt,.loan-row-second,.loan-row-third{display:block;width:100%;margin:0}.loan-loop{font-size:.9em}}label{display:flex;justify-content:flex-end}label>*{margin:auto 15px;width:auto}label>select{width:25%!important}.flex-card-header{display:flex;flex-wrap:nowrap;font-size:1.2em;font-weight:bolder}.flex-card-header>div{flex-direction:column;width:100%;margin:auto}.flex-card{display:flex;width:100%;flex-wrap:nowrap}.flex-card>div{flex-direction:column;width:100%;margin:auto}.flex-container{display:flex;flex-wrap:nowrap}.flex-container>.flex-card{padding:0 24px 0 0}div.table>tr:hover,table>tbody>tr:hover{color:#ff6902}.table>thead>tr>th{font-size:1em;font-weight:bolder}.title{font-size:1.2em;font-weight:700}.guaran-loop{border-top:1px solid #bebebe;padding:20px 0}.guaran-row{margin:0 2%;width:46%;display:inline-block}.text-title{font-weight:700}.text-desc{float:right}.text-right{text-align:right}.text-center{text-align:center}@media only screen and (min-width:400px) and (max-width:675px){.guaran-row{width:100%;display:block;margin:0;padding:0 20px}}@media only screen and (min-width:0px) and (max-width:399px){.guaran-row{width:100%;display:block;margin:0;padding:0 20px;font-size:1em!important}@media only screen and (min-width:0px) and (max-width:360px){.guaran-row{font-size:.8em!important}}}.changePassword{width:250px!important;margin-left:calc(50% - 125px)}.btn-success{background-color:#458036!important}.btn-row{text-align:center!important}.btn-row div{font-size:.8em;margin:10px 0;color:#a19f9f}.input-error{border:1px solid #f80404!important}.c-hide,.c-show{position:absolute;margin-top:4%;right:10px;color:#9c9b9b;cursor:pointer;font-size:.6em;z-index:999}.set-password{-webkit-text-security:disc;-moz-text-security:disc;text-security:disc}@media only screen and (min-width:0px) and (max-width:370px){.input-group{width:200px!important;margin-left:calc(50% - 100px)}}.msg-all-action,.msg-all-icon,.msg-all-row,.msg-all-title{display:inline-block}.msg-all-icon{width:40px;vertical-align:top}.msg-all-title{width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-all-row{width:calc(100% - 30px);color:#000}.msg-all-row:hover{color:#000}.msg-all-action{width:25px;float:right;vertical-align:top}.msg-all-loop{cursor:pointer;padding:20px 0;border-top:1px solid #bebebe}.is-first{border-top:unset!important}.msg-all-action i,.msg-all-icon i{color:#ff6902}.msg-all-content{padding:15px 0 10px;border-top:1px solid #bebebe;cursor:pointer}.card-content .far,.card-content .fas{vertical-align:middle!important}.msg-all-time{font-size:.9em!important;color:#a19f9f!important}.msg-desc-row{position:relative}.msg-desc-title{width:calc(100% - 40px);display:inline-block;font-size:1.2em}.msg-desc-action{display:inline-block;width:40px;text-align:right}.msg-desc-action i{color:#ff6902}.msg-desc-action i:hover{cursor:pointer}.msg-desc-time{font-size:.9em;color:#a19f9f}.message-text{position:relative;padding-top:20px}.message-text img{position:relative;width:100%}.message-text a{color:#1485f0!important}.message-text a:hover{text-decoration:underline}.page-content{width:100%;height:100%;position:relative;text-align:center}.page-title-thai{margin-top:20px;font-size:1.8em}.page-error-code{font-size:1.8em}.page-error-contact{font-size:1.8em;color:#838282}.page-error-contact .fab,.page-error-contact .fas{margin-right:10px}@media only screen and (min-width:1050px) and (max-width:1350px){.page-error-code,.page-error-contact,.page-title-thai{font-size:1.4em}}@media only screen and (min-width:717px) and (max-width:1049px){.page-content{width:100%;height:100%}.page-error-code,.page-error-contact,.page-title-thai{font-size:1.4em}}@media only screen and (min-width:0px) and (max-width:716px){.page-content{width:100%;height:100%;padding:20px}.page-error-code,.page-error-contact,.page-title-thai{font-size:1.2em}.page-content-img{width:unset}}@font-face{font-family:upbean;src:url(/online/static/media/upbean_regular_ver_1.00-webfont.182d4f30.eot);src:url(/online/static/media/upbean_regular_ver_1.00-webfont.182d4f30.eot?#iefix) format("embedded-opentype"),url(/online/static/media/upbean_regular_ver_1.00-webfont.41155d37.woff2) format("woff2"),url(/online/static/media/upbean_regular_ver_1.00-webfont.cdb83480.woff) format("woff"),url(/online/static/media/upbean_regular_ver_1.00-webfont.c2c635d4.ttf) format("truetype"),url(/online/static/media/upbean_regular_ver_1.00-webfont.b4d47d42.svg#upbeanregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:upbean;src:url(/online/static/media/upbean_bold_ver_1.00-webfont.0dc9ace9.eot);src:url(/online/static/media/upbean_bold_ver_1.00-webfont.0dc9ace9.eot?#iefix) format("embedded-opentype"),url(/online/static/media/upbean_bold_ver_1.00-webfont.207c3bd9.woff2) format("woff2"),url(/online/static/media/upbean_bold_ver_1.00-webfont.5423e1b6.woff) format("woff"),url(/online/static/media/upbean_bold_ver_1.00-webfont.16b2cf1d.ttf) format("truetype"),url(/online/static/media/upbean_bold_ver_1.00-webfont.eb46acb1.svg#upbeanbold) format("svg");font-weight:700;font-style:normal}.app-container{margin:0;padding:0;font-family:upbean}.fix-content{width:1280px;margin-left:calc(50% - 640px)}.card{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);border:none!important;margin-top:20px!important}.card-title{background:#ff6902;border-radius:.25rem .25rem 0 0;padding:10px;margin-bottom:0!important}.card-content{padding:20px;font-size:1.3em}.card-content,.card-content div{position:relative}.card-icon{background:#fff;border-radius:50%;width:50px;height:50px;text-align:center;vertical-align:middle}.card-icon i{color:#ff6902;margin-top:25%}.card-icon i,.card-title-text{vertical-align:middle;font-size:1.45em}.card-title-text{color:#fff;padding-left:10px}.no-data{text-align:center;font-size:1em}.swal2-popup{font-family:upbean!important;z-index:99999}.swal2-title{font-size:2em!important}.swal2-confirm,.swal2-content{font-size:1.4em!important}.swal2-confirm{background:#ff6902!important}.swal2-cancel{font-size:1.4em!important}.content-bar{width:calc(70% - 20px);margin-left:20px;vertical-align:top}.content-bar-bigger{padding:0 20px}.card-count,.card-icon,.card-title-text,.content-bar,.side-bar{display:inline-block}.side-bar{width:30%}.styles_modal__gNwvD{border-radius:6px;font-family:upbean!important;min-width:400px}.styles_closeButton__20ID4{cursor:pointer}.styles_address{min-width:800px}.modal-title{width:100%;text-align:center}@media only screen and (min-width:0px) and (max-width:450px){.styles_modal__gNwvD{min-width:320px}@media only screen and (min-width:0px) and (max-width:380px){.styles_modal__gNwvD{min-width:280px}.input-group{width:250px!important;margin-left:calc(50% - 125px)}}}@media only screen and (min-width:740px) and (max-width:880px){.styles_address{min-width:680px}}@media only screen and (min-width:450px) and (max-width:739px){.styles_address{min-width:400px}}@media only screen and (min-width:400px) and (max-width:452px){.styles_address{min-width:360px}}@media only screen and (min-width:0px) and (max-width:991px){.side-bar{display:none}.content-bar{width:100%;padding-right:1rem;padding-left:1rem;margin-left:0}.content-bar-bigger{padding:0}}@media only screen and (max-width:1280px){.fix-content{width:100%;margin-left:unset}}
/*# sourceMappingURL=main.9335865c.chunk.css.map */