.fade{opacity:0; filter:alpha(Opacity=0); }
.fade:hover{opacity:1; filter:alpha(opacity=100); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}



.menu_bg{
	position: absolute;
	top: 150px;
	left: 0px;
	height: 31px;
	/* z-index: 0; */
	width: 100%;
	background: url(../images/bg_shadow.jpg) repeat;
	}

.menu{
	position:absolute;
	top:150px;
	left:200px;
	height:30px;
	z-index:9999;
	}

.menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

.dropdown{
	border-radius: 2px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-image: -webkit-linear-gradient(90deg, #c2c2c2 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(90deg, #c2c2c2 0%, #ffffff 100%);
	background-image: -o-linear-gradient(90deg, #c2c2c2 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #c2c2c2 0%, #ffffff 100%);
	box-shadow: 0px 0px 1.6px 0.4px rgba(0, 0, 0, 0.2);
  width: 111px;
  height: 30px;
  z-index: 21;
  line-height:14px;
  text-align:center;
  float:left;
  font-family: "alverata-pe", AlverataPELight, Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	top:0;
	left:0;
}
.dropdown:hover{
	border-radius: 2px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #790000;
	background-image:none;
	box-shadow: 0px 0px 1.6px 0.4px rgba(0, 0, 0, 0.2);
  width: 111px;
  height: 30px;
  z-index: 3;
}



.dropdown .submenu{
	margin-top:0px;
	position:absolute;
	left:-1px;
	top:29px;
	z-index:100;
	display:inline-block;
	width:170px;
	overflow:hidden;
	display:none;
	background-color: #790000;
	box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.25);
	padding:5px 0 5px 0;
	line-height:14px;
}
.dropdown .submenu li{
	padding:8px 0 8px 15px;;
	position:relative;
	top:0;
	left:0;
	margin-top: 0px;
	float: left;
	width: 170px;
	color:#fff;
	font-size:12px;
	text-align:left;

}
.dropdown .submenu li:hover{
	position:relative;
	top:0;
	left:0;
	margin-top: 0px;
	float: left;
	color:#FFF;
	font-size:12px;
	color:#ff0000;
}

.dropdown .submenu li a{
  font-size:12px;
  color:#fff;
  display:inline-block;
	padding:2px 0 2px 0;
	margin:0px;
	line-height: 14px;
}
.dropdown .submenu li a:hover{
  font-size:12px;
  color:#ff0000;
  display:inline-block;
	padding:0px;
	margin:0px;

}


.dropdown .menu_r{
	background:url(../images/nav_arrow02.png) no-repeat;
	background-position:12px 12px;
  width: 100%;
  height: 28px;
  line-height:14px;
  font-size:12px;
  color:#363636;
  display:inline-block;
  padding:8px 0 8px 0;
  font-family: "alverata-pe", AlverataPELight, Arial, Helvetica, sans-serif;

}



.dropdown .menu_r_over{
	background:url(../images/nav_arrow01.png) no-repeat;
	background-position:12px 12px;
  width: 100%;
  height: 28px;
  line-height:14px;
  font-size:12px;
  color:#FFF;
	margin-top:0px;
	 padding:8px 0 8px 0;
}






.dropdown2{
  width: 130px;
  height: 22px;
  z-index: 21;
  line-height:22px;
  text-align:left;
  float:left;
   background:url(../images/lang_icons.png) no-repeat #B8872B ;
   padding:0 0 5px 20px;
	font-family: "Fira-Sans", Fira Sans, Sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	position:relative;
	float:left;
	top:0;
	left:0;
}
.dropdown2 a{ color: #ffffff;}
.dropdown2 a:hover{ color: #ffffff;}
.dropdown2:hover{
	background-color:#b8872c;
  width: 130px;
  height: 22px;
  z-index: 6;
}



.dropdown2 .submenu{
	margin-top:0px;
	position:absolute;
	left:0px;
	top:22px;
	z-index:100;
	display:inline-block;
	width:130px;
	overflow:hidden;
	display:none;
	background:#b5a981 ;
}
.dropdown2 .submenu li{
	padding:0px 0 0px 28px;
	position:relative;
	top:0;
	left:0;
	margin-top: 0px;
	float: left;
	width: 130px;
	text-align:left;

  font-family: "Fira-Sans", Fira Sans, Sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	background:#b8872c;
	border-top:#caa561 solid 1px;
}
/*.dropdown2 .submenu li:hover{
	position:relative;
	top:0;
	left:0;
	margin-top: 0px;
	float: left;
	color:#8c6239;
	font-size:12px;
}*/

.dropdown2 .submenu li a{
  display:inline-block;
	padding:0px;
	margin:0px;
  font-family: "Fira-Sans", Fira Sans, Sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.dropdown2 .submenu li a:hover{
  font-size:12px;
  color:#8c6239;
  display:inline-block;
	padding:0px;
	margin:0px;
}
.dropdown2 .submenu li a.active{
  font-size:12px;
  color:#8c6239;
  display:inline-block;
	padding:0px;
	margin:0px;
}



.dropdown2 .menu_r{
	background:url(../images/lang_arrow1.png) no-repeat;
	background-position:90px 5px;
  width: 100%;
  height: 20px;
  line-height:20px;
  display:inline-block;
	font-family: "fira-sans", Arial, Helvetica, "微軟正⿊黑體", "Microsoft JhengHei", 华⽂文
	⿊黑体, STHeiti, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 16px;

}



.dropdown2 .menu_r_over{
	background:url(../images/lang_arrow2.png) no-repeat;
	background-position:90px 8px;
  width: 100%;
  height: 20px;
  line-height:20px;
  font-size:14px;
  color:#FFF;
	margin-top:0px;

}




@media screen and (max-width: 1020px){
.menu{left:160px;}

}