/*
Module : Pro Mega menu
Author : treoden - treoden@gmail.com
*/
*{margin:0;padding:0}
.responsive-menu-controller{display:none;text-align:center;width:100%;}
#pro-mega-menu-container{display:table;width:100%}
#pro-mega-menu a{text-decoration:none}
#pro-mega-menu{margin-bottom:0px}
#pro-mega-menu li{list-style:none}
#pro-mega-menu > li{float:left;position:relative;padding:0 20px;transition:color 1s ease 0s, background-color 1s ease 0s, box-shadow 1s ease 0s}
.normal-submenu > li{position:relative;padding:0 10px}
.pro-mega-menu-dropdown{display:none;position:absolute;top:100%;left:0;z-index:99}
.pro-mega-menu-dropdown .pro-mega-menu-dropdown{top:0;left:100%}
.mega-content{padding:20px;overflow:hidden}
.pro-mega-menu-dropdown li:before{content:'\f105';display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding-right:10px;}
.mega-content h1,.mega-content h2,.mega-content h3,.mega-content h4{margin-top:0px}
/*#pro-mega-menu li:hover > .pro-mega-menu-dropdown{display:block}*/
#pro-mega-menu-container li.root > a, .responsive-menu-controller{}
#pro-mega-menu li.root.clicked{height:auto!important}
.columns4 .sub-menu-mega li{float:left;width:23%;margin-right:2%}
.columns3 .sub-menu-mega li{float:left;width:30%;margin-right:3%}
.columns2 .sub-menu-mega li{float:left;width:46%;margin-right:4%}
span.red{color:red}
span.bold{font-weight:bold}
span.blue{color:blue}
span.yellow{color:yellow}
span.pink{color:pink}
span.green{color:green}
.columns4 .col-one{float:left;width:23%;margin-right:2%}
.columns4 .col-two{float:left;width:48%;margin-right:2%}
.columns4 .col-three{float:left;width:73%;margin-right:2%}
.columns3 .col-one{float:left;width:30%;margin-right:3%}
.columns3 .col-two{float:left;width:64%;margin-right:3%}
.columns2 .col-one{float:left;width:46%;margin-right:4%}
.pro-close-menu {
	color: rgba(0, 0, 0, .8);
	text-decoration:none;
	position:absolute;
	top:8%;
	right:6.8%;
	font-size:16px;
	z-index:9999;
	cursor : pointer;
}







/*may 20160217*/



.all-submenu {
	color:#fff;background-color:rgba(0, 0,0, .88);
	padding-bottom:5px; position: absolute; z-index:9999;top:50px;
}
.all-submenu >.row{	color:#fff;}
.submenu {
	color:#fac192;
	width:180px;
	border-right:1.5px solid #fff;
	padding-left:10px;
	position:absolute;
	right:0;
	padding-bottom:15px;
	height:280px;
}
.submenu2 {
	color:#fff;
	width:160px;
	margin-left:25px;
	padding-bottom:45px;
	height:280px;
}
.submenu-title {
	text-align:left;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
}
a.onlyitem{ position:absolute; top:60px;}
.submenu a, .submenu2 a {
	display:block;
	font-size:16px;font-family:'ROBOTO','Microsoft JhengHei',Tahoma,'微軟正黑體';
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	text-decoration:none;
}
.submenu a {
	color:#fac192;
}
.submenu2 a {
	color:#a2a2a2;
}
.submenu a:hover {
	color:#fff;
}
.submenu2 a:hover {
	color:#fff;
}
.close-menu {
	color: rgba(255, 255,255, 1);
	text-decoration:none;

	font-size:18px;
	z-index:9999;
	cursor : pointer;
}


#pro-mega-menu-container{background:#000000;}
ul#pro-mega-menu { text-align:center; margin:0 auto; padding:0;
	 display: table;background:#000000;

}
#pro-mega-menu > li { 
	float: left;
	position: relative;
	padding: 0 20px;
	transition: color 1s ease 0s, background-image 1s ease 0s;
	background:#000000;

}
#pro-mega-menu-container li.root:hover,#pro-mega-menu-container li.root.active,#pro-mega-menu li.root.clicked{ color:#000000;
	background:#000000;}
#pro-mega-menu .root > a{font-size:16px; color:#ccc;}
#pro-mega-menu-container li.root {}