@charset "utf-8";

.main #header{border-bottom:0;}
.visual_area{position:relative;margin-bottom:40px;}
.visual_area:after{display:block;content:'';position:absolute;top:0;left:50%;width:50%;height:344px;}
.visual_area .visual{position:relative;height:344px;margin:0 auto;z-index:2;background:url('/images/village/bg_visual.jpg') no-repeat center center;text-indent:-9999em;}
.visual_area .visual img{display:block;margin:0 auto;}
.visual_area .visual .pink{color:#fc2a61;}
.visual_area .visual_box{position:absolute;top:35px;left:50%;z-index:9;margin-left:156px;padding:25px 42px;width:344px;height:251px;background:#fff url('/images/village/bg_box.png') right bottom no-repeat;box-sizing:border-box;}
.visual_box h2{margin-bottom:12px;font-size:28px;font-weight:700;}
.visual_box span{display:block;line-height:22px;font-size:16px;color:#474747;letter-spacing:-1px;}
.visual_box span .pink{color:#fc2a61;}
.visual_box span .green{color:#009890;}
.visual_box .btn_move{display:block;position:absolute;left:42px;bottom:41px;width:83px;height:33px;line-height:33px;font-size:13px;color:#e8eff0;text-align:center;background:#0172ba;border:0 none;}
.section1{margin-bottom:25px;width:100%;min-height:1px;/* ie6,7 */}
.section1:after{display:block;clear:both;height:0;visibility:hidden;content:"";}
.section1>div{position:relative;width:49%;box-sizing:border-box;}
.section1>div h2{margin-bottom:20px;height:20px;line-height:20px;font-size:18px;font-weight:700;color:#000;}
.section1>div .btn_more{position:absolute;top:2px;right:0;padding-right:17px;font-size:12px;color:#797979;background:url('/images/village/btn_more.png') center right no-repeat;vertical-align:middle;}
.section1>div ul{margin:0 -9px;}
.section1>div ul:after{content:'';display:block;clear:both;}
.section1>div ul li{float:left;padding:0 9px;width:50%;box-sizing:border-box;}
.section1>div ul li a{display:block;border:1px solid #e0e0e0;overflow:hidden;}
.section1>div ul li a img{display:block;margin:0 auto;max-width:100%;max-height:148px;}
.section1>div ul li .title{display:block;height:94px;padding:22px 25px;border-top:1px solid #e0e0e0;letter-spacing:-1px;box-sizing:border-box;}
.section1>div ul li .title b{display:inline-block;margin-bottom:7px;padding:0 8px;height:20px;line-height:20px;font-size:11px;color:#fff;background:#01a5bc;} 
.section1>div ul li .title span{display:inline-block;width:100%;font-size:15px;color:#222;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.section2{margin-bottom:40px;width:100%;min-height:1px;/* ie6,7 */}
.section2:after{display:block;clear:both;height:0;visibility:hidden;content:"";}
.section2>div{position:relative;float:left;width:50%;padding:40px 30px;box-sizing:border-box;}
.section2>div h2{margin-bottom:20px;height:20px;line-height:20px;font-size:18px;font-weight:700;color:#000;}
.section2>div .btn_more{position:absolute;top:42px;right:30px;height:15px;line-height:15px;font-size:12px;color:#797979;padding-right:17px;background:url('/images/village/btn_more.png') center right no-repeat;vertical-align:middle;}
.nhi_box{background:#fff8ea;min-height:298px;}
.nhi_box ul{width:100%;overflow:hidden;}
.nhi_box ul li{overflow:hidden;width:100%;height:172px;}
.nhi_box ul li span{display:inline-block;float:left;border:1px solid #e0e0e0;}
.nhi_box ul li dl{float:right;width:178px;}
.nhi_box ul li dt{padding:5px 0 30px;line-height:1.5em;font-size:15px;color:#222;font-weight:700;letter-spacing:-1px;}
.nhi_box ul li dd{height:85px;line-height:1.7em;font-size:13px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;} 
.notice_box{background:#f2fdf3;min-height:298px;}
.notice_box ul li{position:relative;height:30px;line-height:30px;padding-left:17px;background:url('/images/village/bul_list.png') 5px center no-repeat;}
.notice_box ul li b{display:inline-block;padding-right:100px;width:100%;font-size:14px;color:#222;font-weight:400;letter-spacing:-1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;}
.notice_box ul li .date{position:absolute;top:0;right:0;font-size:13px;color:#757575;}
.notice_box ul li:first-child{padding:10px 0 20px 64px;margin-bottom:10px;height:auto;line-height:1.2em;background:url('/images/village/ico_notice.png') left 3px no-repeat;border-bottom:1px dotted #aab2ab;}
.notice_box ul li:first-child b{font-size:16px;font-weight:700;}
.notice_box ul li:first-child .desc{display:inline-block;padding-right:100px;padding-top:3px;width:100%;font-size:13px;color:#666;letter-spacing:-1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;}
.notice_box ul li:first-child .date{top:10px;}

/* ======================================== bx-slider ======================================== */
.bx-wrapper{position:relative;}
.bx-wrapper .bx-controls{position:absolute;top:-40px;right:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-direction, 
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-controls-auto-item{display:inline-block;}
.bx-wrapper .bx-pager{padding-right:80px;}
.bx-wrapper .bx-pager-item a{display:inline-block;margin:0 5px;width:10px;height:10px;border-radius:10px;background:#bfbfbf;text-indent:-9999em;overflow:hidden;}
.bx-wrapper .bx-pager-item a.active{background:#ff7f47;}
.bx-wrapper .bx-controls-direction a,
.bx-wrapper .bx-controls-auto-item a{display:inline-block;margin-left:5px;width:15px;height:15px;line-height:15px;text-align:left;text-indent:-9999px;}
.bx-wrapper .bx-controls-direction a.bx-prev{position:absolute;top:0;right:59px;}
.bx-wrapper .bx-controls-direction a.bx-next{position:absolute;top:0;right:17px;}
.bx-wrapper .bx-controls-auto-item a{position:absolute;top:0;right:38px;}
.bx-wrapper .bx-controls-auto-item a.bx-start,
.bx-wrapper .bx-controls-auto-item a.bx-stop{display:block;}
.bx-wrapper .bx-controls-auto-item a.bx-start.active,
.bx-wrapper .bx-controls-auto-item a.bx-stop.active{display:none;}
.bx-wrapper .bx-controls-direction a.bx-prev{background:url('/images/village/btn_bx_prev.png') center center no-repeat;}
.bx-wrapper .bx-controls-direction a.bx-next{background:url('/images/village/btn_bx_next.png') center center no-repeat;}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background:url('/images/village/btn_bx_stop.png') center center no-repeat;}
.bx-wrapper .bx-controls-auto-item a.bx-start{background:url('/images/village/btn_bx_start.png') center center no-repeat;}



/* ======================================== Responsive ======================================== */
/*Mobile*/
@media all and (max-width:960px){
	.visual_area{margin-bottom:15px;}
	.visual_box .btn_move{left:25px;bottom:30px;width:58px;height:24px;line-height:24px;font-size:12px;}
	.section1>div ul li{margin:0;padding:0 2%;height:180px;}
	.section1>div ul li a img{max-height:108px;}
	.section1>div ul li .title{padding:12px 8px;height:70px;}
	.section1>div ul li .title span{font-size:13px;}
}

/*Phone*/
@media all and (max-width:639px){
	.visual_area .visual{height:319px;background:url('/images/village/bg_visual_mobile.jpg') no-repeat center top/cover;}
	.visual_area .visual_box{margin:0 3%;top:146px;left:inherit;padding:20px;height:155px;width:94%;background:#fff url('/images/village/bg_box.png') right bottom no-repeat/40% auto;}
	.visual_box h2{margin-bottom:5px;font-size:17px;}
	.visual_box span{font-size:15px;line-height:19px;}
	.visual_box .btn_move{left:20px;bottom:18px;font-size:13px;}
	.section1>div{float:none !important;margin-bottom:18px;width:100%;}
	.section1>div h2{font-size:15px;}
	.section2>div{float:none;width:100%;padding:20px 10%;}
	.section2>div h2{margin-bottom:32px;font-size:16px;text-align:center;}
	.bx-wrapper .bx-controls{right:inherit;left:50%;top:-25px;margin-left:-50px;}
	.bx-wrapper .bx-pager{padding-right:0;}
	.bx-controls-auto,
	.bx-controls-direction{display:none !important;}
	.nhi_box{min-height:auto;}
	.nhi_box ul li{height:auto;}
	.nhi_box ul li span{float:none;}
	.nhi_box ul li dl{float:none;width:auto;}
	.nhi_box ul li dl dt{padding-bottom:12px;font-size:14px;}
	.nhi_box ul li dd{font-size:14px;}
	.nhi_box ul li a{display:block;text-align:center;}
	.section2>.notice_box{padding:17px 3%;}
	.section2>.notice_box>h2{margin-bottom:8px;text-align:left;}
	.section2>.notice_box .btn_more{top:20px;right:3%;}
	.notice_box ul li:first-child b{font-size:14px;}
	.notice_box{min-height:auto;}
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){	
	.visual_area .visual{width:auto;height:245px;background:url('/images/village/bg_visual_tablet.jpg') no-repeat center top/cover;}
	.visual_area .visual_box{padding:16px 25px;width:240px;height:180px;top:25px;left:inherit;right:3%;margin-left:0;background:#fff url('/images/village/bg_box.png') right bottom no-repeat/50% auto;}
	.visual_box h2{margin-bottom:8px;font-size:20px;}
	.visual_box span{font-size:13px;}
	.section1{margin-bottom:15px;}
	.section1>div h2{margin-bottom:10px;font-size:16px;}
	.section1>div ul{margin:0 -2%;}
	.section1>div ul:after{display:block;content:'';clear:both;}
	
	.section2>div{padding:25px 20px;height:218px;min-height:auto;}
	.section2>div h2{margin-bottom:12px;font-size:15px;letter-spacing:-1px;}
	.nhi_box ul li span{width:52%;}
	.nhi_box ul li span img{width:100%;}
	.nhi_box ul li dl{width:45%;}
	.nhi_box ul li dt{padding:0 0 8px;font-size:13px;}
	.nhi_box ul li dd{font-size:12px;}
	.bx-wrapper .bx-pager-item a{margin:0 3px;width:8px;height:8px;}
	.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-auto-item a{width:8px;height:8px;}
	.bx-wrapper .bx-controls-direction a.bx-prev,
	.bx-wrapper .bx-controls-direction a.bx-next,
	.bx-wrapper .bx-controls-auto-item a{top:5px;}
	.bx-wrapper .bx-controls{top:-30px;right:-20px;}
	.notice_box ul li{height:23px;line-height:23px;}
	.notice_box ul li .date{font-size:11px;}
	.notice_box ul li:first-child{padding-bottom:10px;}
	.notice_box ul li:first-child b{font-size:13px;}
	.notice_box ul li:first-child .desc{font-size:12px;}
	.notice_box ul li b{padding-right:80px;font-size:12px;}
	.section2>div .btn_more{top:28px;}

}