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

@media screen and (min-width:1000px) {
header { position:fixed; top:0; left:0; width:100%; }


footer { border-top:1px solid #e8e6e4; margin-top:15px; }
#copyright { height:55px; line-height:55px; }
#copyright .c0 { float:left; }
#copyright .c1 { float:right; }
#copyright, #copyright a { color:#666; }
#btm22y { position:absolute; width:146px; height:31px; top:-15px; left:50%; margin:0 -73px; z-index:10; background-color:#fff; }
#btmorder { display:none;}

}
@media screen and (min-width:641px) and (max-width:999px) {
header { position:fixed; top:0; left:0; width:100%; }


footer { border-top:1px solid #e8e6e4; margin-top:1.5rem; }
#copyright { height:5.5rem; line-height:5.5rem; }
#copyright .c0 { float:left; padding-left:1rem; }
#copyright .c1 { float:right; padding-right:1rem; }
#copyright, #copyright a { color:#666; }
#btm22y { position:absolute; width:14.6rem; height:3.1rem; top:-1.5rem; left:50%; margin:0 -7.3rem; z-index:10; background-color:#fff; }
#btm22y img { width:100%; height:100%; }
#btmorder { display:none;}

}

@media screen and (max-width:640px) {

header { position:fixed; top:0; left:0; width:100%; }


footer {margin-top:1.5rem; }
#btm22y { width:14.6rem; height:3.1rem; /*padding:0 2rem;*/  }
#btm22y img { width:100%; height:100%; }

#copyright { height:4rem; line-height:4rem; /*padding:0 2rem;*/ }
#copyright .c0 { font-size:1.5rem;}
#copyright .c1 { display:none; }
#copyright, #copyright a { color:#666; }
#btmorder { margin:3rem 0 0 0; }
#btmorder .btn { height:8rem; font-size:1.8rem; color:#fff; text-align:center; line-height:8rem; }

}