@charset "utf-8";
/* CSS Document */

#side-mega-menu-mobile-button {
	display:block;
}
#side-mega-menu-button, #side-mega-menu-tablet-button {
	display:none;
}
.mega-container {
}
.mobile-button {
	color:#fff;
	/*	background-image: -moz-linear-gradient(top, #aba6a6  48%, #878585  49%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.48, #aba6a6 ), color-stop(0.49, #878585 ));*/
/*	background-color: #aba6a6 ;*/
	background-color: #333333;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 10px;
	position: relative;
	text-align:center;
	text-shadow: 1px 1px 0px #000000;
	border-bottom: 6px solid #de0515;
}
/*.std-button {
	color:#fff;
	background-image: -moz-linear-gradient(top, #aba6a6  48%, #878585  49%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.48, #aba6a6 ), color-stop(0.49, #878585 ));
	background-color: #aba6a6 ;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 10px;
	position: relative;
	text-align:center;
	text-shadow: 1px 1px 0px #000000;
}
*/
.std-button, .tablet-button {
	/* background-image: -moz-linear-gradient(top, #aba6a6 48%, #878585 49%); */
	/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.48, #aba6a6 ), color-stop(0.49, #878585 )); */
	background-color: #FFFFFF;
	color: #333;
	cursor: pointer;
	display: block;
	margin: 0;
	position: relative;
	text-align: center;
	/* text-shadow: 1px 1px 0px #000000; */
	/* [disabled]border-bottom: 6px solid #de0515; */
	border: 1px solid #ccc;
	padding:10px 4px;
	font-size:14px;
	font-weight:700
}


#side-mega-menu-wrapper {
	display:none;
	position:absolute;
	box-sizing: border-box;
	z-index:9999;
	/*	display:block !important;*/
	width:100%;
	
}
#side-mega-menu-wrapper.side-active {
	display:block !important;
}
#side-mega-menu {
	display:block;
	position:relative;
	width:250px;
}
#side-mega-menu-items {
	box-sizing:border-box;
	width:100%;
	padding:20px 0;
	border:1px solid #ddd;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.08)
}
#side-mega-menu-items li > a {
	background-image: url("/ws/images_n/icon/arrow_gray.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 6% auto;
	box-sizing: border-box;
	color: #262626;
	display: block;
	font-size: 12px;
	padding: 2px 25px;
	transition:all 0.2s;
}
#side-mega-menu-items li:hover a {
	background: #eee;
	background-image: url("/ws/images_n/icon/arrow_gray.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10% auto;
}
.side-mega-menu-panel {
	display:none;
	box-sizing: border-box;
	position:absolute;
	left:100%;
	top:0;
	padding:30px;
	border:1px solid #ddd;
	width:600px;
	background: #fff;
	margin-left:-1px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.08);
}
.side-mega-menu-panel li > a {
	display:block;
	box-sizing:border-box;
	padding:2px 10px;
	font-size:14px;
	color:#262626;
}
.side-mega-menu-panel li:hover a {
	background: #eee;
}
#side-mega-menu ul {
	list-style:none;
}
#side-mega-menu h4 {
	margin:0 0 10px;
	color:#333;
	border-bottom:1px solid #ccc;
}
.mega-container .mobile-button::after, .mega-container .std-button::after, .mega-container .tablet-button::after {
	content: "\f103  ";
	font-family: FontAwesome;
	padding: 0 0 0 0.7em;
}
.mega-container .mobile-button:hover, .mega-container .std-button:hover, .mega-container .tablet-button:hover {
	color:#262626;
	font-weight:bold;
}
/* ==================================================================
    Responsive
================================================================== */
.side-mm-item-mobile {
	display:none;
}
 @media (max-width: 768px) {
#side-mega-menu-wrapper {
	left:1%;
	right:1%;
	width:98%;
	max-width:100%;
	background: #fff;
	z-index:1002;
}
#side-mega-menu {
	width:100%;
	max-width:100%;
	border:1px solid #ddd;
	border-bottom:none;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}
