/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
a {
    background: transparent
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0;
    cursor: pointer;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
@font-face {
    font-family: satellite;
    src: url("/webfont/satellite.eot");
    src: url("/webfont/satellite.eot?#iefix") format("embedded-opentype"), url("/webfont/satellite.woff") format("woff"), url("/webfont/satellite.ttf") format("truetype"), url("/webfont/satellite.svg#satellite") format("svg");
    font-weight: 300;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: satellite;
        src: url("/webfont/satellite.svg#satellite") format("svg")
    }
}
* html {
    font-size: 100%
}
html {
    font-size: 16px;
    line-height: 24px
}
body {
    font-family: "Helvetica", "Arial", "STHeitiTC-Light", "微軟正黑體", "Microsoft Jhenghei", sans-serif;
    font-weight: 300;
    font-style: normal
}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #333
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal
}
h1 {
    font-size: 32px;
    line-height: 48px
}
h2 {
    font-size: 24px;
    line-height: 48px
}
h3 {
    font-size: 20px;
    line-height: 24px
}
h4 {
    font-size: 16px;
    line-height: 24px
}
h5 {
    font-size: 13px;
    line-height: 24px
}
h6 {
    font-size: 12px;
    line-height: 24px
}
p {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px
}
blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    border-left: 3px solid #777;
    padding-left: 24px;
    font-size: 16px;
    line-height: 24px
}
blockquote cite {
    display: block;
    color: #b3b3b3
}
blockquote cite:before {
    content: '\2014 \00A0'
}
pre code {
    font-family: "Monaco", MonoSpace, sans-serif;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px;
    border: 1px solid #777;
    padding: 24px;
    background-color: #fafafa;
    font-size: 12px;
    line-height: 24px
}
ol,
ul {
    margin-top: 24px;
    margin-bottom: 24px
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0
}
dl {
    margin-top: 24px;
    margin-bottom: 24px
}
dl dt {
    font-weight: bold
}
dl dd {
    margin: 0
}
a {
    text-decoration: none;
    color: #000;
    outline: medium none
}
a img {
    border: none
}
a:focus {
    outline: medium none
}
img {
    max-width: 100%;
    margin-bottom: 24px
}
hr,
.divider {
    margin-top: 24px;
    margin-bottom: 24px;
    border: none;
    background: none;
    border-top: 1px solid #777
}
html,
body {
    height: 100%
}
.container {
    max-width: 1140px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto
}
.container:after {
    content: "";
    display: table;
    clear: both
}
.has-message {
    right: 0;
    bottom: 0;
    position: absolute
}
.hide {
    display: none
}
body {
    background-color: #e6e6e6
}
.overflow_hidden {
    overflow: hidden
}
.page {
    padding-top: 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.lightbg {
    position: fixed;
    top: 15px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 0
}
.lightbg img {
    max-width: 1260px !important
}
.container {
    width: 1140px;
    position: relative;
    z-index: 2
}
.page-banner {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 99px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1
}
.page-banner img {
    max-width: 1260px !important
}
.header {
    background-image: url(../images/bg_header.png);
    background-color: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 92px;
    -webkit-box-shadow: 0 7px 0 #000, 0 10px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 7px 0 #000, 0 10px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 7px 0 #000, 0 10px 15px rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.header-container {
    width: 1262px;
    background-image: url(../images/bg_header.png);
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.header-container:after {
    content: "";
    display: table;
    clear: both
}
.header-container .logo {
    width: 290px;
    height: 92px;
    background-image: url(../images/icon_logo_l.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 35px
}
.header-container .logo h1 {
    text-indent: -9999px
}
.header-container .logo a {
    display: block;
    height: 92px
}
.header-container .icon-user-sprite,
.header-container .icon-user-level0,
.header-container .icon-user-level1,
.header-container .icon-user-level2,
.header-container .icon-user-level3,
.header-container .icon-user-level4 {
    background: url('../images/icon-user-s395ac56758.png') no-repeat
}
.header-container .icon-user-level0 {
    background-position: 0 -90px
}
.header-container .icon-user-level1 {
    background-position: 0 -60px
}
.header-container .icon-user-level2 {
    background-position: 0 -30px
}
.header-container .icon-user-level3 {
    background-position: 0 0
}
.header-container .icon-user-level4 {
    background-position: 0 -120px
}
.header-container .header-func {
    position: fixed;
    top: 40px;
    right: 40px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.header-container .header-func:after {
    content: "";
    display: table;
    clear: both
}
.header-container .header-func .user {
    float: left;
    font-weight: bolder
}
.header-container .header-func .user:after {
    content: "";
    display: table;
    clear: both
}
.header-container .header-func .user .user-avator {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
    position: relative
}
.header-container .header-func .user .user-avator .has_message {
    width: 12px;
    height: 12px;
    background-image: url(../images/icon_has_message.png)
}
.header-container .header-func .user .user-level-text {
    float: left;
    color: white
}
.header-container .header-func .user .user-register {
    float: left
}
.header-container .header-func .user .user-register a {
    color: white;
    text-decoration: none
}
.header-container .header-func .user .user-log {
    float: left
}
.header-container .header-func .user .user-log::before {
    content: "|";
    color: white;
    padding: 0 5px 0 10px
}
.header-container .header-func .user .user-log a {
    color: white;
    text-decoration: none
}
.header-container .header-func .search {
    float: left;
    text-align: right
}
.header-container .header-func .search .search-toggle {
    display: inline-block;
    float: left;
    padding-right: 20px
}
.header-container .header-func .search .search-toggle a {
    background-color: white;
    width: 40px;
    height: 25px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../images/icon_search.png);
    background-position: center center;
    background-repeat: no-repeat
}
.header-container .header-func .search .search-toggle.active {
    position: relative
}
.header-container .header-func .search .search-toggle.active::after {
    content: "";
    position: absolute;
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid black;
    left: 8px;
    bottom: -22px
}
.header-container .header-func .search .search-toggle.active a {
    background-color: #0497db
}
@media (min-width: 1262px) {
    .header-container .header-func {
        position: absolute
    }
}
.header.tiny {
    height: 55px;
    background-image: none;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}
.header.tiny .header-container {
    background-image: none
}
.header.tiny .header-container .logo {
    height: 55px;
    background-image: url(../images/icon_logo_tiny.png)
}
.header.tiny .header-container .logo a {
    height: 55px
}
.header.tiny .header-container .main-nav {
    top: 16px
}
.header.tiny .header-container .main-nav ul>li {
    height: 55px
}
.header.tiny .header-container .header-func {
    top: 16px
}
.header.tiny .header-container .header-func .search .search-toggle.active {
    position: relative
}
.header.tiny .header-container .header-func .search .search-toggle.active::after {
    display: none
}
.main-nav {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 45px;
    left: 330px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.main-nav:after {
    content: "";
    display: table;
    clear: both
}
.main-nav>ul {
    width: 900px
}
.main-nav ul,
.main-nav ol {
    list-style: none;
    margin: 0;
    padding: 0
}
.main-nav ul:after,
.main-nav ol:after {
    content: "";
    display: table;
    clear: both
}
.main-nav ul>li {
    float: left;
    padding-right: 30px;
    position: static !important
}
.main-nav ul>li:hover>a {
    border-bottom: 3px solid #0497db;
    color: #0497db
}
.main-nav ul>li:hover .sub-nav {
    display: block
}
.main-nav ul>li>a {
    font-size: 18px;
    color: white;
    font-weight: 300;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.main-nav .sub-nav {
    display: none;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease;
    position: absolute;
    background-color: rgba(0, 106, 162, 0.95);
    border: 1px solid #0678b5;
    padding: 15px 0
}
.main-nav .sub-nav:after {
    content: "";
    display: table;
    clear: both
}
.main-nav .sub-nav .sub-nav-block {
    float: left;
    border-right: 1px solid #005385;
    border-left: 1px solid #1989b8;
    padding: 0 10px
}
.main-nav .sub-nav .sub-nav-block:first-child {
    border-left: none
}
.main-nav .sub-nav .sub-nav-block:last-child {
    border-right: none
}
.main-nav .sub-nav .sub-nav-block p.title {
    font-size: 13px;
    color: #8fc3de;
    margin: 0
}
.main-nav .sub-nav .sub-nav-block .funMovie {
    margin-top: 24px;
    height: 140px
}
.main-nav .sub-nav .sub-nav-block .funMovie a {
    display: block;
    background-image: url(../images/btn_funmovie.png);
    width: 88px;
    height: 63px;
    text-indent: -9999px;
    -webkit-transition: background 275ms ease;
    -moz-transition: background 275ms ease;
    -o-transition: background 275ms ease;
    transition: background 275ms ease
}
.main-nav .sub-nav .sub-nav-block .funMovie a:hover {
    background-color: rgba(0, 0, 0, 0.3)
}
.main-nav .sub-nav .sub-nav-block ol {
    display: block;
    float: left;
    height: 140px;
    padding: 0;
    margin: 0
}
.main-nav .sub-nav .sub-nav-block ol li a {
    color: white;
    display: block;
    padding: 0 10px;
    -webkit-transition: background 275ms ease;
    -moz-transition: background 275ms ease;
    -o-transition: background 275ms ease;
    transition: background 275ms ease
}
.main-nav .sub-nav .sub-nav-block ol li a:hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
}
.index-slider {
    width: 100%;
    height: 280px;
    background-color: #434343;
    position: relative;
    z-index: 1
}
.index-slider .slider-container {
    width: 1260px;
    height: 500px;
    margin: 0 auto;
    position: relative
}
.index-slider .slider-container:after {
    content: "";
    display: table;
    clear: both
}
.index-slider .slider-block {
    float: left;
    position: relative;
    width: 420px;
    height: 280px;
    background-color: #000;
    vertical-align: top
}
.index-slider .slider-block::after {
    content: "";
    display: block;
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8))
}
.index-slider .slider-block .slider-cover {
    position: relative
}
.index-slider .slider-block .slider-text {
    position: absolute;
    z-index: 4;
    left: 15px;
    bottom: 15px
}
.index-slider .slider-block .slider-title {
    font-size: 20px;
    font-weight: 600;
    color: white
}
.index-slider .slider-block .slider-cate {
    margin-bottom: 10px
}
.index-slider .slider-more {
    position: absolute;
    width: 420px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    right: 0;
    top: 0;
    z-index: 4
}
.index-slider .slider-more a {
    display: block;
    width: 118px;
    text-align: center;
    line-height: 40px;
    border: 1px solid white;
    font-size: 24px;
    color: white;
    position: absolute;
    left: 50%;
    top: 120px;
    margin: 0 0 0 -60px
}
.index-slider .bx-wrapper {
    width: 1260px !important;
    min-width: 1260px
}
.index-slider .bx-wrapper .bx-viewport {
    padding: 0
}
.index-slider .bx-wrapper .bx-pager {
    bottom: -35px
}
.index-slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    background: #999;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8)
}
.index-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #32acd5
}
.index-slider .bx-wrapper .bx-controls-direction {
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.index-slider .bx-wrapper .bx-controls-direction a {
    width: 80px;
    height: 70px;
    margin-top: -35px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease;
    opacity: 0
}
.index-slider .bx-wrapper .bx-controls-direction a:hover {
    opacity: 1
}
.index-slider .bx-wrapper .bx-prev {
    left: -5px;
    background-image: url(../images/btn_prev-slider.png)
}
.index-slider .bx-wrapper .bx-prev:hover {
    background-image: url(../images/btn_prev-slider_h.png)
}
.index-slider .bx-wrapper .bx-prev:active {
    background-image: url(../images/btn_prev-slider_p.png)
}
.index-slider .bx-wrapper .bx-next {
    right: 5px;
    background-image: url(../images/btn_next-slider.png)
}
.index-slider .bx-wrapper .bx-next:hover {
    background-image: url(../images/btn_next-slider_h.png)
}
.index-slider .bx-wrapper .bx-next:active {
    background-image: url(../images/btn_next-slider_p.png)
}
.index-slider:hover .bx-controls-direction a {
    opacity: 1
}
.content-block {
    position: relative
}
.content-block .block-title {
    position: relative;
    margin-top: 48px
}
.content-block h1 {
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top
}
.content-block h1.free::after {
    content: "免費";
    display: inline-block;
    line-height: 24px;
    padding: 0 7px;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background-color: #5fa439;
    vertical-align: middle;
    margin-bottom: 2px
}
.content-block .more {
    position: absolute;
    top: 12px;
    right: 0
}
.content-block .rankTabs {
    display: inline-block;
    margin-left: 20px
}
.content-block .rankTabs ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.content-block .rankTabs ul:after {
    content: "";
    display: table;
    clear: both
}
.content-block .rankTabs ul li {
    float: left;
    margin-right: 5px
}
.content-block .rankTabs ul li a {
    display: block;
    padding-top: 10px;
    text-align: center;
    width: 72px;
    border-bottom: 4px solid transparent;
    font-size: 20px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.content-block .rankTabs ul li a:hover {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.content-block .rankTabs ul li.active a {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.content-block .filterText {
    position: absolute;
    right: 0;
    top: 10px
}
.content-block .filterText ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.content-block .filterText ul:after {
    content: "";
    display: table;
    clear: both
}
.content-block .filterText ul li {
    float: left;
    padding: 0 10px
}
.content-block .filterText ul li a {
    font-size: 22px;
    font-weight: 900
}
.content-block .filterText ul li.active a {
    color: #32acd5
}
.content-block .filterText ul li:first-child {
    border-right: 1px solid black
}
.ad-block {
    margin-top: 20px
}
.ad-block hr {
    margin: 0;
    width: 1140px;
    height: 2px;
    border: none;
    background-image: url(../images/bg_divider_index.png)
}
.ad-block .ad-banner img {
    margin: 0
}
.login-block {
    position: relative;
    width: 900px;
    padding-top: 80px;
    margin: 0 auto
}
.login-block:after {
    content: "";
    display: table;
    clear: both
}
.login-block h1 {
    font-size: 32px;
    font-weight: 600
}
.login-block h3 {
    font-size: 20px;
    color: #666
}
.login-block form {
    margin-top: 24px
}
.sn-block {
    position: relative;
    width: 900px;
    margin: 0 auto;
    margin-top: 40px
}
.sn-block:after {
    content: "";
    display: table;
    clear: both
}
.sn-block h1 {
    font-size: 32px;
    font-weight: 600
}
.sn-block h4 {
    width: 760px;
    margin: 20px auto 30px;
    font-size: 20px;
    color: #666
}
.movie-top-block {
    width: 1140px;
    height: 420px;
    background-image: url(../images/bg_movie_block.png);
    position: relative
}
.recommend-block {
    margin-bottom: 50px
}
.recommend-block h1 {
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 0px
}
.account-block {
    position: relative
}
.account-block:after {
    content: "";
    display: table;
    clear: both
}
.account-block h1 {
    font-size: 20px;
    font-weight: 600;
    position: relative
}
.account-block h1:after {
    content: "";
    display: table;
    clear: both
}
.account-block h1 span {
    font-size: 16px;
    color: #666
}
.account-block .more {
    position: absolute;
    top: 12px;
    right: 0
}
.device-block h2 {
    font-size: 20px;
    color: #666
}
.device-block>ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.device-block>ul>li {
    float: left;
    width: 200px;
    height: 300px;
    padding: 35px 10px 0 10px;
    background-color: white;
    margin-right: 25px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    text-align: center
}
.device-block>ul>li ul {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left
}
.device-block>ul>li ul li p {
    margin-bottom: 5px
}
.device-block>ul>li .device-img {
    margin-bottom: 20px
}
.device-block>ul>li .device-img img {
    margin-bottom: 0px
}
.device-block>ul>li .device-name {
    font-weight: 600;
    padding-bottom: 10px;
    line-height: 16px;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 5px
}
.device-block>ul>li:last-child {
    margin-right: 0
}
.device-block>ul>li.unset {
    background: none;
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.device-block>ul>li.unset .device-msg {
    margin-top: 80px;
    color: #c3c3c3
}
.carousel:after,
.movie-block:after,
.drama-block:after {
    content: "";
    display: table;
    clear: both
}
.carousel .program,
.carousel .movie,
.movie-block .program,
.movie-block .movie,
.drama-block .program,
.drama-block .movie {
    position: relative
}
.carousel .program .program-cover,
.carousel .program .movie-cover,
.carousel .movie .program-cover,
.carousel .movie .movie-cover,
.movie-block .program .program-cover,
.movie-block .program .movie-cover,
.movie-block .movie .program-cover,
.movie-block .movie .movie-cover,
.drama-block .program .program-cover,
.drama-block .program .movie-cover,
.drama-block .movie .program-cover,
.drama-block .movie .movie-cover {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px
}
.carousel .program .program-cover img,
.carousel .program .movie-cover img,
.carousel .movie .program-cover img,
.carousel .movie .movie-cover img,
.movie-block .program .program-cover img,
.movie-block .program .movie-cover img,
.movie-block .movie .program-cover img,
.movie-block .movie .movie-cover img,
.drama-block .program .program-cover img,
.drama-block .program .movie-cover img,
.drama-block .movie .program-cover img,
.drama-block .movie .movie-cover img {
    margin-bottom: 0px;
    display: block
}
.carousel .program-title p,
.movie-block .program-title p,
.drama-block .program-title p {
    font-size: 20px;
    margin-bottom: 4px
}
.movie-play-cover {
    position: absolute;
    width: 100%;
    background-image: url(../images/icon_play3.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 3
}
.movie-play-cover a {
    display: block
}
.program-cate {
    line-height: 24px;
    min-width: 70px;
    color: white;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    margin-right: 5px
}
.program-cate-1 {
    background-color: #6897be
}
.program-cate-2 {
    background-color: #147d8c
}
.program-cate-3 {
    background-color: #5fa439
}
.critics-list {
    margin-bottom: 60px
}
.critics-list:after {
    content: "";
    display: table;
    clear: both
}
.critics-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.critics-list ul li {
    float: left;
    position: relative;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px
}
.critics-list ul li:after {
    content: "";
    display: table;
    clear: both
}
.critics-list ul li .cover {
    float: left;
    width: 116px;
    margin-right: 10px
}
.critics-list ul li .cover img {
    margin-bottom: 0px
}
.critics-list ul li a .critics-info .title {
    color: #333
}
.critics-list ul li a .critics-info .content {
    color: #666;
    font-size: 13px
}
.critics-list ul li .critics {
    color: #333;
    font-size: 13px;
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 0
}
.critics-list ul li:last-child {
    padding-right: 0
}
button,
.button {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border: none;
    background-image: none;
    color: #444;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
button:active,
button:focus,
.button:active,
.button:focus {
    outline: none
}
.button:disabled {
    opacity: .5
}
.button-more {
    text-align: center;
    padding: 0 10px;
    border: 1px solid #777;
    background-color: #ccc;
    font-size: 16px;
    line-height: 24px;
    display: inline-block
}
.button-submit {
    width: 100%;
    height: 56px;
    line-height: 56px;
    margin: 5px 0;
    color: white;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a7dc), color-stop(100%, #0087d0));
    background-image: -webkit-linear-gradient(#00a7dc, #0087d0);
    background-image: -moz-linear-gradient(#00a7dc, #0087d0);
    background-image: -o-linear-gradient(#00a7dc, #0087d0);
    background-image: linear-gradient(#00a7dc, #0087d0);
    border: 1px solid #0497db;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.button-submit:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00cbeb), color-stop(100%, #0064c2));
    background-image: -webkit-linear-gradient(#00cbeb, #0064c2);
    background-image: -moz-linear-gradient(#00cbeb, #0064c2);
    background-image: -o-linear-gradient(#00cbeb, #0064c2);
    background-image: linear-gradient(#00cbeb, #0064c2)
}
.button-submit:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00415d), color-stop(100%, #0096d5));
    background-image: -webkit-linear-gradient(#00415d, #0096d5);
    background-image: -moz-linear-gradient(#00415d, #0096d5);
    background-image: -o-linear-gradient(#00415d, #0096d5);
    background-image: linear-gradient(#00415d, #0096d5)
}
.button-play-tv {
    width: 200px;
    height: 56px;
    line-height: 56px;
    margin: 5px 0;
    color: white;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a7dc), color-stop(100%, #0087d0));
    background-image: -webkit-linear-gradient(#00a7dc, #0087d0);
    background-image: -moz-linear-gradient(#00a7dc, #0087d0);
    background-image: -o-linear-gradient(#00a7dc, #0087d0);
    background-image: linear-gradient(#00a7dc, #0087d0);
    border: 1px solid #0497db;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.button-play-tv:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00cbeb), color-stop(100%, #0064c2));
    background-image: -webkit-linear-gradient(#00cbeb, #0064c2);
    background-image: -moz-linear-gradient(#00cbeb, #0064c2);
    background-image: -o-linear-gradient(#00cbeb, #0064c2);
    background-image: linear-gradient(#00cbeb, #0064c2)
}
.button-play-tv:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00415d), color-stop(100%, #0096d5));
    background-image: -webkit-linear-gradient(#00415d, #0096d5);
    background-image: -moz-linear-gradient(#00415d, #0096d5);
    background-image: -o-linear-gradient(#00415d, #0096d5);
    background-image: linear-gradient(#00415d, #0096d5)
}
.button-play-episode {
    width: 92px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    color: #0497db;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
    background-image: -o-linear-gradient(#ffffff, #e8e8e8);
    background-image: linear-gradient(#ffffff, #e8e8e8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    padding: 0
}
.button-play-episode:hover {
    border: 1px solid #00a6dc
}
.button-play-episode:active {
    border: 1px solid #0079a0
}
.button-play-episode a {
    display: block;
    width: 72px;
    height: 32px;
    padding-left: 20px;
    background-image: url(../images/icon_play_4.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    font-size: 15px;
    color: #0497db
}
.button-fblogin {
    width: 240px;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    margin-bottom: 20px;
    color: white;
    border: 1px solid #295091;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3364a7), color-stop(100%, #295192));
    background-image: -webkit-linear-gradient(#3364a7, #295192);
    background-image: -moz-linear-gradient(#3364a7, #295192);
    background-image: -o-linear-gradient(#3364a7, #295192);
    background-image: linear-gradient(#3364a7, #295192)
}
.button-fblogin::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(../images/icon_fb.png);
    vertical-align: middle;
    margin-right: 10px
}
.button-login {
    width: 240px;
    height: 56px;
    line-height: 56px;
    display: inline-block;
    color: #0497db;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
    background-image: -o-linear-gradient(#ffffff, #e8e8e8);
    background-image: linear-gradient(#ffffff, #e8e8e8)
}
.button-login:hover {
    border: 1px solid #00a6dc
}
.button-login:active {
    border: 1px solid #0079a0
}
.button-login::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 40px;
    background-image: url(../images/icon_friDay.png);
    vertical-align: middle;
    margin-right: 10px
}
.button-like {
    color: white;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
    background-image: -o-linear-gradient(#ffffff, #e8e8e8);
    background-image: linear-gradient(#ffffff, #e8e8e8);
    color: #0497db;
    margin-right: 20px
}
.button-like::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_button_like.png);
    vertical-align: middle;
    margin-right: 10px
}
.button-dislike {
    color: white;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
    background-image: -o-linear-gradient(#ffffff, #e8e8e8);
    background-image: linear-gradient(#ffffff, #e8e8e8);
    color: #0497db
}
.button-dislike::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_button_dislike.png);
    vertical-align: middle;
    margin-right: 10px
}
.button-trailer {
    color: white;
    font-weight: 600;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a7dc), color-stop(100%, #0087d0));
    background-image: -webkit-linear-gradient(#00a7dc, #0087d0);
    background-image: -moz-linear-gradient(#00a7dc, #0087d0);
    background-image: -o-linear-gradient(#00a7dc, #0087d0);
    background-image: linear-gradient(#00a7dc, #0087d0)
}
.button-trailer:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00cbeb), color-stop(100%, #0064c2));
    background-image: -webkit-linear-gradient(#00cbeb, #0064c2);
    background-image: -moz-linear-gradient(#00cbeb, #0064c2);
    background-image: -o-linear-gradient(#00cbeb, #0064c2);
    background-image: linear-gradient(#00cbeb, #0064c2)
}
.button-trailer:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00415d), color-stop(100%, #0096d5));
    background-image: -webkit-linear-gradient(#00415d, #0096d5);
    background-image: -moz-linear-gradient(#00415d, #0096d5);
    background-image: -o-linear-gradient(#00415d, #0096d5);
    background-image: linear-gradient(#00415d, #0096d5)
}
.button-play-movie {
    color: white;
    font-weight: 600;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a7dc), color-stop(100%, #0087d0));
    background-image: -webkit-linear-gradient(#00a7dc, #0087d0);
    background-image: -moz-linear-gradient(#00a7dc, #0087d0);
    background-image: -o-linear-gradient(#00a7dc, #0087d0);
    background-image: linear-gradient(#00a7dc, #0087d0)
}
.button-play-movie:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00cbeb), color-stop(100%, #0064c2));
    background-image: -webkit-linear-gradient(#00cbeb, #0064c2);
    background-image: -moz-linear-gradient(#00cbeb, #0064c2);
    background-image: -o-linear-gradient(#00cbeb, #0064c2);
    background-image: linear-gradient(#00cbeb, #0064c2)
}
.button-play-movie:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00415d), color-stop(100%, #0096d5));
    background-image: -webkit-linear-gradient(#00415d, #0096d5);
    background-image: -moz-linear-gradient(#00415d, #0096d5);
    background-image: -o-linear-gradient(#00415d, #0096d5);
    background-image: linear-gradient(#00415d, #0096d5)
}
.button-play-movie::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-image: url(../images/icon_play.png);
    vertical-align: middle;
    margin-right: 10px
}
.button-play-movie span {
    font-size: 13px
}
.button-want {
    color: #00a5db;
    width: 37px;
    height: 37px;
    line-height: 34px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    -ms-border-radius: 37px;
    -o-border-radius: 37px;
    border-radius: 37px;
    border: 2px solid #00a5db;
    padding: 0;
    font-size: 12px;
    font-weight: 600
}
.button-want.active {
    color: white;
    border: 2px solid white
}
.button-share,
.button-rank {
    color: white;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid white;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}
.button-fix,
.button-del,
.button-cancel,
.button-reset {
    width: 112px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    color: #0497db;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
    background-image: -o-linear-gradient(#ffffff, #e8e8e8);
    background-image: linear-gradient(#ffffff, #e8e8e8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.button-fix:hover,
.button-del:hover,
.button-cancel:hover,
.button-reset:hover {
    border: 1px solid #00a6dc
}
.button-fix:active,
.button-del:active,
.button-cancel:active,
.button-reset:active {
    border: 1px solid #0079a0
}
.icon-user-b-sprite,
.icon-user-b-level0,
.icon-user-b-level1,
.icon-user-b-level2,
.icon-user-b-level3,
.icon-user-b-level4 {
    background: url('../images/icon-user-b-s0e1bc3e84b.png') no-repeat
}
.icon-user-b-level0 {
    background-position: 0 -240px
}
.icon-user-b-level1 {
    background-position: 0 -120px
}
.icon-user-b-level2 {
    background-position: 0 -60px
}
.icon-user-b-level3 {
    background-position: 0 0
}
.icon-user-b-level4 {
    background-position: 0 -180px
}
.account-container .member-info {
    margin-bottom: 30px
}
.account-container .member-info .member-naem {
    color: #333
}
.account-container .member-info .member-level:after {
    content: "";
    display: table;
    clear: both
}
.account-container .member-info .member-level .member-avator {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    position: relative
}
.account-container .member-info .member-level .member-avator .has-message {
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_has_message_b.png)
}
.account-container .member-info .member-level .member-level-text {
    padding: 10px 0 0 0;
    position: relative;
    z-index: 10
}
.account-container .member-info .member-level .member-level-text p {
    font-size: 13px;
    color: #333;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600
}
.account-container .member-info .member-level .member-level-text .help {
    position: absolute;
    top: 15px;
    width: 190px
}
.account-container .member-info .member-level .member-level-text .help:hover .member-level-popup {
    display: block
}
.account-container .member-info .member-level .member-level-text .help>a {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: white;
    text-align: center;
    right: 10px;
    top: 0;
    font-size: 12px;
    font-weight: 600;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3fc1e0), color-stop(100%, #2699cb));
    background-image: -webkit-linear-gradient(#3fc1e0, #2699cb);
    background-image: -moz-linear-gradient(#3fc1e0, #2699cb);
    background-image: -o-linear-gradient(#3fc1e0, #2699cb);
    background-image: linear-gradient(#3fc1e0, #2699cb)
}
.account-container .member-info .member-level .member-level-popup {
    background-color: white;
    display: none;
    position: relative;
    top: 30px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 190px;
    padding: 15px
}
.account-container .member-info .member-level .member-level-popup::before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    top: -8px;
    right: 10px;
    z-index: 1
}
.account-container .member-info .member-level .member-level-popup::after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #777;
    position: absolute;
    top: -9px;
    right: 9px;
    z-index: 0
}
.account-container .member-info .member-level .member-level-popup .level-icon ul {
    margin: 0;
    padding: 0
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    position: relative;
    opacity: 0.3
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li:last-child {
    margin-right: 0
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li::after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #0497db;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -4px
}
.account-container .member-info .member-level .member-level-popup .level-icon .level-bar {
    margin: 0 0 10px 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    position: relative
}
.account-container .member-info .member-level .member-level-popup .level-icon .level-bar span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50%;
    height: 2px;
    background-color: #0497db
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li.icon-user-level1 {
    background-image: url(../images/icon-user/level1.png)
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li.icon-user-level2 {
    background-image: url(../images/icon-user/level2.png)
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li.icon-user-level3 {
    background-image: url(../images/icon-user/level3.png)
}
.account-container .member-info .member-level .member-level-popup .level-icon ul li.icon-user-level4 {
    background-image: url(../images/icon-user/level4.png)
}
.account-container .member-info .member-level .member-level-popup .level-content p {
    font-size: 13px;
    font-weight: 300
}
.account-container .member-info .member-level .member-level-popup .level-content p b {
    font-weight: 600;
    padding: 0 3px
}
.account-container .member-info .member-level .member-level-popup .level-content a {
    font-weight: 600;
    color: #333
}
.account-container .member-info .member-level .member-level-popup .level-content .note {
    margin-top: 12px
}
.account-container .member-info .member-level .member-level-popup .level-content .note span {
    display: inline-block;
    text-align: center;
    background-color: #666;
    padding: 0 6px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    color: white;
    line-height: 20px;
    margin: 0 3px
}
.account-container .member-info .member-level .member-level1 .level-icon ul li.icon-user-level1 {
    opacity: 1
}
.account-container .member-info .member-level .member-level1 .level-icon ul li.icon-user-level1::after {
    display: inline-block
}
.account-container .member-info .member-level .member-level1 .level-icon .level-bar span {
    width: 15%
}
.account-container .member-info .member-level .member-level2 .level-icon ul li.icon-user-level2 {
    opacity: 1
}
.account-container .member-info .member-level .member-level2 .level-icon ul li.icon-user-level2::after {
    display: inline-block
}
.account-container .member-info .member-level .member-level2 .level-icon .level-bar span {
    width: 40%
}
.account-container .member-info .member-level .member-level3 .level-icon ul li.icon-user-level3 {
    opacity: 1
}
.account-container .member-info .member-level .member-level3 .level-icon ul li.icon-user-level3::after {
    display: inline-block
}
.account-container .member-info .member-level .member-level3 .level-icon .level-bar span {
    width: 65%
}
.account-container .member-info .member-level .member-level4 .level-icon ul li.icon-user-level4 {
    opacity: 1
}
.account-container .member-info .member-level .member-level4 .level-icon ul li.icon-user-level4::after {
    display: inline-block
}
.account-container .member-info .member-level .member-level4 .level-icon .level-bar span {
    width: 90%
}
.account-container .member-info .member-level .member-level4 .level-icon .level-bar span {
    width: 100%
}
.account-container .sideMenu .menu-title {
    overflow: hidden;
    margin-bottom: 5px;
    position: relative
}
.account-container .sideMenu .menu-title::after {
    content: "";
    height: 1px;
    margin-left: 7px;
    width: 300px;
    position: absolute;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    top: 12px;
    border-top: 1px solid #ccc
}
.account-container .sideMenu .menu-title p {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #666;
    margin-bottom: 0px
}
.account-container .sideMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 40px
}
.account-container .sideMenu ul li {
    margin-bottom: 5px
}
.account-container .sideMenu ul li span {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    background-color: #b40000;
    color: white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 600;
    vertical-align: top
}
.account-container .sideMenu ul li.active a {
    color: #0497db
}
.account-container .sideMenu ul li a {
    display: block;
    line-height: 24px
}
.account-container .sideMenu ul li a:hover {
    color: #0497db
}
.account-form .form-table ul,
#order-popup .order-item ul,
.service-container .content-tab ul.tabs,
.service-container .content-tab .tab-container ul,
.faq-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.account-form {
    width: 645px;
    margin: 0 auto
}
.account-form .form-table {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #c3c3c3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 30px
}
.account-form .form-table ul li {
    line-height: 60px;
    border-bottom: 1px dotted #777;
    padding-left: 50px;
    position: relative
}
.account-form .form-table ul li:last-child {
    border-bottom: none
}
.account-form .form-table ul li label {
    padding-right: 25px;
    color: #666
}
.account-form .form-table .button-fix {
    position: absolute;
    right: 65px;
    top: 8px
}
.account-form .form-table table {
    width: 100%
}
.account-form .form-table table tr td {
    color: #666;
    padding-bottom: 20px
}
.account-form .form-table table tr td:first-child {
    text-align: right;
    padding-right: 10px
}
.account-form .form-table table tr td input[type="text"],
.account-form .form-table table tr td input[type="password"] {
    width: 320px;
    height: 40px;
    background: white;
    border: 1px solid #ccc;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px
}
.account-form .form-table table tr td input[type="text"]:focus,
.account-form .form-table table tr td input[type="password"]:focus {
    border: 1px solid #0497db;
    outline: none
}
.account-form .form-table table tr td label {
    padding: 0 5px
}
.account-form .form-tips {
    margin: 10px 0
}
.account-form .form-tips:after {
    content: "";
    display: table;
    clear: both
}
.account-form .form-tips span {
    display: inline-block;
    color: white;
    padding: 0 10px;
    font-weight: 600;
    line-height: 25px;
    background-color: #b40000;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    float: left;
    margin-right: 10px
}
.account-form .form-tips p {
    float: left
}
.critics-container .sideMenu h1 {
    font-size: 24px;
    font-weight: 600
}
.critics-container .sideMenu .critics-name ul {
    margin: 0;
    padding: 0;
    margin-left: 8.59649%
}
.critics-container .sideMenu .critics-name ul li {
    font-size: 18px;
    line-height: 170%
}
.critics-container .sideMenu .critics-name ul li a {
    font-weight: 600
}
.critics-container .sideMenu .critics-intro {
    margin-bottom: 48px
}
.critics-container .sideMenu .critics-intro .critics-avator {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid white;
    margin-bottom: 24px
}
.critics-container .sideMenu .critics-intro .critics-avator img {
    margin-bottom: 0px;
    display: block
}
.critics-container .sideMenu .critics-intro .critics-name {
    font-size: 24px;
    color: #666;
    margin-bottom: 12px;
    font-weight: 600
}
.critics-container .sideMenu .critics-intro .critics-intro-text {
    color: #666;
    font-size: 13px;
    line-height: 22px
}
.critics-container .sideMenu .movie {
    position: relative
}
.critics-container .sideMenu .movie .movie-cover {
    width: 169px
}
.critics-container .sideMenu .movie .movie-cover img {
    margin-bottom: 0px
}
.critics-container .sideMenu .movie .movie-title {
    font-size: 20px;
    margin-bottom: 4px
}
.service-block-intro {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 0 0 60px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 35px
}
.service-block-intro table {
    width: 100%;
    text-align: center
}
.service-block-intro table .help {
    display: inline-block;
    margin-left: 5px;
    position: relative
}
.service-block-intro table .help:hover .popup-help {
    display: block
}
.service-block-intro table .help a {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3fc1e0), color-stop(100%, #2699cb));
    background-image: -webkit-linear-gradient(#3fc1e0, #2699cb);
    background-image: -moz-linear-gradient(#3fc1e0, #2699cb);
    background-image: -o-linear-gradient(#3fc1e0, #2699cb);
    background-image: linear-gradient(#3fc1e0, #2699cb);
    font-size: 12px;
    color: white;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-weight: 600
}
.service-block-intro table .help .popup-help {
    display: none;
    position: absolute;
    padding: 15px;
    background-color: white;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    right: -40px;
    top: 30px
}
.service-block-intro table .help .popup-help:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    right: 40px;
    z-index: 1
}
.service-block-intro table .help .popup-help:after {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -7px;
    right: 39px;
    z-index: 0
}
.service-block-intro table .help .popup-help p {
    white-space: nowrap;
    margin-bottom: 0px;
    font-size: 13px
}
.service-block-intro table thead th {
    border-bottom: 1px dotted #c3c3c3;
    padding: 15px 0
}
.service-block-intro table thead th:first-child {
    width: 170px
}
.service-block-intro table thead th:last-child {
    width: 300px
}
.service-block-intro table thead th img {
    margin-bottom: 0px
}
.service-block-intro table thead th .identity {
    font-size: 24px;
    line-height: 48px
}
.service-block-intro table thead th .guest {
    padding-top: 65px
}
.service-block-intro table tbody tr:last-child td {
    border-bottom: none
}
.service-block-intro table tbody td:first-child {
    text-align: left;
    font-weight: 900
}
.service-block-intro table tbody td {
    border-bottom: 1px dotted #c3c3c3;
    padding: 5px 0;
    vertical-align: middle
}
.service-block-intro table tbody td img {
    margin-bottom: 0px
}
.service-block-project {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 20px 0 60px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.service-block-project .project-block {
    padding: 30px 0 0 0;
    border-top: 1px solid #c3c3c3
}
.service-block-project .project-block:after {
    content: "";
    display: table;
    clear: both
}
.service-block-project .project-block:first-child {
    border-top: none
}
.service-block-project .project-block.project-special {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 0 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}
.service-block-project .project-block.project-special .icon img {
    margin-bottom: 10px
}
.service-block-project .project-block.project-special .intro {
    padding-top: 20px
}
.service-block-project .project-block .icon {
    float: left;
    width: 150px;
    text-align: center
}
.service-block-project .project-block .intro {
    float: left;
    width: 980px
}
.service-block-project .project-block .intro h2 {
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    margin-top: 5px
}
.service-block-project .project-block .intro p {
    margin-bottom: 0
}
.service-block-project .project-block .intro p span {
    color: #b40000
}
.service-block-project .project-block .pay-table {
    border: 1px solid #c3c3c3;
    padding: 0 25px;
    margin-top: 10px;
    position: relative
}
.service-block-project .project-block .pay-table .recommendLabel {
    position: absolute;
    top: 0;
    left: 25px;
    width: 44px;
    height: 46px;
    background-image: url(../images/label_recommend.png)
}
.service-block-project .project-block .pay-table table {
    width: 100%
}
.service-block-project .project-block .pay-table table tr {
    border-top: 1px dotted #999
}
.service-block-project .project-block .pay-table table tr:first-child {
    border-top: none
}
.service-block-project .project-block .pay-table table tr td:first-child {
    font-weight: 900;
    font-size: 20px;
    padding-left: 80px
}
.service-block-project .project-block .pay-table table tr td:first-child span {
    display: block;
    font-size: 16px
}
.service-block-project .project-block .pay-table table tr td:last-child {
    padding-left: 50px
}
.service-block-project .project-block .pay-table table td {
    width: 33.33333%;
    padding: 10px 15px
}
.service-block-project .project-block .go {
    margin: 20px 0;
    text-align: center
}
.event-block {
    padding: 30px 50px 0 50px;
    text-align: center
}
.event-block:after {
    content: "";
    display: table;
    clear: both
}
.event-block .block-img {
    float: left;
    vertical-align: meddle;
    width: 30%;
    text-align: right
}
.event-block .block-img img {
    margin-bottom: 0px;
    margin-right: 20px
}
.event-block .block-txt {
    width: 70%;
    float: left;
    vertical-align: middle;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px
}
.event-block .block-txt .title p {
    font-size: 24px;
    color: #0497db;
    font-weight: 600;
    margin-bottom: 12px
}
.event-block .block-txt .title p span {
    font-size: 56px;
    padding: 0 10px
}
.event-block .block-txt .newMember p {
    margin-top: 30px
}
.event-block .block-txt .intro p {
    color: #333;
    font-weight: 600;
    margin-bottom: 12px
}
.event-block .block-txt .intro table {
    width: 100%
}
.event-block .block-txt .intro table td {
    line-height: 24px;
    color: #333;
    padding-bottom: 10px
}
.event-block .block-txt .intro table td:first-child {
    width: 100px;
    vertical-align: top
}
.popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000
}
.popup .popup-close {
    position: absolute;
    right: 0;
    top: -40px
}
.popup .popup-close a {
    display: block;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background-image: url(../images/btn_close.png)
}
.popup .overlay {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0
}

.popup .popup-container {
    position: absolute;
    padding: 50px 70px;
    background-color: white;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    top: 100px;
    z-index: 100
}

/* player定位點，減低高度為50 */
.movie_position {
	top: -50px;
}

.popup .popup-container h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px
}
.popup .popup-container .form table td {
    padding: 10px 0;
    vertical-align: top
}
.popup .popup-container .form table td:first-child {
    padding-right: 20px
}
.popup .popup-container .form table input[type="text"] {
    height: 40px;
    border: 1px solid #c3c3c3;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.popup .popup-container .form table .select {
    display: inline-block;
    position: relative
}
.popup .popup-container .form table .select::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #c3c3c3;
    right: 20px;
    top: 15px;
    z-index: 0
}
.popup .popup-container .form table select {
    width: 150px;
    z-index: 1;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: none;
    border: 1px solid #c3c3c3;
    margin-right: 10px;
    padding-left: 10px
}
.popup .popup-container .form .form-footer {
    margin-top: 20px;
    text-align: right
}
.popup .popup-container .form .form-footer .button-cancel {
    margin-right: 10px;
    width: 127px
}
.popup .popup-container .form .form-footer .button-submit {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    width: 127px
}
#getInvoices .popup-container {
    width: 785px
}
#getInvoices .popup-container .form table td:first-child {
    white-space: nowrap
}
#getInvoices .popup-container .form table input#postalcode {
    width: 80px
}
#getInvoices .popup-container .form table label.postalcode {
    padding: 0 10px 0 45px
}
#getInvoices .popup-container .form table input.address {
    width: 100%;
    margin-top: 10px
}
#confirm-popup .popup-container {
    width: 410px
}
#confirm-popup .confirm-text {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
    font-weight: 600
}
#confirm-popup .confirm-text span {
    color: #b40000;
    font-weight: 900;
    padding: 0 5px
}
#register-popup .popup-container {
    width: 800px
}
#register-popup .form-content p {
    color: #666
}
#register-popup .form-content .highlight {
    color: #b40000
}
#verify-popup .popup-container {
    width: 800px;
    padding: 30px 70px
}
#verify-popup .form {
    width: 450px;
    margin: 0 auto
}
#verify-popup .form table {
    width: 100%
}
#verify-popup .form table tr:first-child td {
    font-size: 20px
}
#verify-popup .form table td {
    padding: 5px 0
}
#verify-popup .form table .highlight {
    color: #b40000;
    padding: 0 5px
}
#verify-popup .form table td a {
    color: #333;
    font-weight: 600
}
#verify-popup .form table input[type="text"] {
    width: 100%
}
#verify-popup .form table input.button-submit {
    width: 127px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px
}
#verify-popup .form-tips {
    margin: 10px 0;
    padding-top: 20px;
    border-top: 1px dotted #c3c3c3
}
#verify-popup .form-tips:after {
    content: "";
    display: table;
    clear: both
}
#verify-popup .form-tips span {
    display: inline-block;
    color: white;
    padding: 0 10px;
    font-weight: 600;
    line-height: 25px;
    background-color: #b40000;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    float: left;
    margin-right: 10px;
    margin-left: 20px
}
#verify-popup .form-tips ul {
    display: inline-block;
    width: 550px;
    float: left;
    margin: 0;
    padding: 0 0 0 20px
}
#verify-popup .form-tips ul li {
    font-size: 13px
}
#search-popup {
    z-index: 1000
}
#search-popup .search-container {
    width: 690px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    top: 160px;
    margin-left: -345px;
    z-index: 100;
    background: none
}
#search-popup .search-closeBtn {
    position: absolute;
    right: -50px;
    top: -30px
}
#search-popup .search-closeBtn a {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/btn_close.png)
}
#search-popup .search-form:after {
    content: "";
    display: table;
    clear: both
}
#search-popup .search-form .input {
    width: 550px;
    float: left;
    vertical-align: top
}
#search-popup .search-form .input input[type="text"] {
    width: 100%;
    height: 40px;
    background: white;
    border: 1px solid #ccc;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px
}
#search-popup .search-form .input input[type="text"]:focus {
    border: 1px solid #0497db;
    outline: none
}
#search-popup .search-form .input .sub {
    background-color: white;
    padding: 15px 0
}
#search-popup .search-form .input .sub:after {
    content: "";
    display: table;
    clear: both
}
#search-popup .search-form .input .sub table {
    width: 100%
}
#search-popup .search-form .input .sub table tr td {
    width: 50%
}
#search-popup .search-form .input .sub .sub-block {
    width: 100%;
    border-right: 1px solid #ccc
}
#search-popup .search-form .input .sub .hotkey {
    border-right: none
}
#search-popup .search-form .input .sub .sub-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    line-height: 13px;
    margin-bottom: 5px
}
#search-popup .search-form .input .sub .sub-header span {
    font-size: 13px;
    color: #777
}
#search-popup .search-form .input .sub .clear-record {
    padding-left: 20px;
    margin-top: 10px
}
#search-popup .search-form .input .sub .clear-record::before {
    content: "x";
    display: inline-block;
    background-color: #666;
    text-align: center;
    font-size: 12px;
    color: white;
    font-weight: 600px;
    font-family: Ariel;
    line-height: 13px;
    width: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    margin-right: 5px;
    vertical-align: middle
}
#search-popup .search-form .input .sub .clear-record a {
    font-size: 13px;
    color: #333;
    font-weight: 600
}
#search-popup .search-form .input .sub ul {
    margin: 0;
    padding: 0;
    list-style: none
}
#search-popup .search-form .input .sub ul li {
    line-height: 32px
}
#search-popup .search-form .input .sub ul li a {
    display: block;
    padding-left: 20px
}
#search-popup .search-form .input .sub ul li a:hover {
    background-color: #e6e6e6
}
#search-popup .search-form .input .sub ul li .highlight {
    color: #0497db
}
#search-popup .search-form .submit {
    width: 140px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13px;
    vertical-align: top
}
#search-popup .search-form .submit input.button-submit {
    height: 40px;
    line-height: 40px;
    margin: 0
}
#search-popup .hot-words {
    margin-top: 10px
}
#search-popup .hot-words:after {
    content: "";
    display: table;
    clear: both
}
#search-popup .hot-words span {
    color: white;
    font-size: 13px;
    color: #c3c3c3;
    float: left;
    padding: 0 10px 0 20px
}
#search-popup .hot-words ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}
#search-popup .hot-words ul li {
    display: inline-block;
    margin-right: 10px
}
#search-popup .hot-words ul li a {
    font-size: 13px;
    color: white;
    font-weight: 600
}
#order-popup .popup-container {
    width: 900px;
    padding: 40px 30px
}
#order-popup .order-item:after {
    content: "";
    display: table;
    clear: both
}
#order-popup .order-item ul li {
    width: 200px;
    height: 150px;
    float: left;
    border: 1px solid #777;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
#order-popup .order-item ul li:hover,
#order-popup .order-item ul li:active {
    border: 1px solid #00a5db
}
#order-popup .order-item ul li:hover .title,
#order-popup .order-item ul li:active .title {
    background: #00a5db;
    color: white
}
#order-popup .order-item ul li:hover .check,
#order-popup .order-item ul li:active .check {
    display: block
}
#order-popup .order-item ul li .check {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../images/icon_check.png);
    left: 50%;
    margin-left: -20px;
    bottom: 30px
}
#order-popup .order-item ul li .check input {
    display: none
}
#order-popup .order-item ul li .title {
    line-height: 45px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dadada));
    background-image: -webkit-linear-gradient(#eeeeee, #dadada);
    background-image: -moz-linear-gradient(#eeeeee, #dadada);
    background-image: -o-linear-gradient(#eeeeee, #dadada);
    background-image: linear-gradient(#eeeeee, #dadada);
    font-weight: 600;
    color: #333
}
#order-popup .order-item ul li .title span {
    font-size: 20px
}
#order-popup .order-item ul li .intro {
    padding-top: 20px;
    color: #666
}
#order-popup .order-item ul li .intro p {
    margin-bottom: 0px
}
#order-popup .order-item ul li .intro span {
    font-size: 20px
}
#order-popup .form-footer {
    position: relative;
    border-top: 1px dotted #c3c3c3;
    padding-top: 20px
}
#order-popup .note-text {
    color: #b40000;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 13px;
    padding-left: 25px;
    text-align: left
}
#order-popup .note-text p {
    margin-bottom: 0px
}
#order-popup .note-text:before {
    content: "!";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    color: white;
    background-color: #b40000
}
#player-popup,
#photoalbum-popup {
    position: absolute
}
#player-popup .popup-container {
    width: 800px;
    height: 502px;
    border: 1px solid #c2c2c2;
    padding: 0
}
#photoalbum-popup .popup-container {
    width: 800px;
    height: 600px;
    border: 1px solid #c2c2c2;
    padding: 0
}
#player-popup .player-text,
#photoalbum-popup .player-text {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
    font-weight: 600
}
#detail-popup .popup-container {
    width: 360px;
    height: 460px;
    padding: 20px 30px
}
#detail-popup .drama-detail h2 {
    font-size: 20px
}
#detail-popup .drama-detail hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 0
}
#detail-popup .drama-detail p {
    margin: 10px 0
}
#detail-popup .drama-detail p span {
    color: #0079a0;
    font-weight: 900;
    padding-left: 5px
}
#detail-popup .detail-table {
    height: 310px;
    overflow: auto
}
#detail-popup .detail-table table {
    width: 100%;
    text-align: center
}
#detail-popup .detail-table table thead {
    background-color: #e5e5e5
}
#detail-popup .detail-table th,
#detail-popup .detail-table td {
    line-height: 30px
}
#detail-popup .detail-table td:first-child {
    width: 50px
}
#detail-popup .detail-table td {
    border-bottom: 1px dotted #999
}
#photoalbum-popup .controller {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#photoalbum-popup .controller div {
    position: absolute;
    top: 50%;
    margin: -35px 0 0 0
}
#photoalbum-popup .controller div a {
    display: block;
    width: 80px;
    height: 70px
}
#photoalbum-popup .controller .prev {
    left: 0
}
#photoalbum-popup .controller .prev a {
    background-image: url(../images/btn_prev-slider.png)
}
#photoalbum-popup .controller .next {
    right: 0
}
#photoalbum-popup .controller .next a {
    background-image: url(../images/btn_next-slider.png)
}
#rank-popup .popup-container {
    width: 410px;
    height: 175px;
    padding: 15px
}
#rank-popup .rank-form .title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}
#rank-popup .rank-form .title p {
    display: inline-block;
    font-weight: 900;
    margin: 0;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 320px;
    vertical-align: top
}
#rank-popup .rank-form .title span {
    display: inline-block;
    font-size: 20px;
    padding: 0
}
#rank-popup .rank-form span {
    padding-left: 10px
}
#rank-popup .rank-form #rank-area {
    margin-top: 20px;
    text-align: center
}
#rank-popup .rank-form #rank-area img {
    margin: 0 5px
}

