body { background:url(../images/new_main/main_visual.jpg) no-repeat center top;  }

#contents {}
#contents * { box-sizing:border-box;  }
#contents .section { position:relative;  }
#contents .section1 { height:563px; padding-top:25px;  }
#contents .section1 .mainText {float:left; padding-left:20px; line-height:1.6; font-size:17px; font-weight:bold; color:#fff; font-family:'ns';  }
#contents .section1 .mainText strong { color:#c6ffd1;  }
#contents .section1 .mainText .title {font-size:24px; margin-bottom:10px;    }
#contents .section1 .mainText .title strong { color:#fffb83;   }
#contents .section1 .right { float:right; width:300px; }
#contents .section1 .hotAlime {margin-bottom:15px;  width:300px; height:255px; position:relative;  }
#contents .section1 .hotAlime h3 { position:absolute; top:20px; left:20px; z-index:1;  }
#contents .section1 .hotAlime ul {}
#contents .section1 .hotAlime ul li {width:300px; height:255px;}
#contents .section1 .hotAlime ul li img{width:300px; height:255px;}
#contents .section1 .hotAlime .hotAlimeBtn {text-align:center;  position:absolute; width:100px;padding-top:11px;  height:35px; background:rgba(255,255,255,0.5); top:20px; right:20px; z-index:1;border-radius:15px;   }
#contents .section1 .hotAlime .hotAlimeBtn p {display:inline-block;  vertical-align:top; margin:0 8px;  }
#contents .section1 .hotAlime .hotAlimeBtn p.startHot {margin-top:-2px; }

#contents .section1 .bottom { position:absolute; bottom:0px; left:0px; padding-top:25px;  width:100%; height:150px; background:rgba(27,158,147,0.95); border-radius:15px 15px 0 0 ;  }
#contents .section1 .bottom .quickMenu { float:left; height:125px;  width:680px;background:url(../images/new_main/line_main1.png) no-repeat right center;  }
#contents .section1 .bottom .quickMenu ul { padding-left:10px; padding-right:10px; }
#contents .section1 .bottom .quickMenu ul li  { float:left; width:16%; text-align:center;  }
#contents .section1 .bottom .quickMenu ul li.list5  { float:left; width:20%;  }
#contents .section1 .bottom .quickMenu ul li  a {display:block; width:100%; text-align:center;  padding-top:77px; color:#fff; font-size:14px;  }
#contents .section1 .bottom .quickMenu ul li.list1  a {background:url(../images/new_main/main_icon1.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list2  a {background:url(../images/new_main/main_icon2.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list3  a {background:url(../images/new_main/main_icon3.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list4  a {background:url(../images/new_main/main_icon4.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list5  a {background:url(../images/new_main/main_icon5.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list6  a {background:url(../images/new_main/main_icon6.png) no-repeat center top; }
#contents .section1 .bottom .quickMenu ul li.list7  a {background:url(../images/new_main/main_icon7.png) no-repeat center top; }

