@charset "utf-8";
/* CSS Document */
#mode{ display:none; width:100px;}/*很重要_不可刪除_此DIV為JS判別讀取PC或是MOBILE CSS的依據_此DIV放置在header.html*/
.logo{
	/*background:url(../../Images/ZH-TW/all/logo.png) no-repeat;*/
	width:15%;
	min-width: 172px;
	height:70px;
	float: left;}
#menuOpen{
	display:none;}	
	
.back_group{
	position: absolute;
	width: 85px;
	height: 24px;
	right: 20px;
	bottom:10px;
	z-index:9999;
}

.back_group a{
	display: block;
	width: 85px;
	height: 24px;
	font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	font-size: 16px;
	color: #444;
	font-weight:500;
	/*background-image: url(../../images/ZH-TW/all/back_group.png);
	background-position: left top;
	background-repeat:no-repeat;*/
	letter-spacing: 1px;
	text-decoration: none;
	
}
.back_group a:hover{
	color: #57243f;
	/*background-image: url(../../images/ZH-TW/all/back_group_o.png);*/
}
.navigation li.mobile_group{
	display: none;
}


@media screen and (max-width: 1300px) {
.logo{
	margin-top: 15px;}		
	
}
@media screen and (max-width: 1060px) {
.logo {
	/*background:url(../../Images/ZH-TW/all/logo_page.png) no-repeat;*/
	width:200px;
	height:50px;
    margin-top: 0;
    min-width: inherit;}	
#menuOpen{
	background:url(../../Images/ZH-TW/all/menuOpen.png) no-repeat;
	width:50px;
	height:50px;
	display:block;
	float: right;
    right: 0;
	position: absolute;
	}	
.menuBox{
	background:url(../../Images/ZH-TW/all/menu_bg.png) repeat;
	width:250px;
	height:450px;
	right: 0;
    float: right;
	position:absolute;
	z-index:99;}
.back_group{
	display: none;
}
.navigation li.mobile_group{
	display: block;
	height:36px;
}
.navigation li.mobile_group a{
	height:36px;
	/*background-image: url(../../images/ZH-TW/all/mobile_group.png);
	background-position: left top;
	background-repeat: no-repeat;*/
}
}


@media screen and (max-width: 500px){
.logo {
	position:relative;}	
	
}