#header { position:absolute; top:0; left:0; right:0; width:100%; z-index:1000; }
#header h1 { float:left; padding:35px 30px;}
#header h1 a { display:block; }
#header h1 a img { height:43px !important; }

@media screen and (max-width:1280px) {
    #header h1 { padding:31px 27px; }
    #header h1 a img { height:39px !important; }
}

@media screen and (max-width:1024px) {
    #header h1 { padding:27px 24px; }
    #header h1 a img { height:35px !important; }
}

@media screen and (max-width:768px) {
    #header h1 { padding:23px 21px; }
    #header h1 a img { height:31px !important; }
}

@media screen and (max-width:640px) {
    #header h1 { padding:19px 18px; }
    #header h1 a img { height:27px !important; }
}





#quick { position:fixed; bottom:0; left:0; right:0; }
#quick ul { text-align:center; font-size:0; }
#quick ul li { display:inline-block; margin:0 1px; }
#quick ul li a { display:inline-block; line-height:73px; width:348px; font-family:'Jalnan'; font-size:24px; color:#ffffff; border-top-right-radius:10px; border-top-left-radius:10px; background-color:#363636; max-width:calc(50vw - 2px); }
#quick ul li:first-child a { background-color:#ea7547; }

@media screen and (max-width:1280px) {
    #quick ul li a { line-height:66px; width:313px; font-size:22px; border-top-right-radius:9px; border-top-left-radius:9px; }
}

@media screen and (max-width:1024px) {
    #quick ul li a { line-height:59px; width:278px; font-size:20px; border-top-right-radius:8px; border-top-left-radius:8px; }
}

@media screen and (max-width:768px) {
    #quick ul li a { line-height:52px; width:243px; font-size:18px; border-top-right-radius:7px; border-top-left-radius:7px; }
}

@media screen and (max-width:640px) {
    #quick ul li a { line-height:45px; width:243px; font-size:16px; border-top-right-radius:6px; border-top-left-radius:6px; }
}