#mv_slide {height:100vh;}
#mv_slide .swiper-wrapper {height:100%;}
#mv_slide .slide_inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;}

#mv_slide .swiper-slide img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

#mv_slide .slide_inner .tit_wrap {text-align:center;}
#mv_slide .slide_inner .tit_wrap .slide_tit{font-size:48px;line-height:60px;font-weight:600;margin-bottom:24px;color:#fff;letter-spacing:-0.05em;}
#mv_slide .slide_inner .tit_wrap .slide_txt{font-size:22px;font-weight:300;color:#fff;letter-spacing:-0.05em;}
#mv_slide .slide_inner .page_btn_wrap{position:relative;margin-top:770px;}

#mv_slide .slide_inner .page_btn_wrap {padding:0 250px;}
#mv_slide .slide_inner .page_btn_wrap .swiper-button-prev {background:url(/img/icon/icon_mvslide_prev.png) no-repeat 50% 50%;width:180px;height:20px;left:0;margin-top:-5px}
#mv_slide .slide_inner .page_btn_wrap .swiper-button-next {background:url(/img/icon/icon_mvslide_next.png) no-repeat 50% 50%;width:180px;height:20px;right:0;margin-top:-5px;}
#mv_slide .slide_inner .page_btn_wrap .swiper-pagination {position:absolute;left:50%;transform:translateX(-50%);}
#mv_slide .slide_inner .page_btn_wrap .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;border-radius:50px;background:#fff;opacity:0.5;line-height:20px;margin:0 15px;}
#mv_slide .slide_inner .page_btn_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1}

#wrapper {margin-top:20px;position:relative;z-index:1000}
.section_wrap {width:1400px; margin:0 auto;}


#notice {background:#fff;height:70px;width:1200px;margin:0 auto 20px; padding:15px 30px;}
#notice .section_tit {float:left;background:url(/img/icon/icon_notice.png) no-repeat 100% 50%;height:40px;padding:3px 0; padding-right:53px;margin-right:50px;}
#notice .section_tit span {display:block;font-size:14px;line-height:17px;letter-spacing:-0.05em;font-weight:700;color:#b57722}

#mainNotice {float:right;height:40px;overflow:hidden;width:980px;}
#mainNotice .notice_list li a{display:block;line-height:40px;overflow:hidden;}
#mainNotice .notice_list li a .subject {width:870px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#000;}
#mainNotice .notice_list li a .date {width:90px;float:right;text-align:right;}

#section1 {height:360px;margin-bottom:37px;}
#main_banner_wrap {width:580px;overflow:hidden;margin-right:20px;float:left;}
#main_banner_wrap .swiper-slide{width:100%;height:360px;}
#main_banner_wrap .swiper-pagination {top:20px;right:20px;left: auto; width: auto;}
#main_banner_wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:0.6}
#main_banner_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#efaa4b; opacity:1;}

#news_wrap {width:290px;height:360px;float:left;background:#fff;margin-right:20px;}
#news_wrap .btn_wrap { height:59px; border-bottom:1px solid #ddd; }
#news_wrap .btn_wrap button{line-height:60px;display:block;width:50%;border:none;background:none;float:left;position:relative;font-size:16px;font-weight:600;letter-spacing:-0.05em;outline:none;}

#news_wrap .btn_wrap button.on {color:#b57722;}
#news_wrap .btn_wrap button.on:before {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#b57722;}
#news_wrap .news_con_wrap {padding:30px;}
#news_wrap .news_con_wrap .news_con {display:none;}
#news_wrap .news_con_wrap .news_con li a{display:block;font-size:15px;font-weight:300;letter-spacing:-0.05em;color:#666666;line-height:28px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 

#quick_wrap {width:290px;float:left;background:#fff;height:360px;}
#quick_wrap .quick_list li {border-bottom:1px solid #ddd;padding:10px 35px;}
#quick_wrap .quick_list li:last-child {border:none}
#quick_wrap .quick_list li a{display:block;line-height:51px;height:51px;}
#quick_wrap .quick_list li a .quick_icon {display:inline-block;width:40px;height:51px;line-height:51px;text-align:center;margin-right:20px;}


