main.under{background:url(https://www.aphex-group.com/image/teacher_main.jpg);background-size:cover;background-position:center,center}main.course h1{color:#fff}a.enter{display:block;padding:5px 10px;border:#FFF 2px solid;color:#fff;text-align:center;margin:30px auto 0;width:220px;font-weight:700}section{background:#FFF}div.contents{clear:both;max-width:1000px;width:100%;margin:auto;padding:30px 20px 20px;box-sizing:border-box}section.sec1{background:#EEF5FF}section#pro{background:#ebeff8}section.sec1 div{height:auto}section.sec1 div.contents p.des{color:#224eb1}section.sec1 div.contents ul{margin:30px auto 20px}section.sec1 div.contents ul li{width:100%;background:#fff;border-radius:3px;box-sizing:border-box;padding:15px;margin:10px 0 20px}section.sec1 div.contents ul li h3{color:#224EB1;font-weight:700;font-size:150%;margin:10px 0 20px}section.sec1 div.contents ul li div{bottom:0;width:100%;display:flex!important;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.sec1 div.contents ul li div img{width:25%}section.sec1 div.contents ul li div p{width:73%}section.sec1 div.contents ul li dl{background:#F2F7FD;box-sizing:border-box;padding:15px;margin:15px 0 20px;border:3px #dae8f8 solid}section.sec1 div.contents ul li dl dt{font-weight:700;color:#2C4274;margin:10px 0 5px;padding:0 0 0 5px;border-left:solid 3px #2C4274}section.sec1 div.contents ul li dl dd{color:#224eb1}section.sec1 div.contents ul li a{display:block;font-weight:700;width:100%;background:#2c4274;color:#FFF;box-sizing:border-box;padding:20px 30px;text-align:center;border-radius:3px;border-top:solid #5d82d5 1px;border-bottom:solid #193660 2px}section.sec2{background:url(../image/teacher/bg.jpg);background-size:cover;background-position:center,-200px}section.sec2 ul{width:60%}section.sec2 ul li{background:rgba(255,255,255,.8);margin:20px 0 20px;padding:15px;-webkit-box-shadow:0 6px 13px -9px rgba(0,0,0,.75);-moz-box-shadow:0 6px 13px -9px rgba(0,0,0,.75);box-shadow:0 6px 13px -9px rgba(0,0,0,.75)}section.sec2 ul li dt{color:#224EB1;font-weight:700;font-size:150%;margin:10px 0 20px}section.teacher{background:#eff3ff}section.teacher div.contents p{color:#224eb1;margin:0 0 20px}section.teacher div.contents ul{bottom:0;width:100%;display:flex!important;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.teacher div.contents h3{color:#224EB1;width:100%;font-weight:700;text-align:center;font-size:150%;margin:30px auto 50px}section.teacher div.nakami{background:#fff;padding:15px;margin:-35px auto 15px}section.teacher div.contents ul li{position:relative;background:#fff;width:23%;margin:15px 0 15px;box-sizing:border-box;padding:0 0 25px}section.teacher div.contents ul li img{max-height:220px;object-fit:cover;width:100%;display:block}section.teacher div.contents ul li h4{color:#224eb1;margin:10px 0 0;padding:0 10px 0;font-weight:700}section.teacher div.contents ul li div dt{display:block;color:#224eb1;text-align:left;font-weight:700;background:#fff;border-bottom:#224eb1 1px solid;margin:10px auto 0;padding:0 5px 0;font-size:85%;width:90%}section.teacher div.contents ul li dd{display:block;margin:5px 0 0;padding:0 10px 0;font-size:85%}section.teacher div.contents ul li a.enter{display:block;background:#08215a;color:#fff;width:80%;margin:15px auto 0;text-align:center;font-weight:700;position:absolute;left:0;right:0;bottom:10px}section.teacher div.contents ul li dl dt{cursor:pointer;color:#fff;width:90%;text-align:center;font-weight:700;background:#08215a;margin:15px auto 0;padding:3px 10px 3px;box-sizing:border-box;font-size:85%;position:relative}section.teacher div.contents ul li dl dt:hover{background:#374c7e}section.teacher div.contents ul.pager{max-width:700px;width:100%;margin:auto}section.teacher div.contents ul.pager li{display:inline-block;width:5.5%;background:none}section.teacher div.contents ul.pager a{display:block;width:100%;text-align:center;background:#fff;box-sizing:border-box;padding:10px 0 10px;font-weight:700;color:#666}section.teacher div.contents ul.pager a.thispage{background:#7b85b9;color:#FFF}section.teacher div.contents ul.pager a:hover{background:#EEE}@media screen and (max-width:800px){body{font-size:90%}main{width:100%;height:125vw;background-position:80% -45px}#nav-drawer{position:relative;float:right;cursor:pointer;margin:0 0 0 0}section.sec1 div dl{width:78%;box-sizing:border-box;padding:5px 15px 5px}section.sec1 div li{display:block;padding:15px 0 0}section.sec1 div.contents ul li div img{width:100%;display:block;margin:20px auto 10px;object-fit:cover}section.sec1 div.contents ul li div p{width:100%}section.sec1 div dl{width:100%}section.sec1 div dd a.textLink{width:94%;margin:50px auto 20px}section.sec2{background:url(../image/teacher/bg.jpg);background-size:cover;background-position:center,200px}section.sec2 ul{width:96%;margin:auto}section.teacher div.contents ul li{bottom:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:10px}section.teacher div.contents ul li img{max-height:220px;object-fit:cover;width:50%;display:block}section.teacher div.contents ul li div{width:49%}section.teacher div.contents ul li div h4{color:#224eb1;margin:0 0;padding:0 5px 0;font-weight:700}section.teacher div.contents ul li dt{display:block;color:#224eb1;text-align:center;font-weight:700;background:#fff;border-bottom:#224eb1 1px solid;margin:10px auto 0;padding:0 5px 0;font-size:85%}section.teacher div.contents ul li dd{display:block;margin:5px 0 0;font-size:85%;line-height:16px}section.teacher div.contents ul li dl{width:100%}section.teacher div.contents ul li dl dt{display:block;color:#fff;width:96%;background:#08215a}ul.pager a{display:inline-block;padding:5px;background:#FFF;color:#08215A}ul.pager span{display:none}ul.pager span.thispage{display:inline-block;padding:5px;background:#224EB1;color:#fff}