#share-popup .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}
#share-popup .share-info .title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}
#share-popup .share-info .title p {
    display: inline;
    font-weight: 900;
    margin: 0;
    font-size: 20px
}
#share-popup .share-info .title span {
    font-size: 20px;
    padding: 0
}
#share-popup .share-info .share-info-container {
    padding: 0 10px;
    margin-bottom: 25px
}
#share-popup .share-info .share-info-container p {
    margin: 0 0 5px 0
}
#share-popup .share-info .share-info-container input {
    height: 40px;
    border: 1px solid #00bfff;
    color: #333;
    width: 94%;
    padding: 0 10px;
    font-size: 13px
}
#share-popup .share-info .share-info-fb {
    padding: 0 10px
}
#share-popup .share-info .share-info-fb span {
    display: inline-block;
    margin-right: 5px
}
#share-popup .share-info .share-info-fb .fb {
    display: inline-block;
    vertical-align: middle
}
#share-popup .share-info .share-info-fb .fb img {
    display: block;
    margin-bottom: 0
}





#share-popup2 .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}
#share-popup2 .share-info .title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}
#share-popup2 .share-info .title p {
    display: inline;
    font-weight: 900;
    margin: 0;
    font-size: 20px
}
#share-popup2 .share-info .title span {
    font-size: 20px;
    padding: 0
}
#share-popup2 .share-info .share-info-container {
    padding: 0 10px;
    margin-bottom: 25px
}
#share-popup2 .share-info .share-info-container p {
    margin: 0 0 5px 0
}
#share-popup2 .share-info .share-info-container input {
    height: 40px;
    border: 1px solid #00bfff;
    color: #333;
    width: 94%;
    padding: 0 10px;
    font-size: 13px
}
#share-popup2 .share-info .share-info-fb {
    padding: 0 10px
}
#share-popup2 .share-info .share-info-fb span {
    display: inline-block;
    margin-right: 5px
}
#share-popup2 .share-info .share-info-fb .fb {
    display: inline-block;
    vertical-align: middle
}
#share-popup2 .share-info .share-info-fb .fb img {
    display: block;
    margin-bottom: 0
}

