/* Flexnav Base Styles */

.flexnav {

	width: 100%;

	max-height:0;

	position: relative;

	-webkit-transform-style: preserve-3d;

	overflow: hidden;

	margin: 0 auto;

	font-family:Arial, "微軟正黑體";

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.flexnav-show{

}

.flexnav.opacity {

	opacity: 0;

}

.flexnav.flexnav-show {

	max-height:2000px;

	opacity: 1;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.flexnav.one-page {

	position: fixed;

	top: 50px;

	right: 5%;

	max-width: 200px;

}

.flexnav li {

	font-size: 100%;

	position: relative;

	overflow: hidden;

	list-style:none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.flexnav li:hover{

}

.flexnav > li:hover > a{

	color:#B20000;

}

.flexnav li:first-child{

}

.flexnav li:last-child a{

}

.flexnav li a {

	width: 100%;

	font-size:15px;

	line-height:22px;

	padding:10px;

	position: relative;

	display:block;

	color:#444444;

	text-align:center;

	text-decoration:none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.flexnav li i{

	display:none;

	right:10px;

	top:12px;

	position:absolute;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	color:#CCCCCC;

}

.flexnav li ul {

	width: 100%;

}

.flexnav li ul li {

	font-size: 100%;

	position: relative;

	overflow: hidden;

}

.flexnav li ul.flexnav-show li {

	overflow: visible;

}

.flexnav li li a{

	height: auto;

	line-height:20px;

	padding:10px 10px;

	text-indent:0;

	border-left:none;

	border-bottom:#DFD5C4 1px solid;

	background:#FFF;

}

.flexnav li li a:hover {

	color:#FFF;

	background: #666;

}

.flexnav .touch-button {

	position: absolute;

	z-index: 999;

	top: 0;

	right: 0;

	width:100%;

	height:40px;

	display: inline-block;

	text-align: center;

	cursor:pointer;

}

.flexnav .touch-button:before {

	content:'+';

	position:absolute;

	right:10px;

	top:12px

}

.flexnav .item-with-ul:hover .touch-button:before {

	color:#FFF;

	cursor: pointer;

}

.menu-button i {

	margin-left:5px;

}

.menu-button {

	font-size:15px;

	padding:10px;

	background: none;

	color:#272727;

	z-index:9;

	cursor:pointer;

	position: absolute;

	right:10px;

	top:10px;

}

.menu-button.one-page {

	position: fixed;

	top: 0;

	right: 5%;

	padding-right: 45px;

}

.menu-button .touch-button {

	background: transparent;

	z-index: 10;

	display: inline-block;

	text-align: center;

}

.menu-button .touch-button {

	display:none;

}

 @media all and (min-width:901px) {

body.one-page {

	padding-top: 70px;

}

.flexnav {

	margin:0 auto;

	width:auto;

	overflow: visible;

	max-height: none;

	padding:0 10px;

}

.flexnav.opacity {

	opacity: 1;

}

.flexnav.one-page {

	top: 0;

	right: auto;

	max-width: 1080px;

}

.flexnav li.home{

	width:8%;

	display: inline-block;

}

.flexnav li {

	position: relative;

	list-style: none;

	display: inline-block;

	overflow: visible;

	padding:0 1.5%;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.flexnav > li:before {

	content:'/';

	position: absolute;

	height:22px;

	color:#CCCCCC;

	right:-5%;

	top:50%;

	margin-top:-8px;

}

.flexnav li:last-child {

	padding:0 0% 0 1.5%;

}

.flexnav li:last-child:before {

	display:none;

}

.flexnav li a {

	border-bottom: none;

	border:none;

}

.flexnav li i{

	display:block;

}

.flexnav li a:hover i{

	opacity:1;

}

.flexnav li li:first-child a {

}

.flexnav li li:first-child a:before {

	width:15px;

	height:9px;

	content:'';

	position:absolute;

	left:50%;

	margin-left:-8px;

	top:0px;

	background:url(../../../images/ar.png) no-repeat;

}

.flexnav li > ul {

	width:175px;

	left:-15px !important;

	position: absolute;

	top: auto;

	left: 0;

}

.flexnav li > ul li {

	width: 100%;

}

.flexnav li ul li > ul {

	margin-left: 100%;

	top: 0;

}

.flexnav li ul li a {

}

.flexnav li ul.open {

	display: block;

	opacity: 1;

	visibility: visible;

	z-index: 1;

}

.flexnav li ul.open li {

	overflow: visible;

	max-height: 100px;

}

.flexnav li ul.open ul.open {

	margin-left: 100%;

	top: 0;

}

.menu-button {

	display: none;

}

.flexnav .touch-button i, .flexnav .touch-button:before {

	display:none;

}

}

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

.oldie body.one-page {

	padding-top: 70px;

}

.oldie .flexnav {

	overflow: visible;

}

.oldie .flexnav.one-page {

	top: 0;

	right: auto;

	max-width: 1080px;

}

.oldie .flexnav li {

	position: relative;

	list-style: none;

	float: left;

	display: block;

	background-color: #a6a6a2;

	width: 20%;

	min-height: 50px;

	overflow: visible;

}

.oldie .flexnav li:hover > ul {

	display: block;

	width: 100%;

	overflow: visible;

}

.oldie .flexnav li:hover > ul li {

	width: 100%;

	float: none;

}

.oldie .flexnav li a {

	border-left: 1px solid #acaca1;

	border-bottom: none;

	overflow: visible;

}

.oldie .flexnav li > ul {

	background: #acaca1;

	position: absolute;

	top: auto;

	left: 0;

	display: none;

	z-index: 1;

	overflow: visible;

}

.oldie .flexnav li ul li ul {

	top: 0;

}

.oldie .flexnav li ul li a {

	border-bottom: none;

}

.oldie .flexnav li ul.open {

	display: block;

	width: 100%;

	overflow: visible;

}

.oldie .flexnav li ul.open li {

	width: 100%;

}

.oldie .flexnav li ul.open ul.open {

	margin-left: 100%;

	top: 0;

	display: block;

	width: 100%;

	overflow: visible;

}

.oldie .flexnav ul li:hover ul {

	margin-left: 100%;

	top: 0;

}

.oldie .menu-button {

	display: none;

}

.oldie.ie7 .flexnav li {

	width: 19.9%;

}

 @media all and (max-width:790px) {

.flexnav li a {

	font-size:14px;

}

 }