@charset "utf-8";
/* CSS Document */
/*導航*/
nav{
	position:relative;
	width:100%;
	height:78px;
	}
.navbx{
	position:fixed;
	width:100%;
	height:78px;	
	top:0;
	left:0;
	z-index:10;
	}
.navbx::before{
	position:absolute;
	content:" ";
	width:100%;
	height:100%;
	background:linear-gradient(90deg,#2199BF 0%,#79CC90 100%);
	left:0;
	top:0;
	}
.navbx::after{
	position:absolute;
	content:" ";
	width:202px;
	padding-bottom:53px;
	display:block;
	left:2.4%;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image: url(../images/nav_logo.png);
	background-size:100% auto;
	/**/
	transition: all .5s;
	}
.navlogo{
	position:absolute;
	width:260px;
	height:100%;
	display:block;
	cursor:pointer;
	top:0;
	left:0;
	z-index:2;
	}
.menubx{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	}
.menubx > div{
	position:absolute;
	width:100%;
	text-align:right;
	padding-right:3.75%;
	top:0;
	left:0;
	/**/
	transition: all .3s;
	}
.menubx a{
	position:relative;
	width:139px;
	display:inline-block;
	/**/
	font-size:23px;
	line-height:78px;
	font-weight: 500;
	color:#FFF;
	text-align: center;
	margin: 0 0 0 0;/*1.75*/
	/**/
	transition:all .5s;
	}
.menubx a::before{
	position:absolute;
	content:" ";
	width:100%;
	height:3px;
	display:block;
	left:0;
	top:0;
	background-color:#FFF;
	opacity:0;
	/**/
	transition: all .5s;
	}
.menubx a::after{
	position:absolute;
	content:" ";
	width:90%;
	height:1px;
	display:block;
	left:5%;
	bottom:0;
	background:linear-gradient(90deg,#40bbe2 0%,#8ddfa4 100%);
	opacity:0;
	/**/
	transition: all .5s;
	}
.menubx a:hover{color:#000;}
.menubx a.on::before{opacity:1;}
.menubx a:hover::before{opacity:1;background-color:#000;}
.navbx .moc{
 	position:absolute;
 	width:60px;
 	height:60px;
 	cursor:pointer;
 	/**/
 	flex-direction:column;
 	display:none;/*flex*/
 	align-items:center;
 	justify-content:center;
	/**/
	right:0%;
	top:48%;
	transform:translateY(-50%);
	z-index:1;
 	} 
.navbx .moc > div,
.navbx .moc::before,.navbx .moc::after{
	position:relative;
 	width:50%;
 	height:3px;
 	border-radius:5px;
 	background-color:#FFF; 
	/**/
 	transition: all .3s;
 	}
.navbx .moc::before,.navbx .moc::after{content: " ";}
.navbx .moc::before{margin-bottom:8.77%;}
.navbx .moc::after{margin-top:8.77%;}
.navbx.on .moc > div{
 	opacity:0;
 	transform:rotate(45deg);
 	}
.navbx.on .moc::before{
 	margin-bottom:-3.5%;
 	transform:rotate(-45deg);
 	transform-origin:50% 50%
 	}
.navbx.on .moc::after{
 	margin-top:-7.01%;
 	transform:rotate(45deg);
 	transform-origin:50% 50%;
	}
	
/*版宣*/
footer{
	position: relative;
	width:100%;
	padding:30px 0;
	background: linear-gradient(90deg,#2199BF 0%,#79CC90 100%);
	/**/
	font-size:24px;
	line-height:24px;
	color:#fff;
	font-weight:400;
	text-align:center;
	}
footer a:link,footer a:hover,
footer a:visited,footer a:active{
	display:inline-block;
	color:#fff;
	text-decoration:underline;
	}
footer a:hover{color:#fff;}
footer span{
	position:relative;
	display:inline-block;
	transition:all .5s;
	}
.copyright{padding:.5rem 0;}
/*.copyright::after{
	position:relative;
	content:" ｜ ";
	display:inline-block;
	margin:0 2px 0 0;
	top:2px;
	}*/
footer .community{
	position:relative;
	text-align:center;
	}
footer .community a{
	position:relative;
	width:50px;
	padding-bottom:50px;
	display:inline-block;
	margin:0 24px 30px;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: 50% 0%;
	background-size:100% auto;
	transition: all .5s;
	}
.fbbt{background-image: url(../images/fb.png);}
.igbt{background-image: url(../images/ig.png);}
.cylink{
	position:relative;
	text-align:center;
	}
.cylink a:nth-child(2)::before{
	position:relative;
	content:" ｜ ";
	display:inline-block;
	margin:0 2px 0 0;
	top:2px;
	}


@media only screen and (max-width:2000px){
/**/
/*導航*/
nav{height:78px;}
.navbx{height:78px;}
.navbx::after{
	width:202px;
	padding-bottom:53px;
	}
.menubx a{
	width:139px;
	/**/
	font-size:23px;
	line-height:78px;
	font-weight: 500;
	}
	
/*版宣*/
footer .community a{
	width:40px;
	padding-bottom:40px;
	margin:0 15px 25px;
	}
footer{font-size:18px;}
}
@media only screen and (max-width:1600px){
/*導航*/
nav{height:75px;}
.navbx{height:75px;}
.navbx::after{
	width:191px;
	padding-bottom:50px;
	}
.navlogo{width:225px;}
.menubx a{
	width:130px;
	line-height:75px;
	}
}
@media only screen and (max-width:1400px){
/**/

}
@media only screen and (max-width:1000px){	
/*導航*/
nav{height:70px;}
.navbx{height:70px;}
.navbx::after{
	width:180px;
	padding-bottom:47px;
	}
.navlogo{width:210px;}
.menubx {padding-right:2.5%;}
.menubx a{
	width:120px;
	font-size:22px;
	line-height:70px;
	}

/*版宣*/
footer{font-size:16px;}
	
	
}
@media only screen and (max-width:800px){
/*版宣*/
footer{
	padding:25px 0;
	font-size:15px;
	}
.copyright{padding:0 0;}	
}
/**/
@media only screen and (max-width:780px){
/*導航*/
nav{height:60px;}
.navbx{height:60px;}
.navbx::after{
	width:153px;
	padding-bottom:40px;
	}
.navlogo{width:180px;}
.menubx{padding-right:2.5%;}
.menubx a{
	width:110px;
	font-size:20px;
	line-height:60px;
	margin: 0 0 0 1%;
	}
.menubx a::before{height:5px;}


}
@media only screen and (max-width:685px){ 
/*導航*/	
.navbx::before{z-index:1;}
.menubx{height:0;}
.menubx > div{
	padding:60px 0 0;
	background: linear-gradient(90deg,#2199BF 0%,#79CC90 100%);
	top:-200px;
	}
.navbx.on .menubx > div{top:0;}
.navbx.on .menubx{height:100vh;background-color:rgba(0,0,0,.5);}
.menubx a{
	width:100%;
	font-size:22px;
	line-height:60px;
	margin:0  auto 2px;
	}
.menubx a::before{
	width:6px;
	height:100%;
	}	
.menubx a::after{opacity:1;}
.menubx a:nth-last-child(1)::after{opacity:0;}
.navbx .moc{display:flex;}

/*版宣*/
footer{
	padding:20px 0;
	font-size:12px
	}
footer .community a{
	width:35px;
	padding-bottom:35px;
	margin:0 10px 10px;
	}
}
@media only screen and (max-width:580px){
/*導航*/	
nav{height:55px;}
.navbx{height:55px;}
.navbx::after{
	width:153px;
	padding-bottom:40px;
	}
.navbx .moc{
 	width:55px;
 	height:55px;
	}
	
/*版宣*/	
.copyright{display:block;}
.copyright::after{
	content:"";
	top:2px;
	margin:0;
	}
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.navbx::after{
	width:134px;
	padding-bottom:35px;
	}	
.navlogo{width:150px;}
	
}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/
/*版宣*/	
.copyright{font-size:11px;}
}
@media only screen and (max-width:340px){
/**/
}