#ban-popup .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}
#ban-popup .confirm-text {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
    font-weight: 600
}
#ban-popup .confirm-text span {
    color: #b40000;
    font-size: 20px;
    font-weight: 900;
    padding: 0 5px
}
#ban-popup .form-footer {
    text-align: center
}
#ban-popup .form-footer input {
    margin-right: 10px
}
.alertMsg {
    position: absolute;
    display: none;
    top: 20px;
    left: 55%;
    z-index: 99;
    width: 140px;
    height: 40px;
    background-color: white;
    border: 1px solid #666;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8)
}
.alertMsg p {
    text-align: center;
    line-height: 40px
}
.channel-listing .content-tab {
    margin-bottom: 40px;
    border-bottom: 2px solid #32acd5
}
.channel-listing .content-tab:after {
    content: "";
    display: table;
    clear: both
}
.channel-listing .content-tab .title {
    font-size: 20px;
    float: left;
    width: 160px;
    padding-left: 20px;
    vertical-align: top;
    font-weight: 900
}
.channel-listing .content-tab ul {
    float: left;
    width: 960px -2px;
    list-style: none;
    margin: 0;
    padding: 0
}
.channel-listing .content-tab ul:after {
    content: "";
    display: table;
    clear: both
}
.channel-listing .content-tab ul li {
    float: left;
    font-size: 20px;
    width: 130px;
    text-align: center;
    font-weight: 900;
    padding: 7px 0
}
.channel-listing .content-tab ul li.active {
    border-bottom: 4px solid #0079a0
}
.channel-listing .content-tab ul li a {
    display: block
}
.channel-listing .tab-container .listing-content:after {
    content: "";
    display: table;
    clear: both
}
.channel-listing .tab-container .listing-content .morning,
.channel-listing .tab-container .listing-content .evening {
    float: left;
    width: 50%
}
.channel-listing .tab-container .listing-content table {
    width: 100%
}
.channel-listing .tab-container .listing-content table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.3)
}
.channel-listing .tab-container .listing-content table td {
    height: 60px;
    vertical-align: middle
}
.channel-listing .tab-container .listing-content table td:first-child {
    padding: 0 20px
}
.channel-listing .tab-container .listing-content table .status a {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon_listing_status_normal.png)
}
.channel-listing .tab-container .listing-content table tr.current td {
    background-color: white;
    font-size: 20px;
    color: #0079a0;
    font-weight: 900
}
.channel-listing .tab-container .listing-content table tr.current .status a {
    background-image: url(../images/icon_listing_status_current.png)
}
.channel-listing .tab-container .listing-content table tr.reservation .status a {
    background-image: url(../images/icon_listing_status_reservation.png)
}
.footer {
    height: 56px
}
.footer .container {
    position: relative
}
.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.footer ul li {
    float: left;
    line-height: 56px
}
.footer-nav {
    display: inline-block;
    margin-right: 60px
}
.footer-nav:after {
    content: "";
    display: table;
    clear: both
}
.footer-nav ul li {
    font-size: 13px;
    font-weight: 600;
    line-height: 56px
}
.footer-nav ul li::after {
    content: "|";
    padding: 0 5px
}
.footer-nav ul li:last-child::after {
    display: none
}
.footer-nav ul li a {
    color: #333
}
.footer-contact {
    display: inline-block;
    margin-right: 40px
}
.footer-contact:after {
    content: "";
    display: table;
    clear: both
}
.footer-contact ul li {
    font-size: 13px;
    line-height: 56px;
    color: #666;
    margin-right: 10px
}
.copyright {
    display: inline-block;
    font-size: 13px;
    line-height: 56px;
    vertical-align: top;
    color: #666;
    float: right
}
.carousel-type-1 .bx-wrapper .bx-controls-direction a {
    top: 40%
}
.carousel-type-2 .bx-wrapper .bx-controls-direction a {
    top: 45%
}
.carousel-type-3 .bx-wrapper .bx-controls-direction a {
    top: 43%
}
.program-block-1 .program:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 260px;
    height: 133px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7))
}
.program-block-1 .program .program-cover {
    position: relative;
    z-index: 0;
    width: 260px
}
.program-block-1 .program .program-intro {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    left: 10px
}
.program-block-1 .program .program-intro h3 {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 20px;
    color: white
}
.program-block-1 .program .program-intro p {
    color: white;
    margin-bottom: 0px;
    font-size: 13px
}
.program-block-1 .channel-title p {
    margin-bottom: 0px;
    font-size: 13px
}
.program-block-1 .next-program p {
    font-size: 13px
}
.movie-block-1 .movie .movie-cover {
    width: 360px
}
.movie-block-1 .movie-title {
    font-size: 20px;
    margin-bottom: 4px
}
.movie-block-1 .movie-intro .movie-rank {
    height: 60px;
    float: left;
    font-family: "satellite";
    font-weight: 300;
    font-style: oblique;
    line-height: 56px;
    font-size: 56px;
    margin-bottom: 0px;
    margin-right: 15px;
    color: #6897be
}
.movie-block-1 .movie-intro .movie-title {
    font-size: 20px;
    margin-bottom: 4px
}
.movie-block-2 .movie .movie-cover {
    width: 262px
}
.movie-block-2 .movie-intro .movie-rank {
    height: 60px;
    float: left;
    font-family: "satellite";
    font-weight: 300;
    font-style: oblique;
    line-height: 56px;
    font-size: 56px;
    margin-bottom: 0px;
    margin-right: 15px;
    color: #6897be
}
.movie-block-2 .movie-intro .movie-title {
    font-size: 20px;
    margin-bottom: 4px
}
.movie-checkToggle {
    display: block;
    background-color: #f00;
    height: 100%
}
.movie-close {
    position: relative
}
.movie-close .movie-close-mask {
    position: absolute;
    top: 0;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    z-index: 4
}
.movie-block-3 .movie-play-cover {
    width: 165px;
    height: 244px
}
.movie-block-3 .movie-play-cover a {
    height: 244px
}
.movie-block-3.movie-close .movie-close-mask {
    width: 165px;
    height: 244px
}
.movie-block-3.movie-close .movie-close-mask span {
    color: white;
    line-height: 244px
}
.movie-block-3 .movie .movie-cover {
    width: 165px
}
.movie-block-3 .movie .movie-cover a {
    display: block;
    width: 165px;
    height: 244px
}
.movie-block-3 .movie .movie-msg {
    width: 165px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8)
}
.movie-block-3 .movie .movie-msg p {
    line-height: 244px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: white;
    font-weight: 600
}
.movie-block-3 .movie .movie-mask {
    width: 165px;
    height: 239px;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}
