@-ms-viewport {
width: device-width;
}
@media only screen and (max-width: 480px) {
html, body, div, ul, li {
padding: 0;
margin: 0;
}
html {
max-width: none;
min-width: 0;
}
body {
background-image: url("../images/layout/bg/hots/body-bg-baked-480px.jpg");
background-repeat: no-repeat;
background-position: 0 0;
max-width: none;
min-width: 0;
}
.wrapper {
width: 465px;
margin: 0;
}
/* header, logo and service bar */
.head .logo, .head .logo a {
width: 100%;
}
.header-bottom {
display: none;
}
.homepage .head {
height: 372px;
}
.service-bar {
font-size: 9px;
}
.service-home a {
width: 35px;
padding: 0;
background: url("../local-common/images/service-bar/background.png") no-repeat scroll -12px -40px transparent;
}
/* /header, logo and service bar */
/* search bar */
.search-bar {
left: 90px;
position: absolute;
top: 340px;
}
.search-bar .search-field {
width: 260px;
}
.search-bar .search-button {
right: 45px;
top: 3px;
}
.search-bar form {
float: none;
}
/* /search bar */
/* nav menu */
.head .menu {
width: 315px;
height: auto;
}
.head .menu li {
margin-bottom: 1px;
}
.head .menu li.menu-media a {
background-position: -315px 0;
}
.head .menu li.menu-forums a {
background-position: -420px 0;
}
.head .menu li.menu-buy-now a {
background-position: -525px 0;
}
/* /nav menu */
/* login now */
.character-card a.click-area .inner {
position: absolute;
right: -7px;
top: 18px;
width: 97px;
padding: 0;
}
.character-card a.login {
background: none;
width: auto;
}
.character-card, .character-card a.click-area {
width: auto;
}
.character-card .avatar-frame, .character-card .avatar-frame .border {
display: none;
}
/* /login now */
/* slideshow */
.ui-slideshow {
width: 453px;
}
.ui-slideshow .slideshow {
width: 450px;
}
.ui-slideshow .slide {
width: 450px;
background-size: 450px auto;
}
/* /slideshow */
/* left content + right sidebar container */
.body-bot {
display: table;
}
/* /left content + right sidebar container */
/* left content */
.news .left-content {
width: auto;
float: none;
padding-bottom: 30px;
}
.thg {
display: table-header-group;
}
#slideshow:before {
content: "
";
}
/* /left content */
/* right-sidebar */
.news .right-sidebar {
display: table-footer-group;
float: none;
}
.right-sidebar a {
font-size: 18px;
}
.sidebar-module .sidebar-title .header-3, .sidebar-module .sidebar-title .header-3 a {
font-size: 20px;
padding-left: 3px;
}
#sidebar-links a.promo-authenticator .buy-now-cart {
margin-left: 5px;
}
.bnet-offer-bg {
margin-left: auto;
margin-right: auto;
}
/* /right sidebar */
/* featured news (below slideshow) */
.homepage .featured-news li {
width: 430px;
}
.homepage .featured-news .article-title {
font-size: 20px;
}
/* featured news */
/* blog news */
.homepage .blog-articles-wrapper .article-wrapper .article-meta .publish-date {
float: right;
}
.homepage .blog-articles-wrapper {
background: url("../images/layout/featured-news-bg.jpg") no-repeat scroll 0 0 transparent;
padding-top: 20px;
}
.homepage .article-wrapper .article-image {
width: 410px;
height: 140px;
}
.homepage .blog-articles-wrapper .article-wrapper {
border-bottom: 1px solid #031E43;
border-top: 0;
}
.homepage .blog-articles-wrapper .article-image {
margin: 0 15px 15px;
width: 410px;
height: 200px;
float: none;
}
.homepage .blog-articles-wrapper .article-wrapper .article-meta {
left: 15px;
width: auto;
}
.homepage .blog-articles-wrapper .article-content, .homepage .blog-articles-wrapper .article-content .article-summary {
height: auto;
}
.homepage .blog-articles-wrapper .article-content .article-summary * {
font-size: 20px !important;
line-height: 28px !important;
}
.homepage .blog-articles-wrapper, .homepage .left-content a.load-more {
margin-left: 5px;
}
.homepage .left-content a.load-more {
font-size: 20px;
}
/* /blog news */
/* footer */
#sitemap.promotions .column {
width: auto;
float: none;
font-size: 16px;
}
#sitemap .column {
padding-left: 6px;
text-align: center;
}
#footer #sitemap h3.bnet {
background-position: 0 5px;
}
#footer #sitemap h3.games {
background-position: 2px -45px;
}
#footer #sitemap h3.account {
background-position: 2px -145px;
}
#footer #sitemap h3.support {
background-position: 0 -195px;
}
#footer h3, #footer h3 a, #copyright a {
font-size: 19px;
float: none;
}
#copyright {
text-align: center;
}
#copyright .legal-links a {
display: block;
margin-bottom: 15px;
}
#sitemap .column ul a {
margin: 8px 0;
}
/* /footer */
}