/* sub-menu */
 .sub-menu >li:after{ position:absolute; bottom:0px; left:0; width: 0px; height: 1px; content:''; display:inline-block; background: #ffffff;  }
 .sub-menu >li:hover:after{ width:100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;  }
 .menu-item-has-children.mega-dropdown {
	position: static;
	}
 li.menu-item-has-childrenul.sub-menu li a:after,
 li.menu-item-has-childrenul.sub-menu li ul.sub-menu li a:after {
	border-style: none;
	border-width: medium;
	content: '';
	position: relative;
	top: auto;
	right: auto;
	}
 li.menu-item-has-childrenul li a {
	border-bottom: none;
	padding: 6px 0px 6px 0px;
	}

li a:hover,
li:hover a {
	text-decoration: none;
	}
ul.sub-menu {
		-moz-box-shadow: 0 0 20px -10px #000;
		-ms-box-shadow: 0 0 20px -10px #000;
		-o-box-shadow: 0 0 20px -10px #000;
		-webkit-box-shadow: 0 0 20px -10px #000;
	box-shadow: 0px 0px 15px 2px #616161;
	overflow: hidden;
	position: absolute;
		top: 65px;
		left: 0;
		opacity:0;
	-webkit-transition: -webkit-transform 0.2s ease;
	   -moz-transition: -moz-transform 0.2s ease;
	    -ms-transition: -ms-transform 0.2s ease;
	     -o-transition: -o-transform 0.2s ease;
			transition: transform 0.2s ease;
			transition: opacity 0.2s ease;
	-webkit-transform: translateY(-1000px);
	   -moz-transform: translateY(-1000px);
	    -ms-transform: translateY(-1000px);
	     -o-transform: translateY(-1000px);
			transform: translateY(-1000px);
	z-index: -3;
	background: rgba(0,0,0,0.65);
	}
 .menu-item-has-children:hover ul.sub-menu {
	overflow: visible;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
			transform: translateY(0);
		opacity:1;
	-webkit-transition: -webkit-transform 0.3s ease;
	   -moz-transition: -moz-transform 0.3s ease;
	    -ms-transition: -ms-transform 0.3s ease;
	     -o-transition: -o-transform 0.3s ease;
			transition: transform 0.3s ease;
			transition: opacity 0.3s ease;
	}
 .menu-item-has-children:hover ul.sub-menu li {
	display: block;
	float: left;
	position: relative;
	}
 .menu-item-has-children:hover ul.sub-menu li.menu-item-has-children a {
	position: relative;
	}
 .menu-item-has-children:hover ul.sub-menu li.menu-item-has-children a:after {
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: '';
	position: absolute;
	top: 15px;
	right: 10px;
	}
 .menu-item-has-children:hover ul.sub-menu li:first-child {
	border-top: none;
	}
 .sub-menu li  {
	width: 380px;
	border-bottom:1px solid #9f9f9f;
	}
 .menu-item-has-children:hover ul.sub-menu li a {
	float: left;
	font-size: 14px;
	padding: 6px 0px 6px 20px;
	width: 100%;
	}
 .menu-item-has-children ul.sub-menu li a {
	height: 30px;/* 第二層目錄高 */
	}

 .menu-item-has-children:hover ul.sub-menu li a:hover {
	background: rgba(255,255,255,0.3);
	}
 .menu-item-has-children:hover ul.sub-menu li ul {
	display: none;
	opacity: 1;
	position: absolute;
		top: 0;
		left: 160px;
	height: auto;
	}
 .menu-item-has-children:hover ul.sub-menu li:hover ul {
	display: block;
	}

 .menu-item-has-children:hover ul.sub-menu li:hover ul li {
	display: inline;
	}

 .menu-item-has-children:hover ul.sub-menu li:hover ul li ul {
	display: none;
	}
 .menu-item-has-children:hover ul.sub-menu,
 .menu-item-has-children:hover ul.sub-menu li a {
	color: #ffffff;
	}
 .menu-item-has-children, .menu-item-has-children a{
	color: #ffffff;font-size:14px;padding-right: 15px;
	}
 .menu-item-has-children a:hover,
 .menu-item-has-children:hover a {
	border-bottom: 5px solid rgba(0,0,0,0);
	}
 ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style: none;
}
li.menu-item-has-childrena:link {
	color: #ffffff;
}
li.menu-item-has-childrena:visited {
	color: #ffffff;
}
li.menu-item-has-childrena:hover {
	color: #ffffff;
}
























.bg-btn-white  .menu-item-has-children:hover ul.sub-menu li a:hover {
	background: rgba(0,0,0,0.1);
	}


.bg-btn-white  .menu-item-has-children ul.sub-menu {
	background: rgba(255,255,255,1);
	}

.bg-btn-white  .menu-item-has-children:hover ul.sub-menu,
.bg-btn-white  .menu-item-has-children:hover ul.sub-menu li a {
	color: #000000;
	}
.bg-btn-white  .menu-item-has-children,
.bg-btn-white .menu-item-has-children a{
	color: #000000;font-size:14px;padding-right: 15px;
	}
.bg-btn-white  li.menu-item-has-childrena:hover{text-decoration: none;color: #000000;}


.bg-btn-white li.menu-item-has-childrena:link {
	color: #000000;
}
.bg-btn-white li.menu-item-has-childrena:visited {
	color: #000000;
}
.bg-btn-white li.menu-item-has-childrena:hover {
	color: #000000;
}
.bg-self-white  .menu-item-has-children:hover ul.sub-menu li a:hover {
	background: rgba(0,0,0,0.1);
	}


.bg-self-white  .menu-item-has-children ul.sub-menu {
	background: rgba(255,255,255,1);
	}

.bg-self-white  .menu-item-has-children:hover ul.sub-menu,
.bg-self-white  .menu-item-has-children:hover ul.sub-menu li a {
	color: #000000;
	}
.bg-self-white  .menu-item-has-children,
.bg-self-white .menu-item-has-children a{
	color: #000000;font-size:14px;padding-right: 15px;
	}
.bg-self-white  li.menu-item-has-childrena:hover{text-decoration: none;color: #000000;}


.bg-self-white li.menu-item-has-childrena:link {
	color: #000000;
}
.bg-self-white li.menu-item-has-childrena:visited {
	color: #000000;
}
.bg-self-white li.menu-item-has-childrena:hover {
	color: #000000;
}