/*
--------------------------------------------------------------
Product Name: Golden - Responsive Flat Dropdown Menu
Product Version: 1.0
Author: Igga Elia (elflaire)
Author URL: http://doptiq.com 
Author Portifolio: http://codecanyon.net/user/elflaire/portfolio 
E-mail: hello@doptiq.com 
Updates: Initial Release - 28th/Aug/2013
-------------------------------------------------------------- */

/* Resets for Demo 
------------------------------------------------- */
html { 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}


/*html, body{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	vertical-align: baseline;
}*/

.container { }
.clear:before,.clear:after{content:'';display:table; }
.clear:after{clear:both;}
.clear{zoom:1;}

/* Start Menu Styling 
--------------------------------------------- */

/*.nav{ 
	height:49px; 
	position:relative; 
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
}*/


.nav ul, 
.nav ol, 
.nav dl, 
.nav li { 
	line-height:1.5em;
	list-style:none; 
}

/* Hide responsive menu trigger 
--------------------------------------------- */
.menu-icon { display:none; }

/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { 
	margin: 0; 
	padding: 0; 
	
}
/*20171003 KEN START*/
ul.dropdown{
	float:right;
	width:100%; 
	position: relative;
    margin: 0 0 0 0;
	box-sizing:border-box;
    text-align: right;
}
/*20171003 KEN END*/

ul.dropdown li { 
	float: left; 
	vertical-align: middle; 
	zoom: 1; /* IE6 */
	text-align:left;
}
ul.dropdown > li {
	display:inline-block;
	vertical-align:top;
    float: initial;
}

/* General list styling 
-------------------------------------------- */
ul.dropdown li {  
	font-size:15px; 
	text-transform:uppercase; 
}

/* General links styling 
-------------------------------------------- */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active { 
	text-decoration: none; 
}

ul.dropdown a, 
ul.dropdown span { 
	display: block;
	outline:none; 
	cursor:pointer; 
	padding:0px 14px 0px 14px; 
}

ul.dropdown ul a,
ul.dropdown ul span {  
	padding: 0 0 0 0;
}	

ul.dropdown li:hover, 
ul.dropdown li.hover { 
	position: relative; 
	cursor:pointer; 
}

/* Level I+ 
--------------------------------------- */

ul.dropdown ul { 
	display:none; 
	position: absolute;
	z-index: 2001;
	top: 100%; 
	left: 0; 
}

 
ul.dropdown li:hover > ul{ 
	display:block;
    padding: 6px 0;
    box-sizing: border-box;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	box-shadow: 3px 2px 4px 0 rgba(0,0,0,0.8);
}

ul.dropdown ul li { 
	float: none;
	font-size:14px;
	font-weight: normal; 
	text-transform:none;
	position:relative; 
}

ul.dropdown ul li.hover, 
ul.dropdown ul li:hover { /* background-color:#1ABC9C; color: #fff; */ }
ul.dropdown ul li a:hover { /* color: #fff; */ }
	
/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:0; left:100%; }


