@media (min-width: 992px) {

  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main { position:relative;  background:#fff; }
.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:506px; background-repeat: no-repeat; background-position:center top;   }

.main-section01 {width:100%; height:506px; position:relative;  }
.main-section01 .container {   padding-top:160px;}
.main-section01 .main-text { color:#fff;  text-align:center; text-shadow: 0px 3px 8px rgba(0,0,0,0.4); }
.main-section01 .main-text .title { font-size:67px;   margin-bottom:20px;  }
.main-section01 .main-text .text { font-size:38px;  font-weight:200; }
.main-section01 .menu-link { text-align:center; position:absolute; bottom:90px; left:0px; width:100%;  }
.main-section01 .menu-link ul li  {display:inline-block;  padding:0 50px;   }
.main-section01 .menu-link ul li a { display:block;  font-weight:100;   color:#fff; font-size:18px; }
.main-section01 .menu-link ul li img { display:block; margin:0 auto 10px; height:60px;  }

.main-section02 { padding:60px 0 ;  }
.main-section02 .notice { float:left; width:calc(50% - 25px); margin-right:50px;  position:relative;  }
.main-section02 .notice h3 { font-size:24px; color:#333;   margin-bottom:20px;  }
.main-section02 .notice .first { border-top:1px solid #E7E7E7; padding:15px 0;  }
.main-section02 .notice .first a { display:block; width:100%;  }
.main-section02 .notice .first a span { display:block;  }
.main-section02 .notice .first a .date-wrap{ float:left; width:77px; text-align:center; font-weight:bold; line-height:1.2; }
.main-section02 .notice .first a .date-wrap .day { color:#D54C5A; font-size:40px; }
.main-section02 .notice .first a .date-wrap .date { color:#605A5A; font-size:13px; }
.main-section02 .notice .first a .text-wrap  { margin-left:77px;  }
.main-section02 .notice .first a .text-wrap .title {color:#333; font-size:20px; margin-bottom:3px;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section02 .notice .first a .text-wrap .text {color:#666; font-size:14px;  }
.main-section02 .notice ul {}
.main-section02 .notice ul li { float:left; width:100%;  padding:13px 0 13px 20px; border-top:1px solid #e7e7e7; position:relative;  }
.main-section02 .notice ul li:first-child { display:none; }
.main-section02 .notice ul li:before {content:''; position:absolute; display:inline-block; width:10px; height:3px; background:#BFB9B9; top:50%; left:5px; margin-top:-1px; }
.main-section02 .notice ul li a {font-size:17px; float:left; color:#000; float:left; width:75%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;}
.main-section02 .notice ul li span {float:right; color:#858585; font-size:16px;   font-weight:200; }
.main-section02 .notice .more { position:absolute; top:5px; right:0px;  }
.main-section02 .notice .more a img { width:25px;   }

.main-section02  .hot-alime { float:left;  overflow:hidden; background:#fff;  width:calc(50% - 25px) ; height:350px; position:relative;    }
.main-section02  .hot-alime h3 { font-size:24px; color:#333;   margin-bottom:20px;  }
.main-section02  .hot-alime ul li img { width:100%;}
.main-section02  .hot-alime .bx-controls  {  position:absolute; top:5px; right:0px;font-size:0px;   }
.main-section02  .hot-alime .bx-controls div  {display:inline-block; }
.main-section02  .hot-alime .bx-controls div.bx-pager-item  {width:20px; height:30px;  }
.main-section02  .hot-alime .bx-controls * { vertical-align:middle;  }
.main-section02  .hot-alime .bx-controls   a  {  display:inline-block;  margin:0 4px;   }
.main-section02  .hot-alime .bx-pager .bx-pager-item a  { width:8px;  height:8px;margin-top:10px;  text-indent:-99999px; border-radius:100%; background:#BFB9B9; }
.main-section02  .hot-alime .bx-pager .bx-pager-item a.active { text-indent:0; background:none; margin-top:3px; color:#D54C5A; font-size:15px;   font-weight:bold;  } 
.main-section02  .hot-alime .bx-controls .bx-controls-auto a {    }
.main-section02  .hot-alime .bx-controls .bx-stop { }
.main-section02  .hot-alime .bx-controls .bx-start {  }
.main-section02  .hot-alime .bx-controls img { width:30px; height:30px;  }



.main-section03 { background:url(../images/main/img_mid.jpg) no-repeat center center; height:290px;   padding:35px 0 ;    }
.main-section03 .link-wrap { background:#fff; border-radius:10px; padding:30px 0 ;  }
.main-section03 .link-wrap .link-list {float:left; padding: 0 48px; width:50%;  }
.main-section03 .link-wrap .link-list01 { border-right:1px solid #e7e7e7;  }
.main-section03 .link-wrap .link-list h3 {font-size:24px; color:#333; font-weight:bold; float:left;  width:207px;  }
.main-section03 .link-wrap .link-list ul {float:left; width:calc(100% - 207px);  }
.main-section03 .link-wrap .link-list ul li a {display:block; width:100%;font-size:17px; color:#333; border-bottom:1px solid #e7e7e7; padding:11px 0 ; background:url(../images/main/ic_arrow.svg) no-repeat right center ; background-size:30px 30px;   }
.main-section03 .link-wrap .link-list ul li a img { width:32px;  height:32px; }
.main-section03 .link-wrap .link-list ul li a:hover { font-weight:bold; background:url(../images/main/ic_arrow_over.svg) no-repeat right center ; background-size:30px 30px; }
.main-section03 .link-wrap .link-list ul li:first-child a  {padding-top:0px;  }
.main-section03 .link-wrap .link-list ul li a img { display:inline-block; margin-right:20px; width:32px;  }

.main-section04 { padding:60px 0 ;  }
.main-section04 .quick-menu { float:left; width:75%; padding-right:35px;  border-right:1px solid #efefef; height:210px;  }
.main-section04 .quick-menu h3  {font-size:24px; color:#333;   margin-bottom:20px;  }
.main-section04 .quick-menu ul { margin:0 -15px; }
.main-section04 .quick-menu ul li { float:left; padding:0 15px;  width:16.666%; text-align:center;  }
.main-section04 .quick-menu ul li a { display:block; width:100%;  color:#333; }
.main-section04 .quick-menu ul li a span{ display:block;  }
.main-section04 .quick-menu ul li a span.img {width:120px; height:120px; text-align:center; padding-top:26px;   border-radius:100%; background:#D54C5A;  margin-bottom:15px;   }
.main-section04 .quick-menu ul li a:hover span.img { background:#333;   }
.main-section04 .quick-menu ul li a span.img img { width:64px; height:64px;  }
.main-section04 .quick-menu ul li a span.text { color:#333; font-size:17px;  }
.main-section04 .quick-menu ul li a:hover span.text { font-weight:bold;   }
.main-section04 .info-wrap { float:left; width:25%;   padding-left:35px;  }
.main-section04 .info-wrap h3 {font-size:24px; color:#333;   margin-bottom:18px;  }
.main-section04 .info-wrap .text {font-size:20px; color:#333;   margin-bottom:18px;  }
.main-section04 .info-wrap ul {}
.main-section04 .info-wrap ul li {font-size:17px; color:#333; margin-bottom:8px; }
.main-section04 .info-wrap ul li strong{font-weight:bold; color:#D54C5A; }



}


@media (min-width: 1340px) {
	.main-wrap { padding:0 70px;  }
}

@media (min-width: 1020px) and (max-width: 1339px)  {
		.main-wrap { padding:0 15px;  }
}



@media (min-width: 992px) and (max-width: 1199px) {

.main-section01 .main-text .title { font-size:60px;    }
.main-section01 .main-text .text { font-size:30px;   }
.main-section02 .notice {  width:calc(50% - 15px); margin-right:30px;   }
.main-section02 .notice ul li { padding:9px 0 9px 20px; }
.main-section02 .notice ul li a {font-size:15px; ;}
.main-section02 .notice ul li span { font-size:14px;   }
.main-section02  .hot-alime { width:calc(50% - 15px) ;}
.main-section03 .link-wrap .link-list h3 {  width:150px;  }
.main-section03 .link-wrap .link-list ul {float:left; width:calc(100% - 150px);  }

.main-section04 .quick-menu ul li a span.img {width:100px; height:100px; padding-top:20px;    }
.main-section04 .quick-menu ul li a span.img img { width:55px; height:55px;  }
.main-section04 .quick-menu ul li a span.text  {font-size:15px;  }

.main-section04 .info-wrap {   padding-left:15px;  }
.main-section04 .info-wrap .text {font-size:17px;   }
.main-section04 .info-wrap ul li {font-size:15px; }

}



@media (max-width: 991px) {
.main { position:relative;  background:#fff;  }
.main .main-bg  { position:absolute; top:0px; left:0px;  width:100%; height:204px;  background-repeat: no-repeat;background-size:cover;  background-position:center top;   }

.main-section01 { position:relative; width:100%; padding:50px 15px 0px ;     height:204px;  }
.main-section01 .main-text { color:#fff;   margin-bottom:20px; text-align:center;   }
.main-section01 .main-text .title { font-size:28px;  margin-bottom:15px;  }
.main-section01 .main-text .text { font-size:16px; font-weight:normal; line-height:1.5; letter-spacing:0px; }

.main-section02 { padding:40px 15px ;  }
.main-section02 .notice {   position:relative; margin-bottom:30px;   }
.main-section02 .notice h3 { font-size:17px; color:#333;   margin-bottom:15px;  }
.main-section02 .notice .first { border-top:1px solid #E7E7E7; padding:15px 0;  }
.main-section02 .notice .first a { display:block; width:100%;  }
.main-section02 .notice .first a span { display:block;  }
.main-section02 .notice .first a .date-wrap{ float:left; width:55px;  padding-top:10px; text-align:center; font-weight:bold; line-height:1.2; }
.main-section02 .notice .first a .date-wrap .day { color:#D54C5A; font-size:30px; }
.main-section02 .notice .first a .date-wrap .date { color:#605A5A; font-size:12px; }
.main-section02 .notice .first a .text-wrap  { margin-left:55px;  }
.main-section02 .notice .first a .text-wrap .title {color:#333; font-size:16px; margin-bottom:3px;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section02 .notice .first a .text-wrap .text {color:#666; font-size:13px;  }
.main-section02 .notice ul {}
.main-section02 .notice ul li { float:left; width:100%;  padding:10px 0 10px 20px; border-top:1px solid #e7e7e7; position:relative;  }
.main-section02 .notice ul li:first-child { display:none; }
.main-section02 .notice ul li:before {content:''; position:absolute; display:inline-block; width:10px; height:3px; background:#BFB9B9; top:50%; left:5px; margin-top:-1px; }
.main-section02 .notice ul li a {font-size:14px; float:left; color:#000; float:left; width:75%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;}
.main-section02 .notice ul li span {float:right; color:#858585; font-size:13px;   font-weight:200; }
.main-section02 .notice .more { position:absolute; top:0px; right:0px;  }
.main-section02 .notice .more a img { width:22px;   }

.main-section02  .hot-alime {   position:relative;    }
.main-section02  .hot-alime h3 {  font-size:17px; color:#333;   margin-bottom:15px;  }
.main-section02  .hot-alime ul li img { width:100%;}
.main-section02  .hot-alime .bx-controls  {  position:absolute; top:-3px; right:0px;font-size:0px;   }
.main-section02  .hot-alime .bx-controls div  {display:inline-block; }
.main-section02  .hot-alime .bx-controls div.bx-pager-item  {width:15px; height:30px;  }
.main-section02  .hot-alime .bx-controls * { vertical-align:middle;  }
.main-section02  .hot-alime .bx-controls   a  {  display:inline-block;  margin:0 4px;   }
.main-section02  .hot-alime .bx-pager .bx-pager-item a  { width:6px;  height:6px;margin-top:12px;  text-indent:-99999px; border-radius:100%; background:#BFB9B9; }
.main-section02  .hot-alime .bx-pager .bx-pager-item a.active { text-indent:0; background:none; margin-top:7px; color:#D54C5A; font-size:11px;   font-weight:bold;  } 
.main-section02  .hot-alime .bx-controls .bx-controls-auto a {    }
.main-section02  .hot-alime .bx-controls .bx-stop { }
.main-section02  .hot-alime .bx-controls .bx-start {  }
.main-section02  .hot-alime .bx-controls img { width:22px; height:22px;  }


.main-section03 { background:#f5f5f5;  padding:25px 15px ;    }
.main-section03 .link-wrap { background:#fff; border-radius:10px; padding:20px ;  }
.main-section03 .link-wrap .link-list {padding: 15px 0 ;  }
.main-section03 .link-wrap .link-list01 {  }
.main-section03 .link-wrap .link-list h3 { font-size:17px; color:#333;   margin-bottom:15px;  }
.main-section03 .link-wrap .link-list ul {  }
.main-section03 .link-wrap .link-list ul li a {display:block; width:100%; font-size:14px; color:#333; border-bottom:1px solid #e7e7e7; padding:11px 0 ; background:url(../images/main/ic_arrow.svg) no-repeat right center ; background-size:26px 26px;   }
.main-section03 .link-wrap .link-list ul li a img { width:28px;  height:28px; }
.main-section03 .link-wrap .link-list ul li a:hover { font-weight:bold; background:url(../images/main/ic_arrow_over.svg) no-repeat right center ; background-size:30px 30px; }
.main-section03 .link-wrap .link-list ul li:first-child a  {padding-top:0px;  }
.main-section03 .link-wrap .link-list ul li a img { display:inline-block; margin-right:20px; width:32px;  }


.main-section04 { padding:40px 15px ;  }
.main-section04 .quick-menu { margin-bottom:30px; }
.main-section04 .quick-menu h3  {  font-size:17px; color:#333;   margin-bottom:15px;  }
.main-section04 .quick-menu ul { margin:0 -8px; }
.main-section04 .quick-menu ul li { float:left; padding:0 8px;  width:33.333%; text-align:center;  margin-bottom:20px;  }
.main-section04 .quick-menu ul li a { display:block; width:100%;  color:#333; }
.main-section04 .quick-menu ul li a span{ display:block;  }
.main-section04 .quick-menu ul li a span.img {width:100px; margin:0 auto 10px; height:100px; text-align:center; padding-top:20px;   border-radius:100%; background:#D54C5A;   }
.main-section04 .quick-menu ul li a:hover span.img { background:#333;   }
.main-section04 .quick-menu ul li a span.img img { width:64px; height:64px;  }
.main-section04 .quick-menu ul li a span.text { color:#333; font-size:14px;  }
.main-section04 .quick-menu ul li a:hover span.text { font-weight:bold;   }
.main-section04 .info-wrap { }
.main-section04 .info-wrap h3 { font-size:17px; color:#333;   margin-bottom:15px;  }
.main-section04 .info-wrap .text {font-size:16px; color:#333;   margin-bottom:15px;  }
.main-section04 .info-wrap ul {}
.main-section04 .info-wrap ul:after { content:''; display:table; clear:both;  }
.main-section04 .info-wrap ul li {font-size:14px;  float:left; width:50%; color:#333; margin-bottom:8px; }
.main-section04 .info-wrap ul li strong{font-weight:bold; color:#D54C5A; }





}