/*-- top menu --*/
.nav{padding:0 30px;overflow:hidden;position:fixed;top:0;left:0;z-index:100;width:100%;height:70px;transition:0.5s;background-color: rgba(0, 0, 0, 0.1);}
.nav .logo a{display:block;background:url("/images/yy_logo_w.png") no-repeat;background-size:100% auto;width:240px;height:30px;transition:0.5s;}
.nav a{color:#fff;transition:0.6s;}
.nav .logo{width:80%;}
.nav .menu{transition:0.6s;}
.nav .tog{width:20%;text-align:right;}
.nav .nav_in{display:flex;align-items:center;position:relative;height:70px;}
.nav.on a{color:#000;}
.nav .tog button::before{content:"\e94b";font-family:"Material Symbols Outlined";;display:inline-block;font-size:40px;line-height:1;color:#fff;margin-top:-10px}
.nav:hover .tog button::before{color:#000;}
.nav.on .tog button::before, .nav.open .tog button::before{color:#000;}
.nav:hover .tog button::before{color:#fff;}

@media (max-width:992px){
	.nav .menu{display:none}
	.nav .tog{text-align:right;margin-top:20px;}
	.nav.on .logo a{background:url("/images/yy_logo_org.png") no-repeat;background-size:100% auto;}
	.nav.on{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
	.nav.on:hover .tog button::before{color:#000;}
}
/*header*/
@media (min-width:992px){
	.nav .tog button::before{margin-top:0px;}
	.nav .logo{width:25%;}
	.nav .menu{width:70%;}
	.nav .tog{width:5%;}
	.nav{padding:0 40px;height:100px;}
	.nav::before{position:absolute;top:99px;left:0;width:100%;height:1px;background-color:#ddd;transition:0.3s;content:"";opacity:0.3;}
	.nav .logo a{width:200px;height:25px;}
	.nav .nav_in{display:flex;align-items:center;position:relative;height:100px;}
	.nav .menu{transition:0.6s;}
	.nav .menu > ul{display:flex;list-style:none;justify-content:flex-end;}
	.nav .menu > ul > li{position:relative;}
	.nav .menu > ul > li > a{display:block;position:relative;margin-right:30px;font-size:17px;}
	.nav .menu > ul > li > a:hover{color:#008236}
	.nav .depth2{list-style:none;position:absolute;top:100px;left:0;width:100%;}
	.nav .depth2 li ~ li{margin-top:10px;}
	.nav .depth2 li a{display:block;font-size:14px}
	.nav .depth2 li a:hover{color:#008236}
	.nav:hover, .nav.on:hover{box-shadow:0 5px 10px rgba(0,0,0,0.1);height:310px;background:#fff;}
	.nav:hover .tog button::before{color:#000;}
	.nav:hover::before{opacity:1;}
	.nav:hover .logo a, .nav.on .logo a{background:url("/images/yy_logo_org.png") no-repeat;background-size:100% auto;}
	.nav:hover a{color:#000}
	.nav.on{height:100px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
	.nav.open .menu{padding:60px 40px 40px 50px;}
	.nav.open .tog{top:30px;right:30px;}
	.nav.open .tog button::before{font-size:60px;margin-top:0px}
	.nav.open .menu > ul{margin-top:40px;}
	.nav.open .menu > ul > li{padding-bottom:40px;}
	.nav.open .menu > ul > li > a{font-size:55px;}
	.nav.open .depth2{margin-top:10px}
	.nav.open .depth2 li{padding:0 15px;}
	.nav.open .depth2 a{font-size:22px;}
}
@media (min-width:1100px){
	.nav .logo a{width:240px;height:30px;}
	.nav .menu > ul > li > a{margin-right:45px;}
}
@media (min-width:1200px){
	.nav .logo{width:18%;}
	.nav .menu{width:72%;}
	.nav .tog{width:10%;}
	.nav .menu > ul > li > a{font-size:18px;}
	.nav .depth2 li a{font-size:16px}
	.nav:hover, .nav.on:hover{height:330px;}
}
@media (min-width:1300px){
	.nav .logo{width:17%;}
	.nav .menu{width:75%;}
	.nav .tog{width:8%;}
	.nav .menu > ul > li > a{margin-right:55px;}
}
@media (min-width:1650px){
	.nav .logo{width:30%;}
	.nav .menu{width:55%;}
	.nav .tog{width:15%;}
}

.nav.open, .nav.open:hover{height:100%;padding:0;background:rgba(0,0,0,0.85);}
.nav.open::before{opacity:0;}
.nav.open .logo a{display:block;background:url("/images/yy_logo_w.png") no-repeat;background-size:100% auto;}
.nav.open .nav_in{padding:60px 20px 0 40px;display:block;position:relative;height:100%;}
.nav.open .tog{position:fixed;top:10px;right:20px;width:auto;}
.nav.open .tog button::before{font-size:40px;line-height:0.5;content:"\e5cd";font-family:"Material Symbols Outlined";color:#fff}
.nav.open .menu{display:block;width:100%;order:1;padding:60px 30px 40px 0;height:calc(100% - 50px);}
.nav.open .menu > ul{list-style:none;width:100%;margin-top:20px;display:block;}
.nav.open .menu > ul > li{display:block;padding-bottom:35px;}
.nav.open .menu > ul > li > a{font-size:30px;color:#fff;font-weight:700;line-height:1;display:inline-block;}
.nav.open .menu > ul > li > a:hover{color:#008236}
.nav.open .depth2{list-style:none;position:relative;top:0;margin-top:10px}
.nav.open .depth2 li{padding:0 5px;display:inline-block;margin:0}
.nav.open .depth2 a{list-style:none;color:#fff;font-size:16px;padding:0}

@media (min-width:992px){
	.nav.open .menu{padding:60px 40px 40px 50px;}
	.nav.open .tog{top:30px;right:30px;color:#fff}
	.nav.open .tog button::before{font-size:60px;}
	.nav.open .menu > ul{margin-top:40px;}
	.nav.open .menu > ul > li{padding-bottom:40px;}
	.nav.open .menu > ul > li > a{font-size:45px;}
	.nav.open .depth2{margin-top:15px}
	.nav.open .depth2 li{padding:0 15px;}
	.nav.open .depth2 a{font-size:22px;}
}