.movie-block-3 .movie .movie-selected {
    background-color: rgba(0, 0, 0, 0.8);
    border: 3px solid #32acd5
}
.drama-block-1 .movie-play-cover {
    width: 230px;
    height: 153px
}
.drama-block-1 .movie-play-cover a {
    height: 153px
}
.drama-block-1.movie-close .movie-close-mask {
    width: 230px;
    height: 153px
}
.drama-block-1.movie-close .movie-close-mask span {
    color: white;
    line-height: 153px
}
.drama-block-1 .movie .movie-cover {
    width: 230px
}
.drama-block-1 .movie .movie-cover a {
    display: block;
    width: 230px;
    height: 153px
}
.drama-block-1 .movie .movie-mask {
    width: 230px;
    height: 148px;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}
.drama-block-1 .movie .movie-selected {
    background-color: rgba(0, 0, 0, 0.8);
    border: 3px solid #32acd5
}
.drama-block-1 .movie .movie-play-cover {
    height: 153px
}
.drama-block-1 .movie .movie-control {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 0 0 8px;
    z-index: 3
}
.drama-block-1 .movie .movie-msg {
    width: 230px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8)
}
.drama-block-1 .movie .movie-msg p {
    line-height: 153px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: white;
    font-weight: 600
}
.drama-block-1 .movie-prograss {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: rgba(57, 57, 57, 0.75)
}
.drama-block-1 .movie-prograss:after {
    content: "";
    display: table;
    clear: both
}
.drama-block-1 .movie-prograss span {
    display: block;
    height: 6px;
    background-color: #32acd5;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3)
}
.drama-block-1 .movie-intro .movie-title {
    font-size: 20px
}
.drama-block-1 .movie-intro .movie-part {
    font-size: 13px
}
.drama-block-1 .movie-intro .movie-part .detail-btn {
    display: inline-block;
    border: 1px solid #c3c3c3;
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bolder
}
.drama-block-1 .movie-intro .movie-part .detail-btn a {
    font-size: 13px;
    padding: 0 2px;
    display: block
}
.drama-block-1 .movie-intro .movie-date {
    font-size: 13px
}
.drama-block-2 .movie-play-cover {
    width: 260px;
    height: 174px
}
.drama-block-2 .movie-play-cover a {
    height: 174px
}
.drama-block-2 .movie .movie-cover {
    width: 260px
}
.drama-block-2 .movie .movie-mask {
    width: 260px;
    height: 169px;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}
