@media screen and (min-width: 768px) and (max-width: 1024px) {
.book #toparticle {height: 150px;}
.book #toparticle .slides_container, #toparticle  .slides_control {height: 120px;}
.focuscont+.articlelist.middlecolumn .wrapper > div {width: 45.5%}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.logo img {width: 120px;}
.contbody blockquote img {width: 50%;}
#header .searchbar button, .articlcontent > .headline .comments em, .gallerymore .sight,
.number_tab li a, .fastlink .y_day, .fastlink .t_day, .bloggrtcont .authorinfo li a, .article_item .detail h3 span,
.rankchart table h4 span, .article_item .side_share .comments span, .changeview li a, .rating_start li a, .rating_start li em,
.secondcont .bloglist .pre_btn span, .secondcont .bloglist .next_btn span,
.side_order a.moreinfo span, .side_order a.moreinfo span, .bw_ad .content, .sidebar li.insidead span, .insidead span {
    background-image: url("../images/system_icon@2x.png");
    background-size: 48px;
}
.sight {
    background-image: url("../images/channel_icon_all@2x.png");
    background-size: 36px;
}
.forum_respond:after, .forum_respond:after {
    content: url("../images/system_icon@2x.png");
}
#menubtn a {
    background: url("../images/menu@2x.png") 14px 12px no-repeat;
    background-size: 24px;
}
#searchbtn a {
    background: url("../images/search@2x.png") 10px 12px no-repeat;
    background-size: 24px;
}
.mainnav li.hot strong {
    background: url("../images/buy_icon@2x.png") 0 0 no-repeat;
    background-size: 20px;
}
.socialshare a.shretofb {background: url("../images/social@2x.png") 0 2px no-repeat;background-size: 16px;}
}