.header--pc{width:100vw;height:77px;position:fixed;top:0;z-index:99;background-color:#fff;transition:.2s ease-in-out;border-bottom:1px solid #eaeaef}.header--pc:hover{background-color:#fff;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,.75);border-bottom:1px solid rgba(209,213,219,.3)}.header--pc .container{height:100%}.header--pc .header-logo{min-width:94px}.header--pc .login-logout{display:flex;align-items:center;background-color:#57d061;border-radius:20px;overflow:hidden}.header--pc .login-logout a{display:block;padding:10px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;color:#293142;text-transform:uppercase;line-height:1;transition:.2s ease-in-out}.header--pc .login-logout a:hover{color:#fff}.header--pc .login-logout a:first-child{padding-right:4px;box-shadow:9px 0 5px -10px rgba(0,0,0,.75)}.header--pc .login-logout a:last-child{padding-left:4px}.header--pc .hover-green{transition:.15s ease-in-out}.header--pc .hover-green:hover>svg path{stroke:#07403f}.header-inner{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.header-inner .my-course-btn{background:#f7fff0;border:2px solid #96d962;border-radius:50px;padding:7px 15px;color:#41a336;font-size:14px;margin-right:5px;margin-right:1.5rem;display:flex;justify-content:center;align-items:center}.header-inner .my-course-btn:hover{background-color:#b0ed81}.header-inner .my-course-show{animation:my-course-fadein .2s linear forwards}.header-inner .my-course-hide{animation:my-course-fadeout .2s linear forwards}@keyframes my-course-fadein{from{opacity:0}to{opacity:1}}@keyframes my-course-fadeout{from{opacity:1}to{opacity:0}}.header-inner #my-course{display:none;position:absolute;top:76px;background-color:rgba(0,0,0,.4);width:100%;height:calc(100vh - 77px);left:0}.header-inner #my-course ::-webkit-scrollbar{width:8px;height:8px}.header-inner #my-course ::-webkit-scrollbar-button{width:1px;height:1px}.header-inner #my-course ::-webkit-scrollbar-thumb{background:rgba(139,217,135,.8);border:0 solid #fff;border-radius:44px}.header-inner #my-course ::-webkit-scrollbar-thumb:hover{background:rgba(155,255,153,.81)}.header-inner #my-course ::-webkit-scrollbar-thumb:active{background:rgba(87,207,79,.8)}.header-inner #my-course ::-webkit-scrollbar-track{background:#fff;border:0 solid #ff0;border-radius:54px;box-shadow:inset 0 0 2px grey}.header-inner #my-course ::-webkit-scrollbar-track:hover{background:#d9d9d9}.header-inner #my-course .my-course-main{background-color:#fff}.header-inner #my-course .my-course-main .my-course-container{width:1140px;margin:0 auto}.header-inner #my-course .my-course-main .my-course-container .title-box{position:relative;padding:0}.header-inner #my-course .my-course-main .my-course-container .title-box i{position:absolute;color:#bfbfbf;font-size:56px;top:0;margin-top:18px;right:0;cursor:pointer}.header-inner #my-course .my-course-main .my-course-container .title{font-family:Montserrat;font-weight:700;font-size:38px}.header-inner #my-course .my-course-main .my-course-container .description{font-family:Quicksand;font-weight:400;font-size:18px}.header-inner #my-course .my-course-main .my-course-container hr{border-width:2px;border-color:#bcbcbc}.header-inner #my-course .my-course-main .my-course-container .my-course-content{display:none;max-height:calc(100vh - 200px);padding:20px 80px;display:grid;grid-template-columns:auto auto auto auto;overflow-y:scroll}.header-inner #my-course .my-course-main .my-course-container .my-course-content .empty-box{display:flex;flex-direction:column;width:100%;align-items:center;font-family:Quicksand;font-size:25px}.header-inner #my-course .my-course-main .my-course-container .my-course-content .empty-box img{width:250px}.header-inner #my-course .my-course-main .my-course-container .my-course-content .empty-box span{margin:20px 0}.header-inner #my-course .my-course-main .my-course-container .my-course-content .empty-box a{background-color:#6bd55f;color:#fff;padding:10px 60px;border-radius:30px;cursor:pointer}.header-inner #my-course .my-course-main .my-course-container .my-course-content .my-course-item{display:flex;flex-direction:column;align-items:center;margin:20px 0;cursor:pointer}.header-inner #my-course .my-course-main .my-course-container .my-course-content .my-course-item img{width:210px;height:138px}.header-inner #my-course .my-course-main .my-course-container .my-course-content .my-course-item span{display:flex;align-items:center;font-family:Montserrat;font-weight:500;font-size:14px;color:#000;margin-top:10px}.header-inner #my-course .my-course-main .my-course-container .my-course-content .my-course-item span i{font-size:6px;margin:0 10px}.header-menu{height:100%;display:flex;justify-content:space-between;align-items:center}.header-menu__item{height:46px;min-width:70px;display:flex;align-items:center;justify-content:center;margin:auto 1px;padding:10px 10px;position:relative;cursor:pointer;text-transform:uppercase;text-decoration:none;color:#fff;font-weight:400;line-height:1.61;transition:.15s ease-in-out;border-radius:8px}.header-menu__item:hover{color:#fff}.header-menu__item:hover .header-menu__dropdown{display:flex;opacity:1}.header-menu__item.featured{color:#ff6531}.header-menu__item.featured:hover{background-color:transparent}.header-menu__item.active,.header-menu__item:hover{background-color:#07403f}.header-menu__item.active svg path,.header-menu__item:hover svg path{fill:#07403f}.header-menu__item:first-child:hover{box-shadow:none}.header-menu__dropdown{position:absolute;min-width:320px;display:none;opacity:0;top:44px;padding-top:30px;left:0;z-index:99;line-height:1.2;transition:.3s ease-in-out}.header-menu__dropdown.mega{min-width:720px}.header-menu__dropdown-inner{width:100%;padding:20px 0;border-radius:20px;border:2px solid #fff;background:#57d061;color:#fff}.header-menu__dropdown-inner .border-right{border-right:1px solid #fff}.header-menu__dropdown-inner .menu-column{display:flex;flex-flow:column;min-height:100%}.header-menu__dropdown-item,.header-menu__dropdown-sub-item{transition:.2s ease-in-out;padding:0 20px;margin-top:2px;margin-bottom:2px;display:block;text-decoration:none;font-weight:400;color:#fff}.header-menu__dropdown-item.active,.header-menu__dropdown-item:hover,.header-menu__dropdown-sub-item.active,.header-menu__dropdown-sub-item:hover{text-decoration:none;color:#fff}.header-menu__dropdown-item-inner,.header-menu__dropdown-sub-item-inner{padding:15px;transition:.2s ease-in-out;border-radius:15px;display:block;text-decoration:none;color:#fff}.header-menu__dropdown-item-inner:active,.header-menu__dropdown-item-inner:focus,.header-menu__dropdown-item-inner:hover,.header-menu__dropdown-sub-item-inner:active,.header-menu__dropdown-sub-item-inner:focus,.header-menu__dropdown-sub-item-inner:hover{text-decoration:none;color:#fff}.header-menu__dropdown-item-inner svg path,.header-menu__dropdown-sub-item-inner svg path{fill:none!important}.header-menu__dropdown-item:hover .header-menu__dropdown-item-inner,.header-menu__dropdown-sub-item:hover .header-menu__dropdown-item-inner{background-color:#07403f}.header-menu__dropdown-item.active .header-menu__dropdown-item-inner,.header-menu__dropdown-sub-item.active .header-menu__dropdown-item-inner{background-color:#07403f;font-weight:600}.header-menu__dropdown-item .title,.header-menu__dropdown-sub-item .title{user-select:none;font-size:16px;font-weight:600}.header-menu__dropdown-item .description,.header-menu__dropdown-sub-item .description{font-family:Quicksand,Arial,sans-serif;user-select:none;font-size:12px;font-weight:400;text-transform:none}.header-menu__dropdown-sub-item{text-transform:none;padding:0 10px}.header-menu__dropdown-sub-item .title{font-weight:400}.header-menu__dropdown-sub-item-inner{padding:10px 15px;border-radius:50px}.header-menu__dropdown-sub-item:hover .header-menu__dropdown-sub-item-inner{background-color:#07403f}.header-menu__dropdown-sub-item.active .header-menu__dropdown-sub-item-inner{background-color:#07403f;font-weight:600}.header-menu__dropdown-sub-item.active .header-menu__dropdown-sub-item-inner .title{font-weight:600}.header-avatar{position:relative}.header-avatar .user-menu{margin-left:0;right:-15px;top:37px;width:190px;left:unset}.header-avatar .user-menu .caret-up{position:absolute;float:right;margin-top:-13px;right:20px}.header-avatar .user-menu li{width:100%;float:left;padding:0}.header-avatar .user-menu li a{padding:7px 15px}.header-avatar .user-menu li a i{margin-right:10px}.header-avatar .user-menu li .trophy-icon{margin-right:8px}.header-avatar .user-menu .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.header-avatar .user-info-box{width:26px}.header-avatar .user-avatar-circle{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #293142;background:#ccc;cursor:pointer;transition:.3s ease-in-out}.header-avatar .user-avatar-circle:hover{transform:rotate(30deg)}.header-notification{position:relative;margin-right:1.5rem}.header-notification .badge--red{background-color:#fa3e3e;border-radius:4px;text-align:center;font-size:11px;padding:0 3px 0 3px;color:#fff;position:absolute;margin:-8px 0 0 10px;opacity:1}.header-notification .announce-menu{margin-left:0;border-radius:15px;right:-15px;top:50px;width:440px;left:unset;overflow:hidden;padding:0!important}.header-notification .announce-menu h1{margin:0}.header-notification .annouce-header{padding:8px 0;background:#57d061;display:flex;justify-content:space-between;align-items:center}.header-notification .annouce-header .ann-header-left{display:flex;align-items:center}.header-notification .annouce-header .ann-header-left a{color:#333;font-weight:700;font-family:Montserrat}.header-notification .annouce-header svg{margin:0 10px}.header-notification .annouce-header .ann-header-right{display:flex;align-items:center}.header-notification .annouce-header .ann-header-right span{cursor:pointer}.header-notification .annouce-container::-webkit-scrollbar{display:none}.header-notification .annouce-container{overflow-y:scroll;height:430px!important;-ms-overflow-style:none;scrollbar-width:none}.header-notification .annouce-container .unread{background:#efefef}.header-notification .annouce-container .annouce-item{padding:15px 15px;border-bottom:1px solid #e4e8ee}.header-notification .annouce-container .annouce-item a{display:flex;padding-left:5px;color:#000}.header-notification .annouce-container .annouce-item img{width:35px;height:35px;border-radius:50%}.header-notification .annouce-container .annouce-item .ann-item-content{margin-left:20px;width:90%;display:inline-block}.header-notification .annouce-container .annouce-item .ann-item-content .ann-title{display:inline-block;margin-bottom:15px;color:#1a1f36}.header-notification .annouce-container .annouce-item .ann-item-content .ann-create-time{color:#a5acb8}.footer{line-height:2;top:0;left:0;width:100%;height:100%;display:flex;flex-flow:column;font-family:Quicksand,Arial,sans-serif;background-color:#fff;background-image:url(/assets/img/new_home/footer-bg.jpg);background-size:cover;background-position:center;color:#293142;padding:50px 0 0 0;font-size:15px;border-top:.5px solid #eee}.footer-inner{display:flex}.footer a{text-decoration:none;color:#293142}.footer a:active,.footer a:focus,.footer a:hover{color:#ff6531}.footer .center-container{width:74vw;margin:0 auto 20px auto;padding:0 2vw}.footer .center-container .general-infomation-box{padding-left:30px}.footer .center-container .col{padding:0}.footer .center-container p{margin-bottom:5px}.footer .center-container .footer-logo{height:60px}.footer .center-container h3{display:block;text-transform:uppercase;margin:20px 0 15px;font-size:18px;font-weight:400;text-align:left;line-height:1.2;color:#293142}.footer .center-container .links{width:100%;line-height:2}.footer .center-container .links li{margin-bottom:10px}.footer .center-container .links a{color:#293142;padding:3px 0;font-weight:100;text-decoration:none}.footer .center-container .links a:hover{text-decoration:none;color:#ff6531}.footer .center-container .contact-box{padding-right:80px}.footer .center-container .contact-box a{color:#293142;padding:3px 0;text-decoration:none}.footer .center-container .contact-box a:hover{text-decoration:none;color:#ff6531}.footer .center-container .contact-box a i{color:#293142;margin-right:5px}.footer .center-container .schedule{line-height:1.8}.footer .social-box{width:70vw;margin:20px auto 30px auto;display:flex}.footer .social-box .box{display:flex;justify-content:center;align-items:center}.footer .social-box .box img{height:35px}.footer .social-box .business{margin-right:auto}.footer .social-box .mobile-app img{margin:0 5px}.footer .social-box .mobile-app img:first-child{margin-left:0}.footer .social-box .social img{width:32px}.footer .social-box .social .social_link{margin-left:25px}.footer .social-box .social .social-line2{margin-top:18px;text-align:center}.footer .copyright-box{width:100vw;padding:20px 0;text-align:center;border-top:1px solid #fff}@media (max-width:1200px){.header-inner #my-course .my-course-main .my-course-container .title-box{padding:0 80px}}[v-cloak]{display:none}.slick-slide{outline:0!important}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-flex-end{justify-content:flex-end}.justify-content-flex-start{justify-content:flex-start}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-flex-end{align-items:flex-end}.align-items-flex-start{align-items:flex-start}.align-items-stretch{align-items:stretch}.a-cursor-pointer{cursor:pointer}.text-bold{font-weight:700!important}.text-red{color:#f3010a}.v-modal-mask{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.v-modal-wrapper{display:table-cell;vertical-align:middle}.v-modal-container{width:80vmax;max-height:90vh;overflow-y:scroll;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .1s ease;font-family:Helvetica,Arial,sans-serif}.v-modal-container::-webkit-scrollbar{display:none}.v-modal-header h3{margin-top:0;color:#42b983}.v-modal-body{margin:20px 0}.v-modal-default-button{float:right}.v-modal-enter{opacity:0}.v-modal-leave-active{opacity:0}.v-modal-enter .v-modal-container,.v-modal-leave-active .v-modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.bookmark-ribbon{height:56px;transform:rotate(-3deg);font-family:Montserrat,Arial,sans-serif;font-size:30px;font-weight:700;padding:15px 40px 15px 30px;position:absolute;top:-3px;left:8px;z-index:0;border:1px solid transparent;border-right:none;display:flex;align-items:center}.bookmark-ribbon__content{position:static}.bookmark-ribbon:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;border-right:15px solid transparent}.bookmark-ribbon--green:before{border-bottom:27px solid #e8ffd4;border-top:27px solid #e8ffd4}.bookmark-ribbon--yellow:before{border-bottom:27px solid #ffe179;border-top:27px solid #ffe179}.bookmark-ribbon--blue:before{border-bottom:27px solid #c7e1ff;border-top:27px solid #c7e1ff}.bookmark-ribbon--violet:before{border-bottom:27px solid #e5d9ff;border-top:27px solid #e5d9ff}.bookmark-ribbon--gray:before{border-bottom:27px solid #eaeaef;border-top:27px solid #eaeaef}.font-montserrat{font-family:Montserrat,Arial,sans-serif}.font-quicksand{font-family:Quicksand,Arial,sans-serif}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-light{font-weight:300}.font-extralight{font-weight:200}.font-thin{font-weight:100}.bg-orange-25{background-color:#fff7da}.bg-orange-25 svg path{fill:#fff7da}.bg-orange-75{background-color:#f6c273}.bg-orange-75 svg path{fill:#f6c273}.bg-green-75{background-color:#57d061}.bg-green-75 svg path{fill:#57d061}.bg-green-25{background-color:#e8ffd4}.bg-green-25 svg path{fill:#e8ffd4}.bg-gray-25{background-color:#dedeeb}.bg-gray-25 svg path{fill:#dedeeb}.bg-gray-75{background-color:#6f7585}.bg-gray-75 svg path{fill:#6f7585}.bg-blue-50{background-color:#7ca4ff}.bg-blue-50 svg path{fill:#7ca4ff}.bg-blue-25{background-color:#c7e1ff}.bg-blue-25 svg path{fill:#c7e1ff}.bg-violet-25{background-color:#e5d9ff}.bg-violet-25 svg path{fill:#e5d9ff}.fold-paper{max-width:282px;font-size:16px;color:#000;font-family:Quicksand,Arial,sans-serif;font-weight:400;position:relative;padding:66px 40px;margin-left:44px;background-image:url(../img/new_course/fold.png);background-position:center;background-size:contain;background-repeat:no-repeat}.fold-paper__title{position:absolute;width:88%;top:-30px;left:14px;padding:10px 30px;border:3px solid #000;font-weight:700;font-family:Montserrat,sans-serif;background-color:#b1e18b}.collapse{visibility:visible}body{margin:0;font-size:14px;font-family:arial,sans-serif;font-weight:400;color:#404040;background-color:#fff;overflow-x:hidden}a{color:#41a336}a:focus,a:hover{outline:0;text-decoration:none;color:#69aa00}img{max-width:100%}ol,ul{margin:0;padding:0}ol li,ul li{list-style:none}p{margin:0}body.fancybox-active{overflow-y:auto}.refresh-cache{position:fixed;z-index:999;cursor:pointer;right:-3px;top:200px;background:#fff;border-radius:4px;padding:2px 10px;box-shadow:0 3px 5px 0 rgba(52,52,52,.1)}.cluster-option{width:350px;padding-top:20px;margin-top:60px;position:fixed;color:#26751e}.cluster-option .active{background:#eee;border-bottom-left-radius:0;border-bottom-right-radius:0}.download-store{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#fff;z-index:9999;padding:20% 15px;text-align:center;display:none}.download-store h2{width:100%;float:left}.download-store p{width:100%;float:left;font-size:15px;color:#999}.download-store .mobile-app{width:100%;float:left;margin-top:30px}.download-store .mobile-app img{margin-right:20px;width:260px;margin-bottom:10px}#jlpt-page{width:100%;float:left;padding-top:100px}#jlpt-page .site-header .header-content .container{width:1024px;padding:0}#jlpt-page .site-header{z-index:100;position:fixed;width:100%;top:0}#jlpt-page .site-header .header-top{background-color:#fff;position:relative;z-index:10;border-bottom:1px solid #eee}#jlpt-page .site-header .header-top .nav-left{width:1024px;margin:0 auto}#jlpt-page .site-header .header-top .nav-left li{margin-right:20px;display:inline-block;vertical-align:top}#jlpt-page .site-header .header-top .nav-left li a{padding:10px 0 8px 0;float:left;font-size:16px}#jlpt-page .site-header .header-top .nav-left li .active{border-bottom:1px solid #41a336}#jlpt-page .site-header .header-top .nav-left .shop-icon{float:right;margin-right:110px;padding-top:8px}#jlpt-page .site-header .header-top .nav-left .shop-icon img{width:16px}#jlpt-page .site-header .header-top .nav-left .account-container{float:right;padding:0;height:33px}#jlpt-page .site-header .header-top .nav-left .account-container .text-login{float:right;margin-right:20px;margin-top:10px;cursor:pointer;outline:0;font-size:16px}#jlpt-page .site-header .header-top .nav-left .account-container .text-login:hover{color:#111}#jlpt-page .site-header .header-top .nav-left .account-container .text-register{cursor:pointer;margin-top:10px;cursor:pointer;outline:0;color:#41a336;float:right;font-size:16px}#jlpt-page .site-header .header-top .nav-left .account-container .text-register:hover{color:#111}#jlpt-page .site-header .header-top .nav-left .account-container .profile-no-login-icon{display:none}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container{cursor:pointer;padding:10px 0;max-width:250px;text-align:right}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .messenger-icon{display:inline;float:left;margin-left:-90px;padding:0 10px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .messenger-icon img{width:19px;height:19px;vertical-align:top;opacity:.8;margin-top:1px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .messenger-icon .mess-counts{background-color:#fa3e3e;border-radius:4px;text-align:center;font-size:11px;padding:0 3px 0 3px;color:#fff;float:right;position:absolute;margin:-4px 0 0 -6px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .svgIcon{width:26px;height:26px;float:left;margin-top:-2px;margin-left:-45px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .svgIcon svg{opacity:.7}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .svgIcon .noti-counts{background-color:#fa3e3e;border-radius:4px;text-align:center;font-size:11px;padding:0 3px 0 3px;color:#fff;float:left;position:absolute;margin:-2px 0 0 15px;opacity:1}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-avatar-circle{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid #eee;background:#ccc}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-name{margin-right:5px;padding-top:8px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .caret{opacity:.7}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu{margin-left:0;float:right;right:0;top:37px;width:190px;left:unset}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu .caret-up{position:absolute;float:right;margin-top:-13px;right:20px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu li{width:100%;float:left;padding:0}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu li a{padding:7px 15px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu li a i{margin-right:10px}#jlpt-page .site-header .header-top .nav-left .account-container .auth-container .user-menu .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}#jlpt-page .site-header .header-content{background:#fff}#jlpt-page .site-header .header-content .logo{float:left;padding:12px 0;height:70px;overflow:hidden;width:120px}#jlpt-page .site-header .header-content .logo:hover{opacity:.8}#jlpt-page .site-header .header-content .logo img{height:37px;margin-right:20px;margin-top:5px}#jlpt-page .site-header .header-content .block-nav-menu{width:calc(100% - 120px);float:left}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu{width:100%;float:left}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn{height:70px;font-size:18px;color:#111;display:initial;float:left}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .hover-box{float:left;width:200px;background:#fff;margin-top:70px;position:fixed;padding:15px 0;display:none;box-shadow:0 0 11.6854px rgba(0,0,0,.15);border-radius:11px;border-top-left-radius:0}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .hover-box .mn-item{width:100%;float:left;padding:8px 15px;font-size:15px;font-family:Roboto}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .hover-box .mn-item img{margin-right:10px}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .hover-box .mn-item:hover{font-weight:700}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .group-name{float:left;height:70px;line-height:70px;cursor:pointer;padding:0 15px}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .group-name i{font-size:13px;opacity:.6}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn:hover{background:#efefef}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn:hover .hover-box{display:block;background:#fff}#jlpt-page .site-header .header-content .block-nav-menu .ui-menu li.nav-item-mn .free{margin:0;height:15px;line-height:15px;padding:0 5px;border-radius:3px;font-size:10px;position:absolute;background-color:#f22b2b;color:#fff}.jlpt-header{width:100%;float:left;border-bottom:.5px solid #eee;height:60px}.jlpt-header .header-center{width:1024px;height:60px;margin:0 auto}.jlpt-header .header-center .logo{float:left;padding:11px 0;height:70px;overflow:hidden;width:120px}.jlpt-header .header-center .logo:hover{opacity:.8}.jlpt-header .header-center .logo img{height:36px;margin-right:20px;margin-top:2px}.jlpt-header .header-center .text-login{padding:4px 10px;background:#41a336;border-radius:4px;color:#fff;cursor:pointer}.jlpt-header .header-center .auth-box{float:right;padding:15px 0;text-align:right}.jlpt-header .header-center .auth-box .user-avatar-circle{width:30px;height:30px;cursor:pointer;border-radius:50%;object-fit:cover;border:1px solid #eee;background:#ccc}.jlpt-header .header-center .auth-box .user-name{margin-right:5px;padding-top:8px}.jlpt-header .header-center .auth-box .user-menu{margin-left:0;float:right;right:0;top:50px;width:190px;left:unset}.jlpt-header .header-center .auth-box .user-menu .caret-up{position:absolute;float:right;margin-top:-13px;right:18px}.jlpt-header .header-center .auth-box .user-menu li{width:100%;float:left;padding:0;cursor:pointer}.jlpt-header .header-center .auth-box .user-menu li a{padding:7px 15px}.jlpt-header .header-center .auth-box .user-menu li a i{margin-right:10px}.jlpt-header .header-center .auth-box .user-menu .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.login-container{padding:0;width:800px}.login-container .login-left-container{width:320px;height:600px;float:left;background:#ccc;overflow:hidden}.login-container .login-right-container{width:calc(100% - 320px);height:600px;float:left;overflow:hidden;padding:10px 15px 20px 15px;box-sizing:border-box}.login-container .login-right-container .nav-pills{margin:0 14px;border-bottom:1px solid #eee;height:47px}.login-container .login-right-container .nav-pills li.active>a,.login-container .login-right-container .nav-pills li.active>a:focus{color:rgba(96,106,116,.98);background:#fff;border-bottom:2px solid #41a336;border-radius:0}.login-container .login-right-container .nav-pills li>a{border-radius:0;height:47px;padding:15px 0 7px 0;margin-right:25px;color:#434a54;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400}.login-container .login-right-container .tab-content{padding-top:20px}.login-container .login-right-container .tab-content .agree-policy{font-size:12px;margin-right:0}.login-container .login-right-container .tab-content .btn-register{float:left;width:100%;background:#41a336;color:#fff;border-radius:3px;padding:7px 0;text-align:center;cursor:pointer;margin-top:15px}.login-container .login-right-container .tab-content .btn-login{float:left;width:100%;background:#41a336;color:#fff;border:none;border-radius:3px;padding:7px 0;text-align:center;margin:0 0 25px 0;cursor:pointer}.login-container .login-right-container .tab-content .form-group{margin-bottom:10px}.login-container .login-right-container .tab-content .form-control{background:#eee;height:30px}.login-container .login-right-container .tab-content #login-content .error-container,.login-container .login-right-container .tab-content #register-content .error-container{width:100%}.login-container .login-right-container .tab-content #login-content .error-container .alert-danger,.login-container .login-right-container .tab-content #register-content .error-container .alert-danger{padding-top:5px;line-height:1.1;background-color:transparent}.login-container .login-right-container .tab-content #register-content .form-group{margin-bottom:5px}.login-container .login-right-container .tab-content #register-day,.login-container .login-right-container .tab-content #register-month,.login-container .login-right-container .tab-content #register-year{padding:4px 0 4px 5px}.login-container .login-right-container .break-line{padding-bottom:10px}.login-container .login-right-container .btn-googleplus{background-color:#dd4b39!important}.login-container .login-right-container .btn-facebook{background-color:#3b5998!important}.login-container .login-right-container .btn-apple{border:1px solid #333;background-color:#333!important}.login-container .login-right-container .btn-social{width:40px;color:#fff;padding:3px 7px;font-size:20px}.fancybox-container{height:100%;display:inline-block}.main{width:100%;float:left;min-height:500px}.main .main-center{width:1024px;margin:0 auto}.footer{width:100%;float:left;color:#444;padding:10px 20px;font-size:14px;border-top:.5px solid #eee}.main .lang-btn{cursor:pointer;float:right;margin-top:-120px;padding:5px 15px;border:1px solid #eee;border-radius:2px}.main .main-exam-menu{width:100%;float:left;padding:20px 0 20px 0}.main .exam-container-menu{width:520px;margin:0 auto;height:120px;background:#fff;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}.main .exam-container-menu .item-exam{padding:28px 5px 10px 5px;width:155px;text-align:center;color:#666;border:1px solid #f2f2f2;border-radius:8px;background:#f6f6f6}.main .exam-container-menu .item-exam svg{height:44px;margin-bottom:4px;display:inline}.main .exam-container-menu .item-exam span{font-size:16px}.main .exam-container-menu .item-exam:hover{font-weight:700}.main .exam-container-menu .active{box-shadow:inset 5px 5px 10px #c9c9c9,inset -5px -5px 10px #fff;background:#fff;font-family:Montserrat,Arial,sans-serif}.main .main-exam-right{width:100%;float:left;padding-bottom:40px;min-height:530px;border-top:1px solid #eee;margin-top:-40px;font-family:Montserrat,Arial,sans-serif}.main .main-exam-right .jlpt-name{font-weight:700;font-style:italic}.main .main-exam-right .requre-auth{color:#333;width:100%;text-align:center;margin-top:60px;padding:80px 0;border:1px #588d3f dashed}.main .main-exam-right .requre-auth a{color:#41a336;font-weight:700}.main .main-exam-right .requre-auth a:hover{color:#17b50e}.main .main-exam-right .table-borderless{border:none;width:100%;float:left;margin-top:20px}.main .main-exam-right .table-borderless thead{font-size:16px}.main .main-exam-right .table-borderless td{font-size:16px;vertical-align:middle;text-align:center}.main .main-exam-right .table-borderless td,.main .main-exam-right .table-borderless th,.main .main-exam-right .table-borderless tr{border:none}.main .main-exam-right .table-borderless th{vertical-align:middle;text-align:center}.main .main-exam-right .table-borderless tr{padding:8px 0;height:54px;border-bottom:1px solid #eee}.main .main-exam-right .table-borderless .center{text-align:center}.main .main-exam-right .table-borderless .nx{padding:7px 0;font-size:16px;color:#fff;border-radius:2px;width:62px;display:block;text-align:center}.main .main-exam-right .table-borderless .N5{background-color:#7fb324}.main .main-exam-right .table-borderless .N4{background-color:#00a8b5}.main .main-exam-right .table-borderless .N3{background-color:#774898}.main .main-exam-right .table-borderless .N2{background-color:#e62a76}.main .main-exam-right .table-borderless .N1{background-color:#d32e35}.main .main-exam-right .table-borderless .enable{border-radius:8px!important;margin-bottom:10px;box-shadow:0 0 6px 6px rgba(0,150,0,.1),0 6px 20px 0 rgba(0,150,0,.1)}.main .main-exam-right .table-borderless .dmr-btn{background-color:#17b50e;color:#fff;font-weight:700;padding:5px 18px}.main .main-exam-right .table-borderless .online{font-weight:700}.main .main-exam-right .table-borderless .action-area .label{padding:.1em .5em .1em}.main .main-exam-right .table-borderless .top{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:10px}.main .main-exam-right .table-borderless .top.a2,.main .main-exam-right .table-borderless .top.a2:before{background:#69c820;animation-delay:.2s}.main .main-exam-right .table-borderless .top:before{content:"";display:block;position:absolute;left:-8px;top:-8px;width:25px;height:25px;border-radius:50%;animation:ani 1s infinite ease-in}@keyframes ani{0%{transform:scale(.5);opacity:1}100%{transform:scale(1);opacity:0}}.main .main-exam-right .top{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:10px}.main .main-exam-right .top.a2,.main .main-exam-right .top.a2:before{background:#69c820;animation-delay:.2s}.main .main-exam-right .top:before{content:"";display:block;position:absolute;left:-8px;top:-8px;width:25px;height:25px;border-radius:50%;animation:ani 1s infinite ease-in}@keyframes ani{0%{transform:scale(.5);opacity:1}100%{transform:scale(1);opacity:0}}.main .main-exam-right .no-auth-notifi{width:100%;float:left;padding:20px 20px;text-align:left;margin-top:65px;font-size:16px;text-align:center}.main .main-ranking-menu{width:100%;float:left;padding:20px 0 20px 0}.main .main-ranking-right{width:1150px;float:left;padding-bottom:40px;min-height:700px;margin-left:-50px;font-family:Montserrat,Arial,sans-serif}.main .main-ranking-right .cover-container{width:100%;float:left;margin-bottom:25px;min-height:455px;margin-left:2px}.main .main-ranking-right .guest-cover-container{text-align:center;padding:47px 0}.main .main-ranking-right .guest-cover-container .btn-login{padding:6px 20px;background-color:#41a336;color:#fff;border-radius:20px;margin-left:10px;cursor:pointer;outline:0;display:inline;margin-top:4px;font-size:16px}.main .main-ranking-right .guest-cover-container .btn-login:hover{opacity:.9;background:#5cbfaa;color:#fff}.main .main-ranking-right .guest-cover-container .btn-register{padding:5px 20px;cursor:pointer;border-radius:20px;border:1px solid #41a336;background-color:#fff;outline:0;color:#41a336;display:inline;margin-top:4px;cursor:pointer;font-size:16px}.main .main-ranking-right .guest-cover-container .btn-register:hover{opacity:.9;background:#5cbfaa;color:#fff;border-color:#5cbfaa}.main .main-ranking-right .title-exam-cover{color:#588d3f;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.main .main-ranking-right .title-exam-cover .title-text{font-size:20px}.main .main-ranking-right .title-exam-cover .filter-container{text-align:center;display:flex;align-items:center}.main .main-ranking-right .title-exam-cover .filter-container .dropdown{margin-left:10px;margin-top:-5px;border:1px solid #eee}.main .main-ranking-right .title-exam-cover .filter-container .dropdown .drop-name{font-weight:700;font-size:18px;color:#222}.main .main-ranking-right .title-exam-cover .filter-container .dropdown .user-menu{padding-bottom:0;min-width:130px}.main .main-ranking-right .title-exam-cover .filter-container .dropdown .user-menu .caret-up{position:absolute;margin-top:-13px;left:50px}.main .main-ranking-right .title-exam-cover .filter-container .dropdown .user-menu li{border-bottom:1px solid #eee;font-size:15px;cursor:pointer}.main .main-ranking-right .title-exam-cover .filter-container .dropdown .user-menu li a{padding-top:8px;padding-bottom:8px}.main .main-ranking-right .title-exam-cover .filter-container .level-exam,.main .main-ranking-right .title-exam-cover .filter-container .month-exam,.main .main-ranking-right .title-exam-cover .filter-container .year-exam{height:30px;box-shadow:0 1px 5px #666}.main .main-ranking-right .title-exam-cover .filter-container .level-exam,.main .main-ranking-right .title-exam-cover .filter-container .month-exam,.main .main-ranking-right .title-exam-cover .filter-container .my-ranking,.main .main-ranking-right .title-exam-cover .filter-container .search,.main .main-ranking-right .title-exam-cover .filter-container .year-exam{margin-right:20px}.main .main-ranking-right .title-exam-cover .filter-container .search{background-color:#588d3f;border-color:#588d3f;box-shadow:0 1px 5px #666;height:30px;padding-top:3px;padding-bottom:3px}.main .main-ranking-right .notification-empty-container{width:100%;float:left;padding:150px 0;margin-bottom:30px;text-align:center;color:#666;border:1px #ddd dashed}.main .main-ranking-right .no-rank{color:#666;width:100%;text-align:center;margin-top:20px;padding:10px 0;border:1px #ddd dashed}.main .main-ranking-right .my-rank{color:#337ab7;width:100%;text-align:center;margin-top:20px;padding:20px 0 30px 0;font-weight:700;background-color:#ebf0f4;border:1px #62b4e8 dashed}.main .main-ranking-right .my-rank span{color:#fff;background-color:#337ab7;border-radius:50%;padding:10px;font-size:25px;display:inline}.main .main-ranking-right .rank-not-auth{color:#666;width:100%;text-align:center;margin-top:20px;padding:10px 0;border:1px #ddd dashed}.main .main-ranking-right .list-students-container{margin-top:20px;font-weight:700}.main .main-ranking-right .list-students-container .top-1{background-color:#fff9c0}.main .main-ranking-right .list-students-container .top-2{background-color:#f9e2a1}.main .main-ranking-right .list-students-container .top-3{background-color:#ffc896}.main .main-ranking-right .list-students-container .top-4-9{background-color:#f9fef2}.main .main-ranking-right .list-students-container .fa-star-o{float:left;margin:0 0 0 -15px}.main .main-ranking-right .list-students-container .indexRank{width:70px;vertical-align:inherit;padding-left:20px;width:90px;text-align:center}.main .main-ranking-right .list-students-container .indexRank .number{font-size:24px;-webkit-text-stroke-width:1px}.main .main-ranking-right .list-students-container .indexRank img{width:28px;display:inline}.main .main-ranking-right .list-students-container .avatar{vertical-align:inherit}.main .main-ranking-right .list-students-container .avatar img{border-radius:50%;height:35px;margin-right:15px;margin-left:5px}.main .main-ranking-right .list-students-container .avatar span{margin-left:10px}.main .main-ranking-right .list-students-container .detail{vertical-align:inherit}.main .main-ranking-right .list-students-container .score{vertical-align:inherit;font-weight:700}.main .main-ranking-right .list-students-container .passed{vertical-align:inherit;padding-right:0;width:80px}.main .main-ranking-right .list-students-container .passed .ok{color:#588d3f}.main .main-ranking-right .list-students-container .passed .not-ok{color:red}.main .main-ranking-right .list-students-container .noResult{text-align:center;color:#666}.main .main-ranking-right .list-students-container td{border-top:.5px solid #eee}#jlpt-certificate{width:600px;padding:0;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:#faebd7}#jlpt-certificate .jlpt-certificate{font-size:15px;text-align:center;background-image:url(/assets/img/bg_jlpt.jpg);padding:15px;background-size:20px 20px;margin-top:5px}#jlpt-certificate .jlpt-certificate .jlpt-cer-t-test,#jlpt-certificate .jlpt-certificate .jlpt-cer-title,#jlpt-certificate .jlpt-certificate .jlpt-cer-title-en{font-weight:700}#jlpt-certificate .jlpt-certificate .jlpt-date,#jlpt-certificate .jlpt-certificate .jlpt-more-infor{text-align:left;line-height:28px;display:flex;-webkit-justify-content:space-between}#jlpt-certificate .jlpt-certificate .jlpt-score{width:100%;border:1px solid #999;padding:4px;clear:both;margin-top:12px}#jlpt-certificate .jlpt-certificate .jlpt-score .jlpt-detail-score{width:100%}#jlpt-certificate .jlpt-certificate .jlpt-score .jlpt-detail-score td,#jlpt-certificate .jlpt-certificate .jlpt-score .jlpt-detail-score tr{border:1px dotted #555;vertical-align:middle;width:25%}#jlpt-certificate .jlpt-certificate .jlpt-score .jlpt-conclude-pass-c{height:40px;width:162px;border:1px dotted #555;line-height:40px;text-align:center;bottom:0}#jlpt-certificate .jlpt-certificate .jlpt-score .stamp{width:90px;height:75px;position:relative;padding-right:20px}#jlpt-certificate .jlpt-certificate .jlpt-score .jlpt-conclude{width:100%}.main .main-history-menu{width:100%;float:left;padding:20px 0 20px 0}.main .main-history-right{width:100%;float:left;padding-bottom:40px;min-height:500px;border-top:1px solid #eee;margin-top:-40px}.main .main-history-right .title-exam-cover{margin-top:20px;color:#588d3f;font-weight:700;border-bottom:1px solid #ccc;height:36px;margin-top:60px}.main .main-history-right .title-exam-cover .title-text{padding:10px 0;border-bottom:1px solid #588d3f;font-size:20px}.main .main-history-right .notification-empty-container{width:100%;float:left;padding:150px 0;margin-bottom:30px;text-align:center;color:#999;border:1px #ddd dashed;margin-top:47px}.main .main-history-right .result-not-auth{color:#666;width:100%;text-align:center;margin-top:80px;padding:80px 0;border:1px #ddd dashed}.main .main-history-right .result-not-auth a{font-weight:700}.main .main-history-right .table{width:100%;float:left;margin-top:80px;font-family:Montserrat,Arial,sans-serif}.main .main-history-right .table thead{font-size:16px}.main .main-history-right .table td{font-size:16px;vertical-align:middle;text-align:center}.main .main-history-right .table td,.main .main-history-right .table th,.main .main-history-right .table tr{border:none}.main .main-history-right .table th{vertical-align:middle;text-align:center}.main .main-history-right .table tr{padding:8px 0;height:54px;border-bottom:1px solid #eee}.main .main-history-right .table .title-rank{padding:0 0!important}.has-badge .badge--red{background-color:#fa3e3e;border-radius:4px;text-align:center;font-size:11px;padding:0 3px 0 3px;color:#fff;position:absolute;margin:-8px 0 0 10px;opacity:1}