@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}


.main { position:relative; }
.main-bg { position:absolute; top:-92px; left:0px; width:100%; height:674px; background:url(../images/main/main_bg.jpg) no-repeat center center; z-index:-1;  }
.main .row {    display:block;   }
.main-section01 {  height:582px; padding-top:66px; }
.main-section01 .main-form { margin-bottom:35px; width:100%;   }
.main-section01 .main-form form {  width:473px; margin:0 auto;  }
.main-section01 .main-form form:after { clear:both; display:table; content:'';  }
.main-section01 .main-form form input[type="text"] {float:left; width:421px; background:#fff; border-radius:5px 0 0 5px ; height:52px; border:0px;  padding:0 10px; font-size:18px; color:#666666; }
.main-section01 .main-form form input[type="text"]::placeholder {font-size:18px; color:#666666; }
.main-section01 .main-form form button {float:left; width:52px;height:52px; background:#3E5EAD; border:0px;border-radius:0 5px 5px 0;  }
.main-section01 .main-form form button img {width:23px;  }
.main-section01 .main-text  { margin-bottom:30px;   }
.main-section01 .main-text p { text-align:center; font-weight:bold; font-size:20px; color:#fff;    }
.main-section01 .main-text strong {font-size:35px; font-weight:bold; display:block; margin:0 auto 20px;  }
.main-section01 .baro-link {  }
.main-section01 .baro-link ul { margin:0 -9px;  }
.main-section01 .baro-link ul:after { clear:both; display:table; content:''; }
.main-section01 .baro-link ul li  {float:left; width:16.666%; padding:0 9px; text-align:center;  }
.main-section01 .baro-link ul li  a {display:block; width:100%; height:245px; border-radius:5px; background:#fff; padding:20px 25px;  }
.main-section01 .baro-link ul li  a:hover { background:#CCFFFF; text-decoration:none;  }
.main-section01 .baro-link ul li  span {display:block;  }
.main-section01 .baro-link ul li  .img { margin-bottom:15px;    }
.main-section01 .baro-link ul li  .img img { width:107px;    }
.main-section01 .baro-link ul li  .text {font-size:24px; color:#333; font-weight:bold;margin-bottom:15px;  }
.main-section01 .baro-link ul li  .reserv {width:100%; height:34px; border-radius:17px; background:#3E5EAD; color:#fff; font-size:18px; padding-top:5px; font-weight:200;  }

.main-section02 { padding:80px 0;   }
.main-section02 .notice { margin-bottom:50px;  position:relative;  min-height:200px;  }
.main-section02 .notice:after { clear:both; display:table; content:'';  }
.main-section02 .notice h3 { float:left; width:345px; font-size:40px; color:#333; letter-spacing:-0.5px; }
.main-section02 .notice h3 span {display:block; font-size:18px; color:#3E5EAD; font-weight:bold;  letter-spacing:0px; }
.main-section02 .notice h3 strong { color:#3E5EAD; font-weight:bold; }
.main-section02 .notice .notice-list { float:left; width:calc(100% - 345px);  }
.main-section02 .notice .first-notice { position:relative; padding-left: 35px; margin-bottom:30px; }
.main-section02 .notice .first-notice a { display:block; }
.main-section02 .notice .first-notice a:after { clear:both; display:table; content:'';  }
.main-section02 .notice .first-notice .title {float:left; width:80%; font-size:24px; color:#333; font-weight:bold; margin-bottom:10px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice .first-notice .text { width:100%; font-size:16px; color:#666; }
.main-section02 .notice .first-notice .date {font-size:16px; color:#666; position:absolute; top:0px; right:0px; }
.main-section02 .notice span.new {display:inline-block; width:26.5px;height:26.5px;  border-radius:100%; background:#3E5EAD; color:#fff; font-size:11.8px; color:#fff; text-align:center; padding-top:5px; font-weight:normal; position:absolute; top:2px; left:0px;    }
.main-section02 .notice span.cate { display:inline-block; font-weight:normal; font-size:20px; }
.main-section02 .notice ul {  width:100%;  }
.main-section02 .notice ul:after { clear:both; display:table; content:'';  }
.main-section02 .notice ul li { float:left; width:100%; position:relative; margin-bottom:10px;  padding-left: 35px}
.main-section02 .notice ul li a { float:left; width:80%; font-size:24px; color:#333; font-weight:bold; margin-bottom:10px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice ul li span.date {font-size:16px; color:#666; float:right;  }
.main-section02 .notice .more { position:absolute; bottom:25px; left:0px;  }
.main-section02 .notice .more * {   }
.main-section02 .notice .more a {display:inline-block;  height:40px; background:#333; border-radius:20px; color:#fff; padding:8px 15px 0 ;  font-size:16px; letter-spacing:-1.5px;  }
.main-section02 .notice .more a:after { clear:both; display:table; content:'';  }
.main-section02 .notice .more a  img {width:7.6px;  display:block; margin-left:8px; margin-top:5px;   float:right; }
.main-section02 .hot-alime { position:relative;  margin-bottom:75px;   background-image:url(../images/main/hot_bg.svg); background-position:-5px -5px; background-repeat:no-repeat; background-size:36px 36px;  background-color:#f1f4f9; padding:30px;  }
.main-section02 .hot-alime h3 { padding-top:5px; margin-bottom:20px; font-size:24px; color:#333; font-weight:bold;  }
.main-section02 .hot-alime h3 strong { color:#3E5EAD; font-weight:bold; }
.main-section02 .hot-alime .hot-btn { position:absolute; top:30px; right:30px;  }
.main-section02 .hot-alime .hot-btn div { float:left;  }
.main-section02 .hot-alime .hot-btn div.btn-pager  { display:block; float:left; margin-left:15px;  font-size:20px;   margin-top:-5px;  }
.main-section02 .hot-alime .hot-btn div.btn-pager  strong { color:#3E5EAD; font-weight:bold;   }
.main-section02 .hot-alime .hot-btn div.btn-play a { width:26px;height:26px; border-radius:100%; border:1px solid #333; text-align:center; padding-top:2px; margin-top:-3px;  padding-left:2px;  }
.main-section02 .hot-alime .hot-btn div.btn-play a img  {height:12px; }
.main-section02 .hot-alime .hot-btn div a { display:block; float:left; margin-left:15px;   }
.main-section02 .hot-alime .hot-btn div a img { height:15px; }

.main-section02 .link-service {  }
.main-section02 .link-service ul { margin:0 -30px;    }
.main-section02 .link-service ul li  { float:left; width:16.666%; padding:0 30px; text-align:center; }
.main-section02 .link-service ul li a  {display:block; width:100%; font-size:18px; color:#333; }
.main-section02 .link-service ul li a span.img { display:block; width:114px; height:114px; margin:0 auto 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border:1px solid #F1F4F9; border-radius:100%; padding-top:25px;  }
.main-section02 .link-service ul li a:hover span.img { background:#CCFFFF;  text-decoration:none;  }
.main-section02 .link-service ul li a span.img  img { height:65px;   }


}

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

	.main-section02 .notice h3 {  width:300px;}
	.main-section02 .notice .notice-list { float:left; width:calc(100% - 300px);  }


}



@media (max-width: 991px) {


	.main { position:relative; }
	.main-bg { position:absolute; top:0px; left:0px; width:100%; height:272px; background:url(../images/main/main_bg.jpg) no-repeat center center; z-index:-1; background-size:cover;   }
	.main .row {    display:block;   }
	.main-section01 { padding-left:15px; padding-right:15px;   padding-bottom:40px; }
	.main-section01 .top  {height:272px;  padding-top:59px;}
	.main-section01 .main-form { margin-bottom:25px; width:100%;   }
	.main-section01 .main-form form {  width:307px; margin:0 auto;  }
	.main-section01 .main-form form:after { clear:both; display:table; content:'';  }
	.main-section01 .main-form form input[type="text"] {float:left; width:calc(100% - 43px); background:#fff; border-radius:5px 0 0 5px ; height:43px; border:0px;  padding:0 10px; font-size:16px; color:#666666; }
	.main-section01 .main-form form input[type="text"]::placeholder {font-size:16px; color:#666666; }
	.main-section01 .main-form form button {float:left; width:43px;height:43px; background:#3E5EAD; border:0px;border-radius:0 5px 5px 0;  }
	.main-section01 .main-form form button img {width:18px;  }
	.main-section01 .main-text  { margin-bottom:30px;   }
	.main-section01 .main-text p { text-align:center; font-weight:bold; font-size:18px; color:#fff;    }
	.main-section01 .main-text strong {font-size:26px; font-weight:bold; display:block; margin:0 auto 15px;  }
	.main-section01 .baro-link {padding-top:12px;   }
	.main-section01 .baro-link ul { margin:0 -3.5px;  }
	.main-section01 .baro-link ul:after { clear:both; display:table; content:''; }
	.main-section01 .baro-link ul li  {float:left; width:33.333%; padding:3.5px; text-align:center;  }
	.main-section01 .baro-link ul li  a {display:block; width:100%; min-height:176px; border-radius:5px; background:#F2F2F2; padding:13px;  }
	.main-section01 .baro-link ul li  a:hover { background:#CCFFFF; text-decoration:none;  }
	.main-section01 .baro-link ul li  span {display:block;  }
	.main-section01 .baro-link ul li  .img { margin-bottom:10px;    }
	.main-section01 .baro-link ul li  .img img { width:84px;    }
	.main-section01 .baro-link ul li  .text {font-size:20px; color:#333; font-weight:bold;margin-bottom:10px;  }
	.main-section01 .baro-link ul li  .reserv {width:100%; height:27px; border-radius:17px; background:#3E5EAD; color:#fff; font-size:14px; padding-top:6px; font-weight:200; line-height: 1; }


	.main-section02 {  }
	.main-section02 .notice { margin-bottom:50px; padding-left:15px; padding-right:15px;  position:relative;   }
	.main-section02 .notice:after { clear:both; display:table; content:'';  }
	.main-section02 .notice h3 { font-size:26px; color:#333; letter-spacing:-0.5px; margin-bottom:20px;  }
	.main-section02 .notice h3 span {display:block; font-size:14px; margin-bottom:3px; color:#3E5EAD; font-weight:bold;  letter-spacing:0px; }
	.main-section02 .notice h3 strong { color:#3E5EAD; font-weight:bold; }
	.main-section02 .notice .notice-list {   }
	.main-section02 .notice .first-notice { position:relative; padding-left: 30px; margin-bottom:25px; }
	.main-section02 .notice .first-notice a { display:block; }
	.main-section02 .notice .first-notice a:after { clear:both; display:table; content:'';  }
	.main-section02 .notice .first-notice .title { font-size:18px; color:#333; font-weight:bold;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section02 .notice .first-notice .text {width:100%; font-size:14px; color:#666; }
	.main-section02 .notice .first-notice .date {font-size:16px; color:#666; margin-bottom:10px; }
	.main-section02 .notice span.new {display:inline-block; width:21.5px;height:21.5px;  border-radius:100%; background:#3E5EAD; color:#fff; font-size:9.7px; color:#fff; text-align:center; padding-top:4px; font-weight:normal; position:absolute; top:2px; left:0px;    }
	.main-section02 .notice span.cate { display:block; font-weight:normal; font-size:14px; }
	.main-section02 .notice ul {  width:100%;  }
	.main-section02 .notice ul:after { clear:both; display:table; content:'';  }
	.main-section02 .notice ul li { position:relative; margin-bottom:15px;  padding-left: 35px}
	.main-section02 .notice ul li a {; font-size:18px; color:#333; font-weight:bold;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section02 .notice ul li span.date {font-size:16px; color:#666;   }
	.main-section02 .notice .more { padding-top:10px; padding-left:30px;   }
	.main-section02 .notice .more * {   }
	.main-section02 .notice .more a {display:inline-block;  height:32px; background:#333; border-radius:16px; color:#fff; padding:5px 15px 0 ;  font-size:14px; letter-spacing:-1.5px;  }
	.main-section02 .notice .more a:after { clear:both; display:table; content:'';  }
	.main-section02 .notice .more a  img {width:6.5px;  display:block; margin-left:8px; margin-top:5px;   float:right; }
	.main-section02 .hot-alime { position:relative;    background-image:url(../images/main/hot_bg.svg); background-position:-5px -5px; background-repeat:no-repeat; background-size:30px 30px;  background-color:#f1f4f9; padding:25px 15px 15px;  }
	.main-section02 .hot-alime h3 { padding-top:5px; margin-bottom:20px; font-size:20px; color:#333; font-weight:bold;  }
	.main-section02 .hot-alime h3 strong { color:#3E5EAD; font-weight:bold; }
	.main-section02 .hot-alime .hot-btn {  text-align:center;  padding-top:10px; }
	.main-section02 .hot-alime .hot-btn * { vertical-align: initial !important;  }
	.main-section02 .hot-alime .hot-btn div { display:inline-block;   }
	.main-section02 .hot-alime .hot-btn div.btn-pager  {  margin:0 5px;  font-size:14px;  padding-top:5px;   }
	.main-section02 .hot-alime .hot-btn div.btn-pager  strong { color:#3E5EAD;    }
	.main-section02 .hot-alime .hot-btn div.btn-play a { width:24px;height:24px; border-radius:100%; border:1px solid #333; text-align:center; margin-top:6px; }

	.main-section02 .hot-alime .hot-btn div a {  display:inline-block;  margin:0 5px;    }
	.main-section02 .hot-alime .hot-btn div a img { height:12px;  line-height:1;padding:0px; margin:0px;  }
		.main-section02 .hot-alime .hot-btn div.btn-play a img  {height:9px; }

	.main-section02 .link-service {  padding:30px 15px; }
	.main-section02 .link-service ul { margin:0 -9px;    }
	.main-section02 .link-service ul li  { float:left; width:33.333%; padding: 12px 9px; text-align:center; }
	.main-section02 .link-service ul li a  {display:block; width:100%; font-size:16px; color:#333; letter-spacing:-1.5px;  }
	.main-section02 .link-service ul li a span.img { display:block; width:92px; height:92px; margin:0 auto 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border:1px solid #F1F4F9; border-radius:100%; padding-top:18px;  }
	.main-section02 .link-service ul li a:hover span.img { background:#CCFFFF;  text-decoration:none;  }
	.main-section02 .link-service ul li a span.img  img { height:55px;   }



}


.pop-container { position:relative; z-index:190;  }
.popup map { position:absolute; top:-40000px; left:-30000px;   }
.popup { position:absolute; top:0px; left:0px;  display:none; width:446px ;   }
.popup .pop-img img {  /*width:340px; height:420px;*/ width:446px; height:530px ; }
.pop-input-wrap { padding:10px; color:#fff; background:#3F5EAE; text-align:right;   }
.pop-input-wrap label { font-weight:normal;  display:inline-block;margin-top:7px; font-size:18px;  }
.pop-input-wrap * {  line-height:1; vertical-align:top;  }
.pop-input-wrap input  { width:16px; height:16px;     margin-top: 9px;margin-right:5px;  }
.pop-input-wrap .pop-close { margin-top:3px; display:inline-block;  }
.main .pop-input-wrap a { margin-left:10px; color:#fff;  }
.main .pop-input-wrap .pop-close {  display:inline-block; padding:5px 10px 7px; color:#fff;  font-size:16px; background:#1F3878;  }
.pop-container  .pupup-btn { position:absolute; bottom:15px; left:0px; padding-left:10px;    }
.pop-container  .pupup-btn *  { }
.pop-container  .pupup-btn div { display:inline-block; color:#fff;   }
.pop-container  .pupup-btn div.pupup-pager { margin:0 20px; font-size:18px;  vertical-align:middle; color:#94F8FF;  font-weight:bold;  }
.pop-container  .pupup-btn div.pupup-pager strong{color:#fff;   font-weight:normal; }
.pop-container  .pupup-btn div a {display:inline-block; color:#fff;     }


@media (max-width: 991px) {

.pop-container { width:100%; }
.popup { width:100%; text-align:center; padding:0 15px;  }
.popup .pop-input-wrap {  margin:0 auto;  }
.pop-input-wrap label { font-size:16px;  }
.pop-container  .pupup-btn {  padding-left:25px;    }
.pop-container  .pupup-btn div.pupup-pager { margin:0 5px; font-size:16px;  }
.popup .pop-img img { width:100%;  height:auto;}

}