台湾大哥大 .title { font-size: 20px; line-height: 1; letter-spacing: 1.5px; color: #fff; padding-left: 20px } @tests/test_media_scanner.py all and (min-width: 768px) { .title { font-size:24px; padding-left: 40px } } @tests/test_media_scanner.py all and (min-width: 1280px) { .title { padding-left:50px } } .btn { width: 150px; height: 50px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; border-radius: 25px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; cursor: pointer } @tests/test_media_scanner.py all and (max-width: 1279px) { .btn { background:#ff6100; border-color: #ff6100; color: #fff } } .btn.orange { background: #ff6100; color: #fff } @tests/test_media_scanner.py all and (min-width: 1280px) { .btn.orange:hover { background:rgba(255,97,0,.7) } } @tests/test_media_scanner.py all and (min-width: 1280px) { .btn.blue { background:#00a0e9; color: #fff } .btn.blue:hover { background: #4dbdf0 } } @tests/test_media_scanner.py all and (min-width: 1280px) { .btn.white-border,.white .btn { background:rgba(237,108,0,0); color: #fff; border: 2px #fff solid } .btn.white-border:hover,.white .btn:hover { background: #ed6c00; border-color: #ed6c00 } } @tests/test_media_scanner.py all and (min-width: 1280px) { .btn.grey { background:#f0f0f0; border: 2px #fff solid; color: #9b9b9b } .btn.grey:hover { background: #fff; color: #000; border-color: #fff } } @tests/test_media_scanner.py all and (min-width: 1280px) { .black .btn,.btn.black-border { color:#333; border: 2px #333 solid } .black .btn:hover,.btn.black-border:hover { background: #ed6c00; color: #fff; border-color: #ed6c00 } } .center-btn .btn,.left-btn .btn,.right-btn .btn { position: absolute; right: 0; le