.content .border-top{border-top:0px !important;}

.localnav-wrapper { position: relative; z-index: 9998; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-wrapper { background-color: rgba(255, 255, 255, 0.97); position: relative; position: -webkit-sticky; position: sticky; top: 0; left: 0; height: 48px; width: 100%; overflow: hidden; }
  .localnav-wrapper:after { content: ""; height: 1px; background: #d6d6d6; position: absolute; left: 0; top: 47px; width: 100%; z-index: -1; } }

.localnav { border-bottom: 1px solid #d6d6d6; margin: 0 auto; padding-bottom: -20px; max-width: 980px; }
.localnav:before, .localnav:after { content: " "; display: table; }
.localnav:after { clear: both; }
html.oldie .localnav { zoom: 1; }
@media only screen and (max-width: 1023px) { .localnav { width: auto; min-width: 724px; padding-left: 22px; padding-right: 22px; } }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav { border-bottom: none; margin-top: 0; padding-top: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; width: 100%; min-width: 0px; padding-left: 0px; padding-right: 0px; } }
@media only screen and (max-device-width: 767px) and (max-width: 767px) and (orientation: portrait) { .localnav { display: inline-block; } }

.localnav-sticky { background-color: rgba(255, 255, 255, 0.97); border-bottom: 1px solid #d6d6d6; width: 100%; margin: 0; position: fixed; position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-sticky { border-bottom: none; } }
html.oldie .localnav-sticky { position: fixed; background-color: white; }
.localnav-sticky .localnav { border-bottom: none; }

.localnav-title { padding: 0; display: block; font-size: 32px; line-height: 1; float: left; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-title { padding: 12px 15px 11px; font-size: 17px; text-decoration: none; font-weight: 400; line-height: 1.3889; } }
.localnav-title > a { margin: 0 0 0 0; color: #333333; display: block; text-decoration: none; }
.no-js .localnav-title > a:hover { text-decoration: none; }
html.no-touch .localnav-title > a:hover { text-decoration: none; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-title { display: inline-block; } }

.localnav-links { float: right; margin: 8px 0 7px 0; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-links { display: initial; float: none; width: auto; clear: both; } }
.localnav-links > li { float: left; list-style: none; margin-left: 30px; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-links > li { float: none; display: inline-block; text-align: center; margin-left: 14px;}
  .localnav-links > li:only-child { float: right; } }
.localnav-links .button { margin: 0; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-links .button { margin-top: 13px; margin-bottom: 11px; } }

.localnav-link-title { display: none; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-link-title { display: inline-block; } }

.localnav-link { font-size: 13px; color: #333333; display: inline-block; white-space: nowrap; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-link { display: block; padding-top: 12px; padding-bottom: 12px; font-size: 17px; line-height: 1.3889; text-decoration: none; } }
.no-js .localnav-link:hover { color: #0088cc; text-decoration: none; }
html.no-touch .localnav-link:hover { color: #0088cc; text-decoration: none; }
.localnav-link.current { color: #999999; }
.no-js .localnav-link.current:hover { color: #999999; }
html.no-touch .localnav-link.current:hover { color: #999999; }
@media only screen and (max-device-width: 767px) and (max-width: 767px) { .localnav-link.current { border-bottom: 1px solid #333333; color: #333333; } }

.button {
    border-radius: 4px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    padding: 0 16px;
    display: inline-block;
}

html.oldie .button {
    display: inline;
    zoom: 1;
}

html.oldie .button {
    vertical-align: middle;
}

.no-js .button:hover {
    background: #2fa2dc;
    background: -webkit-linear-gradient(#4ab4e8, #1491d0);
    background: linear-gradient(#4ab4e8, #1491d0);
    text-decoration: none;
}

/*html.no-touch .button:hover {
    background: #2fa2dc;
    background: -webkit-linear-gradient(#4ab4e8, #1491d0);
    background: linear-gradient(#4ab4e8, #1491d0);
    text-decoration: none;
}*/

.button:active {
    background: #0d85c0;
    background: -webkit-linear-gradient(#1b9dde, #006da3);
    background: linear-gradient(#1b9dde, #006da3);
    outline: none;
}

@-moz-document url-prefix() {
    .button {
        line-height: 31px;
        padding-top: 1px;
    }
}


.button-buynow, .button-compact {
    background: #1d9bd9;
    background: -webkit-linear-gradient(#3baee7, #0088cc);
    background: linear-gradient(#3baee7, #0088cc);
    border-color: #137ec6;
    border-top-color: #1992da;
    border-bottom-color: #0d6ab2;
    color: white;
    color: white;
    font-size: 13px;
    padding: 0 11px;
    line-height: 22px;
}

.no-js .button-buynow:hover, .no-js .button-compact:hover {
    background: #2fa2dc;
    background: -webkit-linear-gradient(#4ab4e8, #1491d0);
    background: linear-gradient(#4ab4e8, #1491d0);
}

html.no-touch .button-buynow:hover, html.no-touch .button-compact:hover {
    background: #2fa2dc;
    background: -webkit-linear-gradient(#4ab4e8, #1491d0);
    background: linear-gradient(#4ab4e8, #1491d0);
}

.button-buynow:active, .button-compact:active {
    background: #0d85c0;
    background: -webkit-linear-gradient(#1b9dde, #006da3);
    background: linear-gradient(#1b9dde, #006da3);
}

@-moz-document url-prefix() {
    .button-buynow, .button-compact {
        line-height: 21px;
        padding-top: 1px;
    }
}

a {
    color: #0088cc;
}

a:visited, a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.violator {
    background: transparent;
    border: 1px solid #ff981e;
    border-radius: 4px;
    color: #ff981e;
    font-size: 0.8333em;
    line-height: 2.16;
    text-align: center;
    white-space: nowrap;
    padding: 0 1.0667em;
    display: inline-block;
}


.page-video .section-tap-away .ios {
    margin-left: 80px;
    width: 50%;
}

.page-music .device-options {
    list-style-type: none;
    text-align: left;
    font-size: 16px;
    padding: 84px 0;
    margin-left: 90px;
}
.page-music .device-options .ios {
    width: 50%;
}
.page-music .device-options .column {
    width: 50%;
}

.page-video .device-options .column {
    width: 45%;
}

.button-music:hover, .button-music:active{
    background: #ff466a;
    border-color: #ff466a;
}

html[lang=zh-CN] .top-sup{
    top:-2px;
}