/* 響應式設定 */
#mobile_nav,.flipContent{display:none;}
.clear{clear:both;}
/* htc/sumsung tablet/ ipad portrait */
@Media (max-width:800px){
	#resMainWrap{
		margin-top:50px;
		width:100%;
	}
	/* menu style */
	.top_menu {
		position:absolute;
		top:0;
		left:0;
		height: 25px;
		width: 100%;
		margin-top: 0;
	}
	.top_menu ul li {
		margin:0 5px;
		font-size: 18px;
	}
	
	#mobile_nav{
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:50px;
		background:url(_img/mobile_nav_bg.png) top left repeat-x;
		z-index:101;
		box-shadow:0 0px 10px #000;
		-moz-box-shadow:0 0px 10px #000;
		-webkit-box-shadow:0 0px 10px #000;
	}
	
	#mobile_nav ul , #mobile_nav ul li{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#mobile_nav ul li{
		display:block;
		margin:0 0 0 5px;
		height:50px;
		width:50px;
		float:left;
	}
	
	#mobile_nav ul li a{
		display:block;
		height:100%;
		width:100%;
	}
	
	#mobile_nav ul li#menu_btn{
		float:left;
		background:url(_img/menu_btn.png) top left no-repeat;	
	}
	
	#mobile_nav ul li#swap_btn{
		float:right;
		margin:0 2px 0 0;
		background:url(_img/swap_btn.png) top left no-repeat;
	}
	
	#mobile_nav ul li#fb_btn{
		float:right;
		margin:0 2px 0 0;
		background:url(_img/fb_btn.png) top left no-repeat;
	}
	
	.flipContent {
		display:block;
		position:fixed;
		top:0;
		left:-90%;
		margin: 0;
		padding:0 10px;
		width: 80%;
		height:100%;
		background:#fff;
		text-align:left;
		box-shadow:0 0 10px #000;
		-moz-box-shadow:0 0 10px #000;
		-webkit-box-shadow:0 0 10px #000;
		z-index:100;
		overflow:scroll;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;	
	}
	.flipContent .menuList{
		margin:50px 0 0 0;
	}
	.flipContent .menuList h1{
		margin:10px 0 0 0;
		padding:3px 0 3px 0;
		display:block;
		width:90%;
		height:auto;
		float:left;
		color:#edc679;
		font-size:20px;
	}
	.flipContent .menuList ul{
		padding:0;
		margin: 0;
		width: 95%;
		height:auto;
	}
	.flipContent .menuList ul li{
		margin:0;
		padding:10px 0;
		width:100%;
		float:left;
		border-bottom:1px dotted #440000;
		list-style:none;
	}
	
	.flipContent .menuList ul li a{
		margin:0 0 0 20px;
		padding:0 0 0 20px;
		display:block;
		width:90%;
		height:auto;
		font-size:15px;
		text-decoration:none;
		font-family:Verdana, Geneva, sans-serif,"微軟雅黑體","微軟正黑體","新細明體";
		color:#c69d60;
		background:url(_img/list.png) top left no-repeat;
	}
	
	.flipContent .menuList ul li ul{
		display:block !important;
		margin-left:15px !important;
	}
	
	.flipContent .menuList ul li ul li{
		border:none !important;	
	}
	
	.flipContent .menuList ul li ul li a{
		color:#c69d60 !important;
		background:url(_img/rootlist.png) top left no-repeat !important;
	}
	
	.flipContent .menuList ul li a .nav_en{
		color:#ad8344;	
	}

	
	/* other element */
	.mobile_hide{
		display:none;	
	}
	
	.mobile_overflow{
		width:100%;
		height:100%;
	}
}

/* htc/sumsung tablet/ iphone portrait */
@Media (max-width:600px){
	.mobile_overflow{
		padding:35px 0 0 0;
		width:100%;
		overflow:auto;
		background:url(_img/scroller_btn.png) top left no-repeat;
	}
	
}

/* htc/sumsung mobile device/ iphone landscape */
@Media (max-width:568px){
	
}

/* htc/sumsung mobile device/ iphone portrait */
@Media (max-width:480px){

}

@Media (max-width:320px){
	
}