@charset "utf-8";
/* CSS Document */




.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}



nav{
	float:right; position:relative; padding-top:45px; }
	
/*menu*/
ul.menu{}



ul.menu li{
	float:left;}
	
ul.menu li > a{ position:relative;
	display: block;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	padding: 0 20px 23px 20px;
	font-size: 16px; font-weight:bold;
	color: #064fa4;}
ul.menu li > a:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 2px;
background: #6e5511;
bottom: 0px;
left: 50%;
pointer-events: none;
transition: all .4s cubic-bezier(0,.4,.4,1);
-ms-transition: all .4s cubic-bezier(0,.4,.4,1);
-moz-transition: all .4s cubic-bezier(0,.4,.4,1);
-webkit-transition: all .4s cubic-bezier(0,.4,.4,1);}
ul.menu li > a:hover:after{ width:100%; left:0;}
ul.menu li > a span { display:inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
ul.menu li > a span.hov { position:absolute; top:0;  color:#6e5511; opacity: 0; width:100%; text-align:center; left:0;
transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);}
ul.menu li > a:hover span.def{
	opacity: 1;
  transform: scale(1,0);
  -ms-transform: scale(1,0);
  -moz-transform: scale(1,0);
  -webkit-transform: scale(1,0);
  transition-delay: .1s;
  -ms-transition-delay: .1s;
  -moz-transition-delay: 3.1s;
  -webkit-transition-delay: .1s;
	}
ul.menu li > a:hover span.hov{
opacity: 1;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
	}

ul.menu li > a b{
	display:block;
	font-weight:normal;
	font-size:12px;
	color:#68500f;}

ul.menu li.dropDown{
	position:relative;}

ul.menu li.dropDown .submenu{
	display:none;
	width:160px;
	box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
	
	position:absolute;
	top:100%;
	left:0;
	z-index:9999;}

ul.menu li.dropDown .submenu a{
	display:block;
	padding:10px 20px;
	background:#6e5511;
	border-top: #e8e8e8 1px solid;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:15px;
	color:#fff;
	text-align:left;}

ul.menu li.dropDown .submenu a:hover{
	background:#ede5b6;
	color:#6e5511;}

ul.menu li.dropDown .submenu a:first-child{
	border:none;}

.m_menu{
	display:none;}

	


/**********適應性**********/
/************************/
@media (max-width: 960px){


/*mobile menu*/
ul.menu{
	display:none;}

/*手機menu*/
.m_menu{ text-align:left; background:#ede5b6;
	display:block;
	width:100%;
	box-shadow:0 2px 5px rgba(126, 126, 126, 0.68);
	
	position:fixed;
	top:0;
	left:0;
	z-index:9999;}

.m_menu .mask{
	display:none;
	background:rgba(255,255,255,0.7);
	position:fixed;
	width:100%;
	height:100%;
	padding-bottom:60px;
	top:0;
	left:0;}

.m_menu .controlBox{
background: rgb(255,100,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,100,50,1) 0%, rgba(255,120,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,100,50,1)), color-stop(100%,rgba(255,120,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,100,50,1) 0%,rgba(255,120,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,100,50,1) 0%,rgba(255,120,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,100,50,1) 0%,rgba(255,120,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,100,50,1) 0%,rgba(255,120,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6432', endColorstr='#ff784f',GradientType=0 ); /* IE6-9 */
}

.m_menu .controlBox a.main{
	display: block;
	float: left;
	margin-right:0px;
	width: 50px;
	height: 60px;
	font-size: 20px;
	color: #FFF;
	line-height: 60px;
	text-align: center; background:#6e5511; cursor:pointer;}

.m_menu .controlBox .m_logo{
	float:left; padding-top:0px;
	width:180px;}
	
.m_menu .controlBox .m_logo img{
	display:block; height:60px; padding-left:10px;}

.m_menu .controlBox .right{
	float:right;}

.m_menu .controlBox .language{
	position:relative;
	margin:0 -2px;
	display:inline-block;}

.m_menu .controlBox .language > a{
	display: block;
	padding: 0 15px;
	background: #137eaf;
	font-size: 13px;
	color: #FFF;
	line-height: 60px;}

.m_menu .controlBox .language > a i{
	margin-left:5px;
	font-size:15px;}

.m_menu .controlBox .language .submenu{
	display:none;
	width: 100%;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 9999;}

.m_menu .controlBox .language .submenu a{
	display:block;
	padding:10px 20px;
	background:#FFF;
	font-size:13px;
	color:#292929;
	text-align:center;
	border-top:1px solid #E4E4E4;}

.m_menu .controlBox .language:hover .submenu{
	display:block;}

.m_menu .controlBox .right > a.btn_booking{
	margin:0 -2px;
	display:inline-block;
	background:#111a3e;
	padding:0 15px;
	color:#FFF;
	line-height:60px;
	font-size:13px;
	border-left:1px solid #30395a;}

.m_menu .controlBox .right a.btn_booking i{
	font-size:15px;
	margin:0;
	margin-left:5px;}


.m_menu .hideBox{/*手機menu內容*/
	 border-right:1px solid #dfdfdf;
	background:#fff;
	width:220px;
	height:100%;
	padding-bottom:50px;
	overflow-y:auto;
	
	position:fixed;
	left:-220px;
	top:0;
	-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}

.m_menu .hideBox p.sp{ height:60px; line-height:60px;
	background:#6e5511; cursor:pointer;
	padding:0 10px;
	font-size:13px;
	color:#FFF;}
.m_menu .hideBox p.sp i { font-size:18px; }
.m_menu .mfun{ border-top: 1px solid #DFDFDF;
	padding:10px;
	text-align:center;}

/*.m_menu .mfun a{
	margin:0 1px;
	display: inline-block;
	font-size: 20px;
	background:#FF6B00;
	color: #FFF;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;}
*/
.m_menu ul.nav{}
	
.m_menu ul.nav li{
	border-top:1px solid #dfdfdf;}

.m_menu ul.nav li a{ font-weight:bold;
	padding:15px 10px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	display:block;
	font-size:17px;
	color:#222;}

.m_menu ul.nav li a i{
	float:right;}

.m_menu ul.nav li .submenu{
	display:none;}

.m_menu ul.nav li .submenu a{
	padding:10px 20px; color:#fff; background:#6e5511;}

.m_menu ul.nav li .submenu a:hover{
	background:#ede5b6; color:#6e5511;}
	
/*main*/
.mainArea{
	padding:20px 0;}

}