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

@media screen and (max-width:1024px),screen and (max-height:650px){
body,html{
	overflow:visible;
}	
#wrapper{
	margin:20px;
}
header{
	top:20px;
}
.menuBtn{	
	left:30px;
	top:22px;
	display:block;
}
.menuBtn.closeBtn{
	left:25px;
}

.subMenu{
	position:static;
	padding:30px 0;
}
footer.en{
	bottom:0;
}
}
@media screen and (max-width:640px){
#wrapper{
	margin:10px;
}
header{
	top:10px;
	height:45px;
}	
.logo{
	width:60px;
}
.menuBtn{
	left:22px;
	top:19px;
}
.menuBar{
	width:20px;
	margin:3px;
}
.menuBtn.closeBtn .menuBar:nth-child(1){
	margin-top:8px;
}
.menuBtn.closeBtn .menuBar:nth-child(3){
	margin-top:-10px;
}
.subMenu{
	padding:15px 0;
}
.subMenu li{
	margin:0 6px;
}
.subMenu a .en2, .subMenu a:hover .en2{
	display:none;
}
.subMenu a .tw{
	display:block;
	position:static;
	
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
}
.content{
	margin-top:65px;	
}
footer{opacity:0;}
}
@media screen and (max-width:600px){
.subMenu li{
	margin:0px 2px;
}
}
@media screen and (max-width:359px){
.subMenu li{
	margin:0px 2px;
}
}
@media screen and (max-height:360px){
.menu a{
	line-height:2;
}
}