/* Add trailing arrows 
---------------------------------------- */	
ul.dropdown *.sub { 
	/*padding-right:15px; */
	/*background-image: url(images/nav-arrow-down-thin.gif); */
	background-position: 95% 50%; 
	background-repeat: no-repeat; 
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(images/nav-arrow-right-thin.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}

/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover{  /*background-image: url(images/nav-arrow-down.gif);*/ } 
ul.dropdown ul li.sub:hover{ background-image: url(images/nav-arrow-right.gif);  }

/* Main menu seperator 
---------------------------------------------- */																		  								  
ul.dropdown li.divider{ 
	padding:0!important; 
	margin:0!important; 
	border:0!important;
	display:block; 
	height:37px; 
	float:left;
	width:2px; 
}

ul.dropdown li.rtl ul { position: absolute; top: 100%; right:0; z-index: 598; left:auto; }
ul.dropdown li.rtl ul ul { top:0; right:100%; left:auto; }
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul { top:0; left:100%!important; right:auto!important; }

/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */

/* Theme green black */
/*.green-black, 
.green-black ul.dropdown { background:#1ABC9C; }*/
/*20171003 KEN START*/
.green-black{background:url(../images/wrapper_menuMain_bg.jpg) 0 0 no-repeat; height:52px; position:relative; width:100%;margin: 0 auto;}

.green-black ul.dropdown ul { background:#08173f;} 

.green-black ul.dropdown a,
.green-black ul.dropdown a:visited,	
.green-black ul.dropdown a:hover, 		
.green-black ul.dropdown a:active, 
.green-black ul.dropdown li  { color: #fce3b3; font-size: 22px;; margin:0 0 0 13px;line-height: 60px; }

.green-black ul.dropdown li{
    margin: 0;
}
/*20171003 KEN END*/

.green-black ul.dropdown a:hover{ color:#f5d836;}

.green-black ul.dropdown li.hover { color: #fff;}




.green-black ul.dropdown ul li {
	white-space: nowrap; 
	background-size: 88% 1px; 
	margin:5px;margin: -1px 5px;
	width: 180px;
    border-bottom: 1px solid #ffffff3b;
}
.green-black ul.dropdown ul li:last-child{ background-image:none;border-bottom:none;}

.green-black > ul.dropdown > li > ul > li > a {margin:0 0 0 0px;}
.green-black > ul.dropdown > li > ul > li > a:hover {margin:0 0 0 0px;}

.green-black ul.dropdown ul li.hover, 
.green-black ul.dropdown ul li a:hover { color: #d7eba6;font-size:17px;}



.green-black ul.dropdown li > ul li:hover {/*background-color:#178632;*/ }

.green-black ul.dropdown li.divider{ background:transparent url(images/divide.png) center no-repeat; }

.green-black ul.dropdown ul li a{ font-size: 22px;}

.green-black_tree{ background:url(../images/green-black_tree.png) 0 0 no-repeat; width:105px; height:85px; position:absolute;top: -22px;left: 860px; z-index:99;}

/* Responsiveness 
------------------------------------- */



/*外加部分*/
.green-black .menu_style{
	margin: -2px 0 0 -44px;
	}
	
.green-black .menu_style a{text-transform:capitalize;}

.green-black ul.menu_style a, .green-black ul.menu_style a:visited, .green-black ul.menu_style a:hover, .green-black ul.menu_style a:active, .green-black ul.menu_style li{
	margin: 0 0 0 67px;
	}
	
.green-black ul.menu_style li ul {
	margin:0 0 0 66px;
	}
/*20171003 KEN START*/
.green-black ul.dropdown li.sub > a{
	position:relative;
	margin:0 0 0 0;
}	
/*20171003 KEN END*/
.green-black ul.dropdown li.sub > a:before{
	content:"";
	display:block;
	position:absolute;
    top: 27px;
    right: -10px;
	width:16px;
	height:9px;
	background:url(../images/wrapperMenuIcon.png) 0 0 no-repeat;
	}
.green-black ul.dropdown li ul li > a{
	text-align: center;
	}
.green-black ul.dropdown ul li a:hover{
	color:#f5d836;
	}
.green-black ul.dropdown li.sub ul li.sub > a:before{
	content:"";
	display:block;
	position:absolute;
    top: 22px;
	left:8px;
	width:5px;
	height:8px;
	background:url(../images/wrapperMenuSubIcon.png) 0 0 no-repeat;
	}
@media only screen and (max-width: 1500px) {
/*20171003 KEN START*/
.green-black ul.dropdown li{
	margin:0;
}
/*20171003 KEN END*/
@media only screen and (max-width: 1317px) {

	.green-black{
		height:60px;
	}

	.green-black ul.dropdown a, 
	.green-black ul.dropdown a:visited, 
	.green-black ul.dropdown a:hover, 
	.green-black ul.dropdown a:active, 
	.green-black ul.dropdown li{
		font-size:19px;
	    margin: 0 0 0 0;
	}
	.green-black ul.dropdown li{
		margin:0 1%;
	}
	.green-black ul.dropdown ul li a{
		font-size:17px;
	}

	.green-black ul.dropdown li.sub > a:before{
		top: 11px;
		right: -21px;
	}
	.green-black ul.dropdown ul li.hover, 
	.green-black ul.dropdown ul li a:hover{
		font-size:17px;
	}
	ul.dropdown a, ul.dropdown span{
		padding:0 0 0 0;
	}
	.green-black ul.dropdown li.sub ul li.sub > a:before{
		top:17px;
	}

}
@media only screen and (max-width: 1000px) {
	ul.dropdown{
		margin: 0 0 0 209px;
	}
	.green-black ul.dropdown a,
	.green-black ul.dropdown a:visited,	
	.green-black ul.dropdown a:hover, 		
	.green-black ul.dropdown a:active, 
	.green-black ul.dropdown li  { 
		line-height:40px;
		font-size: 16px; 
	}
	.green-black ul.dropdown li{
		margin: 0 1%;
	}

}