#tail { background-color: #C4C4C4; }
#tail > div { padding-top: 60px; padding-bottom: 120px; position: relative; }
#tail > div h6 { width: 180px; }
#tail > div ul { overflow: hidden; margin: 40px 0 0; }
#tail > div ul li { float: left; width: 50%; }
#tail > div ul li table { table-layout: fixed; width: 100%; }
#tail > div ul li table tr {  }
#tail > div ul li table tr th { color: #787878; width: 100px; }
#tail > div ul li table tr td { color: #646464; }
#tail > div ul li table tr td a { color: #646464; }
#tail > div ul li table tr th ,
#tail > div ul li table tr td { font-family: 'Freesentation'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; padding: 6px 0; }
#tail > div .download { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #000; text-align: center; font-family: 'Freesentation'; font-size: 20px; font-weight: 400; display: block; padding: 12px 24px; border-radius: 5px; border: 1px solid #000; background-color: rgba(255, 255, 255, 0.50); }

@media screen and (max-width:1240px) {
    #tail > div h6 { width: 160px; }
    #tail > div { padding-top: 54px; padding-bottom: 108px; }
    #tail > div ul { margin: 36px 0 0; }
    #tail > div ul li table tr th { width: 90px; }
    #tail > div ul li table tr th ,
    #tail > div ul li table tr td { font-size: 15px; padding: 5px 0; }
    #tail > div .download { right: 20px; font-size: 18px; padding: 11px 22px; border-radius: 4px; }
}
@media screen and (max-width:1024px) {
    #tail > div h6 { width: 140px; }
    #tail > div { padding-top: 48px; padding-bottom: 96px; }
    #tail > div ul { margin: 32px 0 0; }
    #tail > div ul li table tr th { width: 80px; }
    #tail > div ul li table tr th ,
    #tail > div ul li table tr td { font-size: 14px; padding: 5px 0; }
    #tail > div .download { right: 15px; font-size: 16px; padding: 10px 20px; border-radius: 4px; }
}
@media screen and (max-width:768px) {
    #tail > div h6 { width: 120px; }
    #tail > div { padding-top: 42px; padding-bottom: 84px; }
    #tail > div ul { margin: 28px 0 0; }
    #tail > div ul li table tr th { width: 70px; }
    #tail > div ul li table tr th ,
    #tail > div ul li table tr td { font-size: 13px; padding: 4px 0; }
    #tail > div .download { right: 10px; font-size: 14px; padding: 9px 18px; border-radius: 3px; }
}
@media screen and (max-width:640px) {
    #tail > div h6 { width: 100px; }
    #tail > div { padding-top: 36px; padding-bottom: 72px; }
    #tail > div ul { margin: 24px 0 0; }
    #tail > div ul li { float: none; width: auto; }
    #tail > div ul li table tr th { width: 60px; }
    #tail > div ul li table tr th ,
    #tail > div ul li table tr td { font-size: 12px; padding: 4px 0; }
    #tail > div .download { top: auto; right: auto; transform: translate(0, 0); left: 5px; bottom:36px; font-size: 12px; padding: 8px 16px; border-radius: 3px; }
}