.home-container[data-v-3c8e677e]{height:100%;width:100%}.home-container[data-v-3c8e677e] .nav-title{display:flex;height:24px;line-height:24px}.home-container[data-v-3c8e677e] .nav-title .nav-title-item{cursor:pointer;margin-right:5%;position:relative;color:#9e9e9f;font-weight:600}.home-container[data-v-3c8e677e] .nav-title .nav-title-item.active,.home-container[data-v-3c8e677e] .nav-title .nav-title-item:hover{color:#224e96}.home-container[data-v-3c8e677e] .nav-title .nav-title-item.active:after{position:absolute;content:"";animation:stretchAnimation .3s;background-color:#f4d737;height:7px;left:0;width:60px;bottom:-12px}.home-container[data-v-3c8e677e] .page-content{margin-top:30px;height:calc(100% - 96px)}.home-container[data-v-3c8e677e] .course-content{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;gap:20px}.home-container[data-v-3c8e677e] .pagination{display:flex;justify-content:center;align-items:center;margin-top:10px}.home-container[data-v-3c8e677e] .pagination .active{background-color:#224e96!important}.home-container[data-v-3c8e677e] .pagination .el-page li:not(.disabled):hover{color:#224e96!important}.home-container[data-v-3c8e677e] .course-content-book{width:100%;height:calc(100% - 32px);display:flex;justify-content:center;align-items:center}.home-container[data-v-3c8e677e] .course-content-book .content-book{width:40%;display:flex;flex-flow:column;justify-content:center;align-items:center}.home-container[data-v-3c8e677e] .course-content-book .content-book img{width:50%}.home-container[data-v-3c8e677e] .course-content-book .content-book span{color:#224e96;font-size:14px;font-weight:600}.home-container[data-v-3c8e677e] .course-content-book .content-book .text-one{margin-top:25px}.home-container[data-v-3c8e677e] .course-content-book .content-book .text-two{margin-bottom:25px}.home-container[data-v-3c8e677e] .course-content-book .content-book .text-button{padding:8px 20px;border-radius:20px;background-color:#cd4c3f;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.home-container[data-v-3c8e677e] .course-content-book .content-book .text-button:hover{opacity:.7}.timeZoneDialog{border-radius:24px}.timeZoneDialog .el-dialog__header{background-color:#224e96;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;align-items:center;justify-content:center}.timeZoneDialog .el-dialog__header .el-dialog__title{color:#fff}.timeZoneDialog .el-dialog__body{padding:0}.timeZoneDialog .el-dialog__body .timeZone-container{padding:42px;display:flex;flex-direction:column;gap:25px}.timeZoneDialog .el-dialog__body .timeZone-container .top-timeZone{display:flex;align-items:center;justify-content:center}.timeZoneDialog .el-dialog__body .timeZone-container .title{text-align:center;color:#cd4c3f;font-size:18px;font-family:GenSenRoundedTW}.timeZoneDialog .el-dialog__body .timeZone-container .time-content{text-align:center;word-break:break-word;color:#303030;font-size:15px;font-family:MontserratLight}.timeZoneDialog .el-dialog__body .timeZone-container .time-content span{color:#224e96}.timeZoneDialog .el-dialog__body .timeZone-container .bottom-btn{display:flex;align-items:center;justify-content:center}.timeZoneDialog .el-dialog__body .timeZone-container .bottom-btn span{background-color:#224e96;border-radius:34px;color:#fff;padding:16px 34px;cursor:pointer;font-size:15px;font-family:GenSenRoundedTW}