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

@media screen and (max-width:1400px){
header{
	padding:10px 40px;
}
.topLink, .bottomLink{
	padding:2px 40px;
}
.txtRB{
	right:40px;
}
.txtLT{
	left:40px;
}
.txtLB{
	left:40px;
}
.subMenu{
	left:20px;
}
.main{
	padding:0 40px;
	overflow:hidden;
}
footer{
	padding:10px 0 10px 40px;
}
.goTop{
	right:40px;
}
}
@media screen and (max-width:900px){
.content{
	margin:120px auto;
}	
h2::before,h2::after{
	width:100px;
}
.pageTitle .en2{
	font-size:2em;
}
}

@media screen and (max-width:800px){
/*main*/
.mainMenu ul{
	float:none;
	position:relative;
	margin:10px 0;
}
.mainMenu{
	float:none;
	position:absolute;
	top:95px;
	left:0;
	right:0px;
	background:#292929;	
	overflow:hidden;
	height:0;
	display:none;
}
.subMenu{
	top:62px;
	left:0;
	right:0;
	padding:5px 40px;
	text-align:center;
	background:#FFF;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;	
}
.subMenu li{
	display:inline-block;
	padding-left:15px;
	margin:0 10px;
}
.subMenu li .tw{
	display:block;
}
.subMenu li .en2{
	display:none;
}
.fixed .mainMenu{
	display:block;
}
.mainMenu li{
	float:none;
	text-align:left;
	padding:0;
	height:auto;
}
.mainMenu li a{
	display:block;
	border-bottom:rgba(255,255,255,0.5) dotted 1px;
	margin:0 40px;
	padding:5px 0;
}
.mainMenu li a .tw{
	left:40px;
	margin:0;
	font-weight:normal;
}
.mainMenu li.on a{
	color:rgba(255,255,255,0.5);
}
.menuBar{
	display:none;
}

.fixed .mobileBtn{
	display:block;
}
.txt{
	max-width:none;
	margin:0 40px;
}
.txtRB{
	right:0px;
	bottom:100px;
}
.txtLT{
	left:0px;
}
.txtLB{
	left:0px;
	bottom:100px;
}	
footer{
	padding:10px 40px;
	height:auto;
	line-height:15px;
}
.bottomLink{
	display:none;
}
/*open*/
.t1, .t2{
	font-size:1em;
}
.t3{display:none;}
/*main*/
.subTitle{
	margin-bottom:40px;
}
h2::before,h2::after{
	width:50px;
}	
}

@media screen and (max-width:640px){
header{
	padding:10px;
}
.fixed header{
	padding:5px 10px;
}
/*.fixed .logo{
	height:20px;
}*/
.mainMenu{
	top:85px;
}
.mainMenu li a{
	margin:0 10px;
}
.mainMenu li a .tw{
	left:10px;
}
.subMenu{
	top:35px;
	padding:5px 10px;
}
.subMenu li{
	margin:0 5px 0 0;
	padding-left:10px;
}
.subMenu li::before{
	width:5px;
	height:5px;
}
.mobileBtn{
	top:45px;
	right:10px;
}
.mobileBar{
	width:25px;	
	margin:4px 0;
}
.topLink, .bottomLink{
	padding:2px 10px;
}
.txt{
	margin:0 10px 0 20px;
}
.main{
	padding:0 10px;
	overflow:hidden;
}
.content{
	margin:100px auto;
}

footer{
	padding:5px 10px;
}
.goTop{
	right:10px;
}
}
@media screen and (max-width:480px){
h2::before,h2::after{
	width:10px;
}	
}