html, body, div, h1, h2, p, ul, li{margin:0 auto;padding:0;font:14px/1.5 "Segoe UI", Arial, Helvetica, sans-serif;color:#333;}
ul, li{list-style:none;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#banner{background:url(/images/ios-9/banner.jpg) no-repeat top;height:206px;}
.container{max-width:1000px;overflow:hidden;padding:0 10px;}
.top-mid{max-width:1000px;width:100%;margin:0 auto;overflow:hidden;}
a.logo{display:block;width:125px;height:27px;background:url(/images/ios-9/logo.png) no-repeat;margin:16px 0 0 16px;}
ul#article{overflow:hidden;max-width:1000px;width:100%;}
ul#article li{float:left;width:32%;margin:0 1% 3% 0;position:relative;}
ul#article li img{width:100%;max-width:320px;display:block;}
ul#article li a{display:block;text-align:center;font-size:18px;height:167px;color:#fff;background:rgba(0, 0, 0, 0.6) none repeat  0 0;}
ul#article li a.more{height:54px;position:absolute;width:96%;top:100px;padding:2%;}
h1, h2{font-size:36px;text-align:center;padding:30px 0;}
table{width:100%;max-width:1000px;}
table tr td{border:1px solid #999;padding:20px;font-size:28px;}
table tr td.device{text-align:center;}
.addthis_floating_style{position:fixed;border:1px solid #dbdbdb;box-shadow:0 2px 3px #dbdbdb;padding:10px 6px 15px !important;margin-top:30px \9;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fcfcfc',endcolorstr='#ededed',gradientType=0);background:-moz-linear-gradient(top, #fcfcfc, #ededed 100%);background:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ededed));top:20%;left:0;}
ul#related li{overflow:hidden;margin-bottom:37px;}
ul#related li img{float:left;width:12.8%;max-width:97px;margin-top:6px;}
ul#related li .txt{float:left;width:84.2%;margin-left:3%;}
ul#related li .txt a{font-size:18px;}
@media screen and (max-width:1118px){
.botlink{padding:2% 3%;width:94%;}
ul#article li a{font-size:16px;}
}
@media screen and (max-width:798px){
#banner{background:url(/images/ios-9/banner_tablet.jpg) no-repeat top;height:180px;}
ul#article li{width:46%;}
h1, h2{font-size:28px;}
}
@media screen and (max-width:480px){
h1, h2{font-size:25px;}
ul#related li img{float:left;width:20%;max-width:97px;}
ul#related li .txt{float:left;width:77%;margin-left:3%;}
#banner{background:url(/images/ios-9/banner_mobile.jpg) no-repeat top;height:206px;}
h1, h2{font-size:20px;}
ul#article li{width:100%;}
ul#article li a{margin:5px 0 20px;}
table tr td{border:none;padding:0;font-size:14px;}
table tr td.device{display:none;}
.addthis_floating_style{display:none;}
}