@charset "utf-8";

.menu-collapser{
	position: absolute;
	top:0;
	right:0;
	width:20%;
	height:20%;
	padding:0 8px;color:#FFF;font-size:16px;line-height:48px;background-color:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.collapse-button{
	position:absolute;
	right:0px;
	top:25%;
	width:55px;
	height:55px;
	padding:7px 10px;
	color:#FFFFFF;font-size:14px;text-align:center;background-color:#0E0E0E;border-radius:2px;cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-image: url(../image_common/header/menu.png);
	background-repeat:no-repeat;
	background-size:100% auto;}

.collapse-button:hover,.collapse-button:focus{color:none;background-color:#040404}
.collapse-button .icon-bar{display:none;height:2px;width:18px;margin:2px 0;background-color:#F5F5F5;border-radius:1px}

ul.slimmenu{width:100%;margin:0 0 3% 0;padding:0 -10px 0 0;list-style-type:none;border-right:1px solid #999}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li>ul{position:static;display:none}
ul.slimmenu.collapsed li a{display:block;border-bottom:1px solid #999;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:40px}
ul.slimmenu li{position:relative;float:left;display:inline-block;background-color:#fff; color:#000;text-decoration:none; width:14.1%; text-align:center}
ul.slimmenu li ul{margin:0;list-style-type:none}
ul.slimmenu li ul li{background:#bbbbbb; min-width:200px; text-align:left; padding:0; vertical-align:middle;text-indent:20px;}
ul.slimmenu li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;min-width:200px}
ul.slimmenu li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu li a{height:40px;
	display:block;
	padding:0;
	color:#333;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
	text-decoration:none;
	font-size:calc(12px + 0.2vw);
	line-height:calc(18px + 0.2vw);
	font-weight:bold;
	width:100%}
ul.slimmenu li a:hover{text-decoration:none;background-color:#000;color:#fff;}
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0);position:absolute;right:0;top:0;z-index:999;width:100%;height:100%;text-align:left;cursor:pointer; padding:2% 0 0 0;}
ul.slimmenu li .sub-toggle:before{content:'';display:/*inline-block*/none;height:100%;margin-right:-0.25em;vertical-align:middle;}
ul.slimmenu li .sub-toggle>i{display:/*inline-block*/none;color:#333;font-size:18px;vertical-align:middle;}
ul.slimmenu>li{border-left:1px solid #999}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li
{border-left:1;border-right:1;}.one_parts { padding:10px 0 0 0}

@media screen and (min-width: 1023px) and (max-width: 1024px) {
    /*ˇˇiPadProˇˇ*/
	
}

@media screen and (min-width: 767px) and (max-width: 768px) {
    /*ˇˇiPadˇˇ*/
	ul.slimmenu li a{height:40px;
	display:block;
	padding:0;
	color:#333;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
	text-decoration:none;
	font-size:calc(10px + 0.2vw);
	line-height:calc(14px + 0.2vw);
	font-weight:bold;
	width:100%;
	padding-top:10px;}
	

	
}


@media screen and (max-width: 600px) {

	.menu-collapser{
		height: 13.45vw;
	}
	
	ul.slimmenu{
		position:fixed;
		top:26.5vw;
		right:2vw;
		width:96vw;
		z-index:1000;
	}

	ul.slimmenu.collapsed li{
		text-align:left;

	}

	ul.slimmenu.collapsed li a{
		padding:0 15px;
	}
	
	ul.slimmenu.collapsed li:first-child{
		border-top:1px solid #999;
	}
	
	ul.slimmenu.collapsed li.has-submenu > a{
		position:relative;
	}
	
	ul.slimmenu.collapsed li.has-submenu > a::after{
		position:absolute;
		top:50%;
		transform:translateY(-50%) rotate(90deg) scaleY(2);
		right:15px;
		content:">";
	}
}