#videoWrap {background:#fff;height:430px;margin-bottom:30px;}
#videoWrap .video_list {overflow:hidden;}

#videoWrap .video_list li {float:left;width:300px;height:215px;padding:30px 40px;position:relative;}
#videoWrap .video_list li .bo_name {position:absolute;top:30px;left:40px;padding:0 5px; line-height:35px;background:#b57722;color:#fff;z-index:10;font-size:14px;font-weight:300}
#videoWrap .video_list li a {display:block;}
#videoWrap .video_list li.small a p {line-height:30px;font-size:15px;font-weight:300;color:#666666;letter-spacing:-0.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#videoWrap .video_list li.small .img_wrap {width:220px;height:130px;position:relative;overflow:hidden;}
#videoWrap .video_list li.small .img_wrap img {width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#videoWrap .video_list li.big {width:600px;height:430px;padding:30 40px;border-right:1px solid #ddd;}
#videoWrap .video_list li.big .img_wrap {margin-bottom:30px;height:270px;overflow:hidden;position:relative;}
#videoWrap .video_list li.big .img_wrap img {width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#videoWrap .video_list li.big .cate_tit {display:block;width:90px;float:left;font-size:16px;font-weight:600;line-height:30px;letter-spacing:-0.05em;color:#b57722;border-bottom:3px solid #b57722 }
#videoWrap .video_list li.big .subjext {width:410px;height:60px;float:right;line-height:30px;overflow:hidden;font-size:22px;color:#303030;font-weight:600;letter-spacing:-0.05em;}

#videoWrap .video_list li:nth-child(2),#videoWrap .video_list li:nth-child(3){border-bottom:1px solid #ddd;}
#videoWrap .video_list li:nth-child(2),#videoWrap .video_list li:nth-child(4){border-right:1px solid #ddd;}


#photoWrap {background:#fff;margin-bottom:30px;}
#photoWrap .photo_list {overflow:hidden;}
#photoWrap .photo_list li {width:300px;height:277px;float:left;padding:30px 40px;border-right:1px solid #ddd;}
#photoWrap .photo_list li:last-child {border:none;}
#photoWrap .photo_list li a {display:block;}
#photoWrap .photo_list li .img_wrap {margin-bottom:20px;}
#photoWrap .photo_list li .ca_tit {font-size:16px;line-height:28px;font-weight:600;letter-spacing:-0.05em;color:#b57722;border-bottom:3px solid #b57722;display:inline-block;margin-bottom:12px;}
#photoWrap .photo_list li .subject{font-size:15px;line-height:20px;height:40px;overflow:hidden;letter-spacing:-0.05em;color:#666666;}


#bottomLinkWrap .list{overflow:hidden;margin-bottom:30px;}
#bottomLinkWrap .list li {float:left;margin-right:20px;width:290px;height:200px;}
#bottomLinkWrap .list li a {display:block;padding:30px;height:100%;}
#bottomLinkWrap .list li a .link_tit {color:#fff;font-size:24px;line-height:34px;border-bottom:3px solid #fff; }

#bottomLinkWrap .list li:nth-child(1){width:580px;background:url(/img/temple/bg_bt_link1.png) no-repeat 50% 50%;}
#bottomLinkWrap .list li:nth-child(2){background:url(/img/temple/bg_bt_link2.png) no-repeat 50% 50%;}
#bottomLinkWrap .list li:nth-child(3){background:url(/img/temple/bg_bt_link3.png) no-repeat 50% 50%;margin-right:0;}





