.header{height: 110px;padding:0 28px;background: url(../images/bg1.png);display: flex;justify-content: space-around;align-items: center;}
.logo{width: 40%;}

.jselect{background-color: #edeeee; color: #00489e;width: 100px; display: inline-block; text-align: left;}

.login{width: 60%;background: rgba(7, 80, 155, .8);line-height: 24px;padding: 16px 14px;margin-left: 28px;color: #c2d5ea;font-size: 14px;}
.login_id{margin-right: 15px;}
.login_pw{margin-right: 15px;}
.login_id input , .login_pw input{width: 100px;height: 24px;background: #8fd3f5;padding: 0 4px;color: #00489e;}
.login_forget{color: #6eb2dc;text-decoration: underline;font-size: 16px;margin-right: 15px;}
.login_forget:hover{color:#fff;}
.login_btn{width: 70px;height: 25px;background: #26a9e0;text-align: center;line-height: 25px;color: #fff;font-size: 17px;}
.login_btn:hover{color:#00489e;background:#8fd3f5;}
.header_on .logo{width: 50%}
.header_on .login{width: 50%}
.header_on .login_id , .header_on .login_pw , .header_on .login_btn{margin-bottom: 0!important;}
.header_on .login_id span, .header_on .login_pw span{color: #65acdd}

.nav{height: 44px;background: #00489e;}
.nav>li{float:left;width:20%;height:44px;line-height: 42px;text-align: center;background: url(../images/ico1.png) no-repeat right;}
.nav>li:last-child{background: none;}
.nav>li>a{font-size: 14px;padding-top:12px; padding-bottom:12px;}
.nav>li>a:focus, .nav>li>a:hover{background-color:#ffffff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#ffffff;color:#004dc4;}
.dropdown-menu{padding:0;top:0;float:none;position:relative;}
/*.dropdown-menu>li{}*/
.dropdown-menu>li>a{color:#00489e;line-height:38px;}
.dropdown-menu>li>a:hover{background-color:#8Fd3f5;}
.nav .nav_btn{display:inline-block;width:11px;height:12px;background: url(../images/ico2.png) no-repeat center;margin-left: 5px;}
.nav .nav_son{position: relative;z-index: 999;display: none;}
.nav .nav_son li{background: #00489e;}
.nav .nav_son li a{font-size: 12px;color: #fff;display: block;}
.nav .nav_son li:hover{background: #fff;}
.nav .nav_son li:hover a{color: #00489e;}

.navbar-collapse{padding:0;}
.swiper_imgbox{width: 33.33%;}
.swiper_imgbox img{width: 100%;height: 100%;}
.swiper-pagination-bullet{width: 13px;height: 13px;border-radius: 0;border: 2px solid #c3c2c2;background: none;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets{width: auto;left: unset;right: 20px!important;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}

.index_container{background: #fff;padding: 20px 0;}
.index_box{width: 33.333%;float: left;padding: 12px 22px;}
.index_news{border-right: 2px solid #d0d2d3;}
.index_box>.title{line-height: 30px;margin-bottom: 12px;}
.index_box .title h1{color: #00489e;font-size:30px;display: inline-block; font-weight:bold;}
.index_news .title .more{float:right;cursor: pointer;;color: #1b75bb;background: #e6e7e8;width: 90px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;font-weight: bold;margin-top: 5px;}
.index_news li{color: #1B75BB;height: 46px;line-height: 46px;font-weight:bold;}
.index_news li a{color: #1B75BB;display: inline;margin-left: 16px;font-size: 14px;text-decoration: underline;cursor: pointer;}
.index_news li span{color: #1B75BB;font-size: 12px;}
.newsPageBox{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);display: none;}
.newsPage{width: 70%;height: 70%;margin-left: 15%;margin-top: 15vh;background: #fff;}
.newsPage .title{height: 8%;display: flex;justify-content: space-between;align-items: center;background: #8fd3f5;padding: 0 10px;}
.newsPage .title h1{color: #00489e;font-size:30px;}
.close{width: 29px;height: 29px;display: inline-block;vertical-align: middle;background: url(../images/ico4.png) no-repeat;cursor: pointer;}
.close:hover{background: url(../images/ico11.png) no-repeat;}
.newsPage .newsCont{height:90%;padding:40px 25px;overflow-y: auto;}
.newsPage .newsCont li{margin-bottom: 25px;overflow: hidden;}
.newsPage .newsCont .date{color: #1B75BB;font-size: 12px;width: 15%;}
.newsPage .newsCont .article{width: 85%;word-wrap:break-word;color: #000;}
.newsPage .newsCont::-webkit-scrollbar {width: 12px;background-color: #F5F5F5;}
.newsPage .newsCont::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #8fd3f5;}
.newsPage .newsCont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}

.index_top{width: 66.666%;}
.index_top_chart{width:100%;display:flex;}
.index_top_chart ul{flex:1;}
.tab_btn li{float: left;cursor: pointer;;color: #1b75bb;background: #e6e7e8;width: 90px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;font-weight: bold;margin-top: 5px;border-right: 1px solid #d0d2d3;}
.tab_btn li.on{background: #1b75bb;color: #fff;}
.tab_btn li:last-child{border: none;}
.index_top_chart ul li{height: 34px;margin-right: 12px;font-size: 14px;margin:20px 0;}
.index_top_chart ul li:last-child{margin-bottom:0;}
.title_num{width: 30px;height: 30px;line-height: 30px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;margin-top: 2px;}
.Starters .title_num{background: #00489e;}
.Movers .title_num{background: #009e33;}
.Flyers .title_num{background: #5926ad;}
.index_top .top_list{font-weight:bold;width: 90%;height: 34px;padding-left:5px;display: flex;flex-direction: column;justify-content: space-between;}
.index_top .title{overflow: hidden;line-height: 1.1}
.index_top .title p{color:#58595b;}
.index_top .title span{color:#1B75BB;margin-right:10px;}
.index_top .desc{color:#58595b;line-height: 1.1;overflow: hidden; height:15px;}

.footer_bar{background: url(../images/bg1.png);height: 12px;}

/* login */
.login_left{width: 65.5%;}
.login_right{width: 34.5%;}
.login_box .title{height: 100px;padding: 14px 20px;}
.Starters .title{background: #c2ebff;}
.Movers .title{background: #bfffc9;}
.Flyers .title{background: #f2e8ff;}
.login_right .title{font-size: 30px;color: #fff;font-weight: bold;line-height: 1.2}
.Starters .login_right .title{background: #004dc4;}
.Movers .login_right .title{background: #009e33;}
.Flyers .login_right .title{background: #5926ad;}

.login_left .title .title_left{font-size: 30px;line-height:1;font-weight: bold;}
.login_left .title .title_right{display: flex;justify-content: space-between}
.login_left .title .title_right ul li{height:40px;background-repeat: no-repeat; background-size:40px 40px;color: #58595b;padding-left: 36px;line-height: 40px;margin-left:10px;float: left;font-size: 20px}
.login_left .title .title_right ul li.less_RW{background-image:url(../main/icon_l1.png)}
.login_left .title .title_right ul li.less_L{background-image:url(../main/icon_l2.png)}
.login_left .title .title_right ul li.less_S{background-image:url(../main/icon_l3.png)}
.login_left .title .title_right ul li.less_KET{background-image:url(../main/icon_ket.png)}
.login_left .title .title_right h1{font-size: 22px;line-height: 1.5;}
.Starters .login_left .title .title_left{color: #004dc4;}
.Movers .login_left .title .title_left{color: #009e33;}
.Flyers .login_left .title .title_left{color: #5926ad;}
.Starters .login_left .title .title_right h1{color: #004dc4;}
.Movers .login_left .title .title_right h1{color: #009e33;}
.Flyers .login_left .title .title_right h1{color: #5926ad;}

.week_box{background: #fff;padding: 0 20px; min-height: 92px;}
.week_box .date{width:17%;height: 76px;}
.week_box .date .week{font-size: 25px;font-weight: bold;margin-top: 20px;}
.week_box .date .day{font-size: 15px;margin-top: 14px;}
.Starters .week_box .date .week{color: #004dc4;}
.Movers .week_box .date .week{color: #009e33;}
.Flyers .week_box .date .week{color: #5926ad;}
.Starters .week_box .date .day{color: #0099ff;}
.Movers .week_box .date .day{color: #33cc66;}
.Flyers .week_box .date .day{color: #8f59c6;}

.week_box_lesson{width: 83%;}
.week_box_lesson ul{width: 50%;display: flex;justify-content: space-around;align-items: center}
.week_box_lesson li{float: left;padding-top: 70px;font-size: 15px;text-align: center;cursor: pointer;width: 75px; height: 75px;}
.Starters .week_box_lesson li{color: #0099ff;}
.Movers .week_box_lesson li{color: #33cc66;}
.Flyers .week_box_lesson li{color: #8f59c6;}
.week_box_lesson li.less1{background: url(../main/btn_l1.png) no-repeat;}
.week_box_lesson li.less2{background: url(../main/btn_l2.png) no-repeat;}
.week_box_lesson li.less3{background: url(../main/btn_l3.png) no-repeat;}
.week_box_lesson li.less3{background: url(../main/btn_l3.png) no-repeat;}
.week_box_lesson li.less4{background: url(../main/btn_ket.png) no-repeat;}
.week_box_lesson li:hover{background-position: bottom;}
.week_box_lesson li.less1.off{background: url(../main/btn_l1_off.png) no-repeat;}
.week_box_lesson li.less2.off{background: url(../main/btn_l2_off.png) no-repeat;}
.week_box_lesson li.less3.off{background: url(../main/btn_l3_off.png) no-repeat;}
.week_box_lesson li.less4.off{background: url(../main/btn_ket_off.png) no-repeat;}
.week_box_lesson .topic{width: 50%;display:flex;font-size: 12px;line-height: 1.8;font-weight: bold;margin-top: 10px;}
.Starters .week_box_lesson .topic{color: #0099ff;}
.Movers .week_box_lesson .topic{color: #33cc66;}
.Flyers .week_box_lesson .topic{color: #8f59c6;}
.week_box_lesson .topic .fl{width: 50px;}
.week_box_lesson .topic .fr{flex:1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.login_right ul{padding: 20px;height: 644px;}
.Starters .login_right ul{background: #c2ebff;}
.Movers .login_right ul{background: #bfffc9;}
.Flyers .login_right ul{background: #f2e8ff;}
.login_right ul li{overflow: hidden;height: 10%;line-height: 30px}
.login_right ul li .name{color:#58595b;padding-left: 5px;overflow: hidden;}
.Starters .login_right ul li .score{color: #004dc4;}
.Movers .login_right ul li .score{color: #009e33;}
.Flyers .login_right ul li .score{color: #5926ad;}

/* lesson */
.lesson{height: 120px;display: flex;justify-content: space-around}
.Starters.lesson{background: #c2ebff;}
.Movers.lesson{background: #bfffc9;}
.Flyers.lesson{background: #f2e8ff;}
.Starters.lesson .title{color: #004dc4}
.Movers.lesson .title{color: #009e33}
.Flyers.lesson .title{color: #5926ad}
.lesson .title h1{font-size:30px;margin-top: 5px; font-weight: bold;}
.Starters.lesson .title h1{color: #004dc4}
.Movers.lesson .title h1{color: #009e33}
.Flyers.lesson .title h1{color: #5926ad}
.lesson .title h2{background-repeat: no-repeat;height: 60px;line-height: 60px;padding-left: 70px;font-size: 22px; font-weight: bold;}
.lesson .title h2.lesson_RW{background-image: url(../lesson/icon_l1_60.png);}
.lesson .title h2.lesson_L{background-image: url(../lesson/icon_l2_60.png);}
.lesson .title h2.lesson_S{background-image: url(../lesson/icon_l3_60.png);}
.lesson .title h2.lesson_KET{background-image: url(../lesson/icon_ket_60.png);}
.lesson_lv{margin: 20px 0;width: 70%;color: #fff;font-weight: bold;}
.lesson_lv li{float: left;width: 14.2857%;height: 80px;text-align: center;line-height: 44px;}
.lesson_lv li:nth-child(1){background:url(../lesson/btn_lesson01.png) no-repeat top;}
.lesson_lv li:nth-child(2){background:url(../lesson/btn_lesson02.png) no-repeat top;}
.lesson_lv li:nth-child(3){background:url(../lesson/btn_lesson03.png) no-repeat top;}
.lesson_lv li:nth-child(4){background:url(../lesson/btn_lesson04.png) no-repeat top;}
.lesson_lv li:nth-child(5){background:url(../lesson/btn_lesson05.png) no-repeat top;}
.lesson_lv li:nth-child(6){background:url(../lesson/btn_lesson06.png) no-repeat top;}
.lesson_lv li:nth-child(7){background:url(../lesson/btn_lesson07.png) no-repeat top;}
.lesson_lv li.on{background-position: 0 -80px;}
.lesson_lv li.ed{background-position: 0 -160px;}

.lesson_container{background: #fff;overflow-y: auto; padding-bottom: 30px;}
.lesson_container::-webkit-scrollbar {width: 12px;background-color: #F5F5F5;}
.lesson_container::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #8fd3f5;}
.lesson_container::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}

/* comic */
.lesson_title{color: #004dc4;font-size: 30px;font-weight: bold;padding:18px 30px 5px;background: #fff;line-height: 60px;}
.Starters .lesson_title{color: #004dc4}
.Movers .lesson_title{color: #009e33}
.Flyers .lesson_title{color: #5926ad}
.Starters .lesson_title a{color: #004dc4}
.Movers .lesson_title a{color: #009e33}
.Flyers .lesson_title a{color: #5926ad}
.comic_cont .desc {width:100%;padding:0 2%;overflow: hidden;}
.comic_cont .desc p{width:92%;color: #58595b;word-wrap:break-word;font-size: 20px;}
.comic_cont .bar{width:88%;line-height:65px;background: #e3f5ff;color: #000;margin:40px auto;text-align: center}
.comic_cont .bar .bar_cont{font-weight: bold;font-size: 30px;line-height:65px;padding-left:25px;color: #004dc4;display: flex;justify-content: center}
.comic_cont .bar .bar_cont span{display: inline-block;margin: 11px 12px 9px 0;}
.Starters .comic_cont .bar .bar_cont{color: #004dc4}
.Movers .comic_cont .bar .bar_cont{color: #009e33}
.Flyers .comic_cont .bar .bar_cont{color: #5926ad}

.comic_box{width: 50%;margin-bottom: 80px;overflow: hidden;}
.comic_box>div{width: 326px;margin: 0 auto}
.comic_box .comic_img{background:#999;width: 290px;height: 290px;margin: 0 auto;}
.comic_box .comic_playList{margin: 20px 0;display: flex;}
.comic_box .comic_playList li{width: 50px;height: 45px;cursor: pointer;margin-right: 20px;}
.comic_box .comic_playList li:first-child{background:url(../lesson/btn_voice1.png) no-repeat;}
.comic_box .comic_playList li:nth-child(2){background:url(../lesson/btn_voice2.png) no-repeat;}
.comic_box .comic_playList li:nth-child(3){background:url(../lesson/btn_voice3.png) no-repeat;}
.comic_box .comic_playList li:nth-child(4){background:url(../lesson/btn_voice4.png) no-repeat;}
.comic_box .comic_playList li:nth-child(5){background:url(../lesson/btn_voice5.png) no-repeat;}
.comic_box .comic_playList li:hover{background-position: bottom;}
.lesson_play_btn{width: 50px;height: 45px;background:url(../lesson/btn_voice50x45.png) no-repeat center top;cursor: pointer;display: inline-block;vertical-align: middle;}
.lesson_play_btn:hover{background-position: bottom;}
.comic_box .comic_play p{color: #58595b;width: 260px;word-wrap:break-word; font-size: 20px;}

.pagelist_btn{background: #0099ff;width: 120px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold; cursor: pointer;;color: #fff;text-align: center;margin: 40px auto; display: inherit;}
.pagelist_btn:hover{background: #8cd6ff;color: #004dc4;}
.pagelist{width: 300px;margin: 0 auto;overflow: hidden;}
.Starters .pagelist_btn{background: #0099ff;}
.Movers .pagelist_btn{background: #33cc66;}
.Flyers .pagelist_btn{background: #8f59c6;}
.Starters .pagelist_btn:hover{background: #8cd6ff;color: #004dc4;}
.Movers .pagelist_btn:hover{background: #85f78f;color: #009e33;}
.Flyers .pagelist_btn:hover{background: #d6bfff;color: #5926ad;}
/* vocabulary */
.vocabulary_cont{background: #fff;}
.vocabulary_cont .imgTitle{width: 500px;height: 375px;background: #999;margin: 0 auto}
.vocabulary_cont .imgTitle img{width: 100%; height: 100%;}
.vocabulary_list{padding:20px 50px;font-size: 22px}
.vocabulary_list li{overflow: hidden;padding: 30px 0;}
.vocabulary_topCont{width: 94%;}
.vocabulary_topCont .title_en{font-size:28px;height: 44px;line-height: 32px;padding:6px 18px;font-weight: bold;}
.vocabulary_topCont .title_cn{min-height: 46px;line-height: 46px;padding:0 14px;font-weight: bold;}
.vocabulary_topCont .desc{font-size:24px;width:100%;padding:16px 14px;word-wrap: break-word;font-weight: bold;}
.vocabulary_list_bottom .desc{font-size:24px;width:94%;min-height: 46px;padding:0 14px;line-height: 46px;background: #c2ebff;word-wrap: break-word;font-weight: bold;color: #58595b}
.Starters .vocabulary_topCont .title_en{color: #004dc4}
.Movers .vocabulary_topCont .title_en{color: #009e33}
.Flyers .vocabulary_topCont .title_en{color: #5926ad}
.Starters .vocabulary_topCont .title_cn{color: #004dc4;background: #c2ebff;}
.Movers .vocabulary_topCont .title_cn{color: #009e33;background: #bfffc9;}
.Flyers .vocabulary_topCont .title_cn{color: #5926ad;background: #f2e8ff;}
.Starters .vocabulary_topCont .desc{color: #0099ff;background: #e3f5ff;}
.Movers .vocabulary_topCont .desc{color: #33cc66;background: #deffde;}
.Flyers .vocabulary_topCont .desc{color: #8f59c6;background: #f5f0ff;}
/* grammar */
.grammar_cont{background: #fff;padding:20px 50px;font-size: 22px;line-height: 2;}
.grammar_contTop .lesson_play_btn{margin-right: 5px;}
.Starters .grammar_cont{color: #004dc4;}
.Movers .grammar_cont{color: #009e33}
.Flyers .grammar_cont{color: #5926ad}
/*.grammar_cont_text b{width: 100%;display:inline-block;color:#fff;}
.Starters .grammar_cont_text b{background: #004dc4;}
.Movers .grammar_cont_text b{background: #009e33}
.Flyers .grammar_cont_text b{background: #5926ad}*/

.red{color: #de3800;}
.img100{width: 100px;height: 100px;display: inline-block}
.img130{width: 130px;height: 130px;display: inline-block}
.img500{width: 500px;height: 375px;margin: 50px auto 0;}
.img130 img{width: 100%; height: 100%;}
.grammar_Ask{margin: 50px 0 0;}
.grammar_Ask_left{width: 80%;}
.grammar_Ask_left li{min-height: 100px;line-height: 100px;padding: 0 22px;border-bottom: 2px solid #ffffff;}
.grammar_Ask_left li p{margin-left: 20px;display: inline-block;color: #58595b; max-width: 765px;}
.grammar_Ask_right{width: 20%;height: 200px;display: flex;justify-content: center;align-items: center;}
.Starters .grammar_Ask_left li{background: #c2ebff;}
.Movers .grammar_Ask_left li{background: #bfffc9;}
.Flyers .grammar_Ask_left li{background: #f2e8ff;}
.Starters .grammar_Ask_right{background: #8cd6ff;}
.Movers .grammar_Ask_right{background: #85f78f;}
.Flyers .grammar_Ask_right{background: #d6bfff;}
.grammar_Ask_left .lesson_play_btn{vertical-align:top;margin-top: 27px;}

.grammar_Tb{width: 100%;margin-top: 10px;}
.grammar_Tb tr:nth-of-type(odd) td{background: #e3f5ff;}
.grammar_Tb tr{display: flex;}
.grammar_Tb th{background: #0099ff;color: #fff;height: 50px; flex: 1;text-align: center;}
.grammar_Tb td{background: #c2ebff;color: #58595b;min-height: 100px;text-align: center;flex: 1;}
.grammar_Tb tr td:first-child{background: #8cd6ff;color: #004dc4;width: 15%;}
.grammar_Tb tr td:nth-child(2){width: 35%;}
.grammar_Tb tr td:nth-child(3){width: 35%;}
.grammar_Tb tr td:nth-child(4){width: 15%;}

.grammar_CP{position: relative;margin-top: 50px}
.Starters .grammar_CP{border: 2px solid #8cd6ff;}
.Movers .grammar_CP{border: 2px solid #85f785;}
.Flyers .grammar_CP{border: 2px solid #d6bfff;}

.grammar_CP > .title{height: 62px;line-height: 62px;padding-left: 24px;font-size: 30px}
.Starters .grammar_CP > .title{background: #e3f5ff;}
.Movers .grammar_CP > .title{background: #deffde;}
.Flyers .grammar_CP > .title{background: #f5f0ff;}
.grammar_CP_title{margin-top:50px;margin-bottom:20px;padding:0 24px;}
.grammar_CP_title  > .lesson_play_btn{width: 8%;}
.grammar_CP_title  > .download{width: 20%;}
.grammar_CP_title  > p{width: 92%;word-wrap: break-word}
.grammar_CP_list_box{display: flex;justify-content: space-around;align-items: center;margin-bottom: 200px;}
.grammar_CP_list{height:84px;line-height: 84px;display: flex;align-items: center;color: #58595b;}
.grammar_CP_listAs{height:84px;line-height: 84px;display: flex;align-items: center;}
.grammar_CP_listAsAt{max-width: 500px;word-wrap: break-word;line-height: 1.2; margin-left: 16px;}
.grammar_CP_listAsAt label{font-weight: normal;margin-bottom:0px;}
.grammar_CP_list .lesson_play_btn{margin: 0 16px}
.grammar_CP_list input{margin-left: 16px}
.grammar_CP_check{background-repeat:no-repeat;width: 285px;height: 140px;position: absolute;left: 80px;bottom: 40px;text-align: right;line-height: 140px; font-size: 40px;}
.grammar_CP_check.wrong{background-image:url(../lesson/icon_false.png);color: #be1e2d; }
.grammar_CP_check.right{background-image:url(../lesson/icon_true.png);color: #8bc53f; }
/* practice */
.p_input{margin-bottom: 30px}
.practice_cont{padding:20px 50px;font-size: 22px;color: #58595b;word-wrap: break-word}
.practice_cont .qdetail{margin-bottom: 40px;}
.practice_cont_title{padding: 20px;margin: 20px 0;font-weight: bold}
.Starters .practice_cont_title{color: #004dc4;background: #e3f5ff;}
.Movers .practice_cont_title{color: #009e33;background: #deffde;}
.Flyers .practice_cont_title{color: #5926ad;background: #f5f0ff;}
.practice_FITB{padding:0 40px;display: flex;justify-content: space-between;font-weight: bold}
.practice_FITB .desc{width:70%;flex:1;font-size: 22px;line-height: 2;margin-right: 16px;}
.practice_FITB input{border:none;border-bottom: 1px solid #58595b;font-size: 20px;/*height: 20px;*/width: 255px;}
.practice_FITB .ipt_pair{border:inset; width: 45px; height: 30px;}
.practice_cont .lesson_play_btn{margin: 0 16px}
/*.practice_RD{}*/
.practice_AS{padding: 0 120px;margin: 20px 0 60px 0 }
.practice_AS li{margin-bottom: 30px}
.practice_AS li span{vertical-align: top;}
.practice_AS li input{vertical-align: top;margin: 10px 5px 0 ;}
.practice_cont .grammar_CP_title > p{width: 82%; flex:1;}
.practice_cont .grammar_CP_title{margin-top: 0;padding: 0 40px;display: flex;}
.practice_cont .grammar_CP_list_box{margin-bottom: 60px;padding-left: 120px;}
.practice_cont .grammar_CP_list_box ul{flex:1;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs26{font-size: 26px;}
.fs34{font-size: 34px;}
.practice_num{margin-right: 5px;width: 60px}

.select_box{margin:30px 0 50px 90px;width: 600px;height: 50px;}
.select_box select{background: rgba(0,0,0,0);width: 600px;height: 50px;line-height: 50px;font-size: 18px;color: #58595b;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#e8e9ea url(../images/ico7.png) no-repeat right center}
.select_box option{color: #58595b;background: #e3f5ff;width: 600px;height: 50px;line-height: 50px;}
.select_box option:hover{background: #e3f5ff;}

/* parcticeAnswer */
.parcticeAnswer_box{margin-bottom: 60px;}
.blue{color: #004dc4}
.parcticeAnswer{padding: 0 30px;font-weight: bold;font-size: 22px;}
.parcticeAnswer_num{color: #ffffff;height: 50px;line-height: 50px;padding-left: 16px;font-size: 26px;}
.Starters .parcticeAnswer_num{background: #0099ff;}
.Movers .parcticeAnswer_num{background: #33cc66;}
.Flyers .parcticeAnswer_num{background: #8f59c6;}
.parcticeAnswer_cont_box{width: 80%;}
.parcticeAnswer_cont{min-height: 100px;line-height: 100px;padding-left: 20px;}
.Starters .parcticeAnswer_cont{background: #c2ebff;color: #58595b}
.Movers .parcticeAnswer_cont{background: #bfffc9;color: #009e33}
.Flyers .parcticeAnswer_cont{background: #f2e8ff;color: #5926ad}
.parcticeAnswer_rightAS{background: #e3f5ff;color: #de3800;}
.parcticeAnswer_rightWrong{width: 20%;height: 200px;display: flex;justify-content: center;align-items: center;}
.Starters .parcticeAnswer_rightWrong{background: #8cd6ff;}
.Movers .parcticeAnswer_rightWrong{background: #85f78f;}
.Flyers .parcticeAnswer_rightWrong{background: #d6bfff;}
.parcticeAnswer_rightWrong .qright{background: url(../lesson/icon_true.png) no-repeat;width: 140px;height: 140px;}
.parcticeAnswer_rightWrong .qwrong{background: url(../lesson/icon_false.png) no-repeat;width: 140px;height: 140px;}

/*MOCK PAPER*/
.p_mock_box1{width: 600px;text-align: center; margin: 0 auto;}
.p_mock_box1 img{display: inline-block;}
/* student page - Progress Report */
.student_page{margin:10px;}
.student_nav li {float: left;width: 20%;height: 70px;background: #e6e7e8;border-right: 1px solid #d0d2d3;font-size: 20px;display: flex;justify-content: center;align-items: center;text-align: center}
.student_nav li a{color: #1b75bb;font-weight: bold;}
.student_nav li:last-child{border:none;}
.student_nav li:hover , .student_nav li.on{background: #00489e;}
.student_nav li:hover a , .student_nav li.on a{color: #fff;}
.on_bar{background: #00489e;height: 10px;}

.ProgressReport_desc{background: #00489e;padding: 20px;color: #fff;}
.ProgressReport_table{width: 100%;border-collapse: collapse; margin:0 auto;}
.ProgressReport_table tr th{color: #fff; text-align: center; background: #26a9e0;height: 70px;line-height: 1.2;border-right:2px solid #d0d2d3;}
.ProgressReport_table tr td{width:10%;background: #c7e8fa;height: 70px;line-height: 70px;border-right:2px solid #d0d2d3;font-size: 30px;text-align: center;color: #004dc4;font-weight: bold;}
.ProgressReport_table tr td:last-child{width: 20%;padding: 5px}
.ProgressReport_table tr th:last-child , .ProgressReport_table tr td:last-child{border: none;}
.ProgressReport_table tr:nth-of-type(even) td{background: #8fd3f5;}
.prizes{background: url(../report/logo40x50.png) no-repeat;width: 40px;height: 50px;display: inline-block;vertical-align: middle}
.feedback{width: 190px; height: 60px;}
.feedback.fb1{background: url(../report/img_feedback1.png) no-repeat;}
.feedback.fb2{background: url(../report/img_feedback2.png) no-repeat;}
.feedback.fb3{background: url(../report/img_feedback3.png) no-repeat;}
.feedback.fb4{background: url(../report/img_feedback4.png) no-repeat;}
.feedback.fb5{background: url(../report/img_feedback5.png) no-repeat;}
.Edit_box .ProgressReport_table{width: 95%}

/* student page - Average by Paper */
.average_table{width: 100%;border-collapse: collapse;text-align: center;font-size: 22px;font-weight: bold}
.average_table tr th{height: 70px;}
.average_table tr td{height: 70px;color: #fff;}
.average_table tr td:first-child{width: 10%;}
.average_table tr:nth-of-type(odd) td{background: #c7e8fa;}
.average_table tr:nth-of-type(even) td{background: #8fd3f5;}
.skyblue th , .skyblue td , .skyblue{background: #26a9e0!important;}
.average_table .title{text-align: center; font-size: 22px;font-weight: bold;color: #fff;text-decoration: underline}

/* student page - Detailedbr Practice Results */
.DPR .date{line-height: 1.2;font-size: 16px;}
.DPR td , .DPR th{width: 12.5%!important} 
.DPR .c_8fd3f5 td{background: #8fd3f5}

/* student page - Online Statistics */
.OS td , .OS th{width: 33.333%!important} 
.OS tr:last-child td{background: #26a9e0;color: #fff;}

/* student's info */
.info_top{background: #00489e;height: 80px; line-height: 40px; padding: 20px;text-align: center;font-weight: bold;}
.info_top .search input{height: 40px;font-weight: bold;}
.info_top .search input.text{width:350px;padding: 0 10px;color: #fff;background: #0b65b2}
.info_top .search input.text::-webkit-input-placeholder { /* WebKit browsers */   color: white;}  
.info_top .search input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: white;  }  
.info_top .search input.text::-moz-placeholder { /* Mozilla Firefox 19+ */  color: white;  }  
.info_top .search input.text:-ms-input-placeholder { /* Internet Explorer 10+ */  color: white;  }  
  
.info_top .search input.submit{width:95px;background: #e6e7e8;margin:0 50px 0 30px;color: #1b75bb;cursor: pointer;}
.info_top .new{display: block;width:180px;height: 40px;background: #e6e7e8;line-height: 40px;color: #1b75bb;cursor: pointer;}
.info_top select{width:100px;height: 40px;color: #58595b;border-radius: 3px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#e8e9ea url(../images/ico10.png) no-repeat right center}
 
.info_table tr th , .info_table tr td{font-size: 18px;line-height: 1;width: 10%!important;}
.info_table tr td{color: #00489e}
.info_table tr td a{text-decoration: underline;color: #1b75bb;}
.info_table .edit_btn{cursor: pointer;}

.New_box , .Edit_box{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);display:flex;justify-content:center;align-items:center;}
.NewPage{width: 800px;margin:0 auto;background: #fff;padding-bottom: 0px}
.NewPage .title{height: 50px;line-height: 50px;background: #8fd3f5;color: #00489e;font-size: 32px;font-weight: bold;padding: 0 22px;margin-bottom: 35px}
.NewPage .title .close{margin-top: 10px;}
.NewPage_table{margin: 40px 40px 0 40px;width: 720px;font-size: 20px;}
.NewPage_table tr th , .NewPage_table tr td{width: 50%!important;font-size: 18px}
.NewPage_table select{width: 100px;height:40px;border-radius: 3px;vertical-align: middle;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#edeeee url(../images/ico10.png) no-repeat right center}
.NewPage_table .input_title{width: 116px;display: inline-block}
.NewPage_table input{height: 40px;border: 3px solid #ffbf00;background: #fff5d1;color: #58595b;padding: 0 10px;}
.NewPage_table .input2w{width: 580px;}
.NewPage_table .input1w{width: 200px;}

.Edit_table tr td{font-size: 18px;height: 40px;line-height: 40px;padding: 0!important;}
.Edit_table tr td:first-child{width: 35%;background: #1b75bb;color: #fff;border: none;text-align: right;}
.Edit_table tr td:last-child{width: 65%; text-align: left;}
.Edit_table tr:last-child td{background: #26a9e0;color: #fff;}
.Edit_table .input3{width: 100%;height: 40px;background: #fff5d1;color: #58595b;padding: 0 10px; }


.myinfo_page{padding:0 30px;}
.myinfo_page .title_desc{color:#58595b;font-size: 20px;}
.myinfo_page .bs{color:#0c56c7;font-weight: bold;}
.myinfo_page table{border-collapse: collapse;width:980px;margin:20px 0 40px;}
.myinfo_page table tr td{background: #8fd3f5;height:40px;line-height: 40px;font-weight: bold;}
.myinfo_page table tr:nth-of-type(even) td{background: #c7e8fa;}
.myinfo_page table tr td:first-child{color: #fff;background: #1b75bb;width:230px;text-align: right;padding:0 15px;}
.pl15{padding-left:15px;}
.myinfo_page table tr td:last-child{color: #0c56c7;}
.myinfo_page table tr td .text{border:none;background: #fff5d1;width:100%;height:40px;padding:0 10px;color: #58595b;}
.myinfo_page table tr td .text:focus{border:2px solid #ffbf00}
.myinfo_page_btn{display:block;width:120px;height:50px;line-height: 50px;text-align: center;font-size:18px;font-weight: bold;background: #00489e;}
.myinfo_page_btn:hover{color: #00489e; background: #8fd3f5;}
.info_top .new{padding:0 10px;width:auto;}
.info_top .radio_box{height:40px;line-height: 40px;font-weight: normal;background: #0b65b2;padding:0 15px;}
.info_top {display: flex;justify-content: space-around; color: #fff;}
.sp_table_box tr th{height:25px;width:30px!important}
.sp_table_box tr td{height:50px;border-top:2px solid #d0d2d3;background: #c7e8fa;width:30px!important;font-weight: normal;}
.sp_table_box tr td:first-child{border:none;border-right:2px solid #d0d2d3}
.sp_table_box tr td:nth-child(2){border:none;border-right:2px solid #d0d2d3}
.sp_table_box tr:first-child th{border-bottom:2px solid #d0d2d3}
.sp_table_box tr td.bg_on{background: #00489e;}