*{margin:0;padding:0;box-sizing:border-box}:root{--base-width:1080px;--base-height:1920px;--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:85vw;--dropdown-padding:3vh;--nav-item-gap:1vh;--nav-item-font-size:clamp(12px, 1.8vh, 16px);--content-padding:2vw}body{font-family:Arial,sans-serif;background-color:#fff;overflow-x:hidden}.header,.header.mobile-header{position:fixed;top:0;left:0;right:0;z-index:10000;box-shadow:none!important}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height);background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;box-shadow:none!important}.header .search-bar .nav-left{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-left:15px}.header .search-bar .nav-right{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;z-index:10001;position:relative}.header .search-bar .back-button{width:30px;height:auto;cursor:pointer;margin-top:5px;transform:scale(1);transform-origin:center center}.header .search-bar .menu-button{width:26px;height:auto;cursor:pointer;margin-top:5px;z-index:10000;position:relative;pointer-events:auto;-webkit-tap-highlight-color:transparent;transform:scale(1.3);transform-origin:center center}.header .dropdown-menu{position:fixed;top:var(--nav-height);left:0;right:0;margin-top:0;z-index:100000;background-color:transparent;opacity:0;visibility:hidden;display:block!important;transition:opacity .3s,visibility .3s;pointer-events:none;overflow-y:auto;padding-left:10px;padding-right:10px}.header .dropdown-menu.active{opacity:1;visibility:visible;pointer-events:auto}.header .dropdown-menu .dropdown-bg{position:relative;width:100%;max-width:var(--dropdown-max-width);margin:0 auto;background-color:rgba(255,255,255,.98);border-radius:16px;border:1px solid #ccc;padding:var(--dropdown-padding);box-sizing:border-box;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100001;display:block!important}.header .dropdown-menu .dropdown-bg .bg-base{display:none}.header .dropdown-menu .dropdown-bg .nav-header{display:flex;align-items:center;padding:0 0 0 10px;cursor:pointer;height:auto;min-height:0}.header .dropdown-menu .dropdown-bg .nav-header .home-icon{width:clamp(16px,2.5vh,24px);height:auto;margin-right:8px}.header .dropdown-menu .dropdown-bg .nav-header .home-text{font-size:var(--nav-item-font-size);font-weight:500;color:#333;line-height:normal;margin:0;padding:0}.header .dropdown-menu .dropdown-bg .nav-divider{height:1px;background-color:#999;margin:1vh 5px 0}.header .dropdown-menu .dropdown-bg .nav-images{display:grid;grid-template-columns:auto auto;gap:var(--nav-item-gap);padding-top:var(--nav-item-gap);box-sizing:border-box;z-index:10;justify-items:start}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{display:flex;align-items:center;cursor:pointer;transition:.3s;width:max-content;justify-content:flex-start;padding:.5vh;min-width:0}.header .dropdown-menu .dropdown-bg .nav-images .nav-item:nth-child(even){padding-left:3vw}.header .dropdown-menu .dropdown-bg .nav-images .nav-arrow{width:clamp(10px,1.5vh,16px);height:auto;margin-right:8px;flex-shrink:0}.header .dropdown-menu .dropdown-bg .nav-images .nav-text{font-size:var(--nav-item-font-size)!important;font-weight:500;color:#282828;white-space:nowrap;overflow:visible;text-overflow:clip;flex:0 0 auto;word-break:keep-all}.content-container{display:flex;margin-top:5px;height:calc(100vh - var(--nav-height) - 5px);overflow:hidden}.side-nav{width:33.33%;background-color:#f5f5f5;height:calc(100vh - var(--nav-height) - 5px);overflow-y:hidden;box-shadow:none;border-radius:0 24px 24px 0;position:fixed;left:0;top:calc(var(--nav-height) + 5px);z-index:100}.side-nav .nav-content{padding:2vw 0}.side-nav .nav-content ul{list-style:none}.side-nav .nav-content ul li{padding:3vw 2vw;text-align:left;border-bottom:none;transition:.3s;display:flex;align-items:center;position:relative}.side-nav .nav-content ul li::before{content:'';width:4px;height:4px;border-radius:50%;background-color:#282828;margin-right:10px;flex-shrink:0}.side-nav .nav-content ul li.active,.side-nav .nav-content ul li:hover{background-color:transparent}.side-nav .nav-content ul li.active::before{background-color:#e60044}.side-nav .nav-content ul li a{text-decoration:none;color:#282828;font-size:15px;font-weight:500;display:block;padding:0;transition:.3s}.side-nav .nav-content ul li a.active{color:#e60044;font-weight:700}.main-content{width:66.67%;margin-left:33.33%;padding:var(--content-padding);overflow-y:auto;overflow-x:hidden;background-color:#fff;height:calc(100vh - var(--nav-height) - 5px);-webkit-overflow-scrolling:touch;position:relative}.course-list{display:flex;flex-direction:column;gap:20px}.course-item{background-color:transparent;border-radius:0;overflow:visible;box-shadow:none;transition:none;display:flex;flex-direction:column;align-items:center}.course-item.clickable{cursor:pointer;transition:transform .2s}.course-item.clickable *{pointer-events:none}.course-item.clickable:hover{transform:scale(1.02)}.course-item.clickable:active{transform:scale(.98)}.course-item:hover{transform:none;box-shadow:none}.course-item .course-title-tag{display:block;background-color:#e60044;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;margin-bottom:8px;text-align:center}.course-item img{width:100%;height:auto;display:block}.course-item .course-text{display:block;text-align:center;margin-top:5px}.course-item .course-text .line1{font-size:16px;font-weight:700;margin-bottom:1vw;color:#e60044}.course-item .course-text .line2{font-size:14px;color:#e60044;line-height:1.4}@media (max-width:1080px){:root{--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:85vw;--dropdown-padding:3vh;--nav-item-gap:1vh;--nav-item-font-size:clamp(12px, 1.8vh, 15px)}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height)}.header .dropdown-menu{top:calc(var(--nav-height) + var(--dropdown-gap))}.content-container{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height))}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{max-width:250px}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-text{font-size:var(--nav-item-font-size)}}@media (max-width:768px){:root{--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:88vw;--dropdown-padding:2.5vh;--nav-item-gap:0.8vh;--nav-item-font-size:clamp(11px, 1.7vh, 14px)}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height)}.header .dropdown-menu{top:calc(var(--nav-height) + var(--dropdown-gap))}.content-container{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height))}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{max-width:220px;flex:1 1 calc(50% - 3vw);margin:1.5vw}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-arrow{width:clamp(10px,1.5vh,16px)}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-text{font-size:var(--nav-item-font-size)}}@media (max-width:480px){:root{--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:90vw;--dropdown-padding:2vh;--nav-item-gap:0.6vh;--nav-item-font-size:clamp(10px, 1.6vh, 13px)}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height)}.header .dropdown-menu{top:calc(var(--nav-height) + var(--dropdown-gap))}.content-container{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height))}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{max-width:180px;flex:1 1 calc(50% - 2vw);margin:1vw}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-arrow{width:clamp(10px,1.4vh,14px);margin-right:6px}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-text{font-size:var(--nav-item-font-size)}}@media (max-width:375px){:root{--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:92vw;--dropdown-padding:2vh;--nav-item-gap:0.5vh;--nav-item-font-size:clamp(10px, 1.5vh, 12px)}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height)}.header .dropdown-menu{top:calc(var(--nav-height) + var(--dropdown-gap))}.content-container{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height))}.main-content{padding:1.5vw}.course-list{gap:45px}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{max-width:150px;flex:1 1 100%}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-arrow{width:clamp(8px,1.3vh,12px)}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-text{font-size:var(--nav-item-font-size)}}@media (max-width:320px){:root{--nav-height:44px;--nav-min-height:44px;--nav-max-height:44px;--dropdown-gap:0;--dropdown-max-width:95vw;--dropdown-padding:1.5vh;--nav-item-gap:0.4vh;--nav-item-font-size:clamp(9px, 1.4vh, 11px)}.header .search-bar{height:var(--nav-height);min-height:var(--nav-min-height);max-height:var(--nav-max-height)}.header .dropdown-menu{top:calc(var(--nav-height) + var(--dropdown-gap))}.content-container{margin-top:var(--nav-height);height:calc(100vh - var(--nav-height))}.main-content{padding:1vw}.course-list{gap:45px}.header .dropdown-menu .dropdown-bg .nav-images .nav-item{max-width:130px;flex:1 1 100%}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-arrow{width:clamp(8px,1.2vh,10px)}.header .dropdown-menu .dropdown-bg .nav-images .nav-item .nav-text{font-size:var(--nav-item-font-size)}}/*# sourceMappingURL=course1.css.map */