.wrap-upload-container.content-popup{margin-top:0}.wrap-upload-container .wrap-body-tab-upload{border:4px dashed #fff;border-radius:15px}.wrap-upload-container .error-msg{background-color:rgba(220,31,39,.2);border:1px solid rgba(220,31,39,.8);border-radius:.25rem;padding:.75rem 1.25rem;color:rgba(220,31,39,.8);font-family:Sarabun,sans-serif;text-align:center}.wrap-upload-container .dropzone{background:#fff none repeat scroll 0 0;position:relative;width:100%;height:100%}.wrap-upload-container .wrap-select-image{padding-top:20px;min-height:225px;text-align:center;margin:auto;color:#676a6c;cursor:pointer}.wrap-upload-container .wrap-select-image div{margin:0 auto;font-size:24px;font-weight:500;max-width:75%}.wrap-upload-container .wrap-select-image .wrapper-icon{width:200px;position:relative}.wrap-upload-container .wrap-select-image .fa5-icon{position:absolute;line-height:125px}.wrap-upload-container .wrap-select-image .main-icon{font-size:120px;color:#b0b0b0;position:relative}.wrap-upload-container .wrap-select-image .animate-icon{transition:all .2s ease;font-size:46px;top:47px;left:78px;color:#b0b0b0;position:absolute}.wrap-upload-container .wrap-select-image .level-1-icon,.wrap-upload-container .wrap-select-image .level-2-icon,.wrap-upload-container .wrap-select-image .level-3-icon,.wrap-upload-container .wrap-select-image .level-4-icon,.wrap-upload-container .wrap-select-image .level-5-icon,.wrap-upload-container .wrap-select-image .level-6-icon,.wrap-upload-container .wrap-select-image .level-7-icon{color:#e9e9e9}.wrap-upload-container .wrap-select-image .level-1-icon{font-size:15px;top:30px;left:0}.wrap-upload-container .wrap-select-image .level-2-icon{font-size:15px;top:-40px;right:13px}.wrap-upload-container .wrap-select-image .level-3-icon{font-size:10px;top:45px;right:16px}.wrap-upload-container .wrap-select-image .level-4-icon{font-size:10px;top:10px;left:13px}.wrap-upload-container .wrap-select-image .level-5-icon{font-size:25px;top:-10px;left:-10px}.wrap-upload-container .wrap-select-image .level-6-icon{font-size:16px;top:-14px;right:17px}.wrap-upload-container .wrap-select-image .level-7-icon{font-size:20px;top:12px;right:3px}.wrap-upload-container .wrap-select-image .shadow-icon{height:15px;border-radius:50%;background-color:#e3e3e3;position:relative;margin:5px auto 15px;width:156px}.wrap-upload-container .wrap-select-image .desc{font-size:24px}.wrap-upload-container .wrap-select-image .desc-small{font-size:16px}.wrap-upload-container .group-upload .label-or{color:#999;font-size:15px;text-align:center;padding:15px 0 25px}.wrap-upload-container .group-upload .label-or span{color:#1d2129}.wrap-upload-container .group-upload .wrap-all-upload-btn{text-align:center;padding-top:10px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload{display:inline-block;vertical-align:top;width:75px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload img{vertical-align:middle;border:0}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-icon{font-size:26px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-label{margin-top:10px;font-size:12px;color:#888}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_device .btn-icon{color:#5a64d1}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload{cursor:pointer;border:0;background:transparent;text-align:center}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=dropbox] img{width:28px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=google_drive] img{width:30px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=google_drive] .btn-label{margin-top:12px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=onedrive] img{width:42px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=onedrive] .btn-label{margin-top:13px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=sharepoint] img{width:34px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=box] img{width:28px}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_link .btn-icon{color:#eb9a41}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_link .btn-label{margin-top:12px}.wrap-upload-container .dz-default{display:none}.wrap-upload-container.hover .wrap-body-tab-upload{border-color:#5a64d1}.wrap-upload-container.hover .animate-icon,.wrap-upload-container.active .animate-icon{font-size:50px;top:45px;left:77px;color:#5a64d1}.wrap-upload-container .progress{width:350px;height:12px;margin:0 auto}.wrap-upload-container .wrap-dropzone:not(.active),.wrap-upload-container .wrap-crop-image:not(.active){display:none}.wrap-upload-container .wrap-preview-image{display:none;position:relative}.wrap-upload-container .wrap-preview-image.preview_detail{padding-left:250px}.wrap-upload-container .wrap-preview-image.active{display:block}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image{position:relative;margin:0 auto}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image .template-preview-crop-image{width:100%;height:100%;position:absolute}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image .preview-crop-image{position:relative;mix-blend-mode:multiply}.wrap-upload-container .crop-area{max-width:100%;max-height:363px}.wrap-upload-container .cropper-face{background-color:transparent}.wrap-upload-container .cropper-bg{background:#eee!important;max-height:363px!important}.wrap-upload-container .cropper-line,.wrap-upload-container .cropper-point{background-color:#fff}.wrap-upload-container .cropper-dashed{display:none}.wrap-upload-container .cropper-view-box{outline-color:#fff}.wrap-upload-container .cropper-point{width:20px!important;height:20px!important;opacity:1!important;background-color:transparent}.wrap-upload-container .cropper-point.point-n,.wrap-upload-container .cropper-point.point-w,.wrap-upload-container .cropper-point.point-s,.wrap-upload-container .cropper-point.point-e{display:none}.wrap-upload-container .cropper-point.point-ne{border-top:3px solid #fff;border-right:3px solid #fff}.wrap-upload-container .cropper-point.point-se{border-bottom:3px solid #fff;border-right:3px solid #fff}.wrap-upload-container .cropper-point.point-sw{border-bottom:3px solid #fff;border-left:3px solid #fff}.wrap-upload-container .cropper-point.point-nw{border-top:3px solid #fff;border-left:3px solid #fff}.wrap-upload-container .upload-footer{padding:10px 10px 0;display:flex;align-items:center}.wrap-upload-container .wrap-body-tab-upload .btn-add,.wrap-upload-container .wrap-body-tab-upload .btn-cancel{margin-top:0;padding-left:16px;padding-right:16px}.wrap-upload-container .wrap-zoom-img .slidertool{height:20px;-webkit-appearance:none;margin-left:10px;margin-right:10px}.wrap-upload-container .wrap-zoom-img .slidertool:focus{outline:0}.wrap-upload-container .wrap-zoom-img .slidertool::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:rgba(150,40,38,.4);border-radius:1px;border:0 solid #e9ebee}.wrap-upload-container .wrap-zoom-img .slidertool.active_slider::-webkit-slider-thumb{background:red!important}.wrap-upload-container .wrap-zoom-img .slidertool::-webkit-slider-thumb{background-color:#fff;border:3px solid #5a64d1;box-shadow:0 0 0 #000;height:18px;width:18px;border-radius:25px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-webkit-slider-runnable-track{background:rgba(150,40,38,.4)}.wrap-upload-container .wrap-zoom-img .slidertool::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:rgba(90,100,209,.4);border-radius:1px;border:0 solid #000}.wrap-upload-container .wrap-zoom-img .slidertool::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid #e9ebee;height:18px;width:18px;border-radius:25px;background:#5a64d1;cursor:pointer}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-fill-lower{background:#e9ebee;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-fill-upper{background:#e9ebee;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-ms-fill-lower{background:#e9ebee}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-ms-fill-upper{background:#e9ebee}.wrap-upload-container #wrap_tab_url{padding-top:20px}.wrap-upload-container #wrap_tab_url .wrap_input_url{max-width:75%;margin:0 auto}.wrap-upload-container #wrap_tab_url .wrap-input{margin-top:0}.wrap-upload-container .wrap-other-method{margin-top:2px;text-align:center;height:50px;line-height:50px;font-size:14px;font-weight:500;color:#5a64d1}.wrap-upload-container .wrap-btn{display:flex;align-items:center}.wrap-upload-container .fallback{display:none}.wrap-upload-container .wrap_progress{margin-top:10px}.progress{overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:none}.progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#5a64d1;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.wrap-zoom-img input[type=range]{overflow:hidden;-webkit-appearance:none}.wrap-zoom-img input[type=range]::-webkit-slider-runnable-track{background:#5a64d1!important}.wrap-zoom-img input[type=range]::-moz-range-track{background-color:#5a64d1!important}.wrap-zoom-img input[type=range]::-ms-track{background:#5a64d1!important}.wrap-zoom-img input[type=range]::-ms-fill-lower{background:#5a64d1!important}.wrap-zoom-img input[type=range]::-ms-fill-upper{background:#5a64d1!important}html{background:url(../../images/layout/img_bg.jpg) center center no-repeat fixed;background-size:cover;margin:0;width:100%;height:100%;background-color:unset}html::after{background-color:#fff}.page{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border-radius:6px;padding:40px 20px 20px;position:relative;margin-top:0}.page.w-full{padding:0}body{line-height:1.5;margin:0;width:100%;min-height:100%;display:flex;justify-content:center;position:relative;padding-bottom:30px;background-color:transparent;font-size:15px}body::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;background-color:#fff;opacity:.4;z-index:-1}.page-login{width:100%;display:flex;align-items:center;justify-content:center}.wrap-login-container{position:relative;text-align:left;width:50%;padding:20px 20px 20px 0}.wrap-login-container .wrap-login{max-width:380px;width:100%;font-size:15px;text-align:left;display:inline-block;padding:30px 40px 27px;border-radius:6px}.wrap-login-container .wrap-login .wrap-logo{padding:0;float:right;display:none}.wrap-login-container .head-title{font-size:32px;line-height:32px;margin-bottom:10px}.wrap-login-container .tm-form-group{margin-bottom:0;margin-top:12px}.wrap-login-container .tm-form-group .form_placeholder{font-size:17px}.wrap-logo{text-align:center;width:50%;padding:20px}.wrap-logo img{max-height:193px;max-width:193px}.wrap-logo.xs{width:unset}.wrap-logo.xs img{max-height:41px;max-width:65px}a.link{color:#5a64d1}a.link:hover{text-decoration:underline}#login-form .btn-save{margin-top:14px;font-size:16px;line-height:24px;font-weight:700}#login-form .forgot{margin-top:10px;text-align:center}.copyright{position:absolute;color:#fff;bottom:10px}.wrap-err{display:flex;font-size:14px;line-height:initial;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-weight:normal;border-radius:4px;background-color:#fddede;margin-top:12px;margin-bottom:12px;min-height:56px;padding:10px 14px;align-items:center}.wrap-err .lb-err{font-size:15px}.wrap-err.err-gg .ic-layout.noti{width:20px;height:20px}.wrap-err.err-email .ic-layout.noti{width:27px;height:20px}.wrap-get .box-gg{position:relative}.wrap-get .box-gg .g-signin2{position:absolute;width:100%;height:100%;opacity:0}.wrap-get .box-gg .abcRioButton{width:100%!important;height:100%!important}.wrap-get #connect-gg{border:1px solid #dfe1e5;background-color:#fff;margin-top:30px}.bt-social{padding:9.5px 40px;border-radius:28px;text-align:left;cursor:pointer;width:100%}.ic-layout{display:inline-block;vertical-align:middle;background-image:url(../../images/layout/sprite.svg);background-repeat:no-repeat;margin-right:8px}.ic-layout.gg{width:16px;height:16px;background-position:-90px 0}.ic-layout.noti{margin-right:12px;width:27px;height:20px;background-position:-90px -25px;padding:0 6px}.ic-align{vertical-align:middle;display:inline-block}.s-line{display:flex;margin:16px auto;align-items:center}.s-line .s-txt{color:#9b9b9b;margin:auto 8px}.s-line::after,.s-line::before{content:"";height:1px;flex:1;background-color:#eee}.d-none{display:none!important}@media(max-width:767px){.wrap-login.wrap-logo{display:block}.wrap-logo{display:none}.wrap-login-container{width:100%;padding:20px;display:flex}.wrap-login-container .wrap-login{margin:auto;padding:30px 20px}.wrap-login-container .wrap-login .wrap-logo.xs{display:block}}.wrap-login .section{display:none}.wrap-login .section[data-section=forgot-password]>*:not(:last-child),.wrap-login .section[data-section=reset-password]>*:not(:last-child){margin-bottom:15px}.back_btn{margin-inline:-40px;border-top:#eee 1px solid;margin-bottom:-17px;margin-top:15px;padding-top:7px}.back_btn .back_btn_container{line-height:40px;text-align:center;vertical-align:middle}.back_btn .back_btn_container a{cursor:pointer}.back_btn .back_btn_container a:hover{text-decoration:underline}@media(max-width:767px){.back_btn{margin-inline:-20px}}