/* CSS Document */

#download { margin-top: 100px; }
#download>.display ul>li { position: relative; display: block; float: left; width: 48.5%; box-sizing: border-box; background: rgba(0,169,157,0.1); text-align: left; margin-bottom: 30px; overflow: hidden; transition: all .35s; }
#download>.display ul>li:nth-child(even) { float: right; }
#download>.display ul>li>.box { position: relative; text-align: left; padding: 50px; }
#download>.display ul>li>.box>.tit { font-size: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .35s; }
#download>.display ul>li>.box>.txt { padding-top: 10px; font-size: 1.4rem; color: #999; transition: all .35s; }
#download>.display ul>li>.box>.txt>i { margin-right: 5px; }
#download>.display ul>li>.url { position: absolute; z-index: 20; right: 50px; bottom: 30px; transition: all .35s; }
#download>.display ul>li>.url>a { color: rgba(0,169,157,1); transition: all .35s; }
#download>.display ul>li>.url>a>i { font-size: 4rem; }
#download>.display ul>li:hover { background: #00A99D; }
#download>.display ul>li:hover .tit { color: rgba(255,255,255,1); }
#download>.display ul>li:hover .txt { color: rgba(255,255,255,.6); }
#download>.display ul>li:hover .url>a { color: rgba(255,255,255,1); }

@media only screen and (max-width: 1480px) {
#download>.display ul>li>.box>.tit { font-size: 2.2rem; }
}

@media only screen and (max-width: 1360px) {
#download>.display ul>li>.box>.tit { font-size: 2rem; }
}

@media only screen and (max-width: 1200px) {
#download>.display ul>li>.box { padding: 30px; }
#download>.display ul>li>.box>.tit { font-size: 2rem; }
#download>.display ul>li>.url { right: 30px; }
#download>.display ul>li>.url>a>i { font-size: 3rem; }
}

@media only screen and (max-width: 980px) {
#download>.display ul>li { width: 48%; margin-right: 0; }
#download>.display ul>li:nth-child(even) { float: right; }
}

@media only screen and (max-width: 860px) {
#download>.display ul>li { float: none; width: 100%; }
#download>.display ul>li>.box>.tit { font-size: 1.8rem; }
}

@media only screen and (max-width: 640px) {
#download>.display ul>li>.box>.txt { line-height: 2rem; font-size: 1.4rem; }
#download>.display ul>li>.box>.txt>i { margin-right: 4px; }
}