.drama-block-2 .movie .movie-selected {
    background-color: rgba(0, 0, 0, 0.8);
    border: 3px solid #32acd5
}
.drama-block-2 .movie .movie-play-cover {
    height: 174px
}
.drama-block-2 .movie .movie-control {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 0 0 8px;
    z-index: 3
}
.drama-block-2 .movie .movie-msg {
    width: 260px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8)
}
.drama-block-2 .movie .movie-msg p {
    line-height: 174px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: white;
    font-weight: 600
}
.drama-block-2 .movie-prograss {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: rgba(57, 57, 57, 0.75)
}
.drama-block-2 .movie-prograss:after {
    content: "";
    display: table;
    clear: both
}
.drama-block-2 .movie-prograss span {
    display: block;
    height: 6px;
    background-color: #32acd5;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3)
}
.drama-block-2 .movie-intro .movie-title {
    font-size: 20px
}
.drama-block-2 .movie-intro .movie-part {
    font-size: 13px
}
.drama-block-2 .movie-intro .movie-part .detail-btn {
    display: inline-block;
    border: 1px solid #c3c3c3;
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bolder
}
.drama-block-2 .movie-intro .movie-part .detail-btn a {
    font-size: 13px;
    padding: 0 2px;
    display: block
}
.drama-block-2 .movie-intro .movie-date {
    font-size: 13px
}
.drama-block-3:after {
    content: "";
    display: table;
    clear: both
}
.drama-block-3 .movie {
    float: left
}
.drama-block-3 .movie .movie-cover {
    width: 190px;
    margin-right: 20px
}
.drama-block-3 .movie-intro {
    float: left;
    width: 340px
}
.drama-block-3 .movie-intro .intro-header:after {
    content: "";
    display: table;
    clear: both
}
.drama-block-3 .movie-intro .intro-header .movie-rank {
    height: 60px;
    float: left;
    font-family: "satellite";
    font-weight: 300;
    font-style: oblique;
    line-height: 56px;
    font-size: 56px;
    margin-bottom: 0px;
    margin-right: 20px;
    color: #6897be
}
.drama-block-3 .movie-intro .intro-header .movie-title {
    font-size: 20px
}
.drama-block-3 .movie-intro .intro-header .movie-part {
    font-size: 15px
}
.drama-block-3 .movie-text {
    font-size: 15px;
    color: #666
}
.drama-block-all {
    width: 1145px
}
.drama-block-all:after {
    content: "";
    display: table;
    clear: both
}
.drama-block-4 {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px
}
.drama-block-4:nth-child(3n) {
    margin-right: 0
}
.drama-block-4 .movie .movie-cover {
    width: 360px
}
.drama-block-4 .movie-intro .movie-title {
    font-size: 20px
}
.drama-block-4 .movie-intro .movie-part {
    font-size: 15px
}
.drama-block-4 .movie-text {
    font-size: 15px;
    color: #666
}
.drama-index-top:after {
    content: "";
    display: table;
    clear: both
}
.drama-index-top ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.drama-index-top ul li {
    float: left;
    position: relative;
    margin-right: 8px;
    overflow: hidden
}
.drama-index-top ul li:nth-child(2n+1) {
    margin-right: 0
}
.drama-index-top ul li:first-child {
    margin-right: 8px
}
.drama-index-top ul li:nth-child(2),
.drama-index-top ul li:nth-child(3) {
    margin-bottom: 8px
}
.drama-index-top ul li .img img {
    margin: 0;
    padding: 0;
    display: block
}
.drama-index-top ul li a .text {
    position: absolute;
    left: 0;
    bottom: -120px;
    z-index: 1;
    width: 100%;
    height: 120px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7))
}
.drama-index-top ul li a .text p {
    position: absolute;
    width: 90%;
    bottom: 0;
    font-size: 20px;
    color: white;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.ad-carousel-block {
    float: left;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px
}
.ad-carousel-block img {
    margin-bottom: 0px;
    display: block
}
.breadcrumb {
    padding: 25px 0 20px 0
}
.breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.breadcrumb ul:after {
    content: "";
    display: table;
    clear: both
}
.breadcrumb ul li {
    float: left;
    color: #666
}
.breadcrumb ul li::after {
    content: ">";
    padding: 0 5px
}
.breadcrumb ul li:last-child::after {
    content: none
}
.breadcrumb ul li:last-child a {
    color: #666 !important
}
.breadcrumb ul li a {
    font-weight: 500;
    color: #333
}
.movie-like {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px auto 0;
    width: 100%;
    height: 63px;
    line-height: 63px;
    background-color: #00a5db;
    text-align: center;
    border: 1px solid #00a5db;
    position: relative
}
.movie-like .title {
    color: white;
    font-size: 20px;
    font-weight: 300;
    padding-right: 20px
}
.movie-like .close-button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    font-family: Arial
}
.movie-top-block {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}
.movie-top-block .movie-block-intro {
    position: relative;
    z-index: 2;
    width: 420px;
    padding: 30px 40px 0 40px
}
.movie-top-block .movie-block-intro h1 {
    font-size: 40px;
    color: white
}
.movie-top-block .movie-block-intro h2 {
    font-size: 20px;
    color: #666;
    line-height: 24px
}
.movie-top-block .movie-block-intro .movie-level {
    margin: 10px 0
}
.movie-top-block .movie-block-intro .movie-level .level-item {
    color: white;
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid white;
    margin-right: 20px
}
.movie-top-block .movie-block-intro .movie-level .offer {
    background-color: #8c181a;
    border: #8c181a;
    color: white;
    display: inline-block;
    padding: 3px 7px
}
.movie-top-block .movie-block-intro .movie-kind {
    text-align: center;
    margin-top: 30px
}
.movie-top-block .movie-block-intro .movie-kind:after {
    content: "";
    display: table;
    clear: both
}
.movie-top-block .movie-block-intro .movie-kind::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 60px;
    background-color: #444;
    margin: 0 10px 3px 0
}
.movie-top-block .movie-block-intro .movie-kind::after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 60px;
    background-color: #444;
    margin: 0 0 3px 10px
}
.movie-top-block .movie-block-intro .movie-kind .kind-item {
    font-size: 13px;
    color: #999
}
.movie-top-block .movie-block-intro .movie-kind .kind-item::after {
    content: "|";
    padding: 0 8px
}
.movie-top-block .movie-block-intro .movie-kind .kind-item:last-child::after {
    content: none
}
.movie-top-block .movie-block-intro .movie-play {
    margin-top: 10px
}
.movie-top-block .movie-block-intro .movie-play a:first-child {
    margin-right: 20px
}
.movie-top-block .movie-cover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}
.movie-top-block .movie-rank {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 54px;
    width: 100%;
    background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0))
}
.movie-top-block .movie-rank:after {
    content: "";
    display: table;
    clear: both
}
.movie-top-block .movie-rank .rank-point {
    display: inline-block;
    padding-right: 10px
}
.movie-top-block .movie-rank .rank-point span {
    line-height: 54px;
    color: white;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px
}
.movie-top-block .movie-rank .rank-star {
    display: inline-block;
    width: 120px;
    line-height: 50px
}
.movie-top-block .movie-rank .rank-star ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.movie-top-block .movie-rank .rank-star ul:after {
    content: "";
    display: table;
    clear: both
}
.movie-top-block .movie-rank .rank-star ul li {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_star.png);
    background-position: 0 0;
    background-repeat: no-repeat
}
.movie-top-block .movie-rank .rank-star ul li.star {
    background-position: 0 -20px
}
.movie-top-block .movie-rank .rank-star ul li a {
    display: block;
    width: 20px;
    height: 20px
}
.movie-top-block .movie-rank .imdb-rank-point {
    float: left;
    line-height: 54px;
    padding-left: 50px;
    padding-right: 30px;
    background-image: url(../images/icon_imdb.png);
    background-position: left center;
    background-repeat: no-repeat
}
.movie-top-block .movie-rank .imdb-rank-point span {
    color: white;
    font-size: 13px
}
.movie-top-block .movie-rank .movie-want {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    background-image: url(../images/bg_divider_v.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 10px
}
.movie-top-block .movie-rank .movie-share {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    background-image: url(../images/bg_divider_v.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-right: 10px
}
.recommend-block ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.recommend-block ul:after {
    content: "";
    display: table;
    clear: both
}
.recommend-block ul li {
    float: left;
    margin-right: 30px
}
.recommend-block ul li:last-child {
    margin-right: 0
}
.recommend-block-drama ul li {
    float: left;
    margin-right: 30px
}
.recommend-block-drama ul li:last-child {
    margin-right: 0
}
.account-block ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.account-block {
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #777
}
.account-block:last-child {
    border-bottom: none
}
.account-block .no-record {
    color: #666
}
.account-block ul {
    padding: 0 20px
}
.account-block ul:after {
    content: "";
    display: table;
    clear: both
}
.account-block ul li {
    float: left;
    margin: 0 18px 20px 18px
}
.account-block ul li .movie-block .movie-control {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 0 0 8px;
    z-index: 5
}
.account-block ul li .movie-block .movie-control input {
    display: none
}
.account-block ul li .movie-block .movie-prograss {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: rgba(57, 57, 57, 0.75)
}
.account-block ul li .movie-block .movie-prograss:after {
    content: "";
    display: table;
    clear: both
}
.account-block ul li .movie-block .movie-prograss span {
    display: block;
    height: 6px;
    background-color: #32acd5;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3)
}
.account-block ul li .movie-block .movie-intro .movie-title {
    font-size: 20px
}
.account-block ul li .movie-block .movie-intro .movie-date {
    font-size: 13px
}
.account-block ul li.edit-mode .movie-block .movie {
    cursor: pointer
}
.account-block ul li.edit-mode .movie-block .movie-play-cover {
    display: none
}
.account-block ul li.edit-mode .movie-block .movie-mask {
    display: block
}
.account-block ul li.edit-mode .movie-block .movie-control input {
    display: block
}
.account-block ul li.edit-mode .movie-block .movie-title a {
    cursor: default
}
.account-block ul li.selected .movie-selected {
    display: block
}
.account-block .movie-block-3 .movie-intro .movie-title {
    font-size: 18px
}
.marquee {
    height: 40px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}
.marquee ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.marquee ul li {
    line-height: 40px;
    position: relative
}
.marquee ul li span {
    padding: 0 0 0 15px;
    font-size: 13px;
    color: #666
}
.marquee ul li .content {
    font-size: 16px;
    color: #333;
    font-weight: 600
}
.marquee ul li .date {
    font-size: 16px;
    color: #333;
    float: right;
    padding-right: 20px
}
.pager {
    text-align: center;
    margin: 50px 0 0 0
}
.pager ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.pager ul li {
    display: inline-block;
    margin: 0 2px
}
.pager ul li a {
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    border-bottom: 2px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.pager ul li.control a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
.pager ul li.active a,
.pager ul li a:hover {
    background-color: #007aa3;
    color: white
}
.pager ul li.control a:hover {
    color: black;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 2px solid #007aa3
}
.tv-player .tv-show,
.tv-player .tv-channel {
    float: left
}
.tv-player .tv-show {
    width: 645px;
    height: 484px;
    position: relative;
    z-index: 0
}
.tv-player .tv-show .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg_alpha_75.png);
    z-index: 0
}
.tv-player .tv-show .tv-alert {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3
}
.tv-player .tv-show .tv-alert .alert-container {
    position: absolute;
    z-index: 1;
    width: 384px;
    height: 240px;
    background-color: white;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -192px;
    text-align: center
}
.tv-player .tv-show .tv-alert .alert-container p {
    margin: 0;
    padding: 75px 0 45px 0
}
.tv-player .tv-show .tv-alert .alert-container .alert-button a {
    margin: 0 5px
}
.tv-player .tv-show .tv-alert .alert-container .alert-button .button-cancel {
    width: 128px
}
.tv-player .tv-show .tv-alert .alert-container .alert-button .button-submit {
    width: 128px;
    height: 40px;
    line-height: 40px
}
.tv-player .tv-show .pay-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    text-align: center
}
.tv-player .tv-show .pay-mask .subject {
    position: relative;
    z-index: 2;
    margin: 150px 0 0 0
}
.tv-player .tv-show .pay-mask .subject p {
    font-size: 15px;
    text-align: center;
    color: #a5a5a5;
    margin: 0
}
.tv-player .tv-show .pay-mask .subject p:before,
.tv-player .tv-show .pay-mask .subject p:after {
    content: "";
    display: inline-block;
    width: 50px;
    border-top: 1px solid #666;
    padding-bottom: 5px
}
.tv-player .tv-show .pay-mask .subject p:before {
    margin-right: 10px
}
.tv-player .tv-show .pay-mask .subject p:after {
    margin-left: 10px
}
.tv-player .tv-show .pay-mask .button-play-tv {
    position: relative;
    z-index: 2
}
.tv-player .tv-show .pay-mask .button-play-tv a {
    display: block;
    width: 100%;
    line-height: 56px;
    background-image: url(../images/icon_play.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    padding-left: 10px;
    color: white;
    font-weight: 900
}
.tv-player .tv-show .tv-screen {
    position: relative;
    z-index: 0
}
.tv-player .tv-show .tv-info {
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: 2;
    color: white
}
.tv-player .tv-show .tv-info .info-title {
    font-size: 20px;
    font-weight: 900
}
.tv-player .tv-show .tv-info .info-title span {
    display: block;
    font-size: 13px
}
.tv-player .tv-show .tv-info .info-time {
    font-size: 13px
}
.tv-player .tv-show .tv-info .info-next {
    color: #999
}
.tv-player .tv-show .tv-info-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7))
}
.tv-player .tv-channel {
    width: 495px;
    position: relative;
    z-index: 2
}
.tv-player .tv-channel .content-tab {
    position: absolute;
    right: 20px;
    top: 10px
}
.tv-player .tv-channel ul.tabs {
    list-style: none;
    margin: 0
}
.tv-player .tv-channel ul.tabs:after {
    content: "";
    display: table;
    clear: both
}
.tv-player .tv-channel ul.tabs li {
    float: left
}
.tv-player .tv-channel ul.tabs li a {
    display: block;
    width: 30px;
    height: 30px
}
.tv-player .tv-channel ul.tabs li.list {
    background-image: url(../images/icon_tab_list.png)
}
.tv-player .tv-channel ul.tabs li.list.active {
    background-image: url(../images/icon_tab_list_active.png)
}
.tv-player .tv-channel ul.tabs li.grid {
    background-image: url(../images/icon_tab_grid.png)
}
.tv-player .tv-channel ul.tabs li.grid.active {
    background-image: url(../images/icon_tab_grid_active.png)
}
.tv-player .tv-channel .tab-container {
    height: 432px;
    overflow: hidden;
    margin-top: 52px
}
.tv-player .tv-channel .channel-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 455px
}
.tv-player .tv-channel .channel-list ul li {
    position: relative;
    border-bottom: 1px solid #374246;
    padding: 10px
}
.tv-player .tv-channel .channel-list ul li .list-header {
    font-size: 15px;
    color: #c9c9c9
}
.tv-player .tv-channel .channel-list ul li .list-header span {
    color: #999
}
.tv-player .tv-channel .channel-list ul li .list-show {
    font-size: 18px;
    color: #c9c9c9;
    font-weight: 900
}
.tv-player .tv-channel .channel-list ul li a {
    display: block
}
.tv-player .tv-channel .channel-list ul li.current {
    border: 1px solid #32acd5
}
.tv-player .tv-channel .channel-list ul li.current .list-header {
    color: #32acd5;
    font-weight: 900
}
.tv-player .tv-channel .channel-list ul li.current .list-header span {
    color: #0079a0;
    font-weight: normal
}
.tv-player .tv-channel .channel-list ul li.current .list-show {
    color: #32acd5
}
.tv-player .tv-channel .channel-list ul li .label-free {
    position: absolute;
    top: 5px;
    right: 3px;
    width: 44px;
    line-height: 23px;
    text-align: center;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #65aa40;
    font-size: 13px
}
.tv-player .tv-channel .channel-grid ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    border-right: 1px solid #374246;
    width: 453px;
    border-bottom: 1px solid #374246
}
.tv-player .tv-channel .channel-grid ul:after {
    content: "";
    display: table;
    clear: both
}
.tv-player .tv-channel .channel-grid ul li {
    float: left;
    width: 150px;
    border-left: 1px solid #374246;
    border-top: 1px solid #374246;
    text-align: center;
    position: relative
}
.tv-player .tv-channel .channel-grid ul li .label-free {
    position: absolute;
    top: 5px;
    right: 3px;
    width: 44px;
    line-height: 23px;
    text-align: center;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #65aa40;
    font-size: 13px
}
.tv-player .tv-channel .channel-grid ul li img {
    margin: 0
}
.tv-player .tv-channel .channel-grid ul li p {
    margin: 0;
    color: #c3c3c3;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 10px
}
.tv-player .tv-channel .channel-grid ul li a {
    display: block;
    height: 110px;
    padding-top: 30px
}
.tv-player .tv-channel .channel-grid ul li.current a {
    height: 106px;
    border: 2px solid #32acd5;
    background-color: rgba(0, 0, 0, 0.3)
}
.tv-player .tv-channel .channel-grid .channel-popup {
    display: none;
    position: absolute;
    top: 0;
    left: -150px;
    width: 120px;
    height: 150px;
    background-image: url(../images/bg_channel-grid-popup_left.png);
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 5;
    padding: 15px 25px 15px 15px;
    text-align: left
}
.tv-player .tv-channel .channel-grid .channel-popup .channel-name {
    font-size: 20px;
    font-weight: 900;
    color: #333;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px
}
.tv-player .tv-channel .channel-grid .channel-popup .title {
    max-height: 2.2em;
    overflow: hidden;
    line-height: 18px
}
.tv-player .tv-channel .channel-grid .channel-popup .time {
    font-size: 13px
}
.tv-player .tv-channel .channel-grid .channel-popup .next {
    font-size: 13px;
    color: #999;
    line-height: 15px;
    max-height: 3.5em;
    overflow: hidden
}
.tv-player .tv-channel .channel-grid ul li:nth-child(3n+1) .channel-popup {
    background-image: url(../images/bg_channel-grid-popup_right.png);
    left: auto;
    right: -150px;
    padding: 15px 15px 15px 25px
}
.custom-scrollbar {
    width: 495px
}
.custom-scrollbar .viewport {
    width: 475px;
    height: 432px;
    overflow: hidden;
    position: relative
}
.custom-scrollbar .overview {
    list-style: none;
    position: absolute;
    left: 20px;
    top: 0;
    padding: 0;
    margin-top: 0
}
.custom-scrollbar .scrollbar {
    width: 10px;
    float: right;
    margin-right: 5px
}
.custom-scrollbar .track {
    width: 10px;
    height: 100%;
    padding: 0;
    position: relative
}
.custom-scrollbar .thumb {
    background-color: rgba(153, 153, 153, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0
}
.custom-scrollbar .thumb .end {
    overflow: hidden;
    height: 5px;
    width: 10px
}
.custom-scrollbar .disable {
    display: none
}
.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}
.movie-label {
    position: absolute;
    right: 0;
    top: 0
}
.movie-label p {
    line-height: 32px;
    padding: 0 15px;
    margin-bottom: 0px;
    color: white
}
.label-new {
    background-color: rgba(255, 150, 0, 0.75)
}
.label-coming {
    background-color: rgba(176, 20, 20, 0.75)
}
.login-form {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    width: 565px;
    min-height: 600px;
    background-image: url(../images/bg_divider_login.png);
    background-position: right top;
    background-repeat: no-repeat
}
.login-form table {
    margin-left: 60px
}
.login-form table td {
    height: 60px;
    vertical-align: middle;
    position: relative
}
.login-form table td.notes {
    vertical-align: bottom
}
.login-form table td label {
    font-size: 20px;
    padding-right: 10px;
    color: #666
}
.login-form table td label.remember {
    font-size: 16px
}
.login-form table td input[type="text"],
.login-form table td input[type="password"] {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #ccc
}
.login-form table td input[type="text"]:focus,
.login-form table td input[type="password"]:focus {
    border: 1px solid #0497db;
    outline: none
}
.login-form table td input[type="checkbox"] {
    margin-right: 10px
}
.login-form table td input[type="checkbox"]#showpw {
    margin-left: 10px
}
.login-form table td .forgotpw {
    position: absolute;
    bottom: 0;
    right: 0
}
.login-form table td .acceptLink {
    display: inline-block
}
.login-form table td.error::after {
    content: "!";
    color: white;
    font-size: 12px;
    text-align: center;
    font-family: "Arial Black";
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background-color: #b40000
}
.login-form table td.error input {
    margin-top: 20px;
    border: 1px solid #b40000
}
.login-form table td.error input:focus {
    border: 1px solid #b40000
}
.login-form table td .error-msg {
    display: block;
    font-size: 13px;
    color: #b40000
}
.login-form table td span {
    color: #666
}
.login-form table td .showpw {
    font-size: 13px
}
.login-aside {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    float: left;
    width: 335px
}
.login-aside h1 {
    margin-bottom: 24px
}
.forgot-form {
    width: 645px;
    margin: 0 auto
}
.forgot-form form {
    margin-top: 48px
}
.forgot-form .form-table {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #c3c3c3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 80px
}
.forgot-form .form-table table {
    width: 100%
}
.forgot-form .form-table table tr td {
    color: #666;
    padding-bottom: 20px
}
.forgot-form .form-table table tr td:first-child {
    text-align: right;
    padding-right: 10px
}
.forgot-form .form-table table tr td input[type="text"],
.forgot-form .form-table table tr td input[type="password"] {
    width: 320px;
    height: 40px;
    background: white;
    border: 1px solid #ccc;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px
}
.forgot-form .form-table table tr td input[type="text"]:focus,
.forgot-form .form-table table tr td input[type="password"]:focus {
    border: 1px solid #0497db;
    outline: none
}
.forgot-form .form-table table tr td label {
    padding: 0 5px
}
.forgot-form .form-tips {
    margin: 10px 0
}
.forgot-form .form-tips:after {
    content: "";
    display: table;
    clear: both
}
.forgot-form .form-tips span {
    display: inline-block;
    color: white;
    padding: 0 10px;
    font-weight: 600;
    line-height: 25px;
    background-color: #b40000;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    float: left;
    margin-right: 10px
}
.forgot-form .form-tips p {
    float: left
}
.forgot-form .form-footer {
    text-align: center
}
.forgot-form .form-footer input.button {
    width: 150px;
    margin: 0 5px
}
.forgot-form .form-footer .button-submit {
    height: 42px;
    line-height: 42px
}
.movie-tab {
    margin: 84px 0 20px 0;
    text-align: right
}
.movie-tab ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.movie-tab ul li {
    display: inline-block;
    font-size: 22px;
    font-weight: 900;
    vertical-align: bottom
}
.movie-tab ul li:first-child::after {
    content: "|";
    padding: 0 5px;
    display: inline-block;
    font-weight: normal
}
.movie-tab ul li.active {
    font-weight: 600
}
.movie-tab ul li.active a {
    color: #0497db
}
.movie-tab ul li a {
    color: #333
}
.movie-tab ul li a:hover {
    color: #0497db
}
.movie-list-1 {
    margin-bottom: 30px
}
.movie-list-1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}
.movie-list-1 ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px
}
.movie-list-1 ul li:last-child {
    margin-right: 0
}
.movie-list-2 {
    margin-bottom: 50px
}
.movie-list-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}
.movie-list-2 ul li {
    vertical-align: top;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px
}
.movie-list-2 ul li:nth-child(4n) {
    margin-right: 0
}
.intro-toggle {
    color: #666;
    font-weight: 300;
    height: 170px;
    overflow: hidden
}
.intro-toggle.open {
    height: auto
}
.more-divider {
    text-align: center;
    margin: 10px 0;
    position: relative
}
.more-divider::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c3c3c3;
    z-index: 1
}
.more-divider a {
    display: inline-block;
    position: relative;
    z-index: 2;
    line-height: 24px;
    background-color: #d6d6d6;
    border: 1px solid #c3c3c3;
    padding: 0 10px;
    color: black;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.more-divider a span {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(../images/icon_down_black.png)
}
.more-divider.open a span {
    background-image: url(../images/icon_up_black.png)
}
.drama-container {
    margin-top: 50px
}
.drama-container:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .drama-poster {
    margin-right: 50px;
    width: 350px;
    float: left;
    position: relative
}
.drama-container .movie-poster {
    margin-right: 88px;
    margin-left: 50px;
    width: 262px;
    float: left;
    position: relative
}
.drama-container .drama-info {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 740px
}
.drama-container .drama-info .info-header {
    margin-bottom: 30px
}
.drama-container .drama-info .info-header:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .drama-info .info-left,
.drama-container .drama-info .info-right {
    width: 50%;
    float: left
}
.drama-container .drama-info hr {
    margin-top: 12px;
    margin-bottom: 12px
}
.drama-container .drama-info table td {
    vertical-align: top;
    line-height: 40px;
    color: #666
}
.drama-container .drama-info table td:first-child {
    width: 3em
}
.drama-container .drama-info table td a {
    display: inline-block;
    color: #333;
    line-height: 30px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #c3c3c3;
    margin-right: 8px;
    font-weight: 600;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.drama-container .drama-info table td a:hover {
    border: 1px solid #00a6dc
}
.drama-container .drama-info table td a:active {
    border: 1px solid #0079a0
}
.drama-container .drama-info .info-tab {
    width: 100%;
    border-bottom: 2px solid #32acd5;
    margin-bottom: 20px
}
.drama-container .drama-info .info-tab ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.drama-container .drama-info .info-tab ul:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .drama-info .info-tab ul li {
    float: left;
    margin-right: 5px
}
.drama-container .drama-info .info-tab ul li a {
    display: block;
    padding-top: 10px;
    text-align: center;
    width: 138px;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.drama-container .drama-info .info-tab ul li a:hover {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.drama-container .drama-info .info-tab ul li.active a {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.drama-container .drama-info .drama-info-text {
    color: #666;
    font-weight: 300;
    height: 120px;
    overflow: hidden
}
.drama-container .drama-info .drama-info-text.open {
    height: auto
}
.drama-container .drama-info .drama-critics .drama-critics-head {
    color: #333
}
.drama-container .drama-info .drama-critics .drama-critics-head a {
    color: #333
}
.drama-container .drama-info .drama-critics .drama-critics-head span {
    padding: 0 5px
}
.drama-container .drama-info .drama-critics .drama-critics-comment p {
    font-size: 20px
}
.drama-container .episode-header {
    position: relative;
    margin-top: -10px;
    margin-bottom: 10px
}
.drama-container .episode-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    padding-right: 40px
}
.drama-container .episode-header ul li {
    display: inline-block;
    border-left: 1px solid #ccc
}
.drama-container .episode-header ul li:first-child {
    border-left: none
}
.drama-container .episode-header ul li.active a {
    color: #0079a0
}
.drama-container .episode-header ul li a {
    padding: 0 10px
}
.drama-container .episode-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.drama-container .episode-container ul li {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 10px;
    position: relative
}
.drama-container .episode-container ul li .popupTxt {
    display: none;
    position: absolute;
    width: 265px;
    height: auto;
    left: -320px;
    top: -10px;
    padding: 20px 25px 20px 20px;
    background-image: url(../images/bg_channel_popup.png);
    z-index: 2;
    background-size: cover;
}
.drama-container .episode-container ul li .popupTxt .episodeNum {
    font-size: 13px
}
.drama-container .episode-container ul li .popupTxt .title {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 900
}
.drama-container .episode-container ul li .popupTxt .text {
    font-size: 13px
}
.drama-container .episode-container ul li .popupTxt .time {
    font-size: 13px;
    color: #666
}
.drama-container .episode-container ul li a {
    display: block;
    width: 50px;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    background-color: #cfcfcf;
    border: 2px solid transparent;
    position: relative;
    z-index: 1
}
.drama-container .episode-container ul li a:hover {
    border: 2px solid #32acd5
}
.drama-container .episode-container ul li:hover .popupTxt {
    display: block
}
.drama-container .episode-container ul li a.visible {
    background-color: #a6a6a6
}
.drama-container .detail-info-text .text-block {
    margin-bottom: 30px
}
.drama-container .detail-info-episode .episode-block {
    margin-bottom: 30px
}
.drama-container .detail-info-episode .episode-block .episode-block-header {
    margin-bottom: 10px
}
.drama-container .detail-info-episode .episode-block .episode-block-header p {
    margin: 0;
    display: inline-block;
    color: #666;
    margin-right: 10px
}
.drama-container .detail-info-episode .episode-block .episode-block-header p span {
    padding: 0 2px
}
.drama-container .detail-info-episode .episode-block .episode-content {
    color: #666
}
.drama-container .trailer-list:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .trailer-list.intro-toggle {
    height: 150px
}
.drama-container .trailer-list.intro-toggle.open {
    height: auto
}
.drama-container .trailer-list .trailer-block {
    float: left;
    width: 172px;
    margin-right: 13px;
    margin-bottom: 10px;
    position: relative
}
.drama-container .trailer-list .trailer-block .movie-play-cover {
    position: absolute;
    z-index: 1
}
.drama-container .trailer-list .trailer-block .movie-play-cover a {
    display: block;
    width: 172px;
    height: 128px;
    background-position: center center;
    background-repeat: no-repeat
}
.drama-container .trailer-list .trailer-block .img {
    position: relative;
    z-index: 0
}
.drama-container .trailer-list .trailer-block .img img {
    margin: 0;
    display: block
}
.drama-container .trailer-list .trailer-block p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0
}
.drama-container .photoAlbum:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .photoAlbum.intro-toggle {
    height: 120px
}
.drama-container .photoAlbum.intro-toggle.open {
    height: auto
}
.drama-container .photoAlbum .photo {
    float: left;
    width: 172px;
    margin-right: 13px;
    margin-bottom: 10px
}
.drama-container .photoAlbum .photo img {
    margin: 0;
    display: block
}
.drama-container .critics-list2.intro-toggle {
    height: 190px
}
.drama-container .critics-list2.intro-toggle.open {
    height: auto
}
.drama-container .critics-list2 ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.drama-container .critics-list2 ul li {
    margin-bottom: 25px
}
.drama-container .critics-list2 ul li:after {
    content: "";
    display: table;
    clear: both
}
.drama-container .critics-list2 ul li .img {
    float: left;
    width: 70px;
    margin-right: 25px;
    border: 3px solid white;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)
}
.drama-container .critics-list2 ul li .img img {
    margin: 0;
    display: block
}
.drama-container .critics-list2 ul li .text .title {
    font-size: 20px
}
.drama-container .critics-list2 ul li .text p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.account-container {
    padding: 0 20px
}
.account-container:after {
    content: "";
    display: table;
    clear: both
}
.account-container .sideMenu {
    float: left;
    width: 185px;
    padding-right: 35px;
    background-image: url(../images/bg_divider_login.png);
    background-position: right 0;
    background-repeat: no-repeat
}
.account-container .account-content {
    float: left;
    width: 845px;
    margin-left: 35px
}
.account-container .account-content .content-header {
    position: relative;
    margin-bottom: 10px
}
.account-container .account-content .content-header:after {
    content: "";
    display: table;
    clear: both
}
.account-container .account-content .content-header .content-subject {
    font-size: 24px;
    color: #333;
    font-weight: 600
}
.account-container .account-content .content-header .content-subject h2 {
    display: inline-block
}
.account-container .account-content .content-header .content-subject span {
    font-size: 16px;
    color: #666
}
.account-container .account-content .content-header .content-subject span i {
    color: #b40000;
    font-style: normal;
    min-width: 2em;
    display: inline-block;
    text-align: center
}
.account-container .account-content .content-header .content-subject .checkbox {
    display: inline-block;
    text-align: right;
    height: 42px;
    line-height: 36px;
    display: inline-block;
    color: #0497db;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e7e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e7e8e8);
    background-image: -o-linear-gradient(#ffffff, #e7e8e8);
    background-image: linear-gradient(#ffffff, #e7e8e8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.account-container .account-content .content-header .content-subject .checkbox:hover {
    border: 1px solid #00a6dc
}
.account-container .account-content .content-header .content-subject .checkbox:active {
    border: 1px solid #0079a0
}
.account-container .account-content .content-header .content-subject .checkbox.hide {
    display: none
}
.account-container .account-content .content-header .content-subject .checkbox label {
    padding: 0 0 0 5px;
    font-size: 16px
}
.account-container .account-content .content-header .header-note {
    position: absolute;
    top: 10px;
    right: 0
}
.account-container .account-content .content-header .header-note p {
    font-size: 16px
}
.account-container .account-content .content-header .header-note p i {
    padding: 0 5px;
    color: #b40000;
    font-style: normal;
    font-weight: 900
}
.account-container .account-content .content-header .content-intro {
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    width: 100%
}
.account-container .account-content .content-header ul.tabs {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 10px 0 0 0
}
.account-container .account-content .content-header ul.tabs li {
    display: inline-block;
    font-size: 20px
}
.account-container .account-content .content-header ul.tabs li a {
    padding: 0 10px
}
.account-container .account-content .content-header ul.tabs li a:hover {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.account-container .account-content .content-header ul.tabs li a:hover span {
    color: #0079a0
}
.account-container .account-content .content-header ul.tabs li a span {
    font-size: 13px
}
.account-container .account-content .content-header ul.tabs li.active a {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.account-container .account-content .content-header ul.tabs li.active a span {
    color: #0079a0
}
.account-container .account-content .content-info {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #c3c3c3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 120px;
    margin-bottom: 50px
}
.account-container .account-content .content-info .button-fix {
    width: auto
}
.account-container .account-content .content-footer {
    text-align: center
}
.account-container .account-content .content-footer input.button {
    width: 150px;
    margin: 0 5px
}
.account-container .account-content .content-footer .button-submit {
    height: 42px;
    line-height: 42px
}
.account-container .account-content .table table {
    width: 100%;
    text-align: left
}
.account-container .account-content .table table thead {
    background-color: rgba(0, 0, 0, 0.1)
}
.account-container .account-content .table table thead th {
    line-height: 30px;
    color: #666
}
.account-container .account-content .table table thead th:first-child {
    width: 50px
}
.account-container .account-content .table table tbody {
    min-height: 40px
}
.account-container .account-content .table table tbody tr {
    background-color: rgba(255, 255, 255, 0.8)
}
.account-container .account-content .table table tbody tr.alert td {
    background-color: rgba(50, 172, 213, 0.1);
    color: #333
}
.account-container .account-content .table table tbody tr:last-child td {
    border-bottom: none
}
.account-container .account-content .table table tbody td {
    border-bottom: 1px dotted #999;
    color: #333;
    padding: 10px 20px 10px 0;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease;
    vertical-align: top
}
.account-container .account-content .table table tbody td:first-child {
    padding-left: 20px;
    text-align: center
}
.account-container .account-content .table table tbody td input {
    display: none
}
.account-container .account-content .table table tbody td .icon-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #b40000
}
.account-container .account-content .table table.edit-mode tbody tr {
    cursor: pointer
}
.account-container .account-content .table table.edit-mode tbody td input {
    display: block
}
.account-container .account-content .info-scheme h3 {
    margin-bottom: 20px
}
.account-container .account-content .info-scheme table thead th:first-child {
    width: auto;
    padding-left: 20px
}
.account-container .account-content .info-scheme table tbody td:first-child {
    text-align: left
}
.account-container .account-content .appointment-table table tbody td {
    color: #666
}
.account-container .account-content .appointment-table table tbody td:first-child {
    width: 20px
}
.critics-container {
    padding: 0 20px
}
.critics-container:after {
    content: "";
    display: table;
    clear: both
}
.critics-container .sideMenu {
    float: left;
    min-height: 600px;
    width: 169px;
    padding-right: 50px;
    background-image: url(../images/bg_divider_login.png);
    background-position: right 0;
    background-repeat: no-repeat
}
.critics-container .critics-content {
    float: left;
    width: 845px;
    margin-left: 35px
}
.critics-container .critics-content h2 {
    font-size: 20px;
    font-weight: 600
}
.critics-container .critics-content h2 span {
    color: #666
}
.critics-container .critics-post-list {
    margin-bottom: 24px
}
.critics-container .critics-post-list:after {
    content: "";
    display: table;
    clear: both
}
.critics-container .critics-post-list a {
    display: inline-block
}
.critics-container .critics-post-list .movie-cover {
    float: left;
    width: 116px
}
.critics-container .critics-post-list .movie-cover img {
    margin-bottom: 0px
}
.critics-container .critics-post-list .post-content {
    float: left;
    width: 729px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px
}
.critics-container .critics-post-list .post-content p {
    margin-bottom: 0px
}
.critics-container .critics-post-list .post-content p.subject {
    font-weight: 600
}
.critics-container .critics-post-list .post-content .author {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px
}
.critics-container .critics-post-list .post-content a {
    font-weight: 600
}
.critics-container .critics-post-list .post-content .content-text {
    color: #666;
    text-indent: 1.8em
}
.critics-container .critics-post .subject {
    font-size: 20px;
    color: #333;
    font-weight: 600
}
.critics-container .critics-post .post-middle {
    position: relative
}
.critics-container .critics-post .author {
    color: #666
}
.critics-container .critics-post .share-media {
    position: absolute;
    right: 0;
    top: 0
}
.critics-container .critics-post .content-text h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}
.critics-container .critics-post .content-text p {
    color: #333
}
.critics-container .critics-other-post .critics-intro {
    margin-bottom: 10px
}
.critics-container .critics-other-post .critics-intro .critics-avator {
    display: inline-block;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid white
}
.critics-container .critics-other-post .critics-intro .critics-avator img {
    margin-bottom: 0px;
    display: block
}
.critics-container .critics-other-post .critics-intro .critics-name {
    display: inline-block;
    font-size: 24px;
    line-height: 60px;
    vertical-align: bottom;
    margin: 0 5px 0 10px
}
.critics-container .critics-other-post .critics-intro .critics-span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 60px;
    font-size: 20px;
    color: #666
}
.critics-container .critics-other-post ul {
    margin: 0;
    padding: 0;
    padding-left: 20px
}
.critics-container .critics-other-post ul li {
    line-height: 32px
}
.critics-container .critics-other-post ul li a {
    color: #333;
    font-weight: 600
}
.terms-container {
    padding: 0 20px
}
.terms-container:after {
    content: "";
    display: table;
    clear: both
}
.terms-container .sideMenu {
    float: left;
    min-height: 600px;
    width: 185px;
    padding-right: 35px;
    background-image: url(../images/bg_divider_login.png);
    background-position: right 0;
    background-repeat: no-repeat
}
.terms-container .sideMenu .terms-name ul {
    margin: 0;
    padding: 0;
    margin-left: 8.59649%
}
.terms-container .sideMenu .terms-name ul li.active a {
    color: #0079a0
}
.terms-container .sideMenu .terms-name ul li a {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px
}
.terms-container .terms-content {
    float: left;
    width: 845px;
    margin-left: 35px
}
.terms-container .terms-content h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}
.terms-container .terms-content h1.h1 {
    font-size: 20px;
    line-height: 24px
}
.terms-container .terms-content h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}
.terms-container .terms-content p {
    font-size: 13px;
    line-height: 24px
}
.terms-container .terms-content ol {
    list-style: cjk-ideographic;
    margin: 0;
    padding: 0 0 0 26px;
    margin-bottom: 24px
}
.terms-container .terms-content ol li {
    font-size: 13px;
    line-height: 24px
}
.terms-container .terms-content ol ol {
    list-style: decimal
}
.terms-container .terms-content ol li p {
    margin-bottom: 0px
}
.terms-container .faq-content {
    float: left;
    width: 845px;
    margin-left: 35px
}
.account-content .controller:after {
    content: "";
    display: table;
    clear: both
}
.account-content .controller a.button-del {
    position: absolute;
    right: 0;
    top: 5px;
    float: left
}
.account-content .controller .control-del {
    position: absolute;
    top: 5px;
    right: 0
}
.account-content .controller .control-del .button-submit {
    display: inline-block;
    width: 112px;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 10px
}
.account-content .tab-container .controller {
    position: relative;
    top: -58px;
    right: 0
}
.account-content .tab-container .content-header .content-subject {
    position: relative;
    top: -10px
}
.sn-table table thead th:first-child {
    width: auto !important;
    padding-left: 20px
}
.sn-table table thead th a {
    display: inline-block;
    width: 24px;
    height: 10px;
    background-position: center center;
    background-repeat: no-repeat
}
.sn-table table thead th a.sort_down {
    background-image: url(../images/icon_sort_down.png)
}
.sn-table table thead th a.sort_up {
    background-image: url(../images/icon_sort_up.png)
}
.sn-table table tbody tr.expired td {
    color: #777 !important
}
.sn-table table tbody td:first-child {
    width: auto !important;
    text-align: left !important;
    padding-left: 20px
}
.message-table table tbody td {
    vertical-align: top
}
.message-table table tbody td:first-child {
    width: 20px
}
.message-table table tbody td:nth-child(2) {
    width: 250px
}
.message-table table tbody td:last-child {
    white-space: nowrap
}
.consumer-table table thead th:first-child {
    width: auto !important;
    padding-left: 20px
}
.consumer-table table tbody tr.open>td {
    padding: 10px 20px 100px 0 !important;
    background-color: rgba(50, 172, 213, 0.1);
    color: #333
}
.consumer-table table tbody tr.open>td:first-child {
    padding: 10px 20px 100px 20px !important
}
.consumer-table table tbody td {
    position: relative
}
.consumer-table table tbody td:nth-child(2) {
    width: 180px
}
.consumer-table table tbody td:nth-child(6) {
    width: 100px
}
.consumer-table table tbody td a {
    font-weight: 600;
    color: #333
}
.consumer-table table tbody td a:hover {
    color: #0497db
}
.consumer-table table tbody td a.active {
    color: #0497db
}
.consumer-table .detail-table {
    position: absolute;
    display: none;
    padding: 5px 20px;
    width: 806px;
    bottom: 15px;
    right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
.consumer-table .detail-table::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 16px solid rgba(0, 0, 0, 0.3);
    top: -16px;
    right: 11px
}
.consumer-table .detail-table::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid white;
    top: -15px;
    right: 12px
}
.consumer-table .detail-table table {
    width: 100%;
    font-size: 13px
}
.consumer-table .detail-table table thead tr {
    background-color: white !important
}
.consumer-table .detail-table table thead th {
    padding-left: 0
}
.consumer-table .detail-table table tbody td {
    padding: 5px 20px 0 0 !important;
    border-top: 1px solid #c3c3c3 !important
}
.consumer-table .detail-table table tbody td:first-child {
    text-align: left !important
}
.consumer-table .detail-table table tbody td:nth-child(2) {
    width: auto
}
.consumer-table .detail-table table tbody td:nth-child(6) {
    width: auto
}
.search-result:after {
    content: "";
    display: table;
    clear: both
}
.result-container {
    float: left;
    width: 880px;
    min-height: 600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
    background-image: url(../images/bg_divider_login.png);
    background-position: right top;
    background-repeat: no-repeat
}
.result-container span.highlight {
    color: #0497db
}
.result-container h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}
.result-container h1 span {
    color: #0497db
}
.result-container .result-tab {
    margin-bottom: 20px
}
.result-container .result-tab ul {
    border-bottom: 2px solid #32acd5;
    list-style: none;
    margin: 0;
    padding: 0
}
.result-container .result-tab ul:after {
    content: "";
    display: table;
    clear: both
}
.result-container .result-tab ul li {
    float: left;
    width: 140px;
    text-align: center
}
.result-container .result-tab ul li.active {
    border-bottom: 2px solid #0079a0
}
.result-container .result-tab ul li.active a {
    color: #0079a0;
    font-weight: 900
}
.result-container .result-tab ul li a {
    font-size: 18px
}
.result-container .result-tab ul li a span {
    font-size: 16px
}
.result-container .result-title {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px
}
.result-container .result-list-item {
    margin-bottom: 30px
}
.result-container .result-list-item:after {
    content: "";
    display: table;
    clear: both
}
.result-container .result-list-item .movie-cover {
    width: 115px;
    float: left
}
.result-container .result-list-item .movie-cover img {
    margin-bottom: 0px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3)
}
.result-container .result-list-item .drama-cover {
    width: 230px;
    float: left
}
.result-container .result-list-item .drama-cover img {
    margin-bottom: 0px
}
.result-container .result-list-item .list-intro {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px
}
.result-container .result-list-item .list-intro h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: black
}
.result-container .result-list-item .list-intro h3 {
    font-size: 16px;
    line-height: 16px;
    color: black;
    margin-bottom: 10px
}
.result-container .result-list-item .list-intro .movie-part {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px;
    font-weight: 900;
    color: black
}
.result-container .result-list-item .list-intro p {
    font-size: 13px;
    line-height: 150%;
    color: #666;
    margin-bottom: 0px
}
.result-container .result-list-item .list-intro p b {
    padding-right: 5px
}
.result-container .result-list-item .list-intro p.paragraphs {
    margin-top: 10px
}
.result-container .result-list-item .movie-intro {
    width: 725px
}
.result-container .result-list-item .drama-intro {
    width: 610px
}
.result-container hr {
    border: none;
    border-top: 1px dotted #999
}
.result-aside {
    float: left;
    width: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
}
.result-aside .name-list {
    margin-bottom: 25px
}
.result-aside h2 {
    font-size: 20px;
    font-weight: 600
}
.result-aside ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.result-aside ul li {
    margin-bottom: 5px
}
.result-aside ul li a {
    display: inline-block;
    padding: 0 10px;
    line-height: 32px;
    color: #333;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}
.service-container h1 {
    font-size: 24px;
    font-weight: 600
}
.service-container h3 {
    color: #666
}
.service-container .intro-txt {
    margin-bottom: 50px
}
.service-container .intro-txt p {
    margin-bottom: 0
}
.service-container .intro-txt p.note {
    color: #666
}
.service-container .intro-txt p.highlight {
    color: #b40000
}
.service-container .content-tab ul.tabs {
    display: block;
    border-bottom: 1px solid #32acd5
}
.service-container .content-tab ul.tabs:after {
    content: "";
    display: table;
    clear: both
}
.service-container .content-tab ul.tabs li {
    float: left;
    margin-right: 5px;
    position: relative
}
.service-container .content-tab ul.tabs li a {
    padding: 0 20px;
    line-height: 40px;
    display: block;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.service-container .content-tab ul.tabs li a:hover {
    color: #0497db;
    border-bottom: 4px solid #0079a0
}
.service-container .content-tab ul.tabs li.active a {
    color: #0497db;
    border-bottom: 4px solid #0079a0
}
.service-container .content-tab .tab-container ul li {
    padding: 0 50px;
    border-bottom: 1px dotted #c3c3c3
}
.service-container .content-tab .tab-container ul li a {
    display: block;
    line-height: 60px;
    font-weight: 600;
    background-image: url(../images/icon_arrow_down.png);
    background-position: right center;
    background-repeat: no-repeat
}
.service-container .content-tab .tab-container ul li .answer {
    display: none
}
.service-container .content-tab .tab-container ul li p {
    margin-bottom: 0px
}
.service-container .content-tab .tab-container ul li.open a {
    color: #0497db;
    background-image: url(../images/icon_arrow_up_act.png)
}
.service-container .content-tab .tab-container ul li.open .answer {
    color: #666;
    display: block;
    margin-bottom: 20px
}
.service-container .note-block {
    margin: 0 50px;
    padding: 20px 0;
    border-top: 1px dotted #999;
    margin-top: 30px
}
.service-container .note-block h4 {
    color: #666;
    margin-bottom: 0px
}
.service-container .note-block ol {
    margin: 0;
    padding: 0 0 0 24px
}
.service-container .note-block ol li {
    line-height: 32px;
    color: #666
}
.service-container .member-upgrade ul {
    display: block;
    width: 1040px;
    margin: 20px auto 0 !important;
    background-image: url(../images/bg_member_upgrade.png);
    background-repeat: no-repeat
}
.service-container .member-upgrade ul:after {
    content: "";
    display: table;
    clear: both
}
.service-container .member-upgrade ul li {
    float: left;
    position: relative;
    left: -10px;
    width: 260px;
    height: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
    padding: 0 10px 0 40px !important
}
.service-container .member-upgrade ul li .icon {
    text-align: center;
    margin-top: 15px
}
.service-container .member-upgrade ul li .icon img {
    margin-bottom: 0px
}
.service-container .member-upgrade ul li .title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.service-container .member-upgrade ul li .intro p {
    font-size: 16px
}
.service-container .download-block {
    /*margin-top: 100px*/
    text-align: center
}
.service-container .download-block:after {
    content: "";
    display: table;
    clear: both
}
.service-container .download-block .img {
    float: left;
    margin-left: 20px;
    margin-right: 10px
}
.service-container .download-block .content {
    width: 460px;
    margin-top: 50px;
    float: left;
    text-align: center
}
.service-container .download-block .content .qrcode {
    display: inline-block;
    margin-right: 10px
}
.service-container .download-block .content .qrcode img {
    margin-bottom: 0px
}
.service-container .download-block .content .text {
    display: inline-block;
    width: 330px;
    vertical-align: top;
    font-size: 20px;
    text-align: left
}
.service-container .download-block .content hr {
    height: 2px;
    margin: 15px 0;
    background-image: url(../images/bg_divider_download.png);
    border: none
}
.service-container .download-block .content .button-download {
    width: 390px;
    height: 56px;
    margin: 0 auto;
    background-image: url(../images/bg_download.png)
}
.service-container .download-block .content .button-download:after {
    content: "";
    display: table;
    clear: both
}
.service-container .download-block .content .button-download a {
    display: block;
    width: 50%;
    float: left;
    text-indent: -9999px;
    height: 56px
}
.order-container {
    width: 900px;
    margin: 0 auto
}
.order-container .error-msg {
    border: 1px solid #b40000;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0;
    margin-bottom: 30px
}
.order-container .error-msg .subject {
    font-size: 24px;
    color: #b40000
}
.order-container .error-msg .text {
    width: 70%;
    margin: 0 auto;
    color: #b40000
}
.order-container h1 {
    font-size: 24px;
    font-weight: 600
}
.order-container .order-content {
    width: 760px;
    margin: 0 auto 50px;
    text-align: left
}
.order-container .order-content table {
    width: 100%
}
.order-container .order-content table thead {
    background-color: rgba(0, 0, 0, 0.05)
}
.order-container .order-content table th {
    padding: 0 10px;
    height: 30px;
    font-weight: 600;
    color: #666
}
.order-container .order-content table th:last-child {
    text-align: right
}
.order-container .order-content table tbody td {
    padding: 10px
}
.order-container .order-content table tbody td:last-child {
    text-align: right
}
.order-container .order-content table tbody tr.free td {
    color: #777
}
.order-container .order-content table tbody tr.total td {
    font-size: 20px;
    border-top: 1px dotted #c3c3c3
}
.order-container .order-content table #rate {
    background-color: white;
    border: 1px solid #c3c3c3;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    background-image: url(../images/icon_select_down.png);
    background-position: 92% center;
    background-repeat: no-repeat
}
.order-container .order-pay {
    width: 760px;
    margin: 0 auto
}
.order-container .order-pay img {
    margin-bottom: 0px;
    vertical-align: middle
}
.order-container .order-pay .pay-choice {
    padding: 15px 10px
}
.order-container .order-pay .pay-choice.top-choice {
    border-bottom: 1px dotted #c3c3c3
}
.order-container .order-pay .pay-choice.active {
    background-color: rgba(255, 255, 255, 0.5)
}
.order-container .order-pay .pay-choice.active .item-detail {
    display: block
}
.order-container .order-pay .pay-choice .item label {
    font-size: 20px;
    margin-right: 10px
}
.order-container .order-pay .pay-choice .item input {
    margin-right: 10px
}
.order-container .order-pay .pay-choice .item .img {
    display: inline-block;
    vertical-align: middle
}
.order-container .order-pay .pay-choice .item span {
    display: block;
    padding-left: 24px
}
.order-container .order-pay .pay-choice .item-detail {
    width: 650px;
    margin: 20px auto;
    display: none
}
.order-container .order-pay .pay-choice .item-detail table {
    width: 100%
}
.order-container .order-pay .pay-choice .item-detail table td {
    padding: 10px 0;
    vertical-align: middle
}
.order-container .order-pay .pay-choice .item-detail table td:first-child {
    text-align: right;
    padding-right: 10px
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"] {
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border: 1px solid #c3c3c3;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#cardnum {
    width: 100%
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#verify {
    width: 70px;
    margin-right: 5px
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#name,
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#name2 {
    width: 230px;
    margin-right: 10px
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#code {
    width: 75px;
    margin-left: 10px
}
.order-container .order-pay .pay-choice .item-detail table input[type="text"]#address {
    width: 100%
}
.order-container .order-pay .pay-choice .item-detail table input[type="checkbox"] {
    margin: 10px
}
.order-container .order-pay .pay-choice .item-detail table .code {
    display: inline-block
}
.order-container .order-pay .pay-choice .item-detail .select {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    position: relative;
    vertical-align: middle;
    margin-right: 5px
}
.order-container .order-pay .pay-choice .item-detail .select:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #c3c3c3;
    position: absolute;
    right: 10px;
    top: 12px
}
.order-container .order-pay .pay-choice .item-detail .select:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #c3c3c3;
    position: absolute;
    right: 10px;
    bottom: 12px
}
.order-container .order-pay .pay-choice .item-detail select {
    width: 100%;
    outline: none;
    font-size: 13px;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: none;
    background-color: white;
    text-indent: 0.01px;
    height: 40px;
    padding: 0 30px 0 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.order-container .order-pay .pay-choice .item-detail table span {
    padding: 0 20px 0 0
}
.order-container .order-pay .pay-choice .item-detail table tr.hr td {
    height: 10px
}
.order-container .order-pay .pay-choice .item-detail table hr {
    margin: 0;
    padding: 0;
    height: 1px;
    border: none;
    border-top: 1px solid #c3c3c3
}
.order-container hr {
    border-top: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    margin-top: 0px;
    margin-bottom: 24px
}
.order-container .form-bottom {
    text-align: right;
    position: relative
}
.order-container .form-bottom .button-reset {
    position: absolute;
    left: 0;
    top: 0
}
.order-container .form-bottom .button-submit {
    width: 128px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px
}
.order-container .form-bottom .button-submit:disabled {
    opacity: 0.2
}
.order-container .order-bottom {
    text-align: right;
    margin-top: 30px
}
.order-container .order-bottom span {
    display: inline-block;
    line-height: 40px;
    font-size: 20px;
    padding: 0 10px;
    border-right: 1px solid #ccc
}
.order-container .order-bottom .button-cancel {
    height: 40px;
    line-height: 40px;
    width: 150px;
    margin-left: 25px
}
.order-container .order-bottom .button-submit {
    height: 40px;
    line-height: 40px;
    width: 128px;
    margin-left: 25px
}
.order-complete {
    width: 760px;
    margin: 10px auto
}
.order-complete:after {
    content: "";
    display: table;
    clear: both
}
.order-complete p {
    font-size: 20px;
    margin-bottom: 0px
}
.order-complete .detail {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 40px
}
.order-complete ul {
    margin: 0
}
.order-complete ul li {
    line-height: 40px;
    font-weight: 600
}
.order-complete ul li span {
    color: #b40000
}
.order-error {
    margin: 70px auto 0;
    width: 760px;
    text-align: center
}
.order-error .error-content {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 100px 0
}
.order-error .error-content p {
    width: 300px;
    height: 80px;
    padding-left: 120px;
    margin: 0 auto;
    text-align: left;
    background-image: url(../images/icon_order-error.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 20px;
    color: #b40000
}
.packages-container .packages-header {
    position: relative
}
.packages-container .packages-header h2 {
    font-size: 26px;
    font-weight: 900
}
.packages-container .packages-header .package-intro {
    position: absolute;
    top: 15px;
    right: 0
}
.packages-container .packages-header .package-intro a {
    display: block;
    font-size: 18px;
    padding: 0 5px;
    background-color: #d1cfcf
}
.packages-container .content-tab {
    display: none
}
.packages-container .tab-container {
    border: 1px solid #c3c3c3;
    margin-top: 25px
}
.packages-container .tab-container .package-block {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #c3c3c3
}
.packages-container .tab-container .package-block:after {
    content: "";
    display: table;
    clear: both
}
.packages-container .tab-container .package-block:first-child {
    border-top: none
}
.packages-container .tab-container .package-block .recommendLabel {
    position: absolute;
    top: 0;
    left: 25px;
    width: 44px;
    height: 46px;
    background-image: url(../images/label_recommend.png)
}
.packages-container .tab-container .package-block .block-img,
.packages-container .tab-container .package-block .block-intro,
.packages-container .tab-container .package-block .block-button {
    float: left
}
.packages-container .tab-container .package-block .block-img {
    width: 300px;
    text-align: center;
}
.packages-container .tab-container .package-block .block-img .icon img {
    margin: 0
}
.packages-container .tab-container .package-block .block-img h2 {
    font-weight: 900
}
.packages-container .tab-container .package-block .block-img p {
    width: 80%;
    margin: 0 auto
}
.packages-container .tab-container .package-block .block-img p span {
    color: #b40000;
    padding: 0 5px
}
.packages-container .tab-container .package-block .block-intro {
    width: 560px;
    min-height: 180px;
    border-left: 1px solid #c3c3c3
}
.packages-container .tab-container .package-block .block-intro .txt {
    padding: 40px 90px 0 90px
}
.packages-container .tab-container .package-block .block-intro .txt p {
    font-size: 18px
}
.packages-container .tab-container .package-block .block-intro .txt p span {
    color: #b40000;
    padding: 0 5px
}
.packages-container .tab-container .package-block .block-intro .txt p.price {
    margin: 0 0 10px 0
}
.packages-container .tab-container .package-block .block-intro .txt p.price b {
    font-size: 50px;
    font-weight: 300;
    padding-right: 5px
}
.packages-container .tab-container .package-block .block-intro .txt p.highlight {
    color: #b40000;
    font-size: 16px
}
.packages-container .tab-container .package-block .block-intro .table {
    width: 560px;
    margin-left: 60px
}
.packages-container .tab-container .package-block .block-intro table {
    width: 100%
}
.packages-container .tab-container .package-block .block-intro table tr {
    vertical-align: top;
    border-top: 1px dotted #999
}
.packages-container .tab-container .package-block .block-intro table tr:first-child {
    border-top: none
}
.packages-container .tab-container .package-block .block-intro table td {
    padding: 10px 0
}
.packages-container .tab-container .package-block .block-intro table input {
    margin-right: 10px
}
.packages-container .tab-container .package-block .block-intro table label {
    font-size: 30px
}
.packages-container .tab-container .package-block .block-intro table label b {
    font-size: 18px
}
.packages-container .tab-container .package-block .block-intro table p {
    margin: 0;
    padding-left: 25px
}
.packages-container .tab-container .package-block .block-intro table p span {
    color: #b40000;
    padding: 0 5px
}
.packages-container .tab-container .package-block .block-button {
    width: 277px;
    padding-top: 50px;
    text-align: center
}
.packages-container .tab-container .package-block .block-button .button {
    width: 160px;
    height: 58px;
    line-height: 58px;
    font-size: 20px
}
.packages-container .tab-container .package-block .block-button span {
    display: block;
    color: #b40000
}
.packages-container .tab-container .package-block.active {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
.sn-form {
    width: 760px;
    margin: 0 auto
}
.sn-form .form-step1,
.sn-form .form-step2,
.sn-form .form-step3 {
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    border-top: none
}
.sn-form .form-step1.active,
.sn-form .form-step2.active,
.sn-form .form-step3.active {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}
.sn-form .form-step1.active .form-intro,
.sn-form .form-step2.active .form-intro,
.sn-form .form-step3.active .form-intro {
    display: block
}
.sn-form .form-step1 {
    border-top: 1px solid #c3c3c3
}
.sn-form p.subject {
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 0px
}
.sn-form .form-intro {
    display: none
}
.sn-form .form-intro:after {
    content: "";
    display: table;
    clear: both
}
.sn-form .form-intro table {
    width: 100%
}
.sn-form .form-intro table td {
    vertical-align: top
}
.sn-form .form-intro table td:first-child {
    padding-top: 10px
}
.sn-form .form-intro table td input[type="text"] {
    margin: 0;
    padding: 0;
    border: 0;
    border: 1px solid #c3c3c3;
    padding-left: 10px;
    height: 40px
}
.sn-form .form-intro table td img {
    margin-bottom: 0px;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid #c3c3c3
}
.sn-form .form-intro table td:first-child {
    width: 180px;
    text-align: right;
    padding-right: 10px
}
.sn-form .form-intro table td p.error {
    font-size: 13px;
    color: #b40000;
    margin: 0
}
.sn-form .form-intro .intro-img {
    float: left;
    padding-left: 70px;
    padding-right: 20px
}
.sn-form .form-intro .intro-img img {
    margin: 0
}
.sn-form .form-intro .intro-text {
    float: left
}
.sn-form .form-intro .intro-text p {
    margin-bottom: 12px;
    font-size: 20px
}
.sn-form .form-intro .intro-text span {
    display: block
}
.sn-form .form-intro .intro-text.intro-error {
    padding-top: 20px;
    text-align: left
}
.sn-form .intro-error {
    text-align: center
}
.sn-form .intro-error p {
    margin: 0;
    color: #b40000
}
.sn-form .form-footer {
    text-align: right;
    border-top: 1px dotted #c3c3c3;
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 25px;
    position: relative
}
.sn-form .form-footer:after {
    content: "";
    display: table;
    clear: both
}
.sn-form .form-footer span {
    display: inline-block;
    line-height: 40px;
    font-size: 20px;
    padding: 0 10px;
    border-right: 1px solid #ccc
}
.sn-form .form-footer .button-fix {
    margin: 5px 0;
    float: right;
    margin-right: 20px
}
.sn-form .form-footer .button-cancel {
    float: left;
    height: 42px;
    line-height: 42px;
    margin: 5px 0
}
.sn-form .form-footer .button-goback {
    height: 40px;
    line-height: 40px;
    width: 150px;
    margin-left: 25px;
    margin-right: 25px;
    display: inline-block;
    color: #0497db;
    border: 1px solid #c3c3c3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7e8e8));
    background-image: -webkit-linear-gradient(#ffffff, #e7e8e8);
    background-image: -moz-linear-gradient(#ffffff, #e7e8e8);
    background-image: -o-linear-gradient(#ffffff, #e7e8e8);
    background-image: linear-gradient(#ffffff, #e7e8e8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.sn-form .form-footer .button-submit {
    float: right;
    width: 112px;
    height: 42px;
    line-height: 42px
}
.sn-form .form-footer .button-play-movie {
    width: 150px;
    height: 40px;
    line-height: 40px
}
.sn-form .form-footer .button-play-movie::before {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon_play4.png)
}
.faq-content ul li {
    padding: 0 50px;
    border-bottom: 1px dotted #c3c3c3
}
.faq-content ul li a {
    display: block;
    line-height: 60px;
    font-weight: 600;
    background-image: url(../images/icon_arrow_down.png);
    background-position: right center;
    background-repeat: no-repeat
}
.faq-content ul li .answer {
    display: none
}
.faq-content ul li p {
    margin-bottom: 0px
}
.faq-content ul li.open a {
    color: #0079a0;
    background-image: url(../images/icon_arrow_up_act.png)
}
.faq-content ul li.open .answer {
    color: #666;
    display: block;
    margin-bottom: 20px
}
.ppv-container {
    padding-top: 40px
}
.ppv-container h1 {
    font-size: 24px;
    font-weight: 900;
    margin: 30px 0 0 0
}
.tv-player {
    width: 1140px;
    height: 484px;
    background-image: url(../images/bg_player.jpg)
}
.tv-player:after {
    content: "";
    display: table;
    clear: both
}
.channel-container .channel-name {
    margin: 10px 0 35px 0
}
.channel-container .channel-name img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 13px
}
.channel-container .channel-name span {
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    color: #333
}
.latest-page .block-title {
    margin-top: 0
}
.latest-page .latest-tab {
    width: 100%;
    border-bottom: 2px solid #32acd5;
    margin-bottom: 20px
}
.latest-page .latest-tab ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.latest-page .latest-tab ul:after {
    content: "";
    display: table;
    clear: both
}
.latest-page .latest-tab ul li {
    float: left;
    margin-right: 5px
}
.latest-page .latest-tab ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    width: 138px;
    font-size: 20px;
    font-weight: 900;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.latest-page .latest-tab ul li a:hover {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.latest-page .latest-tab ul li.active a {
    color: #0079a0;
    border-bottom: 4px solid #0079a0
}
.latest-page #latest-movie>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}
.latest-page #latest-movie>ul li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
    vertical-align: top
}
.latest-page #latest-movie>ul li:nth-child(4n) {
    margin-right: 0
}
.latest-page #latest-drama>ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.latest-page #latest-drama>ul:after {
    content: "";
    display: table;
    clear: both
}
.latest-page #latest-drama>ul li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px
}
.latest-page #latest-drama>ul li .drama-block-4 {
    margin: 0
}
.latest-page #latest-drama>ul li:nth-child(3n) {
    margin-right: 0
}
.index-footer {
    background-color: #272727;
    position: relative;
    z-index: 1;
    height: 133px
}
.index-footer .container {
    position: relative
}
.index-footer .container:after {
    content: "";
    display: table;
    clear: both
}
.index-footer .container-block {
    position: relative;
    margin-top: -10px;
    float: left;
    width: 25%;
    text-align: center;
    background-image: url(../images/bg_divider_footer.png);
    background-position: left center;
    background-repeat: no-repeat
}
.index-footer .container-block:first-child {
    background: none
}
.index-footer .container-block .img {
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat
}
.index-footer .container-block .img.fb {
    background-image: url(../images/icon_fb_footer.png)
}
.index-footer .container-block .img.app {
    background-image: url(../images/img_device.png);
    margin-bottom: 0
}
.index-footer .container-block .img.service {
    background-image: url(../images/icon_service_dollar.png)
}
.index-footer .container-block .img.faq {
    background-image: url(../images/icon_service_faq.png)
}
.index-footer .container-block p {
    color: white
}
.inside-footer {
    background-color: #272727;
    position: relative;
    z-index: 1;
    height: 50px;
    margin-top: 50px
}
.inside-footer ul {
    text-align: center;
    margin: 0;
    padding: 0
}
.inside-footer ul li {
    display: inline-block;
    padding: 15px 0
}
.inside-footer ul li a {
    display: inline-block;
    color: white;
    padding: 0 15px;
    border-left: 1px solid white
}
.inside-footer ul li:first-child a {
    border-left: none
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}
.bx-wrapper img {
    max-width: 100%;
    display: block
}
.bx-wrapper .bx-viewport {
    /*left: -5px;*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}
.bx-viewport {
   /*  padding: 0 5px */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}
