/* frontpage */
/* ==================== */
html {
    background-color: #fff;
}
.banner {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-inner {
    width: 1000px;
    position: relative;
}

/* login dock */
/* ---------- */
.banner .login-dock {
    position: absolute;
    right: 0;
    top: 110px;
    width: 240px;
    padding-top: 24px;
    /* background-image: url(../../images/frontpage/text-1.png); */
    background-repeat: no-repeat;
    background-position: center top;
}
.banner .login-dock .login-btn {
    display: block;
    width: 192px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    /* background-color: #fb4e09; */
    background-color: #FB0909;
    background-repeat: repeat-x;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.banner .login-dock .login-btn.reg-btn {
    /* background-color: #fda609; */
    background-color: #666;
}
.banner .login-dock .links {
    width: 192px;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    text-align: right;
}
.banner .login-dock .links span {
    font-size: 10px;
}
.banner .login-dock .links a {
    color: #666;
    text-decoration: none;
}
.banner .login-dock .links a:hover,
.banner .login-dock .links a:focus {
    border-bottom: 1px solid #fff;
}

.feature-list {
    width: 1000px;
    background-color: #fff;
    /* border-top: 1px solid #e9e9e9; */
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative;
}
.feature-list .qrimg {
    position: fixed;
    right: 10px;
    bottom: 10px;
}
.feature-list .feature-list-inner {
    width: 1000px;
}
.feature-list .feature-item {
    width: 33.3%;
    float: left;
    background-image: url(../../images/frontpage/feature-sep.png);
    background-repeat: no-repeat;
    background-position: right 45px;
}
.feature-list .feature-item.last {
    background-image: none;
}
.feature-list .feature-item .feature-title {
    text-align: center;
    font-size: 18px;
    color: #686868;
}
.feature-list .feature-item .feature-desc {
    padding: 0 46px;
    color: #686868;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
.feature-list .feature-1.feature-item .feature-title,
.feature-list .feature-1.feature-item .feature-desc {
    /* text-align: left; */
    /* padding-left: 5px; */
}
.feature-list .feature-3.feature-item .feature-title {
    /* text-align: right; */
    padding-right: 0;
}
.feature-list .feature-3.feature-item .feature-desc {
    /* padding-right: 0; */
    /* text-align: left; */
    /* padding-left: 85px; */
}

/* ports */
/* ===== */

.ports {
    width: 1000px;
    margin-top: 35px;
}
.ports .port-item {
    float: left;
    width: 200px;
    height: 60px;
    padding-left: 50px;
    background-image: url(../../images/frontpage/port-icons.png);
    background-repeat: no-repeat;
}
.ports .port-intro {
    background-position: 0 0;
}
.ports .port-mall {
    background-position: 0 -100px;
    width: 250px;
}
.ports .port-play {
    background-position: 0 -200px;
}
.ports .port-pay {
    background-position: 0 -300px;
    width: 150px;
	margin-right: -140px;
	width: auto;
}
.ports .port-item .links {
    font-size: 12px;
    margin-top: 2px;
}
.ports .port-item h3 {
    margin: 0;
    font-size: 17px;
    color: #4e4d4d;
}
.ports .port-item span,
.ports .port-item a {
    margin-right: 5px;
    text-decoration: none;
    color: #666;
}