@charset "UTF-8";
video, embed, object, .videocontent {max-width:100% !important;}

.uni-res-nav {background-color:#999; border-top:1px solid #aaa;}
.uni-res-nav li {float:left; width:33%; display: inline; text-align: center; box-shadow:1px 1px 30px #777 inset;}
.uni-res-nav li a {display:block; color:#000; font-weight:bold; padding-top:3px; padding-bottom:3px; font-size: 12px; line-height:20px;}
.uni-res-nav li a:hover {color:#ffe600;}
.uni-res-nav .m-home {width:34%;}

@media screen and (max-width:1120px) {
.container {width:98%; margin:0 auto; overflow:hidden;}
.main_photo, .bk-headline {width:63%;}
.headlines {width:35%;}
.box02, .featured li, .main_cont_sub .featured li {width:49%;}
.box02.mr10, .featured li.mr10 {margin-right:2% !important;}
.box01 li {width:23.5%;}
.main_cont .box01 .mr10, .main_cont_sub .box01 .mr10 {margin-right:2% !important;}
.box01 li img, .featured li img {width:100%;}
.bk-sectionlist .bk-con .box01, .bk-sectionlist .bk-con .box02 {width:100%;}
.bk-sectionlist .box01 li {float:left; width:48%; clear:none;}
.bk-sectionlist .box01 .mr10 {margin-right:4% !important;}
.main_cont {width:68%; overflow:hidden;}
.box-specialbar {background-position:right 0 !important; background-color:#0b1016 !important;}
.box-specialbar-ttl {display:none !important;}
.box-specialbar .top_article {width:98% !important;}
.foot_article .fl {width:100%;}
.foot_article .fr {width:300px; clear:both; margin:0 auto; float:none;}
#adunit_article_center_middle2_computer{  width: 300px;clear: none;margin: 0 auto;float: none;margin-bottom: 20px;}
}
@media screen and (max-width:1118px) {
.main_cont_sub {width:60%;}
.nav li{float:left; padding:0 0.6%;}
}
@media screen and (max-width:1060px) {
.main_cont {width:67%;}
.main_cont_sub {width:58%;}
.nav li{float:left; padding:0 0.5%;}
}
@media screen and (max-width:1020px) {
.main_cont_sub {width:57%;}
.nav li{float:left; padding:0 0.4%;}
}
@media screen and (max-width:980px){
.main_cont {width:66%;}
.main_cont_sub {width:55%;}
.nav li a{font-size:12px;}
}
@media screen and (max-width:940px){
.main_cont {width:65%;}
.main_cont_sub {width:53%;}
}
@media screen and (max-width:920px){
.main_cont {width:64%;}
.main_cont_sub {width:52%;}
.nav li{float:left; padding:0 0.3%;}
}
@media screen and (max-width:880px){
.picturegallery{clear:both; width:100%;background:#030303; height:520px; margin-bottom:20px; position:relative;}
.picturegallery .img_picture{margin:0 auto;height:430px; position:relative; 
text-align: center; line-height:430px;}
.picturegallery .img_picture img{vertical-align: middle; width:100%; max-height:430px;}
.picturegallery .sum_picuture{height: 70px;
padding: 10px 40px;}
.picturegallery .caption_gallery{color:#fff; font-size:12px; position:absolute; bottom:90px; left:0; background:#030303; padding:10px 20px;opacity:0.7; }
.main_cont, .main_cont_sub, .sidebar, .sidebar_sub {width:100% ;float:none; clear:both;}
.box04 .mr10 {clear:none; margin:0 1%;}
.box04 li {width:23.75%;}
.box04 img {float:none; width:100%;}
.box03 {float:left; width:49%; padding:0; clear:none; margin-bottom:10px; margin-right:1%;}
.box03.res-act {clear:left;}
.nav li a{font-size: 11px;}
}
@media screen and (max-width:820px){
.inner_header .hd_T {display:none;}
.top_article li {font-size:11px; line-height:14px;}
.nav li a{font-size: 10px;}
}
@media screen and (max-width:780px){
}
@media screen and (max-width:730px){
.nav li a{font-size: 9px;}
}
@media screen and (max-width:720px){

.picturegallery{clear:both; width:100%;background:#030303; height:500px; margin-bottom:20px; position:relative;}
.picturegallery .img_picture{margin:0 auto;height:430px; position:relative; 
text-align: center; line-height:430px;}
.picturegallery .img_picture img{vertical-align: middle; width:100%; max-height:430px;}
.picturegallery .sum_picuture{height: 50px;
padding: 10px 40px;}
.picturegallery .caption_gallery{color:#fff; font-size:12px; position:absolute; bottom:70px; left:0; background:#030303; padding:10px 20px;opacity:0.7; }
.main_sum_picuture li{float:left; width:9%; margin-right:1.9%;border: 1px solid rgba(255,255,255,.1);}
}
@media screen and (max-width:680px){
.inner_header, .header {height:auto;}
.inner_header .logo {position:relative; margin-top:10px auto; text-align:center; left:0; top:0;}
.nav-s {display:block;}
.hdr-social, .inner_header .search, .nav {display:none;}
.nav {height:auto;}
.nav li {float:none; width:100% !important;}
.nav li a {font-size:12px; line-height:20px;}
.search-s {width:100%; position:relative; margin:5px auto;}
}
@media screen and (max-width:660px){
.main_photo, .headlines, .bk-headline {float:none; width:100%;}
.headlines ul {height:auto; padding-bottom:10px;}
.logo img{width:150px; margin-top:10px;}
.info_com h2 {font-size: 22px;padding-left:10px;}
@media screen and (max-width:560px){
.box01 li {width:100% ;float:none; clear:both;}
.box01 li img {float:left; width:120px; margin-right:12px;}
.box03 {float:none; width:100%; clear:both;}
.box04 .mr10 {clear:left; margin:0 2% 0 0;}
.box04 li {width:49%;}
.bk-artvideoad, .bk-socialbox {clear:both !important; width:100% !important; margin:0 0 10px 0 !important; overflow:hidden !important; text-align:center !important;}
.top_article li img {width:100%; margin:0 0 5px 0; float:none;}
.bk-sectionlist .box01 .art-img {width:100%; margin-bottom:5px;}
.footer img {display:none;}
.starpets h2 {font-size:14px;}
}

@media screen and (max-width:500px){
.starpets .arrow_pets {padding-top: 25px;}
.starpets .more_pets {margin-top:18px;}
}

@media screen and (max-width:420px){
.bk-sectionlist .bk-start, .bk-sectionlist .bk-con, .bk-sectionlist.bk-equal .bk-start, .bk-sectionlist.bk-equal .bk-con {float:none; width:100%; clear:both; margin:0;}
.bk-sectionlist.bk-equal .bk-start, .bk-sectionlist.bk-equal .bk-con {padding-bottom:8px;}
}

@media screen and (max-width:340px){
.bk-sidefbook, .bk-sidebn {width:100%; padding:0;}
.starpets .arrow_pets {padding-top: 20px;}
}

/* Top Leaderboard 970x90, 970x250, 728x90 */
.ad_tlb {
    width:970px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_tlb table {
    display:inline-table;
}

/* Bottom Leaderboard 728x90 */
.ad_blb {
    width:728px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_blb table {
    display:inline-table;
}

/* Sidebar Rectangle 300x250, 300x600 */
.ad_rtg300 {
    width:300px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg300 table {
    display:inline-table;
}

/* Rectangle 336x280, 300x250 */
.ad_rtg336 {
    width:336px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg336 table {
    display:inline-table;
}

/* Rectangle 250x250 only */
.ad_rtg250 {
    width:250px;
    text-align:center !important;
}
.ad_rtg250 table {
    display:inline-table;
}