.bx-wrapper .bx-prev {
    background-image: url(../images/btn_prev.png);
    left: -50px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.bx-wrapper .bx-prev:hover {
    background-image: url(../images/btn_prev_h.png)
}
.bx-wrapper .bx-prev:active {
    background-image: url(../images/btn_prev_p.png)
}
.bx-wrapper .bx-next {
    background-image: url(../images/btn_next.png);
    right: -50px;
    -webkit-transition: all 275ms ease;
    -moz-transition: all 275ms ease;
    -o-transition: all 275ms ease;
    transition: all 275ms ease
}
.bx-wrapper .bx-next:hover {
    background-image: url(../images/btn_next_h.png)
}
.bx-wrapper .bx-next:active {
    background-image: url(../images/btn_next_p.png)
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    text-indent: -9999px;
    z-index: 999;
    width: 40px;
    height: 40px;
    display: block;
    top: 50%;
    margin-top: -20px
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}
.bx-wrapper .bx-controls-auto {
    text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}





#subtitle-popup .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}



log-popup .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}

#ban-popup1 .popup-container {
    width: 410px;
    height: 220px;
    padding: 15px
}
#ban-popup1 .confirm-text {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
    font-weight: 600
}
#ban-popup1 .confirm-text span {
    color: #b40000;
    font-size: 20px;
    font-weight: 900;
    padding: 0 5px
}
#ban-popup1 .form-footer {
    text-align: center
}
#ban-popup1 .form-footer input {
    margin-right: 10px
}

@media screen and (max-width: 1024px){ 
    .header-container .header-func {
        
    }
}