@charset "utf-8";
/* CSS Document */
/*-------------header_wrapper------------*/
#header_box {
	position:fixed;
	top:0;
	z-index:99;
	width:100%;
    /*height:70px;
	border-bottom:1px solid #666;*/
	}
header{ width:100%; height:126px; background: #000 url(../images/bg_header.jpg)repeat-x; position:fixed; z-index:9999; border-bottom:none;}

.header_wrapper {
	width:1024px;
    height:126px;
	margin:0 auto;
	 /*text-align:center;*/ 
	}

/*logo*/
h1.logo {
	float:left;
	/*width:200px;
	height:100%;*/
	background:none;
	/*border:1px solid #F60;*/
	padding:0;
	margin:0;}

h1.logo svg , #section0 h2.slogan svg {width:100%;	/*height:auto;*/}
	
.logo_pc{ display:block;}
.logo_pc img{ width:100%; height:auto;}
.logo_mobile{ display:none;}


/*menu*/

/*.header_wrapper nav {
	float:right;
	display:block;
	}
*/

.header_wrapper nav ul{ background:none; padding:50px 0 0;}
.menu_pc{ display:block; float:right;}
.menu_mobile{ display:none;}


.header_wrapper nav ul li {
	height:26px;
	line-height:26px;
	vertical-align:middle;
	}



.header_wrapper nav ul li {
	float:left;
	margin:0 20px;
	font-size:19px;
	font-weight:normal;
	color:#bc9c76;
	list-style:none;
	position:relative;
	}
a.aLink{ padding-top:92px; display:block;}
.header_wrapper nav ul li a { color:#bc9c76; font-weight:bold;}
.header_wrapper nav ul li a.active{ display:block; font-weight:bold; color:#f5e4c6;}	
/*.header_wrapper nav ul li a.active:after{ content:""; height:0; width:0; border-width:10px; position:absolute; bottom:-21px; left:50%; margin-left:-11px; border-style:solid; border-color:transparent transparent #F60 transparent;  }*/	/*選到選單下方呈現三角形*/
	
.header_wrapper nav ul li a:hover { 
	color:#f5e4c6;}	


.header_wrapper nav ul li.festival , .header_wrapper nav ul li.game {
	width:30px;
	height:30px;
	margin:20px 10px;
	
	}


.header_wrapper nav ul li.festival {
	background:url(../img_index/imgsAll.png) center top no-repeat ;
	background-size:100% auto;
	background-position:0px -60px;
	}

.header_wrapper nav ul li.game {
	background:url(../img_index/imgsAll.png) center top no-repeat ;
	background-size:100% auto;
	background-position:0px -90px;
	}

.header_wrapper nav ul li.festival:hover { background-position:0px -120px;}
.header_wrapper nav ul li.game:hover { background-position:0px -150px;}

h1.logo a, .header_wrapper nav ul li.festival a, .header_wrapper nav ul li.game a, #section0 h2.slogan span, .ui-tabs .ui-tabs-nav li a {
    font-size: 0; padding:0;
}

/*漢堡線_PC版從此開始*/
.btn_hamburger{ display:block;}

.btn_map{ display:none;}
.btn_callUs{ display:none;}



/*-------------header_wrapper END------------*/

@media screen and (max-width:1200px){
/*.header_wrapper{ width:100%; height:auto; }*/

}

@media screen and (max-width:1023px){

header{ width:100%; height:63px; background:#000 url(../images/bg_header_pad.jpg)repeat-x; position:fixed; z-index:9999; border-bottom:none;}
.header_wrapper{ width:100%; height:63px; margin:0 auto;}



.btn_hamburger{ display:block; position:absolute; top:20px; right:2%; text-align:right; cursor:pointer;}
.icon_hamburger{ position:relative; display:inline-block;  width:2em;  height:1.2em; margin-right:0.3em; border-top:0.2em  solid  #bc9c76; border-bottom:0.2em  solid  #bc9c76;}
.icon_hamburger:before{ content:""; position:absolute; top:0.5em; left:0px; width:100%; border-top:0.2em  solid  #bc9c76; z-index:6; }

/*logo*/
h1.logo {
	float:none;
	width:140px;
	height:100%;
	/*border:1px solid #F60;*/
	padding:0;
	margin:0 0 0 10px;
	text-align:left; }

h1.logo svg , #section0 h2.slogan svg {
	width:100%;
	}

.logo_pc{ display:block;}
.logo_pc img{ width:150px; height:auto;}
.logo_mobile{ display:none;}

/*menu*/

/*.header_wrapper nav {
	float:none;
	display:none;
	}
*/
.menu_pc{ display:none; }
.menu_mobile{ display:none; float:none; text-align:center;}

a.aLink{ padding-top:60px; display:block; }
.header_wrapper nav ul{ background:#000; padding:10px 0;}
.header_wrapper nav ul li {
	height:40px;
	line-height:40px;
	vertical-align:middle;
	border-bottom:1px solid #684a28;
	}
.header_wrapper nav ul li:nth-child(5){ border:none; }


.header_wrapper nav ul li {
	float:none;
	margin:0 ;
	font-size:19px;
	font-weight:normal;
	/*color:#fff;*/
	color:#fff;
	list-style:none;
	position:relative;
	}

.header_wrapper nav ul li a { display:block; color:#be9a76; font-weight:bold;}
.header_wrapper nav ul li a.active{ display:block; font-weight:bold; color:#f5e4c6;  }	
.header_wrapper nav ul li a.active:after{ content:""; height:0; width:0; border-width:0;  }	
	
.header_wrapper nav ul li a:hover { 
	color:#f5e4c6;}	


.header_wrapper nav ul li.festival , .header_wrapper nav ul li.game {
	display:none;
	
	}


.header_wrapper nav ul li.festival {
	background:url(../img_index/imgsAll.png) center top no-repeat ;
	background-size:100% auto;
	background-position:0px -60px;
	}

.header_wrapper nav ul li.game {
	background:url(../img_index/imgsAll.png) center top no-repeat ;
	background-size:100% auto;
	background-position:0px -90px;
	}

.header_wrapper nav ul li.festival:hover { background-position:0px -120px;}
.header_wrapper nav ul li.game:hover { background-position:0px -150px;}

h1.logo a, .header_wrapper nav ul li.festival a, .header_wrapper nav ul li.game a, #section0 h2.slogan span, .ui-tabs .ui-tabs-nav li a {
    font-size: 0; padding:0;
}





}


@media screen and (max-width:767px){
header{ width:100%; height:63px; background:#000; position:fixed; z-index:9999; border-bottom:1px solid #694a28;}	
.logo_pc{ display:none;}
.logo_mobile{ display:block;}	
.logo_mobile img{ width:auto; height:63px;}	
.btn_map{ display:block; position:absolute; top:20px; right:0%; cursor:pointer; }
.btn_callUs{ display:block; position:absolute; top:20px; right:0; cursor:pointer;}
.icon_map{ width:35px; height:25px; display:block; position:absolute; top:0; right:45px; cursor:pointer; background:url(../images/btn_contact.png) no-repeat center top; background-size:100%;}
.icon_callUs{ width:35px; height:25px; display:block; position:absolute; top:0; right:5px; cursor:pointer; background:url(../images/btn_contact.png) no-repeat center -25px; background-size:100%;}
.txt_icon{ color:#fff; font-size:1.2em;}	
}