#ft .ft_inner {padding:0 100px;margin:0 auto;}
#ft #ft_menu {border:none;margin-top:35px;}
#ft #ft_menu .ft_menu_list {overflow:hidden}
#ft #ft_menu .ft_menu_list li{float:left;margin-right:30px;}
#ft #ft_menu .ft_menu_list li a {display:block;padding:15px 0;font-size:16px;line-height:16px;font-weight:300;color: #fff;}
#ft #ft_menu .ft_menu_list li:first-child a {}


/*#mqbanArea {margin: 40px auto;height: 110px;overflow: hidden;padding: 0px 0px;background: #fff;}
#mqbanArea li {float: left;width: 280px;height: 130px;overflow: hidden;display: block;position: relative;}
#mqbanArea li a {display: block;}
#mqbanArea li .thimg {position: absolute;opacity: 1.0;transition: .3s ease-in-out;}
#mqbanArea li .txt {float: left;letter-spacing: -1px;margin-top: 10px;margin-left: 115px;font-family: 'NotoKrM';}
#mqbanArea li .ca_tit {display: block;color: #333;letter-spacing: -2px;font-size: 0.9em;line-height: 140%;margin: 0 0 3px;}
#mqbanArea li .subject {font-size: 18px;color: #333;font-weight: bold;line-height: 120%;}*/

.txt a img {vertical-align: bottom;padding-bottom: 3px;}
.txt img {display: inline-block;}

.wrap_event ul{overflow:hidden;margin-bottom:90px;padding:60px 0 0}
.wrap_event li{float:left;position:relative;top:545px;width:17.8%;margin-right:2.6666%}
.wrap_event li:last-child{margin-right:0}
.wrap_event a,.wrap_event em,.wrap_event strong,.wrap_event span{display:block;}
.wrap_event a:before,.wrap_event strong:before{content:'';display:block;position:absolute;width:100%;}
.wrap_event a{height:330px}
.wrap_event em{overflow:hidden;height:calc(100% - 80px)}
.wrap_event em img{width:100%}
.wrap_event strong{position:absolute;bottom:0;width:100%;height:75px;padding-top:20px;color:#000;font-size:20px;font-weight:400;text-align:center;letter-spacing:-1px;box-sizing:border-box;background:#f8f7f5;z-index:5;border: 1px solid #ddd;}
.wrap_event strong:before{top:-32px;height:32px;background-position:100% -303px}
.wrap_event span{display:none;position:absolute;top:30%;width:100%;margin-top:-17px;line-height:35px;color:#fff;font-size:24px;text-align:center;z-index:10}
.wrap_event span:before,.wrap_event span:after{content:'';display:block;position:absolute;left:50%}
.wrap_event span:before{top:86px;width:58px;height:58px;margin-left:-27px;background-image: url(/img/temple/b_m.png);}
.wrap_event span:after{top:80px;width:64px;height:64px;margin-left:-32px;border-radius:50%}	
.wrap_event a:hover:before,.wrap_event a:active:before,.wrap_event a:focus:before{height:100%;background:rgba(0,0,0,0.6);z-index:9}
.wrap_event a:hover span,.wrap_event a:active span,.wrap_event a:focus span{display:block}
	/** animation **/
	.wrap_event.active li{top:0;opacity:1}
	.wrap_event.active li:nth-child(1){-webkit-transition:all 0.3s 0.45s;transition:all 0.3s 0.45s;}
	.wrap_event.active li:nth-child(2){-webkit-transition:all 0.3s 0.6s;transition:all 0.3s 0.6s;}
	.wrap_event.active li:nth-child(3){-webkit-transition:all 0.3s 0.75s;transition:all 0.3s 0.75s;}
	.wrap_event.active li:nth-child(4){-webkit-transition:all 0.3s 0.9s;transition:all 0.3s 0.9s;}

.box-title {margin-bottom: 55px;text-align: center;}
.box-title .title {font-family:'Arita-buri';font-size: 36px;color: #424242;}
.box-title .desc {font-size: 17px;color: #767676;margin-top: 15px;}

.section_bg {background: url(/img/temple/section_bg.jpg);height: 750px;text-align: center;padding-top: 10px;}



