@charset "utf-8";
/* CSS Document */
/*header*/
#header{background:#fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.nav a{font-size:16px; color:#39662d; padding:1.5em 1em 1em 1em;}
.logo{padding:1em 0;}
.topblue{float: right; text-align: right; font-size: 16px; color: #999; padding:.3em 1em; background:#efefef; display: inline-block; border-radius: 0 0 1em 1em;}
.topblue a{color:#999; font-size: 14px;}
/*defaultimg*/
#defaultimg{height:100vh; position:relative;}
#defaultimg.banner{height:40vh;}
#defaultimg .defaulttit{position:absolute; width:100%; top:40%; left:50%; text-align: center; color:#fff; font-size:400%; font-weight: bold; transform:translate(-50%,-50%); text-shadow: 0 0 10px rgba(0,0,0,0.8); line-height: 1.5em;}
.defaultbg{background:url(images/defaultimg20190319.jpg) no-repeat fixed center; background-size: cover;}
/*dabout*/
.dabout{background:url(images/dabout-bg2.jpg) no-repeat right; background-size:cover;}
.dabout .bg{background:#fff url(images/dabout-bg.jpg) repeat-y left; font-size: 13px; padding:3em 2em; line-height: 2em; color:#3c3d3e;}
.dabout h2{color:#3c3d3e; font-size: 24px; position:relative; padding:0.5em 0;}
.dabout h2::before{content:""; width:10em; height:4px; background:linear-gradient(90deg, #1780a4 70%,#37af4a 70%); position:absolute; bottom:0;}
.dpro{background:url(images/dbg.jpg) no-repeat top; background-size:cover; color:#fff; text-align: center; background-attachment: fixed;}
.dpro .text{min-height:30vh;}
.dpro h2{padding:3em 0 1.5em 0;}
.dpro .more a{color:#fff; padding:0.7em 1.5em; border:1px solid #fff; border-radius: 1.5em; margin:1em; display:inline-block;}
.pro{padding:5em 0;}
.pro figcaption{font-size:15px; color: #000; padding:0.5em 1em;}
.pro figcaption h3{font-weight:normal; margin-bottom:0.5em;}
.pro .col-4 {padding:1em;}
.pro figure{background:#fff;}
.pro .more{text-align:center; margin:1em;}
.dpro .pro .more a{color:#000; padding:0.5em 1.5em; border:1px solid #ccc; border-radius: none; display:inline-block;}
/*movie*/
.movie{padding:1em;}
.movie .img{line-height:0;}
.movie .type{margin:0; background:#99cc33; color: #fff; padding:0.5em; display:inline-block; border-radius:0 0 1em 0; font-size: 14px;}
.movie figcaption{background:#f5f5f5; padding-bottom:0.5em;}
.movie figcaption h3{padding:0 0.5em; margin:0;}
.movie .more{text-align:center;}
.movie .more a{padding:0.5em 1em; border:1px solid #ccc; color:#333; display: inline-block;}
.movie .more a:hover{background:#ccc; color: #666;}
/*news*/
.news{list-style:none; margin:0; padding:0;}
.news li{padding:0.5em; border-bottom:1px dotted #ccc; cursor: pointer; transition:.3s;}
.news li:hover h3{color:#39662d; background:#f5f5f5;}
.news .date{width:5em; float:left; padding:0.5em 1em; color: #666;}
.news h3{width:calc(100% - 7em); float:right; padding:1em; margin:0;}
/*footer*/
#footer{text-align:center; color:#fff; padding:10em 0 3em 0; background:#9dc414; font-size:14px; line-height: 1.5em; margin-top:-13em;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
.footerother #footer{margin:0; padding:3em 0;}
#footer span{margin-right:1em; margin-left:1em; display:inline-block;}
/*youtube*/
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
/*-----*/
h1.title{font-size:40px; color:#39662d;}
.innerhtml{line-height:2em; min-height: 60vh; font-size:20px;}
.content{background:#fff;}
.imgfrm{line-height:0; padding:0.5em; overflow: hidden;}
.imgfrm figure{border:7px solid #efefef;}
.imgfrm a{overflow:hidden; position:relative; display:block;}
.imgfrm a div{width:100%; height:100%; position:absolute; color:#fff; text-align: center; transition: .3s;}
.imgfrm a div i{transform:translateY(-50%;); position:absolute; top:50%; font-size: 24px; opacity: .7;}
.imgfrm a:hover div{transform:scale(1.1,1.1);}
.imgfrm a img{transition:.3s;}
.imgfrm a:hover img{transform:scale(1.1,1.1);}
.location .col-12{padding:1em;}
.location .col-3, .location .col-9{padding:1em;}
@media screen and (max-width:1024px){/*desktop-s size*/

.nav a{padding:0.5em 0.5em 1em 0.5em;}

}
@media screen and (max-width:920px){/*pad*/
.nav a{padding:0.5em 0.2em 1em 0.2em;}
#defaultimg{height:40vh; position:relative;}
.defaultbg{background:url(images/defaultimg20190319-2.jpg) no-repeat fixed top center; background-size: contain;}
#defaultimg .defaulttit{font-size:400%; top:50%;}
}
@media screen and (max-width:767px) {/*mobile*/
	.defaultbg{background:url(images/defaultimg20190319-0.jpg) no-repeat fixed top center; background-size: contain;}
	.logo{padding:0.2em 0;}
	#footer{padding:2em 0 3em 0; margin-top:0;}
	.news .date{width:100%;}
	.news h3{width:100%;}
	#defaultimg .defaulttit{font-size:200%; top:55%; line-height: 1.2em;}
}