@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */

/* =============================
 .section1
==============================*/
.schedule {width :320px; background:url(../img/class/c_bg.jpg) no-repeat top left; height:510px; margin-right:20px; }
.schedule .pd_wrap {padding:20px 10px 0;}
.schedule .pd_wrap ul li {list-style: disc; list-style-position: inside; text-indent:-1em; margin-left: 1.5em;font-size:90%;}
.cal_img {margin-bottom:5px;}
.cal_img a.group1{display: block;
height: 370px;
background: #fff;}
.cal_img a.group1 img{height: 100%;
margin: 0 auto;
display: block;}
.txt_c {text-align:center;}


/* =============================
.section1
==============================*/
.schedule2 {width :660px; background:url(../img/class/el_bg.png) no-repeat top left; height:510px; margin-right:20px; }
.schedule2 .pd_wrap {padding:20px 10px 0;}



.cont{background-position:top left; background-repeat: no-repeat; padding:40px 20px;}

/* ======
begi
=====================*/
.begi {width: 950px; background:url(../img/class/bc_bg.png) no-repeat top left; padding:40px 25px; margin-left:auto; margin-right:auto; min-height:765px;}
.ctxt {text-align:center;}
.pre  {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between;}
.pre .pre_wrap { width: 465px;}
.pre .pre_wrap .pre_list{margin-bottom:10px;}
.pre .pre_wrap .pre_list dt {font-weight:bold; color:#f30;}
.pre .pre_wrap .pre_list dd{padding-left:1em;}
.orange {color:#f30;}

/* ======
price
=====================*/
.price {width: 950px; background:url(../img/class/price_bg.png) no-repeat top left; padding:40px 25px; margin-left:auto; margin-right:auto; min-height:1500px;}
.price .class_list_top {background:url(../img/class/class_list_top_bg.png) no-repeat top left; height:30px; padding: 40px 0;}
.price .head {display:block; text-align:center;}
.price .pricelist {width:464px;}
.price .pricelist .pr {padding:2px 10px; margin-bottom:2px;}
.price .pricelist .pr:nth-child(odd){ background-color:#fff;}
.price .pricelist .pr dt {float: left;}
.price .pricelist .pr dd {float: right;}
.txt_s {font-size:89%;}


/* =============================
 .section2
==============================*/
.free {width:660px;}
.free .free_wrap {padding: 38px 20px 20px; background: url(../img/index/el_bg.png) no-repeat top left; height:380px;}
.free .free_wrap .fl {width:285px; padding: 20px 0;}
.free .free_wrap .first {padding-right:20px; margin-right:20px; border-right: solid 1px #999966;}
.free .free_wrap dl dt {margin-bottom: 15px;}

.free2 {width:320px;}
.free2 .free_wrap {padding: 20px; background: url(../img/class/c_bg.png) no-repeat top left; height:413px;}
.free2 .free_wrap .fl {width:285px; padding: 20px 0;}
.free2 .free_wrap dl dt {margin-bottom: 15px;}
.free_contact2 {position:relative;}
.free_contact2 .free_btn2 {position:absolute; display:block; top:23px; left:180px;}



/* =============================
.class_list
==============================*/
.class_list .head {display: block;text-align: center;}
.class_list {width: 1000px;background: url(../img/class/class_list_btm_bg.png) repeat-y bottom left;margin-left: auto;margin-right: auto;height: 2330px;}
.class_list .class { padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #ccc;}
.class_list .class:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.class_list .class_list_top {background:url(../img/class/class_list_top_bg.png) no-repeat top left; height:30px; padding: 40px 0;}
.class_list .class{width:960px;margin-left: auto;margin-right: auto;}
.class_list .class .txt_area {width:640px;}

.c_both {	clear:both;}

.beans_junior {width:460px;}


/* ======
teacher
=====================*/

.teacher_re {background: url(../img/class/teacher_bg_re.png) repeat-y top left; padding: 0;    border-radius: 20px;}
.teacher_re .teacher_top {background: url(../img/class/_teacher_bg.png) no-repeat top left;padding: 40px 0 0;}
.teacher_re .teacher_btm {background: url(../img/class/teacher_bg_btm.png) no-repeat bottom left; padding: 0 20px 40px;}
.teacher .teacher_cont {margin-bottom: 40px;}
.teacher .bon {margin-right:50px;}
.teacher .des {width:440px;}
.teacher .des ul {display:table;}
.teacher .des ul li {display:table-cell;}
.teacher .des ul li:first-child {padding-right:10px;}

.teacher .archa_mdl {background: url(../img/class/archa_mdl.jpg) repeat-y top right; width:453px;}
.teacher .archa_top {background: url(../img/class/archa_top.png) no-repeat top left; height:300px;}
.teacher .archa_btm {background: url(../img/class/archa_btm.jpg) no-repeat bottom right; height:30px; width:453px}

.teacher .archa_txt {padding:70px 30px 0 40px;}