ul{padding-left:0}ul li{list-style-type:none}ul.number li{list-style-type:decimal}ul.point li{list-style-type:disc}ul.english li{list-style-type:lower-alpha}ul.roman li{list-style-type:lower-roman}a{color:#595959;transition:color 0.3s ease-in-out}a:hover,a:active,a:visited,a:focus{text-decoration:none}a:hover,a:active,a:focus{color:#ff7702}a,button{outline:none}a:hover,a:active,avisited,a:focus,button:hover,button:active,buttonvisited,button:focus{outline:none}.pointer{cursor:pointer}.mobile{display:none}@media screen and (max-width: 767px){.mobile{display:block}}::selection{background-color:#ffa522;color:#fff}::-moz-selection{background-color:#ffa522;color:#fff;text-shadow:none}body{font-family:'Noto Sans', sans-serif;position:relative;background-color:#fcf7f2 !important;color:#262626}.study_app{position:relative;top:0;left:0;width:100%}header{background-color:rgba(255,255,255,0.5);box-shadow:0 3px 6px 0 rgba(242,157,33,0.85);position:fixed;top:0;left:0;width:100%;z-index:99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media screen and (min-width: 768px){header .navbar-brand img{max-width:190px}}header .navbar-nav .nav-link{font-weight:bold}header .navbar-nav .nav-link i,header .navbar-nav .nav-link svg{color:#ffa522;margin-right:8px;transition:font-size .3s ease-in-out}@media screen and (min-width: 993px){header{height:80px}}@media screen and (min-width: 768px) and (max-width: 992px){header{height:auto}}@media screen and (max-width: 767px){header{transition:background-color .3s ease-in-out}header.active{background-color:white}header .navbar-nav{margin-top:1.5rem;padding-bottom:2rem !important}header .navbar{justify-content:flex-start;padding:.5rem 0}header .navbar-brand img{width:100%;height:auto;max-width:150px}}@media screen and (min-width: 325px) and (max-width: 356px){header{width:100%}header .navbar-brand{margin-right:0rem}}@media screen and (max-width: 324px){header .navbar-brand{margin-right:0rem;width:80%}}.navbar .navbar-nav>li>a{padding-left:15px !important}.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:active,.navbar .navbar-nav>li>a:focus{color:#ffa522}.navbar .navbar-nav>li>a:hover i,.navbar .navbar-nav>li>a:hover svg,.navbar .navbar-nav>li>a:active i,.navbar .navbar-nav>li>a:active svg,.navbar .navbar-nav>li>a:focus i,.navbar .navbar-nav>li>a:focus svg{font-size:1.5rem}@media screen and (max-width: 767px){.navbar .navbar-nav>li>a{color:#262626;text-align:center;line-height:40px}.navbar .navbar-nav>li>a i,.navbar .navbar-nav>li>a svg{display:none}}.navbar-nav .line{display:none}@media screen and (max-width: 767px){.navbar-nav .line{display:block;background-color:#4cc764;border-radius:25px;text-align:center;padding:4px 0;margin:4px 0;font-size:0.875rem}.navbar-nav .line a{color:#fff !important;padding:0 !important}.navbar-nav .line i,.navbar-nav .line svg{display:inline-block !important;color:#fff !important;font-size:1.125rem}}.navbar-nav .phone{display:none}@media screen and (max-width: 767px){.navbar-nav .phone{display:block;padding:4px 0;margin:4px 0;background-color:#fff;border:1px solid #707070;border-radius:25px;font-size:0.875rem}.navbar-nav .phone a{padding:0 !important}.navbar-nav .phone i,.navbar-nav .phone svg{transform:scaleX(-1);display:inline-block !important;color:#595959 !important;font-size:1.125rem}}.navbar-toggler{color:black}.app_kv{padding-top:calc(40px + 7rem);position:relative;overflow:hidden}@media screen and (max-width: 767px){.app_kv{padding-top:calc(80px + 1rem)}}.app_kv .app_bg{position:absolute;z-index:-1}.app_kv .bg1{left:80%;top:-17%}@media screen and (max-width: 767px){.app_kv .bg1{display:none}}.app_kv .bg2{right:60%;top:-13%}@media screen and (max-width: 767px){.app_kv .bg2{left:-55%;top:-3%;width:120%}.app_kv .bg2 img{width:100%;height:auto}}.app_kv .bg3{left:40%;top:5%;animation-duration:3s}@media screen and (max-width: 767px){.app_kv .bg3{right:-80%;top:15%;width:170%}.app_kv .bg3 img{width:100%;height:auto}}.app_kv .bg4{right:70%;top:55%;animation-duration:4s}@media screen and (max-width: 767px){.app_kv .bg4{left:-120%;width:170%;top:50%}.app_kv .bg4 img{width:100%;height:auto}}.features_outer{position:relative;overflow:hidden}.features_outer .app_bg{position:absolute;z-index:-1}.features_outer .bg5{left:60%;top:37%;animation-duration:3s}@media screen and (max-width: 767px){.features_outer .bg5{display:none}}.app_kv .title{font-size:2.375rem;line-height:1.21}.app_kv .title br:first-child{display:none}.app_kv .title br:last-child{display:block}@media screen and (min-width: 321px) and (max-width: 767px){.app_kv .title{font-size:1.875rem;text-align:center}.app_kv .title br:first-child{display:block}}@media screen and (max-width: 320px){.app_kv .title{font-size:1.625rem;text-align:center}.app_kv .title br:first-child{display:block}}.app_kv .sub_title{font-size:1.5rem;margin:20px 0;color:#595959;font-weight:500}@media screen and (max-width: 767px){.app_kv .sub_title{font-size:1.125rem;text-align:center;margin:15px 0 0 0}}.app_kv .app_download{background-color:rgba(255,165,34,0.4);padding:15px;border-radius:12px;display:inline-flex;flex-direction:row;margin-bottom:25px}@media screen and (max-width: 767px){.app_kv .app_download{justify-content:center;width:100%;background-color:transparent;margin-bottom:0}}.app_kv .download_box img{width:100%;height:auto}.app_kv .qrcode_box{background-color:#fff;border-radius:4px;overflow:hidden;align-self:center;max-width:134px;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4)}.app_kv .qrcode_box img{max-width:100%;text-align:center;margin:0 auto}.app_kv .download_box .download_img_box{display:flex;flex-direction:column;max-width:134px;margin-bottom:8px;border-radius:6px;overflow:hidden;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4)}.app_kv .download_box .download_img_box:last-child{margin-bottom:0}@media screen and (min-width: 354px) and (max-width: 767px){.app_kv .download_box .download_img_box{display:inline-flex;margin:0 5px}}@media screen and (min-width: 334px) and (max-width: 353px){.app_kv .download_box .download_img_box{margin:0;display:inline-flex}}@media screen and (max-width: 333px){.app_kv .download_box .download_img_box{margin:0;display:inline-flex;max-width:125px}}.app_kv .flash_sale{display:grid;grid-template-columns:repeat(12, 1fr)}.app_kv .flash_sale .flash_sale__outer{grid-column:1/10;background-color:#fff;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);border-radius:12px;padding:15px}@media screen and (min-width: 768px) and (max-width: 1199px){.app_kv .flash_sale .flash_sale__outer{grid-column:1/12}}@media screen and (max-width: 767px){.app_kv .flash_sale .flash_sale__outer{grid-column:1/13}}.app_kv .flash_sale .flash_sale__outer .flash_sale_notice{font-size:0.625rem;color:#595959;margin-top:12px}.app_kv .flash_sale .flash_sale__outer .content{font-size:0.875rem;color:#595959;line-height:1.57;font-weight:500;margin:12px 0}.app_kv .flash_sale .flash_sale__outer .flash_sale_title{display:grid;grid-template-columns:auto auto 1fr}@media screen and (max-width: 767px){.app_kv .flash_sale .flash_sale__outer .flash_sale_title{grid-template-columns:auto auto auto}}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .app_logo{overflow:hidden;border-radius:6px;width:48px;height:48px}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .app_logo img{width:100%;height:auto}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .item{padding-left:12px;font-weight:bold}@media screen and (max-width: 767px){.app_kv .flash_sale .flash_sale__outer .flash_sale_title .item{font-size:0.875rem;padding-left:8px;align-self:center}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .item br{display:none}}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .label_sale{justify-self:end}.app_kv .flash_sale .flash_sale__outer .flash_sale_title .label_sale span{background-color:#ff7702;color:#fff;font-size:0.75rem;border-radius:6px;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);padding:6px 12px}.app_kv .flash_sale .flash_sale__outer .flash_sale_product{display:grid;grid-template-columns:auto auto auto;text-align:center;align-items:center}.app_kv .flash_sale .flash_sale__outer .flash_sale_product .product_img{background-color:rgba(191,191,191,0.2);border-radius:6px;padding:4px 0}.app_kv .flash_sale .flash_sale__outer .flash_sale_product span{color:#bfbfbf;font-size:0.875rem}.app_kv .kv_phone{max-width:336px}.app_kv .kv_phone img{width:100%;height:auto}@media screen and (max-width: 767px){.app_kv .kv_phone{text-align:center;margin:0 auto}}.app_kv .flash_sale_product::after,.app_kv .flash_sale_title::after,.app_kv .app_download::after{content:"";display:block;clear:both}.new_arrival_image img{max-width:468px;width:100%}h2.title{font-size:1.875rem}@media screen and (max-width: 767px){h2.title{text-align:center;font-size:1.5rem}}.title_en{font-size:0.875rem;color:#a6a6a6}@media screen and (max-width: 767px){.title_en{text-align:center}}.content{font-size:1.25rem;color:#595959;margin-top:15px}@media screen and (max-width: 767px){.content{text-align:center;font-size:1rem}}#about_app{margin-top:10rem;margin-bottom:5rem}@media screen and (max-width: 767px){#about_app{margin-top:3rem;margin-bottom:1.25rem}}#start_app,#features_app,#search_school,.why_studydiy,#faqs{margin-top:5rem;margin-bottom:5rem}@media screen and (max-width: 767px){#start_app,#features_app,#search_school,.why_studydiy,#faqs{margin-top:1.25rem;margin-bottom:1.25rem}}#about_app .title_icon,#start_app .title_icon,#features_app .title_icon,#search_school .title_icon,.why_studydiy .title_icon,#faqs .title_icon{background-color:#fff;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);color:#ffa522;width:78px;height:78px;border-radius:50%;text-align:center;margin-bottom:20px}@media screen and (max-width: 767px){#about_app .title_icon,#start_app .title_icon,#features_app .title_icon,#search_school .title_icon,.why_studydiy .title_icon,#faqs .title_icon{margin:0 auto 1rem auto}}#about_app .title_icon i,#about_app .title_icon svg,#start_app .title_icon i,#start_app .title_icon svg,#features_app .title_icon i,#features_app .title_icon svg,#search_school .title_icon i,#search_school .title_icon svg,.why_studydiy .title_icon i,.why_studydiy .title_icon svg,#faqs .title_icon i,#faqs .title_icon svg{height:100%;font-size:2.5rem}#about_app .title_icon_img,#start_app .title_icon_img,#features_app .title_icon_img,#search_school .title_icon_img,.why_studydiy .title_icon_img,#faqs .title_icon_img{max-width:190px;margin:0 auto 8px;text-align:center}#about_app .title_icon_img img,#start_app .title_icon_img img,#features_app .title_icon_img img,#search_school .title_icon_img img,.why_studydiy .title_icon_img img,#faqs .title_icon_img img{width:100%;height:auto}#about_app .about_title{font-size:2.375rem;font-weight:bold}#about_app .about_title br{display:none}@media screen and (max-width: 767px){#about_app .about_title{text-align:center;font-size:1.875rem}#about_app .about_title br{display:block}}#about_app .about_sub_title{font-size:1.5rem;color:#595959;margin:15px 0 40px 0;font-weight:bold}@media screen and (max-width: 767px){#about_app .about_sub_title{text-align:center;font-size:1.125rem;margin:10px 0 30px 0}}#about_app .content_box{display:grid;grid-template-columns:repeat(12, 1fr)}#about_app .content_box .content{grid-column:1/10}@media screen and (max-width: 767px){#about_app .content_box .content{grid-column:1/13}}#about_app .about_app_designphoto{posiiton:relative}@media screen and (max-width: 767px){#about_app .about_app_designphoto{max-width:280px;text-align:center;margin:0 auto}#about_app .about_app_designphoto img{width:100%;height:auto}}#about_app .about_app_designphoto .about_app_designphoto_bg{text-align:center}#about_app .about_app_designphoto .about_app_feature1,#about_app .about_app_designphoto .about_app_feature2,#about_app .about_app_designphoto .about_app_feature3{position:absolute;z-index:2;border-radius:12px;overflow:hidden;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);max-height:90px;overflow:hidden}#about_app .about_app_designphoto .about_app_feature1 img,#about_app .about_app_designphoto .about_app_feature2 img,#about_app .about_app_designphoto .about_app_feature3 img{margin-top:-8px}@media screen and (min-width: 321px) and (max-width: 767px){#about_app .about_app_designphoto .about_app_feature1,#about_app .about_app_designphoto .about_app_feature2,#about_app .about_app_designphoto .about_app_feature3{max-width:146px}#about_app .about_app_designphoto .about_app_feature1 img,#about_app .about_app_designphoto .about_app_feature2 img,#about_app .about_app_designphoto .about_app_feature3 img{width:100%;height:auto}}@media screen and (max-width: 320px){#about_app .about_app_designphoto .about_app_feature1,#about_app .about_app_designphoto .about_app_feature2,#about_app .about_app_designphoto .about_app_feature3{max-width:130px}#about_app .about_app_designphoto .about_app_feature1 img,#about_app .about_app_designphoto .about_app_feature2 img,#about_app .about_app_designphoto .about_app_feature3 img{width:100%;height:auto}}#about_app .about_app_designphoto .about_app_feature1{left:0;bottom:32%}@media screen and (max-width: 767px){#about_app .about_app_designphoto .about_app_feature1{left:10%}}#about_app .about_app_designphoto .about_app_feature2{right:0;top:40%}@media screen and (max-width: 767px){#about_app .about_app_designphoto .about_app_feature2{right:10%}}#about_app .about_app_designphoto .about_app_feature3{right:5%;bottom:20%}@media screen and (max-width: 767px){#about_app .about_app_designphoto .about_app_feature3{bottom:25%}}#start_app,#features_app,#search_school,.why_studydiy,#faqs{text-align:center}@media screen and (max-width: 767px){#start_app .about_title br,#start_app .content_box .content br,#features_app .about_title br,#features_app .content_box .content br,#search_school .about_title br,#search_school .content_box .content br,.why_studydiy .about_title br,.why_studydiy .content_box .content br,#faqs .about_title br,#faqs .content_box .content br{display:none}}#start_app .title_icon,#features_app .title_icon,#search_school .title_icon,.why_studydiy .title_icon,#faqs .title_icon{margin-left:auto;margin-right:auto}#start_app .start_box{position:relative;display:table;width:100%;margin-top:3rem}@media screen and (max-width: 767px){#start_app .start_box{margin-top:1rem}}#start_app .start_box .cycle_bg{position:absolute;left:0;top:0;z-index:0}#start_app .start_box .cycle_bg svg{width:100%;height:100%}#start_app .start_box .start_item{position:relative;z-index:1;display:table-cell;vertical-align:middle}#start_app .start_box .start_item .start_index span{background-color:#ffa522;color:#fff;font-size:0.938rem;font-weight:bold;width:28px;height:28px;border-radius:50%;text-align:center;display:block;margin:0 auto 15px auto;line-height:28px}@media screen and (max-width: 767px){#start_app .start_box .start_item .start_index span{font-size:0.75rem;margin:0 auto;width:22px;height:22px;line-height:22px}}#start_app .start_box .start_item .start_icon{font-size:2.25rem}@media screen and (max-width: 767px){#start_app .start_box .start_item .start_icon{font-size:1.5rem}}#start_app .start_box .start_item .start_title{font-weight:bold;margin-bottom:8px}@media screen and (max-width: 767px){#start_app .start_box .start_item .start_title{margin-bottom:3px}}#start_app .start_box .start_item .start_content{line-height:1.57;color:#595959;font-size:0.875rem;max-width:140px;text-align:center;margin:0 auto}@media screen and (max-width: 767px){#start_app .start_box .start_item .start_content{font-size:0.75rem}}#features_app .feature_box{margin-top:3rem}#features_app .feature_box .feature_img_box{text-align:left}@media screen and (max-width: 991px){#features_app .feature_box .feature_img_box{text-align:center}}#features_app .feature_box .feature_img_box img{width:100%;height:auto;max-width:255px}#features_app .feature_box .feature_main_title{text-align:left;font-size:1.5rem;font-weight:bold;margin:1rem 0}@media screen and (max-width: 991px){#features_app .feature_box .feature_main_title{text-align:center;margin:.5rem 0 0 0;font-size:1.375rem}}#features_app .feature_box .feature_number{float:left;background-color:rgba(255,165,34,0.4);color:#fff;border-radius:12px;text-align:center;width:40px;height:40px;line-height:40px;font-weight:bold;text-shadow:3px 3px 6px rgba(242,157,33,0.4)}@media screen and (max-width: 991px){#features_app .feature_box .feature_number{float:none;text-align:center;margin:0 auto}}#features_app .feature_box .content{font-size:0.875rem;color:#595959;text-align:left;line-height:1.57}@media screen and (max-width: 991px){#features_app .feature_box .content{text-align:justify;max-width:270px;margin:8px auto 0}}#features_app .feature_box .title_outer{display:flex;gap:10px}#features_app .feature_box .title_outer .title_box{float:left;text-align:left}#features_app .feature_box .title_outer .title_box .title{font-size:1rem;margin-bottom:0}#features_app .feature_box .title_outer .title_box .title_en{font-size:0.75rem;color:#a6a6a6}@media screen and (max-width: 991px){#features_app .feature_box .title_outer .title_box{text-align:center;float:none}#features_app .feature_box .title_outer .title_box .title{font-size:1.125rem;margin-top:.5rem}}#features_app .feature_box .title_outer::after{content:"";display:block;clear:both}#search_school .label_outer{margin:26px 0 15px 0}#search_school .label_outer .school_list{border:1px solid #ffe7c5;border-radius:25px;padding:8px 14px;color:#595959;background-color:#fff;font-size:0.875rem;font-weight:bold;margin:3px}#search_school .label_outer .label_content{font-size:0.875rem;color:#595959}#search_school .school_img__outer{max-width:730px;text-align:center;margin:0 auto}#search_school .school_img__outer .cycle__outer{position:relative;width:100%;height:100%}@media screen and (max-width: 767px){#search_school .school_img__outer .cycle__outer{right:-25%}}#search_school .school_img__outer .cycle__outer .cycle_bg{position:absolute}#search_school .school_img__outer .cycle__outer .cycle_bg:first-child{z-index:1;width:100%;height:100%;left:0;top:0}#search_school .school_img__outer .cycle__outer .cycle_bg:nth-child(2){z-index:2;width:calc(100% - 4rem);height:calc(100% - 4rem);left:2rem;top:2rem}#search_school .school_img__outer .school_phone_box{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%}#search_school .school_img__outer .school_phone_box::before{content:"";display:inline-block;vertical-align:middle;width:0;height:100%}#search_school .school_img__outer .school_phone_box img{display:inline-block;vertical-align:middle}@media screen and (max-width: 767px){#search_school .school_img__outer .school_phone_box img{width:auto;height:100%}}@media screen and (max-width: 767px){#search_school .school_img__outer .school_phone_box{right:-10%}}#search_school .school__outer{position:relative}#search_school .schools__outer{position:absolute;left:0;top:0;width:100%;height:100%}#search_school .schools__outer:before{content:"";display:block;clear:both}#search_school .schools__outer .schools_outer__right,#search_school .schools__outer .schools_outer__left{float:left;width:50%;height:100%;position:relative}#search_school .schools__outer .schools_outer__right .school_box,#search_school .schools__outer .schools_outer__left .school_box{width:190px;height:105px;border-radius:12px;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);overflow:hidden;background-size:cover;background-position:center center;position:absolute;z-index:5}@media screen and (min-width: 321px) and (max-width: 767px){#search_school .schools__outer .schools_outer__right .school_box,#search_school .schools__outer .schools_outer__left .school_box{width:120px;min-height:65px;height:20%}}@media screen and (max-width: 320px){#search_school .schools__outer .schools_outer__right .school_box,#search_school .schools__outer .schools_outer__left .school_box{width:120px;min-height:65px;height:20%}}#search_school .schools__outer .schools_outer__right .school_box:before,#search_school .schools__outer .schools_outer__left .school_box:before{content:"";width:100%;height:50%;position:absolute;left:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000);z-index:4}#search_school .schools__outer .schools_outer__right .school_box .school_name_box,#search_school .schools__outer .schools_outer__left .school_box .school_name_box{position:relative;z-index:6;display:flex;align-items:flex-end;height:100%;color:#fff;font-weight:bold;justify-content:center;padding-bottom:8px;font-size:0.875rem}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__right .school_box .school_name_box,#search_school .schools__outer .schools_outer__left .school_box .school_name_box{font-size:0.75rem;font-weight:normal}}#search_school .schools__outer .schools_outer__right .school4{left:40%;top:17%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__right .school4{left:-83%;bottom:0;top:auto}}#search_school .schools__outer .schools_outer__right .school5{top:40%;left:30%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__right .school5{display:none}}#search_school .schools__outer .schools_outer__right .school6{left:20%;bottom:24%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__right .school6{display:none}}#search_school .schools__outer .schools_outer__left .school1{right:37%;top:16%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__left .school1{right:7%;top:12%}}#search_school .schools__outer .schools_outer__left .school2{right:20%;top:43%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__left .school2{right:20%;top:35%}}#search_school .schools__outer .schools_outer__left .school3{right:28%;bottom:16%}@media screen and (max-width: 767px){#search_school .schools__outer .schools_outer__left .school3{right:-6%;bottom:23%}}.why_studydiy__outer{margin-top:2rem}.why_box__outer:nth-child(odd) .why_box{background-color:#ffe7c5}.why_box__outer:nth-child(even) .why_box{background-color:rgba(255,119,2,0.3)}@media screen and (max-width: 767px){.why_box__outer:nth-child(3) .why_box{background-color:rgba(255,119,2,0.3)}.why_box__outer:nth-child(4) .why_box{background-color:#ffe7c5}}.why_box__outer .why_box{border-radius:12px;padding:2rem 0;margin:4px 4px;display:grid;grid-template-columns:1fr}@media screen and (max-width: 767px){.why_box__outer .why_box{padding:10px 7px;grid-template-columns:auto 1fr;align-self:center}.why_box__outer .why_box::after{content:"";display:block;clear:both}}.why_box__outer .why_box .why_box_icon span{background-color:#ffa522;border-radius:50%;color:#fff;font-size:1.75rem;width:58px;height:58px;display:block;text-align:center;margin:0 auto;line-height:58px}@media screen and (min-width: 321px) and (max-width: 767px){.why_box__outer .why_box .why_box_icon span{line-height:40px;width:40px;height:40px;font-size:1.25rem}}@media screen and (max-width: 320px){.why_box__outer .why_box .why_box_icon span{font-size:1rem;line-height:40px;width:40px;height:40px}}.why_box__outer .why_box .why_box_title{margin-top:10px;font-size:1.25rem;font-weight:bold;color:#595959}@media screen and (min-width: 321px) and (max-width: 767px){.why_box__outer .why_box .why_box_title{font-size:0.875rem;text-align:left;margin-top:0;margin-left:8px}.why_box__outer .why_box .why_box_title br{display:none}}@media screen and (max-width: 320px){.why_box__outer .why_box .why_box_title{font-size:0.75rem;text-align:left;margin-top:0;margin-left:8px}.why_box__outer .why_box .why_box_title br{display:none}}#faqs{padding-bottom:calc(290px - 5rem);overflow:hidden;position:relative;margin-bottom:0}#faqs .app_bg{position:absolute;z-index:-1}#faqs .bg6{right:60%;top:-20%;animation-duration:3s}@media screen and (max-width: 767px){#faqs .bg6{left:-120%;top:0;width:170%}#faqs .bg6 img{width:100%;height:auto}}#faqs .bg7{left:70%;bottom:-25%;animation-duration:3s}@media screen and (max-width: 767px){#faqs .bg7{right:-100%;bottom:-12%;width:170%}#faqs .bg7 img{width:100%;height:auto}}#faqs .card{margin-bottom:14px;border-radius:12px;border:none;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4)}#faqs .card:first-child{margin-top:2rem}#faqs .card .card-header{display:grid;grid-template-columns:1fr auto;background-color:#595959;width:100%;padding:20px 25px;transition:background-color .2s ease-in-out;border-bottom:0;cursor:pointer}#faqs .card .card-header .title{font-weight:bold;text-align:center;margin:0 auto;font-size:1.5rem;color:#fff}@media screen and (max-width: 767px){#faqs .card .card-header .title{font-size:1.125rem}}#faqs .card .card-header .action_icon_box{align-self:center}#faqs .card .card-header .action_icon_box .line{width:18px;height:1px;background-color:#fff}#faqs .card .card-header .action_icon_box .line:first-child{opacity:1;margin-top:2px;transition:opacity .2s ease-in-out}#faqs .card .card-header .action_icon_box .line:last-child{transform:rotate(90deg);transition:transform .2s ease-in-out}#faqs .card.active .card-header{background-color:#ffa522}#faqs .card.active .action_icon_box .line:first-child{opacity:0}#faqs .card.active .action_icon_box .line:last-child{transform:rotate(0deg)}#faqs .card .qa_box{display:grid;grid-template-columns:auto 1fr}#faqs .card .qa_box .number{font-weight:bold}#faqs .card .qa_box .title{font-size:1rem;margin-bottom:0;text-align:left;margin-top:4px;color:#000;padding-left:4px}#faqs .card .qa_box .title span{color:#ffa522}#faqs .card .qa_box .description{text-align:left;font-size:1rem;line-height:1.5;margin:4px 0 15px 0;padding-left:4px}#faqs .card .qa_box .description .primary-color{color:#ffa522}#faqs .card .qa_box .description .link{text-decoration:underline;color:#ffa522}#faqs .card .qa_box .description .note{background-color:rgba(255,165,34,0.2);padding:15px;text-align:left;border-radius:6px;margin-top:12px}#faqs .card .qa_box .qrcode_box{display:grid;grid-template-columns:auto auto;font-size:0.875rem;max-width:65%;margin-top:8px}@media screen and (max-width: 767px){#faqs .card .qa_box .qrcode_box{grid-template-columns:1fr;max-width:100%;background-color:#efefef;border-radius:12px;padding:15px}}#faqs .card .qa_box .qrcode_box .title{background-color:#ffa522;color:#fff;border-radius:6px;text-align:center;padding:6px 0;margin-top:0}@media screen and (max-width: 767px){#faqs .card .qa_box .qrcode_box .title{color:#595959;background-color:transparent}}#faqs .card .qa_box .qrcode_box .phone{border:1px solid #707070;text-align:center;border-radius:6px;margin:6px auto 0;padding:6px 0}#faqs .card .qa_box .qrcode_box .phone i,#faqs .card .qa_box .qrcode_box .phone svg{transform:scaleX(-1);margin-left:4px}@media screen and (max-width: 767px){#faqs .card .qa_box .qrcode_box .phone{background-color:#fff}}#faqs .card .qa_box .qrcode_box .line{display:none}@media screen and (max-width: 767px){#faqs .card .qa_box .qrcode_box .line{display:block;background-color:#4cc764;padding:6px 0;margin:6px auto 0;border-radius:6px;text-align:center}#faqs .card .qa_box .qrcode_box .line a,#faqs .card .qa_box .qrcode_box .line i,#faqs .card .qa_box .qrcode_box .line svg{color:#fff;font-size:1rem}#faqs .card .qa_box .qrcode_box .line i,#faqs .card .qa_box .qrcode_box .line svg{margin-right:8px}}#faqs .card .qa_box .qrcode_box .qrcode{height:100%}#faqs .card .qa_box .qrcode_box .qrcode .qrcode_img_box{width:auto;max-width:77px;margin-left:13px;height:100%;text-align:left;justify-items:stretch}#faqs .card .qa_box .qrcode_box .qrcode .qrcode_img_box img{border:1px solid #707070;border-radius:6px;padding:5px;height:auto;width:100%}@media screen and (max-width: 767px){#faqs .card .qa_box .qrcode_box .qrcode{display:none}}footer{background-color:#ffe7c5}footer .footer_up{position:relative;overflow:hidden}@media screen and (max-width: 767px){footer .footer_up{padding-top:3rem}}footer .footer_up .footer_info{position:relative;z-index:2}footer .footer_up::before{content:url(https://study-diy.com.tw/assets/app/banner-1-384884b54f9f7dde2c451f8a4ed6d3c3376d04f853efeb2ea36efd9043460eac.png);position:absolute;right:60%;top:-50%}@media screen and (max-width: 767px){footer .footer_up::before{display:none}}footer .footer_up::after{content:url(https://study-diy.com.tw/assets/app/banner-2-02b7ad56cb6dbbf8564b9537b944c66a76c9cc89b65385dc12a16417eb3e3761.png);position:absolute;left:60%;bottom:-130%}@media screen and (max-width: 767px){footer .footer_up::after{display:none}}footer .footer_up .footer_phone_box{max-height:460px;overflow:hidden;text-align:center;margin:0 auto}@media screen and (max-width: 767px){footer .footer_up .footer_phone_box{max-height:350px}}footer .footer_up .footer_phone_box img{width:100%;height:auto;max-width:367px}@media screen and (max-width: 767px){footer .footer_up .footer_phone_box img{width:80%}}footer .footer_up .title{font-size:2.375rem;font-weight:bold}footer .footer_up .title br:first-child{display:none}@media screen and (max-width: 767px){footer .footer_up .title{font-size:1.875rem;text-align:center}footer .footer_up .title br:first-child{display:block}}footer .footer_up .sub_title{font-size:1.5rem;color:#595959;font-weight:bold;margin:12px 0}@media screen and (max-width: 767px){footer .footer_up .sub_title{font-size:1.125rem;text-align:center}}footer .footer_up .download_box{display:grid;grid-template-columns:auto auto;max-width:190px}@media screen and (max-width: 767px){footer .footer_up .download_box{width:100%;text-align:center;margin:0 auto}}footer .footer_up .download_box .download{border-radius:6px;box-shadow:3px 3px 12px 0 rgba(242,157,33,0.4);overflow:hidden;margin-top:15px}footer .footer_up .download_box .download:first-child{margin-right:15px}footer .footer_up .download_box .download img{width:100%;height:auto}footer .footer_down{background-color:#262626;color:#fff}footer .footer_down a{color:#fff}@media screen and (max-width: 767px){footer .footer_down .footer_logo{width:100%}footer .footer_down .footer_logo a{width:100%;margin-right:0}}footer .footer_down .footer_nav{padding:20px 0}@media screen and (max-width: 767px){footer .footer_down .footer_nav{width:100%}}footer .footer_down .footer_nav ul{display:flex;align-items:center;margin-bottom:0}@media screen and (max-width: 767px){footer .footer_down .footer_nav ul{display:block}}footer .footer_down .footer_nav ul li{display:inline-block;padding:0 15px;text-align:center}@media screen and (max-width: 767px){footer .footer_down .footer_nav ul li{display:block;padding:7px 0}}footer .footer_down .footer_nav ul li.line{margin-top:-10%;background-color:#fff;border-radius:6px;padding:3px;margin-left:15px}