@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Th.woff2") format('woff2');font-weight:lighter}@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Rg.woff2") format('woff2');font-weight:normal}@font-face{font-family:"LINE seed sans TH";src:url("../font/WOFF2/LINESeedSansTH_W_Bd.woff2") format('woff2');font-weight:bold}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:100;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU5RspzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:200;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdUxRtpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU8ptpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU5RtpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU6ZtpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU0pqpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU3NqpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdUxRqpzE.ttf) format('truetype')}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v25/iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdUz1qpzE.ttf) format('truetype')}body,html{background-color:white;font-family:"LINE seed sans TH","Prompt'";font-weight:normal;height:100%;line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}a{text-decoration:none;color:initial;transition:all .3s;color:#120300}figure{margin:0}.load-wrap,.app-load-text{width:100%;height:100%;position:fixed;top:0;left:0;filter:hue-rotate(311deg);background:rgba(255,255,255,0.5) url("../img/wait.gif");background-position:center;background-repeat:no-repeat;background-size:100px;z-index:10000;cursor:wait}.app-load-text{justify-content:center;align-items:center;color:#120300;font:bold 20px "LINE seed sans TH","Prompt'";display:flex}p{margin-bottom:3px}form{font-family:"LINE seed sans TH","Prompt'"}.purpul_gd_bg{background-image:linear-gradient(to right, #8c75cd, #9780d5, #a28adc, #ad95e4, #b8a0ec)}.blue_gd_bg{background-image:linear-gradient(to right, #3e5fd2, #3d6cdd, #3d79e8, #3e86f3, #4093fd)}.red_gd_bg{background-image:linear-gradient(to right, #dc6968, #e3706f, #eb7877, #f27f7e, #f98786)}.orange_gd_bg{background-image:linear-gradient(to right, #f09159, #f1985d, #f29f62, #f2a567, #f3ac6c)}h2{font:bold 20px "LINE seed sans TH","Prompt'"}h3{font:bold 18px "LINE seed sans TH","Prompt'"}.w-100{width:100%!important}.w-99{width:99%!important}.w-98{width:98%!important}.w-97{width:97%!important}.w-96{width:96%!important}.w-95{width:95%!important}.w-94{width:94%!important}.w-93{width:93%!important}.w-92{width:92%!important}.w-91{width:91%!important}.w-90{width:90%!important}.w-89{width:89%!important}.w-88{width:88%!important}.w-87{width:87%!important}.w-86{width:86%!important}.w-85{width:85%!important}.w-84{width:84%!important}.w-83{width:83%!important}.w-82{width:82%!important}.w-81{width:81%!important}.w-80{width:80%!important}.w-79{width:79%!important}.w-78{width:78%!important}.w-77{width:77%!important}.w-76{width:76%!important}.w-75{width:75%!important}.w-74{width:74%!important}.w-73{width:73%!important}.w-72{width:72%!important}.w-71{width:71%!important}.w-70{width:70%!important}.w-69{width:69%!important}.w-68{width:68%!important}.w-67{width:67%!important}.w-66{width:66%!important}.w-65{width:65%!important}.w-64{width:64%!important}.w-63{width:63%!important}.w-62{width:62%!important}.w-61{width:61%!important}.w-60{width:60%!important}.w-59{width:59%!important}.w-58{width:58%!important}.w-57{width:57%!important}.w-56{width:56%!important}.w-55{width:55%!important}.w-54{width:54%!important}.w-53{width:53%!important}.w-52{width:52%!important}.w-51{width:51%!important}.w-50{width:50%!important}.w-49{width:49%!important}.w-48{width:48%!important}.w-47{width:47%!important}.w-46{width:46%!important}.w-45{width:45%!important}.w-44{width:44%!important}.w-43{width:43%!important}.w-42{width:42%!important}.w-41{width:41%!important}.w-40{width:40%!important}.w-39{width:39%!important}.w-38{width:38%!important}.w-37{width:37%!important}.w-36{width:36%!important}.w-35{width:35%!important}.w-34{width:34%!important}.w-33{width:33%!important}.w-32{width:32%!important}.w-31{width:31%!important}.w-30{width:30%!important}.w-29{width:29%!important}.w-28{width:28%!important}.w-27{width:27%!important}.w-26{width:26%!important}.w-25{width:25%!important}.w-24{width:24%!important}.w-23{width:23%!important}.w-22{width:22%!important}.w-21{width:21%!important}.w-20{width:20%!important}.w-19{width:19%!important}.w-18{width:18%!important}.w-17{width:17%!important}.w-16{width:16%!important}.w-15{width:15%!important}.w-14{width:14%!important}.w-13{width:13%!important}.w-12{width:12%!important}.w-11{width:11%!important}.w-10{width:10%!important}.w-9{width:9%!important}.w-8{width:8%!important}.w-7{width:7%!important}.w-6{width:6%!important}.w-5{width:5%!important}.w-4{width:4%!important}.w-3{width:3%!important}.w-2{width:2%!important}.w-1{width:1%!important}.font-size-100{font-size:100px!important}.font-size-99{font-size:99px!important}.font-size-98{font-size:98px!important}.font-size-97{font-size:97px!important}.font-size-96{font-size:96px!important}.font-size-95{font-size:95px!important}.font-size-94{font-size:94px!important}.font-size-93{font-size:93px!important}.font-size-92{font-size:92px!important}.font-size-91{font-size:91px!important}.font-size-90{font-size:90px!important}.font-size-89{font-size:89px!important}.font-size-88{font-size:88px!important}.font-size-87{font-size:87px!important}.font-size-86{font-size:86px!important}.font-size-85{font-size:85px!important}.font-size-84{font-size:84px!important}.font-size-83{font-size:83px!important}.font-size-82{font-size:82px!important}.font-size-81{font-size:81px!important}.font-size-80{font-size:80px!important}.font-size-79{font-size:79px!important}.font-size-78{font-size:78px!important}.font-size-77{font-size:77px!important}.font-size-76{font-size:76px!important}.font-size-75{font-size:75px!important}.font-size-74{font-size:74px!important}.font-size-73{font-size:73px!important}.font-size-72{font-size:72px!important}.font-size-71{font-size:71px!important}.font-size-70{font-size:70px!important}.font-size-69{font-size:69px!important}.font-size-68{font-size:68px!important}.font-size-67{font-size:67px!important}.font-size-66{font-size:66px!important}.font-size-65{font-size:65px!important}.font-size-64{font-size:64px!important}.font-size-63{font-size:63px!important}.font-size-62{font-size:62px!important}.font-size-61{font-size:61px!important}.font-size-60{font-size:60px!important}.font-size-59{font-size:59px!important}.font-size-58{font-size:58px!important}.font-size-57{font-size:57px!important}.font-size-56{font-size:56px!important}.font-size-55{font-size:55px!important}.font-size-54{font-size:54px!important}.font-size-53{font-size:53px!important}.font-size-52{font-size:52px!important}.font-size-51{font-size:51px!important}.font-size-50{font-size:50px!important}.font-size-49{font-size:49px!important}.font-size-48{font-size:48px!important}.font-size-47{font-size:47px!important}.font-size-46{font-size:46px!important}.font-size-45{font-size:45px!important}.font-size-44{font-size:44px!important}.font-size-43{font-size:43px!important}.font-size-42{font-size:42px!important}.font-size-41{font-size:41px!important}.font-size-40{font-size:40px!important}.font-size-39{font-size:39px!important}.font-size-38{font-size:38px!important}.font-size-37{font-size:37px!important}.font-size-36{font-size:36px!important}.font-size-35{font-size:35px!important}.font-size-34{font-size:34px!important}.font-size-33{font-size:33px!important}.font-size-32{font-size:32px!important}.font-size-31{font-size:31px!important}.font-size-30{font-size:30px!important}.font-size-29{font-size:29px!important}.font-size-28{font-size:28px!important}.font-size-27{font-size:27px!important}.font-size-26{font-size:26px!important}.font-size-25{font-size:25px!important}.font-size-24{font-size:24px!important}.font-size-23{font-size:23px!important}.font-size-22{font-size:22px!important}.font-size-21{font-size:21px!important}.font-size-20{font-size:20px!important}.font-size-19{font-size:19px!important}.font-size-18{font-size:18px!important}.font-size-17{font-size:17px!important}.font-size-16{font-size:16px!important}.font-size-15{font-size:15px!important}.font-size-14{font-size:14px!important}.font-size-13{font-size:13px!important}.font-size-12{font-size:12px!important}.font-size-11{font-size:11px!important}.font-size-10{font-size:10px!important}.font-size-9{font-size:9px!important}.font-size-8{font-size:8px!important}.font-size-7{font-size:7px!important}.font-size-6{font-size:6px!important}.font-size-5{font-size:5px!important}.font-size-4{font-size:4px!important}.font-size-3{font-size:3px!important}.font-size-2{font-size:2px!important}.font-size-1{font-size:1px!important}.btn_main,.main-btn,.btn_main_sm{padding:10px 15px;text-align:center;background:hsl(11,97%,62%);color:white;font:bold 18px "LINE seed sans TH","Prompt'";border-radius:10px;border:0;transition:all .3s}.btn_main:hover,.main-btn:hover,.btn_main_sm:hover{background:#ad2000}.btn_main_sm{padding:5px 10px;font-size:16px}.btn_cicle,.cicle-btn{width:35px;height:35px;border-radius:100%;background:hsl(11,97%,62%);color:white;display:flex;align-items:center;justify-content:center;border:0;transition:all .3s}.btn_cicle:hover,.cicle-btn:hover{background:#ad2000}::-webkit-scrollbar{width:7px;height:7px;display:none}::-webkit-scrollbar-track{border-radius:7px;background:transparent;display:none}::-webkit-scrollbar-thumb{background:lightgray;border-radius:7px;display:none}::-webkit-scrollbar-thumb:hover{background:lightgray;display:none}.cke_notification{display:none!important}.app_main_wrap{width:100%;text-align:center;display:inline-block;position:relative}.app_main_wrap .app_main{max-width:500px;width:100%;display:inline-block;position:relative;min-height:100vh;background:#EFF3F4}.app_main_wrap .app_main .app_content_wrap{padding:80px 10px;padding-top:100px}.app_header{width:100%;display:flex;position:fixed;z-index:999}.app_header .app_header_wrap{display:flex;align-items:center;justify-content:space-between;max-width:500px;width:100%;background:white;padding:10px}.app_header .app_header_wrap .info_user{text-align:left}.app_header .app_header_wrap .info_user h2{margin-bottom:5px}.app_header .app_header_wrap .info_user h2 .name{font-weight:bold}.app_header .app_header_wrap .info_user .text_welcome{font-weight:bold;color:hsl(11,97%,62%)}.app_header .app_header_wrap .header_icon{font-size:30px;color:hsl(11,97%,62%);display:flex;align-items:center;justify-content:start}.app_header .app_header_wrap .header_icon .navigat_text{color:#120300;font:bold 18px "LINE seed sans TH","Prompt'";margin-left:5px}.app_header .app_header_wrap .header_img .img_wrap{width:50px;height:50px;border-radius:100%;overflow:hidden;border:2px solid orange;margin:0}.app_header .app_header_wrap .header_img .img_wrap img{width:100%;object-fit:cover;height:50px}.app_home_wrap .home_content .home_header_wrap .header_box{width:100%;border-radius:10px;background:hsl(11,97%,62%);padding:15px;height:170px}.app_home_wrap .home_content .home_header_wrap .class_info .class_name{background:white;color:hsl(11,97%,62%);padding:5px;border-radius:10px;font-weight:bold;text-align:start}.app_home_wrap .home_content .home_header_wrap .class_info .text{padding:10px;width:100%;text-align:center;color:white;font-weight:bold}.app_home_wrap .home_content .home_header_wrap .class_info .class_time{width:100%;display:flex;align-items:center;justify-content:center}.app_home_wrap .home_content .home_header_wrap .class_info .class_time .box_hr,.app_home_wrap .home_content .home_header_wrap .class_info .class_time .box_min{width:50px;height:50px;background:white;border-radius:10%;text-align:center;font:bold 30px "LINE seed sans TH","Prompt'";color:hsl(11,97%,62%);display:flex;align-items:center;justify-content:center}.app_home_wrap .home_content .home_header_wrap .class_info .class_time .icon{padding:0px 15px;color:white;font:bold 30px "LINE seed sans TH","Prompt'"}.app_home_wrap .home_content .home_header_wrap .point_hilight .text{font:bold 16px "LINE seed sans TH","Prompt'";color:white}.app_home_wrap .home_content .home_header_wrap .point_hilight .point{background:white;width:100%;padding:5px;font:bold 30px "LINE seed sans TH","Prompt'";color:hsl(11,97%,62%);text-align:center;border-radius:10px}.app_home_wrap .home_content .notification_wrap .notification_box{margin:10px 0;background:hsl(11,97%,62%);border-radius:10px;padding:10px}.app_home_wrap .home_content .notification_wrap .notification_box .close_btn_noti{text-align:right}.app_home_wrap .home_content .notification_wrap .notification_box .close_btn_noti .btn_cicle{background:white;display:flex;float:right;color:hsl(11,97%,62%);width:25px;height:25px}.app_home_wrap .home_content .notification_wrap .notification_box .notification_content{font:bold 20px "LINE seed sans TH","Prompt'";color:white;padding:10px 0}.app_home_wrap .home_content .notification_wrap .notification_box .notification_footer{padding:10px 0;display:flex;width:100%;align-items:center;justify-content:space-around}.app_home_wrap .home_content .notification_wrap .notification_box .notification_footer .noti_button{background:white;color:hsl(11,97%,62%);padding:5px 15px;width:48%;border-radius:10px;border:0}.app_home_wrap .home_content .notification_wrap .notification_box .notification_footer .noti_button a{color:hsl(11,97%,62%)}.app_home_wrap .home_content .notification_wrap .notification_box .notification_footer button{border:0;background:transparent}.app_home_wrap .home_content .hilight_menu{margin-top:20px}.app_home_wrap .home_content .hilight_menu .hilight_menu_box{background:white;padding:15px;padding-top:20px;border-radius:15px;margin-bottom:10px;height:150px}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .icon{font-size:30px}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .my_health{color:#F20052}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .book{color:#852DD5}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .class{color:hsl(11,97%,62%)}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .chat{color:#00CFB3}.app_home_wrap .home_content .hilight_menu .hilight_menu_box .text{color:#120300;font:bold 16px "LINE seed sans TH","Prompt'";text-align:center;padding:10px 0px}.app_home_wrap .home_content .book_wrap{margin-top:20px;text-align:left}.app_home_wrap .home_content .book_wrap .carousel{border-radius:10px;overflow:hidden}.app_home_wrap .home_content .book_wrap .carousel .carousel-indicators button{width:15px;height:15px;border-radius:100%}.app_home_wrap .home_content .class_hilight,.app_home_wrap .home_content .location_hilight{margin-top:20px;text-align:left}.app_home_wrap .home_content .class_hilight .swiper,.app_home_wrap .home_content .location_hilight .swiper{width:100%;height:100%}.app_home_wrap .home_content .class_hilight .swiper-slide,.app_home_wrap .home_content .location_hilight .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.app_home_wrap .home_content .class_hilight .swiper-slide img,.app_home_wrap .home_content .location_hilight .swiper-slide img{display:block;width:100%;height:150px;object-fit:cover}.app_home_wrap .home_content .class_hilight .location_hilight_wrap,.app_home_wrap .home_content .location_hilight .location_hilight_wrap{position:relative}.app_home_wrap .home_content .class_hilight .location_hilight_wrap .location_detail,.app_home_wrap .home_content .location_hilight .location_hilight_wrap .location_detail{position:absolute;bottom:0;display:flex;width:100%;align-items:center;justify-content:space-between;color:white;background:#000;background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);font-size:14px;padding:0px 5px}.app_home_wrap .home_content .class_hilight .location_hilight_wrap .location_detail p,.app_home_wrap .home_content .location_hilight .location_hilight_wrap .location_detail p{margin-bottom:5px}.app_home_wrap .home_content .class_hilight .location_hilight_wrap .location_detail .name,.app_home_wrap .home_content .location_hilight .location_hilight_wrap .location_detail .name{text-align:left}.app_home_wrap .home_content .class_hilight .location_hilight_wrap .location_detail .far,.app_home_wrap .home_content .location_hilight .location_hilight_wrap .location_detail .far{font:bold 10px "LINE seed sans TH","Prompt'"}.app_health_wrap{margin-top:-70px;margin-left:-10px;margin-right:-10px}.app_health_wrap .app_health{padding:0px 10px}.app_health_wrap .app_health .health_bmi_wrap{padding-top:80px;padding-left:40px ;padding-right:40px ;text-align:left;height:280px;background:white;border-radius:0 0 50rem 50rem;display:inline-block;width:100%}.app_health_wrap .app_health .health_bmi_wrap .bmi_number{font:bold 30px "LINE seed sans TH","Prompt'";color:hsl(11,97%,62%)}.app_health_wrap .app_health .health_bmi_wrap .bmi_status{width:80%;padding:5px 15px;border-radius:50rem;background:hsl(11,97%,62%);color:white;font-weight:bold;display:inline-block;text-align:center}.app_health_wrap .app_health .health_bmi_wrap .bmi_q{width:30px;height:30px;display:inline-block;text-align:center;padding-top:2px;border-radius:100%;background:hsl(11,97%,62%);margin-left:5px;color:white;font-weight:bold}.app_health_wrap .app_health .chart_wrap{text-align:left;margin-top:30px;padding:10px;background:white;border-radius:10px}.app_knowledge_wrap .app_knowledge{text-align:left}.app_knowledge_wrap .app_knowledge .know_box_wrap{padding:0px 10px}.app_knowledge_wrap .app_knowledge .know_box_wrap .know_box{position:relative;border-radius:10px;overflow:hidden;margin-bottom:10px;cursor:pointer}.app_knowledge_wrap .app_knowledge .know_box_wrap .know_box .text{position:absolute;bottom:0;background:#000;background:rgba(0,0,0,0.5);width:100%;height:180px;text-align:center;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:30px;padding:5px 15px}.app_knowledge_wrap .app_knowledge .know_box_wrap .know_box .img{width:100%;height:180px}.app_knowledge_wrap .app_knowledge .know_box_wrap .know_box .img img{width:100%;object-fit:cover;height:180px}.app_knowledge_wrap .app_knowledge .know_type_wrap .know_type_box{margin-bottom:20px}.app_knowledge_wrap .app_knowledge .know_type_wrap .know_type_box .img{border-radius:10px;overflow:hidden;width:100%;height:180px}.app_knowledge_wrap .app_knowledge .know_type_wrap .know_type_box .img img{width:100%;height:180px;object-fit:cover}.app_knowledge_wrap .app_knowledge .know_detail_wrap .know_detail_content video{width:100%;height:300px}.app_knowledge_wrap .app_knowledge .know_detail_wrap .know_detail_content .know_detail_text{margin-top:30px;font-size:18px}.app_social_wrap .app_social{margin:0 -10px;margin-top:-30px}.app_social_wrap .app_social .socail_head_bar_wrap{display:flex;align-items:center;justify-content:space-around;width:100%;padding-bottom:10px;background:white;position:relative;z-index:1}.app_social_wrap .app_social .socail_head_bar_wrap .header_box{font-size:26px}.app_social_wrap .app_social .socail_head_bar_wrap .active{color:hsl(11,97%,62%)}.app_social_wrap .app_social .social_post_wrap{margin-top:10px;width:100%;padding:10px 20px}.app_social_wrap .app_social .social_post_wrap .social_post_input{background:white;width:100%;padding:20px 10px 10px 10px;border-radius:10px}.app_social_wrap .app_social .social_post_wrap .social_post_input input{border-radius:50rem;border:1px solid hsl(11,97%,62%);padding:5px 15px;width:100%}.app_social_wrap .app_social .social_post_wrap .social_post_input input:focus{outline:none}.app_social_wrap .app_social .social_post_wrap .social_post_input .icon_wrap{display:flex;align-items:center;padding:10px}.app_social_wrap .app_social .social_post_wrap .social_post_input .icon_wrap .icon{margin-right:10px;cursor:pointer;color:hsl(11,97%,62%)}.app_social_wrap .app_social .social_post_wrap .social_post{padding:10px;background:white;border-radius:10px;margin-bottom:20px}.app_social_wrap .app_social .social_post_wrap .social_post .head_post{display:flex;align-items:center;justify-content:space-between}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .left_box{display:flex;align-items:center}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .left_box .img_user{width:40px;height:40px;overflow:hidden;border-radius:100%}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .left_box .img_user img{width:100%;height:40px;object-fit:cover}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .left_box .name_user{font:bold 16px "LINE seed sans TH","Prompt'";margin-left:5px}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .right_box{display:flex;align-items:center}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .right_box .time_post{font:bold 12px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .social_post_wrap .social_post .head_post .right_box .delete_post{color:hsl(11,97%,62%);margin-left:10px}.app_social_wrap .app_social .social_post_wrap .social_post .content_post{padding:10px 0px;text-align:left;position:relative}.app_social_wrap .app_social .social_post_wrap .social_post .content_post .like_post{display:none;position:absolute;width:100%;height:100%;align-items:center;justify-content:center;color:#F20052;transition:all .3s}.app_social_wrap .app_social .social_post_wrap .social_post .content_post .like_post i{font-size:60px}.app_social_wrap .app_social .social_post_wrap .social_post .img_post{width:100%;margin-top:10px}.app_social_wrap .app_social .social_post_wrap .social_post .img_post img{width:100%;border-radius:10px}.app_social_wrap .app_social .social_post_wrap .social_post .vdo_post{width:100%;margin-top:10px}.app_social_wrap .app_social .social_post_wrap .social_post .vdo_post video{width:100%;border-radius:10px}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post{display:flex;align-items:center;justify-content:space-between}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post .position_tag .position_icon{color:hsl(11,97%,62%);margin-right:5px}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post .position_tag .position_icon a{color:hsl(11,97%,62%);margin-right:5px}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post .icon{display:flex;align-items:center;justify-content:end}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post .icon i{color:#F20052}.app_social_wrap .app_social .social_post_wrap .social_post .footer_post .count_like{margin-left:5px;color:gray}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post{text-align:left;padding-top:10px}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .title{color:gray}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box{margin-bottom:10px;display:flex;align-items:top;justify-content:start}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_user_img{width:30px;height:30px;border-radius:100%;overflow:hidden}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_user_img img{width:100%;height:30px;object-fit:cover}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_text{margin-left:5px;padding:5px;border-radius:5px;background:#efefef}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_text .name{font:bold 16px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_text .text{font:normal 16px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_reply{width:90%;background:#efefef;border-radius:50rem;margin-left:5px}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_reply input{border:0;width:90%;margin-left:5px;padding:5px 15px;background:transparent}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_reply button{opacity:0;cursor:pointer;color:hsl(11,97%,62%);border:0;background:transparent}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_reply input:focus{outline:none}.app_social_wrap .app_social .social_post_wrap .social_post .comment_post .comment_post_box .comment_reply input:focus~button{opacity:1}.app_social_wrap .app_social .app_social_chat_wrap{text-align:left;padding:10px;position:absolute;top:0;padding-top:150px;padding-bottom:100px;width:100%;height:100%;z-index:0}.app_social_wrap .app_social .app_social_chat_wrap .chat_board{display:inline-block;width:100%;height:85%;overflow-y:scroll}.app_social_wrap .app_social .app_social_chat_wrap .chat_board ul{padding:0}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat{list-style:none;margin-bottom:15px}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box{background:white;border-radius:5px;display:inline-block;padding:10px}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .user_detail,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .user_detail{display:flex;align-items:center}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .user_detail .img,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .user_detail .img{margin-right:5px;width:30px;height:30px;border-radius:100%;overflow:hidden}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .user_detail .img img,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .user_detail .img img{width:100%;height:30px;object-fit:cover}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .user_detail .name,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .user_detail .name{margin-right:5px;display:inline-block;font:bold 16px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .massage,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .massage{font:normal 16px "LINE seed sans TH","Prompt'";padding:10px}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .left_chat .chat_box .time,.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .time{font:normal 14px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat{text-align:right}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box{background:hsl(11,100%,96%)}.app_social_wrap .app_social .app_social_chat_wrap .chat_board .right_chat .chat_box .user_detail{display:flex;align-items:center;justify-content:end}.app_social_wrap .app_social .app_social_chat_wrap .chat_input{display:block;width:100%;position:absolute;bottom:70px}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box{margin-bottom:10px;display:flex;align-items:top;justify-content:start}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_user_img{width:30px;height:30px;border-radius:100%;overflow:hidden}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_user_img img{width:100%;height:30px;object-fit:cover}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_text{margin-left:5px;padding:5px;border-radius:5px;background:#fff}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_text .name{font:bold 16px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_text .text{font:normal 16px "LINE seed sans TH","Prompt'"}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply{width:90%;background:#fff;border-radius:50rem;margin-left:5px}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply input,.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply textarea{border:0;width:80%;height:40px;margin-left:5px;padding:5px 15px;background:transparent}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply button{float:right;padding-right:15px;padding-top:10px;opacity:0;cursor:pointer;color:hsl(11,97%,62%);border:0;background:transparent}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply input:focus,.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply textarea:focus{outline:none}.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply input:focus~button,.app_social_wrap .app_social .app_social_chat_wrap .chat_input .comment_chat_box .comment_reply textarea:focus~button{opacity:1}.user_wrap .user_img_wrap{width:100%;text-align:center}.user_wrap .user_img_wrap .user_img{position:relative;width:160px;display:inline-block}.user_wrap .user_img_wrap .user_img .user_img_box{border:3px solid hsl(11,97%,62%);width:160px;height:160px;border-radius:100%;overflow:hidden;background:white;display:inline-block}.user_wrap .user_img_wrap .user_img .user_img_box img{width:100%;object-fit:cover;height:160px}.user_wrap .user_img_wrap .user_img .icon_edit{position:absolute;bottom:15px;right:10px;font-size:14px;padding-top:1px;width:25px;height:25px;border-radius:100%;text-align:center;background:hsl(11,97%,62%);color:white}.user_wrap .user_detail_wrap .user_detail{text-align:center;width:100%}.user_wrap .user_detail_wrap .user_detail .name{padding:10px 0px;font:bold 20px "LINE seed sans TH","Prompt'"}.user_wrap .user_detail_wrap .user_detail .point{width:200px;display:inline-block;background:hsl(11,97%,62%);padding:5px 15px;border-radius:5px;color:white;font:bold 18px "LINE seed sans TH","Prompt'"}.user_wrap .user_detail_wrap .user_info{text-align:left;margin-top:20px;background:white;border-radius:10px;padding:10px}.user_wrap .user_detail_wrap .user_info .user_info_head{display:flex;align-items:center;justify-content:space-between}.user_wrap .user_detail_wrap .user_info .user_info_head .icon_edit{font-size:14px;padding-top:1px;width:25px;height:25px;border-radius:100%;text-align:center;background:hsl(11,97%,62%);color:white}.user_wrap .user_detail_wrap .user_info ul{margin:0;padding:0}.user_wrap .user_detail_wrap .user_info ul li{list-style:none;margin-bottom:10px}.user_wrap .user_detail_wrap .user_info .user_friend_wrap .user_friend{padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.user_wrap .user_detail_wrap .user_info .user_friend_wrap .user_friend .user_friend_box{width:30%;margin-bottom:20px}.user_wrap .user_detail_wrap .user_info .user_friend_wrap .user_friend .user_friend_box .img{width:100%;height:120px;border-radius:5px;overflow:hidden}.user_wrap .user_detail_wrap .user_info .user_friend_wrap .user_friend .user_friend_box .img img{width:100%;height:160px;object-fit:cover}.user_wrap .user_detail_wrap .user_info .user_friend_wrap .user_friend .user_friend_box .name{display:block;text-wrap:balance}.user_wrap .user_detail_wrap .user_info .status_detail .number{color:hsl(11,97%,62%);font-size:26px}.user_wrap .user_detail_wrap .user_info .status_detail .number span{font:normal 16px "LINE seed sans TH","Prompt'"}.user_wrap .user_detail_wrap .user_info .status_bar{width:100%}.user_wrap .user_detail_wrap .user_info .status_bar .status_box{width:100%;height:15px;border-radius:50rem;border:1px solid hsl(11,97%,62%);overflow:hidden;text-align:left;margin:0;padding:0}.user_wrap .user_detail_wrap .user_info .status_bar .status_box .status{width:0%;height:16px;background:hsl(11,97%,62%);display:block;position:relative;margin-top:-2px;padding:0;border-radius:100rem;transition:all .3s}.backend_bmi{width:100%;display:inline-block}.backend_bmi .bmi_hilight{padding:10px;background:white;border-radius:10px;width:100%}.backend_bmi .bmi_hilight .bmi_hilight_head{padding:10px 0px;display:flex;align-items:top;justify-content:space-between}.backend_bmi .bmi_hilight .bmi_hilight_head .user{font:bold 16px "LINE seed sans TH","Prompt'";display:flex;justify-content:space-between;align-items:center}.backend_bmi .bmi_hilight .bmi_hilight_head .user .img{width:45px;height:45px;border-radius:100%;overflow:hidden;margin-left:10px}.backend_bmi .bmi_hilight .bmi_hilight_head .user .img img{width:100%;object-fit:cover;height:45px}.backend_bmi .bmi_hilight .bmi_hilige_box{padding:10px;border-radius:10px;width:100%;min-height:150px}.backend_bmi .bmi_hilight .bmi_hilige_box .text{font:bold 26px "LINE seed sans TH","Prompt'";color:white}.backend_bmi .bmi_hilight .bmi_hilige_box .number{font:30px "LINE seed sans TH","Prompt'";display:flex;color:white;align-items:center;justify-content:space-between}.backend_bmi .bmi_hilight .bmi_hilige_box .number span{font-size:26px}.chart_bmi{border-radius:10px;margin-top:20px;padding:10px}.chart_bmi .chart_wrap{background:white;padding:10px;border-radius:10px}.backend_knowledge{background:white;border-radius:10px;padding:10px;width:99%}.backend_knowledge .backend_knowledge_box{margin-bottom:30px}.backend_knowledge .backend_knowledge_box input[type='text'],.backend_knowledge .backend_knowledge_box input[type='input'],.backend_knowledge .backend_knowledge_box .input[type='number'],.backend_knowledge .backend_knowledge_box select{width:100%;border:0;border-bottom:1px solid hsl(11,97%,62%);padding:5px 15px}.backend_knowledge .backend_knowledge_box textarea{height:500px}.backend_knowledge .backend_knowledge_box .img{width:100%;height:200px;cursor:pointer}.backend_knowledge .backend_knowledge_box .img img{width:100%;height:200px;object-fit:contain}.backend_knowledge .backend_knowledge_box video{width:100%;height:200px}.backend_knowledge .backend_knowledge_box .position{display:none}.backend_knowledge .backend_knowledge_box .position input{border:0;border-bottom:1px solid hsl(11,97%,62%);padding:5px 15px}.backend_knowledge .backend_knowledge_box .position_show{display:inline-block}.backend_knowledge .backend_knowledge_box .progressBar{width:100%;background-color:#ccc}.backend_knowledge .backend_knowledge_box .progressBar .progress{width:0;height:30px;background-color:#4caf50}.backend_social_wrap{display:flex;align-items:center;justify-content:center}.backend_social_wrap .app_social_wrap{width:600px}.chat_backend{padding:10px}.chat_backend .chat_backend_left .chat_box,.chat_backend .chat_backend_right .chat_box{background:white;padding:10px;border-radius:10px;min-height:80vh}.chat_backend .chat_backend_left .chat_box .head_chat,.chat_backend .chat_backend_right .chat_box .head_chat{width:100%}.chat_backend .chat_backend_left .chat_box .head_chat input,.chat_backend .chat_backend_right .chat_box .head_chat input{border-radius:50rem;border:1px solid hsl(11,97%,62%);padding:2px 10px;width:100%}.chat_backend .chat_backend_left .user_chat{padding:20px 0}.chat_backend .chat_backend_left .user_chat .user_box{padding:10px 0;display:flex;align-items:center;justify-content:start}.chat_backend .chat_backend_left .user_chat .user_box .img{margin-right:5px;width:35px;height:35px;border-radius:100%;display:inline-block;overflow:hidden}.chat_backend .chat_backend_left .user_chat .user_box .img img{width:100%;height:35px;object-fit:cover}.chat_backend .chat_backend_left .user_chat .user_box .name{font:bold 16px "LINE seed sans TH","Prompt'"}.chat_backend .chat_backend_left .user_chat .active{border:1px solid hsl(11,97%,62%);border-radius:5px;background:hsl(11,100%,96%)}.chat_backend .chat_backend_right .chat_box{position:relative;width:100%;height:100%;padding-right:10px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap{text-align:left;padding:10px;position:absolute;top:0;padding-top:10px;padding-bottom:20px;width:100%;height:100%;z-index:0}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board{display:inline-block;width:100%;height:85%;overflow-y:scroll}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board ul{padding:0;padding-right:10px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat{list-style:none;margin-bottom:15px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text{background:white;border-radius:5px;display:inline-block;padding:10px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .user_detail,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .user_detail{display:flex;align-items:center}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .user_detail .img,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .user_detail .img{margin-right:5px;width:30px;height:30px;border-radius:100%;overflow:hidden}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .user_detail .img img,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .user_detail .img img{width:100%;height:30px;object-fit:cover}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .user_detail .name,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .user_detail .name{margin-right:5px;display:inline-block;font:bold 16px "LINE seed sans TH","Prompt'"}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .massage,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .massage{font:normal 16px "LINE seed sans TH","Prompt'";padding:10px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .left_chat .chat_box_text .time,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .time{font:normal 14px "LINE seed sans TH","Prompt'"}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat{text-align:right}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text{background:hsl(11,100%,96%)}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_board .right_chat .chat_box_text .user_detail{display:flex;align-items:center;justify-content:end}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input{display:block;width:100%;position:absolute;bottom:70px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box{margin-bottom:10px;display:flex;align-items:top;justify-content:start}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_user_img{width:30px;height:30px;border-radius:100%;overflow:hidden}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_user_img img{width:100%;height:30px;object-fit:cover}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_text{margin-left:5px;padding:5px;border-radius:5px;background:hsl(11,100%,96%)}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_text .name{font:bold 16px "LINE seed sans TH","Prompt'"}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_text .text{font:normal 16px "LINE seed sans TH","Prompt'"}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply{width:90%;background:hsl(11,100%,96%);border-radius:50rem;margin-left:5px}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply input,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply textarea{border:0;width:80%;height:40px;margin-left:5px;padding:5px 15px;background:transparent}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply button{float:right;padding-right:15px;padding-top:10px;opacity:0;cursor:pointer;color:hsl(11,97%,62%);border:0;background:transparent}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply input:focus,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply textarea:focus{outline:none}.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply input:focus~button,.chat_backend .chat_backend_right .chat_box .chat_box_mass_wrap .chat_input .comment_chat_box .comment_reply textarea:focus~button{opacity:1}.header{padding:5px;position:fixed;top:0;left:0;z-index:999;background:white}.header figure{margin-bottom:0}.header .header_wrap .header_logo{padding-left:30px}.header .header_wrap .header_logo img{width:80px}.header .header_wrap .header_logo .btn_wrap{position:relative;width:50px;display:inline-block;padding:0 10px}.header .header_wrap .header_logo .btn_wrap .open_menu_left,.header .header_wrap .header_logo .btn_wrap .close_menu_left{position:absolute;left:0;top:-10px;cursor:pointer}.header .header_wrap .header_logo .btn_wrap .close_menu_left{display:none}.header .header_wrap .header_content .time_box,.header .header_wrap .header_content .name_box{padding:10px;border-radius:10px;margin:0 5px;font-weight:bold;font-size:14px}.header .header_wrap .header_content .time_box{display:none}.header .header_wrap .header_content .icon_user .user_img{width:50px;height:50px;overflow:hidden;border-radius:100%}.header .header_wrap .header_content .icon_user .user_img img{width:100%;min-height:50px;object-fit:cover}.class_wrap .class .class_list{margin-bottom:10px}.class_wrap .class .class_list .class_list_box{border:1px solid hsl(11,97%,62%);border-radius:10px;padding:5px;background:hsl(11,97%,62%);overflow:hidden;position:relative;padding-bottom:20px}.class_wrap .class .class_list .class_list_box .class_list_box_detail{display:flex;align-items:center;justify-content:space-between;width:100%;background:hsl(11,97%,62%);padding:10px}.class_wrap .class .class_list .class_list_box .class_list_box_detail .name{width:45%;padding:10px;border-radius:10px;color:hsl(11,97%,62%);font:bold 18px "LINE seed sans TH","Prompt'";text-align:center;background:white}.class_wrap .class .class_list .class_list_box .class_list_box_detail .class_box_status{padding:10px;border-radius:10px}.class_wrap .class .class_list .class_list_box .class_list_box_detail .class_box_status .date{width:100%;border-radius:50rem;background:white;color:hsl(11,97%,62%);padding:2px 15px;font:bold 16px "LINE seed sans TH","Prompt'";margin-bottom:10px}.class_wrap .class .class_list .class_list_box .class_list_box_detail .class_box_status .time_wrap{display:flex;align-items:center;justify-content:space-between}.class_wrap .class .class_list .class_list_box .class_list_box_detail .class_box_status .time_wrap span{width:30px;height:30px;background:white;color:hsl(11,97%,62%);font:bold 20px "LINE seed sans TH","Prompt'";border-radius:5px;margin:auto}.class_wrap .class .class_list .class_list_box .class_list_box_status{border:1px solid hsl(11,97%,62%);border:0 0 10px 10px;position:absolute;width:98%;height:10px}.class_wrap .class .class_list .class_list_box .class_list_box_status .status_bar_wrap{border:1px solid white;border-radius:50rem;overflow:hidden;display:flex}.class_wrap .class .class_list .class_list_box .class_list_box_status .status_bar_wrap .status_bar_box{background:white;width:50%;display:inline-block;height:7px}.class_wrap .class .class_list .class_list_box .class_list_box_status .dot_status{width:20px;height:20px;position:absolute;background:white;border-radius:100%;z-index:1;top:-5px;left:48%}.class_wrap .class .class_activity{margin:0;text-align:left}.class_wrap .class .class_activity .class_activity_box{width:100%;height:200px;border-radius:10px;background:gray;position:relative;margin-top:10px}.class_wrap .class .class_activity .class_activity_box .img_bg{width:100%;position:absolute;object-fit:cover;top:0;border-radius:10px;overflow:hidden;z-index:0}.class_wrap .class .class_activity .class_activity_box .img_bg img{width:100%;object-fit:cover;min-height:200px}.class_wrap .class .class_activity .class_activity_box .detail{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:200px;justify-content:center;background-color:rgba(0,0,0,0.7);border-radius:10px;color:white;cursor:pointer}.class_wrap .class .class_activity .class_activity_box .detail .name{font:bold 30px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity .class_activity_box .detail .met{font:normal 20px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity_detail{text-align:left}.class_wrap .class .class_activity_detail .class_activity_content{background:white;padding:10px;border-radius:15px}.class_wrap .class .class_activity_detail .class_activity_content video{width:100%;height:200px;background:lightgray;border-radius:10px}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_content_text{padding:10px 0px}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_day .class_activity_day_box{width:30%;height:120px;border:2px solid hsl(11,97%,62%);border-radius:15px;float:left;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_day .class_activity_day_box p{margin-bottom:2px}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_day .class_activity_day_box .name{font:bold 20px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_day .class_activity_day_box .number{font:bold 18px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_day .active{background:hsl(11,97%,62%);color:white}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_time .class_activity_time_box{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid hsl(11,97%,62%);border-radius:10px;margin-bottom:10px}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_time .class_activity_time_box .date{text-align:center;font-weight:bold}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_time .class_activity_time_box .time{width:50%}.class_wrap .class .class_activity_detail .class_activity_content .class_activity_time .class_activity_time_box .time .time_input{width:100%;border-radius:10px;background:hsl(11,97%,62%);border:0px;font-weight:bold;font-size:20px;text-align:center;color:white;padding:5px 15px}.class_wrap .class .class_activity_detail .detail_head{display:flex;align-items:center;justify-content:space-between}.class_wrap .class .class_activity_detail .detail_head .times{color:hsl(11,97%,62%);font:bold 22px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity_detail .class_activity_active{display:flex;width:100%;justify-content:center}.class_wrap .class .class_activity_detail .class_activity_active .cicle{width:250px;height:250px;border-radius:100%;background:white;padding:10px;overflow:hidden;position:relative}.class_wrap .class .class_activity_detail .class_activity_active .cicle .count_number{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;color:hsl(11,97%,62%);font:bold 30px "LINE seed sans TH","Prompt'"}.class_wrap .class .class_activity_detail .class_activity_active .cicle .progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 0%, #ffc4a1 0);transition:all .3s}.class_wrap .class .class_activity_detail .class_activity_active .button_cicle{border-radius:100%;background:hsl(11,97%,62%);font:bold 18px "LINE seed sans TH","Prompt'";border:0;width:100px;height:100px;margin-top:50px;color:white}.class_wrap .class .class_activity_detail .day_count{padding:10px;background:hsl(11,97%,62%);color:white;border-radius:10px;margin-bottom:0;font:bold 18px "LINE seed sans TH","Prompt'";width:50px;text-align:center}.class_wrap .goals_wrap{width:100%;text-align:left;margin-bottom:20px}.class_wrap .goals_wrap .goals_box{background:hsl(11,97%,62%);border-radius:10px;padding:10px;color:white}.class_wrap .goals_wrap .goals_box .goals_head{width:100%;display:flex;align-items:center;justify-content:space-between}.class_wrap .goals_wrap .goals_box .goals_head .number_goals{font:bold 18px "LINE seed sans TH","Prompt'"}.class_wrap .goals_wrap .goals_box .number{text-align:right;width:100%;padding:20px 0}.class_wrap .goals_wrap .goals_box .number .number_goals_now{display:inline-block;font:bold 20px "LINE seed sans TH","Prompt'"}.footer{display:flex;justify-content:center;background:white;position:fixed;padding:10px;bottom:0;left:0;width:100%;z-index:999;text-align:center}.footer .footer_wrap{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;padding:0px 20px}.footer .footer_wrap .footer_menu{color:hsl(11,97%,62%)}.footer .footer_wrap .footer_menu a{color:hsl(11,97%,62%)}.footer .footer_wrap .footer_menu a:hover{color:#ad2000 !important}.footer .footer_wrap .active{background:hsl(11,97%,62%);color:white;width:50px;height:50px;border-radius:100%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:25px;margin-top:-20px}.footer .footer_wrap .active:hover{color:#ad2000}.footer .footer_wrap .active a{color:white}.footer .footer_wrap .active a:hover{color:#ad2000 !important}.main_content{padding-left:0;padding-right:0}.main_content .main_content_wrap{width:100%;display:flex;justify-content:end;top:0}.main_content .main_content_wrap .content-wrap .content-head .search_box_wrap{display:flex}.main_content .main_content_wrap .content-wrap .content-head .search_box_wrap .search_box{border:1px solid hsl(11,97%,62%);border-radius:50rem;padding:5px 10px}.main_content .main_content_wrap .content-wrap .content-head .search_box_wrap .search_box .text{font:bold 14px "LINE seed sans TH","Prompt'"}.main_content .main_content_wrap .content-wrap .content-head .search_box_wrap .search_box input{border:0px;background:transparent;width:100%}.main_content .main_content_wrap .content-wrap .content-head .search_box_wrap .search_box input:focus{outline:none}.main_content .main_content_wrap .main_content_display{text-align:left;width:100%;min-height:100vh;display:inline-block;padding:10px;padding-top:70px;padding-left:12%}.main_content .main_content_wrap .main_content_display .content_wrap{background:#EFF3F4;padding-top:70px}.main_content .main_content_wrap .main_content_display .content_wrap .content-head{padding:20px}.main_content .main_content_wrap .img_bg{overflow:hidden;background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important}.main_content .main_content_wrap .img_bg::after{content:"";width:120%;height:120%;display:inline-block;background:white;filter:blur(5px);position:absolute;z-index:0;opacity:.8;top:-20px;left:-20px;padding-top:-20px}.main_content .main_content_wrap .img_bg .user_header,.main_content .main_content_wrap .img_bg .task{position:relative;z-index:1}.main_content .main_content_wrap{padding-top:20px;position:relative}.main_content .main_content_wrap .main_content_menu{position:fixed;left:-100%;top:65px;z-index:999;background:white;border-radius:20px;width:250px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);padding-top:20px;transition:all .3s;height:550px;overflow-y:scroll}.main_content .main_content_wrap .main_content_menu ul{padding-left:0}.main_content .main_content_wrap .main_content_menu ul li{list-style:none}.main_content .main_content_wrap .main_content_menu ul .menu_link{font-weight:normal;padding:10px;border-radius:50px;transition:all .3s}.main_content .main_content_wrap .main_content_menu ul .menu_link a:hover{color:hsl(11,97%,62%)}.main_content .main_content_wrap .main_content_menu ul .menu_link:hover{color:hsl(11,97%,62%)}.main_content .main_content_wrap .main_content_menu ul .menu_link span{margin-right:10px}.main_content .main_content_wrap .main_content_menu ul .menu_link .inbox_has_task{width:10px;height:10px;display:inline-block;border-radius:100%}.main_content .main_content_wrap .main_content_menu ul .menu_link .notification{width:20px;height:20px;display:inline-block;color:white;font:bold 12px "LINE seed sans TH","Prompt'";border-radius:100%;text-align:center;padding-top:1px}.main_content .main_content_wrap .main_content_menu ul .menu_link ul .active{background:hsl(11,97%,62%);padding:5px 10px;margin-left:-10px;border-radius:50px;font-weight:bold!important}.main_content .main_content_wrap .main_content_menu ul .menu_link ul .active a{color:white;font-size:12px}.main_content .main_content_wrap .main_content_menu ul .active{background:hsl(11,97%,62%);font-weight:bold!important}.main_content .main_content_wrap .main_content_menu ul .active a{color:white}.main_content .main_content_wrap .main_content_menu .footer_menu{position:absolute;bottom:50px;left:40px}.main_content .main_content_wrap .main_content_mobile_menu{display:flex;justify-content:space-between;width:100%;height:50px;background:white;position:fixed;bottom:0;z-index:999;padding:0;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15)}.main_content .main_content_wrap .main_content_mobile_menu .mobile_menu_box{width:25%;display:flex;justify-content:center;align-items:center;position:relative;text-align:center}.main_content .main_content_wrap .main_content_mobile_menu .mobile_menu_box i{width:30px;height:30px;border-radius:100%;text-align:center;padding-top:8px;font-size:16px}.main_content .main_content_wrap .main_content_mobile_menu .active i{width:40px;height:40px;padding-top:10px;font-size:18px;color:white;border-radius:100%;position:absolute;top:-10px}.activity{width:100%;padding:10px}.activity .activity_wrap{background:white;width:100%;padding:10px;border-radius:10px}.activity .activity_wrap .activity_detail .title{font:normal 16px "LINE seed sans TH","Prompt'";margin-bottom:5px}.activity .activity_wrap .activity_detail .input{border:0;border-bottom:1px solid #ad2000;width:100%;display:none}.model_wrap{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(117,117,117,0.5);display:flex;align-items:center;justify-content:center}.model_wrap .model{width:500px;background:white;border-radius:20px;display:inline-block;overflow:hidden;padding:20px;transition:all .3s ease-in-out;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);position:relative}.model_wrap .model .model_close{display:block;float:right;position:relative;z-index:10}.model_wrap .model .model_close .close_model{background:#F47575;border-radius:100%;border:0;color:white;width:25px;height:25px;text-align:center}.model_wrap .model .model_content_wrap{position:relative}.model_wrap .model .model_content_wrap .result_user_panal{opacity:1;display:inline-block;max-height:400px;width:100%;height:0px;transition:all .3s;overflow:hidden}.model_wrap .model .model_content_wrap .result_user_panal ul,.model_wrap .model .model_content_wrap .result_user_panal .result_user_panal_wrap{overflow-y:scroll;padding:10px;border:1px solid #ad2000;border-radius:10px}.model_wrap .model .model_content_wrap .result_user_panal ul li,.model_wrap .model .model_content_wrap .result_user_panal .result_user_panal_wrap li{width:100%;list-style:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9}.model_wrap .model .model_content_wrap .model_content{padding-bottom:20px}.model_wrap .model .model_content_wrap .model_content select{width:100%;border:0;border-bottom:1px solid #ad2000;background:transparent}.model_wrap .model .model_content_wrap .model_content .form__group{position:relative;padding:15px 0 0;margin-top:10px;width:100%}.model_wrap .model .model_content_wrap .model_content .disabled .form__field,.model_wrap .model .model_content_wrap .model_content .disabled .form__label{color:gray!important;cursor:no-drop}.model_wrap .model .model_content_wrap .model_content .form__field{font-family:inherit;width:100%;border:0;border-bottom:2px ;outline:0;padding:7px 0;background:transparent;transition:border-color .2s;border-bottom:1px solid #120300}.model_wrap .model .model_content_wrap .model_content .form__field::placeholder{color:transparent}.model_wrap .model .model_content_wrap .model_content .form__field:placeholder-shown~.form__label{cursor:text;top:20px}.model_wrap .model .model_content_wrap .model_content .form__label{position:absolute;top:0;font-weight:bold;display:block;transition:.2s;font-size:1rem}.model_wrap .model .model_content_wrap .model_content .form__field:focus{padding-bottom:6px;font-weight:normal;border-width:3px;border-image-slice:1}.model_wrap .model .model_content_wrap .model_content .form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;font-weight:normal}.model_wrap .model .model_content_wrap .model_content .form__field:required,.model_wrap .model .model_content_wrap .model_content .form__field:invalid{box-shadow:none}.model_wrap .model .model_content_wrap .model_content .form__field:required~.form__label::after{content:"*";position:absolute;color:#F47575;padding-left:3px}.model_wrap .model .model_content_wrap .model_content .color-panal{display:inline-block}.model_wrap .model .model_content_wrap .model_content .color-panal .color-box{width:10%;height:30px;display:block;float:left;margin-right:5px;margin-bottom:5px;border-radius:5px;text-align:center;padding-top:3px;color:white;cursor:pointer}.model_wrap .model .model_content_wrap .model_content .color-panal .color-box .selected{opacity:0;transition:all .3s}.model_wrap .model .model_content_wrap .model_content .color-panal .selected_show .selected{opacity:1}.model_wrap .model .model_content_wrap .model_content .model_border{margin-top:10px;padding:10px;padding-top:0;border-radius:10px;border:1px solid #FF8900}.model_wrap .model .model_content_wrap .model_content .img_input{margin:10px 0px}.model_wrap .model .model_content_wrap .model_content .img_input .img{width:100%;height:345px;border-radius:10px;overflow:hidden;cursor:pointer}.model_wrap .model .model_content_wrap .model_content .img_input .img img{width:100%;height:345px;object-fit:contain}.model_wrap .model .model_content_wrap .model_content .img_wrap{width:100%;height:300px;border-radius:10px;overflow:hidden}.model_wrap .model .model_content_wrap .model_content .img_wrap img{width:100%;height:300px;object-fit:contain}.model_wrap .model .model_content_wrap .review .review_wrap{width:100%;display:flex;text-align:center;justify-content:center;padding:20px 0}.model_wrap .model .model_content_wrap .review .review_wrap .review_box{margin:2px 5px}.model_wrap .model .model_content_wrap .review .review_wrap .review_box i{font-size:30px;cursor:pointer}.model_wrap .model .model_content_wrap .review .review_wrap .review_box .fa-solid{color:#FDA137;display:none}.model_wrap .model .model_content_wrap .review .review_comment textarea{border:1px solid #FF8900;border-radius:10px;padding:10px;width:100%}.model_wrap .model .model_content_wrap .search_asset_result{display:none}.model_wrap .model .model_content_wrap .search_asset_result ul{padding:0}.model_wrap .model .model_content_wrap .search_asset_result ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.model_post,.model_user_profile{width:100%;height:90vh;position:absolute;bottom:-100%;left:0;background:white;transition:all .3s;z-index:999;padding:20px;display:none;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15)}.model_post .model_post_head,.model_user_profile .model_post_head,.model_post .user_profile_head,.model_user_profile .user_profile_head{display:flex;align-items:center;justify-content:space-between;width:100%}.model_post .model_post_content,.model_user_profile .model_post_content,.model_post .model_user_profile_content,.model_user_profile .model_user_profile_content{padding:10px 0px}.model_post .model_post_content .post_location input,.model_user_profile .model_post_content .post_location input,.model_post .model_user_profile_content .post_location input,.model_user_profile .model_user_profile_content .post_location input{width:50%;padding:5px 10px;border:1px solid hsl(11,97%,62%);border-radius:5px}.model_post .model_post_content .post_input,.model_user_profile .model_post_content .post_input,.model_post .model_user_profile_content .post_input,.model_user_profile .model_user_profile_content .post_input{width:100%;border:1px solid hsl(11,97%,62%);border-radius:10px;height:200px;padding:10px;transition:all .3s}.model_post .model_post_content .post_input:focus,.model_user_profile .model_post_content .post_input:focus,.model_post .model_user_profile_content .post_input:focus,.model_user_profile .model_user_profile_content .post_input:focus{outline:none}.model_post .model_post_content .post_img,.model_user_profile .model_post_content .post_img,.model_post .model_user_profile_content .post_img,.model_user_profile .model_user_profile_content .post_img,.model_post .model_post_content .post_vdo,.model_user_profile .model_post_content .post_vdo,.model_post .model_user_profile_content .post_vdo,.model_user_profile .model_user_profile_content .post_vdo{width:100%;height:0px;border-radius:10px;overflow:hidden}.model_post .model_post_content .post_img img,.model_user_profile .model_post_content .post_img img,.model_post .model_user_profile_content .post_img img,.model_user_profile .model_user_profile_content .post_img img,.model_post .model_post_content .post_vdo img,.model_user_profile .model_post_content .post_vdo img,.model_post .model_user_profile_content .post_vdo img,.model_user_profile .model_user_profile_content .post_vdo img{width:100%}.model_post .model_post_content .post_img video,.model_user_profile .model_post_content .post_img video,.model_post .model_user_profile_content .post_img video,.model_user_profile .model_user_profile_content .post_img video,.model_post .model_post_content .post_vdo video,.model_user_profile .model_post_content .post_vdo video,.model_post .model_user_profile_content .post_vdo video,.model_user_profile .model_user_profile_content .post_vdo video{width:100%}.model_post .model_post_content .post_icon,.model_user_profile .model_post_content .post_icon,.model_post .model_user_profile_content .post_icon,.model_user_profile .model_user_profile_content .post_icon{display:flex;align-items:center;justify-content:start;color:hsl(11,97%,62%)}.model_post .model_post_content .post_icon .icon,.model_user_profile .model_post_content .post_icon .icon,.model_post .model_user_profile_content .post_icon .icon,.model_user_profile .model_user_profile_content .post_icon .icon{font-size:30px}.model_post .model_user_profile_content,.model_user_profile .model_user_profile_content{text-align:center;padding-bottom:20px}.model_post .model_user_profile_content .user_profile_box_head,.model_user_profile .model_user_profile_content .user_profile_box_head{display:flex;align-items:center;justify-content:space-between}.model_post .model_user_profile_content .user_profile_box_head .btn,.model_user_profile .model_user_profile_content .user_profile_box_head .btn{cursor:pointer}.model_post .model_user_profile_content .img,.model_user_profile .model_user_profile_content .img{width:160px;height:160px;display:inline-block;border-radius:100%;overflow:hidden}.model_post .model_user_profile_content .img img,.model_user_profile .model_user_profile_content .img img{width:100%;height:160px;object-fit:cover}.model_post .model_user_profile_content textarea,.model_user_profile .model_user_profile_content textarea{width:100%;border-radius:10px;padding:10px;height:160px}.model_post .model_user_profile_content .input,.model_user_profile .model_user_profile_content .input{width:100%;text-align:left;padding-bottom:20px}.model_post .model_user_profile_content .input label,.model_user_profile .model_user_profile_content .input label{width:100%;font-weight:bold}.model_post .model_user_profile_content .input input,.model_user_profile .model_user_profile_content .input input{padding:5px 15px;width:100%;border:0;border-bottom:1px solid hsl(11,97%,62%)}.class_form .detail{margin-bottom:10px}.class_form .detail .input{width:100%;border:0;border-bottom:1px solid #ad2000}.table tbody tr .img_cover .img_cover_wrap{width:150px;height:100px;border-radius:5px;overflow:hidden}.table tbody tr .img_cover .img_cover_wrap img{width:100%;height:100px;object-fit:cover}.table tbody tr .text_wrap{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.table tbody tr .text_wrap img{width:100%}.progress-100{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 100%, #ffc4a1 0) !important}.progress-99{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 99%, #ffc4a1 0) !important}.progress-98{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 98%, #ffc4a1 0) !important}.progress-97{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 97%, #ffc4a1 0) !important}.progress-96{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 96%, #ffc4a1 0) !important}.progress-95{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 95%, #ffc4a1 0) !important}.progress-94{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 94%, #ffc4a1 0) !important}.progress-93{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 93%, #ffc4a1 0) !important}.progress-92{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 92%, #ffc4a1 0) !important}.progress-91{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 91%, #ffc4a1 0) !important}.progress-90{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 90%, #ffc4a1 0) !important}.progress-89{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 89%, #ffc4a1 0) !important}.progress-88{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 88%, #ffc4a1 0) !important}.progress-87{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 87%, #ffc4a1 0) !important}.progress-86{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 86%, #ffc4a1 0) !important}.progress-85{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 85%, #ffc4a1 0) !important}.progress-84{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 84%, #ffc4a1 0) !important}.progress-83{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 83%, #ffc4a1 0) !important}.progress-82{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 82%, #ffc4a1 0) !important}.progress-81{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 81%, #ffc4a1 0) !important}.progress-80{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 80%, #ffc4a1 0) !important}.progress-79{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 79%, #ffc4a1 0) !important}.progress-78{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 78%, #ffc4a1 0) !important}.progress-77{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 77%, #ffc4a1 0) !important}.progress-76{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 76%, #ffc4a1 0) !important}.progress-75{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 75%, #ffc4a1 0) !important}.progress-74{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 74%, #ffc4a1 0) !important}.progress-73{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 73%, #ffc4a1 0) !important}.progress-72{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 72%, #ffc4a1 0) !important}.progress-71{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 71%, #ffc4a1 0) !important}.progress-70{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 70%, #ffc4a1 0) !important}.progress-69{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 69%, #ffc4a1 0) !important}.progress-68{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 68%, #ffc4a1 0) !important}.progress-67{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 67%, #ffc4a1 0) !important}.progress-66{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 66%, #ffc4a1 0) !important}.progress-65{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 65%, #ffc4a1 0) !important}.progress-64{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 64%, #ffc4a1 0) !important}.progress-63{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 63%, #ffc4a1 0) !important}.progress-62{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 62%, #ffc4a1 0) !important}.progress-61{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 61%, #ffc4a1 0) !important}.progress-60{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 60%, #ffc4a1 0) !important}.progress-59{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 59%, #ffc4a1 0) !important}.progress-58{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 58%, #ffc4a1 0) !important}.progress-57{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 57%, #ffc4a1 0) !important}.progress-56{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 56%, #ffc4a1 0) !important}.progress-55{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 55%, #ffc4a1 0) !important}.progress-54{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 54%, #ffc4a1 0) !important}.progress-53{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 53%, #ffc4a1 0) !important}.progress-52{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 52%, #ffc4a1 0) !important}.progress-51{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 51%, #ffc4a1 0) !important}.progress-50{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 50%, #ffc4a1 0) !important}.progress-49{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 49%, #ffc4a1 0) !important}.progress-48{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 48%, #ffc4a1 0) !important}.progress-47{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 47%, #ffc4a1 0) !important}.progress-46{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 46%, #ffc4a1 0) !important}.progress-45{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 45%, #ffc4a1 0) !important}.progress-44{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 44%, #ffc4a1 0) !important}.progress-43{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 43%, #ffc4a1 0) !important}.progress-42{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 42%, #ffc4a1 0) !important}.progress-41{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 41%, #ffc4a1 0) !important}.progress-40{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 40%, #ffc4a1 0) !important}.progress-39{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 39%, #ffc4a1 0) !important}.progress-38{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 38%, #ffc4a1 0) !important}.progress-37{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 37%, #ffc4a1 0) !important}.progress-36{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 36%, #ffc4a1 0) !important}.progress-35{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 35%, #ffc4a1 0) !important}.progress-34{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 34%, #ffc4a1 0) !important}.progress-33{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 33%, #ffc4a1 0) !important}.progress-32{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 32%, #ffc4a1 0) !important}.progress-31{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 31%, #ffc4a1 0) !important}.progress-30{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 30%, #ffc4a1 0) !important}.progress-29{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 29%, #ffc4a1 0) !important}.progress-28{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 28%, #ffc4a1 0) !important}.progress-27{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 27%, #ffc4a1 0) !important}.progress-26{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 26%, #ffc4a1 0) !important}.progress-25{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 25%, #ffc4a1 0) !important}.progress-24{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 24%, #ffc4a1 0) !important}.progress-23{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 23%, #ffc4a1 0) !important}.progress-22{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 22%, #ffc4a1 0) !important}.progress-21{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 21%, #ffc4a1 0) !important}.progress-20{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 20%, #ffc4a1 0) !important}.progress-19{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 19%, #ffc4a1 0) !important}.progress-18{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 18%, #ffc4a1 0) !important}.progress-17{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 17%, #ffc4a1 0) !important}.progress-16{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 16%, #ffc4a1 0) !important}.progress-15{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 15%, #ffc4a1 0) !important}.progress-14{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 14%, #ffc4a1 0) !important}.progress-13{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 13%, #ffc4a1 0) !important}.progress-12{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 12%, #ffc4a1 0) !important}.progress-11{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 11%, #ffc4a1 0) !important}.progress-10{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 10%, #ffc4a1 0) !important}.progress-9{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 9%, #ffc4a1 0) !important}.progress-8{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 8%, #ffc4a1 0) !important}.progress-7{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 7%, #ffc4a1 0) !important}.progress-6{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 6%, #ffc4a1 0) !important}.progress-5{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 5%, #ffc4a1 0) !important}.progress-4{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 4%, #ffc4a1 0) !important}.progress-3{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 3%, #ffc4a1 0) !important}.progress-2{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 2%, #ffc4a1 0) !important}.progress-1{background:radial-gradient(closest-side, white 79%, transparent 80% 100%),conic-gradient(hsl(11,97%,62%) 1%, #ffc4a1 0) !important}.dashboard_wrap .dashboard .dashboard_status_wrap{width:100%;display:flex;align-items:center;justify-content:space-between}.dashboard_wrap .dashboard .dashboard_status_wrap .dashboard_status_box{padding:10px;border-radius:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);display:inline-block;margin:auto;width:15.5%;background:white;position:relative}.dashboard_wrap .dashboard .dashboard_status_wrap .dashboard_status_box .status_name{font:bold 16px "Noto Sans thai","sans-serif"}.dashboard_wrap .dashboard .dashboard_status_wrap .dashboard_status_box .number_detail{margin-top:30px;width:100%;bottom:0;display:flex;align-items:end;justify-content:space-between}.dashboard_wrap .dashboard .dashboard_status_wrap .dashboard_status_box .number_detail .number{font:bold 30px "LINE seed sans TH","Prompt'"}.dashboard_wrap .dashboard .dashboard_status_wrap .dashboard_status_box .number_detail .text{font:normal 16px "LINE seed sans TH","Prompt'"}.dashboard_wrap .dashboard .dashboard_chart_wrap{width:100%;margin:30px 0px;text-align:center}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart{display:inline-block;width:100%;background:white;padding:10px;border-radius:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);text-align:left}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user{padding:0}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box{list-style:none;display:inline-block;padding-bottom:10px;border-bottom:1px solid lightgray;text-align:left;width:100%}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .position{width:10%;display:block;float:left;font-weight:bold}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .img{width:50px;height:50px;border-radius:100%;overflow:hidden;display:block;float:left}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .img img{height:50px;object-fit:cover;width:100%}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .name,.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .point{display:block;float:left}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .name{width:50%;text-decoration:none;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;padding-left:5px}.dashboard_wrap .dashboard .dashboard_chart_wrap .dashboard_chart .score_user .score_user_box .point{width:10%;font-weight:bold;text-align:center}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_type_count_box,.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box{background:white;padding:10px;border-radius:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);width:100%;height:150px;display:inline-block;text-align:left}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_type_count_box .status_name,.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box .status_name{font:bold 16px "Noto Sans thai","sans-serif"}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_type_count_box .number_detail,.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box .number_detail{margin-top:50px;width:100%;bottom:0;display:flex;align-items:end;justify-content:space-between}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_type_count_box .number_detail .number,.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box .number_detail .number{font:bold 30px "LINE seed sans TH","Prompt'"}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_type_count_box .number_detail .text,.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box .number_detail .text{font:normal 16px "LINE seed sans TH","Prompt'"}.dashboard_wrap .dashboard .dashboard_chart_wrap .asset_status_change_box{height:unset}.login_wrap .login .login_box .img{width:100%;max-width:500px;height:150px;text-align:center;margin-bottom:20px}.login_wrap .login .login_box .img img{width:150;height:150px;object-fit:cover;display:inline-block}.login_wrap .login .login_box .sub_img{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-around}.login_wrap .login .login_box .sub_img img{width:15%}@media only screen and (min-width:552px){.header{padding:10px}.header .header_wrap .header_logo{padding-left:30px}.header .header_wrap .header_logo img{width:120px}.header .header_wrap .header_logo .btn_wrap{position:relative;width:50px;display:inline-block;padding:0 10px}.header .header_wrap .header_logo .btn_wrap .open_menu_left,.header .header_wrap .header_logo .btn_wrap .close_menu_left{position:absolute;left:0;top:-10px;cursor:pointer}.header .header_wrap .header_logo .btn_wrap .close_menu_left{display:none}.header .header_wrap .header_content .time_box,.header .header_wrap .header_content .name_box{display:inline-block;font-size:16px;background:#EFF3F4}}@media only screen and (min-width:992px){.main_content{overflow:hidden;height:100vh}.main_content .main_content_wrap{width:100%;display:flex;justify-content:end}.main_content .main_content_wrap .main_content_display{text-align:left;width:87%;height:90vh;display:inline-block;padding:20px;position:relative;overflow:hidden;background-position:center!important;background-size:cover!important;background-repeat:no-repeat !important;padding-top:0;padding-right:10px}.main_content .main_content_wrap .main_content_display .content_wrap{overflow-y:scroll;display:block;height:100vh;padding-top:90px;padding-left:10px}.main_content .main_content_wrap .main_content_display .content_wrap .content-head .search_box_wrap{display:flex}.main_content .main_content_wrap .main_content_display .content_wrap .content-head .search_box_wrap .search_box{border:1px solid hsl(11,97%,62%);border-radius:50rem;padding:5px 10px}.main_content .main_content_wrap .main_content_display .content_wrap .content-head .search_box_wrap .search_box .text{font:bold 14px "LINE seed sans TH","Prompt'"}.main_content .main_content_wrap .main_content_display .content_wrap .content-head .search_box_wrap .search_box input{border:0px;background:transparent}.main_content .main_content_wrap .main_content_display .content_wrap .content-head .search_box_wrap .search_box input:focus{outline:none}.main_content .main_content_wrap .main_content_display .content_wrap .fillter_wrap button{border:1px solid hsl(11,97%,62%);text-align:center;color:hsl(11,97%,62%);border-radius:5px}.main_content .main_content_wrap .main_content_display .content_wrap .fillter_wrap .active{background:hsl(11,97%,62%);font-weight:bold ;color:white}.main_content .main_content_wrap{padding-top:20px;position:relative}.main_content .main_content_wrap .main_content_menu{position:fixed;background:white;border-radius:inherit;box-shadow:none;padding-top:inherit;height:inherit;overflow-y:hidden;width:12%;left:0;top:66px;padding:20px;min-height:92vh}.main_content .main_content_wrap .main_content_menu ul{padding-left:0}.main_content .main_content_wrap .main_content_menu ul li{list-style:none}.main_content .main_content_wrap .main_content_menu ul .menu_link{font-weight:normal;padding:10px;border-radius:50px}.main_content .main_content_wrap .main_content_menu ul .menu_link span{margin-right:10px}}