@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%; }
#download .display>.introduction li { width: calc(33.3% - 30px - 30px ); padding:30px; margin:20px 20px; float:left; border: 1px #737373 solid; border-radius:5px; }
#download .display>.introduction li .txt { float:left; width:45%; }
#download .display>.introduction li h3 { font-size: 1.6rem; font-weight: bold; color: #000; }
#download .display>.introduction li p { font-size: 1.2rem; color: #000; margin:20px 0; }
#download .display>.introduction li a { font-size: 1.2rem; padding:5px 20px; color: #FFF; background-color:#000; border-radius:20px; }
#download .display>.introduction li a i { font-size: 2.2rem; margin-right:10px; vertical-align:sub; }
#download .display>.introduction li a span {  }
#download .display>.introduction li .img { float:right; width:50%; }
 @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) {

}


/* === Page CSS === */
.page { padding: 10px; line-height: normal; text-decoration: none; text-indent: 0px; }
.page a { display: block; padding: 5px 10px; font-size:1.4rem; border: solid 1px #000000; float: left; margin: 3px; color: #000000; }
.page a:hover { background: #666666; color: #fff; }
.pagedefault { padding: 5px 10px; font-size:1.4rem; border: solid 1px #000000; float: left; margin: 3px; background: #666666; color: #FFF; }
.pageno { padding: 2px 10px 0px; border: solid 1px #999; float: left; margin: 3px 3px 3px 12px; }
.pageall { padding: 2px 10px 0px; border: solid 1px #999; float: left; margin: 3px; }