#side-mega-menu-items {
	display:none;
}
.side-mega-menu-panel {
	position:relative;
	display:none;
	left:0;
	width:100%;
	max-width:100%;
	box-shadow:none;
	border:none;
	border-bottom:1px solid #ddd;
	margin-left:0;
}
.side-mega-menu-panel .uk-grid > div + div {
	margin-top:20px;
}
.side-mm-item-mobile {
	display:block;
	box-sizing: border-box;
	height:40px;
	line-height:40px;
	padding:0 15px;
	border-bottom:1px solid #ddd;
}
.side-mm-item-mobile.side-active + .side-mega-menu-panel {
	display:block;
}
}
 @media all and (min-width: 768px) {
#side-mega-menu {
	display: block;
	position: relative;
	width: 100%;
	min-width: 170px;
}
#side-mega-menu-items li > a {
	padding:2px 25px 2px 15px;
}
#side-mega-menu-mobile-button {
	display:none;
}
#side-mega-menu-button {
	display:none;
}
#side-mega-menu-tablet-button{	display:block;
}
.side-mega-menu-panel > div {
	display:flex;
	flex-flow:row wrap;
}
.side-mega-menu-panel .uk-width-expands {
	flex-basis:45%;
	margin:0 5px 20px;
}
.side-mega-menu-panel .uk-nav li {
	font-size:14px;
	line-height:1.8em;
}
.side-mega-menu-panel {
	height: 571px;
}
.side-mega-menu-panel.makerList {
	width:897px;
	height: auto;
}
.side-mega-menu-panel {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 60% auto;
}
.side-mega-menu-panel.bg_desk {
	background-image: url(/ws/images_n/category/desk/catetop_desk.png);
}
.side-mega-menu-panel.bg_chair {
	background-image: url(/ws/images_n/category/chair/catetop_chair.png);
}
.side-mega-menu-panel.bg_wagon {
	background-image: url(/ws/images_n/category/wagon/catetop_wagon.png);
}
.side-mega-menu-panel.bg_cabi {
	background-image: url(/ws/images_n/category/library/catetop_library.png);
}
.side-mega-menu-panel.bg_counter {
	background-image: url(/ws/images_n/category/office_counter/catetop_office_counter.png);
}
.side-mega-menu-panel.bg_table {
	background-image: url(/ws/images_n/category/table/catetop_table.png);
}
.side-mega-menu-panel.bg_locker {
	background-image: url(/ws/images_n/category/locker/catetop_locker.png);
}
.side-mega-menu-panel.bg_recep {
	background-image: url(/ws/images_n/category/reception_fur/catetop_reception_fur.png);
	background-size: 100% auto;
}
.side-mega-menu-panel.bg_officers {
	background-image: url(/ws/images_n/category/officers_fur/catetop_officers_fur.png);
	background-size: 80% auto;
}
.side-mega-menu-panel.bg_design {
	background-image: url(/ws/images_n/bg_cate_design.png);
}
.side-mega-menu-panel.bg_panel {
	background-image: url(/ws/images_n/category/partition/catetop_partition.png);
}
.side-mega-menu-panel.bg_board {
	background-image: url(/ws/images_n/category/board/catetop_board.png);
	background-size: 80% auto;
}
.side-mega-menu-panel.bg_carpet {
	background-image: url(/ws/images_n/category/carpet/catetop_carpet.png);
	background-size: 80% auto;
}
.side-mega-menu-panel.bg_safe {
	background-image: url(/ws/images_n/category/safe/catetop_safe.png);
}
.side-mega-menu-panel.bg_phone {
	background-image: url(/ws/b_Phone/image/ntt/b1_wht.png);
}
.side-mega-menu-panel.bg_blind {
	background-image: url(/ws/images_n/category/blind/catetop_blind.png);
	background-size: 80% auto;
}
.side-mega-menu-panel.bg_acc {
	background-image: url(/ws/images_n/category/office_acc/catetop_acc.png);
}
.side-mega-menu-panel.bg_shreder {
	background-image: url(/ws/images_n/category/shreder/catetop_shreder.png);
	background-size: 80% auto;
}
.side-mega-menu-panel.bg_kade {
	background-image: url(/ws/images_n/category/electric_app/catetop_electric_app.png);
}
.side-mega-menu-panel.bg_oa {
	background-image: url(/ws/images_n/category/oa/catetop_oa.png);
}
.side-mega-menu-panel.bg_physical {
	background-image: url(/ws/images_n/category/physical_dis/catetop_physical_dis.png);
		background-size: 80% auto;
}
.side-mega-menu-panel.bg_care {
	background-image: url(/ws/images_n/category/kaigo/catetop_kaigo.png);
	background-size: 100% auto;
}
}
 @media all and (min-width: 1130px) {
#side-mega-menu {
	display: block;
	position: relative;
	width: 224px;
}
#side-mega-menu-items li > a {
	padding:2px 25px;
}
.side-mega-menu-panel.makerList {
	width:897px;
	height:100%;
}
.side-mega-menu-panel.makerList .uk-width-expands {
	flex-basis:23%;
}
.side-mega-menu-panel.makerList li > a {
	font-size:10px;
	padding:2px 0;
}
#side-mega-menu-button {
	display:block;
}
#side-mega-menu-tablet-button{	display:none;
}
}