/*------------------------------| RWD |-------------------------*/
@media screen and (min-width: 1000px) {
#container {
	width: 1000px;
}
#topper #logo >img{ width: 40%; }
#footer {
	width: 1000px;
}
#footer .section_A, #footer .section_B {
	width: 230px;
}
#footer .section {
	padding: 12px;
}
#footer .section_A {
	margin-left: 20px;
}

}
@media only screen and (min-width: 480px) and (max-width: 1000px) {
#container {
	width: 100%;
}
#topper #logo >img{ width: 100%; }
#topper #en { left: 38px; bottom: 0px; }
#footer {
	width: 100%;
	font-size: 12pt;
	line-height: 15pt;
}
#footer .section_A, #footer .section_B {
	width: 40%;
}
#footer .section_C, #footer .section_D {
	display:none;
}
#footer .section {
	padding: 3%;
}
#topper #member_info {
    right: 35px;
    font-size: 20pt;
    position: relative;
    height: 68px;
    text-align: right;
}
#topper #little-btns {
	left: 33px;
	bottom: 25px;
	right: revert;
}
}
@media screen and (max-width: 480px){
#container {
	width: 100%;
}
#topper #logo >img{ width: 100%; }
#topper #en { left: 20px; bottom: 0px; }
#topper #little-btns>a { max-width:23%; background-size: contain !important; }
#footer {
	width: 100%;
	font-size: 9pt;
	line-height: 11pt;
}
#footer .section_A, #footer .section_B {
	width:94%;
}
#footer .section_C, #footer .section_D {
	display:none;
}
#footer .section {
	padding: 3%;
	text-align: center;
}
#topper #member_info {
    right: 20px;
    font-size: 12pt;
    position: relative;
    height: 47px;
    text-align: right;
}
#footer .section_A {
	margin-left:0px;
}
#topper #little-btns {
	left: 20%;
	bottom: 25%;
}
}