@charset "utf-8";
@import url("/include/css/common/default.css");
@import url("/include/css/common/common.css");
@import url("/include/css/common/button.css");
@import url("layout.css");

/* color */
i.public {background-color:#669bd3}
i.private {background-color:#ff9000}

#section1 {height:505px;background:url("/include/image/small/main/bg_main.jpg") center 100% repeat-x}
#section1 > div {min-height:370px;padding-top:55px}
.mapArea {overflow:visible;position:relative}
.mapArea h4 {font-size:1.533em;line-height:1.4;font-weight:normal;color:#666}
.mapArea .icoInfo {overflow:hidden;display:inline-block;padding:3px 5px;margin-top:20px;border-radius:5px;border:1px solid #f6fbfb;background-color:#fff}
.mapArea .icoInfo > li {font-size:0.933em;color:#666}
.mapArea .icoInfo i {overflow:hidden;display:inline-block;width:12px;height:12px;vertical-align:baseline;border-radius:50%}
.map {position:absolute;top:-10px;right:0;width:330px;height:360px}
.map a {position:absolute;display:block;width:76px;text-align:center;font-weight:bold;z-index:10}
.map a.sj {top:60px;left:95px}
.map a.jw {top:70px;left:235px}
.map a.bd {top:200px;left:105px}
.map a .tit {overflow:hidden;position:relative;margin-bottom:3px;font-size:1.2em;color:#6b7e00;transition:0.2s}
.map a .tit::before {content:"";display:block;position:absolute;left:50%;bottom:-20px;width:0;height:0;margin-left:-10px;border:10px solid transparent;border-top-color:#1d8844;transition:0.2s}
.map a .tit span {overflow:hidden;display:block;line-height:28px;border-radius:14px}
.map a i {overflow:hidden;display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;color:#fff;font-style:normal;vertical-align:baseline;border-radius:50%;box-shadow:3px 3px 3px #777}
.map .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/include/image/small/main/bg_map.png") center center no-repeat}
.map a.sj:hover ~ .bg, .map a.sj:focus ~ .bg, .map a.sj.on ~ .bg {background-image:url("/include/image/small/main/bg_map_sj.png")}
.map a.jw:hover ~ .bg, .map a.jw:focus ~ .bg, .map a.jw.on ~ .bg {background-image:url("/include/image/small/main/bg_map_jw.png")}
.map a.bd:hover ~ .bg, .map a.bd:focus ~ .bg, .map a.bd.on ~ .bg {background-image:url("/include/image/small/main/bg_map_bd.png")}
.map a:hover .tit, .map a:focus .tit, .map a.on .tit {padding-bottom:10px;margin-top:-10px}
.map a:hover .tit::before, .map a:focus .tit::before, .map a.on .tit::before {bottom:-10px}
.map a:hover .tit span, .map a:focus .tit span, .map a.on .tit span {color:#fff;background-color:#1d8844}

.smLibListArea .selectGroup {overflow:hidden;position:relative;padding-right:60px}
.smLibListArea .col {float:left;width:48%;padding-right:10px;box-sizing:border-box}
.smLibListArea .col + .col {width:52%}
.smLibListArea select {width:100%;height:40px;line-height:40px;padding:0 10px;font-size:1.067em;color:#fff;font-weight:bold;border:none;background:url("/include/image/small/main/arr_sel.png") 100% center no-repeat}
.smLibListArea .btn {position:absolute;top:0;right:0;width:60px;height:40px;line-height:40px;padding:0;font-size:1.067em;text-align:center;background-color:#767676}
.smLibListArea .cont {overflow:auto;height:265px;margin-top:15px}
.smLibListArea .cont::-webkit-scrollbar {width:15px}
.smLibListArea .cont::-webkit-scrollbar-track {background:#daf0e0}
.smLibListArea .cont::-webkit-scrollbar-thumb {background-color:#3cb149}
.smLibListArea .cont::-webkit-scrollbar-button {height:16px}
.smLibListArea .cont::-webkit-scrollbar-button:start {height:16px;background:url("/include/image/small/main/arr_scrollbar_up.png") 100% 0 no-repeat}
.smLibListArea .cont::-webkit-scrollbar-button:end {height:16px;background: url("/include/image/small/main/arr_scrollbar_down.png") 100% 100% no-repeat}
.smLibListArea .cont ul > li {position:relative;min-height:44px;padding-left:54px}
.smLibListArea .cont ul > li + li {margin-top:10px}
.smLibListArea .cont p {line-height:1.4;color:#333}
.smLibListArea .cont i {display:block;overflow:hidden;position:absolute;top:50%;left:0;width:44px;height:44px;margin-top:-22px;line-height:44px;text-align:center;color:#fff;font-style:normal;border-radius:50%}
.smLibListArea .cont .tit {font-size:1.067em;font-weight:bold}
.smLibListArea .cont .addr {font-size:0.933em}

#section2 > div {padding:50px 0 65px}

.notice {position:relative;border:1px solid #c7c7c7}
.notice h4 {padding:10px 30px;line-height:30px;font-size:1.467em;color:#333;border-bottom:1px solid #c7c7c7}
.notice ul {height:190px;padding:20px 30px}
.notice ul > li {position:relative;height:24px;padding-right:100px;line-height:24px}
.notice ul > li + li {margin-top:7px}
.notice ul a {overflow:hidden;display:inline-block;max-width:100%;font-size:1.067em;color:#666;white-space:nowrap;text-overflow:ellipsis}
.notice i {display:none;position:absolute;top:0;left:0;width:80px;height:24px;font-size:0.933em;color:#fff;text-align:center;font-style:normal}
.notice .date {position:absolute;top:0;right:0px;font-size:1.067em;color:#999}
.notice .btnMore {position:absolute;top:15px;right:30px}
.notice .btnMore > a {display:block;width:24px;height:20px;background:url("/include/image/small/main/btn_more.png") center center no-repeat}

.popupZone {position:relative;border:1px solid #c7c7c7}
.popupZone .title {padding:0 20px;line-height:59px;font-size:1.313em;color:#222;border-bottom:1px solid #e6e6e6}
.popupZone .controlGroup {overflow:hidden;position:absolute;top:-1px;right:-1px;z-index:2;text-align:right;background-color:#fff} 
.popupZone .controlGroup a {display:block;float:left;width:26px;height:26px;background:url(/include/image/common/btn_roll.png) 0 0 no-repeat}
.popupZone .controlGroup .pp-controls,.banner .controlArea .pp-controls {float:left}
.popupZone .controlGroup .btnSlidePause {background-position-x:-26px}
.popupZone .controlGroup .btnSlidePlay {background-position-x:-52px}
.popupZone .controlGroup .btnSlideNext {width:27px;background-position-x:-78px}
.popupZone .popupList {overflow:hidden;position:relative;z-index:1}
.popupZone .popupList > li {position:absolute;top:0;left:0;width:100%;height:100%}
.popupZone .popupList a,.popupZone .popupList span {display:block;height:100%}
.popupZone .popupList .slide {display:block;width:100%;height:100%}
.popupZone .textPopup {position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;box-sizing:border-box}
.popupZone .textPopup .tit {margin-bottom:5px;font-weight:bold;font-size:1.125em}

#section3 {background-color:#e4ebf1}
#section3 > div {padding:30px 0 55px}
#section3 h4 {font-size:1.467em;font-weight:normal;color:#333}
#section3 h4 span {font-size:1.136em;font-weight:normal}
.boxList {overflow:hidden;margin-top:25px;margin-left:-15px}
.boxList > li {float:left;width:25%}
.boxList .box {padding:15px 0;margin-left:15px;background-color:#fff;border:1px solid #d0d5d9}
.boxList h5 {padding:0 20px;font-size:1.333em;font-weight:normal}
.boxList p {padding:0 10px;margin-top:10px;text-align:center}

@media screen and (max-width:1000px){
	.sectionGroup {padding:30px 10px !important}
	#section1 {height:auto;background-size:auto 100%}
	#section1 > div {min-height:auto;padding-bottom:120px !important}
	.smLibListArea {margin-top:10px}
	.notice {margin-bottom:10px}
	.boxList {margin-left:-10px}
	.boxList > li {width:50%;margin-bottom:10px}
	.boxList .box {margin-left:10px}
}
@media screen and (max-width:640px){
	.notice h4 {padding:10px 15px}
	.notice ul {height:auto;padding:20px 15px}
	.notice .btnMore {right:15px}
	.boxList .box {padding:10px 0}
	.boxList h5 {padding:0 10px}
}
@media screen and (max-width:480px){
	.notice ul > li {padding-right:0}
	.notice .date {display:none}
	.boxList > li {width:100%}
}
@media screen and (min-width:1000px){
	/* pc event */
	.smLibListArea .cont a:hover, .smLibListArea .cont a:focus {text-decoration:underline}
	.notice ul a:hover, .notice ul a:focus {text-decoration:underline}
	
	.sectionGroup {overflow:hidden;width:1200px;margin:0 auto}
	.mapArea {float:left;width:500px}
	.smLibListArea {float:right;width:600px} 
	.notice {float:left;width:650px}
	.popupZone {float:right;width:530px}
}