:root{--main:#0b421a; --second:#00452f; --line:#00484f; --hover:#e5f0ff; --op:#888888; --bac:#f1fcf1; --back:white; --fnt:iekan; --point-hue:17px; --point-ex:23px}
@media(max-device-width:2800px){
	a.signin{color:var(--white); border-bottom:1px dashed var(--white); padding-bottom:2px}
	div.box{color:var(--white)}
	div.signin{background-image:url(../im/signin_back.png); height:600px; background-repeat:no-repeat; background-position:center top; background-size:100% auto}
	div.center{text-align:right}
	div.show_des{width:400px;  left:50%; top:50%; margin-left:-200px; margin-top:-200px}
	div.mobile{display:none}
	div.hside{width:40%; margin:5%}
	div.eside{width:30%; margin-left:3%}
	div.vside{width:16%}
	div.sside{width:20%}
	div.lside{width:78%; margin-right:2%}
	div.rside{width:78%; margin-left:2%}
	div.main{background-color:var(--back); padding:40px; min-height:300px}}
@media(max-device-width:800px){
	a.signin{color:var(--black); border-bottom:1px dashed var(--black); padding-bottom:2px}
	div.box{color:var(--black); background-color:var(--hover); border-radius:var(--radius); padding:var(--padd)}
	div.signin{background:none}
	div.center{text-align:center}
	div.show_des{width:90%; left:5%; top:5%; margin-left:0px; margin-top:0px}
	div.desktop{display:none}
	div.mobile{display:block}
	div.hside{width:90%}
	div.eside{width:100%; margin-bottom:var(--padd)}
	div.vside{width:50%; margin-bottom:35px}
	div.sside{width:100%; margin-bottom:var(--padd)}
	div.lside{width:100%; margin-bottom:var(--padd)}
	div.rside{width:100%; margin-bottom:var(--padd)}
	div.scroll{overflow-x:scroll; white-space:nowrap}
	div.main{background-color:var(--back); padding:var(--padd)}}
@font-face{
	font-family:'kaufmann';
	font-display:swap;
	src:url('../include/kaufmann.ttf') format('truetype')}
@keyframes blink{0% {opacity:1} 50%{opacity:0} 100%{opacity:1}}
.anim1{transform:translate(0px,70px); transition:transform 1.5s}
.anim2{transform:scale(2,2); transition:transform 1s}
.anim3{opacity:0; transition:opacity 2s}
.menu_icon{display:inline-block; cursor:pointer}
.bar1, .bar2, .bar3{width:25px; height:2px; margin-bottom:6px; background-color:var(--main); transition:0.4s}
.menu_change .bar1{transform:translate(0,8px) rotate(-45deg)}
.menu_change .bar2{opacity:0}
.menu_change .bar3{transform:translate(0,-8px) rotate(45deg)}
div.shadow{box-shadow:0px 0px 8px 2px var(--shadow)}
div.zoom{line-height:0px; cursor: zoom-in; background-position: 50% 50%; background-repeat:no-repeat}
div.zoom:hover img{opacity:0}
div.hover{opacity:1}
div.hover:hover{opacity:0.8}
a[x-apple-data-detectors]{color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important}
a.black{color:var(--black)}
a.black:hover{color:var(--main)}
a.line{color:var(--line)}
a.line:hover{color:var(--main)}
input.button{transition:transform 0.1s; background-image:linear-gradient(var(--main),var(--second))}
input.button:hover{transform:scale(1.03,1.03)}
input.none{color:var(--main); background:none; border:1px solid var(--main)}
img.arrow{width:10px; position:relative; top:1px; margin-left:var(--radius)}
div.black{transition:background-color 0.4s; padding:var(--radius)}
div.black:hover{background-color:var(--hover)}
div.side{transition:background-color 0.4s; margin-bottom:var(--padd); padding:var(--padd); border-radius:var(--padd); border:1px solid var(--hover)}
div.side:hover{background-color:var(--hover)}
div.sideh{margin-bottom:var(--padd); padding:var(--padd); font-weight:bold; border-radius:50px; text-align:center}
div.good{transition:transform 0.4s,background-color 0.4s; margin-left:var(--padd); background-color:var(--white); border:1px solid var(--hover); position:relative; border-radius:var(--padd); padding:var(--padd); text-align:center}
div.good:hover{transform:scale(1.06,1.06); background-color:var(--hover)}
div.mnu{display:inline-block; border:1px solid var(--hover); color:var(--main); font-weight:bold; border-radius:var(--radius); padding:var(--radius)}
div.count{position:relative; top:-8px; margin-right:var(--radius); background-color:var(--red); font-size:9px; color:var(--white); text-align:center; line-height:12px; width:14px; height:14px; padding:2px; padding-bottom:1px; padding-left:1px; border-radius:100px}
img:hover{}
img.g{filter:grayscale(100%)}
img.g:hover{filter:grayscale(0%)}
img.zz{transition:transform 0.4s}
img.zz:hover{transform:scale(1.6,1.6)}
img.z{transition:transform 0.4s}
img.z:hover{transform:scale(1.1,1.1)}