@charset "UTF-8";
/* reset css */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/* yd_setMenuBar */

.yd-menu-btn{
	display:block;
	position:relative;
	width:40px;
	height:40px;
	cursor:pointer;
	background:#eee;
	overflow:hidden;
}
.yd-menu-btn .ibar{
	width:calc(100% - 14px);
	height:5px;
	display:block;
	margin:5px 7px 0 7px;
	background:#666;
	border-radius:10px;
	position:relative;
}
.yd-menu{
	opacity: 0;
}
.yd-menu-btn.clicked{
	background: red;
}
.yd-menu-btn .ibar:nth-child(1){
	margin-top:7px;
}
.yd-menu-btn.yd-mobile{
	display: none;
}
.rotate_l{
	animation:go_rotate_l 0.3s linear 0s 1 forwards; 
	position: absolute;
	top: 10px;
}
.rotate_r{
	animation:go_rotate_r 0.3s linear 0s 1 forwards; 
	position: absolute;
	top:-10px;
}
.default{
	animation:go_default 0.3s linear 0s 1 forwards;
	opacity: 1;
	position: static;
}
.yd-mobile.show_menu{
	opacity: 1;
}
.yd-mobile.hide_menu{;
	display: none;
}
.show_menu{
	position: static!important;
}
.hide_menu{
	display: block;
}
.hide_box{
	display: none;
}
.show_box{
	animation:go_show_menu 0.3s linear 0s 1 forwards;
}
@media (max-width: 991px) {
	.yd-menu-btn.yd-mobile{
		display: block;
	}
	.show_menu{
		animation:go_show_menu 0.3s linear 0s 1 forwards;
	}
	.hide_menu{
		display: none;
		animation:go_hide_menu 0.2s linear 0s 1 forwards;
	}
}
@keyframes go_rotate_l {
	0%{transform:rotate(0deg);top:10px}
	100%{transform:rotate(-135deg);top:10px}
}
@keyframes go_rotate_r {
	0%{transform:rotate(0deg);top:10px}
	100%{transform:rotate(135deg);top: 10px}
}
@keyframes go_default {
	100%{transform:rotate(0);background: #999;}
}
@keyframes go_show_menu {
	0% {opacity: 0;position: fixed;} 
    100% {opacity: 1;position: fixed;}
}
@keyframes go_hide_menu {
	0%{
		position: static;
	}
    100% {opacity: 0;display: none;position: static;}
}

/* lightBox */
.yd-mask{
	position:fixed;
	background:rgba(0,0,0,0.7);
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	padding: 0;
	overflow-y: auto;
	z-index: 99999;
}
.yd-light-box{
	display: none;
	max-width: 500px;
	min-width: 300px;
	min-height: 200px;
	background: #fff;
	margin: 100px auto 0;
	padding: 10px;
	position: relative;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
}
.yd-light-box .yd-close-btn{
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: rgba(249,107,88,1);
	color:#fff;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
.yd-blur{
	-webkit-filter: blur(5px); /* Safari */
    filter: blur(10px);
}

@media (max-width: 991px) {
	.yd-light-box{
		display: none;
		max-width: 500px;
		min-width: 300px;
		min-height: 200px;
		width: calc(100% - 40px);
		background: #fff;
		margin: 10px auto 0;
		padding: 10px;
		position: relative;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
	}
}