#wrap {min-height:100%; background:url("../images/bg_top.png") center top repeat-x; background-color:#F7FCFF;}
#wrap.plog {}
#wrap.p03 {background:#A1DEFF; background:linear-gradient(#A1DEFF, #C8F1FF);}
#wrap.p04 {min-width:1280px;}
#wrap.review {background:url("../images/bg_review.png") center top repeat-x;}
.container {position:relative; max-width:1280px; min-height:100%; margin:0 auto;}
.top {text-align:center; overflow:hidden; padding:60px 0 30px;}
.top h2 {font-size:40px; line-height:60px; letter-spacing:3px; font-weight:700; background: linear-gradient(#52B2FF, #218FF2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity:0; opacity:1 \0/IE8+9; animation:fadein 1000ms ease-in-out forwards;}
.top .btnBack {position:absolute; top:0; left:40px; box-shadow:2px 2px 7px -2px #5A85FD; border-radius:0 0 30px 30px; width:118px; height:56px;}
.top .btnLogout {position:absolute; top:0; left:40px; box-shadow:2px 2px 7px -2px #5A85FD; border-radius:0 0 30px 30px; width:142px; height:56px;}
.top .btnLogout img {width:100%;}
.top .btnCode {position:absolute; top:0; right:40px; z-index:100; box-shadow:2px 2px 7px -2px #5A85FD; border-radius:0 0 30px 30px; width:90px; height:90px;}
.top .btnCode img {width:100%;}
.top .btnModify {position:absolute; top:0; right:40px; z-index:100; box-shadow:2px 2px 7px -2px #5A85FD; border-radius:0 0 30px 30px; width:60px;}
.top .btnModify img {width:100%;}
.top .btnManual {position:absolute; top:0; right:40px; box-shadow:2px 2px 7px -2px #5A85FD; border-radius:0 0 30px 30px; width:65px; height:56px;}
.top .btnManual img {width:100%;}
.top .reviewTit {position:absolute; top:0; left:50%; margin-left:-110px;}
.top .reviewTit img {width:220px;}
.plog .top {padding:0;}
.contents {position:relative; text-align:center; overflow:hidden;}
.contents.wd1000 {width:1000px; margin:0 auto;}
.contents > div {opacity:0; opacity:1 \0/IE8+9; margin-top:30px;}
.contents > div {animation:slideup 1000ms ease-in-out forwards;}
.plog .contents > div {opacity:0; opacity:1 \0/IE8+9; margin-top:0; animation:fadein 1000ms ease-in-out forwards;}

/* Login */
.institute {position:fixed; top:0; left:0; width:100%; height:100%; background:#C8F1FF;}
.institute .instituteWrap {width:90%; height:90%; background:#FFF; margin:0 auto; border:2px solid #E0F3FF; border-radius:30px; box-shadow:2px 2px 10px 0 #ccc; overflow:hidden; text-align:center;}
.institute .instituteWrap .insLogo {margin-top:23vh}
.institute .instituteWrap .insLogo img {width:200px;}
.institute .instituteInfo {width:300px; margin:50px auto 20px; text-align:left;}
.institute .instituteInfo label {display:block; margin-bottom:10px; color:#F49E42;}
.institute .InstituteInput {position:relative; width:260px; height:40px; margin:0 auto; padding:0 20px; line-height:40px; background:#F0F0F0; overflow:hidden; border-radius:20px;}
.institute .InstituteInput input[type="text"] {background:#F0F0F0; font-size:16px;}
.institute .InstituteInput input[type="button"] {position:absolute; top:5px; right:5px; width:60px; height:30px; border-radius:15px; background:linear-gradient(#5D8AF9, #4A58FF); color:#FFF;}

.loginWrap {width:800px; margin:0 auto; background:#fff; border:2px solid #E0F3FF; border-radius:30px; box-shadow:2px 2px 10px 0 #ccc; overflow:hidden;}
.loginWrap > div {float:left;}
.loginWrap .imgArea {width:40%; margin:17vh 2.5%;}
.loginWrap .imgArea img {width:70%;}
.loginWrap .loginInfo {width:50%; margin:15vh 2.5%; text-align:left;}
.loginWrap .loginInfo h3 {margin-bottom:30px; font-size:24px; font-weight:normal;}
.loginWrap .loginInfo h3 img {width:100%;}
.loginWrap .loginInfo h3 span {display:inline-block; width:70px; height:70px; margin-right:10px; border:1px solid #CCC; border-radius:35px;}
.loginWrap .loginInfo label {display:block; color:#F49E42; margin-bottom:10px;}
.loginWrap .loginInfo input {display:block; width:300px; height:40px; line-height:40px; margin-bottom:10px; font-size:16px; text-align:center; border-radius:10px; font-weight:100; background-color:#F0F0F0;}
.loginWrap .loginInfo input[type="button"] {width:300px; height:40px; line-height:42px; margin-top:30px; background:linear-gradient(#FFE24F, #F49E42); color:#FFF; border-radius:10px; font-size:20px; font-weight:bold; outline:0; border:none; font-weight:100;}
#errBox {width:300px; height:40px; color:#FF3561; text-align:center; line-height:40px;}

.popupLayer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; background: rgba(0, 50, 105, 0.3);}
.popupLayer.on {display:block;}
.popupLayer .instituteWrap {position:relative; top:0; width:800px; margin:0 auto; background:#fff; border:2px solid #E0F3FF; border-radius:30px; box-shadow:2px 2px 10px 0 #ccc; overflow:hidden;}
.popupLayer .instituteWrap .insLogo {margin-top:15vh;}
.popupLayer .instituteWrap .insLogo img {width:200px;}
.popupLayer .instituteInfo {width:300px; margin:50px auto 20px; text-align:left;}
.popupLayer .instituteInfo label {display:block; margin-bottom:10px; color:#F49E42;}
.popupLayer .InstituteInput {position:relative; width:260px; height:40px; margin:0 auto; padding:0 20px; line-height:40px; background:#F0F0F0; overflow:hidden; border-radius:20px;}
.popupLayer .InstituteInput input[type="text"] {background:#F0F0F0;}
.popupLayer .InstituteInput input[type="button"] {position:absolute; top:5px; right:5px; width:60px; height:30px; border-radius:15px; background:linear-gradient(#5D8AF9, #4A58FF); color:#FFF;}


/* page 1*/
.student_infoWrap {background:#FFF;}
.student_infoWrap {width:800px; margin:0 auto 30px; background:#FFF; border-radius:30px; box-shadow:2px 2px 10px 0 #CCC;}
.student_infoWrap>div {padding:35px 7%; overflow:hidden;}
.student_infoWrap>div>div {float:left; margin-right:20px;}
.student_infoWrap>div>div.s_map {width:10%; margin-right:0; line-height:100px;}
.student_infoWrap .s_info {width:19%; font-weight:500;}
.student_infoWrap .s_info .s_name {font-size:20px; font-weight:100; line-height:100px;}
.student_infoWrap .s_graph {width:38%; padding-left:5%; margin-top:45px; font-size:14px; color:#4F58FE; font-weight:500; font-weight:600;}
.student_infoWrap .s_graph p.s_course {margin-top:15px; font-size:20px; font-weight:100;}
.student_infoWrap .s_graph .graph_box {position:relative; width:100%; height:10px; background:#EEE; border-radius:5px;}
.student_infoWrap .s_graph .graph_box .percent {display:block; width:0%; height:10px; background:#4F58FE; border-radius: 5px;}
.student_infoWrap .s_graph .graph_box .pointer {position:absolute; top:-10px; left:0%; margin-left:-15px; z-index:100; display:block; width:10px; height:10px; border:10px solid #4F58FE; border-radius:15px; background:#FFF;}
.student_infoWrap .s_graph .graph_box p {margin-top:0;}
.student_infoWrap .s_graph .graph_box p span {position:absolute; top:-32px; display:block; width:50px; margin-left:-20px; font-size:16px; font-weight:300;}

.s_menu {width:800px; margin:0 auto;}
.s_menu ul li {float:left;}
.s_menu ul li:nth-child(2) {float:right;}
.s_menu a {display:block; margin-bottom:15px;}
.s_menu a.prevLesson {height:52px; padding-left:70px; background:url(../images/prevLessonBtn.png) no-repeat 0 center; background-size:52px; text-align:left; letter-spacing:0.5px;}
.s_menu a.prevLesson dt {font-size:25px; height:30px; color:#818390; font-weight:300;}
.s_menu a.prevLesson dd {font-size:14px; height:22px; color:#CECCD9; font-weight:300;}
.s_menu .goStart {box-shadow:2px 2px 10px 0 #D68FE6; border-radius:30px;}
.s_menu .goHistory {box-shadow:2px 2px 10px 0 #87E5CC; border-radius:30px;}
.s_menu .goReview {box-shadow:2px 2px 10px 0 #82d9ff; border-radius:30px;}
.s_menu ul li img {width:100%;}

/* modify */
.modifyWrap {width:800px; height:462px; margin:0 auto; padding-top:50px;}
.modifyWrap form {width:600px; margin:0 auto; text-align:left; font-size:16px;}
.modifyWrap legend {display:none;}
.modifyWrap label {display:block; margin-bottom:10px; color:#F49E42;}
.modifyWrap input[type="password"] {background:#F0F0F0; width:580px; height:40px; line-height:40px; margin-bottom:10px; padding:0 10px; border-radius:10px;}
.modifyWrap input[type="submit"] {display:block; width:100px; height:40px; line-height:40px; margin:40px auto 0; background:linear-gradient(#FFE24F, #F49E42); color:#FFF; border-radius:10px; font-family:"CookieRun"; font-size:20px; font-weight:normal; letter-spacing:2px; outline:0; border:none;}



/* page 2 */
.schedule {display:inline-block; width:270px; margin:5px; padding:0 14px; background:#fff; border:1px solid #E8ECEF; border-radius:27px; box-shadow:2px 2px 6px 0px #e8ecef; overflow:hidden; font-weight:normal; vertical-align:top;}
.schedule.v1 {width:405px;}
.schedule.v2 {width:540px;}

.phonics {color:#FF6041;}
.speaking {color:#A634E4;}
.writing {color:#4F58FE;}
.reading {color:#1CB500}
.grammar {color:#00B9E7}
.readingwriting {color:#4F58FE;}

.schedule .phonics .week ul li {background:#FFF1C3; border:2px solid #FFA811;}
.schedule .phonics .week ul li .cover {background-color:rgba(255,96,65,0.7);}
.schedule .speaking .week ul li {background:#FFE1F4; border:2px solid #DDA2EE;}
.schedule .speaking .week ul li .cover {background-color:rgba(166,52,228,0.7);}
.schedule .writing .week ul li {background:#E0F3FF; border:2px solid #92AAF9;}
.schedule .writing .week ul li .cover {background-color:rgba(70,98,243,0.7);}
.schedule .reading .week ul li {background:#F1FBBE; border:2px solid #A1E477;}
.schedule .reading .week ul li .cover {background-color:rgba(28,181,0,0.7);}
.schedule .grammar .week ul li {background:#E5FEFF; border:2px solid #72DBF3;}
.schedule .grammar .week ul li .cover {background-color:rgba(0,185,231,0.7);}
.schedule .readingwriting .week ul li {background:#E0F3FF; border:2px solid #92AAF9;}
.schedule .readingwriting .week ul li .cover {background-color:rgba(70,98,243,0.7);}

.schedule .logoBox {height:120px; margin:37px auto 0}
.schedule .scheduleTitle {font-size:37px;}
.schedule .week {margin:26px auto;}
.schedule .week ul {overflow:hidden;}
.schedule .week ul li {position:relative; float:left; margin:14px; width:103px; height:108px; background:#fff; border-radius:10px; font-size:20px; cursor:pointer; overflow:hidden;}
.schedule .week ul li .cover {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.schedule .week ul li .cover.on {display:block;}
.schedule .week ul li .cover img {margin-top:45px;}
.schedule .week ul li p {margin-top:10px; letter-spacing:1px;}


.contents >.msgLayer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:101; background: rgba(0, 50, 105, 0.3); animation: fadein 1000ms ease-in-out forwards;}
.msgLayer.on {display:block;}
.msgLayer .msgWrap {position:relative; width:500px; height:500px; margin:0 auto;}
.msgLayer .msgWrap > div {display:none; width:100%; height:100%;}
.msgLayer .msgWrap > div.on {display:block;}
.msgLayer .msgWrap div p {padding-top:200px; margin-bottom:45px; font-size:33px; font-weight:500;}
.msgLayer .msgWrap div.msg02 p {font-size:45px; line-height:98px;}
.msgLayer .msgWrap div b {font-weight:600; color:#4A58FF;}
.msgLayer .msgWrap>div button {width:140px; height:50px; margin:0 10px; border-radius:20px; background:linear-gradient(#ffcc33,#f49e42); font-family:"CookieRun"; color:#FFF; font-size:24px; letter-spacing:1px;}
.msgLayer .msgWrap ul li {display:none;}
.msgLayer .msgWrap ul li.on {display:block;}
.msgLayer .msg01 {background:url(../images/msg_bg1.png) no-repeat center; background-size:100%}
.msgLayer .msg02 {background:url(../images/msg_bg1.png) no-repeat center; background-size:100%}
.msgLayer .manualPopup img {margin-left:-100px;}

/* review */
#wrap.review .top h2 {-webkit-text-fill-color: white; opacity:0; opacity:1 \0/IE8+9; animation:fadein 1000ms ease-in-out forwards;}
.schedule2 {display:inline-block; width:270px; margin:5px; padding:0 14px; background:#fff; border:1px solid #E8ECEF; border-radius:27px; box-shadow:2px 2px 6px 0px #e8ecef; overflow:hidden; font-weight:normal; vertical-align:top;}
.schedule2.v1 {width:470px;}
.schedule2.v2 {width:720px;}

.schedule2 .logoBox {height:120px; margin:37px auto 0}
.schedule2 .scheduleTitle {font-size:37px;}
.schedule2 .week {margin:26px auto;}
.schedule2 .week table {float:left;}
.schedule2 .week table {width:230px; margin:0 auto 30px; text-align:center; table-layout: fixed;}
.schedule2 .week table th {font-weight:400;}
.schedule2 .week table tbody th {font-size:24px; text-indent:15px;}
.schedule2 .week table td {text-align:center; height:70px;}
.schedule2 .week table td a img {width:60px;}


/* page 3 */
.ahwrap {/*width:1160px; */margin:0 auto;}
#select_ah {display:block; min-width:300px; height:50px; margin:0 0 25px 25px; padding:0 25px; border:none; border-radius:25px; font-size:24px; font-weight:500; background:url("../images/icon_selectArr.png") no-repeat 95% #fff; -webkit-appearance: none; -moz-appearance: none; appearance : none;}
#select_ah::-ms-expand { display:none }
.ahList {overflow:hidden;}
.ahList li {display:inline-block; width:245px; height:160px; margin:22.5px; background:#fff; border-radius:30px; font-size:20px; overflow:hidden; text-align:center;}
.ahList li div {float:left; width:125px; color:#BEBEBE; font-weight:500;}
.ahList li .icon {width:100px; height:120px;}
.ahList li .icon img {width:100%; margin-top:15px; vertical-align:middle;}
.ahList li .lv {width:110px; height:60px; padding:10px 15px 0 0; line-height:30px; word-break:normal; text-align:left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.ahList li .unit {font-size:30px; font-weight:700; text-align:left;}
.ahList li .date {width:100%; height:40px; line-height:40px; color:#fff; background:#BEBEBE; clear:both; font-size:20px;}

.ahList li .on .lv {color:#270A1F;}
.ahList li.phonics .on .date {background:#FF6041; background:linear-gradient(#FF820A, #FF3561);}
.ahList li.speaking .on .date {background:#A634E4; background:linear-gradient(#C372ED, #8445C7);}
.ahList li.writing .on .date {background:#4F58FE; background:linear-gradient(#5B98FA, #4C6DFE);}
.ahList li.reading .on .date {background:#1CB500; background:linear-gradient(#58C837, #09B522);}
.ahList li.grammar .on .date {background:#00B9E7; background:linear-gradient(#00B9E7, #00A1E7);}
.ahList li.readingwriting .on .date {background:#4F58FE; background:linear-gradient(#5B98FA, #4C6DFE);}
.ahList li.phonics .on .unit {color:#FF6041;}
.ahList li.speaking .on .unit {color:#A634E4;}
.ahList li.writing .on .unit {color:#4F58FE;}
.ahList li.reading .on .unit {color:#1CB500;}
.ahList li.grammar .on .unit {color:#00B9E7;}
.ahList li.readingwriting .on .unit {color:#4F58FE;}

.phonics {color:#FF6041;}
.speaking {color:#A634E4;}
.writing {color:#4F58FE;}
.reading {color:#1CB500}
.grammar {color:#00B9E7}
.readingwriting {color:#4F58FE;}




/* Map */
.classList {overflow:hidden; width:1160px; height:70px; margin:0 auto;}
.classList li {float:left; margin:15px 5px 5px 0;}
.classList li:last-child {margin-right:0;}
.classList li.active {margin-top:0;}
.classList li a {display:block; width:175px; height:50px; line-height:50px; border-radius:20px 20px 5px 5px; background:#dfdfdf linear-gradient(#fff, #dfdfdf); color:#999; font-size:16px}
.classList li.active a {width:228px; height:65px; line-height:65px; color:#fff; font-size:20px;}
.classList li.active a.btn_phonics {background:#ff5241 linear-gradient(#ff8d50, #ff5241);}
.classList li.active a.btn_speaking {background:#924eeb linear-gradient(#b65bef, #924eeb);}
.classList li.active a.btn_writing {background:#3e40e1 linear-gradient( #5e77fe, #3e40e1);}
.classList li.active a.btn_reading {background:#07af2b linear-gradient(#2cd50e, #07af2b);}
.classList li.active a.btn_grammar {background:#0198da linear-gradient(#4bcdee, #0198da);}

.mapList {width:1160px; height:540px; margin:0 auto; overflow:hidden;}
.mapList>li {display:none;}
.mapList>li.active {display:block; opacity:0; animation:fadein 1000ms ease-in-out forwards;}
.mapDiv {position:relative; width:1160px; height:540px;}
.mapDiv .level_list li {position:absolute;}
.mapDiv .level_list li a {display:block; width:48px; height:48px; line-height:35px; border:2px solid #fff; border-radius:28px; font-size:10px; font-weight:300; color:#fff; box-shadow: #999 0 0 4px 1px; background:url('../images/icon_mapLv.png') 19px 27px no-repeat; overflow:hidden;}
.mapDiv .LearningObj {position:absolute; top:0; left:100px; z-index:50; text-align:left;}
.mapDiv .LearningObj li {display:none; position:absolute; top:0; left:0;}
.mapDiv .LearningObj li h4 {position:absolute; top:210px; left:0; width:100px; padding:10px 20px; border-radius:30px; font-size:18px; line-height:20px; font-weight:300; color:#FFF; background:#fff;}
.mapDiv .LearningObj li p {width:860px; height:100px; padding:50px; border-radius: 0 0 30px 30px; opacity:0.9; background:#DFFFB9;}
.mapDiv .unit_list li {position:absolute;}
.mapDiv .unit_list li a {position:relative; display:block; width:26px; height:26px; background:#C9BEB2; border:2px solid #FFF; border-radius:15px; font-size:12px; line-height:26px; color:#fff; box-shadow: #dfdfdf 0 0 3px 2px; cursor:default;}
.mapDiv .unit_list li.active a {font-size:0;}
.mapDiv .unit_list li img.chk_icon {display:none;}
.mapDiv .unit_list li.active img.chk_icon {display:inline;}
.mapDiv .unit_list li img.test_simbol {position:absolute; z-index:10;}

.phonicsMap .mapDiv .LearningObj li {border-radius:15px; overflow:hidden;}
.phonicsMap .mapDiv .LearningObj h4 {background:#FF6041; position: relative; top: 0; left: 0; width: 120px; padding: 5px 10px; border-radius: 0; font-size: 14px; line-height: 16px; font-weight: 300; color: #FFF; text-align:center;}
.phonicsMap .mapDiv .LearningObj h4 span {font-size:12px;}
.phonicsMap .mapDiv .LearningObj li p {width:120px; height: 50px; padding:10px; border-radius:0; opacity:1; background: #FFF; font-size:14px;}
.phonicsMap .mapDiv .LearningObj li:first-child {top:85px; left:-80px;}
.phonicsMap .mapDiv .LearningObj li:nth-child(2) {top:62px; left:220px;}
.phonicsMap .mapDiv .LearningObj li:nth-child(3) {top:247px; left:168px;}
.phonicsMap .mapDiv .LearningObj li:nth-child(4) {top:204px; left:541px;}
.phonicsMap .mapDiv .LearningObj li:nth-child(5) {top:56px; left:758px;}

.speakingMap .mapDiv .LearningObj h4 {background:#AA3CE6;}
.writingMap .mapDiv .LearningObj h4 {background:#4650F0;}
.readingMap .mapDiv .LearningObj h4 {background:#00B943;}
.grammarMap .mapDiv .LearningObj h4 {background:#1EACF0;}


.speakingMap .mapDiv .unit_list li a {width:18px; height:18px; border-radius:11px; font-size:9px; line-height:18px;}
.writingMap .mapDiv .unit_list li a {width:24px; height:24px; border-radius:14px; font-size:12px; line-height:24px;}
.readingMap .mapDiv .unit_list li a {width:24px; height:24px; border-radius:14px; font-size:12px; line-height:24px;}
.grammarMap .mapDiv .unit_list li a {width:24px; height:24px; border-radius:14px; font-size:12px; line-height:24px;}

.phonicsMap .mapDiv .unit_list li.active a {background:#FF6041; font-size:0}
.phonicsMap .mapDiv .unit_list li.active:nth-child(-n+12) a {background-color:#ff8c66}
.phonicsMap .mapDiv .unit_list li.active:nth-child(n+13):nth-child(-n+24) a {background-color:#ff7d52}
.phonicsMap .mapDiv .unit_list li.active:nth-child(n+25):nth-child(-n+36) a {background-color:#ff6e3d}
.phonicsMap .mapDiv .unit_list li.active:nth-child(n+37):nth-child(-n+48) a {background-color:#ff5f29}
.phonicsMap .mapDiv .unit_list li.active:nth-child(n+49):nth-child(-n+60) a {background-color:#ff4f14}
.phonicsMap .mapDiv .unit_list li.active:nth-child(n+61):nth-child(-n+72) a {background-color:#ff4000}
.speakingMap .mapDiv .unit_list li.active a {background:#7800B9; font-size:0;}
.speakingMap .mapDiv .unit_list li.active:nth-child(-n+24) a {background-color:#d393f5}
.speakingMap .mapDiv .unit_list li.active:nth-child(n+25):nth-child(-n+48) a {background-color:#CD71FF}
.speakingMap .mapDiv .unit_list li.active:nth-child(n+49):nth-child(-n+72) a {background-color:#C356FF}
.speakingMap .mapDiv .unit_list li.active:nth-child(n+73):nth-child(-n+90) a {background-color:#AA3CE6}
.speakingMap .mapDiv .unit_list li.active:nth-child(n+91):nth-child(-n+120) a {background-color:#8C19CB}
.speakingMap .mapDiv .unit_list li.active:nth-child(n+121):nth-child(-n+144) a {background-color:#7800B9}
.writingMap .mapDiv .unit_list li.active a {background:#4650F0; font-size:0;}
.writingMap .mapDiv .unit_list li.active:nth-child(-n+24) a {background-color:#8088ff}
.writingMap .mapDiv .unit_list li.active:nth-child(n+25):nth-child(-n+48) a {background-color:#656EFE}
.writingMap .mapDiv .unit_list li.active:nth-child(n+49):nth-child(-n+72) a {background-color:#323EFE}
.readingMap .mapDiv .unit_list li.active a {background:#08973d; font-size:0;}
.readingMap .mapDiv .unit_list li.active:nth-child(-n+24) a {background-color:#26d165}
.readingMap .mapDiv .unit_list li.active:nth-child(n+25):nth-child(-n+48) a {background-color:#25C135}
.readingMap .mapDiv .unit_list li.active:nth-child(n+49):nth-child(-n+72) a {background-color:#08973d}
.grammarMap .mapDiv .unit_list li.active a {background:#0d99da; font-size:0;}
.grammarMap .mapDiv .unit_list li.active:nth-child(-n+24) a {background-color:#5dc7f8}
.grammarMap .mapDiv .unit_list li.active:nth-child(n+25):nth-child(-n+48) a {background-color:#1AACF2}
.grammarMap .mapDiv .unit_list li.active:nth-child(n+49):nth-child(-n+72) a {background-color:#0d99da}

.phonicsMap .mapDiv .unit_list li img.test_simbol {top:-6px; left:-17px;}
.speakingMap .mapDiv .unit_list li img.test_simbol {top:-6px; left:-13px;}
.writingMap .mapDiv .unit_list li img.test_simbol {top:-6px; left:-15px;}
.readingMap .mapDiv .unit_list li img.test_simbol {top:-6px; left:-15px;}
.grammarMap .mapDiv .unit_list li img.test_simbol {top:-6px; left:-15px;}


.phonicsMap .mapDiv .level_list li:first-child{top:227px; left:35px;}
.phonicsMap .mapDiv .level_list li:nth-child(2) {top:90px; left:234px;}
.phonicsMap .mapDiv .level_list li:nth-child(3) {top:304px; left:433px;}
.phonicsMap .mapDiv .level_list li:nth-child(4) {top:325px; left:566px;}
.phonicsMap .mapDiv .level_list li:nth-child(5) {top:92px; left:769px;}
.phonicsMap .mapDiv .level_list li:nth-child(6) {top:202px; left:925px;}
.phonicsMap .mapDiv .level_list li a {background-color:#ff4000;}
.phonicsMap .mapDiv .level_list li:first-child a {background-color:#ff8c66;}
.phonicsMap .mapDiv .level_list li:nth-child(2) a {background-color:#ff7d52;}
.phonicsMap .mapDiv .level_list li:nth-child(3) a {background-color:#ff6e3d;}
.phonicsMap .mapDiv .level_list li:nth-child(4) a {background-color:#ff5f29;}
.phonicsMap .mapDiv .level_list li:nth-child(5) a {background-color:#ff4f14;}
.phonicsMap .mapDiv .level_list li:nth-child(6) a {background-color:#ff4000;}

.speakingMap .mapDiv .level_list li:first-child{top:124px; left:34px;}
.speakingMap .mapDiv .level_list li:nth-child(2) {top:141px; left:219px;}
.speakingMap .mapDiv .level_list li:nth-child(3) {top:51px; left:402px;}
.speakingMap .mapDiv .level_list li:nth-child(4) {top:103px; left:590px;}
.speakingMap .mapDiv .level_list li:nth-child(5) {top:45px; left:752px;}
.speakingMap .mapDiv .level_list li:nth-child(6) {top:91px; left:958px;}
.speakingMap .mapDiv .level_list li a {background-color:#aa3ce6; width:36px; height:36px; line-height:24px; background-position:12px 20px;}
.speakingMap .mapDiv .level_list li:first-child a {background-color:#d393f5;}
.speakingMap .mapDiv .level_list li:nth-child(2) a {background-color:#CD71FF;}
.speakingMap .mapDiv .level_list li:nth-child(3) a {background-color:#C356FF;}
.speakingMap .mapDiv .level_list li:nth-child(4) a {background-color:#AA3CE6;}
.speakingMap .mapDiv .level_list li:nth-child(5) a {background-color:#8C19CB;}
.speakingMap .mapDiv .level_list li:nth-child(6) a {background-color:#7800B9;}

.writingMap .mapDiv .level_list li:first-child{top:218px; left:46px;}
.writingMap .mapDiv .level_list li:nth-child(2) {top:293px; left:433px;}
.writingMap .mapDiv .level_list li:nth-child(3) {top:86px; left:760px;}
.writingMap .mapDiv .level_list li a {background-color:#323EFE;}
.writingMap .mapDiv .level_list li:first-child a {background-color:#8088ff;}
.writingMap .mapDiv .level_list li:nth-child(2) a {background-color:#656EFE;}
.writingMap .mapDiv .level_list li:nth-child(3) a {background-color:#323EFE;}

.readingMap .mapDiv .level_list li:first-child{top:218px; left:43px;}
.readingMap .mapDiv .level_list li:nth-child(2) {top:293px; left:430px;}
.readingMap .mapDiv .level_list li:nth-child(3) {top:86px; left:757px;}
.readingMap .mapDiv .level_list li a {background-color:#08973d;}
.readingMap .mapDiv .level_list li:first-child a {background-color:#26d165;}
.readingMap .mapDiv .level_list li:nth-child(2) a {background-color:#25C135;}
.readingMap .mapDiv .level_list li:nth-child(3) a {background-color:#08973d;}

.grammarMap .mapDiv .level_list li:first-child{top:227px; left:35px;}
.grammarMap .mapDiv .level_list li:nth-child(2) {top:90px; left:234px;}
.grammarMap .mapDiv .level_list li:nth-child(3) {top:304px; left:433px;}
.grammarMap .mapDiv .level_list li:nth-child(4) {top:325px; left:566px;}
.grammarMap .mapDiv .level_list li:nth-child(5) {top:92px; left:769px;}
.grammarMap .mapDiv .level_list li:nth-child(6) {top:303px; left:967px;}
.grammarMap .mapDiv .level_list li a {background-color:#0d99da;}
.grammarMap .mapDiv .level_list li:first-child a {background-color:#5dc7f8;}
.grammarMap .mapDiv .level_list li:nth-child(2) a {background-color:#5dc7f8;}
.grammarMap .mapDiv .level_list li:nth-child(3) a {background-color:#1AACF2;}
.grammarMap .mapDiv .level_list li:nth-child(4) a {background-color:#1AACF2;}
.grammarMap .mapDiv .level_list li:nth-child(5) a {background-color:#0d99da;}
.grammarMap .mapDiv .level_list li:nth-child(6) a {background-color:#0d99da;}

/* map-phonics */
.phonicsMap .mapDiv .unit_list li:nth-child(1) {top:303px; left:45px;}
.phonicsMap .mapDiv .unit_list li:nth-child(2) {top:348px; left:45px;}
.phonicsMap .mapDiv .unit_list li:nth-child(3) {top:389px; left:55px;}
.phonicsMap .mapDiv .unit_list li:nth-child(4) {top:415px; left:88px;}
.phonicsMap .mapDiv .unit_list li:nth-child(5) {top:415px; left:135px;}
.phonicsMap .mapDiv .unit_list li:nth-child(6) {top:391px; left:170px;}
.phonicsMap .mapDiv .unit_list li:nth-child(7) {top:350px; left:179px;}
.phonicsMap .mapDiv .unit_list li:nth-child(8) {top:307px; left:179px;}
.phonicsMap .mapDiv .unit_list li:nth-child(9) {top:265px; left:179px;}
.phonicsMap .mapDiv .unit_list li:nth-child(10) {top:225px; left:179px;}
.phonicsMap .mapDiv .unit_list li:nth-child(11) {top:180px; left:179px;}
.phonicsMap .mapDiv .unit_list li:nth-child(12) {top:135px; left:186px;}
.phonicsMap .mapDiv .unit_list li:nth-child(13) {top:124px; left:298px;}
.phonicsMap .mapDiv .unit_list li:nth-child(14) {top:170px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(15) {top:215px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(16) {top:259px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(17) {top:305px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(18) {top:351px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(19) {top:397px; left:309px;}
.phonicsMap .mapDiv .unit_list li:nth-child(20) {top:437px; left:327px;}
.phonicsMap .mapDiv .unit_list li:nth-child(21) {top:458px; left:368px;}
.phonicsMap .mapDiv .unit_list li:nth-child(22) {top:452px; left:414px;}
.phonicsMap .mapDiv .unit_list li:nth-child(23) {top:421px; left:443px;}
.phonicsMap .mapDiv .unit_list li:nth-child(24) {top:376px; left:446px;}
.phonicsMap .mapDiv .unit_list li:nth-child(25) {top:255px; left:447px;}
.phonicsMap .mapDiv .unit_list li:nth-child(26) {top:210px; left:447px;}
.phonicsMap .mapDiv .unit_list li:nth-child(27) {top:164px; left:447px;}
.phonicsMap .mapDiv .unit_list li:nth-child(28) {top:118px; left:447px;}
.phonicsMap .mapDiv .unit_list li:nth-child(29) {top:79px; left:460px;}
.phonicsMap .mapDiv .unit_list li:nth-child(30) {top:57px; left:497px;}
.phonicsMap .mapDiv .unit_list li:nth-child(31) {top:59px; left:542px;}
.phonicsMap .mapDiv .unit_list li:nth-child(32) {top:89px; left:572px;}
.phonicsMap .mapDiv .unit_list li:nth-child(33) {top:133px; left:577px;}
.phonicsMap .mapDiv .unit_list li:nth-child(34) {top:179px; left:577px;}
.phonicsMap .mapDiv .unit_list li:nth-child(35) {top:223px; left:577px;}
.phonicsMap .mapDiv .unit_list li:nth-child(36) {top:266px; left:577px;}
.phonicsMap .mapDiv .unit_list li:nth-child(37) {top:398px; left:579px;}
.phonicsMap .mapDiv .unit_list li:nth-child(38) {top:434px; left:595px;}
.phonicsMap .mapDiv .unit_list li:nth-child(39) {top:456px; left:629px;}
.phonicsMap .mapDiv .unit_list li:nth-child(40) {top:455px; left:673px;}
.phonicsMap .mapDiv .unit_list li:nth-child(41) {top:430px; left:706px;}
.phonicsMap .mapDiv .unit_list li:nth-child(42) {top:389px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(43) {top:348px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(44) {top:306px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(45) {top:263px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(46) {top:220px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(47) {top:178px; left:714px;}
.phonicsMap .mapDiv .unit_list li:nth-child(48) {top:132px; left:722px;}
.phonicsMap .mapDiv .unit_list li:nth-child(49) {top:123px; left:831px;}
.phonicsMap .mapDiv .unit_list li:nth-child(50) {top:166px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(51) {top:215px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(52) {top:261px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(53) {top:307px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(54) {top:352px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(55) {top:400px; left:843px;}
.phonicsMap .mapDiv .unit_list li:nth-child(56) {top:440px; left:859px;}
.phonicsMap .mapDiv .unit_list li:nth-child(57) {top:458px; left:899px;}
.phonicsMap .mapDiv .unit_list li:nth-child(58) {top:453px; left:940px;}
.phonicsMap .mapDiv .unit_list li:nth-child(59) {top:425px; left:972px;}
.phonicsMap .mapDiv .unit_list li:nth-child(60) {top:385px; left:981px;}
.phonicsMap .mapDiv .unit_list li:nth-child(61) {top:150px; left:939px;}
.phonicsMap .mapDiv .unit_list li:nth-child(62) {top:105px; left:939px;}
.phonicsMap .mapDiv .unit_list li:nth-child(63) {top:60px; left:949px;}
.phonicsMap .mapDiv .unit_list li:nth-child(64) {top:33px; left:988px;}
.phonicsMap .mapDiv .unit_list li:nth-child(65) {top:35px; left:1033px;}
.phonicsMap .mapDiv .unit_list li:nth-child(66) {top:64px; left:1064px;}
.phonicsMap .mapDiv .unit_list li:nth-child(67) {top:106px; left:1069px;}
.phonicsMap .mapDiv .unit_list li:nth-child(68) {top:148px; left:1069px;}
.phonicsMap .mapDiv .unit_list li:nth-child(69) {top:190px; left:1069px;}
.phonicsMap .mapDiv .unit_list li:nth-child(70) {top:233px; left:1069px;}
.phonicsMap .mapDiv .unit_list li:nth-child(71) {top:275px; left:1069px;}
.phonicsMap .mapDiv .unit_list li:nth-child(72) {top:315px; left:1069px;}

/* map-speaking */
.speakingMap .mapDiv .unit_list li:nth-child(1) {top:183px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(2) {top:215px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(3) {top:247px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(4) {top:279px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(5) {top:311px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(6) {top:343px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(7) {top:375px; left:44px;}
.speakingMap .mapDiv .unit_list li:nth-child(8) {top:407px; left:49px;}
.speakingMap .mapDiv .unit_list li:nth-child(9) {top:426px; left:75px;}
.speakingMap .mapDiv .unit_list li:nth-child(10) {top:426px; left:108px;}
.speakingMap .mapDiv .unit_list li:nth-child(11) {top:407px; left:134px;}
.speakingMap .mapDiv .unit_list li:nth-child(12) {top:378px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(13) {top:344px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(14) {top:311px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(15) {top:279px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(16) {top:247px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(17) {top:215px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(18) {top:183px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(19) {top:153px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(20) {top:122px; left:138px;}
.speakingMap .mapDiv .unit_list li:nth-child(21) {top:91px; left:143px;}
.speakingMap .mapDiv .unit_list li:nth-child(22) {top:73px; left:171px;}
.speakingMap .mapDiv .unit_list li:nth-child(23) {top:73px; left:202px;}
.speakingMap .mapDiv .unit_list li:nth-child(24) {top:94px; left:224px;}
.speakingMap .mapDiv .unit_list li:nth-child(25) {top:205px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(26) {top:235px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(27) {top:266px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(28) {top:295px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(29) {top:326px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(30) {top:355px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(31) {top:389px; left:228px;}
.speakingMap .mapDiv .unit_list li:nth-child(32) {top:417px; left:238px;}
.speakingMap .mapDiv .unit_list li:nth-child(33) {top:432px; left:262px;}
.speakingMap .mapDiv .unit_list li:nth-child(34) {top:432px; left:292px;}
.speakingMap .mapDiv .unit_list li:nth-child(35) {top:418px; left:316px;}
.speakingMap .mapDiv .unit_list li:nth-child(36) {top:389px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(37) {top:356px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(38) {top:324px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(39) {top:291px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(40) {top:257px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(41) {top:226px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(42) {top:194px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(43) {top:163px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(44) {top:134px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(45) {top:105px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(46) {top:77px; left:324px;}
.speakingMap .mapDiv .unit_list li:nth-child(47) {top:52px; left:337px;}
.speakingMap .mapDiv .unit_list li:nth-child(48) {top:38px; left:365px;}
.speakingMap .mapDiv .unit_list li:nth-child(49) {top:114px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(50) {top:146px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(51) {top:178px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(52) {top:212px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(53) {top:245px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(54) {top:278px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(55) {top:310px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(56) {top:342px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(57) {top:377px; left:415px;}
.speakingMap .mapDiv .unit_list li:nth-child(58) {top:411px; left:419px;}
.speakingMap .mapDiv .unit_list li:nth-child(59) {top:438px; left:442px;}
.speakingMap .mapDiv .unit_list li:nth-child(60) {top:440px; left:484px;}
.speakingMap .mapDiv .unit_list li:nth-child(61) {top:412px; left:509px;}
.speakingMap .mapDiv .unit_list li:nth-child(62) {top:377px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(63) {top:342px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(64) {top:310px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(65) {top:278px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(66) {top:245px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(67) {top:212px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(68) {top:179px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(69) {top:146px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(70) {top:112px; left:511px;}
.speakingMap .mapDiv .unit_list li:nth-child(71) {top:77px; left:530px;}
.speakingMap .mapDiv .unit_list li:nth-child(72) {top:74px; left:567px;}
.speakingMap .mapDiv .unit_list li:nth-child(73) {top:161px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(74) {top:193px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(75) {top:228px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(76) {top:260px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(77) {top:293px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(78) {top:325px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(79) {top:358px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(80) {top:390px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(81) {top:425px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(82) {top:460px; left:601px;}
.speakingMap .mapDiv .unit_list li:nth-child(83) {top:485px; left:626px;}
.speakingMap .mapDiv .unit_list li:nth-child(84) {top:485px; left:669px;}
.speakingMap .mapDiv .unit_list li:nth-child(85) {top:459px; left:692px;}
.speakingMap .mapDiv .unit_list li:nth-child(86) {top:426px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(87) {top:394px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(88) {top:361px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(89) {top:329px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(90) {top:296px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(91) {top:263px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(92) {top:230px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(93) {top:197px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(94) {top:161px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(95) {top:122px; left:696px;}
.speakingMap .mapDiv .unit_list li:nth-child(96) {top:74px; left:699px;}
.speakingMap .mapDiv .unit_list li:nth-child(97) {top:100px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(98) {top:135px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(99) {top:170px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(100) {top:205px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(101) {top:240px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(102) {top:275px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(103) {top:310px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(104) {top:345px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(105) {top:380px; left:786px;}
.speakingMap .mapDiv .unit_list li:nth-child(106) {top:410px; left:792px;}
.speakingMap .mapDiv .unit_list li:nth-child(107) {top:430px; left:820px;}
.speakingMap .mapDiv .unit_list li:nth-child(108) {top:425px; left:858px;}
.speakingMap .mapDiv .unit_list li:nth-child(109) {top:395px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(110) {top:360px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(111) {top:325px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(112) {top:290px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(113) {top:255px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(114) {top:220px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(115) {top:185px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(116) {top:150px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(117) {top:115px; left:880px;}
.speakingMap .mapDiv .unit_list li:nth-child(118) {top:85px; left:885px;}
.speakingMap .mapDiv .unit_list li:nth-child(119) {top:65px; left:912px;}
.speakingMap .mapDiv .unit_list li:nth-child(120) {top:66px; left:944px;}
.speakingMap .mapDiv .unit_list li:nth-child(121) {top:145px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(122) {top:175px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(123) {top:205px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(124) {top:235px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(125) {top:265px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(126) {top:295px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(127) {top:325px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(128) {top:355px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(129) {top:385px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(130) {top:415px; left:969px;}
.speakingMap .mapDiv .unit_list li:nth-child(131) {top:450px; left:972px;}
.speakingMap .mapDiv .unit_list li:nth-child(132) {top:477px; left:1000px;}
.speakingMap .mapDiv .unit_list li:nth-child(133) {top:477px; left:1038px;}
.speakingMap .mapDiv .unit_list li:nth-child(134) {top:450px; left:1063px;}
.speakingMap .mapDiv .unit_list li:nth-child(135) {top:418px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(136) {top:386px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(137) {top:354px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(138) {top:322px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(139) {top:290px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(140) {top:258px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(141) {top:226px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(142) {top:194px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(143) {top:162px; left:1065px;}
.speakingMap .mapDiv .unit_list li:nth-child(144) {top:130px; left:1065px;}

/* map-writing */
.writingMap .mapDiv .unit_list li:nth-child(1) {top:294px; left:57px;}
.writingMap .mapDiv .unit_list li:nth-child(2) {top:335px; left:57px;}
.writingMap .mapDiv .unit_list li:nth-child(3) {top:378px; left:67px;}
.writingMap .mapDiv .unit_list li:nth-child(4) {top:403px; left:102px;}
.writingMap .mapDiv .unit_list li:nth-child(5) {top:403px; left:148px;}
.writingMap .mapDiv .unit_list li:nth-child(6) {top:374px; left:183px;}
.writingMap .mapDiv .unit_list li:nth-child(7) {top:328px; left:188px;}
.writingMap .mapDiv .unit_list li:nth-child(8) {top:281px; left:188px;}
.writingMap .mapDiv .unit_list li:nth-child(9) {top:236px; left:188px;}
.writingMap .mapDiv .unit_list li:nth-child(10) {top:184px; left:188px;}
.writingMap .mapDiv .unit_list li:nth-child(11) {top:130px; left:195px;}
.writingMap .mapDiv .unit_list li:nth-child(12) {top:96px; left:245px;}
.writingMap .mapDiv .unit_list li:nth-child(13) {top:112px; left:295px;}
.writingMap .mapDiv .unit_list li:nth-child(14) {top:163px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(15) {top:206px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(16) {top:251px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(17) {top:297px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(18) {top:339px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(19) {top:380px; left:314px;}
.writingMap .mapDiv .unit_list li:nth-child(20) {top:423px; left:329px;}
.writingMap .mapDiv .unit_list li:nth-child(21) {top:443px; left:363px;}
.writingMap .mapDiv .unit_list li:nth-child(22) {top:443px; left:405px;}
.writingMap .mapDiv .unit_list li:nth-child(23) {top:422px; left:439px;}
.writingMap .mapDiv .unit_list li:nth-child(24) {top:381px; left:447px;}
.writingMap .mapDiv .unit_list li:nth-child(25) {top:240px; left:448px;}
.writingMap .mapDiv .unit_list li:nth-child(26) {top:197px; left:448px;}
.writingMap .mapDiv .unit_list li:nth-child(27) {top:155px; left:448px;}
.writingMap .mapDiv .unit_list li:nth-child(28) {top:110px; left:448px;}
.writingMap .mapDiv .unit_list li:nth-child(29) {top:71px; left:465px;}
.writingMap .mapDiv .unit_list li:nth-child(30) {top:53px; left:506px;}
.writingMap .mapDiv .unit_list li:nth-child(31) {top:66px; left:555px;}
.writingMap .mapDiv .unit_list li:nth-child(32) {top:105px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(33) {top:146px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(34) {top:189px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(35) {top:234px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(36) {top:280px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(37) {top:324px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(38) {top:369px; left:575px;}
.writingMap .mapDiv .unit_list li:nth-child(39) {top:414px; left:586px;}
.writingMap .mapDiv .unit_list li:nth-child(40) {top:441px; left:618px;}
.writingMap .mapDiv .unit_list li:nth-child(41) {top:443px; left:666px;}
.writingMap .mapDiv .unit_list li:nth-child(42) {top:418px; left:700px;}
.writingMap .mapDiv .unit_list li:nth-child(43) {top:373px; left:708px;}
.writingMap .mapDiv .unit_list li:nth-child(44) {top:327px; left:708px;}
.writingMap .mapDiv .unit_list li:nth-child(45) {top:281px; left:708px;}
.writingMap .mapDiv .unit_list li:nth-child(46) {top:229px; left:708px;}
.writingMap .mapDiv .unit_list li:nth-child(47) {top:180px; left:708px;}
.writingMap .mapDiv .unit_list li:nth-child(48) {top:128px; left:716px;}
.writingMap .mapDiv .unit_list li:nth-child(49) {top:126px; left:826px;}
.writingMap .mapDiv .unit_list li:nth-child(50) {top:167px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(51) {top:215px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(52) {top:257px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(53) {top:298px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(54) {top:339px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(55) {top:383px; left:835px;}
.writingMap .mapDiv .unit_list li:nth-child(56) {top:423px; left:846px;}
.writingMap .mapDiv .unit_list li:nth-child(57) {top:443px; left:878px;}
.writingMap .mapDiv .unit_list li:nth-child(58) {top:443px; left:921px;}
.writingMap .mapDiv .unit_list li:nth-child(59) {top:421px; left:954px;}
.writingMap .mapDiv .unit_list li:nth-child(60) {top:378px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(61) {top:337px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(62) {top:293px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(63) {top:248px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(64) {top:203px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(65) {top:161px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(66) {top:115px; left:968px;}
.writingMap .mapDiv .unit_list li:nth-child(67) {top:76px; left:971px;}
.writingMap .mapDiv .unit_list li:nth-child(68) {top:43px; left:995px;}
.writingMap .mapDiv .unit_list li:nth-child(69) {top:33px; left:1041px;}
.writingMap .mapDiv .unit_list li:nth-child(70) {top:58px; left:1085px;}
.writingMap .mapDiv .unit_list li:nth-child(71) {top:102px; left:1096px;}
.writingMap .mapDiv .unit_list li:nth-child(72) {top:142px; left:1096px;}

/* map-reading */
.readingMap .mapDiv .unit_list li:nth-child(1) {top:294px; left:54px;}
.readingMap .mapDiv .unit_list li:nth-child(2) {top:335px; left:54px;}
.readingMap .mapDiv .unit_list li:nth-child(3) {top:384px; left:70px;}
.readingMap .mapDiv .unit_list li:nth-child(4) {top:406px; left:125px;}
.readingMap .mapDiv .unit_list li:nth-child(5) {top:390px; left:170px;}
.readingMap .mapDiv .unit_list li:nth-child(6) {top:340px; left:186px;}
.readingMap .mapDiv .unit_list li:nth-child(7) {top:290px; left:186px;}
.readingMap .mapDiv .unit_list li:nth-child(8) {top:242px; left:186px;}
.readingMap .mapDiv .unit_list li:nth-child(9) {top:194px; left:186px;}
.readingMap .mapDiv .unit_list li:nth-child(10) {top:148px; left:186px;}
.readingMap .mapDiv .unit_list li:nth-child(11) {top:110px; left:209px;}
.readingMap .mapDiv .unit_list li:nth-child(12) {top:96px; left:253px;}
.readingMap .mapDiv .unit_list li:nth-child(13) {top:112px; left:295px;}
.readingMap .mapDiv .unit_list li:nth-child(14) {top:163px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(15) {top:206px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(16) {top:251px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(17) {top:297px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(18) {top:339px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(19) {top:380px; left:311px;}
.readingMap .mapDiv .unit_list li:nth-child(20) {top:423px; left:326px;}
.readingMap .mapDiv .unit_list li:nth-child(21) {top:443px; left:358px;}
.readingMap .mapDiv .unit_list li:nth-child(22) {top:443px; left:400px;}
.readingMap .mapDiv .unit_list li:nth-child(23) {top:422px; left:434px;}
.readingMap .mapDiv .unit_list li:nth-child(24) {top:381px; left:445px;}
.readingMap .mapDiv .unit_list li:nth-child(25) {top:240px; left:445px;}
.readingMap .mapDiv .unit_list li:nth-child(26) {top:197px; left:445px;}
.readingMap .mapDiv .unit_list li:nth-child(27) {top:155px; left:445px;}
.readingMap .mapDiv .unit_list li:nth-child(28) {top:110px; left:445px;}
.readingMap .mapDiv .unit_list li:nth-child(29) {top:71px; left:461px;}
.readingMap .mapDiv .unit_list li:nth-child(30) {top:53px; left:501px;}
.readingMap .mapDiv .unit_list li:nth-child(31) {top:65px; left:552px;}
.readingMap .mapDiv .unit_list li:nth-child(32) {top:105px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(33) {top:146px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(34) {top:189px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(35) {top:234px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(36) {top:280px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(37) {top:324px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(38) {top:369px; left:572px;}
.readingMap .mapDiv .unit_list li:nth-child(39) {top:414px; left:584px;}
.readingMap .mapDiv .unit_list li:nth-child(40) {top:441px; left:615px;}
.readingMap .mapDiv .unit_list li:nth-child(41) {top:443px; left:662px;}
.readingMap .mapDiv .unit_list li:nth-child(42) {top:418px; left:698px;}
.readingMap .mapDiv .unit_list li:nth-child(43) {top:373px; left:705px;}
.readingMap .mapDiv .unit_list li:nth-child(44) {top:327px; left:705px;}
.readingMap .mapDiv .unit_list li:nth-child(45) {top:281px; left:705px;}
.readingMap .mapDiv .unit_list li:nth-child(46) {top:229px; left:705px;}
.readingMap .mapDiv .unit_list li:nth-child(47) {top:180px; left:705px;}
.readingMap .mapDiv .unit_list li:nth-child(48) {top:128px; left:713px;}
.readingMap .mapDiv .unit_list li:nth-child(49) {top:126px; left:822px;}
.readingMap .mapDiv .unit_list li:nth-child(50) {top:167px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(51) {top:215px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(52) {top:257px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(53) {top:298px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(54) {top:339px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(55) {top:383px; left:832px;}
.readingMap .mapDiv .unit_list li:nth-child(56) {top:423px; left:842px;}
.readingMap .mapDiv .unit_list li:nth-child(57) {top:443px; left:874px;}
.readingMap .mapDiv .unit_list li:nth-child(58) {top:443px; left:916px;}
.readingMap .mapDiv .unit_list li:nth-child(59) {top:421px; left:951px;}
.readingMap .mapDiv .unit_list li:nth-child(60) {top:378px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(61) {top:337px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(62) {top:293px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(63) {top:248px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(64) {top:203px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(65) {top:161px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(66) {top:115px; left:965px;}
.readingMap .mapDiv .unit_list li:nth-child(67) {top:76px; left:968px;}
.readingMap .mapDiv .unit_list li:nth-child(68) {top:43px; left:992px;}
.readingMap .mapDiv .unit_list li:nth-child(69) {top:33px; left:1041px;}
.readingMap .mapDiv .unit_list li:nth-child(70) {top:58px; left:1083px;}
.readingMap .mapDiv .unit_list li:nth-child(71) {top:102px; left:1092px;}
.readingMap .mapDiv .unit_list li:nth-child(72) {top:142px; left:1092px;}

/* map-grammar */
.grammarMap .mapDiv .unit_list li:nth-child(1) {top:303px; left:45px;}
.grammarMap .mapDiv .unit_list li:nth-child(2) {top:348px; left:45px;}
.grammarMap .mapDiv .unit_list li:nth-child(3) {top:389px; left:55px;}
.grammarMap .mapDiv .unit_list li:nth-child(4) {top:415px; left:88px;}
.grammarMap .mapDiv .unit_list li:nth-child(5) {top:415px; left:135px;}
.grammarMap .mapDiv .unit_list li:nth-child(6) {top:391px; left:170px;}
.grammarMap .mapDiv .unit_list li:nth-child(7) {top:350px; left:179px;}
.grammarMap .mapDiv .unit_list li:nth-child(8) {top:307px; left:179px;}
.grammarMap .mapDiv .unit_list li:nth-child(9) {top:265px; left:179px;}
.grammarMap .mapDiv .unit_list li:nth-child(10) {top:225px; left:179px;}
.grammarMap .mapDiv .unit_list li:nth-child(11) {top:180px; left:179px;}
.grammarMap .mapDiv .unit_list li:nth-child(12) {top:135px; left:186px;}
.grammarMap .mapDiv .unit_list li:nth-child(13) {top:124px; left:298px;}
.grammarMap .mapDiv .unit_list li:nth-child(14) {top:170px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(15) {top:215px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(16) {top:259px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(17) {top:305px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(18) {top:351px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(19) {top:397px; left:309px;}
.grammarMap .mapDiv .unit_list li:nth-child(20) {top:437px; left:327px;}
.grammarMap .mapDiv .unit_list li:nth-child(21) {top:458px; left:368px;}
.grammarMap .mapDiv .unit_list li:nth-child(22) {top:452px; left:414px;}
.grammarMap .mapDiv .unit_list li:nth-child(23) {top:421px; left:443px;}
.grammarMap .mapDiv .unit_list li:nth-child(24) {top:376px; left:446px;}
.grammarMap .mapDiv .unit_list li:nth-child(25) {top:255px; left:447px;}
.grammarMap .mapDiv .unit_list li:nth-child(26) {top:210px; left:447px;}
.grammarMap .mapDiv .unit_list li:nth-child(27) {top:164px; left:447px;}
.grammarMap .mapDiv .unit_list li:nth-child(28) {top:118px; left:447px;}
.grammarMap .mapDiv .unit_list li:nth-child(29) {top:79px; left:460px;}
.grammarMap .mapDiv .unit_list li:nth-child(30) {top:57px; left:497px;}
.grammarMap .mapDiv .unit_list li:nth-child(31) {top:59px; left:542px;}
.grammarMap .mapDiv .unit_list li:nth-child(32) {top:89px; left:572px;}
.grammarMap .mapDiv .unit_list li:nth-child(33) {top:133px; left:577px;}
.grammarMap .mapDiv .unit_list li:nth-child(34) {top:179px; left:577px;}
.grammarMap .mapDiv .unit_list li:nth-child(35) {top:223px; left:577px;}
.grammarMap .mapDiv .unit_list li:nth-child(36) {top:266px; left:577px;}
.grammarMap .mapDiv .unit_list li:nth-child(37) {top:398px; left:579px;}
.grammarMap .mapDiv .unit_list li:nth-child(38) {top:434px; left:595px;}
.grammarMap .mapDiv .unit_list li:nth-child(39) {top:456px; left:629px;}
.grammarMap .mapDiv .unit_list li:nth-child(40) {top:455px; left:673px;}
.grammarMap .mapDiv .unit_list li:nth-child(41) {top:430px; left:706px;}
.grammarMap .mapDiv .unit_list li:nth-child(42) {top:389px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(43) {top:348px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(44) {top:306px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(45) {top:263px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(46) {top:220px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(47) {top:178px; left:714px;}
.grammarMap .mapDiv .unit_list li:nth-child(48) {top:132px; left:722px;}
.grammarMap .mapDiv .unit_list li:nth-child(49) {top:123px; left:831px;}
.grammarMap .mapDiv .unit_list li:nth-child(50) {top:166px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(51) {top:215px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(52) {top:261px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(53) {top:307px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(54) {top:352px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(55) {top:400px; left:843px;}
.grammarMap .mapDiv .unit_list li:nth-child(56) {top:440px; left:859px;}
.grammarMap .mapDiv .unit_list li:nth-child(57) {top:458px; left:899px;}
.grammarMap .mapDiv .unit_list li:nth-child(58) {top:453px; left:940px;}
.grammarMap .mapDiv .unit_list li:nth-child(59) {top:425px; left:972px;}
.grammarMap .mapDiv .unit_list li:nth-child(60) {top:385px; left:981px;}
.grammarMap .mapDiv .unit_list li:nth-child(61) {top:250px; left:951px;}
.grammarMap .mapDiv .unit_list li:nth-child(62) {top:205px; left:941px;}
.grammarMap .mapDiv .unit_list li:nth-child(63) {top:160px; left:941px;}
.grammarMap .mapDiv .unit_list li:nth-child(64) {top:115px; left:945px;}
.grammarMap .mapDiv .unit_list li:nth-child(65) {top:77px; left:978px;}
.grammarMap .mapDiv .unit_list li:nth-child(66) {top:73px; left:1028px;}
.grammarMap .mapDiv .unit_list li:nth-child(67) {top:108px; left:1067px;}
.grammarMap .mapDiv .unit_list li:nth-child(68) {top:152px; left:1072px;}
.grammarMap .mapDiv .unit_list li:nth-child(69) {top:196px; left:1072px;}
.grammarMap .mapDiv .unit_list li:nth-child(70) {top:241px; left:1072px;}
.grammarMap .mapDiv .unit_list li:nth-child(71) {top:285px; left:1072px;}
.grammarMap .mapDiv .unit_list li:nth-child(72) {top:327px; left:1072px;}



@keyframes fadein {
    form {opacity:0;}
    to { opacity:1;}
}

@keyframes fadeOut {
    form {opacity:1;}
    to { opacity:0;}
}

@keyframes slideup {
    form {opacity:0; margin-top:20px;}
    to { opacity:1; margin-top:0;}
}

@media (max-width:880px){
    .top .btnBack {left:5%;}
    .top .btnLogout {left:5%;}
}

@media (max-width:840px){
    .student_infoWrap {width:90%;}
    .s_menu {width:90%;}
    .s_menu ul li {width:48.7%;}
    .s_menu a.goHistory {margin-bottom:12px;}
    .s_menu a.prevLesson {height:auto; padding-left:8vw; background-size:6.2vw;}
    .s_menu a.prevLesson dt {font-size:3vw; height:auto;}
    .s_menu a.prevLesson dd {font-size:1.65vw; height:auto;}
    .institute .instituteInfo {width:240px;}
    .institute .InstituteInput {width:200px;}
    .top .btnLogout {width:102px; height:40px; border-radius:0 0 20px 20px;}
    .top .btnCode {right:5%; width:40px; height:40px; border-radius:0 0 15px 15px;}
    .top .btnModify {right:5%; width:40px; height:40px; border-radius:0 0 15px 15px;}
    

    /* modify */
    .modifyWrap {width:90%; height:auto; padding-top:50px;}
    .modifyWrap form {width:100%; font-size:16px;}
    .modifyWrap input[type="password"] {width:100%; height:40px; line-height:40px; margin-bottom:10px; padding:0; text-align:center;}


    /* login */
    .loginWrap {width:90%;}
    .loginWrap .imgArea {display:none;}
    .loginWrap .loginInfo {width:100%; margin:15vh auto;}
    .loginWrap .loginInfo h3 {width:240px; margin:0 auto 30px; font-size:16px; text-align:left;}
    .loginWrap .loginInfo h3 span {width:40px; height:40px;}
    .loginForm {width:240px; margin:0 auto;}
    .loginForm label {text-align:left;}
    .loginWrap .loginInfo input {width:240px;}
    .loginWrap .loginInfo input[type="button"] {width:240px;}
    #errBox {width:240px;}
    .popupLayer .instituteWrap {width:90%;}
    .popupLayer .instituteInfo {width:240px;}
    .popupLayer .InstituteInput {width:200px;}
}

@media (max-width:768px){
    #wrap {width:100%;}
    .container {width:100%; min-height:auto;}
    .top h2 {font-size:34px; padding:0 20px; line-height:40px;}

    /* page01 */
    .student_infoWrap {width:90%;}
    .student_infoWrap>div {padding:35px 10%;}
    .student_infoWrap>div>div {margin-right:0;}
    .student_infoWrap>div>div.s_map.s_map {width:25%; margin-top:10px; text-align:right;}
    .student_infoWrap .s_photo {width:60px;}
    .student_infoWrap .s_photo img {width:100%;}
    .student_infoWrap .s_info {width:70%;}
    .student_infoWrap .s_info .s_name {line-height:60px; font-size:16px; text-align:left;text-indent:20px;}
    .student_infoWrap .s_graph {width:70%; margin-top:50px; padding-left:5%;}
    .student_infoWrap .s_graph p.s_course {font-size:16px;}
    .s_menu {width:90%;}

    /* page02 */
    .schedule.v1, .schedule.v2 {width:270px;}

    /* page03 */
    .ahwrap {/*width:530px;*/ margin:0 auto;}
    .selectwrap {width:300px; margin:0 auto;}
    #select_ah {width:250px; font-size:16px; margin-left:0;}
    .ahList li {text-align:center; margin:10px;}
    

}

@media (max-width:580px){
    .s_menu a.goHistory {margin-bottom:5px;}

    /* page03 */
    .instituteWrap {overflow:scroll;}
    .ahwrap {/*width:320px;*/ margin:0 auto;}
    .ahList li {width:140px; height:auto; text-align:center; margin:10px; font-size:12px; line-height:16px; border-radius:20px;}
    .ahList li div {float:none;}
    .ahList li .icon {width:100%; height:auto;}
    .ahList li .icon img {width:80px; height:55px;}
    .ahList li .lv {width:120px; height:auto; padding:5px 10px; line-height:16px; text-align:center; font-size:14px;}
    .ahList li .unit {width:120px; padding:5px 10px; font-size:16px; text-align:center;}
    .ahList li .date {height:30px; line-height:30px; font-size:16px;}

    .top .btnBack {display:none;}
    .student_infoWrap>div {padding:20px 10%;}
    .student_infoWrap .s_info .s_name {line-height:40px;}
    .student_infoWrap .s_photo {width:40px;}
    .student_infoWrap .s_graph .graph_box {width:90%;}

    .msgLayer .msgWrap {width:300px; height:300px;}
    .msgLayer .msgWrap div p {padding-top:120px; margin-bottom:20px; font-size:20px;}
    .msgLayer .msgWrap div.msg02 p {font-size:30px; line-height:60px;}
    .msgLayer .msgWrap>div button {width:70px; height:30px; border-radius:10px; font-size:14px;}
}


@media (max-width:340px){
    .s_menu a.goHistory {margin-bottom:5px;}

    /* Login */
    .schedule {width:90%; margin:10px 5%; padding:0;}
    .schedule .week {width:100%}
    .schedule .week ul li {width:38%;}
    .schedule .week ul li:nth-child(odd) {margin:10px 3.5% 10px 6.5%;}
    .schedule .week ul li:nth-child(even) {margin:10px 6.5% 10px 3.5%;}

    .s_menu a.prevLesson {padding-left:8.5vw; background-size:7.2vw;}
}

@media screen and (min-width:0\0) {.top h2 {background:none; color:#52B2FF}}

@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        input {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
        .login-box .loginForm .loginBtn {width:130px; height:40px; line-height:42px; margin-top:10px; background:#20409a; color:#f68d1f; border-radius:10px; font-size:22px; font-weight:bold; outline:0; border:none;}
        .codeBtn {width:130px; height:40px; line-height:42px; margin-top:10px; background:#20409a; color:#f68d1f; border-radius:10px; font-size:22px; font-weight:bold; outline:0; border:none;}
    }
}