.Menu{
	width: 100%;
	max-width:1200px;
	height: 70px;
	margin: 0 auto;
	
	z-index: 999;
	background-color: #000;
	
}
.MenuCT{
	padding: 0 0 0 10px;
	position: absolute;	
	width: 100%;
	max-width:1200px;
	
}

.Logo{
	float:right;

	}
	
.Logo img{
	width:50px;}	


.navi {
	margin: 0px;	
	padding: 0px 0px 0px 0px;
	height: 70px;
	float: left;
	width:1087px;
	


}
 
.navi ul {
list-style-type: none;
margin:0px;
padding:0px;
} 

.navi ul li {
	float: left;
	padding: 0;
	margin: 0;
}
.navi ul li a{
	display: block;
	padding: 0px;


}




.navi  ul li:hover ul,.navi li.sfHover ul {
	display: block;
	margin: 0px;
	padding: 0px;
}




.navi li a span {display:none; }

/***主導覽換圖****/
.navi ul li a:hover { background-position: center -70px !important;}

/****下拉選單**************************/


.navi  li ul {
	display: none;
}
.navi  ul li a {display: block;}
.navi  ul li a:hover {}
.navi  li:hover ul {
	display: block;
	background-color: rgba(0, 0, 0, 0.8);
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
	
} 

.navi  li:hover li {
	float: none;
	text-align: left;	
	padding:5px 0px 5px 0px;



}
.navi  li:hover a {
	font-size: 15px;
	color: #F00;
	text-decoration: none;
	padding:8px 5px 8px 8px;
	
}
.navi  li:hover li a:hover {
	text-decoration: underline;
}







 
/******************************/

.MainVavi0, .MainVavi0 a {
	width: 100px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_0.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;
	
	



} 




.MainVavi1, .MainVavi1 a {
	width: 118px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_1.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;
	

} 


.MainVavi2, .MainVavi2 a {
	width: 118px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_2.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;
	
} 

.MainVavi3, .MainVavi3 a {
	width: 177px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_3.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;

}

.MainVavi4, .MainVavi4 a {
	width: 214px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_4.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;
} 

.MainVavi5, .MainVavi5 a {
	width: 118px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_5.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;

}

.MainVavi6, .MainVavi6 a {
	width: 118px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_6.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;

}


.MainVavi7, .MainVavi7 a {
	width: 124px;
	display: block;
	background-color: transparent;
	background-image: url(../img/bt_7.png);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 70px;

}


.F2 {

	background-position: center -70px !important;

}






@media (max-width: 1024px){	


	

}


/****************/



.Menu{
	display:block;}
.naviM{
	display: none;
	
}
.Mlogo{display: none;}


@media (max-width: 990px){	

.Menu{
	display:none;}
.naviM{
	display: block;


}
	
.Mlogo{
	display:block;
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
	}
.Mlogo img{
	width:30px;}		


}


/***Mobile*********************/

.hidden {
}

.MnaviBg{
	width: 100%;
	height: 70px;
	background-color: #fff;
}

.menu-toggle {
	width: 60px;
	height: 40px;
	position: absolute;
	z-index:999;
	top: 10px;
	left: 10px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
	
}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
   background: #FF0000;
}
.menu-toggle.on .two {
  opacity: 0;
}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(8px, -10px);
  -ms-transform: rotate(-45deg) translate(8px, -10px);
  -webkit-transform: rotate(-45deg) translate(8px, -10px);
  transform: rotate(-45deg) translate(8px, -10px);
  background: #FF00009;
}

.one,
.two,
.three {
  width: 70%;
  height: 5px;
  background: #FF0000;
  margin: 6px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

nav ul {
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  list-style: none;
  margin: 50px auto 0 auto;
  text-align: left;
}
nav ul.hidden {
	display: none;
	
}
div .hidden {
	display: none;
	
}

nav ul a {
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	text-decoration: none;
	color: white;
	font-size: 15px;
	line-height: 110%;
	width: 100%;
	display: block;
	font-family: Arial, "微軟正黑體";
	padding: 12px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D4D4D;
	letter-spacing: 1px;
}
nav ul a:hover {

	color: #FF0000;
}




.menu-section.on {
  z-index: 10;
  width: 100%;
	top: 0px;
	left: 0px;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
}

/*********/

nav ul {
	  
	}

nav ul li ul{
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D4D4D;
	
}
nav ul li ul li{
	
	list-style-type: disc;
	margin: 0px 0px 0px 20px;	
	
}
nav ul li ul li a{

	border-bottom-style: none;
	padding: 8px 0px;
	
}