@charset "utf-8";
#download { margin: 0 auto; }
#download .display { padding-bottom:200px; }
#download .display .contactbg { width:100%; }
#download .display h1 { font-size: 2.6rem; margin:20px 1%; }
#download .display>.introduction { width: 100%; padding:50px 0; border: 1px #737373 solid; border-radius:20px; }
#download .display>.introduction li { width: calc(100% - 50px - 50px );  margin:20px 50px; float:left; }
#download .display>.introduction li .title { float:left; display:inline-block; font-size: 1.6rem; font-weight: bold; color: #000; }
#download .display>.introduction li a { float:right; font-size: 1.4rem; padding:5px 20px; color: #FFF; background-color:#000; border-radius:20px; }
#download .display>.introduction li a i { font-size: 1.8rem; margin-right:10px; }
 @media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 960px) {

#download .display>.introduction { width: 100%; padding:10px 0; border: 1px #737373 solid; border-radius:10px; }
#download .display>.introduction li { width: calc(100% - 10px - 10px );  margin:10px 10px; float:left; }
#download .display>.introduction li .title { float:left; width:100%; }
#download .display>.introduction li a { margin-top:10px; font-size:1.2rem; }
#download .display>.introduction li a i { font-size: 1.2rem; margin-right:2px; }

}
@media only screen and (max-width: 860px) {

}
@media only screen and (max-width: 640px) {
#download .display h1 { font-size: 2.2rem; margin:20px 1%; }

}
@media only screen and (max-width: 520px) {

}