.accent-1{color:#682c80}.accent-2{color:#1d86c1}.accent-3{color:#11ad97}.accent-4{color:#ac9e33}*{box-sizing:border-box}.wrapper{display:flex;flex-direction:row;justify-content:center;background:#252259}@media (max-width: 899px){.wrapper{flex-direction:column}}@media (max-width: 479px){.wrapper{zoom:0.75}}.wrapper .column-legend{background:#252259;width:160px;padding:0 20px}@media (max-width: 899px){.wrapper .column-legend{width:100%;display:flex;align-items:center;justify-content:center}}.wrapper .column-legend .title-logo{display:block;width:120px;height:120px}.wrapper .column-legend .title-logo img{width:100%;height:auto}.wrapper .column-legend .title-logo span{display:none}.wrapper .column-legend .title-text{display:block;color:white;font-size:24px;line-height:34px}@media (max-width: 899px){.wrapper .column-legend .title-text{padding-left:20px}}.wrapper .column{background:#252259;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 899px){.wrapper .column{flex-direction:row}}.wrapper .column>div{font-size:20px;background:#252259;margin:10px 0;margin:calc(10px) 0;color:white}@media (max-width: 899px){.wrapper .column>div{width:20%;background:transparent;text-align:center;margin:0}.wrapper .column>div:nth-child(odd){background:transparent}}.wrapper .column>.title-year{margin:0;padding:0;font-weight:bold;text-align:center;width:100%;height:100px;background:transparent;display:block;font-size:15px}@media (max-width: 899px){.wrapper .column>.title-year{padding:10px 0;width:20%;height:auto}}.wrapper .column>.title-year span.year{display:block;margin:30px auto 10px auto}.wrapper .column>.title-year .hotspot{display:block;background:#1d86c1;border-radius:15px;width:30px;height:30px;line-height:30px;margin:0 auto;color:white;text-decoration:none}.wrapper .column>.btn>span{border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;width:80px;height:80px;color:white;border:2px solid #ac9e33;cursor:pointer}@media (max-width: 479px){.wrapper .column>.btn>span{width:60px;height:60px;font-size:14px}}.wrapper .column>.btn.exams>span{font-size:14px;background:#682c80}@media (max-width: 479px){.wrapper .column>.btn.exams>span{font-size:12px}}.wrapper .column>div{opacity:0.3}.wrapper .column.ib{align-items:stretch;justify-content:flex-start}.wrapper .column.ib .title-year{position:relative}.wrapper .column.ib .title-year span.ib-disc{display:inline-block;border:2px solid white;border-radius:50%;width:60px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:20px}.wrapper .column.ib .title-year a.hotspot{position:absolute;left:50%;margin-left:10px;bottom:10px}.wrapper .column.ib.text .ib.x{width:160px;border:2px solid white;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:left}@media (max-width: 899px){.wrapper .column.ib.text .ib.x{width:80%;height:auto;padding:10px}}.wrapper .column.ib.text .ib.x #EnglishA{display:none}.wrapper .column.ib.text .ib.x #EnglishB{display:none}.wrapper .column.ib.text .ib.x p{margin-top:0}.wrapper .column.ib>div.ib{border:2px solid white;padding:20px;width:140px;height:auto;color:white;cursor:pointer;margin:0;font-size:12px}@media (max-width: 899px){.wrapper .column.ib>div.ib{width:auto;padding:10px}}.wrapper .column.ib>div.ib>span{display:block;text-transform:uppercase}.wrapper .column.ib>div.ib.a{flex:0;border-bottom:0;padding-bottom:0}@media (max-width: 899px){.wrapper .column.ib>div.ib.a{flex:unset;width:40%;height:auto;text-align:left;border-bottom:2px solid white;border-right:0;padding-bottom:10px;padding-right:0}}.wrapper .column.ib>div.ib.x{flex:1;width:100%;height:100%}@media (max-width: 899px){.wrapper .column.ib>div.ib.x{flex:unset;width:20%;height:auto}}.wrapper .column.ib>div.ib.x.lines{padding:0;border-top:0;border-bottom:0}@media (max-width: 899px){.wrapper .column.ib>div.ib.x.lines{border-top:2px solid white;border-bottom:2px solid white;border-left:0;border-right:0}}.wrapper .column.ib>div.ib.x .column-line-wrap{width:100%;height:100%}.wrapper .column.ib>div.ib.x .column-line-wrap svg line{stroke-width:2}.wrapper .column.ib>div.ib.x .column-line-wrap svg line.line-down{display:none}.wrapper .column.ib>div.ib.b{flex:0;border-top:0}@media (max-width: 899px){.wrapper .column.ib>div.ib.b{flex:unset;width:20%;height:auto;text-align:right;border-top:2px solid white;border-left:0;padding-left:0}}.wrapper .column-line-wrap{background:#252259;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:40px;bottom:auto}@media (min-width: 479px) and (max-width: 899px){.wrapper .column-line-wrap{width:auto;top:0 !important;bottom:0 !important}.wrapper .column-line-wrap:not(.from-base-to-top){height:20px !important}}@media (max-width: 479px){.wrapper .column-line-wrap:not(.from-base-to-top){height:10px !important;background:transparent;border:none !important}.wrapper .column-line-wrap:not(.from-base-to-top) svg{display:none !important}}.wrapper .column-line-wrap.spacer{width:20px}.wrapper .column-line-wrap.spacer svg{display:none}.wrapper .column-line-wrap.down{bottom:auto;left:0}@media (max-width: 899px){.wrapper .column-line-wrap.down.from-S1{left:30%}}.wrapper .column-line-wrap.down.from-S2{top:calc(200px + 90px)}@media (max-width: 899px){.wrapper .column-line-wrap.down.from-S2{left:50%}}.wrapper .column-line-wrap.down.from-S3{top:calc(300px + 90px)}@media (max-width: 899px){.wrapper .column-line-wrap.down.from-S3{left:70%}}.wrapper .column-line-wrap.down.from-S4{top:calc(400px + 90px)}@media (max-width: 899px){.wrapper .column-line-wrap.down.from-S4{left:90%}}.wrapper .column-line-wrap.up{bottom:100px;top:auto}.wrapper .column-line-wrap.up.from-S3.v-1{bottom:calc(0px - (200px + 90px))}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-S3.v-1{left:50%}}.wrapper .column-line-wrap.up.from-S3.v-2{bottom:calc(0px - (100px + 90px))}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-S3.v-2{left:30%}}.wrapper .column-line-wrap.up.from-S4.v-1{bottom:calc(0px - (300px + 90px))}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-S4.v-1{left:70%}}.wrapper .column-line-wrap.up.from-S4.v-2{bottom:calc(0px - (200px + 90px))}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-S4.v-2{left:50%}}.wrapper .column-line-wrap.up.from-S4.v-3{bottom:calc(0px - (100px + 90px))}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-S4.v-3{left:30%}}.wrapper .column-line-wrap.up.from-base-to-top{bottom:0}@media (max-width: 899px){.wrapper .column-line-wrap.up.from-base-to-top{height:100%}}.wrapper .column-line-wrap.down.from-S1,.wrapper .column-line-wrap.up.from-S2{top:calc(100px + 90px)}@media (max-width: 899px){.wrapper .column-line-wrap.down.from-S1,.wrapper .column-line-wrap.up.from-S2{left:30%}}.wrapper .column-line-wrap.init line{display:none}.wrapper .column-line-wrap.down .line-up{display:none}.wrapper .column-line-wrap.up .line-down{display:none}.wrapper .column-line-wrap.v-0{height:0px;border-top:1px solid white;margin-top:calc(0px - 40px)}@media (max-width: 899px){.wrapper .column-line-wrap.v-0{margin-top:0 !important;border-top:0;border-left:1px solid white;width:10px}.wrapper .column-line-wrap.v-0>svg{display:none}}.wrapper .column-line-wrap.v-1{height:calc(100px - 80px)}@media (max-width: 899px){.wrapper .column-line-wrap.v-1{width:20%}}.wrapper .column-line-wrap.v-2{height:calc(200px - 80px)}@media (max-width: 899px){.wrapper .column-line-wrap.v-2{width:40%}}.wrapper .column-line-wrap.v-3{height:calc(300px - 80px)}@media (max-width: 899px){.wrapper .column-line-wrap.v-3{width:60%}}.wrapper .column-line-wrap svg{width:100%;height:100%;position:absolute}.wrapper .column-line-wrap svg line{stroke:white;stroke-width:1}.wrapper.init .column.y1>div,.wrapper.y1 .column.y2>div,.wrapper.y2 .column.y3>div,.wrapper.y3 .column.y4>div{opacity:1}.wrapper.y1_s1 .column.y2>div:nth-child(5),.wrapper.y2_s1 .column.y3>div:nth-child(5),.wrapper.y3_s1 .column.y4>div:nth-child(5),.wrapper.y4_s1 .column.y5>div:nth-child(5),.wrapper.y1.s4 .column.y2>div:nth-child(2),.wrapper.y2_s4 .column.y3>div:nth-child(2),.wrapper.y3_s4 .column.y4>div:nth-child(2),.wrapper.y3_s4 .column.y4>div:nth-child(3),.wrapper.y3_s3 .column.y4>div:nth-child(2),.wrapper.y3_s2 .column.y4>div:nth-child(5),.wrapper.y3_s1 .column.y4>div:nth-child(4){opacity:0.3 !important}.wrapper.y1_s1 .column.y2>div:nth-child(5) span,.wrapper.y2_s1 .column.y3>div:nth-child(5) span,.wrapper.y3_s1 .column.y4>div:nth-child(5) span,.wrapper.y4_s1 .column.y5>div:nth-child(5) span,.wrapper.y1.s4 .column.y2>div:nth-child(2) span,.wrapper.y2_s4 .column.y3>div:nth-child(2) span,.wrapper.y3_s4 .column.y4>div:nth-child(2) span,.wrapper.y3_s4 .column.y4>div:nth-child(3) span,.wrapper.y3_s3 .column.y4>div:nth-child(2) span,.wrapper.y3_s2 .column.y4>div:nth-child(5) span,.wrapper.y3_s1 .column.y4>div:nth-child(4) span{cursor:not-allowed !important}.wrapper .column.s1>div.btn:nth-child(2),.wrapper .column.s2>div.btn:nth-child(3),.wrapper .column.s3>div.btn:nth-child(4),.wrapper .column.s4>div.btn:nth-child(5){opacity:1;cursor:pointer}.wrapper.y4.s1 .column.exams>div.btn:nth-child(2){opacity:1;cursor:pointer}.wrapper.y4.s2 .column.exams>div.btn:nth-child(3){opacity:1;cursor:pointer}.wrapper.y4.s3 .column.exams>div.btn:nth-child(4),.wrapper.y4.s4 .column.exams>div.btn:nth-child(5){opacity:1;cursor:pointer}.wrapper.y4.s4 .column.ib.text{opacity:1}.wrapper.y4.s1 .column.ib.choose>div.ib.a,.wrapper.y4.s2 .column.ib.choose>div.ib.a{opacity:1}.wrapper.y4.s1 .column.ib.choose>div.ib.x,.wrapper.y4.s2 .column.ib.choose>div.ib.x{opacity:1;border-right-color:rgba(255,255,255,0.3)}@media (max-width: 899px){.wrapper.y4.s1 .column.ib.choose>div.ib.x,.wrapper.y4.s2 .column.ib.choose>div.ib.x{border-bottom-color:rgba(255,255,255,0.3)}}.wrapper.y4.s1 .column.ib.text>div.ib.x,.wrapper.y4.s2 .column.ib.text>div.ib.x{opacity:1}.wrapper.y4.s1 .column.ib.text #EnglishA,.wrapper.y4.s2 .column.ib.text #EnglishA{display:block}.wrapper.y4.s1 .column.ib.text #EnglishB,.wrapper.y4.s2 .column.ib.text #EnglishB{display:none}.wrapper.y4.s4 .column.ib.choose>div.ib.b{opacity:1}.wrapper.y4.s4 .column.ib.choose>div.ib.x{opacity:1;border-left-color:rgba(255,255,255,0.3)}@media (max-width: 899px){.wrapper.y4.s4 .column.ib.choose>div.ib.x{border-top-color:rgba(255,255,255,0.3)}}.wrapper.y4.s4 .column.ib.text>div.ib.x{opacity:1}.wrapper.y4.s4 .column.ib.text #EnglishA{display:none}.wrapper.y4.s4 .column.ib.text #EnglishB{display:block}.wrapper.y4.s3 .column.ib.choose>div.ib.a,.wrapper.y4.s3 .column.ib.choose>div.ib.b{opacity:1}.wrapper.y4.s3 .column.ib.choose>div.ib.x{opacity:1;border-left-color:white;border-right-color:white}@media (max-width: 899px){.wrapper.y4.s3 .column.ib.choose>div.ib.x{border-top-color:white;border-bottom-color:white}}.wrapper.y4.s3 .column.ib.text>div.ib.x{opacity:1}.wrapper.y4.s3 .column.ib.text #EnglishA,.wrapper.y4.s3 .column.ib.text #EnglishB{display:block}.wrapper.y4 .column.ib .title-year{opacity:1}@media all\0 {.column-line-wrap svg{display:none !important}.column-line-wrap.v-0{border:none !important}}.modal{display:none}.modal.is-open{display:block}.modal__overlay{background:rgba(255,255,255,0.75)}.modal__overlay .modal__container{background:#252259;color:white;width:65%}@media (max-width: 899px){.modal__overlay .modal__container{width:95%;padding:15px}}.modal__overlay .modal__container .modal__content{color:white}@media (max-width: 899px){.modal__overlay .modal__container .modal__content{margin-top:15px}}.modal__overlay .modal__container button.modal__close{color:white}.modal__overlay .modal__container h2.modal__title{color:#1d86c1}.post-11170>.entry-content{padding-top:30px}.column.y1 .title-year {position:relative;z-index:1;}.column.y1 .title-year .hotspot.hotspot-b {position: absolute;z-index:1;bottom: 5px;right: -30px;}