/*
#menuwrap
#menuwrap label img
#menuwrap button img
#menuwrap label p
#menuwrap button p
#logo
#logo img
button
input[type'button']:hover
input[type'submit']:hover
#micon
*/

#logo_cust{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	width:220px;
	height:80px;
	margin:auto auto auto auto;
	background-color:#111111;
	border-bottom:1px solid rgba(57,57,57,1.00);
	box-sizing:border-box;
}

#logo_cust:before{
position:absolute;
left:100%;
top:0px;
content: "";
border-top: 40px solid #111111;
border-right: 40px solid transparent;
border-left: 40px solid #111111;
border-bottom: 40px solid transparent;
}

#logo_cust:after{
position:absolute;
right:100%;
top:0px;
content: "";
border-top: 40px solid #111111;
border-left: 40px solid transparent;
border-right: 40px solid #111111;
border-bottom: 40px solid transparent;
}
	
#logo_cust img{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:200px;
	height:auto;
	margin:auto auto auto auto;
}

input[type="text"],
input[type="tel"],
input[type="number"]{
	-webkit-user-select:auto;
	user-select:auto;
	}

#top_status{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	width:auto;
	height:3px;
	z-index:9990;
	background-color:rgba(223,223,223,1.00);
	}

#popup{
	position:fixed;
	display:none;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:85%;
	height:85%;
	box-sizing:border-box;
	text-align:center;
	box-shadow:0px 0px 105px rgba(31,31,31,1.00), 0px 0px 5px rgba(1,1,1,1.00), 0px 0px 105px rgba(1,1,1,1.00);
	padding:20px 20px 100px 20px;
	background-color:rgba(224,224,224,1.00);
	color:rgba(38,38,38,1.00);
	z-index:9994;
	margin:auto auto auto auto;
	}

#popup #ko{
	position:absolute;
	top:30px;
	left:15px;
	right:15px;
	bottom:90px;
	width:100%;
	height:auto;
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:rgba(28,18,18,1.00);
}
	
#popup #ok{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:85px;
	font-size:20px;
	line-height:85px;
	text-align:center;
	background-color:#0076A1;
	color:rgba(228,228,228,1.00);
	}
	
#menuwrap{
	position: fixed;
    display: flex;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 90px;
	overflow: hidden;
	box-sizing: border-box;
	touch-action: manipulation;
	z-index: 9090;
	}
		
#menuwrap #logo{
	position: absolute;
	top:0px;
	left: min(5%, 60px);
	bottom:0px;
	margin:auto 0px;
	width:auto;
	height:50px;
	}
	
#menuwrap #logo img{
	display:block;
	width:auto;
	height:30px;
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto auto auto auto;
	}

#menuwrap #showhide_submenu{
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	right:10px;
	top:0px;
	bottom:0px;
	margin: auto;
    background-color: transparent;
    box-shadow: 0px 0px 0px transparent;
}

#menuwrap #showhide_submenu img {
	width:33px;
	height:33px;
}

#messagebox{
	display:none;
	position:fixed;
	top:10px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:auto;
	background-color:rgba(0,0,0,0.88);
	z-index:9996;
	}
#messagebox #message_content{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:60px;
	width:98%;
	height:auto;
	line-height:30px;
	font-size:25px;
	background-color:rgba(3,2,1,0.0);
	color:white;
	border:0;
	padding:10px 2% 10px 2%;
	box-sizing:border-box;
	text-align:center;
	margin:auto auto auto auto;
	z-index:9997;
	-webkit-user-select:normal;
}

#messagebox #close_message_box{
	position:absolute;
	bottom:10px;
	left:5px;
	width:60px;
	height:55px;
	border-radius:3px;
	margin:auto auto auto auto;
	border:0;
	font-size:25px;
	line-height:55px;
	background-color:rgba(221,11,15,1.00);
	color:white;
	box-sizing: border-box;
	z-index:9997
	}

#messagebox #send_message{
	position:absolute;
	bottom:10px;
	left:65px;
	right:5px;
	width:auto;
	height:55px;
	border-radius:3px;
	margin:auto auto auto auto;
	border:0;
	font-size:20px;
	line-height:55px;
	background-color:rgba(0,171,5,1.00);
	color:white;
	box-sizing: border-box;
	z-index:9997;	
}
	
	#submenu {
	position: fixed;
	top: -200px;
	right: 10px;
	display: inline-block;
	width: calc( 95% - 20px );
	max-width: 260px;
	height: auto;
	padding: 20px 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-sizing: border-box;
	background-color: var(--bgrColor);
	transition: all 0.5s;
	overflow: hidden;
	z-index:455;
	}

	#submenu:before{
	position: absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 4px;
		content:"";
		background-color: var(--mainColor5);
		filter:blur(4px);
	}
	

	#submenu div {
		position:relative;
		display:block;
		margin:6px auto 3px auto;
		overflow:hidden;
		box-sizing: border-box;
		text-align: left;
	}

	#submenu div img {
		position:absolute;
		display:block;
		top:0px;
		bottom:0px;
		left:10px;
		width:40px;
		height:40px;
		margin:auto auto auto auto;
		overflow:hidden;
	}

	#submenu div p {
		position:absolute;
		display:block;
		top:0px;
		bottom:0px;
		left:60px;
		right:10px;
		text-align:left;
		width:auto;
		height:55px;
		line-height:55px;
		margin:0px 0px 0px 0px;
		color:rgba(224,224,224,1.00);
	}

#customer_info{	display:none; }