/* 软件下载页（/download/）专用样式，从 template/download.html 的两段内联 <style> 外置而来。
   与 lineyoyo.css 有意保持独立文件：两者的 .tab-buttons 左内边距不同（此页 35%，线路页 40%），
   合并会互相覆盖。 */

/* 文字上移 */
.banner .wrapin {
  padding: 0px 60px;
}
.banner .wrapin dt {
  font-size: 2em;
  margin-bottom:5px;
}
.banner .wrapin dd {
  font-size:1.5em;
  margin-bottom:1px;
}
/* 手机上 60px 的左右内边距会吃掉大半屏宽，字号也要收 */
@media (max-width: 768px){
  .banner .wrapin{
    padding:0 12px;
  }
  .banner .wrapin dt{
    font-size:1.25em;
  }
  .banner .wrapin dd{
    font-size:1em;
  }
}

.tab-buttons{
    padding: 10px;
    padding-top: 20px;
    padding-left: 35%;
}
.tab-btn{
    display:inline-block;
    text-decoration:none;
    padding:10px 30px;
    border:none;
    border-radius:8px;
    background:#dd3333;
    color:#fff;
    cursor:pointer;
}
.tab-btn.active{
    background:#0066cc;
    color:#fff;
}
/* 手机上 35% 的左内边距会把按钮推出屏幕，改为居中换行 */
@media (max-width: 768px){
    .tab-buttons{
        padding:10px 12px 0 12px;
        text-align:center;
    }
    .tab-btn{
        padding:8px 14px;
        font-size:13px;
        margin:0 4px 6px 0;
    }
}