#contents .noticeWrap { float:left; width:285px; height:125px; position:relative;  margin-left:20px; margin-right:15px;  }
.noticeWrap h3 { float:left; padding-left:20px; padding-right:20px; background:url(../images/new_main/line_main2.png) no-repeat left 5px;  }
.noticeWrap h3 a { float:left;  font-family:'ns';color:#fff ;font-size:22px;}
.noticeWrap h3 a:hover{ text-decoration:none;  color:#fff; font-weight:bold; }
.noticeWrap h3.active a { color:#fff; font-weight:bold; }
.noticeWrap .notice1 h3 { padding-left:0px; background:none;  }
.noticeWrap ul { position:absolute; top: 45px; left:0px;   width:100%; }
.noticeWrap ul li { padding-left:10px;font-size:14px; margin-bottom:10px;  width:100%; background:url(../images/new_main/main_bit.png) no-repeat left 7px;  }
.noticeWrap ul li a {font-size:14px; color:#fff;  }
.noticeWrap ul li a:hover {color:#fff; }
.noticeWrap .more { position:absolute; top:5px; right:0px;  }





#contents .section2 { padding-bottom:20px; }
#contents .section2 .lectureTitle {text-align:center;   height:70px; padding-top:25px;}
#contents .section2 .lectureTitle * { vertical-align:middle;line-height:1;   }
#contents .section2 h3 {text-align:center; display:inline-block; color:#000;margin-right:30px;  font-weight:bold; font-size:24px;  font-family:'ns';  }
#contents .section2 .lectureTitle .more {  display:inline-block;   }

#contents .section2 .lectureWrap { background:#f5eedc; border-radius:15px; letter-spacing:-0.6px;  }

#contents .section2 .lectureWrap .lecture div { display: table-cell;      padding-top:15px;  height:140px;width:200px;    }
#contents .section2 .lectureWrap .lecture div.lectureName { border-radius:15px 0 0 15px; padding-top:40px;   text-align:center; background:#ddd5c2; width:200px; }
#contents .section2 .lectureWrap .lecture div.part { padding-left:32px; color:#000;    background:url(../images/main/line_edu.png) no-repeat left center; }
#contents .section2 .lectureWrap .lecture div.part1 { background:none;  }
#contents .section2 .lectureWrap .lecture div.part p { font-size:16px; font-family:'ns'; }
#contents .section2 .lectureWrap .lecture1 div.part p { margin-bottom:10px;  }
#contents .section2 .lectureWrap .lecture div.part ul li { padding-left:10px; font-size:14px; background:url(../images/main/main_bit1.png) no-repeat left 8px; }
#contents .section2 .lectureWrap .lecture1 div.part { vertical-align:top;  }
#contents .section2 .lectureWrap .lecture h4 {  font-size:22px;  font-weight:bold; font-family:'ns';}
#contents .section2 .lectureWrap .lecture h4 a { color:#6f6756; }
#contents .section2 .lectureWrap .lecture h4 a:hover {text-decoration:none; }

#contents .section2 .lectureWrap .lecture div.part {}

.programList { margin-bottom:40px; }
.programList li { float:left; margin-left:8px; }
.programList li:first-child { margin-left:0px;  }

#contents .section3 { margin-bottom:30px;  }
.schduleWrap { width:660px; float:left; position:relative; background:url(../images/main/line_edu.png) no-repeat right center;  }
.schduleWrap  h3 { font-family:'ns'; font-size:22px; font-weight:bold; margin-bottom:12px;  }
.calenderWrap { float:left; width:250px;margin-right:50px;   }
.calenderWrap .monthChoice { text-align:center; position:relative; width:100%; margin-bottom:5px;  }
.calenderWrap .monthChoice .prev{position:absolute; top:5px; left:10px;  }
.calenderWrap .monthChoice .next {position:absolute; top:5px; right:10px;  }
.calenderWrap .monthChoice strong { font-size:20px; font-weight:bold;  }
.calenderWrap .calender { width:100%; font-size:14px; border-collapse:collapse;border-top:1px solid #cbd4dd; color:#333;   }
.calenderWrap .calender thead th { border-bottom:1px solid #cbd4dd; text-align:center;  padding:3px; }
.calenderWrap .calender tbody td { text-align:center;color:#333; padding:3px 2px;}
.calenderWrap .calender thead th:first-child { color:#c41a49;  }
.calenderWrap .calender thead th:last-child { color:#0e359a;  }
.calenderWrap .calender tbody td:first-child { color:#c41a49;  }
.calenderWrap .calender tbody td:last-child { color:#0176c6;  }
.calenderWrap .calender tbody td a { display:block; text-align:center; width:22px; height:22px;padding-top:1px;  border-radius:11px;  }
.calenderWrap .calender tbody td a:hover { background:#6f6856; color:#fff; text-decoration:none;  }
.calenderWrap .calender tbody td a.active { background:#6f6856; color:#fff; text-decoration:none;  }
.schduleWrap  .schdule { float:left; width:330px;margin-right:25px;   }
.schduleWrap  .schdule .date {margin-bottom:10px;  width:100%;vertical-align:top;  }
.schduleWrap  .schdule .date img { vertical-align:top;   margin-right:5px;  }
.schduleWrap  .schdule .date strong {vertical-align:top;  font-size:20px; font-weight:bold;   }
.schduleWrap  .schdule ul {height:130px; overflow-y:auto;   }
.schduleWrap  .schdule ul li {margin-bottom:5px;   padding-left:10px; background:url(../images/main/main_bit2.png) no-repeat left 8px;  }
.schduleWrap  .schdule ul li a { font-size:14px; color:#555;  }
.schduleWrap  .schdule ul li a:hover { color:#000;   }
.schduleWrap .more { position:absolute; top:10px; right:25px;  }



.section3 .photoGalleryWrap { float:left; position:relative; height:220px; width:340px;padding-left:35px;  }
.section3 .photoGalleryWrap h3 {  font-family:'ns'; font-size:22px; font-weight:bold; margin-bottom:12px;  }
.section3 .photoGalleryWrap .photoView { float:left; width:210px;margin-right:13px;    }
.section3 .photoGalleryWrap .photoView .img {  width:210px; height:140px;   margin-bottom:5px; }
.section3 .photoGalleryWrap .photoView .img img { width:210px; height:140px;   }
.section3 .photoGalleryWrap .photoView .title { font-size:16px; font-weight:bold; margin-bottom:5px; color:#000;  }
.section3 .photoGalleryWrap .photoView .title a { color:#000;  }
.section3 .photoGalleryWrap .photoView .date {font-size:14px; color:#000; }

.section3 .photoGalleryWrap .galleryList { float:left; width:80px;  }
.section3 .photoGalleryWrap .galleryList li { float:left;width:80px; margin-bottom:10px;  }
.section3 .photoGalleryWrap .galleryList li:first-child { display:none;  } 
.section3 .photoGalleryWrap .galleryList li img { width:80px; height:52px; float:left;  }
.section3 .photoGalleryWrap .more { position:absolute; top:0px; right:0px;  }