body {
    margin: 0;
    padding: 0;
    color: #555;
    font-style: normal;
    font-size: 10pt;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    background: #fff;
    position: relative
}
#page {
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #c9e0ed
}
.loading-icon {
    display: block;
    margin: 0 auto;
    padding: 100px 0 20px 0
}
.loading-text {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    padding: 0 0 100px 0
}
#header {
    margin: 0;
    padding: 0;
    min-width: 1030px
}
#header .top-member-panel {
    height: 30px;
    border-top: 4px solid #f30002;
    padding: 2px 30px;
    text-align: right;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important
}
.mobile-header-bar {
    color: #FFFFFF;
    height: 30px;
    border-top: 4px solid #f30002;
    padding: 2px 30px;
    padding-top: 4px;
    padding-right: 15px;
    text-align: right;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important
}
#header .top-member-panel .language-switch-button-container,
.login-right-container .language-switch-button-container {
    display: inline-block;
    height: 20px;
    padding: 0 2px
}
#header .top-member-panel .language-switch-button-container .language-switch-button-tc {
    width: 20px;
    height: 20px;
    background-position: -470px -913px
}
#header .top-member-panel .language-switch-button-container .language-switch-button-tc:hover {
    width: 20px;
    height: 20px;
    background-position: -64px -939px
}
#header .top-member-panel .language-switch-button-container .language-switch-button-en {
    width: 24px;
    height: 20px;
    background-position: -86px -939px
}
#header .top-member-panel .language-switch-button-container .language-switch-button-en:hover {
    width: 24px;
    height: 20px;
    background-position: -134px -939px
}
#header .top-member-panel .member-login-container {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding: 3px 20px
}
#header .top-member-panel .member-login-container .member-icon {
    float: left
}
#header .top-member-panel .member-login-container .button-row {
    float: left;
    height: 100%;
    padding: 0 15px
}
#header .top-member-panel .member-login-container .button-row li.dropdown {
    padding: 0;
    list-style-type: none
}
#header .top-member-panel .member-login-container .button-row li.dropdown,
#header .top-member-panel .member-login-container .button-row .greeting {
    float: left;
    line-height: 15px
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-toggle,
#header .top-member-panel .member-login-container .button-row .greeting {
    color: #fff
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu {
    padding: 0;
    top: 200%;
    left: -75px
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 39px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 40px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu>li a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu>li a:hover,
#header .top-member-panel .member-login-container .button-row li.dropdown .dropdown-menu>li a:focus {
    background: #959595;
    color: #fff
}
#header .top-member-panel .member-login-container .login-button-container,
#header .top-member-panel .member-login-container .register-button-container {
    float: left;
    height: 100%;
    padding: 0 8px
}
#header .top-member-panel .member-login-container .login-button-container {
    border-right: 1px solid #fff
}
#header .top-member-panel .member-login-container .login-button-container a,
#header .top-member-panel .member-login-container .register-button-container a {
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold
}
#header .top-member-panel .facebook-login-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -160px -939px;
    cursor: pointer
}
#header .top-member-panel .facebook-login-icon:hover,
#header .top-member-panel .facebook-login-icon:focus {
    width: 20px;
    height: 20px;
    background-position: -112px -939px
}
#header .top-member-panel .language-switch-button,
.login-right-container .language-switch-button {
    display: block;
    height: 100%;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 2px
}
#header .top-member-panel .language-switch-button {
    background: #444;
    color: #fff
}
.peek-menu-toggle {
    background: url("../../images/btn_menu_wap_v2.png");
    width: 36px;
    height: 27px;
    display: block;
    margin: 0 auto
}
#my-menu>.mm-header,
#my-menu>.mm-list {
    display: none
}
#my-menu li {
    display: none
}
.login-right-container .language-switch-button {
    background: #f5f5f5;
    color: #000
}
.unsupported-browser-message-container {
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    padding: 15px
}
.unsupported-browser-message-box {
    width: 100%;
    min-height: 30px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 10px
}
.unsupported-browser-message-title {
    text-align: left;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 15px 0
}
#header .logo-row {
    height: 170px;
    width: 1030px;
    margin: 0 auto;
    padding: 25px 15px 35px 15px
}
#header .logo-row .logo-container {
    position: relative;
    display: inline-block;
    width: 210px;
    height: 110px;
    padding: 10px 0;
    vertical-align: middle
}
#header .logo-row .logo-container a {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 210px;
    height: 80px;
    background-position: -84px -126px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
#header .logo-row .header-ads-banner {
    display: inline-block;
    height: 90px;
    width: 780px;
    padding: 0 0 0 52px;
    vertical-align: middle
}
#header .logo-row .header-ads-banner .banner-item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #dbdbdb
}
#header .logo-row .header-ads-banner .banner-item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}
#header .logo-row .header-ads-banner .banner-item p {
    margin: 0
}
.mobile-header {
    width: 100%;
    height: 40px;
    padding: 0 80px;
    text-align: center;
    position: relative
}
.peek-menu-container {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 50px
}
.peek-menu-container a span {
    font-size: 30px;
    color: #000
}
.mm-header {
    background: #fff !important
}
.mm-header a {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("../../images/icon_broadwayLogo_wap_revised.png");
    background-size: 132px 48px;
    vertical-align: middle;
    width: 132px;
    height: 48px;
    margin-top: 5px
}
.mobile-logo-container {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%
}
.mobile-logo-container a img {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px
}
.mm-menu>ul.mm-panel {
    position: relative
}
.mm-menu>.mm-panel {
    position: relative !important
}
.mm-menu .mm-list .mm-list>li {
    height: 35px
}
.mm-menu .mm-list .mm-list>li a {
    line-height: 35px;
    padding: 0 0 0 40px;
    font-size: 18px;
    font-weight: bold;
    color: #383733
}
.mm-menu .mm-list .mm-list>li.peek-menu-set-preferred-cinema a {
    padding-left: 40px;
    cursor: pointer
}
.mm-menu .mm-list .mm-list>li.peek-menu-set-preferred-cinema a .icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -448px -913px;
    margin-right: 20px
}
.mm-menu .mm-opened {
    border-bottom: 5px solid #fff
}
.mm-menu>.mm-list>li>a:after {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 21px;
    height: 11px;
    background-position: -261px -983px;
    border: none;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}
.mm-menu>.mm-list>li.mm-opened>a:after {
    width: 21px;
    height: 11px;
    background-position: -284px -983px;
    content: '  '
}
.mm-menu .mm-list>li>a,
.mm-menu .mm-list>li>a.mm-subopen {}.mm-menu .mm-list .mm-list>li.mm-selected>a:not(.mm-subopen) {
    background: inherit
}
.mm-menu.mm-vertical .mm-list>li>a:after {
    top: 15px !important
}
.mm-menu .mm-list>li a,
.mm-menu .mm-list>li>span {
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}
.mobile-language-switch-button-container {
    top: -20px;
    font-weight: bold;
    position: absolute;
    right: 10px;
}
.mobile-language-switch-button-container .language-switch-button-item {
    display: inline-block;
    height: 100%;
    padding: 0 2px
}
.mobile-language-switch-button-container .language-switch-button {
    font-size: 16px;
    color: #000;
    line-height: 78px
}
.main-container {
    width: 1030px;
    margin: 0 auto;
    padding: 0 15px 360px 15px
}
.mainmenu-row {
    min-width: 1030px;
    padding: 0 0 30px 0
}
.mainmenu-container {
    border-bottom: 1px solid #f00
}
.mainmenu {
    width: 100%;
    padding: 0 15px;
    max-width: 1030px;
    margin: 0 auto
}
.mainmenu ul {
    padding: 0;
    margin: 0
}
.mainmenu li {
    position: relative;
    display: block;
    float: left
}
.mainmenu li .menu-seperate-line {
    position: absolute;
    width: 1px;
    height: 10px;
    right: -1px;
    bottom: 0;
    border-right: 1px solid #f00
}
.mainmenu li.active .menu-seperate-line,
.mainmenu li:last-child .menu-seperate-line,
.mainmenu li:hover .menu-seperate-line {
    border-right: 0 !important
}
.mainmenu li.last-child .menu-seperate-line {
    border-right: 0 !important
}
.mainmenu li a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #1a1a1a;
    padding: 0 30px;
    font-size: 16px
}
.mainmenu li.active a,
.mainmenu li:hover a {
    background: #f30002;
    color: #fff;
    font-weight: bold
}
.mainmenu li a:hover {
    text-decoration: none
}
.mainmenu .menu-cinema-dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    background: #fff;
    min-width: 300px;
    border: 1px solid #999;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5)
}
.mainmenu .menu-cinema-button:hover .menu-cinema-dropdown {
    display: block
}
.index-promo-text-container {
    width: 100%;
    padding: 0 0 30px 0
}
.mobile-index-promo-text {
    padding: 5px 10px 10px 10px
}
.mobile-index-promo-text .index-promo-text-container {
    padding: 0
}
.index-promo-text-box,
.cinema-promo-text-box,
.festival-promo-text-box {
    width: 100%;
    min-height: 30px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 10px
}
.index-promo-text-box p,
.cinema-promo-text-box p,
.festival-promo-text-box p {
    margin: 0
}
.KV-container {
    background: #000;
    width: 100%;
    height: 290px
}
.KV-container .KV-slider-container {
    width: 690px;
    height: 100%;
    padding: 20px 25px 20px 35px;
    position: relative;
    float: left
}
.KV-container .KV-slider-container .fotorama__dot {
    border-radius: 0;
    margin: 1px 0 0 0;
    border-width: 2px;
    top: 6px
}
.KV-container .KV-slider-container .fotorama__active .fotorama__dot {
    border-color: #f20006;
    margin: 0;
    border-width: 3px
}
.KV-container .KV-slider-container .KV-slider-item {
    width: 100%;
    height: 100%
}
.KV-container .KV-slider-container .KV-slider-poster-container:hover .cover-shadow {
    display: block
}
@media all and (max-width: 999999px) {
    .KV-container .KV-slider-container .KV-slider-poster-container:hover .cover-shadow {
        display: none
    }
}
.KV-container .KV-slider-container .KV-slider-poster-container {
    width: 178px;
    height: 250px;
    position: relative;
    float: left
}
.KV-container .KV-slider-container .KV-slider-poster-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: none;
    padding: 5px;
    top: 0;
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-name {
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar {
    position: absolute;
    top: 185px;
    left: 0;
    background: #fff
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .movie-cover-button-container {
    position: relative
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .button-box {
    position: relative;
    float: left;
    cursor: pointer;
    display: block
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .button-box:focus,
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .button-box:hover {
    background: #f01302
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .movie-cover-button {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .trailer-button {
    width: 36px;
    height: 36px;
    background-position: -518px -801px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .official-site-button {
    width: 36px;
    height: 36px;
    background-position: -2px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .share-button {
    width: 36px;
    height: 36px;
    background-position: -78px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .detail-button {
    width: 36px;
    height: 36px;
    background-position: -154px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .trailer-button:hover {
    width: 36px;
    height: 36px;
    background-position: -230px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .official-site-button:hover {
    width: 36px;
    height: 36px;
    background-position: -192px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .share-button:hover {
    width: 36px;
    height: 36px;
    background-position: -40px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container .cover-shadow .movie-cover-bar .detail-button:hover {
    width: 36px;
    height: 36px;
    background-position: -116px -845px
}
.KV-container .KV-slider-container .KV-slider-poster-container img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.KV-container .KV-slider-container .KV-slider-trailer-container {
    width: 452px;
    padding: 0 0 0 15px;
    height: 100%;
    float: left
}
.KV-container .KV-slider-button {
    position: absolute;
    top: 130px;
    cursor: pointer
}
.KV-container .KV-prev {
    left: 10px
}
.KV-container .KV-prev:hover {
    width: 11px;
    height: 21px;
    background-position: -396px -913px
}
.KV-container .KV-next {
    right: 5px
}
.KV-container .KV-next:hover {
    width: 11px;
    height: 21px;
    background-position: -422px -913px
}
.KV-banner-container {
    float: left;
    width: 310px;
    height: 100%;
    padding: 20px 10px 20px 0;
    overflow: hidden
}
.KV-banner-item {
    width: 100%;
    height: 88px;
    padding: 0 0 12px 0
}
.KV-banner-item.last-item {
    height: 76px;
    padding: 0
}
.KV-banner-image-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #dbdbdb
}
.KV-banner-image-container p {
    margin: 0
}
.KV-banner-image-container .KV-banner-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.desktop-index-main-content {
    padding: 35px 0 0 0
}
.index-left-col {
    width: 765px !important;
    padding: 1px 15px 0 0
}
.index-right-col {
    width: 235px !important;
    padding: 0 0 0 15px
}
.index-left-col .index-main-tab-container {
    padding: 0 0 30px 0
}
.index-left-col .index-main-tab-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.index-left-col .index-main-tab-container .show-attribute-container {
    position: absolute;
    right: -14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    font-size: 10px;
    width: 80px;
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 10px;
    color: #fff;
    font-weight: bold
}
.index-left-col .index-main-tab-container .show-attribute-container .first-line {
    width: 50%;
    margin: 0 auto
}
.index-left-col .index-main-tab-container .show-attribute-container .second-line {
    width: 100%
}
.index-left-col .index-main-tab-container .nav {
    padding: 10px 0
}
.index-left-col .index-main-tab-container .nav>li {
    border-right: 2px solid #d6d6d6
}
.index-left-col .index-main-tab-container .nav>li:last-child {
    border-right: 0
}
.index-left-col .index-main-tab-container .nav>li.last-child {
    border-right: 0 !important
}
.index-left-col .index-main-tab-container .nav>li>a {
    padding: 0 15px;
    border-radius: 0;
    font-size: 18px;
    color: #383733;
    cursor: pointer;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.index-left-col .index-main-tab-container .nav>li>a:hover,
.index-left-col .index-main-tab-container .nav-tabs>li.active>a,
.index-left-col .index-main-tab-container .nav-tabs>li.active>a:hover,
.index-left-col .index-main-tab-container .nav-tabs>li.active>a:focus {
    padding: 1px 16px;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
    font-weight: bold;
    font-size: 18px;
    color: #383733
}
.index-left-col .index-main-tab-container .nav-tabs {
    border: 1px solid #d6d6d6;
    border-bottom: 0
}
.index-left-col .index-main-tab-container .tab-content {
    border: 2px solid #d6d6d6
}
.index-left-col .index-main-tab-container .tab-pane {
    min-height: 100px
}
.index-main-tab-container .tab-movie-row {
    width: 100%;
    height: 260px;
    padding: 0 0 20px 0;
    text-align: center
}
.index-main-tab-container .tab-movie-row.first-row {
    padding: 20px 0 20px 0;
    height: 280px
}
.index-main-tab-container .tab-movie-row .tab-movie-item {
    display: inline-block;
    width: 170px;
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 4px 0 4px
}
.index-main-tab-container .tab-movie-row .tab-movie-item.first-item {
    padding: 0 15px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: none;
    padding: 5px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-name {
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container:hover .cover-shadow,
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container:hover .cover-shadow {
    display: block
}
@media all and (max-width: 999999px) {
    .index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container:hover .cover-shadow,
    .index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container:hover .cover-shadow {
        display: none
    }
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar,
.upcoming-movie-container .cover-shadow .movie-cover-bar {
    position: absolute;
    top: 185px;
    left: 0;
    background: #fff
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-link,
.upcoming-movie-container .cover-shadow .movie-cover-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .movie-cover-button-container,
.upcoming-movie-container .cover-shadow .movie-cover-bar .movie-cover-button-container {
    position: relative
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .button-box,
.upcoming-movie-container .cover-shadow .movie-cover-bar .button-box {
    position: relative;
    float: left;
    cursor: pointer;
    display: block
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .button-box:focus,
.upcoming-movie-container .cover-shadow .movie-cover-bar .button-box:focus,
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .button-box:hover,
.upcoming-movie-container .cover-shadow .movie-cover-bar .button-box:hover {
    background: #f01302
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .movie-cover-button,
.upcoming-movie-container .cover-shadow .movie-cover-bar .movie-cover-button {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .trailer-button,
.upcoming-movie-container .cover-shadow .movie-cover-bar .trailer-button {
    width: 36px;
    height: 36px;
    background-position: -518px -801px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .official-site-button,
.upcoming-movie-container .cover-shadow .movie-cover-bar .official-site-button {
    width: 36px;
    height: 36px;
    background-position: -2px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .share-button,
.upcoming-movie-container .cover-shadow .movie-cover-bar .share-button {
    width: 36px;
    height: 36px;
    background-position: -78px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .detail-button,
.upcoming-movie-container .cover-shadow .movie-cover-bar .detail-button {
    width: 36px;
    height: 36px;
    background-position: -154px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .trailer-button:hover,
.upcoming-movie-container .cover-shadow .movie-cover-bar .trailer-button:hover {
    width: 36px;
    height: 36px;
    background-position: -230px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .official-site-button:hover,
.upcoming-movie-container .cover-shadow .movie-cover-bar .official-site-button:hover {
    width: 36px;
    height: 36px;
    background-position: -192px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .share-button:hover,
.upcoming-movie-container .cover-shadow .movie-cover-bar .share-button:hover {
    width: 36px;
    height: 36px;
    background-position: -40px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-item .tab-movie-container .cover-shadow .movie-cover-bar .detail-button:hover,
.upcoming-movie-container .cover-shadow .movie-cover-bar .detail-button:hover {
    width: 36px;
    height: 36px;
    background-position: -116px -845px
}
.index-main-tab-container .tab-movie-row .tab-movie-container img {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 230px;
    border: 1px solid #dbdbdb
}
.index-main-tab-container .more-movie-button-container {
    padding: 0 10px 10px 10px;
    width: 100%;
    height: 70px
}
.index-main-tab-container .more-movie-button-container .more-movie-button {
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
    display: block;
    background: #ddd;
    color: #8c8c8c;
    font-size: 20px
}
.index-main-tab-container .more-movie-button-container .more-movie-button:hover {
    font-weight: bold
}
.index-middle-banner-container {
    width: 100%;
    height: 320px;
    padding: 0 0 20px 0;
    overflow: hidden
}
.index-middle-banner-box {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    overflow: hidden
}
.index-middle-banner-row {
    height: 100%;
    padding: 20px 14px
}
.index-middle-banner-small-box {
    height: 50%
}
.index-middle-banner-item-container {
    width: 100%;
    height: 100%;
    padding: 5px 0
}
.index-middle-banner-box {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0px
}
.index-middle-banner-box p {
    margin: 0
}
.index-middle-banner-box img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.index-middle-banner-box p {
    margin: 0
}
.index-upcoming-movie-container {
    padding: 0
}
.index-upcoming-movie-container .index-upcoming-movie-title {
    padding: 10px 20px;
    border-bottom: 1px solid #dbdbdb
}
.index-upcoming-movie-container .index-upcoming-movie-title a {
    color: #383733;
    font-size: 18px
}
.index-upcoming-movie-carousel-container {
    width: 100%;
    height: 287px;
    padding: 20px 25px 30px 25px;
    position: relative;
    display: none
}
.index-upcoming-movie-carousel-container .index-upcoming-movie-carousel-button {
    position: absolute;
    top: 110px;
    cursor: pointer
}
.index-upcoming-movie-carousel-container .index-upcoming-movie-carousel-prev {
    left: 0
}
.index-upcoming-movie-carousel-container .index-upcoming-movie-carousel-prev:hover {
    width: 11px;
    height: 21px;
    background-position: -396px -913px
}
.index-upcoming-movie-carousel-container .index-upcoming-movie-carousel-next {
    right: 0
}
.index-upcoming-movie-carousel-container .index-upcoming-movie-carousel-next:hover {
    width: 11px;
    height: 21px;
    background-position: -422px -913px
}
.index-upcoming-movie-carousel .owl-item {
    height: 237px;
    width: 150px;
    padding: 0 3px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container {
    width: 100%;
    height: 100%;
    position: relative
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container img {
    position: absolute;
    width: 100%;
    height: 237px;
    top: 0;
    right: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: none;
    padding: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-name {
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar {
    position: absolute;
    top: 185px;
    left: 0;
    background: #fff
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .movie-cover-button-container {
    position: relative
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .button-box {
    position: relative;
    float: left;
    cursor: pointer;
    display: block
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .button-box:focus,
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .button-box:hover {
    background: #f01302
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .movie-cover-button {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .trailer-button {
    width: 36px;
    height: 36px;
    background-position: -518px -801px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .official-site-button {
    width: 36px;
    height: 36px;
    background-position: -2px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .share-button {
    width: 36px;
    height: 36px;
    background-position: -78px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .detail-button {
    width: 36px;
    height: 36px;
    background-position: -154px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .trailer-button:hover {
    width: 36px;
    height: 36px;
    background-position: -230px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .official-site-button:hover {
    width: 36px;
    height: 36px;
    background-position: -192px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .share-button:hover {
    width: 36px;
    height: 36px;
    background-position: -40px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container .cover-shadow .movie-cover-bar .detail-button:hover {
    width: 36px;
    height: 36px;
    background-position: -116px -845px
}
.index-upcoming-movie-carousel .index-upcoming-movie-item-container:hover .cover-shadow {
    display: block
}
@media all and (max-width: 999999px) {
    .index-upcoming-movie-carousel .index-upcoming-movie-item-container:hover .cover-shadow {
        display: none
    }
}
.index-upcoming-movie-carousel .owl-wrapper-outer:before,
.index-upcoming-movie-carousel .owl-wrapper-outer:after {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%
}
.index-upcoming-movie-carousel .owl-wrapper-outer.shadow-left:before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 0 0, 0 0;
    left: 0
}
.index-upcoming-movie-carousel .owl-wrapper-outer.shadow-right:after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 100% 0, 100% 0;
    right: 0
}
.index-bottom-banner-container {
    width: 100%;
    height: 120px;
    padding: 0 0 30px 0;
    overflow: hidden
}
.index-bottom-banner-img-container {
    width: 100%;
    height: 100%;
    position: relative
}
.index-bottom-banner-img-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.index-bottom-banner-img-container p {
    margin: 0
}
#facebookDiv {
    width: 100%;
    padding: 25px 0;
    text-align: center;
    min-height: 350px;
    border: 2px solid #d6d6d6
}
.index-cinema-tab-container {
    padding: 0 0 25px 0
}
.index-cinema-tab-header {
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-bottom: 0;
    position: relative
}
.index-cinema-tab-header a:hover {
    color: inherit;
    text-decoration: none
}
.index-cinema-tab-title {
    font-size: 18px;
    line-height: 1.42857143;
    color: #383733
}
.index-cinema-tab-title:hover {
    font-weight: bold
}
.index-cinema-tab-setting-button {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -448px -913px
}
.index-cinema-tab-content-container {
    border: 2px solid #d6d6d6
}
.menu-cinema-dropdown-content,
.index-cinema-tab-content {
    width: 100%;
    height: 100%;
    padding: 15px
}
.menu-cinema-dropdown-row,
.index-cinema-tab-row {
    width: 100%;
    line-height: 15px;
    padding: 5px 0
}
.menu-cinema-dropdown-empty-row,
.index-cinema-tab-empty-row {
    padding: 0 0 10px 0
}
.index-cinema-tab-district {
    font-size: 14px;
    font-weight: bold
}
.menu-cinema-dropdown-district,
.index-cinema-tab-district {
    min-height: 1px;
    width: 25%;
    float: left;
    color: #9c7738;
    word-wrap: break-word;
    padding: 5px 7px 0 0
}
.menu-cinema-dropdown-name,
.index-cinema-tab-name {
    width: 75%;
    float: right;
    padding: 5px 0 5px 10px;
    border-left: 2px solid transparent;
    margin: 0 0 5px 0
}
.menu-cinema-dropdown-name {
    margin: 0
}
.menu-cinema-dropdown .menu-cinema-dropdown-name>a,
.index-cinema-tab-name a,
.mainmenu li.active .menu-cinema-dropdown-name>a,
.mainmenu li:hover .menu-cinema-dropdown-name>a {
    padding: 0;
    line-height: 15px;
    font-size: 13px;
    color: #383733;
    font-weight: normal
}
.menu-cinema-dropdown-name.prefer-cinema,
.index-cinema-tab-name.prefer-cinema {
    border-left: 2px solid #f30002
}
.mainmenu li.active .menu-cinema-dropdown-name a,
.mainmenu li:hover .menu-cinema-dropdown-name a,
.index-cinema-tab-name a {
    word-wrap: break-word;
    display: inline-block;
    max-width: 100%
}
.mainmenu li.active .menu-cinema-dropdown-name a,
.mainmenu li:hover .menu-cinema-dropdown-name a {
    background: none;
    height: auto
}
.mainmenu li.active .menu-cinema-dropdown-name a:hover,
.mainmenu li:hover .menu-cinema-dropdown-name a:hover,
.mainmenu li.active .menu-cinema-dropdown-name a:focus,
.mainmenu li:hover .menu-cinema-dropdown-name a:focus {
    font-weight: bold
}
.AMC-button-row {
    width: 100%;
    height: 30px;
    padding: 0 10px
}
.AMC-button-container {
    position: relative;
    float: left;
    width: 76px;
    height: 100%
}
.AMC-button-container a {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 76px;
    height: 22px;
    background-position: -78px -913px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.index-right-banner-container {
    width: 100%;
    padding: 0 0 5px 0;
    overflow: hidden
}
.index-right-banner-container .right-banner-item {
    padding: 0 0 15px 0;
    width: 100%
}
.index-right-banner-container .right-banner-item p {
    margin: 0
}
.index-right-banner-container .right-banner-item .right-banner-image-container {
    position: relative;
}
.index-hotline-container .index-hotline-item {
    text-align: center;
    padding: 0 0 35px 0
}
.index-hotline-container .index-hotline-title {
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #383733;
    padding: 0 0 20px 0
}
.index-hotline-container .index-hotline-no {
    font-size: 16px;
    height: 16px;
    line-height: 16px
}
.index-hotline-container .index-hotline-no a {
    color: #787878
}
.promotion-container {
    width: 100%;
    min-height: 200px;
    padding: 0 0 20px 0
}
.promotion-container .promotion-image-container img {
    width: 100%;
    position: relative
}
.promotion-container .promotion-content-container {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px 45px
}
.promotion-container .promotion-content-container p,
.promotion-container .promotion-content-container ul,
.promotion-container .promotion-content-container ol {
    margin: 0
}
.promotion-container .promotion-content-container ol {
    -webkit-padding-start: 20px
}
.promotion-container .promotion-content-container ul {
    -webkit-padding-start: 20px;
    list-style-type: disc
}
.mobile-movie-detail-title,
.mobile-festival-header {
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #383733;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block
}
.movie-select-bar-container {
    width: 100%;
    padding: 10px 0 30px 0
}
.movie-select-bar-container.movie-list-page {
    padding: 10px 0 5px 0
}
.movie-select-bar {
    width: 100%;
    height: 44px;
    background: #ddd;
    padding: 7px 5px
}
.selectboxit-container .selectboxit-options a,
.selectboxit-container .selectboxit-options div {
    white-space: normal !important;
    height: auto !important
}
.cinema-select-container,
.movie-select-container {
    width: 50%;
    height: 100%;
    padding: 0 5px;
    float: left;
    position: relative
}
.movie-select-container .cinema-dropdown-location-name,
.movie-select-container .festival-movie-dropdown-festival-name {
    background: #ddd;
    color: #000;
    line-height: 30px;
    position: relative;
    width: 100%
}
.movie-select-container .cinema-dropdown-name-container {
    padding: 5px
}
.movie-select-container .cinema-dropdown-name {
    line-height: 22px;
    height: 20px;
    font-weight: normal;
    padding: 0 0 0 5px
}
.movie-select-container .selectboxit-options .cinema-dropdown-name-container.prefer-cinema .cinema-dropdown-name {
    border-left: 2px solid red
}
.cinema-select-container {
    width: 30%;
    padding: 13px 5px 7px 20px
}
.selectboxit-option.location-name {
    height: 20px
}
.selectboxit-option.location-name .cinema-dropdown-location-name,
.selectboxit-option.location-name a,
.selectboxit-option.location-name span {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px;
    color: #494949;
    font-weight: bold
}
.movie-select-container .selectboxit-option,
.selectboxit-option.cinema-select-option {
    border-bottom: 1px solid #c5c5c5;
    font-size: 15px;
}
.movie-list-page .movie-select-container {
    width: 32%
}
.movie-schedule-datepicker-contaienr,
.cinema-schedule-datepicker-contaienr {
    position: relative
}
.cinema-schedule-datepicker,
.movie-schedule-datepicker {
    width: 100%;
    height: 29px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer !important;
    border: 0;
    margin: 1px 1px 0 1px;
    border-bottom: 1px solid #b3b3b3;
    background: #fff;
    color: #555 !important;
    opacity: 1 !important
}
.datepicker-arrow-container {
    width: 30px;
    position: absolute;
    right: 1px;
    border-left: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    display: block;
    top: 0;
    cursor: pointer
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    color: #1a1a1a
}
.datepicker td,
.datepicker th {
    width: 30px !important;
    height: 30px !important
}
.datepicker th.datepicker-switch {
    width: 145px !important
}
.datepicker .datepicker-days table,
.datepicker .datepicker-months table,
.datepicker .datepicker-years table {
    width: 100%
}
.datepicker-arrow {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    font-size: 14px;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap
}
.cinema-schedule-datepicker:focus,
.movie-schedule-datepicker:focus {
    outline: none
}
.datepicker.datepicker-dropdown {
    z-index: 9999999999 !important;
    padding: 0
}
.datepicker.datepicker-dropdown thead {
    background: #373737;
    color: #fff;
    display: block;
    padding: 0 7px
}
.datepicker.datepicker-dropdown th {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal
}
.datepicker .datepicker-days tbody {
    display: block;
    padding: 10px
}
.datepicker.datepicker-dropdown tbody tr:first-child .day {
    border-top: 0
}
.datepicker.datepicker-dropdown tbody tr:last-child .day {
    border-bottom: 0
}
.datepicker.datepicker-dropdown tbody tr .day:first-child {
    border-left: 0
}
.datepicker.datepicker-dropdown tbody tr .day:last-child {
    border-right: 0
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.active:focus {
    background-color: #ddd !important;
    background-image: none;
    border-radius: 0;
    color: #000
}
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.active:focus {
    color: #fff
}
.datepicker.datepicker-dropdown tbody .day.today {
    color: #555;
    font-weight: bold;
    background-image: none;
    border-radius: 0;
    background-color: #fff !important
}
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.active:focus {
    background-color: #555 !important
}
.selectboxit .selectboxit-option-icon-container {
    margin-left: 0 !important
}
.selectboxit-option-icon-container {
    height: 0 !important
}
.selectboxit-container div {
    text-indent: 0
}
.movie-select-container .selectboxit-container {
    width: 100%
}
.cinema-select,
.movie-select {
    width: 100% !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #494949
}
.movie-select-container .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor,
.schedule-dropdown-container .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    background-color: #E1E1E1;
    background-image: none;
    color: #333
}
.movie-select-container .selectboxit-option.hover>.selectboxit-option-anchor,
.schedule-dropdown-container .selectboxit-option.hover>.selectboxit-option-anchor,
.movie-select-container .selectboxit-list>*:hover>.selectboxit-option-anchor,
.schedule-dropdown-container .selectboxit-list>*:hover>.selectboxit-option-anchor,
.movie-select-container .selectboxit-list>*:active>.selectboxit-option-anchor,
.schedule-dropdown-container .selectboxit-list>*:active>.selectboxit-option-anchor,
.movie-select-container .selectboxit-list>*:focus>.selectboxit-option-anchor,
.schedule-dropdown-container .selectboxit-list>*:focus>.selectboxit-option-anchor {
    color: #333;
    background-color: #e1e1e1;
    background-image: none
}
.cinema-select .selectboxit-text,
.movie-select .selectboxit-text {
    max-width: 80% !important;
    padding: 0 30px 0 0;
    font-size: 15px;
    color: #000000
}
.cinema-select .selectboxit-arrow-container,
.movie-select .selectboxit-arrow-container {
    border-left: 1px solid #ccc
}
.desktop-movie-info-container {
    padding: 0 0 20px 0
}
.desktop-movie-info-container .movie-info-left-col {
    width: 25%;
    min-height: 1px;
    float: left;
    padding: 0 10px 0 0
}
.desktop-movie-info-container .movie-info-right-col {
    width: 75%;
    float: left;
    padding: 0 0 0 10px
}
.cinema-list-main-container .movie-image-wrapper,
.movie-list-main-container .movie-image-wrapper,
.desktop-movie-info-container .movie-image-wrapper,
.festival-main-container .movie-image-wrapper {
    width: 100%;
    padding: 0;
    min-height: 1px
}
.cinema-list-main-container .movie-image-container,
.movie-list-main-container .movie-image-container,
.desktop-movie-info-container .movie-image-container,
.festival-main-container .movie-image-container {
    min-height: 205px;
    width: 100%;
    position: relative
}
.cinema-list-main-container .movie-image-container img,
.movie-list-main-container .movie-image-container img,
.desktop-movie-info-container .movie-image-container img,
.festival-main-container .movie-image-container img {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.cinema-list-main-container .show-attribute-background,
.movie-list-main-container .show-attribute-background,
.desktop-movie-info-container .show-attribute-background,
.festival-main-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.cinema-list-main-container .show-attribute-container,
.movie-list-main-container .show-attribute-container,
.desktop-movie-info-container .show-attribute-container,
.festival-main-container .show-attribute-container {
    position: absolute;
    right: -14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    font-size: 10px;
    width: 80px;
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 10px;
    color: #fff;
    font-weight: bold
}
.cinema-list-main-container .show-attribute-container .first-line,
.movie-list-main-container .show-attribute-container .first-line,
.desktop-movie-info-container .show-attribute-container .first-line,
.festival-main-container .show-attribute-container .first-line {
    width: 50%;
    margin: 0 auto
}
.cinema-list-main-container .show-attribute-container .second-line,
.movie-list-main-container .show-attribute-container .second-line,
.desktop-movie-info-container .show-attribute-container .second-line,
.festival-main-container .show-attribute-container .second-line {
    width: 100%
}
.cinema-list-main-container .imax-row,
.movie-list-main-container .imax-row,
.desktop-movie-info-container .imax-row,
.festival-main-container .imax-row,
.cinema-list-main-container .movie-3d-row,
.movie-list-main-container .movie-3d-row,
.desktop-movie-info-container .movie-3d-row,
.festival-main-container .movie-3d-row {
    float: left;
    width: 58%;
    padding: 10px 5px 5px 10px
}
.cinema-list-main-container .imax-icon,
.movie-list-main-container .imax-icon,
.desktop-movie-info-container .imax-icon,
.festival-main-container .imax-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 78px;
    height: 16px;
    background-position: -446px -961px
}
.cinema-list-main-container .movie-3d-icon,
.movie-list-main-container .movie-3d-icon,
.desktop-movie-info-container .movie-3d-icon,
.festival-main-container .movie-3d-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 83px;
    height: 16px;
    background-position: -2px -983px
}
.cinema-list-main-container .movie-imax-3d-icon,
.movie-list-main-container .movie-3d-row .movie-imax-3d-icon,
.desktop-movie-info-container .movie-imax-3d-icon,
.festival-main-container .movie-imax-3d-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../../images/spite_common.png');
    vertical-align: middle;
    width: 117px;
    height: 15px;
    background-position: -386px -1003px;
}
.cinema-list-main-container .movie-info-button-row,
.movie-list-main-container .movie-info-button-row,
.desktop-movie-info-container .movie-info-button-row,
.festival-main-container .movie-info-button-row {
    text-align: center;
    padding: 6px 0;
    min-height: 32px
}
.desktop-movie-info-container .movie-image-container img {
    height: 337px
}
.movie-list-main-container .movie-image-container img {
    height: 212px
}
.festival-main-container .movie-image-container img {
    height: 212px
}
.cinema-list-main-container .movie-image-container img {
    height: 265px
}
.movie-detail-container .movie-info-trailer-button-container,
.desktop-movie-info-container .movie-info-trailer-button-container,
.festival-container .movie-info-trailer-button-container,
.cinema-list-main-container .movie-info-trailer-button-container,
.movie-detail-container .movie-info-share-button-container,
.desktop-movie-info-container .movie-info-share-button-container,
.festival-container .movie-info-share-button-container,
.cinema-list-main-container .movie-info-share-button-container,
.movie-detail-container .movie-info-official-site-button-container,
.desktop-movie-info-container .movie-info-official-site-button-container,
.festival-container .movie-info-official-site-button-container,
.cinema-list-main-container .movie-info-official-site-button-container {
    padding: 2px 0;
    text-align: left;
    display: inline-block;
    color: #383733;
    font-size: 12px
}
.movie-detail-container .movie-info-trailer-button-container,
.desktop-movie-info-container .movie-info-trailer-button-container,
.festival-container .movie-info-trailer-button-container,
.cinema-list-main-container .movie-info-trailer-button-container {
    border-right: 1px solid #c5c5c5
}
.movie-detail-container .movie-info-trailer-button,
.desktop-movie-info-container .movie-info-trailer-button,
.festival-container .movie-info-trailer-button,
.cinema-list-main-container .movie-info-trailer-button,
.movie-detail-container .movie-info-share-button,
.desktop-movie-info-container .movie-info-share-button,
.festival-container .movie-info-share-button,
.cinema-list-main-container .movie-info-share-button,
.movie-detail-container .movie-info-official-site-button,
.desktop-movie-info-container .movie-info-official-site-button,
.festival-container .movie-info-official-site-button,
.cinema-list-main-container .movie-info-official-site-button {
    cursor: pointer;
    position: relative;
    padding: 0 10px 0 36px;
    display: inline-block;
    height: 100%;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    color: #383733
}
.movie-detail-container .movie-info-trailer-button:hover,
.desktop-movie-info-container .movie-info-trailer-button:hover,
.festival-container .movie-info-trailer-button:hover,
.cinema-list-main-container .movie-info-trailer-button:hover,
.movie-detail-container .movie-info-share-button:hover,
.desktop-movie-info-container .movie-info-share-button:hover,
.festival-container .movie-info-share-button:hover,
.cinema-list-main-container .movie-info-share-button:hover,
.movie-detail-container .movie-info-official-site-button:hover,
.desktop-movie-info-container .movie-info-official-site-button:hover,
.festival-container .movie-info-official-site-button:hover,
.cinema-list-main-container .movie-info-official-site-button:hover,
.movie-detail-container .movie-info-trailer-button:focus,
.desktop-movie-info-container .movie-info-trailer-button:focus,
.festival-container .movie-info-trailer-button:focus,
.cinema-list-main-container .movie-info-trailer-button:focus,
.movie-detail-container .movie-info-share-button:focus,
.desktop-movie-info-container .movie-info-share-button:focus,
.festival-container .movie-info-share-button:focus,
.cinema-list-main-container .movie-info-share-button:focus,
.movie-detail-container .movie-info-official-site-button:focus,
.desktop-movie-info-container .movie-info-official-site-button:focus,
.festival-container .movie-info-official-site-button:focus,
.cinema-list-main-container .movie-info-official-site-button:focus {
    font-weight: bold
}
.movie-detail-container .movie-info-trailer-button,
.desktop-movie-info-container .movie-info-trailer-button,
.festival-container .movie-info-trailer-button,
.cinema-list-main-container .movie-info-trailer-button {
    padding: 0 10px 0 26px
}
.movie-detail-container .movie-info-official-site-button,
.desktop-movie-info-container .movie-info-official-site-button,
.festival-container .movie-info-official-site-button,
.cinema-list-main-container .movie-info-official-site-button {
    color: #383733
}
.movie-detail-container .movie-info-official-site-button:hover,
.desktop-movie-info-container .movie-info-official-site-button:hover,
.festival-container .movie-info-official-site-button:hover,
.cinema-list-main-container .movie-info-official-site-button:hover,
.movie-detail-container .movie-info-official-site-button:focus,
.desktop-movie-info-container .movie-info-official-site-button:focus,
.festival-container .movie-info-official-site-button:focus,
.cinema-list-main-container .movie-info-official-site-button:focus {
    text-decoration: none
}
.movie-detail-container .movie-info-trailer-icon,
.desktop-movie-info-container .movie-info-trailer-icon,
.festival-container .movie-info-trailer-icon,
.cinema-list-main-container .movie-info-trailer-icon,
.movie-detail-container .movie-info-share-icon,
.desktop-movie-info-container .movie-info-share-icon,
.festival-container .movie-info-share-icon,
.cinema-list-main-container .movie-info-share-icon,
.movie-detail-container .movie-info-official-site-icon,
.desktop-movie-info-container .movie-info-official-site-icon,
.festival-container .movie-info-official-site-icon,
.cinema-list-main-container .movie-info-official-site-icon {
    position: absolute
}
.movie-detail-container .movie-info-trailer-icon,
.desktop-movie-info-container .movie-info-trailer-icon,
.festival-container .movie-info-trailer-icon,
.cinema-list-main-container .movie-info-trailer-icon {
    left: 0;
    top: 4px
}
.movie-detail-container .movie-info-share-icon,
.desktop-movie-info-container .movie-info-share-icon,
.festival-container .movie-info-share-icon,
.cinema-list-main-container .movie-info-share-icon {
    left: 10px;
    top: 3px
}
.movie-detail-container .movie-info-official-site-icon,
.desktop-movie-info-container .movie-info-official-site-icon,
.festival-container .movie-info-official-site-icon,
.cinema-list-main-container .movie-info-official-site-icon {
    left: 10px;
    top: 4px
}
.festival-container .festival-info-trailer-button,
.festival-container .festival-info-share-button,
.festival-container .festival-info-official-site-button {
    cursor: pointer;
    position: relative;
    padding: 0 10px 0 36px;
    display: inline-block;
    height: 100%;
    min-width: 65px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 22px;
    white-space: nowrap
}
.festival-container .festival-info-trailer-button {
    padding: 0 10px 0 26px
}
.festival-container .festival-info-official-site-button {
    color: #555
}
.festival-container .festival-info-official-site-button:hover,
.festival-container .festival-info-official-site-button:focus {
    text-decoration: none
}
.movie-detail-container .movie-info-trailer-button-container,
.movie-detail-container .movie-info-share-button-container,
.movie-detail-container .movie-info-official-site-button-container {
    font-size: 12px
}
.desktop-movie-info-container .movie-title {
    font-size: 24px;
    line-height: 25px;
    color: #383733;
    font-weight: bold
}
.movie-detail-container .movie-sub-info-row,
.desktop-movie-info-container .movie-sub-info-row,
.cinema-list-main-container .movie-sub-info-row,
.mobile-movie-list-main-container .movie-sub-info-row,
.mobile-festival-main-container .movie-sub-info-row {
    padding: 10px 0;
    height: 42px
}
.movie-detail-container .movie-opening-day,
.desktop-movie-info-container .movie-opening-day,
.cinema-list-main-container .movie-opening-day,
.mobile-movie-list-main-container .movie-opening-day,
.mobile-festival-main-container .movie-opening-day,
.movie-detail-container .movie-category-container,
.desktop-movie-info-container .movie-category-container,
.cinema-list-main-container .movie-category-container,
.mobile-movie-list-main-container .movie-category-container,
.mobile-festival-main-container .movie-category-container,
.movie-detail-container .movie-duration-container,
.desktop-movie-info-container .movie-duration-container,
.cinema-list-main-container .movie-duration-container,
.mobile-movie-list-main-container .movie-duration-container,
.mobile-festival-main-container .movie-duration-container,
.movie-detail-container .movie-language-container,
.desktop-movie-info-container .movie-language-container,
.cinema-list-main-container .movie-language-container,
.mobile-movie-list-main-container .movie-language-container,
.mobile-festival-main-container .movie-language-container {
    padding: 0 10px;
    border-right: 1px solid #c5c5c5;
    height: 100%;
    float: left;
    position: relative;
    color: #383733;
    font-size: 12px
}
.movie-detail-container .movie-opening-day,
.desktop-movie-info-container .movie-opening-day,
.cinema-list-main-container .movie-opening-day,
.mobile-movie-list-main-container .movie-opening-day,
.mobile-festival-main-container .movie-opening-day,
.movie-detail-container .movie-duration,
.desktop-movie-info-container .movie-duration,
.cinema-list-main-container .movie-duration,
.mobile-movie-list-main-container .movie-duration,
.mobile-festival-main-container .movie-duration,
.movie-detail-container .movie-language,
.desktop-movie-info-container .movie-language,
.cinema-list-main-container .movie-language,
.mobile-movie-list-main-container .movie-language,
.mobile-festival-main-container .movie-language {
    font-size: 12px;
    line-height: 22px
}
.movie-detail-container .movie-opening-day,
.desktop-movie-info-container .movie-opening-day,
.cinema-list-main-container .movie-opening-day,
.mobile-movie-list-main-container .movie-opening-day,
.mobile-festival-main-container .movie-opening-day,
.movie-detail-container .movie-duration,
.desktop-movie-info-container .movie-duration,
.cinema-list-main-container .movie-duration,
.mobile-movie-list-main-container .movie-duration,
.mobile-festival-main-container .movie-duration,
.movie-detail-container .movie-language,
.desktop-movie-info-container .movie-language,
.cinema-list-main-container .movie-language,
.mobile-movie-list-main-container .movie-language,
.mobile-festival-main-container .movie-language {
    font-size: 12px;
    color: #565551
}
.movie-detail-container .movie-opening-day,
.desktop-movie-info-container .movie-opening-day,
.cinema-list-main-container .movie-opening-day,
.mobile-movie-list-main-container .movie-opening-day,
.mobile-festival-main-container .movie-opening-day {
    padding: 0 10px 0 0
}
.movie-detail-container .movie-category-container,
.desktop-movie-info-container .movie-category-container,
.cinema-list-main-container .movie-category-container,
.mobile-movie-list-main-container .movie-category-container,
.mobile-festival-main-container .movie-category-container {
    min-width: 45px
}
.movie-detail-container .movie-category-icon-container,
.desktop-movie-info-container .movie-category-icon-container,
.cinema-list-main-container .movie-category-icon-container,
.mobile-movie-list-main-container .movie-category-icon-container,
.mobile-festival-main-container .movie-category-icon-container {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative
}
.movie-detail-container .movie-category-icon-container .movie-category-icon,
.desktop-movie-info-container .movie-category-icon-container .movie-category-icon,
.cinema-list-main-container .movie-category-icon-container .movie-category-icon,
.mobile-movie-list-main-container .movie-category-icon-container .movie-category-icon,
.mobile-festival-main-container .movie-category-icon-container .movie-category-icon {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.movie-detail-container .movie-duration-container,
.desktop-movie-info-container .movie-duration-container,
.cinema-list-main-container .movie-duration-container,
.mobile-movie-list-main-container .movie-duration-container,
.mobile-festival-main-container .movie-duration-container {
    padding: 0 10px 0 40px;
    border-right: 0
}
.movie-detail-container .movie-duration-icon,
.desktop-movie-info-container .movie-duration-icon,
.cinema-list-main-container .movie-duration-icon,
.mobile-movie-list-main-container .movie-duration-icon,
.mobile-festival-main-container .movie-duration-icon {
    position: absolute;
    top: 1px;
    left: 10px
}
.movie-detail-container .movie-language-container,
.desktop-movie-info-container .movie-language-container,
.cinema-list-main-container .movie-language-container,
.mobile-movie-list-main-container .movie-language-container,
.mobile-festival-main-container .movie-language-container {
    padding: 0 10px 0 38px;
    border-right: 0;
    border-left: 1px solid #c5c5c5
}
.movie-detail-container .movie-detail-container .movie-language,
.desktop-movie-info-container .movie-detail-container .movie-language,
.cinema-list-main-container .movie-detail-container .movie-language,
.mobile-movie-list-main-container .movie-detail-container .movie-language,
.mobile-festival-main-container .movie-detail-container .movie-language,
.movie-detail-container .movie-language,
.desktop-movie-info-container .movie-language,
.cinema-list-main-container .movie-language,
.mobile-movie-list-main-container .movie-language,
.mobile-festival-main-container .movie-language {
    height: 100%;
    overflow: hidden;
}
.movie-detail-container .movie-language-icon,
.desktop-movie-info-container .movie-language-icon,
.cinema-list-main-container .movie-language-icon,
.mobile-movie-list-main-container .movie-language-icon,
.mobile-festival-main-container .movie-language-icon {
    position: absolute;
    top: 3px;
    left: 10px
}
.movie-detail-container .show-attribute-background,
.desktop-movie-info-container .show-attribute-background,
.cinema-list-main-container .show-attribute-background,
.mobile-movie-list-main-container .show-attribute-background,
.mobile-festival-main-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.movie-detail-container .show-attribute-container,
.desktop-movie-info-container .show-attribute-container,
.cinema-list-main-container .show-attribute-container,
.mobile-movie-list-main-container .show-attribute-container,
.mobile-festival-main-container .show-attribute-container {
    position: absolute;
    right: -14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    font-size: 10px;
    width: 80px;
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 10px;
    color: #fff;
    font-weight: bold
}
.movie-detail-container .show-attribute-container .first-line,
.desktop-movie-info-container .show-attribute-container .first-line,
.cinema-list-main-container .show-attribute-container .first-line,
.mobile-movie-list-main-container .show-attribute-container .first-line,
.mobile-festival-main-container .show-attribute-container .first-line {
    width: 50%;
    margin: 0 auto
}
.movie-detail-container .show-attribute-container .second-line,
.desktop-movie-info-container .show-attribute-container .second-line,
.cinema-list-main-container .show-attribute-container .second-line,
.mobile-movie-list-main-container .show-attribute-container .second-line,
.mobile-festival-main-container .show-attribute-container .second-line {
    width: 100%
}
.mobile-movie-list-main-container .movie-duration-container,
.mobile-festival-main-container .movie-duration-container {
    border: 0
}
.movie-detail-container .movie-detail-button-row,
.desktop-movie-info-container .movie-detail-button-row,
.cinema-list-main-container .movie-detail-button-row,
.festival-container .movie-detail-button-row {
    padding: 0 0 10px 0;
    height: 32px;
    position: relative
}
.movie-detail-container .imax-3d-row,
.desktop-movie-info-container .imax-3d-row,
.cinema-list-main-container .imax-3d-row,
.festival-container .imax-3d-row {
    text-align: right
}
.movie-detail-container .movie-info-share-button-container,
.desktop-movie-info-container .movie-info-share-button-container,
.cinema-list-main-container .movie-info-share-button-container,
.festival-container .movie-info-share-button-container,
.movie-detail-container .movie-info-official-site-button-container,
.desktop-movie-info-container .movie-info-official-site-button-container,
.cinema-list-main-container .movie-info-official-site-button-container,
.festival-container .movie-info-official-site-button-container {
    border-right: 1px solid #c5c5c5
}
.movie-detail-container .movie-info-official-site-button-container,
.desktop-movie-info-container .movie-info-official-site-button-container,
.cinema-list-main-container .movie-info-official-site-button-container,
.festival-container .movie-info-official-site-button-container {
    width: auto
}
.festival-container .movie-info-trailer-button-container,
.festival-container .movie-info-share-button-container,
.festival-container .movie-info-official-site-button-container {
    border-right: 1px solid #fff
}
.festival-container .festival-info-trailer-button,
.festival-container .festival-info-share-button,
.festival-container .festival-info-official-site-button {
    color: #fff
}
.festival-container .movie-info-trailer-icon,
.festival-container .movie-info-official-site-icon,
.festival-container .movie-info-share-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    top: -7px;
    left: -6px
}
.festival-container .movie-info-official-site-icon,
.festival-container .movie-info-share-icon {
    left: 0
}
.festival-container .movie-info-trailer-icon {
    width: 36px;
    height: 36px;
    background-position: -230px -845px
}
.festival-container .movie-info-official-site-icon {
    width: 36px;
    height: 36px;
    background-position: -192px -845px
}
.festival-container .movie-info-share-icon {
    width: 36px;
    height: 36px;
    background-position: -40px -845px
}
.festival-container .grey .movie-info-trailer-icon {
    width: 36px;
    height: 36px;
    background-position: -518px -801px
}
.festival-container .grey .movie-info-official-site-icon {
    width: 36px;
    height: 36px;
    background-position: -2px -845px
}
.festival-container .grey .movie-info-share-icon {
    width: 36px;
    height: 36px;
    background-position: -78px -845px
}
.festival-container .movie-info-share-button-container {
    border: 0
}
.festival-container .movie-detail-button-row {
    float: right;
    padding: 0;
    height: 22px
}
.cinema-list-main-container .fb-like,
.movie-detail-container .fb-like,
.desktop-movie-info-container .fb-like {
    vertical-align: middle;
    left: 10px
}
.trailer-popup,
.festival-trailer-popup {
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 250px
}
.trailer-popup .modal-dialog,
.festival-trailer-popup .modal-dialog,
.trailer-popup .modal-content,
.festival-trailer-popup .modal-content,
.trailer-popup .modal-body,
.festival-trailer-popup .modal-body {
    width: auto
}
.trailer-popup .modal-dialog,
.festival-trailer-popup .modal-dialog {
    margin: 0
}
.trailer-popup .modal-content,
.festival-trailer-popup .modal-content {
    border: 0;
    border-radius: 0
}
.trailer-popup .modal-body,
.festival-trailer-popup .modal-body {
    padding: 0;
    overflow: visible !important
}
.desktop-movie-info-container {
    font-size: 14px;
    line-height: 20px
}
.desktop-movie-info-container .movie-sysnopsis-container {
    padding: 0 0 40px 0
}
.desktop-movie-info-container .movie-sysnopsis-title {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0 10px 0;
    font-weight: bold;
    color: #383733
}
.desktop-movie-info-container .movie-director-container,
.desktop-movie-info-container .movie-artist-container {
    padding: 0 0 5px 0;
    font-size: 14px;
    line-height: 25px;
    color: #383733
}
.desktop-movie-info-container .movie-director-container {
    padding: 0 0 5px 0
}
.desktop-movie-info-container .movie-director-title,
.desktop-movie-info-container .movie-artist-title {
    float: left;
    padding: 0 25px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #383733;
    width: 80px
}
.desktop-movie-detail-bottom-part {
    width: 100%
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-left-col,
.desktop-movie-detail-bottom-part .desktop-movie-detail-right-col {
    float: left
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-left-col {
    padding: 0 10px 0 0
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-right-col {
    padding: 0 0 0 10px
}
.mobile-movie-info-container {
    padding: 15px 15px 25px 15px
}
.mobile-movie-info-container .mobile-movie-info-left-col,
.mobile-movie-info-container .mobile-movie-info-right-col {
    float: left;
    min-height: 1px
}
.mobile-movie-info-container .mobile-movie-info-left-col {
    width: 40%
}
.mobile-movie-info-container .mobile-movie-info-right-col {
    padding: 0 0 0 10px;
    width: 60%
}
.mobile-movie-info-container .movie-image-container {
    min-height: 205px;
    position: relative;
    width: 100%;
    max-width: 200px
}
.mobile-movie-info-container .movie-image-container img {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.mobile-movie-info-container .movie-title,
.mobile-movie-info-container .movie-open-date,
.mobile-movie-info-container .movie-duration,
.mobile-movie-info-container .movie-language {
    font-size: 12px;
    color: #494949;
    line-height: 20px
}
.mobile-movie-info-container .movie-title {
    font-size: 20px;
    font-weight: bold;
    color: #383733;
    word-wrap: break-word;
    padding: 0 0 15px 0
}
.mobile-movie-info-container .movie-open-date {
    padding: 0 0 10px 0
}
.mobile-movie-info-container .movie-duration {
    padding: 10px 0 10px 25px;
    position: relative
}
.mobile-movie-info-container .movie-duration-icon {
    position: absolute;
    top: 10px;
    left: 0
}
.mobile-movie-info-container .movie-language {
    position: relative;
    padding: 0 10px 0 25px
}
.mobile-movie-info-container .movie-language-icon {
    position: absolute;
    top: 0;
    left: 0
}
.mobile-movie-info-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.mobile-movie-info-container .show-attribute-container {
    position: absolute;
    right: -14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    font-size: 10px;
    width: 80px;
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 10px;
    color: #fff;
    font-weight: bold
}
.mobile-movie-info-container .show-attribute-container .first-line {
    width: 50%;
    margin: 0 auto
}
.mobile-movie-info-container .show-attribute-container .second-line {
    width: 100%
}
.mobile-movie-info-container .imax-row,
.mobile-movie-info-container .movie-3d-row {
    float: left;
    width: 58%;
    padding: 20px 5px 0 0
}
.mobile-movie-info-container .imax-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 78px;
    height: 16px;
    background-position: -446px -961px
}
.mobile-movie-info-container .movie-3d-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 83px;
    height: 16px;
    background-position: -2px -983px
}
.mobile-movie-info-container .movie-4dx-icon {
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/logo-4dx-selected.png');
    background-size: 185px 100px;
    vertical-align: middle;
    width: 124px;
    height: 50px;
    background-position: -50px -35px;
    margin: 10px 0 -25px 0;
}
.mobile-movie-info-container .movie-imax-3d-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 117px;
    height: 15px;
    background-position: -386px -1003px
}
.mobile-movie-description-button {
    position: relative;
    height: 60px;
    width: 100%;
    line-height: 20px;
    text-align: left;
    background: #383733;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    border: 0;
    border-bottom: 2px solid #fff
}
.mobile-movie-description-button:focus {
    outline: none
}
.mobile-movie-description-button .mobile-movie-description-button-arrow {
    position: absolute;
    right: 20px;
    top: 20px
}
.mobile-movie-description-inner-container {
    padding: 5px 20px 0 20px
}
.mobile-movie-description-inner-container .mobile-movie-sysnopsis-container,
.mobile-movie-description-inner-container .mobile-movie-director-container {
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #383733
}
.mobile-movie-description-inner-container .mobile-movie-actor-container {
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #383733
}
.mobile-movie-description-inner-container .mobile-movie-sysnopsis-title,
.mobile-movie-description-inner-container .mobile-movie-director-title,
.mobile-movie-description-inner-container .mobile-movie-actor-title {
    line-height: 16px;
    font-size: 14px;
    padding: 10px 0;
    font-weight: bold
}
.mobile-movie-button-container {
    padding: 0 0 15px 0
}
.mobile-movie-button-container .mobile-movie-button-row {
    height: 45px;
    border-top: 2px solid #c5c5c5;
    text-align: center
}
.mobile-movie-button-container .mobile-movie-button {
    float: left;
    height: 100%;
    width: 100%;
    cursor: pointer;
    text-align: center
}
.mobile-movie-button-container .mobile-movie-button-text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    line-height: 44px;
    font-size: 16px
}
.mobile-movie-button-container .mobile-movie-button-text:hover,
.mobile-movie-button-container .mobile-movie-button-text:focus {
    font-weight: bold
}
.mobile-movie-button-container .mobile-movie-button-icon {
    position: absolute;
    top: 13px;
    left: 0
}
.mobile-movie-button-container .mobile-movie-button.half-width {
    width: 50%;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5
}
.mobile-movie-button-container .mobile-movie-button.half-width.first-item {
    border-left: 0
}
.mobile-movie-button-container .mobile-movie-button.half-width.last-item {
    border-right: 0
}
.mobile-movie-button-container .mobile-official-site-button {
    color: #555
}
.mobile-movie-button-container .mobile-movie-button-row .fb-like {
    top: 10px
}
.mobile-movie-schedule-header,
.mobile-nowshowing-schedule-header {
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: left;
    background: #383733;
    color: #fff;
    font-size: 18px;
    padding: 0 50px;
    border: 0;
    position: relative;
    font-weight: bold
}
.mobile-nowshowing-schedule-header {
    text-align: center
}
.mobile-movie-schedule-header-icon {
    position: absolute;
    left: 12px;
    top: 2px
}
.mobile-movie-schedule-container .panel-group {
    margin: 0 0 4px 0
}
.mobile-movie-schedule-container .panel-heading {
    padding: 0
}
.mobile-movie-schedule-container .panel-heading a {
    width: 100%;
    display: block;
    padding: 15px;
    position: relative;
    line-height: 30px
}
.mobile-movie-schedule-container .panel-heading a .movie-detail-cinema-location-header-arrow {
    position: absolute;
    right: 20px;
    top: 25px
}
.mobile-movie-schedule-container .panel-body {
    padding: 0 5px
}
.mobile-movie-schedule-container .mobile-schedule-row {
    padding: 20px 0 40px;
    border-bottom: 2px solid #d4d4d4
}
.mobile-movie-schedule-container .mobile-schedule-row.last-item {
    border-bottom: 0
}
.mobile-movie-schedule-container .cinema-name {
    height: 30px;
    padding: 0 0 10px 0
}
.mobile-movie-schedule-container .cinema-name a {
    font-size: 18px;
    line-height: 20px;
    color: #000
}
.mobile-schedule-row .schedule-dropdown-container {
    height: 50px;
    padding: 0 15px 0 0
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .schedule-dropdown-container {
        padding-right: 25px
    }
}
.mobile-schedule-row .schedule-dropdown-container .selectboxit-container,
.mobile-schedule-row .schedule-dropdown-container .selectboxit,
.mobile-schedule-row .schedule-dropdown-container .selectboxit-text,
.mobile-schedule-row .schedule-dropdown-container .selectboxit-arrow-container {
    height: 100%
}
.mobile-schedule-row .schedule-dropdown-container .selectboxit-container,
.mobile-schedule-row .schedule-dropdown-container .selectboxit,
.mobile-schedule-row .schedule-dropdown-container .selectboxit-text {
    width: 100% !important;
    overflow: visible;
    height: 70px;
}
.mobile-schedule-row .schedule-dropdown-container .movie-schedule-item-container {
    padding: 5px 0;
    border: 1px solid #c5c5c5;
    height: 100%;
    width: 100%;
    border-left: 0
}
.mobile-schedule-row .schedule-dropdown-container .selectboxit-options .movie-schedule-item-container {
    border: 0;
    padding: 0
}
.mobile-schedule-row .movie-schedule-dropdown {
    width: 300px !important;
    background: none !important;
    border: none !important;
    padding: 0 35px 0 0 !important;
    border-radius: 0 !important
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .movie-schedule-dropdown {
        width: 480px !important
    }
}
.mobile-schedule-row .selectboxit-text {
    max-width: 9999px !important;
    width: 270px;
    background: #fff
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .selectboxit-text {
        width: 448px
    }
}
.mobile-schedule-row .movie-schedule-dropdown .selectboxit-arrow-container {
    border: 1px solid #c5c5c5;
    background: #fff
}
.mobile-schedule-row .movie-schedule-date,
.mobile-schedule-row .movie-schedule-time,
.mobile-schedule-row .movie-schedule-house-no,
.mobile-schedule-row .movie-schedule-price {
    float: left;
    height: 100%;
    line-height: 40px;
    border-right: 1px solid #c5c5c5;
    text-align: center;
    font-weight: bold;
    font-size: 11px
}
.mobile-schedule-row .movie-schedule-date.full,
.mobile-schedule-row .movie-schedule-time.full,
.mobile-schedule-row .movie-schedule-house-no.full,
.mobile-schedule-row .movie-schedule-price.full {
    color: #c5c5c5
}
.mobile-schedule-row .movie-schedule-date {
    width: 27%
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .movie-schedule-date {
        font-size: 14px;
        font-weight: bold
    }
}
.mobile-schedule-row .movie-schedule-time {
    position: relative;
    width: 23%
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .movie-schedule-time {
        font-size: 14px;
        font-weight: bold
    }
}
.mobile-schedule-row .movie-schedule-time .show-attribute {
    position: absolute;
    width: 100%;
    line-height: 15px;
    font-size: 11px;
    height: 15px !important;
    overflow: hidden;
    word-wrap: break-word;
    font-weight: normal;
    top: -3px
}
.mobile-schedule-row .cinema-full-text {
    display: block;
    padding: 0 5px;
    color: #f00;
    position: absolute;
    bottom: -4px;
    width: 100%;
    line-height: 1
}
.mid-night-show-text {
    display: block;
    padding: 0 5px;
    position: absolute;
    bottom: -4px;
    width: 100%;
    line-height: 1 !important;
    font-size: 12px !important;
    font-weight: normal
}
.mobile-schedule-row .movie-schedule-house-no,
.mobile-schedule-row .movie-schedule-price {
    font-size: 11px;
    font-weight: bold
}
.mobile-schedule-row .movie-schedule-house-no {
    font-size: 11px;
    width: 33%
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .movie-schedule-house-no {
        font-size: 14px
    }
}
.mobile-schedule-row .movie-schedule-price {
    font-size: 11px;
    font-weight: bold;
    width: 16%
}
@media screen and (min-width: 600px) {
    .mobile-schedule-row .movie-schedule-price {
        font-size: 14px
    }
}
.mobile-schedule-row .movie-schedule-price {
    border-right: 0
}
.selectboxit-options {
    max-width: 100%
}
.mobile-schedule-row .selectboxit-options a {
    height: 70px !important;
    padding: 5px 2px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.mobile-schedule-row .selectboxit-option-last a {
    border: 0
}
.mobile-schedule-row .selectboxit-options,
.mobile-schedule-row .selectboxit-option {
    border-radius: 0 !important
}
.mobile-schedule-row .selectboxit-option.next-date {
    border-top: 4px solid #c5c5c5
}
.mobile-movie-schedule-container .movie-schedule-remarks-container {
    padding: 15px 20px;
    text-align: right
}
.mobile-movie-schedule-container .movie-schedule-remarks-container p {
    margin: 0
}
.movie-schedule-by-cinema-district-row .selectboxit-options {
    left: 4px
}
@media all and (max-width: 999999px) {
    .schedule-dropdown-container .selectboxit-options {
        max-height: 285px !important
    }
}
.schedule-dropdown-container .selectboxit-options .first-visible {
    border-top: 5px solid #000
}
.schedule-dropdown-container .selectboxit-options .last-visible {
    border-bottom: 5px solid #000
}
.cinema-detail-schedule-list {
    padding: 30px 0 0 0
}
.cinema-detail-schedule-list .tab-content {
    padding: 0
}
.cinema-detail-schedule-list .mobile-cinema-schedule-title {
    height: 50px;
    width: 100%;
    background: #383733;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding: 0 0 0 40px
}
.cinema-detail-schedule-list .mobile-cinema-schedule-title-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-position: -116px -845px;
    position: absolute;
    top: 6px;
    left: 5px
}
.cinema-detail-schedule-list .tab-background,
.movie-detail-schedule-list .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.cinema-detail-schedule-list .nav-tabs,
.movie-detail-schedule-list .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #383733
}
@media all and (max-width: 999999px) {
    .cinema-detail-schedule-list .nav-tabs {
        border: 0
    }
}
.cinema-detail-schedule-list .nav-tabs>li,
.movie-detail-schedule-list .nav-tabs>li {
    padding: 5px 0 0 0
}
.cinema-detail-schedule-list .nav-tabs>li.active,
.movie-detail-schedule-list .nav-tabs>li.active {
    background: #383733;
    padding: 0;
    font-size: 18px;
    color: #fff;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.cinema-detail-schedule-list .nav-tabs>li>a,
.movie-detail-schedule-list .nav-tabs>li>a {
    padding: 10px 15px 10px 45px;
    position: relative;
    line-height: 23px;
    color: #555
}
.cinema-detail-schedule-list .nav-tabs>li>a:hover,
.cinema-detail-schedule-list .nav-tabs>li>a:focus,
.movie-detail-schedule-list .nav-tabs>li>a:hover,
.movie-detail-schedule-list .nav-tabs>li>a:focus {
    background: none;
    border: none;
    padding: 11px 16px 11px 46px
}
.cinema-detail-schedule-list .nav-tabs>li.active>a,
.movie-detail-schedule-list .nav-tabs>li.active>a {
    padding: 10px 20px 10px 50px;
    border: 0;
    background: #383733;
    color: #fff;
    height: 50px;
    line-height: 30px
}
.cinema-detail-schedule-list .cinema-schedule-icon,
.movie-detail-schedule-list .movie-schedule-icon {
    position: absolute;
    left: 10px;
    top: 2px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-position: -116px -845px
}
.cinema-detail-schedule-list a:hover .cinema-schedule-icon,
.cinema-detail-schedule-list a:focus .cinema-schedule-icon,
.movie-detail-schedule-list a:hover .movie-schedule-icon,
.movie-detail-schedule-list a:focus .movie-schedule-icon {
    top: 3px;
    left: 11px
}
.cinema-detail-schedule-list li.active .cinema-schedule-icon,
.cinema-detail-schedule-list li.active a:hover .cinema-schedule-icon,
.cinema-detail-schedule-list li.active a:focus .cinema-schedule-icon,
.movie-detail-schedule-list li.active .movie-schedule-icon,
.movie-detail-schedule-list li.active a:hover .movie-schedule-icon,
.movie-detail-schedule-list li.active a:focus .movie-schedule-icon {
    top: 5px;
    left: 15px
}
.movie-detail-schedule-list .movie-schedule-by-cinema-button-container,
.movie-detail-schedule-list .movie-schedule-by-date-button-container {
    position: relative;
    float: right;
    line-height: 33px;
    top: 5px
}
.movie-detail-schedule-list .movie-schedule-by-cinema-button,
.movie-detail-schedule-list .movie-schedule-by-date-button {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 15px 0 40px;
    color: #000
}
.movie-detail-schedule-list .tab-pane {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 3px solid #000;
    padding: 5px 0
}
.movie-schedule-by-cinema-district-row {
    position: relative;
    width: 100%;
    padding: 0 20px
}
.movie-schedule-by-cinema-district-row .cinema-district {
    position: relative;
    font-size: 13px;
    color: #9c7738;
    line-height: 25px;
    width: 90px;
    float: left;
    padding: 27px 0 0 0;
    word-wrap: break-word;
    font-weight: bold
}
.movie-schedule-by-cinema-district-row .cinema-container {
    float: left
}
.movie-schedule-by-cinema-district-row .cinema-row {
    width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #d1d7de;
    padding: 15px 0
}
.movie-schedule-by-cinema-district-row .cinema-row.last {
    border-bottom: 0
}
.movie-schedule-by-cinema-district-row .cinema-name {
    font-size: 18px;
    line-height: 50px;
    width: 220px;
    padding: 0 10px;
    float: left;
    word-wrap: break-word;
    text-align: left;
    padding: 15px 0;
}
.movie-schedule-by-cinema-district-row .cinema-name a {
    font-size: 13px;
    font-weight: normal;
    color: #383733
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container {
    height: 50px;
    float: left
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-container,
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit,
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-text,
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-arrow-container {
    height: 70px
}
@media all and (max-width: 999999px) {
    .movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-container,
    .movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit,
    .movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-text {
        width: 100% !important
    }
}
.schedule-dropdown-container .selectboxit-open .selectboxit-text {
    opacity: .4
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .movie-schedule-item-container {
    padding: 5px 0;
    border: 1px solid #c5c5c5;
    height: 100%;
    width: 100%;
    border-left: 0
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-options .movie-schedule-item-container {
    border: 0;
    padding: 0
}
.movie-schedule-by-cinema-district-row .movie-schedule-dropdown {
    width: 380px !important;
    background: none !important;
    border: none !important;
    padding: 0 35px 0 0 !important;
    border-radius: 0 !important
}
.movie-schedule-by-cinema-district-row .selectboxit-text {
    max-width: 9999px !important;
    width: 348px;
    background: #fff
}
.movie-schedule-by-cinema-district-row .movie-schedule-dropdown .selectboxit-arrow-container {
    border: 1px solid #c5c5c5;
    background: #fff
}
.movie-schedule-by-cinema-district-row .movie-schedule-date,
.movie-schedule-by-cinema-district-row .movie-schedule-time,
.movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.movie-schedule-by-cinema-district-row .movie-schedule-price {
    float: left;
    height: 100%;
    line-height: 40px;
    border-right: 1px solid #c5c5c5;
    text-align: center;
    color: #494949;
    font-weight: bold
}
.movie-schedule-price.houseNameTooLong.macau_price {
    line-height: 15px;
    margin-top: 5px;
}
.movie-schedule-by-cinema-district-row .movie-schedule-date.full,
.movie-schedule-by-cinema-district-row .movie-schedule-time.full,
.movie-schedule-by-cinema-district-row .movie-schedule-house-no.full,
.movie-schedule-by-cinema-district-row .movie-schedule-price.full {
    color: #c5c5c5
}
.movie-schedule-by-cinema-district-row .movie-schedule-date {
    width: 90px;
    font-size: 13px;
    font-weight: bold
}
.movie-schedule-by-cinema-district-row .movie-schedule-time {
    width: 120px;
    position: relative;
    font-size: 13px;
    font-weight: bold
}
.movie-schedule-by-cinema-district-row .movie-schedule-time .show-attribute {
    position: absolute;
    width: 100%;
    line-height: 15px;
    font-size: 11px;
    height: 15px !important;
    overflow: hidden;
    word-wrap: break-word;
    font-weight: normal;
    top: -3px
}
.movie-schedule-by-cinema-district-row .cinema-full-text {
    display: block;
    padding: 0 5px;
    color: #f30002;
    position: absolute;
    bottom: -4px;
    width: 100%;
    line-height: 1
}
.movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.movie-schedule-by-cinema-district-row .movie-schedule-price {
    width: 65px;
    font-size: 12px
}
.movie-schedule-by-cinema-district-row .movie-schedule-house-no {
    font-size: 12px
}
.movie-schedule-by-cinema-district-row .movie-schedule-house-no div{
    display:inline-block;
    font-size: 12px;
    white-space: pre-wrap;
    line-height: 20px;
    width: 80%;
}
.movie-schedule-by-cinema-district-row .movie-schedule-price {
    font-size: 13px;
    font-weight: bold
}
.movie-schedule-by-cinema-district-row .movie-schedule-price {
    border-right: 0
}
.movie-schedule-by-cinema-district-row .selectboxit-options a {
    height: 70px !important;
    padding: 5px 2px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.movie-schedule-by-cinema-district-row .selectboxit-options .selectboxit-option.next-date {
    border-top: 4px solid #c5c5c5
}
.movie-schedule-by-cinema-district-row .selectboxit-options,
.movie-schedule-by-cinema-district-row .selectboxit-option {
    border-radius: 0 !important
}
.movie-schedule-by-cinema-district-row .selectboxit-options {
    left: 4px
}
.cinema-detail-schedule-list .cinema-schdule-switch-button-container,
.movie-list-page.movie-select-bar-container .movie-schdule-switch-button-container {
    float: right
}
.cinema-detail-schedule-list .cinema-schdule-switch-button-container {
    padding: 12px 0 8px 0
}
.cinema-detail-schedule-list .cinema-schedule-by-date-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-movie-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-imax-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-vip-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-4dx-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-reald-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-thx-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-cgs-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button-container,
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-thx-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button-container,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button-container {
    position: relative;
    float: left;
    line-height: 30px
}
/*.cinema-detail-schedule-list .cinema-schedule-by-date-icon,
.cinema-detail-schedule-list .cinema-schedule-by-movie-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-icon{
    position: absolute;
    left: 4px;
    top: 8px
}*/
.cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:60px;height:10px;background-position:-70px -1020px;}
.cinema-detail-schedule-list .cinema-schedule-by-imax-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:53px;height:10px;background-position:-179px -1004px}
.cinema-detail-schedule-list .cinema-schedule-by-vip-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:14px;height:14px;background-position:-87px -1002px}
.cinema-detail-schedule-list .cinema-schedule-by-4dx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-4dx.png");background-size: 95px 67px;vertical-align:middle;width:45px;height:27px;background-position: -23px -21px;}
.cinema-detail-schedule-list .cinema-schedule-by-reald-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-reald.png");background-size: 58px 14px;vertical-align:middle;width:60px;height:14px;background-position:2px 0px;}
.cinema-detail-schedule-list .cinema-schedule-by-thx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-thx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-thx.png");background-size: 40px 14px;vertical-align:middle;width:43px;height:14px;background-position:3px 0px;}
.cinema-detail-schedule-list .cinema-schedule-by-cgs-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-cgs.png");background-size: 46px 12px;vertical-align:middle;width:48px;height:14px;background-position:1px 1px;}
.cinema-detail-schedule-list .cinema-schedule-by-dolby-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-dolby.png");background-size: contain;vertical-align:middle;width:48px;height:30px;background-position:center;}
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-mx4d.png");background-size: contain;vertical-align:middle;width:48px;height:30px;background-position:center;}
.cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button:hover .cinema-schedule-by-moviemaxx-icon,
.cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button.active .cinema-schedule-by-moviemaxx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-button:hover .movie-schedule-by-moviemaxx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-button.active .movie-schedule-by-moviemaxx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:60px;height:10px;background-position:0px -1020px;}
.cinema-detail-schedule-list .cinema-schedule-by-imax-button:hover .cinema-schedule-by-imax-icon,
.cinema-detail-schedule-list .cinema-schedule-by-imax-button.active .cinema-schedule-by-imax-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button:hover .movie-schedule-by-imax-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button.active .movie-schedule-by-imax-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:53px;height:11px;background-position:-109px -1004px}
.cinema-detail-schedule-list .cinema-schedule-by-vip-button:hover .cinema-schedule-by-vip-icon,
.cinema-detail-schedule-list .cinema-schedule-by-vip-button.active .cinema-schedule-by-vip-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button:hover .movie-schedule-by-vip-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button.active .movie-schedule-by-vip-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(spite_common.png);background-image:url("../../images/spite_common.png");vertical-align:middle;width:14px;height:14px;background-position:-61px -1002px}
.cinema-detail-schedule-list .cinema-schedule-by-4dx-button:hover .cinema-schedule-by-4dx-icon,
.cinema-detail-schedule-list .cinema-schedule-by-4dx-button.active .cinema-schedule-by-4dx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-button:hover .movie-schedule-by-4dx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-button.active .movie-schedule-by-4dx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-4dx-selected.png");background-size: 95px 67px;vertical-align:middle;width:45px;height:27px;background-position: -23px -21px;}
.cinema-detail-schedule-list .cinema-schedule-by-reald-button:hover .cinema-schedule-by-reald-icon,
.cinema-detail-schedule-list .cinema-schedule-by-reald-button.active .cinema-schedule-by-reald-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-button:hover .movie-schedule-by-reald-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-button.active .movie-schedule-by-reald-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-reald-selected.png");background-size: 58px 14px;vertical-align:middle;width:60px;height:14px;background-position:2px 0px;}
.cinema-detail-schedule-list .cinema-schedule-by-thx-button:hover .cinema-schedule-by-thx-icon,
.cinema-detail-schedule-list .cinema-schedule-by-thx-button.active .cinema-schedule-by-thx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-thx-button:hover .movie-schedule-by-thx-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-thx-button.active .movie-schedule-by-thx-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-thx-selected.png");background-size: 40px 14px;vertical-align:middle;width:43px;height:14px;background-position:3px 0px;}
.cinema-detail-schedule-list .cinema-schedule-by-cgs-button:hover .cinema-schedule-by-cgs-icon,
.cinema-detail-schedule-list .cinema-schedule-by-cgs-button.active .cinema-schedule-by-cgs-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-button:hover .movie-schedule-by-cgs-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-button.active .movie-schedule-by-cgs-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-cgs-selected.png");background-size: 46px 12px;vertical-align:middle;width:48px;height:14px;background-position:1px 1px;}
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button:hover .cinema-schedule-by-dolby-icon,
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button.active .cinema-schedule-by-dolby-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button:hover .movie-schedule-by-dolby-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button.active .movie-schedule-by-dolby-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-dolby-selected.png");background-size: contain;vertical-align:middle;width:48px;height:30px;background-position: center;}
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button:hover .cinema-schedule-by-mx4d-icon,
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button.active .cinema-schedule-by-mx4d-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button:hover .movie-schedule-by-mx4d-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button.active .movie-schedule-by-mx4d-icon{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url("../../images/logo-mx4d-selected.svg");background-size: contain;vertical-align:middle;width:48px;height:30px;background-position: center;}
.cinema-detail-schedule-list .cinema-schedule-by-date-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-position: -177px -983px
}
.cinema-detail-schedule-list .cinema-schedule-by-date-button:hover .cinema-schedule-by-date-icon,
.cinema-detail-schedule-list .cinema-schedule-by-date-button.active .cinema-schedule-by-date-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button:hover .movie-schedule-by-date-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button.active .movie-schedule-by-date-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-position: -123px -983px
}
.cinema-detail-schedule-list .cinema-schedule-by-movie-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-position: -150px -983px
}
.cinema-detail-schedule-list .cinema-schedule-by-movie-button:hover .cinema-schedule-by-movie-icon,
.cinema-detail-schedule-list .cinema-schedule-by-movie-button.active .cinema-schedule-by-movie-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button:hover .movie-schedule-by-movie-icon,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button.active .movie-schedule-by-movie-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background-position: -204px -983px
}
.cinema-detail-schedule-list .cinema-schedule-by-vip-button,
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button,
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button,
.cinema-detail-schedule-list .cinema-schedule-by-date-button,
.cinema-detail-schedule-list .cinema-schedule-by-movie-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button {
    display: block;
    position: relative;
    height: 100%;
    /*padding: 0 15px 0 40px;*/
    color: #b3b3b3;
    font-weight: bold;
    font-size: 14px
}
.cinema-detail-schedule-list .cinema-schedule-by-vip-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button{display:block;position:relative;height:100%;padding:0 0px 0 3px;color:#b3b3b3;font-weight:bold;font-size:14px}
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button,
.cinema-detail-schedule-list .cinema-schedule-by-imax-button{text-decoration:none;display:block;position:relative;height:100%;padding:0 0px 0 5px;color:#b3b3b3;font-weight:bold;font-size:14px;}
.movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-button,
.cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button{text-decoration:none;display:block;position:relative;height:100%;padding:0 0px 0 10px;color:#b3b3b3;font-weight:bold;font-size:14px;}
.movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-button,
.cinema-detail-schedule-list .cinema-schedule-by-4dx-button{text-decoration:none;display:block;position:relative;height:100%;padding:0 0px 0 10px;color:#b3b3b3;font-weight:bold;font-size:14px;}
.movie-list-page.movie-select-bar-container .movie-schedule-by-reald-button,
.cinema-detail-schedule-list .cinema-schedule-by-reald-button{text-decoration:none;display:block;position:relative;height:100%;color:#b3b3b3;font-weight:bold;font-size:14px;}
.movie-list-page.movie-select-bar-container .movie-schedule-by-thx-button,
.cinema-detail-schedule-list .cinema-schedule-by-thx-button{text-decoration:none;display:block;position:relative;height:100%;color:#b3b3b3;font-weight:bold;font-size:14px;}
.movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-button,
.cinema-detail-schedule-list .cinema-schedule-by-cgs-button{text-decoration:none;display:block;position:relative;height:100%;color:#b3b3b3;font-weight:bold;font-size:14px;}
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button{display:block;position:relative;height:100%;padding:0 0px 0 3px;color:#b3b3b3;font-weight:bold;font-size:14px}
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button{display:block;position:relative;height:100%;padding:0 0px 0 3px;color:#b3b3b3;font-weight:bold;font-size:14px}
.cinema-detail-schedule-list .cinema-schedule-by-imax-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-vip-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-mx4d-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-dolby-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-date-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-movie-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button.active,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button.active,
.cinema-detail-schedule-list .cinema-schedule-by-imax-button:hover,
.cinema-detail-schedule-list .cinema-schedule-by-vip-button:hover,
.cinema-detail-schedule-list .cinema-schedule-by-date-button:hover,
.cinema-detail-schedule-list .cinema-schedule-by-movie-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-date-button:hover,
.movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button:hover{
    color: #565656;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.movie-list-main-container .movie-list-banner-container,
.cinema-list-main-container .movie-list-banner-container,
.festival-main-container .movie-list-banner-container {
    width: 100%;
    padding: 10px 0;
    overflow: hidden
}
.movie-list-main-container .movie-list-banner-box,
.cinema-list-main-container .movie-list-banner-box,
.festival-main-container .movie-list-banner-box {
    padding: 0 20px;
    width: 100%;
    text-align: center
}
.movie-list-main-container .movie-list-banner-box img,
.cinema-list-main-container .movie-list-banner-box img,
.festival-main-container .movie-list-banner-box img {
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #dbdbdb
}
.movie-list-main-container .movie-list-banner-box p,
.cinema-list-main-container .movie-list-banner-box p,
.festival-main-container .movie-list-banner-box p {
    margin: 0
}
.movie-list-main-container .movie-group-container,
.cinema-list-main-container .movie-group-container,
.festival-main-container .movie-group-container {
    padding: 0
}
.movie-list-main-container .movie-group-container.special-group,
.cinema-list-main-container .movie-group-container.special-group,
.festival-main-container .movie-group-container.special-group {
    padding: 10px 0
}
.movie-list-main-container .movie-group-header,
.cinema-list-main-container .movie-group-header,
.festival-main-container .movie-group-header {
    padding: 0 5px
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-group-header,
    .cinema-list-main-container .movie-group-header,
    .festival-main-container .movie-group-header {
        padding: 0
    }
}
.movie-list-main-container .movie-group-header img,
.cinema-list-main-container .movie-group-header img,
.festival-main-container .movie-group-header img {
    max-height: 70px;
    max-width: 390px;
    width: 100%;
    border: 1px solid #dbdbdb
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-group-header img,
    .cinema-list-main-container .movie-group-header img,
    .festival-main-container .movie-group-header img {
        max-width: 9999999999999px;
        max-height: 9999999999999px
    }
}
.movie-list-main-container .movie-row-container,
.cinema-list-main-container .movie-row-container,
.festival-main-container .movie-row-container {
    padding: 10px 0
}
.movie-list-main-container .movie-row-container .movie-row-inner-container,
.cinema-list-main-container .movie-row-container .movie-row-inner-container,
.festival-main-container .movie-row-container .movie-row-inner-container {
    padding: 0px;
    padding-bottom: 40px;
}
.movie-list-main-container .movie-group-container.special-group .movie-row-container,
.cinema-list-main-container .movie-group-container.special-group .movie-row-container,
.festival-main-container .movie-group-container.special-group .movie-row-container {
    /*padding:0 5px 5px 5px*/
}
.movie-list-main-container .movie-row,
.cinema-list-main-container .movie-row,
.festival-main-container .movie-row {
    padding: 20px 15px 20px 20px;
    border: 1px solid #ddd;
    position: relative
}
.movie-list-main-container .special-group .movie-row,
.cinema-list-main-container .special-group .movie-row,
.festival-main-container .special-group .movie-row {
    /*padding:15px 10px*/
}
.movie-list-main-container .movie-group-container.special-group .movie-row,
.cinema-list-main-container .movie-group-container.special-group .movie-row,
.festival-main-container .movie-group-container.special-group .movie-row {
    border: 1
}
.movie-list-main-container .movie-detail-container,
.cinema-list-main-container .movie-detail-container,
.festival-main-container .movie-detail-container {
    width: 37%;
    float: left;
    border-right: 1px solid #ddd;
    padding: 0 5px 0 0
}
.movie-list-main-container .movie-image-wrapper,
.cinema-list-main-container .movie-image-wrapper,
.festival-main-container .movie-image-wrapper {
    width: 42%;
    float: left;
    min-height: 1px
}
.movie-list-main-container .movie-name,
.cinema-list-main-container .movie-name,
.festival-main-container .movie-name {
    float: left;
    width: 58%;
    padding: 0 5px 0 10px
}
.movie-list-main-container .movie-name,
.cinema-list-main-container .movie-name,
.festival-main-container .movie-name {
    font-size: 18px;
    line-height: 20px;
    word-wrap: break-word
}
.movie-list-main-container .movie-name a,
.cinema-list-main-container .movie-name a,
.festival-main-container .movie-name a {
    color: #383733;
    font-size: 16px;
    font-weight: bold
}
.movie-list-main-container .movie-schedule-container,
.cinema-list-main-container .movie-schedule-container,
.festival-main-container .movie-schedule-container,
.movie-list-main-container .movie-schedule-container .cinema-district,
.cinema-list-main-container .movie-schedule-container .cinema-district,
.festival-main-container .movie-schedule-container .cinema-district,
.movie-list-main-container .movie-schedule-container .cinema-container,
.cinema-list-main-container .movie-schedule-container .cinema-container,
.festival-main-container .movie-schedule-container .cinema-container,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container {
    float: left
}
.movie-list-main-container .movie-schedule-container,
.cinema-list-main-container .movie-schedule-container,
.festival-main-container .movie-schedule-container {
    width: 63%;
    border-left: 1px solid #ddd;
    margin: 0 0 0 -1px;
    padding: 0 0 80px 5px
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row {
    padding: 0 0 10px 25px
}
.movie-list-main-container .movie-schedule-container .cinema-district,
.cinema-list-main-container .movie-schedule-container .cinema-district,
.festival-main-container .movie-schedule-container .cinema-district {
    width: 16%;
    padding: 12px 0 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #9c7738
}
.movie-list-main-container .movie-schedule-container .cinema-container,
.cinema-list-main-container .movie-schedule-container .cinema-container,
.festival-main-container .movie-schedule-container .cinema-container {
    width: 84%
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .cinema-container,
    .cinema-list-main-container .movie-schedule-container .cinema-container,
    .festival-main-container .movie-schedule-container .cinema-container {
        width: 100%
    }
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row {
    padding: 0 15px 20px 10px
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-row,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-row,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-row {
    padding: 0 0 40px 0;
    border: 0
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name {
    width: 32%
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name a,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name a,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .cinema-name a {
    color: #555
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container {
    width: 68%;
    position: relative;
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .schedule-dropdown-container {
        width: 100%;
        padding: 0 15px 0 0
    }
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-dropdown,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-dropdown,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-dropdown {
    width: 350px !important;
    overflow: visible;
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .selectboxit-text,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .selectboxit-text,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .selectboxit-text {
    width: 350px;
    overflow: visible;
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price {
    padding: 0;
    color: #494949
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date.full,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date.full,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date.full,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time.full,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time.full,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time.full,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no.full,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no.full,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no.full,
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price.full,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price.full,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price.full {
    color: #c5c5c5
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date {
    width: 80px;
    font-size: 13px;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date {
        width: 27%;
        font-size: 11px
    }
}
@media all and (min-width: 600px) and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-date {
        font-size: 14px
    }
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time {
    width: 110px;
    font-size: 13px;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time {
        width: 38%;
        font-size: 11px
    }
}
@media all and (min-width: 600px) and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-time {
        font-size: 14px
    }
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no {
    width: 65px
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no {
        width: 19%;
        font-size: 11px
    }
}
@media all and (min-width: 600px) and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-house-no {
        font-size: 14px
    }
}
.movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
.festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price {
    width: 55px
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price {
        width: 16% !important;
        font-size: 11px
    }
}
@media all and (min-width: 600px) and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price,
    .festival-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price {
        width: 16% !important;
        font-size: 14px
    }
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container,
.festival-main-container .movie-schedule-container .movie-date-schedule-container {
    padding: 0 3px
}
.movie-list-main-container .movie-schedule-list-remark-container,
.cinema-list-main-container .movie-schedule-list-remark-container,
.festival-main-container .movie-schedule-list-remark-container {
    padding: 10px 0;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    color: #383733;
    position: absolute;
    bottom: 10px;
    left: 410px;
    max-width: 570px;
    width: 100%
}
@media all and (max-width: 999999px) {
    .movie-list-main-container .movie-schedule-list-remark-container,
    .cinema-list-main-container .movie-schedule-list-remark-container,
    .festival-main-container .movie-schedule-list-remark-container {
        position: relative
    }
}
.movie-list-main-container .movie-schedule-remarks-container p,
.cinema-list-main-container .movie-schedule-remarks-container p,
.festival-main-container .movie-schedule-remarks-container p,
.movie-list-main-container .movie-schedule-list-remark-container p,
.cinema-list-main-container .movie-schedule-list-remark-container p,
.festival-main-container .movie-schedule-list-remark-container p {
    margin: 0
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-row,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-row,
.festival-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-row {
    width: 100%;
    height: 60px;
    padding: 0 0 10px 0
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button-container,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button-container,
.festival-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button-container {
    width: 110px;
    height: 50px;
    padding: 0 3px;
    display: inline-block
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button,
.festival-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button {
    background: #eee;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color: #1a1a1a;
    font-weight: bold;
    border-bottom: 5px solid #e4e4e4;
    font-size: 16px
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button.night-show,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button.night-show,
.festival-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button.night-show {
    display: inline-block !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-image: url(spite_common.png) !important;
    background-image: url("../../images/spite_common.png") !important;
    vertical-align: middle !important;
    width: 108px !important;
    height: 50px !important;
    background-position: -278px -634px !important;
    color: #f9e310
}
.movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button .show-attribute,
.cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button .show-attribute,
.festival-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button .show-attribute {
    position: absolute;
    line-height: 15px;
    font-size: 12px;
    width: 100%;
    word-wrap: break-word;
    height: 15px !important;
    overflow: hidden;
    font-weight: normal;
    top: 1px
}
.cinema-list-main-container.list .movie-schedule-container {
    padding: 0 0 0 20px
}
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-dropdown {
    width: 350px !important
}
@media all and (max-width: 999999px) {
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-dropdown {
        width: 100% !important
    }
}
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .selectboxit-text {
    width: 350px
}
@media all and (max-width: 999999px) {
    .cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .selectboxit-text {
        width: 100% !important
    }
}
.cinema-list-main-container .movie-schedule-container .movie-schedule-by-cinema-district-row .movie-schedule-price {
    width: 55px
}
.festival-main-container .movie-schedule-container .cinema-district {
    font-size: 13px
}
.festival-main-container .movie-schedule-by-cinema-district-row .cinema-name a {
    font-size: 13px
}
.cinema-list-main-container .movie-image-wrapper {
    width: 100%
}
.cinema-list-main-container .movie-detail-container {
    width: 20%;
    border: 0
}
.cinema-list-main-container .movie-schedule-container {
    width: 80%;
    border: 0;
    margin: 0;
    padding: 0 0 80px 20px
}
.cinema-list-main-container .movie-schedule-container .desktop-movie-name-container a {
    font-size: 24px;
    line-height: 30px;
    color: #000
}
.cinema-list-main-container .movie-schedule-container .desktop-movie-name-container a:hover,
.cinema-list-main-container .movie-schedule-container .desktop-movie-name-container a:focus {
    color: #000
}
.cinema-list-main-container .movie-schedule-container .movie-detail-button-container {
    padding: 0 6px 20px 6px;
    position: relative
}
.cinema-list-main-container .movie-schedule-container .movie-detail-button-container .movie-sub-info-row {
    padding: 20px 0;
    height: 62px
}
.cinema-list-main-container .movie-schedule-container .movie-detail-button-container .movie-detail-button-row {
    padding: 0 0 10px 0;
    height: 32px
}
.cinema-list-main-container .movie-schedule-container .movie-detail-button-container .imax-3d-row {
    position: absolute;
    right: 0;
    bottom: 20px
}
.mobile-movie-list-main-container {
    padding: 5px 20px
}
.mobile-movie-list-main-container .movie-group-container,
.mobile-festival-main-container .movie-group-container {
    padding: 5px 0
}
.mobile-movie-list-main-container .movie-group-header,
.mobile-festival-main-container .movie-group-header {
    padding: 0 5px
}
@media all and (max-width: 999999px) {
    .mobile-movie-list-main-container .movie-group-header,
    .mobile-festival-main-container .movie-group-header {
        padding: 0
    }
}
.mobile-movie-list-main-container .movie-group-header img,
.mobile-festival-main-container .movie-group-header img {
    max-height: 70px;
    max-width: 390px;
    width: 100%;
    border: 1px solid #dbdbdb
}
@media all and (max-width: 999999px) {
    .mobile-movie-list-main-container .movie-group-header img,
    .mobile-festival-main-container .movie-group-header img {
        max-width: 9999999999999px;
        max-height: 9999999999999px
    }
}
.mobile-movie-list-main-container .movie-row-container,
.mobile-festival-main-container .movie-row-container {
    padding: 5px 0
}
.mobile-movie-list-main-container .movie-group-container.special-group .movie-row-container,
.mobile-festival-main-container .movie-group-container.special-group .movie-row-container {
    padding: 1px
}
.mobile-movie-list-main-container .movie-row,
.mobile-festival-main-container .movie-row,
.mobile-movie-list-main-container .movie-row-container.first-item .movie-row,
.mobile-festival-main-container .movie-row-container.first-item .movie-row {
    border: 1px solid #e9e9e9;
    padding: 10px;
    display: block;
    color: #555
}
.mobile-movie-list-main-container .movie-group-container.special-group .movie-row,
.mobile-festival-main-container .movie-group-container.special-group .movie-row {
    border: 0
}
.mobile-movie-list-main-container .movie-row-inner-container,
.mobile-festival-main-container .movie-row-inner-container {
    position: relative
}
.mobile-movie-list-main-container .mobile-movie-container-right-arrow,
.mobile-festival-main-container .mobile-movie-container-right-arrow {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 11px;
    height: 21px;
    background-position: -422px -913px;
    position: absolute;
    right: 10px;
    top: 45%
}
.mobile-movie-list-main-container .movie-image-col,
.mobile-festival-main-container .movie-image-col,
.mobile-movie-list-main-container .movie-info-col,
.mobile-festival-main-container .movie-info-col {
    float: left
}
.mobile-movie-list-main-container .movie-image-col,
.mobile-festival-main-container .movie-image-col {
    width: 30%
}
.mobile-movie-list-main-container .movie-info-col,
.mobile-festival-main-container .movie-info-col {
    width: 70%;
    min-height: 1px;
    padding: 0 0 0 10px
}
.mobile-movie-list-main-container .movie-sub-info-row,
.mobile-festival-main-container .movie-sub-info-row {
    height: auto
}
.mobile-movie-list-main-container .movie-category-container,
.mobile-festival-main-container .movie-category-container {
    height: 22px
}
.mobile-movie-list-main-container .movie-image-wrapper,
.mobile-festival-main-container .movie-image-wrapper {
    width: 100%;
    max-width: 200px;
    position: relative;
    min-height: 1px
}
.mobile-movie-list-main-container .movie-image-wrapper img,
.mobile-festival-main-container .movie-image-wrapper img {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    margin: auto;
    border: 1px solid #dbdbdb
}
.mobile-movie-list-main-container .movie-name,
.mobile-festival-main-container .movie-name {
    line-height: 20px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #383733;
    font-weight: bold
}
.mobile-movie-list-main-container .imax-icon,
.mobile-festival-main-container .imax-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 78px;
    height: 16px;
    background-position: -446px -961px
}
.mobile-movie-list-main-container .movie-3d-icon,
.mobile-festival-main-container .movie-3d-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 83px;
    height: 16px;
    background-position: -2px -983px
}

.mobile-movie-list-main-container .movie-4dx-icon,
.mobile-festival-main-container .movie-4dx-icon {
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/logo-4dx-selected.png');
    background-size: 185px 100px;
    vertical-align: middle;
    width: 124px;
    height: 50px;
    background-position: -50px -35px;
}
.mobile-festival-main-container .movie-row-container {
    padding: 5px 20px
}
.desktop-movie-detail-bottom-part .movie-schedule-list-remark-container {
    padding: 10px 0;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    color: #383733
}
.desktop-movie-detail-bottom-part .movie-schedule-list-remark-container p {
    margin: 0
}
.cinema-list-main-container .movie-schedule-list-remark-container {
    padding: 10px 5px 10px 0
}
.cinema-detail.movie-view .movie-group-container .movie-row-container,
.cinema-detail.movie-view .movie-group-container.special-group .movie-row-container {
    padding: 0;
    background: #fff
}
.cinema-detail.movie-view .movie-group-container .movie-row-container:hover,
.cinema-detail.movie-view .movie-group-container.special-group .movie-row-container:hover,
.cinema-detail.movie-view .movie-row-container.menu-opened,
.cinema-detail.movie-view .movie-row-container.menu-opened .movie-row-inner-container,
.cinema-detail.movie-view .movie-row-container.menu-opened .movie-row,
.cinema-detail.movie-view .movie-row-inner-container:hover,
.cinema-detail.movie-view .movie-row-inner-container:hover .movie-row,
.cinema-detail.movie-view .movie-row:hover {
    background: #f2f2f2 !important
}
.cinema-detail.movie-view .movie-row-inner-container {
    padding: 0 15px 20px
}
.cinema-detail.movie-view .movie-group-box {
    padding: 0 0 5px 0;
    background: #383733
}
.cinema-detail.movie-view .movie-group-container .movie-row,
.cinema-detail.movie-view .movie-group-container.special-group .movie-row {
    border: 0;
    padding: 20px 0 0;
    border-top: 1px solid #ebebeb
}
.cinema-detail.movie-view .movie-row-container.first-item .movie-row {
    border: 0
}
.cinema-detail.movie-view .movie-detail-container {
    border: 0;
    width: 60%;
    min-height: 1px
}
.cinema-detail.movie-view .movie-schedule-container {
    width: 40%;
    border: 0
}
@media all and (max-width: 999999px) {
    .cinema-detail.movie-view .movie-schedule-container {
        width: 100%
    }
}
.cinema-detail.movie-view .movie-image-wrapper,
.cinema-detail.movie-view .movie-sub-info-row,
.cinema-detail.movie-view .movie-detail-button-row,
.cinema-detail.movie-view .cinema-district,
.cinema-detail.movie-view .cinema-row .cinema-name,
.cinema-detail.movie-view .movie-schedule-container .movie-schedule-list-remark-container,
.cinema-detail.movie-view .movie-3d-row,
.cinema-detail.movie-view .imax-row {
    display: none
}
.cinema-detail.movie-view .movie-schedule-by-cinema-district-row {
    padding: 0 0 0 20px
}
.cinema-detail.movie-view .movie-name {
    width: 100%;
    line-height: 50px
}
.cinema-detail.movie-view .movie-schedule-by-cinema-district-row .cinema-row {
    
}
.cinema-detail.movie-view .movie-schedule-list-remark-container.cinema-page {
    display: none
}
.upcoming-movie-list-left-col,
.upcoming-movie-list-right-col {
    float: left
}
.upcoming-movie-list-left-col {
    width: 75%
}
.upcoming-movie-list-right-col {
    width: 25%;
    padding: 10px 0 0 10px
}
.upcoming-movie-list-left-col .movie-select-bar, .movie-detail-select-bar {
	padding: 7px 5px 40px;
}
.upcoming-movie-list-left-col .movie-select-bar-container {
    padding: 10px 0 0 0
}
.upcoming-movie-main-container .upcoming-movie-month-select-container {
    width: 100%;
    padding: 10px 0
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select {
    width: 50px;
    height: 100%;
    display: block;
    float: left
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-all,
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-year,
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-month {
    text-align: center;
    height: 20px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-all {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #383733
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .active .upcoming-movie-month-select-text-all {
    font-size: 14px;
    font-weight: bold
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-month,
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-year {
    font-size: 12px;
    line-height: 14px;
    color: #383733
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .active .upcoming-movie-month-select-text-month,
.upcoming-movie-main-container .upcoming-movie-month-select-container .active .upcoming-movie-month-select-text-year {
    font-size: 14px;
    font-weight: bold
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select .left-bar,
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select .right-bar {
    float: left;
    display: inline-block;
    overflow: hidden;
    background-repeat: repeat-x;
    background-image: url("../../images/icon_upcomingPage_selector_background.png");
    vertical-align: middle;
    width: 15px;
    height: 20px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.first-item .left-bar,
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.last-item .right-bar {
    background: none
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select a {
    display: block;
    float: left;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -444px -939px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.first-item a {
    width: 20px;
    height: 20px;
    background-position: -492px -939px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.last-item a {
    width: 20px;
    height: 20px;
    background-position: -182px -939px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active a {
    width: 20px;
    height: 20px;
    background-position: -422px -939px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.first-item.active a {
    width: 20px;
    height: 20px;
    background-position: -470px -939px
}
.upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.last-item.active a {
    width: 20px;
    height: 20px;
    background-position: -400px -939px
}
.upcoming-movie-main-container .show-attribute-background {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: top right !important;
    background-repeat: no-repeat !important
}
.upcoming-movie-main-container .show-attribute-container {
    position: absolute;
    right: -14px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    font-size: 10px;
    width: 80px;
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 10px;
    color: #fff;
    font-weight: bold
}
.upcoming-movie-main-container .show-attribute-container .first-line {
    width: 50%;
    margin: 0 auto
}
.upcoming-movie-main-container .show-attribute-container .second-line {
    width: 100%
}
.upcoming-movie-list-container.isotope {
    width: 100% !important
}
.upcoming-movie-list-container .upcoming-movie-item-container {
    width: 180px;
    height: 266px;
    padding: 10px;
    float: left
}
@media all and (max-width: 999999px) {
    .upcoming-movie-list-container .upcoming-movie-item-container {
        width: 48%;
        height: auto
    }
}
.upcoming-movie-list-container .upcoming-movie-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}
@media all and (max-width: 999999px) {
    .upcoming-movie-list-container .upcoming-movie-item {
        height: auto
    }
}
.upcoming-movie-list-container .upcoming-movie-item img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    border: 1px solid #dbdbdb
}
@media all and (max-width: 999999px) {
    .upcoming-movie-list-container .upcoming-movie-item img {
        position: relative
    }
}
.upcoming-movie-list-container .upcoming-movie-item-container .cover-shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    display: none;
    cursor: pointer;
    padding: 10px
}
.upcoming-movie-list-container .upcoming-movie-item-container:hover .cover-shadow {
    display: block
}
@media all and (max-width: 999999px) {
    .upcoming-movie-list-container .upcoming-movie-item-container:hover .cover-shadow {
        display: none
    }
}
.upcoming-movie-list-container .upcoming-movie-item-container .cover-shadow .movie-name {
    color: #fff;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    font-size: 18px
}
.login-container {
    width: 100%
}
.login-container .background-container {
    width: 60%;
    height: 100%;
    position: absolute;
    float: left;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden
}
.login-container .login-right-container {
    float: right;
    width: 50%;
    height: 100%;
    padding: 20px;
    overflow: auto
}
.login-container .language-switch-row {
    height: 20px;
    width: 80%;
    text-align: right;
    margin: auto 0 auto auto
}
.login-container .logo-row {
    width: 80%;
    height: 85px;
    position: relative;
    margin: auto auto auto 12%
}
.login-container .logo-row .logo-container {
    position: absolute;
    left: 0
}
.login-container .logo-inner-container {
    position: relative;
    width: 210px;
    height: 80px
}
.login-container .logo-inner-container a {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 181px;
    height: 82px;
    background-position: -70px -2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.login-container .login-right-container .login-form-container {
    width: 80%;
    padding: 30px 0 0 0;
    margin: auto 0 auto auto
}
.login-container .login-right-container .login-form-container .login-form-header {
    height: 20px;
    max-width: 405px;
    border-left: 5px solid #f00;
    line-height: 20px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto
}
.login-container .login-right-container .login-form-inner-container {
    padding: 0 0 0 20px;
    width: 390px;
    margin: 0 auto
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-row {
    height: 75px;
    width: 100%;
    padding: 15px 0
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button-container {
    padding: 0 6px 0 0;
    display: block;
    float: left
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button {
    display: block;
    position: relative;
    padding: 7px 15px 0 52px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button {
        padding: 7px 15px 0 15px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 175px;
    height: 45px;
    background-position: -179px -754px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member {
        width: 115px;
        height: 45px;
        background-position: -136px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member:hover,
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member.active {
    width: 175px;
    height: 45px;
    background-position: -2px -754px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member:hover,
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.normal-member.active {
        width: 115px;
        height: 45px;
        background-position: -253px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 175px;
    height: 45px;
    background-position: -370px -704px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member {
        width: 115px;
        height: 45px;
        background-position: -136px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member:hover,
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member.active {
    width: 175px;
    height: 45px;
    background-position: -356px -754px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member:hover,
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.vip-member.active {
        width: 115px;
        height: 45px;
        background-position: -253px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 175px;
    height: 45px;
    background-position: -179px -754px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member {
        width: 115px;
        height: 45px;
        background-position: -136px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member:hover,
.login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member.active {
    width: 175px;
    height: 45px;
    background-position: -2px -754px
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member:hover,
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button.mm-member.active {
        width: 115px;
        height: 45px;
        background-position: -253px -704px
    }
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button:hover,
.login-container .login-right-container .login-form-inner-container .login-type-switch-button:focus {
    text-decoration: none
}
.login-container .login-right-container .login-form-inner-container .login-type-switch-button .member-type-name,
.login-container .login-right-container .login-form-inner-container .login-type-switch-button .member-login-text {
    color: #fff;
    font-size: 14px;
    line-height: 16px
}
.login-container .login-right-container .login-form-inner-container #login-form {
    padding: 0 10px 0 0;
    margin: 0
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container #login-form {
        padding: 0
    }
}
.login-container .login-right-container .login-form-inner-container #login-form .input-row {
    padding: 5px 0
}
.login-container .login-right-container .login-form-inner-container #login-form .form-control {
    border: 2px solid #7f7f7f;
    width: 100%
}
.login-container .login-right-container .login-form-inner-container #login-form .form-control:focus {
    border: 2px solid #f00
}
.login-container .login-right-container .login-form-inner-container #login-form .forget-password-row-normal {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #f30002
}
.login-container .login-right-container .login-form-inner-container #login-form .forget-password-row {
    height: 20px;
    line-height: 20px;
    text-align: left;
    padding-left: 43%;
    font-size: 14px;
    color: #f30002
}
.login-container .login-right-container .login-form-inner-container #login-form .forget-password-row-normal a,
.login-container .login-right-container .login-form-inner-container #login-form .forget-password-row a{
    color: #f30002;
    font-size: 14px
}
.login-container .login-right-container .login-form-inner-container #login-form .submit-button-row {
    padding: 10px 0
}
.login-container .login-right-container .login-form-inner-container #login-form .submit-button-container {
    display: block;
    padding: 0 20px;
    width: 170px;
    float: left
}
.login-container .login-right-container .login-form-inner-container #login-form .login-button,
.login-container .login-right-container .login-form-inner-container #login-form .reset-button {
    display: block;
    border: 0;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container #login-form .login-button,
    .login-container .login-right-container .login-form-inner-container #login-form .reset-button {
        width: 130px
    }
}
.login-container .login-right-container .login-form-inner-container #login-form .login-button {
    background: #373737
}
.login-container .login-right-container .login-form-inner-container #login-form .reset-button {
    background: #959595
}
.login-container .login-right-container .login-form-inner-container .facebook-login-button-row {
    padding: 50px 0 5px 0;
    width: 100%;
    text-align: center
}
.login-container .login-right-container .login-form-inner-container .facebook-login-button {
    position: relative;
    padding: 0 0 0 50px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 200px;
    height: 40px;
    background-position: -250px -801px
}
.login-container .login-right-container .login-form-inner-container .facebook-login-button .facebook-icon,
.share-popup .facebook-share-button .facebook-icon,
.festival-share-popup .facebook-share-button .facebook-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background-position: -156px -913px;
    left: 10px;
    position: absolute;
    top: 9px
}
.login-container .login-right-container .login-form-inner-container .facebook-login-remark-row {
    text-align: center;
    font-size: 14px;
    line-height: 16px
}
.login-container .login-right-container .login-form-inner-container .login-seperate-line {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #383733;
    position: relative
}
@media all and (max-width: 999999px) {
    .login-container .login-right-container .login-form-inner-container .login-seperate-line {
        position: static
    }
}
.login-container .login-right-container .login-form-inner-container .login-seperate-line:before {
    content: "---------------------------- ";
    position: absolute;
    left: 0;
    width: 50%;
    text-align: right;
    padding: 0 20px 0 0
}
.login-container .login-right-container .login-form-inner-container .login-seperate-line:after {
    content: " ----------------------------";
    position: absolute;
    right: 0;
    width: 50%;
    text-align: left;
    padding: 0 0 0 20px
}
.login-container .login-right-container .login-form-inner-container .register-button-row {
    text-align: center
}
.login-container .login-right-container .login-form-inner-container .register-button {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    font-weight: bold
}
.login-container .login-right-container .login-form-inner-container .register-button.normal-member {
    background: #f40001
}
.login-container .login-right-container .login-form-inner-container .register-button.vip-member {
    background: #6fc048
}
.login-page-footer {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 150px 0 0 0
}
.template-main-container {
    padding: 0 0 5px 0
}
.template-login-container {
    width: 100%;
    border: 1px solid #d0d0d0;
    padding: 20px 20px 0 20px
}
.template-login-container .template-login-header-row {
    height: auto;
    padding: 0 0 20px 0
}
.template-login-container .template-login-header {
    border-left: 4px solid #f00;
    padding: 0 0 0 16px;
    line-height: 20px;
    font-size: 14px
}
.template-login-container .template-login .nav-tabs {
    height: 88px;
    padding: 0 0 20px 0;
    border: 0
}
.template-login-container .template-login .nav-tabs>li {
    width: 320px;
    height: 68px;
    padding: 0 40px 0 0;
    display: inline-block
}
.template-login-container .template-login .nav-tabs>li.last {
    width: 280px;
    padding: 0
}
.template-login-container .template-login .nav-tabs>li>a {
    display: block;
    color: #fff;
    padding: 0
}
.template-login-container .template-login .nav-tabs>li>a .member-button-container {
    padding: 16px 16px 16px 81px
}
.template-login-container .template-login .nav-tabs>li>a .member-button-container.normal-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -230px -208px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li>a .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -284px
    }
}
.template-login-container .template-login .nav-tabs>li.active>a .member-button-container.normal-member,
.template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.normal-member,
.template-login-container .template-login .nav-tabs>li>a:active .member-button-container.normal-member,
.template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.normal-member {
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li.active>a .member-button-container.normal-member,
    .template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.normal-member,
    .template-login-container .template-login .nav-tabs>li>a:active .member-button-container.normal-member,
    .template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .nav-tabs>li>a .member-button-container.vip-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -284px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li>a .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -424px
    }
}
.template-login-container .template-login .nav-tabs>li.active>a .member-button-container.vip-member,
.template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.vip-member,
.template-login-container .template-login .nav-tabs>li>a:active .member-button-container.vip-member,
.template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.vip-member {
    width: 280px;
    height: 68px;
    background-position: -2px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li.active>a .member-button-container.vip-member,
    .template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.vip-member,
    .template-login-container .template-login .nav-tabs>li>a:active .member-button-container.vip-member,
    .template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -564px
    }
}
.template-login-container .template-login .nav-tabs>li>a .member-button-container.non-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -424px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li>a .member-button-container.non-member {
        width: 240px;
        height: 68px;
        background-position: -244px -284px
    }
}
.template-login-container .template-login .nav-tabs>li.active>a .member-button-container.non-member,
.template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.non-member,
.template-login-container .template-login .nav-tabs>li>a:active .member-button-container.non-member,
.template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.non-member {
    width: 280px;
    height: 68px;
    background-position: -2px -354px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .nav-tabs>li.active>a .member-button-container.non-member,
    .template-login-container .template-login .nav-tabs>li>a:hover .member-button-container.non-member,
    .template-login-container .template-login .nav-tabs>li>a:active .member-button-container.non-member,
    .template-login-container .template-login .nav-tabs>li>a:focus .member-button-container.non-member {
        width: 240px;
        height: 68px;
        background-position: -284px -354px
    }
}
.template-login-container .template-login .nav-tabs>li>a .member-type-name,
.template-login-container .template-login .nav-tabs>li>a .member-login-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px
}
.template-login-container .template-login .nav-tabs>li>a .member-login-text.non-member {
    line-height: 38px
}
.template-login-container .template-login .nav-tabs.not-selected>li>a .member-button-container,
.template-login-container .template-login .nav-tabs>li.active>a .member-button-container,
.template-login-container .template-login .nav-tabs>li>a:hover .member-button-container {
    border: 0;
    padding: 16px 16px 16px 81px
}
.template-login-container .template-login .tab-content-container {
    padding: 0
}
.template-login-container .template-login .tab-pane {
    border-top: 1px solid #ddd;
    padding: 10px 200px 20px 200px
}
.template-login-container .template-login .input-row {
    height: 50px;
    width: 100%;
    padding: 10px;
    border-bottom: 1px dashed #ddd
}
.template-login-container .template-login .input-row.last-item {
    height: 40px;
    padding: 10px 10px 0 10px;
    border: 0
}
.template-login-container .template-login .input-row label,
.template-login-container .template-login .input-row input {
    float: left;
    height: 30px;
    line-height: 30px
}
.template-login-container .template-login .input-row label {
    padding: 0 10px 0 0
}
.template-login-container .template-login .input-row input {
    padding: 0 10px
}
.template-login-container .template-login .panel .input-row label,
.template-login-container .template-login .panel .form-padding-left {
    display: none
}
.template-login-container .template-login .input-row label,
.template-login-container .template-login .form-padding-left {
    width: 35%;
    font-weight: normal
}
.template-login-container .template-login .input-row input {
    width: 65%
}
.template-login-container .template-login .panel .input-row input {
    width: 100%
}
.template-login-container .template-login .forget-password-row-normal,
.template-login-container .template-login .forget-password-row{
    height: 15px;
    padding: 0 0 0 195px
}
.template-login-container .template-login .panel .forget-password-row-normal,
.template-login-container .template-login .panel .forget-password-row{
    text-align: center
}
.template-login-container .template-login .form-padding-left {
    float: left;
    height: 1px
}
.template-login-container .template-login .forget-password-row-normal .forget-password,
.template-login-container .template-login .forget-password-row .forget-password{
    float: left;
    line-height: 15px;
    color: #f00
}
.template-login-container .template-login .panel .forget-password-row-normal .forget-password,
.template-login-container .template-login .panel .forget-password-row .forget-password {
    float: none
}
.template-login-container .template-login .register-row {
    padding: 0
}
.template-login-container .template-login .panel .register-row {
    text-align: center
}
.template-login-container .template-login .register-text {
    color: #555;
    line-height: 15px
}
.template-login-container .template-login .submit-button-row {
    padding: 10px 0;
    text-align: center;
    margin: 0 -20px 0 -20px
}
.template-login-container .template-login .submit-button-container {
    display: inline-block;
    padding: 0 15px;
    width: 170px
}
.template-login-container .template-login .panel .submit-button-container {
    width: 150px;
    padding: 0
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel .submit-button-container {
        width: 130px
    }
}
.template-login-container .template-login .submit-button-container .reset-button,
.template-login-container .template-login .submit-button-container .login-button {
    display: block;
    border: 0;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .submit-button-container .reset-button,
    .template-login-container .template-login .submit-button-container .login-button {
        width: 130px
    }
}
.template-login-container .template-login .submit-button-container .reset-button {
    background: #959595
}
.template-login-container .template-login .submit-button-container .login-button {
    background: #373737
}
.template-login-container .template-login .facebook-login-button-row {
    height: 40px;
    padding: 0;
    width: 100%;
    text-align: center
}
.template-login-container .template-login .facebook-login-button {
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 200px;
    height: 40px;
    background-position: -250px -801px;
    position: relative;
    display: inline-block;
    padding: 0 0 0 45px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    border-radius: 5px
}
.template-login-container .template-login .panel-group,
.template-login-container .template-login .non-member-login-container {
    width: 100%;
    padding: 0 35px;
    margin: 0
}
.template-login-container .template-login .non-member-login-container {
    padding: 5px 35px
}
.template-login-container .template-login .non-member-login-container a {
    display: block;
    width: 280px;
    margin: 0 auto;
    color: #fff;
    border: 0;
    position: relative;
    padding: 0
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a {
        width: 240px
    }
}
.template-login-container .template-login .non-member-login-container a .member-button-container {
    padding: 15px 15px 15px 65px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -354px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a .member-button-container {
        width: 240px;
        height: 68px;
        background-position: -284px -354px
    }
}
.template-login-container .template-login .non-member-login-container a .member-button-container.normal-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .non-member-login-container a .member-button-container.vip-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -564px
    }
}
.template-login-container .template-login .non-member-login-container a .member-button-container.non-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -424px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a .member-button-container.non-member {
        width: 240px;
        height: 68px;
        background-position: -244px -284px
    }
}
.template-login-container .template-login .non-member-login-container a:hover .member-button-container.non-member,
.template-login-container .template-login .non-member-login-container a:focus .member-button-container.non-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -354px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .non-member-login-container a:hover .member-button-container.non-member,
    .template-login-container .template-login .non-member-login-container a:focus .member-button-container.non-member {
        width: 240px;
        height: 68px;
        background-position: -284px -354px
    }
}
.template-login-container .template-login .non-member-login-container a .member-login-text {
    line-height: 38px;
    font-size: 16px
}
.template-login-container .template-login .panel-group .panel {
    border: 0
}
.template-login-container .template-login .panel-group .panel-heading {
    color: #fff;
    border: 0;
    position: relative;
    padding: 0;
    width: 280px;
    margin: 0 auto
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading {
        width: 240px
    }
}
.template-login-container .template-login .panel-group .panel-heading .member-button-container {
    padding: 15px 15px 15px 65px
}
.template-login-container .template-login .panel-group .panel-heading .member-button-container.normal-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.normal-member {
    width: 280px;
    height: 68px;
    background-position: -230px -208px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -284px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.normal-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.normal-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.normal-member {
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.normal-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.normal-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.normal-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .panel-group .panel-heading .member-button-container.vip-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -564px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.vip-member {
    width: 280px;
    height: 68px;
    background-position: -284px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -424px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.vip-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.vip-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.vip-member {
    width: 280px;
    height: 68px;
    background-position: -2px -494px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.vip-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.vip-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.vip-member {
        width: 240px;
        height: 68px;
        background-position: -284px -564px
    }
}
.template-login-container .template-login .panel-group .panel-heading .member-button-container.mm-member {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading .member-button-container.mm-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.mm-member {
    width: 280px;
    height: 68px;
    background-position: -230px -208px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed .member-button-container.mm-member {
        width: 240px;
        height: 68px;
        background-position: -2px -284px
    }
}
.template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.mm-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.mm-member,
.template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.mm-member {
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
@media all and (max-width: 999999px) {
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:hover .member-button-container.mm-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:active .member-button-container.mm-member,
    .template-login-container .template-login .panel-group .panel-heading a.collapsed:focus .member-button-container.mm-member {
        width: 240px;
        height: 68px;
        background-position: -2px -634px
    }
}
.template-login-container .template-login .panel-group .panel-heading .member-type-name,
.template-login-container .template-login .panel-group .panel-heading .member-login-text {
    line-height: 20px
}
.template-login-container .template-login .panel-group .panel-body {
    border: 0;
    padding: 10px 0
}
.gift-card-main-container .gift-card-set-password-row-container,
.template-login-wrapper .gift-card-set-password-row-container {
    width: 100%;
    height: auto;
    padding: 10px 0
}
.gift-card-main-container .gift-card-set-password-row,
.template-login-wrapper .gift-card-set-password-row {
    height: auto;
    width: 100%;
    background: #e8e8e8;
    padding: 20px;
    line-height: 20px;
    font-size: 14px
}
.gift-card-main-container .gift-card-set-password-row a,
.template-login-wrapper .gift-card-set-password-row a {
    display: inline-block;
    background: #8f8f8f;
    color: #fff;
    padding: 0 5px
}
.gift-card-main-container {
    padding: 25px
}
.gift-card-main-container.check-balance {
    position: relative;
    padding: 25px 25px 85px 25px !important
}
.gift-card-main-container .gift-card-set-password-row-container {
    width: 100%;
    height: auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0
}
.gift-card-tab-container .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.gift-card-tab-container .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #383733
}
.gift-card-tab-container .nav-tabs>li {
    padding: 5px 0 0 0
}
.gift-card-tab-container .nav-tabs>li.active {
    background: #383733;
    padding: 0;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.gift-card-tab-container .nav-tabs>li>a,
.gift-card-tab-container .nav-tabs>li>div {
    padding: 7px 15px;
    position: relative;
    color: #c2c2c2;
    font-size: 18px
}
.gift-card-tab-container .nav-tabs>li>a:hover,
.gift-card-tab-container .nav-tabs>li>a:focus {
    background: none;
    border: none;
    padding: 8px 16px
}
.gift-card-tab-container .nav-tabs>li.active>a,
.gift-card-tab-container .nav-tabs>li.active>div {
    padding: 14px 15px;
    border: 0;
    background: #383733;
    color: #fff;
    line-height: 18px;
    font-size: 18px
}
.gift-card-set-password-success {
    text-align: center;
    padding: 100px 0;
    font-size: 18px
}
.gift-card-pager-container,
.member-pager-container,
.game-question-pager-container {
    width: 100%;
    height: 40px;
    background: #383733;
    position: relative;
    padding: 0 50px
}
.gift-card-pager-container .gift-card-pager-arrow,
.member-pager-container .gift-card-pager-arrow,
.game-question-pager-container .gift-card-pager-arrow,
.gift-card-pager-container .member-pager-arrow,
.member-pager-container .member-pager-arrow,
.game-question-pager-container .member-pager-arrow {
    position: absolute;
    top: 10px;
    cursor: pointer
}
.gift-card-pager-container .left-arrow,
.member-pager-container .left-arrow,
.game-question-pager-container .left-arrow {
    left: 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 11px;
    height: 21px;
    background-position: -409px -913px
}
.gift-card-pager-container .right-arrow,
.member-pager-container .right-arrow,
.game-question-pager-container .right-arrow {
    right: 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 11px;
    height: 21px;
    background-position: -435px -913px
}
.gift-card-pager-container .left-arrow:focus,
.member-pager-container .left-arrow:focus,
.game-question-pager-container .left-arrow:focus,
.gift-card-pager-container .left-arrow:hover,
.member-pager-container .left-arrow:hover,
.game-question-pager-container .left-arrow:hover {
    width: 11px;
    height: 21px;
    background-position: -396px -913px
}
.gift-card-pager-container .right-arrow:focus,
.member-pager-container .right-arrow:focus,
.game-question-pager-container .right-arrow:focus,
.gift-card-pager-container .right-arrow:hover,
.member-pager-container .right-arrow:hover,
.game-question-pager-container .right-arrow:hover {
    width: 11px;
    height: 21px;
    background-position: -422px -913px
}
.gift-card-pager-container .current-page-name,
.member-pager-container .current-page-name,
.game-question-pager-container .current-page-name {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center
}
.gift-card-pager-container .current-page-name a,
.member-pager-container .current-page-name a,
.game-question-pager-container .current-page-name a {
    color: #fff
}
.gift-card-main-container {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 3px solid #000;
    padding: 25px
}
.gift-card-main-container .gift-card-key-art-container {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 15px 0
}
.gift-card-main-container .gift-card-key-art-container img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}
.gift-card-main-container .gift-card-purchase-form-container {
    padding: 5px
}
.gift-card-main-container .check-balance-header {
    border-left: 5px solid #f00;
    padding: 0 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #383733
}
.gift-card-main-container #balance-check-form,
.gift-card-main-container #set-password-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}
.gift-card-main-container #balance-check-form .input-row,
.gift-card-main-container #set-password-form .input-row {
    padding: 10px 0;
    border-top: 1px dashed #e1e1e1
}
.gift-card-main-container #balance-check-form .input-row.first,
.gift-card-main-container #set-password-form .input-row.first {
    border: 0
}
.gift-card-main-container #balance-check-form .input-row label,
.gift-card-main-container #set-password-form .input-row label,
.gift-card-main-container #balance-check-form .padding-left,
.gift-card-main-container #set-password-form .padding-left {
    float: left;
    width: 30%;
    min-height: 1px;
    text-align: left;
    padding: 0;
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #383733
}
.gift-card-main-container #balance-check-form .input-row label,
.gift-card-main-container #set-password-form .input-row label {
    height: 30px
}
.gift-card-main-container #balance-check-form .input-row input,
.gift-card-main-container #set-password-form .input-row input {
    float: left;
    width: 70%;
    height: 30px
}
.bc_underline,.bc_seatplan_underline{
    border-bottom: 1px solid grey;
    width: 15px;
    position: relative;
    left: 14px;
    top: 24px;
}
.bc_seatplan_underline{
    left: 11px;
    top: 22px;
}
@media all and (max-width: 999999px) {
    .gift-card-main-container #balance-check-form .input-row input,
    .gift-card-main-container #set-password-form .input-row input {
        padding: 6px
    }
}
.gift-card-main-container #balance-check-form .card-no-container,
.gift-card-main-container #set-password-form .card-no-container {
    width: 70%;
    height: 100%;
    float: left;
    padding: 0 3px
}
.gift-card-main-container #balance-check-form .card-no-container.first,
.gift-card-main-container #set-password-form .card-no-container.first {
    padding: 0 3px 0 0
}
.gift-card-main-container #balance-check-form .card-no-container input,
.gift-card-main-container #set-password-form .card-no-container input {
    width: 100%
}
.gift-card-main-container #balance-check-form .submit-button-row,
.gift-card-main-container #set-password-form .submit-button-row {
    padding: 30px 0 0 0;
    text-align: center
}
.gift-card-main-container #balance-check-form .submit-button-container,
.gift-card-main-container #set-password-form .submit-button-container {
    display: inline-block;
    padding: 0 20px;
    width: 180px
}
.gift-card-main-container #balance-check-form .submit-button-container input,
.gift-card-main-container #set-password-form .submit-button-container input {
    display: block;
    border: 0;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 18px;
    border-radius: 5px
}
.gift-card-main-container #balance-check-form .reset-button,
.gift-card-main-container #set-password-form .reset-button {
    background: #959595
}
.gift-card-main-container #balance-check-form .send-button,
.gift-card-main-container #set-password-form .send-button {
    background: #373737
}
.gift-card-main-container #set-password-form .card-no {
    float: left;
    width: 70%;
    height: 100%;
    min-height: 1px;
    text-align: left;
    padding: 0;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    color: #383733
}
.gift-card-main-container .button-row {
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0 -25px
}
.gift-card-main-container .button-container {
    display: inline-block;
    padding: 5px 15px
}
@media all and (max-width: 999999px) {
    .gift-card-main-container .button-container {
        padding: 5px
    }
}
.gift-card-main-container .button {
    display: block;
    width: 145px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #383733;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold
}
.gift-card-balance-info-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 15px 0
}
.gift-card-balance-info-container .button-row {
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0 -25px
}
.gift-card-balance-info-container .button-container {
    display: inline-block;
    padding: 5px 15px
}
@media all and (max-width: 999999px) {
    .gift-card-balance-info-container .button-container {
        padding: 5px
    }
}
.gift-card-balance-info-container .button {
    display: block;
    width: 145px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #383733;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold
}
.gift-card-balance-row {
    padding: 5px 0;
    border-top: 2px dashed #e6e6e6
}
.gift-card-balance-row.first {
    border: 0
}
.gift-card-balance-title,
.gift-card-balance-value {
    float: left;
    min-height: 1px;
    text-align: left;
    padding: 0;
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #383733
}
.gift-card-balance-title {
    width: 40%
}
@media all and (max-width: 999999px) {
    .gift-card-balance-title {
        width: 100%
    }
}
.gift-card-balance-value {
    width: 60%;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    .gift-card-balance-value {
        text-align: left;
        width: 100%
    }
}
.join-us-container,
.join-us-banner-container,
.join-us-banner-container img {
    width: 100%
}
.join-us-content-box {
    padding: 20px;
    border: 2px solid #e1e1e1;
    border-top: 0
}
.join-us-content-box h1 {
    color: #ed2400;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 25px;
    border-left: 5px solid #ed2400;
    min-height: 25px;
    line-height: 25px;
    margin-top: 0
}
.join-us-content-box a {
    color: #ed2400
}
.join-us-content-box hr {
    border-top: 2px solid #e1e1e1
}
@media all and (max-width: 999999px) {
    .modal .left-arrow,
    .modal .right-arrow {
        position: absolute;
        top: 0
    }
    .modal .left-arrow {
        left: 0
    }
    .modal .right-arrow {
        right: 0
    }
    .modal .nav.nav-tabs {
        height: 50px;
        border-bottom: none
    }
    .modal .nav.nav-tabs>li {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 30px;
        padding-top: 5px
    }
    .modal .nav.nav-tabs>li.active {
        display: block
    }
    .modal .nav.nav-tabs>li div.sprite {
        display: none
    }
    .modal .nav.nav-tabs>li a {
        padding: 0
    }
    .modal .m_popup-close-button-container {
        width: 100%;
        height: 50px;
        background-color: #dbdbdb;
        font-size: 24px;
        color: #494949;
        line-height: 50px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer
    }
    .modal .m_popup-close-button-container .sprite {
        display: inline-block;
        vertical-align: top
    }
}
.trailer-popup,
.trailer-popup .modal-dialog,
.trailer-popup .modal-content,
.trailer-popup .modal-body {
    overflow: hidden
}
.share-popup.modal,
.festival-share-popup.modal,
#prefer-cinema-popup.modal,
#cinema-info-tabs.modal {
    background: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    height: auto
}
.share-popup.modal .m_cinema-popup-close-button-container,
.festival-share-popup.modal .m_cinema-popup-close-button-container,
#prefer-cinema-popup.modal .m_cinema-popup-close-button-container,
#cinema-info-tabs.modal .m_cinema-popup-close-button-container {
    width: 100%;
    height: 50px;
    background-color: #dbdbdb;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #494949
}
.share-popup.modal .m_cinema-popup-close-button-container .sprite,
.festival-share-popup.modal .m_cinema-popup-close-button-container .sprite,
#prefer-cinema-popup.modal .m_cinema-popup-close-button-container .sprite,
#cinema-info-tabs.modal .m_cinema-popup-close-button-container .sprite {
    display: inline-block;
    vertical-align: top
}
.share-popup.modal {
    height: auto
}
.share-popup.modal.fade {
    margin-top: -90px
}
.share-popup .modal-dialog,
.festval-share-popup .modal-dialog,
#prefer-cinema-popup .modal-dialog,
#cinema-info-tabs .modal-dialog {
    margin: 0;
    width: 1000px
}
.share-popup .modal-dialog,
.festival-share-popup .modal-dialog {
    width: 400px
}
.share-popup .modal-content,
.festival-share-popup .modal-content,
#prefer-cinema-popup .modal-content,
#cinema-info-tabs .modal-content {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0
}
.share-popup .modal-content .tab-content,
.festival-share-popup .modal-content .tab-content,
#prefer-cinema-popup .modal-content .tab-content,
#cinema-info-tabs .modal-content .tab-content {
    max-height: 350px;
    overflow: auto
}
@media all and (max-width: 999999px) {
    .share-popup .modal-content .tab-content,
    .festival-share-popup .modal-content .tab-content,
    #prefer-cinema-popup .modal-content .tab-content,
    #cinema-info-tabs .modal-content .tab-content {
        max-height: 275px
    }
}
#prefer-cinema-popup .modal-content .tab-content {
    max-height: 270px
}
.share-popup .tab-background,
.festival-share-popup .tab-background,
#prefer-cinema-popup .tab-background,
#cinema-info-tabs .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.share-popup .nav-tabs,
.festival-share-popup .nav-tabs,
#prefer-cinema-popup .nav-tabs,
#cinema-info-tabs .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #f00
}
.share-popup .nav-tabs>li,
.festival-share-popup .nav-tabs>li,
#prefer-cinema-popup .nav-tabs>li,
#cinema-info-tabs .nav-tabs>li {
    padding: 5px 0 0 0
}
.share-popup .nav-tabs>li.active,
.festival-share-popup .nav-tabs>li.active,
#prefer-cinema-popup .nav-tabs>li.active,
#cinema-info-tabs .nav-tabs>li.active {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #f00;
    padding: 0;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.share-popup .nav-tabs>li>a,
.festival-share-popup .nav-tabs>li>a,
#prefer-cinema-popup .nav-tabs>li>a,
#cinema-info-tabs .nav-tabs>li>a {
    padding: 13px 15px 7px 15px;
    position: relative;
    color: #555
}
.share-popup .nav-tabs>li>a:hover,
.share-popup .nav-tabs>li>a:focus,
.festival-share-popup .nav-tabs>li>a:hover,
.festival-share-popup .nav-tabs>li>a:focus,
#prefer-cinema-popup .nav-tabs>li>a:hover,
#prefer-cinema-popup .nav-tabs>li>a:focus,
#cinema-info-tabs .nav-tabs>li>a:hover,
#cinema-info-tabs .nav-tabs>li>a:focus {
    background: none;
    border: none;
    padding: 14px 16px 8px 16px
}
#prefer-cinema-popup .nav-tabs>li.active>a {
    padding: 15px 20px 15px 40px
}
@media all and (max-width: 999999px) {
    #prefer-cinema-popup .nav-tabs>li.active>a {
        padding: 5px 0 0 0
    }
}
.share-popup .nav-tabs>li.active>a,
.festival-share-popup .nav-tabs>li.active>a,
#cinema-info-tabs .nav-tabs>li.active>a {
    padding: 15px 20px 15px 20px
}
.share-popup .nav-tabs>li.active>a,
.festival-share-popup .nav-tabs>li.active>a,
#prefer-cinema-popup .nav-tabs>li.active>a,
#cinema-info-tabs .nav-tabs>li.active>a {
    border: 0;
    background: #f00;
    color: #fff
}
#prefer-cinema-popup .nav-tabs>li>a .movie-schedule-icon {
    position: absolute;
    left: 4px;
    top: 8px
}
.share-popup .share-popup-close-button-container,
.festival-share-popup .share-popup-close-button-container,
#prefer-cinema-popup .prefer-cinema-popup-close-button-container,
#cinema-info-tabs .cinema-popup-close-button-container {
    position: relative;
    float: right;
    line-height: 40px;
    top: 10px
}
@media all and (max-width: 999999px) {
    .share-popup .share-popup-close-button-container,
    .festival-share-popup .share-popup-close-button-container,
    #prefer-cinema-popup .prefer-cinema-popup-close-button-container,
    #cinema-info-tabs .cinema-popup-close-button-container {
        display: none
    }
}
.share-popup .share-popup-close-button,
.festival-share-popup .share-popup-close-button,
#prefer-cinema-popup .prefer-cinema-popup-close-button,
#cinema-info-tabs .cinema-popup-close-button {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 16px;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    color: #494949
}
.share-popup .share-popup-close-icon,
.festival-share-popup .share-popup-close-icon,
#prefer-cinema-popup .prefer-cinema-popup-close-icon,
#cinema-info-tabs .cinema-popup-close-button .icon_popupClose {
    position: absolute;
    left: 0;
    top: 11px
}
.share-popup .tab-content,
.festival-share-popup .tab-content,
#prefer-cinema-popup .tab-content,
#cinema-info-tabs .tab-content {
    background: #fff;
    padding: 20px
}
@media all and (max-width: 999999px) {
    #prefer-cinema-popup .tab-content {
        padding: 15px
    }
}
.share-popup .tab-content,
.festival-share-popup .tab-content {
    padding: 10px 30px
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-title {
    width: 100%;
    padding: 0 0 10px 0;
    line-height: 20px;
    font-size: 16px;
    color: #383733
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-col {
    width: 33%;
    float: left
}
@media all and (max-width: 999999px) {
    #prefer-cinema-popup .tab-content .prefer-cinema-popup-col {
        width: 100%;
        margin-bottom: 15px
    }
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-row {
    margin-bottom: 10px
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-row-contianer,
#prefer-cinema-popup .tab-content .prefer-cinema-popup-district-name,
#prefer-cinema-popup .tab-content .prefer-cinema-popup-checkbox-container,
#prefer-cinema-popup .tab-content .prefer-cinema-popup-cinema-name {
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    word-wrap: break-word
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-district-name {
    width: 25%;
    color: #9c7738;
    padding: 0 10px 0 0
}
@media all and (max-width: 999999px) {
    #prefer-cinema-popup .tab-content .prefer-cinema-popup-district-name {
        width: 25%;
        padding: 0 5px 0 0
    }
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-row-contianer {
    width: 75%;
    float: left
}
@media all and (max-width: 999999px) {
    #prefer-cinema-popup .tab-content .prefer-cinema-popup-row-contianer {
        width: 75%
    }
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-checkbox-container {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-cinema-name {
    padding-left: 32px;
    float: none;
    color: #383733
}
#prefer-cinema-popup .tab-content .prefer-cinema-popup-checkbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.share-popup .share-popup-fb-button-container,
.festival-share-popup .share-popup-fb-button-container {
    width: 100%;
    height: 50px;
    padding: 5px 0;
    text-align: center
}
.share-popup .facebook-share-button,
.festival-share-popup .facebook-share-button {
    position: relative;
    cursor: default;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    padding: 0 0 0 40px;
    opacity: .5;
    background: #3d5a98;
    width: 100%;
    height: 100%;
    border-radius: 5px
}
.share-popup.loaded .facebook-share-button,
.festival-share-popup.loaded .facebook-share-button {
    cursor: pointer;
    opacity: 1
}
.share-popup .share-link-text-container,
.festival-share-popup .share-link-text-container {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 5px 0
}
.share-popup .share-link-text-container .share-link-text-icon,
.festival-share-popup .share-link-text-container .share-link-text-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-position: -506px -883px;
    position: absolute;
    top: 14px;
    left: 6px
}
.share-popup .share-link-text-container .share-link-copy-button-container,
.share-popup .share-link-text-container .share-link-text,
.festival-share-popup .share-link-text-container .share-link-copy-button-container,
.festival-share-popup .share-link-text-container .share-link-text {
    float: left
}
.share-popup .share-link-text-container .share-link-text,
.festival-share-popup .share-link-text-container .share-link-text {
    width: 70%;
    height: 100%;
    padding: 0 0 0 35px;
    border: 1px solid #6c6c6c;
    font-size: 16px;
    font-weight: bold;
    color: #494949
}
.share-popup .share-link-text-container .share-link-text:focus,
.festival-share-popup .share-link-text-container .share-link-text:focus {
    outline: none
}
.share-popup .share-link-text-container .share-link-copy-button-container,
.festival-share-popup .share-link-text-container .share-link-copy-button-container {
    width: 30%;
    height: 100%;
    padding: 0 0 0 5px
}
.share-popup .share-link-text-container .share-link-copy-button,
.festival-share-popup .share-link-text-container .share-link-copy-button {
    width: 100%;
    height: 100%;
    background: #373737;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px
}
.festival-container {
    width: 100%;
    padding: 5px 0
}
.festival-box {
    width: 100%;
    padding: 10px 20px;
    display: block;
    position: relative
}
.festival-title-row {
    min-height: 40px;
    padding: 0 0 10px 0
}
.festival-title-row .fb-like {
    top: 5px;
    float: left
}
.festival-title {
    float: left;
    line-height: 30px;
    padding: 0 10px 0 0;
    font-size: 22px;
    font-weight: bold
}
.festival-image-container {
    width: 730px;
    position: relative;
    margin: 0 auto
}
.festival-image-container img {
    width: 100%;
    position: relative;
    border: 1px solid #dbdbdb
}
.game-question-tab-container .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.game-question-tab-container .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #383733
}
.game-question-tab-container .nav-tabs>li {
    padding: 5px 0 0 0
}
.game-question-tab-container .nav-tabs>li.active {
    background: #383733;
    padding: 0;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.game-question-tab-container .nav-tabs>li.active>div {
    padding: 10px 20px;
    border: 0;
    background: #383733;
    color: #fff;
    height: 40px;
    line-height: 20px;
    font-size: 18px
}
.game-question-main-container {
    border: 1px solid #e1e1e1;
    border-top: 0
}
.game-question-main-container .game-question-banner-container,
.game-question-main-container .game-question-banner-container img {
    width: 100%
}
.game-question-main-container .header-text,
.game-question-main-container .footer-text {
    font-size: 14px;
    line-height: 16px;
    color: #383733
}
.game-question-main-container .header-text {
    padding: 0 0 20px 0
}
.game-question-main-container .footer-text {
    padding: 20px 0
}
.game-question-main-container .member-info-header {
    height: 45px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 20px 0;
    color: #383733
}
.game-question-main-container .member-info-container,
.game-question-main-container .button-row {
    width: 100%;
    max-width: 640px;
    margin: 0 auto
}
.game-question-main-container .member-info-container .member-info-row {
    padding: 10px 0;
    border-top: 1px dashed #ddd
}
.game-question-main-container .member-info-container .member-info-row.first-item {
    border: 0
}
.game-question-main-container .member-info-container .member-info-row-label,
.game-question-main-container .member-info-container .member-info-row-content {
    float: left;
    min-height: 1px
}
.game-question-main-container .member-info-container .member-info-row-label {
    width: 30%
}
@media all and (max-width: 999999px) {
    .game-question-main-container .member-info-container .member-info-row-label {
        width: 100%
    }
}
.game-question-main-container .member-info-container .member-info-row-content {
    width: 70%
}
@media all and (max-width: 999999px) {
    .game-question-main-container .member-info-container .member-info-row-content {
        width: 100%
    }
}
.game-question-main-container .button-row {
    text-align: center
}
.game-question-main-container .button-row .button-container {
    display: inline-block
}
.game-question-main-container .button-row .form_btn {
    display: inline-block;
    margin: 15px
}
.game-question-main-content {
    padding: 40px
}
.game-question-title-container {
    font-size: 27px;
    font-weight: bold;
    color: #383733;
    line-height: 24px;
    padding: 0 0 30px 0
}
#game-question-form label {
    font-weight: normal;
    color: #383733;
    font-size: 14px
}
#game-question-form input[type="radio"]:checked+label {
    font-weight: bold
}
.question-row-label,
.question-row-content {
    float: left;
    min-height: 1px;
    font-size: 14px;
    color: #383733
}
.question-row {
    width: 100%;
    padding: 10px 0
}
.question-row-label {
    font-size: 14px;
    color: #383733;
    width: 10%;
    font-weight: bold
}
.question-row-content {
    width: 90%
}
.member-register-select-container {
    width: 100%;
    min-height: 500px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 0px
}
.member-register-select-container .header {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 20px
}
.member-register-select-container .member-type-row {
    width: 150%;
    padding: 30px 0;
    max-width: 1000px;
    margin: 0 auto;
    display: inline-block;
}
.member-register-select-container .member-type-container {
    float: left;
    width: 50%;
    min-height: 1px;
    padding: 10px
}
.member-register-select-container .member-type-box {
    background: rgba(5, 0, 0, 0.55);
    padding: 10px 20px 20px 20px;
    border-radius: 10px
}
.member-register-select-container .member-type-name {
    position: relative;
    text-align: center;
    height: auto
}
.member-register-select-container .member-type-name .text-container {
    line-height: 34px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle
}
.member-register-select-container .member-type-name .member-icon.normal {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 34px;
    background-position: -268px -845px
}
.member-register-select-container .member-type-name .member-icon.vip {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 34px;
    background-position: -298px -845px
}
.member-register-select-container .description-container {
    padding: 20px 0;
    color: #fde09c;
    font-size: 16px;
    line-height: 20px;
    min-height: 200px
}
.member-register-select-container .register-button {
    display: block;
    width: 200px;
    height: 35px;
    margin: 0 auto;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border-radius: 5px
}
.member-register-select-container .register-button.normal {
    background: #f30002
}
.member-register-select-container .register-button.vip {
    background: #6fc048
}
.member-register-select-container .register-button.movie {
    background: #FFBF00
}
#sidebar {
    padding: 20px
}
.back-to-top.tc {
    width: 64px;
    height: 40px;
    background-image: url(back_top_tc.png);
    background-image: url("../../images/back_top_tc.png");
}
.back-to-top.en {
    width: 64px;
    height: 40px;
    background-image: url(back_top_en.png);
    background-image: url("../../images/back_top_en.png");
}
.back-to-top {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 64px 40px;
    vertical-align: middle;
    position: fixed;
    right: 0;
    bottom: 20%;
    cursor: pointer;
    display: none;
    opacity: .6
}
.back-to-top:hover,
.back-to-top:focus {
    opacity: 1
}
#footer {
    width: 100%;
    min-width: 1030px;
    height: 334px;
    background: #787878;
    position: absolute;
    bottom: 0
}
#footer .footer-container {
    width: 1030px;
    margin: 0 auto;
    padding: 38px 0 13px 0
}
#footer .footer-col {
    padding: 0 2px;
    font-size: 12px;
    text-align: left
}
#footer .footer-col,
#footer .footer-col a {
    color: #fff;
    font-size: 14px
}
#footer .footer-col.link a:hover {
    background: #454545
}
#footer .footer-item {
    width: 100%;
    height: 28px;
    padding: 7px 0;
    line-height: 14px;
    font-size: 14px
}
#footer .footer-item.follow-us-row,
#footer .footer-item.mobile-apps-row {
    height: auto
}
#footer .footer-item.follow-us-row {
    padding: 7px 0 20px 0
}
.footer-icon-container {
    padding: 0 10px;
    float: left
}
.footer-facebook-page-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: -242px -883px
}
.footer-facebook-page-icon:hover,
.footer-facebook-page-icon:focus {
    width: 28px;
    height: 28px;
    background-position: -62px -883px
}
.footer-youtube-page-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: -92px -883px
}
.footer-youtube-page-icon:hover,
.footer-youtube-page-icon:focus {
    width: 28px;
    height: 28px;
    background-position: -32px -883px
}
.footer-instagram-page-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(ig_logo_gray.png);
    background-image: url("../../images/ig_logo_gray.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    
}
.footer-instagram-page-icon:hover,
.footer-instagram-page-icon:focus {
    width: 28px;
    height: 28px;
    background-image: url(ig_logo_color.png);
    background-image: url("../../images/ig_logo_color.png");
    
}
.footer-android-app-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: -122px -883px
}
.footer-android-app-icon:hover,
.footer-android-app-icon:focus {
    width: 28px;
    height: 28px;
    background-position: -332px -883px
}
.footer-ios-app-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: -302px -883px
}
.footer-ios-app-icon:hover,
.footer-ios-app-icon:focus {
    width: 28px;
    height: 28px;
    background-position: -272px -883px
}
.footer-blackberry-app-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: -182px -883px
}
.footer-blackberry-app-icon:hover,
.footer-blackberry-app-icon:focus {
    width: 28px;
    height: 28px;
    background-position: -2px -883px
}
.mobile-footer {
    border-top: 1px solid #fff;
    bottom: 0;
    position: absolute;
    width: 100%
}
.mobile-footer .switch-to-desktop-button {
    display: block;
    width: 100%;
    height: 60px;
    background: #595959;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    padding: 20px;
    font-weight: bold
}
.browser-suggest-container {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 80px;
    font-size: 12px;
    color: #fff
}
.copyright {
    background: #454545;
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
    padding: 20px
}
.copyright.desktop {
    position: absolute;
    bottom: 1px;
    font-size: 12px;
    border-top: 1px solid #fff
}
.crazy-ad {
    border: 0 !important;
    border-radius: 0 !important
}
.crazy-ad .modal-dialog {
    width: 100% !important
}
.crazy-ad .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0
}
.page-not-found-title,
.page-not-found-link-container {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
}
.page-not-found-title {
    font-size: 28px;
    color: #383733;
    padding: 140px 0 20px 0
}
.page-not-found-link-container {
    padding: 0 0 140px 0
}
.page-not-found-link-container a {
    font-size: 16px;
    color: #f30002
}
#logo {
    padding: 10px 20px;
    font-size: 200%
}
#mainmenu ul {
    padding: 6px 20px 5px 20px;
    margin: 0
}
#mainmenu ul li {
    display: inline
}
#mainmenu ul li a {
    color: #fff;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 8px
}
#mainmenu ul li a:hover,
#mainmenu ul li.active a {
    color: #6399cd;
    background-color: #eff4fa;
    text-decoration: none
}
.crazy-ad .modal-dialog {
    margin: 0
}
.crazy-ad .nav-tabs {
    position: relative
}
.crazy-ad .header-background {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #e1e1e1;
    border-bottom: 3px solid #f30002
}
.crazy-ad .crazy-ad-close-button-container {
    position: relative;
    float: right;
    line-height: 40px
}
.crazy-ad .crazy-ad-close-button {
    display: block;
    position: relative;
    height: 100%;
    padding: 20px 16px;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    color: #494949
}
.crazy-ad .crazy-ad-close-button-icon {
    position: absolute;
    left: 0;
    top: 11px
}
div.flash-error,
div.flash-notice,
div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd
}
div.flash-error {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4
}
div.flash-notice {
    background: #fff6bf;
    color: #514721;
    border-color: #ffd324
}
div.flash-success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880
}
div.flash-error a {
    color: #8a1f11
}
div.flash-notice a {
    color: #514721
}
div.flash-success a {
    color: #264409
}
div.form .rememberMe label {
    display: inline
}
div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #c9e0ed
}
div.breadcrumbs {
    font-size: .9em;
    padding: 5px 20px
}
div.breadcrumbs span {
    font-weight: bold
}
.portlet-decoration {
    padding: 3px 8px;
    background: #b7d6e7;
    border-left: 5px solid #6faccf
}
.portlet-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd
}
.portlet-content {
    font-size: .9em;
    margin: 0;
    padding: 5px 8px;
    margin-bottom: 15px;
    background: #effdff
}
.portlet-content ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.portlet-content li {
    padding: 2px 0 4px 0
}
.post {
    margin: 0 0 20px
}
.post .title {
    font-size: 1.5em;
    border-bottom: 1px solid #c9e0ed
}
.post .title a {
    color: #555;
    text-decoration: none
}
.post .author {
    color: #888;
    margin: 0 0 5px
}
.post .nav {
    -moz-border-radius: 7px;
    padding: 5px;
    background: #effdff
}
.comment {
    -moz-border-radius: 7px;
    padding: 10px;
    background: #f5f5f5;
    margin: 5px 0
}
.comment .content {
    margin: 10px 0
}
.comment .author {
    margin: 5px 0;
    padding: 0 0 3px;
    border-bottom: 1px solid #ddd
}
.comment .time {
    color: #888;
    font-size: .8em
}
.comment a.cid {
    color: #ccc;
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 5px 5px 5px;
    text-decoration: none
}
.comment a.cid:hover {
    color: #555
}
.comment .pending {
    color: red
}
@media all and (min-width: 999999px) {
    .mm-page {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important
    }
    #mm-blocker,
    html.mm-blocking #mm-blocker {
        display: none !important
    }
    html.mm-opening .mm-slideout {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}
@media all and (max-width: 999999px) {
    .main-container {
        width: 100%;
        max-width: 1030px
    }
    #header {
        min-width: 0
    }
    .unsupported-browser-message-container {
        padding: 5px 10px 10px 10px
    }
    #header .logo-row {
        width: 100%;
        height: 100%;
        padding: 0
    }
    #header .logo-row.about-us-page {
        padding: 0
    }
    #header .logo-row .header-ads-banner {
        width: 100%;
        padding: 0;
        height: auto
    }
    #header .logo-row .header-ads-banner .fotorama__stage {
        height: 60px !important
    }
    #header .logo-row .header-ads-banner .banner-item {
        border: 1px solid #dbdbdb
    }
    #header .logo-row .header-ads-banner .banner-item img {
        position: relative;
        margin: 10px;
        display: block;
        height: auto;
        width: 100%
    }
    .main-container {
        padding: 0 0 121px 0;
        max-width: 9999999px
    }
    .mobile-index-list-container .mobile-index-list-item,
    .mobile-index-list-container .mobile-index-tab {
        color: #595959;
        border: 1px;
        border-style: solid;
        border-color: #D9D9D9;
        background: #FFFFFF;
        font-size: 18px;
        padding: 0;
        padding-top: 10px;
        margin: 10px;
    }
    .mobile-index-list-container .mobile-index-list-item {
        display: block;
        padding: 10px
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-title {
        font-weight: bold;
        height: 60px;
        color: #595959;
        padding: 10px;
        padding-top: 10px;
        margin-top: 10px;
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-carousel {
        padding: 20px 0
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-carousel .owl-wrapper {
        margin: 0 auto
    }
    .mobile-index-list-container .mobile-index-list-item.odd,
    .mobile-index-list-container .mobile-index-tab.odd {
        background: #30302d
    }
    .mobile-index-list-container .mobile-index-list-item.even,
    .mobile-index-list-container .mobile-index-tab.even {
        background: #42423e
    }
    .mobile-index-list-container .mobile-index-list-item:last-child {}.mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel {
        display: none;
        position: relative;
        padding: 0 30px;
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel .mobile-index-tab-carousel-button {
        position: absolute;
        top: 120px;
        cursor: pointer
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel .mobile-index-tab-carousel-prev {
        left: 15px
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel .mobile-index-tab-carousel-prev:active {
        width: 11px;
        height: 21px;
        background-position: -409px -913px
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel .mobile-index-tab-carousel-next {
        right: 15px
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-tab-carousel .mobile-index-tab-carousel-next:active {
        width: 11px;
        height: 21px;
        background-position: -435px -913px
    }
    .mobile-index-list-container .mobile-index-tab .owl-item {
        height: 260px;
        padding: 0 5px
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-carousel-item-container {
        position: relative;
        width: 100%;
        height: 100%
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-carousel-item img {
        position: absolute;
        max-width: 185px;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        border: 1px solid #dbdbdb
    }
    .mobile-index-list-container .mobile-index-tab .mobile-index-carousel-item .show-attribute-background {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
        width: 100%;
        max-width: 185px;
        height: 100%;
        background-position: top right !important;
        background-repeat: no-repeat !important
    }
    .movie-select-bar-container,
    .movie-select-bar-container.movie-list-page {
        padding: 0
    }
    .movie-select-bar {
        height: auto;
        padding: 15px 20px
    }
    .movie-list-page .movie-select-container {
        width: 100%;
        height: 40px;
        padding: 5px
    }
    .cinema-detail-schedule-list .cinema-schdule-switch-button-container,
    .movie-list-page.movie-select-bar-container .movie-schdule-switch-button-container {
        width: 100%;
        text-align: center;
        float: none
    }
    .cinema-detail-schedule-list .cinema-schedule-by-date-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-movie-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-imax-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-vip-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-4dx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-reald-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-thx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-cgs-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-mx4d-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-dolby-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-moviemaxx-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-date-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-4dx-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-reald-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-thx-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-cgs-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button-container,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button-container{
        float: none;
        display: inline-block
    }
    .cinema-detail-schedule-list .cinema-schedule-by-moviemaxx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-imax-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-vip-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-4dx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-reald-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-thx-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-cgs-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-mx4d-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-dolby-button-container,
    .cinema-detail-schedule-list .cinema-schedule-by-movie-button-container {
        padding: 0 25px 0 25px;
    }
    .cinema-detail-schedule-list .cinema-schedule-by-date-button-container {
        padding: 0 0 0 25px
    }
    .cinema-detail-schedule-list .cinema-schedule-by-date-button,
    .cinema-detail-schedule-list .cinema-schedule-by-movie-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-date-button,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button {
        font-size: 16px
    }
    .movie-select-container {
        width: 100%;
        height: 40px;
        padding: 5px 0;
        float: none
    }
    .movie-select-container .selectboxit-text {
        font-size: 16px;
        color: #000000
    }
    .upcoming-movie-list-left-col {
        width: 100%
    }
    .upcoming-movie-list-right-col {
        display: none
    }
    .upcoming-movie-list-left-col .upcoming-movie-main-container {
        padding: 0 10px;
        text-align: center
    }
    .upcoming-movie-main-container .upcoming-movie-month-select-container {
        width: auto;
        display: inline-block
    }
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-month,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-year,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-text-all {
        display: none
    }
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select-bullet,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .left-bar,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .right-bar {
        margin: 40px 0 0 0
    }
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .upcoming-movie-month-select-text-month,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .upcoming-movie-month-select-text-year,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .upcoming-movie-month-select-text-all {
        display: block
    }
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .upcoming-movie-month-select-bullet,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .left-bar,
    .upcoming-movie-main-container .upcoming-movie-month-select-container .upcoming-movie-month-select.active .right-bar {
        margin: 0
    }
    .upcoming-movie-main-container .upcoming-movie-list-container.isotope {
        width: 100% !important;
        margin: 0 auto
    }
    .template-login-wrapper {
        padding: 0 15px
    }
    .template-login-container {
        padding: 20px
    }
    .template-login-container .template-login-header-row {
        padding: 0 0 10px 0;
        height: auto
    }
    .template-login-container .template-login .panel-group,
    .template-login-container .template-login .non-member-login-container {
        padding: 0
    }
    .template-login-container .template-login .panel-group .panel {
        margin: 10px 0 0 0
    }
    .template-login-container .template-login .non-member-login-container {
        padding: 10px 0 0 0
    }
    .template-login-container .template-login .tab-content-container {
        display: none
    }
    .template-login-container .template-login .input-row.last-item {
        height: 50px;
        padding: 10px
    }
    .template-login-container .template-login .panel .forget-password-row-normal,
    .template-login-container .template-login .panel .forget-password-row {
        padding: 10px 0;
        height: 35px
    }
    .template-login-container .template-login .facebook-login-button-row {
        height: 60px;
        padding: 10px 0
    }
    .gift-card-main-container {
        border: 0
    }
    .gift-card-main-container.purchase-page {
        padding: 0
    }
    .login-container {
        min-width: 1px;
        padding: 0 0 40px 0
    }
    .login-container .login-right-container {
        width: 100%;
        padding: 20px 40px;
        overflow: visible
    }
    .login-container .login-right-container .login-form-container {
        padding: 0
    }
    .login-container .login-right-container .login-form-container .login-form-header {
        margin: 0
    }
    .login-container .login-right-container .login-form-inner-container {
        width: 100%;
        padding: 0
    }
    .login-container .login-right-container .login-form-inner-container .login-type-switch-row {
        text-align: center;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 -40px 0 -50px
    }
    .login-container .login-right-container .login-form-inner-container .login-type-switch-button-container {
        float: none;
        display: inline-block;
        padding: 15px 10px
    }
    .login-container .login-right-container .login-form-inner-container #login-form .submit-button-row {
        width: auto;
        text-align: center;
        padding: 0;
        margin: 0 -40px 0 -50px
    }
    .login-container .login-right-container .login-form-inner-container #login-form .submit-button-container {
        float: none;
        display: inline-block;
        padding: 10px 15px;
        width: 160px
    }
    .login-page-footer {
        width: 100%
    }
    .cinema-detail-schedule-list .tab-background {
        top: 0
    }
    .cinema-detail-schedule-list .cinema-select-container {
        width: 100%;
        padding: 0 20px 10px 20px
    }
    .cinema-detail-schedule-list .cinema-schdule-switch-button-container {
        padding: 10px 10px
    }
    .movie-list-main-container .movie-schedule-container,
    .cinema-list-main-container .movie-schedule-container {
        width: 100%;
        border: 0
    }
    .movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-row,
    .cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-row {
        height: auto
    }
    .movie-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button-container,
    .cinema-list-main-container .movie-schedule-container .movie-date-schedule-container .movie-date-schedule-button-container {
        padding: 0 6px 10px 0;
        height: 60px;
        float: left;
        display: block
    }
    .cinema-detail-schedule-list {
        padding: 10px 0 0 0
    }
    .movie-list-main-container .movie-group-box,
    .cinema-list-main-container .movie-group-box {
        padding: 0 0 5px 0;
        background: #383733
    }
    .movie-list-main-container .movie-row-container,
    .cinema-list-main-container .movie-row-container,
    .movie-list-main-container .movie-group-container.special-group .movie-row-container,
    .cinema-list-main-container .movie-group-container.special-group .movie-row-container {
        padding: 0
    }
    .movie-list-main-container .movie-row-container,
    .cinema-list-main-container .movie-row-container {
        background: #fff
    }
    .movie-list-main-container .movie-row,
    .cinema-list-main-container .movie-row,
    .movie-list-main-container .special-group .movie-row,
    .cinema-list-main-container .special-group .movie-row {
        border: 0;
        padding: 0px 20px 0 20px
    }
    .movie-row-container.first-item .movie-row {
        padding: 0 20px
    }
    .mobile-movie-name-container {
        padding: 20px 0 20px 0;
        border-top: 1px solid #d4d4d4
    }
    .mobile-movie-name-container a {
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: #383733
    }
    .movie-row-container.first-item .mobile-movie-name-container {
        border: 0
    }
    .movie-list-main-container .movie-schedule-container,
    .cinema-list-main-container .movie-schedule-container,
    .cinema-list-main-container.list .movie-schedule-container {
        padding: 0
    }
    .movie-list-main-container .movie-schedule-container .movie-date-schedule-container,
    .cinema-list-main-container .movie-schedule-container .movie-date-schedule-container {
        padding: 0
    }
    .cinema-detail.movie-view .movie-group-container .movie-row,
    .cinema-detail.movie-view .movie-group-container.special-group .movie-row {
        border: 0;
        padding: 0 0 35px 0
    }
    .cinema-detail.movie-view .movie-schedule-by-cinema-district-row {
        padding: 0
    }
    .share-popup.modal,
    .festival-share-popup.modal,
    #prefer-cinema-popup.modal,
    #cinema-info-tabs.modal {
        width: 90% !important;
        height: auto
    }
    .share-popup .modal-dialog,
    .festival-share-popup .modal-dialog,
    #prefer-cinema-popup .modal-dialog,
    #cinema-info-tabs .modal-dialog {
        width: 100%
    }
    .festival-container {
        padding: 0 0 2px 0
    }
    .festival-image-container {
        width: 100%
    }
    .join-us-content-box {
        border: 0;
        padding: 15px
    }
    .game-question-main-content {
        padding: 20px
    }
    .game-question-main-content .member-info-container,
    .game-question-main-content .button-row {
        max-width: 10000000px
    }
    .game-question-main-content .button-row .button-container {
        width: 48%;
        padding: 0 5px
    }
    .game-question-main-content .button-row .form_btn {
        margin: 15px 0;
        width: 100%
    }
    .festival-box {
        padding: 10px 20px 40px 20px
    }
    .festival-box.list {
        padding: 10px 20px
    }
    .festival-container .movie-detail-button-row {
        position: absolute;
        bottom: 10px;
        right: 10px
    }
    .member-register-select-container .member-type-container {
        width: 100%
    }
    .member-register-select-container .member-type-container .register-button {
        width: 100%
    }
    #prefer-cinema-popup .nav-tabs>li.active {
        font-size: 30px
    }
    #prefer-cinema-popup .tab-content .prefer-cinema-popup-district-name {
        font-size: 22px;
        font-weight: bold
    }
    #prefer-cinema-popup .tab-content .prefer-cinema-popup-cinema-name {
        font-size: 14px
    }
    .cinema-detail-schedule-list .cinema-schedule-by-date-button.active,
    .cinema-detail-schedule-list .cinema-schedule-by-movie-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-date-button.active,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button.active,
    .cinema-detail-schedule-list .cinema-schedule-by-date-button:hover,
    .cinema-detail-schedule-list .cinema-schedule-by-movie-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-imax-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-vip-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-mx4d-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-dolby-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-date-button:hover,
    .movie-list-page.movie-select-bar-container .movie-schedule-by-movie-button:hover{
        font-size: 16px !important
    }
    .crazy-ad {
        width: 90% !important
    }
    .gift-card-main-container #balance-check-form .input-row,
    .gift-card-main-container #set-password-form .input-row {
        padding: 10px 20px
    }
    .gift-card-main-container #balance-check-form .card-no-remarks,
    .gift-card-main-container #set-password-form .card-no-remarks,
    .gift-card-main-container #balance-check-form .text-danger,
    .gift-card-main-container #set-password-form .text-danger {
        padding: 0 20px
    }
    .gift-card-main-container #balance-check-form .card-no-remarks,
    .gift-card-main-container #set-password-form .card-no-remarks {
        font-size: 12px
    }
    .gift-card-main-container #balance-check-form .input-row label,
    .gift-card-main-container #set-password-form .input-row label {
        width: 100%
    }
    .gift-card-main-container #balance-check-form .input-row input,
    .gift-card-main-container #set-password-form .input-row input {
        width: 100%
    }
    .gift-card-main-container #balance-check-form .card-no-container,
    .gift-card-main-container #set-password-form .card-no-container {
        width: 25%
    }
    .gift-card-main-container #balance-check-form .padding-left,
    .gift-card-main-container #set-password-form .padding-left {
        display: none
    }
    .gift-card-main-container #balance-check-form .submit-button-container,
    .gift-card-main-container #set-password-form .submit-button-container {
        padding: 20px 0;
        width: 150px
    }
    .gift-card-main-container #balance-check-form .submit-button-row,
    .gift-card-main-container #set-password-form .submit-button-row {
        margin: 0 -20px
    }
    .login-container .login-right-container {
        float: left
    }
    .login-container .language-switch-row {
        width: 100%;
        margin: auto
    }
    .login-container .logo-row {
        width: 100%;
        margin: auto
    }
    .login-container .login-right-container .login-form-container {
        width: 100%;
        margin: auto
    }
    .upcoming-movie-list-left-col .movie-select-bar-container {
        padding: 0
    }
}
.cinema-info-container {
    background-color: #f3eee3;
    position: relative
}
.cinema-info-container .cinemaName {
    position: absolute;
    top: 0;
    left: 0;
    width: 660px;
    height: 290px;
    overflow: hidden;
    padding: 15px 20px 15px 20px;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    z-index: 1
}
@media all and (max-width: 999999px) {
    .cinema-info-container .cinemaName {
        position: relative;
        width: 100%;
        height: auto;
        padding: 8px 15px;
        font-size: 18px;
        background-color: #383736;
        text-align: center
    }
}
.cinema-info-container .topArea {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}
@media all and (max-width: 999999px) {
    .cinema-info-container .topArea {
        height: auto
    }
}
.cinema-info-container .topArea .keyArt {
    text-align: center
}
.cinema-info-container .topArea .barImage {
    display: none;
    text-align: center
}
@media all and (max-width: 999999px) {
    .cinema-info-container .topArea .keyArt img,
    .cinema-info-container .topArea .barImage img {
        max-width: 100%
    }
}
.cinema-info-container .topArea .banner {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)"
}
.cinema-info-container .topArea .banner img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #dbdbdb
}
.cinema-info-container .infoArea {
    padding: 20px 20px 11px 20px;
    min-height: 100px
}
@media all and (max-width: 999999px) {
    .cinema-info-container .infoArea {
        padding: 5px 0;
        text-align: center;
        min-height: 1px
    }
}
.cinema-info-container .infoArea>div,
.cinema-info-container .infoArea>a {
    display: inline-block;
    vertical-align: middle
}
.cinema-info-container .infoArea .seatNum,
.cinema-info-container .infoArea .houseNum {
    color: #e3c27b;
    font-family: "Impact";
    font-size: 70px
}
.cinema-info-container .infoArea .seatUnit,
.cinema-info-container .infoArea .houseUnit {
    text-transform: uppercase;
    margin-right: 15px;
    color: #e3c27b;
    font-family: "Impact";
    font-size: 32px
}
.cinema-info-container .infoArea .dolby {
    display: inline-block;
    vertical-align: bottom;
    background: url("../../images/icon_dolby.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 180px;
    height: 42px
}
.cinema-info-container .infoArea .dolby a {
    width: 100%;
    height: 100%
}
.cinema-info-container .infoArea .buttonsList {
    float: right;
    padding: 10px 0
}
@media all and (max-width: 999999px) {
    .cinema-info-container .infoArea .buttonsList {
        float: none;
        padding: 0
    }
}
.cinema-info-container .infoArea .buttonsList .barButton,
.cinema-info-container .infoArea .buttonsList .seatButton,
.cinema-info-container .infoArea .buttonsList .facilityButton,
.cinema-info-container .infoArea .buttonsList .ticketingButton,
.cinema-info-container .infoArea .buttonsList .m_mapButton,
.cinema-info-container .infoArea .buttonsList .m_parkingButton {
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    float: left;
    background-color: #b29752;
    color: #fff;
    font-size: 14px;
    padding-top: 42px;
    margin-left: 4px;
    cursor: pointer;
    line-height: normal
}
@media all and (max-width: 999999px) {
    .cinema-info-container .infoArea .buttonsList .barButton,
    .cinema-info-container .infoArea .buttonsList .seatButton,
    .cinema-info-container .infoArea .buttonsList .facilityButton,
    .cinema-info-container .infoArea .buttonsList .ticketingButton,
    .cinema-info-container .infoArea .buttonsList .m_mapButton,
    .cinema-info-container .infoArea .buttonsList .m_parkingButton {
        width: 18%;
        height: 74px;
        max-width: 80px;
        max-height: 80px;
        margin-left: 1px;
        margin-right: 1px;
        display: inline-block !important;
        float: none;
        background-position: center 10%;
        padding: 45px 0 0 0
    }
}
@media all and (max-width: 999999px) {
    .cinema-info-container .infoArea .buttonsList {
        text-align: center;
        width: 100%
    }
    .cinema-info-container .infoArea .buttonsList .barButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_barBistro_wap.png")
    }
    .cinema-info-container .infoArea .buttonsList .seatButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_shockseat_wap.png")
    }
    .cinema-info-container .infoArea .buttonsList .facilityButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_house_wap.png")
    }
    .cinema-info-container .infoArea .buttonsList .ticketingButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_ticketPrice_wap.png")
    }
    .cinema-info-container .infoArea .buttonsList .m_mapButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_location_wap.png");
        display: none !important
    }
    .cinema-info-container .infoArea .buttonsList .m_parkingButton {
        background-image: url("../../images/button_cinemaDetailBrownSquare_parking_wap.png")
    }
}
@media all and (max-width: 540px) {
    .cinema-info-container .infoArea .buttonsList .barButton,
    .cinema-info-container .infoArea .buttonsList .seatButton,
    .cinema-info-container .infoArea .buttonsList .facilityButton,
    .cinema-info-container .infoArea .buttonsList .ticketingButton,
    .cinema-info-container .infoArea .buttonsList .m_mapButton,
    .cinema-info-container .infoArea .buttonsList .m_parkingButton {
        padding-top: 30px
    }
    .cinema-info-container .infoArea .buttonsList .barButton span,
    .cinema-info-container .infoArea .buttonsList .seatButton span,
    .cinema-info-container .infoArea .buttonsList .facilityButton span,
    .cinema-info-container .infoArea .buttonsList .ticketingButton span,
    .cinema-info-container .infoArea .buttonsList .m_mapButton span,
    .cinema-info-container .infoArea .buttonsList .m_parkingButton span {
        font-size: 12px;
        line-height: 12px
    }
}
@media all and (max-width: 420px) {
    .cinema-info-container .infoArea .buttonsList .barButton span,
    .cinema-info-container .infoArea .buttonsList .seatButton span,
    .cinema-info-container .infoArea .buttonsList .facilityButton span,
    .cinema-info-container .infoArea .buttonsList .ticketingButton span,
    .cinema-info-container .infoArea .buttonsList .m_mapButton span,
    .cinema-info-container .infoArea .buttonsList .m_parkingButton span {
        font-size: 10px;
        line-height: 10px
    }
}
.cinema-info-container .infoArea .buttonsList .barButton div,
.cinema-info-container .infoArea .buttonsList .seatButton div,
.cinema-info-container .infoArea .buttonsList .facilityButton div,
.cinema-info-container .infoArea .buttonsList .ticketingButton div,
.cinema-info-container .infoArea .buttonsList .m_mapButton div,
.cinema-info-container .infoArea .buttonsList .m_parkingButton div {
    display: table;
    width: 100%;
    height: 100%
}
.cinema-info-container .infoArea .buttonsList .barButton span,
.cinema-info-container .infoArea .buttonsList .seatButton span,
.cinema-info-container .infoArea .buttonsList .facilityButton span,
.cinema-info-container .infoArea .buttonsList .ticketingButton span,
.cinema-info-container .infoArea .buttonsList .m_mapButton span,
.cinema-info-container .infoArea .buttonsList .m_parkingButton span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.cinema-info-container .bottomArea {
    padding: 7px 20px 15px 20px;
    font-size: 14px;
    line-height: 14px
}
@media all and (max-width: 999999px) {
    .cinema-info-container .bottomArea {
        padding: 0
    }
}
.cinema-info-container .bottomArea .address {
    width: 100%;
    background-color: #e9e0cc;
    padding: 15px;
    margin: 0 200px 0 0;
    color: #9c7738;
    vertical-align: middle;
    cursor: default
}
.cinema-info-container .bottomArea .address span {
    cursor: pointer
}
.cinema-info-container .bottomArea .address.mobile-address {
    padding: 0 90px 0 15px;
    position: relative;
    cursor: pointer
}
.cinema-info-container .bottomArea .address.mobile-address span {
    display: table-cell;
    padding: 15px 0;
    vertical-align: middle
}
.cinema-info-container .bottomArea .address.mobile-address .mapButton-container {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 65px;
    height: 100%
}
@media all and (max-width: 999999px) {
    .cinema-info-container .bottomArea .address.mobile-address .mapButton-container {
        width: 35px
    }
}
.cinema-info-container .bottomArea .address.mobile-address .mapButton-container .mapButton-inner-container {
    display: table;
    height: 100%
}
.cinema-info-container .bottomArea .address.mobile-address .mapButton-container .mapButton-inner-container .mapButton {
    display: table-cell;
    color: #9c7738;
    margin: 0;
    float: none;
    vertical-align: middle;
    cursor: pointer
}
@media all and (max-width: 999999px) {
    .cinema-info-container .bottomArea .address.mobile-address .mapButton-container .mapButton-inner-container .mapButtonText {
        display: none
    }
}
.cinema-info-container .bottomArea .parkingButton,
.cinema-info-container .bottomArea .mapButton {
    float: right;
    display: inline-block;
    color: #9c7738;
    margin-top: 8px;
    margin-right: 15px;
    cursor: pointer
}
.cinema-info-container .bottomArea .mapButton.desktop {
    margin: 0;
    height: 50px;
    padding: 8px 15px 0 0;
    cursor: pointer
}
.cinema-info-container .bottomArea .parkingButton {
    padding-left: 10px;
    border-left: 2px #fcfbf9 solid
}
.cinema-info-container .bottomArea .parkingButton .sprite,
.cinema-info-container .bottomArea .mapButton .sprite {
    vertical-align: middle;
    margin-right: 2px
}
.cinema-promo-text-container {
    margin-top: 25px
}
@media all and (max-width: 999999px) {
    .cinema-promo-text-container {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}
#cinema-info-tabs .nav.nav-tabs {
    height: 50px
}
#cinema-info-tabs .tabFacility-label,
#cinema-info-tabs .tabTicketing-label,
#cinema-info-tabs .tabParking-label,
#cinema-info-tabs .tabMap-label {
    padding: 0
}
#cinema-info-tabs .tabFacility-label.active,
#cinema-info-tabs .tabTicketing-label.active,
#cinema-info-tabs .tabParking-label.active,
#cinema-info-tabs .tabMap-label.active {
    background-color: #f00
}
#cinema-info-tabs .tabFacility-label a,
#cinema-info-tabs .tabTicketing-label a,
#cinema-info-tabs .tabParking-label a,
#cinema-info-tabs .tabMap-label a {
    padding: 15px 20px 15px 20px
}
#cinema-info-tabs .tabFacility-label.active a,
#cinema-info-tabs .tabTicketing-label.active a,
#cinema-info-tabs .tabParking-label.active a,
#cinema-info-tabs .tabMap-label.active a {
    background-color: #f00
}
#cinema-info-tabs .tabFacility-label.active .icon_cinemaDetail_popup_tabicon_house {
    width: 22px;
    height: 22px;
    background-position: -276px -913px
}
#cinema-info-tabs .tabTicketing-label.active .icon_cinemaDetail_popup_tabicon_ticketprice {
    width: 22px;
    height: 22px;
    background-position: -54px -913px
}
#cinema-info-tabs .tabParking-label.active .icon_cinemaDetail_popup_tabicon_parking {
    width: 22px;
    height: 22px;
    background-position: -300px -913px
}
#cinema-info-tabs .tabMap-label.active .icon_cinemaDetail_popup_tabicon_location {
    width: 22px;
    height: 22px;
    background-position: -372px -913px
}
@media all and (max-width: 999999px) {
    #cinema-info-tabs .left-arrow,
    #cinema-info-tabs .right-arrow {
        position: absolute;
        top: 0
    }
    #cinema-info-tabs .left-arrow {
        left: 0
    }
    #cinema-info-tabs .right-arrow {
        right: 0
    }
    #cinema-info-tabs .cinema-popup-close-button-container {
        display: none
    }
    #cinema-info-tabs .nav.nav-tabs {
        border-bottom: none
    }
    #cinema-info-tabs .nav.nav-tabs>li {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 30px;
        padding-top: 5px
    }
    #cinema-info-tabs .nav.nav-tabs>li.active {
        display: block
    }
    #cinema-info-tabs .nav.nav-tabs>li div.sprite {
        display: none
    }
    #cinema-info-tabs .nav.nav-tabs>li a {
        padding: 0
    }
    #cinema-info-tabs .m_cinema-popup-close-button-container {
        width: 100%;
        height: 50px;
        background-color: #dbdbdb;
        font-size: 24px;
        line-height: 50px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        color: #494949
    }
    #cinema-info-tabs .m_cinema-popup-close-button-container .sprite {
        display: inline-block;
        vertical-align: top
    }
}
@media all and (max-width: 999999px) {
    .cinema-list-container {
        text-align: center;
        border: none
    }
}
.cinema-list-container .map-container {
    display: inline-block;
    position: relative;
    width: 780px
}
.cinema-list-container .map-container .map-image {
    z-index: -1;
    max-width: 760px;
    float: left;
    height: auto;
    border: 2px solid #d6d6d6
}
.cinema-list-container .map-container .map-cinema-icon {
    position: absolute
}
.cinema-list-container .map-container .map-cinema-icon.active {
    width: 25px;
    height: 25px;
    background-position: -400px -883px
}
.cinema-list-container .map-container .map-cinema-icon>.cinema-popover-content-container {
    display: none;
    top: 0;
    left: 0
}
.cinema-list-container .list {
    display: inline-block;
    vertical-align: top;
    width: 22%;
    max-width: 225px;
    float: right
}
@media all and (max-width: 999999px) {
    .cinema-list-container .list {
        width: 100%;
        max-width: 100%
    }
}
.cinema-list-container .list .index-cinema-tab-container {
    padding: 0
}
.cinema-list-container .list .index-cinema-tab-name a:hover,
.cinema-list-container .list .index-cinema-tab-name a:focus {
    font-weight: bold;
    text-decoration: none
}
.cinema-list-container .tooltip-inner {
    width: 300px;
    max-width: 300px;
    padding: 10px;
    border: 1px #f00 solid;
    border-radius: 0;
    background-color: #fff;
    font-size: 14px;
    color: #494949;
    text-align: left
}
.cinema-list-container .cinema-popover-content-container .cinemaName {
    margin-bottom: 5px;
    font-size: 18px;
    color: #494949
}
.cinema-list-container .cinema-popover-content-container .keyArt {
    width: 100%;
    height: 87px;
    overflow: hidden;
    margin-bottom: 5px
}
.cinema-list-container .cinema-popover-content-container .keyArt img {
    width: 100%
}
.cinema-list-container .cinema-popover-content-container .address {
    margin-bottom: 5px;
    font-size: 14px;
    color: #494949
}
.cinema-list-container .cinema-popover-content-container .phone {
    margin-bottom: 5px;
    font-size: 14px;
    color: #494949
}
.cinema-list-container .cinema-popover-content-container .address .icon,
.cinema-list-container .cinema-popover-content-container .phoneNumber .icon {
    margin-right: 10px
}
.cinema-list-container .tooltip {
    overflow: visible
}
.cinema-list-container .tooltip>.tooltip-arrow {
    border-width: 11px
}
.cinema-list-container .tooltip>.tooltip-arrow:after {
    content: " ";
    border-width: 10px
}
.cinema-list-container .tooltip>.tooltip-arrow,
.cinema-list-container .tooltip>.tooltip-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.cinema-list-container .tooltip.top {
    margin-top: -8px;
    padding-bottom: 19px
}
.cinema-list-container .tooltip.bottom {
    padding-top: 19px
}
.cinema-list-container .tooltip.left {
    padding-right: 19px
}
.cinema-list-container .tooltip.right {
    padding-left: 19px
}
.cinema-list-container .tooltip.top .tooltip-arrow {
    border-top-color: #f00;
    border-top-width: 20px;
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0
}
.cinema-list-container .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f00;
    border-bottom-width: 20px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0
}
.cinema-list-container .tooltip.left .tooltip-arrow {
    border-left-color: #f00;
    border-left-width: 20px;
    top: 50%;
    margin-top: -11px;
    border-right-width: 0
}
.cinema-list-container .tooltip.right .tooltip-arrow {
    border-right-color: #f00;
    border-right-width: 20px;
    top: 50%;
    margin-top: -11px;
    border-left-width: 0
}
.cinema-list-container .tooltip.top .tooltip-arrow:after {
    content: " ";
    border-top-width: 18px;
    margin-bottom: 1px;
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}
.cinema-list-container .tooltip.bottom .tooltip-arrow:after {
    content: "  ";
    border-bottom-width: 18px;
    margin-top: 1px;
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}
.cinema-list-container .tooltip.left .tooltip-arrow:after {
    content: " ";
    border-left-width: 18px;
    margin-right: 1px;
    right: 1px;
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #fff
}
.cinema-list-container .tooltip.right .tooltip-arrow:after {
    content: "  ";
    border-right-width: 18px;
    margin-left: 1px;
    left: 1px;
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #fff
}
.cinema-list-container .res-list .res-cinema-tab-title {
    position: relative;
    padding: 8px 40px 8px 40px;
    background-color: #383733;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    color: #fff
}
.cinema-list-container .res-list .index-cinema-tab-setting-button {
    top: 10px;
    right: 20px
}
.cinema-list-container .res-list .res-cinema-tab-district,
.cinema-list-container .res-list .res-cinema-tab-district.ui-state-hover,
.cinema-list-container .res-list .res-cinema-tab-district.ui-state-active {
    background: #f2f2f2;
    outline-color: #c3c3c3;
    margin-top: 4px;
    padding: 15px 60px 15px 20px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    color: #373833;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    outline: none
}
.cinema-list-container .res-list .res-cinema-tab-district .icon_arrowUp {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 21px;
    height: 11px;
    background-position: -284px -983px;
    left: auto;
    top: 30px;
    right: 18px
}
.cinema-list-container .res-list .res-cinema-tab-district .icon_arrowDown {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 21px;
    height: 11px;
    background-position: -261px -983px;
    left: auto;
    top: 30px;
    right: 18px
}
.cinema-list-container .res-list .res-cinema-tab-name-container {
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 0
}
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name {
    position: relative;
    padding: 8px 20px 8px 20px;
    text-align: left;
    border-bottom: 2px solid #c3c3c3;
    cursor: pointer
}
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name>a {
    display: block;
    padding: 10px 20px 10px 20px;
    border-left: 5px solid transparent;
    font-size: 20px;
    font-weight: bold;
    color: #383733
}
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name>a:hover,
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name>a:focus {
    text-decoration: none
}
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name.prefer-cinema>a {
    border-left-color: #f00
}
.cinema-list-container .res-list .res-cinema-tab-name-container .res-cinema-tab-name .icon_arrowRight {
    position: absolute;
    top: 24px;
    right: 18px
}
.cinema-list-container .res-list .AMC-button-row .AMC-button-container {
    margin-top: 15px;
    margin-bottom: 70px;
    margin-left: 10px
}
.form-group.privacy-agreement {
    width: 90% !important
}
.form-group.privacy-agreement input {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}
.form-group.privacy-agreement .privacy-accept-text {
    display: inline-block;
    vertical-align: middle
}
.form-group.privacy-agreement .privacy-accept-text label {
    margin: 0;
    font-weight: normal
}
#privacyAgreement {
    padding: 25px;
    margin: 10px 0;
    border: 1px;
    border-style: solid;
    max-height: 500px;
    overflow-y: auto
}
.col-md-6.verfiy-code-container {
    padding: 0
}
.must-fill-in {
    background-color: #ebebeb;
    height: 50px
}
.must-fill-in .text {
    line-height: 50px
}
.form-control:focus {
    border-color: red;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 0, 0, 0.6)
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #7f7f7f;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.refreshText,
.refreshText:hover,
.refreshText:visited {
    color: #f00
}
@media all and (max-width: 999999px) {
    .refreshText,
    .captcha-image {
        float: left
    }
}
@media all and (max-width: 999999px) {
    .refreshText {
        clear: left
    }
}
.radio {
    margin-right: 25px
}
.form_btn {
    width: 145px;
    height: 40px;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 16px
}
.register-form-button-container {
    display: inline-block
}
.form_btn.reset_btn {
    background-color: #9f9f9f
}
.form_btn.send_btn {
    background-color: #3f3f3f
}
.member-select-bar-container {
    width: 100%
}
@media all and (max-width: 999999px) {
    .member-select-bar-container {
        padding: 0 0 30px 0
    }
}
.member-select-bar {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 5px 0
}
.member-select-container {
    width: 100%;
    height: 100%;
    padding: 0 5px;
    float: left
}
.member-select-half-container {
    width: 50%;
    height: 100%;
    padding: 0 5px;
    float: left
}
.member-select-half-container.left {
    width: 40%
}
.member-select-half-container.right {
    width: 60%
}
@media all and (max-width: 999999px) {
    .member-select-half-container {
        width: 100%;
        height: 40px
    }
    .member-select-half-container.left,
    .member-select-half-container.right {
        width: 100%
    }
}
@media all and (max-width: 999999px) {
    .member-select-of {
        display: none
    }
}
.member-select-of {
    position: absolute;
    line-height: 30px;
    width: 100%;
    left: 0;
    text-align: center
}
.member-select-container .selectboxit-container,
.member-select-half-container .selectboxit-container {
    width: 100%
}
.member-select,
.combodate .selectboxit {
    width: 100% !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    background-image: none !important;
    background: none !important;
    border: none !important;
    padding: 0 35px 0 0 !important
}
.combodate .selectboxit-container {
    width: 30%;
    padding: 0 5px
}
@media all and (max-width: 999999px) {
    .combodate .selectboxit-container {
        padding: 0
    }
}
.form-control.selectboxit:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.member-select .selectboxit-text,
.combodate .selectboxit .selectboxit-text {
    max-width: 100% !important;
    border: 1px solid #000;
    width: 100%;
    background: #fff
}
#member-_memberRegisterForm-form .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    color: #383733;
    background-color: #e1e1e1;
    background-image: none
}
#member-_memberRegisterForm-form .selectboxit-options {
    border-radius: 0
}
#member-_memberRegisterForm-form .selectboxit-option {
    border-bottom: 1px solid #c5c5c5
}
.member-select-half-container .selectboxit-text {
    max-width: 100% !important;
    width: 100%
}
.combodate .selectboxit .selectboxit-arrow-container,
.member-select .selectboxit-arrow-container {
    border-left: 1px solid #ccc;
    border: 1px solid #000;
    background: #fff
}
#member-_memberRegisterForm-form #Member_sex,
#member-_memberRegisterForm-form #Member_accept_email_type {
    line-height: 34px
}
#member-_memberRegisterForm-form #Member_sex label,
#member-_memberRegisterForm-form #Member_accept_email_type label {
    font-size: 16px;
    font-weight: normal
}
.bcmember_clickhere,
.bcmember_clickhere:hover,
.bcmember_clickhere:visited {
    color: #f00
}
#forgetpassword-form-container {
    width: 595px;
    margin: 0 auto 0 auto
}
#forgetpassword-form-container label {
    font-weight: normal
}
#forgetpassword-form-container .col-md-4 {
    font-size: 16px;
    color: #383733;
    font-weight: bold;
    padding: 7px 0 0 0
}
@media all and (max-width: 999999px) {
    #forgetpassword-form-container .col-md-4 {
        padding: 0 15px
    }
}
#forgetpassword-form-container .col-md-4 .control-label {
    padding: 0
}
#member-form-container .page-title {
    padding: 40px 0 20px 0
}
.page-title {
    font-size: 16px;
    margin-left: 35px;
    padding-top: 40px;
    line-height: 25px;
    font-weight: bold;
    color: #383733
}
.pageTitleRedBar {
    width: 5px;
    height: 25px;
    background: #ed2400;
    float: left;
    margin-right: 25px
}
.memberProfile label {
    margin-left: 200px;
    font-size: 16px;
    font-weight: normal;
    color: #383733
}
.memberProfile .value-container {
    font-size: 16px;
    color: #383733;
    font-weight: bold;
    padding: 0 30px 0 15px
}
#editMemberProfileBtn {
    width: 210px;
    height: 45px;
    background: #a4a4a4;
    border-radius: 0;
    line-height: 45px;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    #editMemberProfileBtn {
        font-size: 13px
    }
}
#editMemberPasswordBtn {
    width: 210px;
    height: 45px;
    background: #494949;
    border-radius: 0;
    line-height: 45px;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    #editMemberPasswordBtn {
        font-size: 13px
    }
}
.member-tabpage .tab-background,
tabpage .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.greeting-text {
    display: block;
    float: right;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #383733;
    padding: 10px 15px 0 15px
}
.member-tabpage .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 5px
}
.member-tabpage .nav-tabs,
.tabpage .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #383733
}
.member-tabpage .nav-tabs>li,
.tabpage .nav-tabs {
    padding: 5px 0 0 0
}
.member-tabpage .nav-tabs>li.active,
.tabpage .nav-tabs>li.active {
    background: #383733;
    padding: 0;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.member-tabpage .nav-tabs>li>a,
.member-tabpage .nav-tabs>li>div,
.tabpage .nav-tabs .nav-tabs>li>a,
.tabpage .nav-tabs .nav-tabs>li>div {
    padding: 7px 15px 7px 15px;
    position: relative;
    color: #c2c2c2;
    line-height: 18px;
    font-size: 18px
}
.member-tabpage .nav-tabs>li>a,
.member-tabpage .nav-tabs>li>a:hover,
.member-tabpage .nav-tabs>li>a:focus {
    cursor: pointer
}
.member-tabpage .nav-tabs>li>a:hover,
.member-tabpage .nav-tabs>li>a:focus,
.tabpage .nav-tabs>li>a:hover,
.tabpage .nav-tabs>li>a:focus {
    background: none;
    border: none;
    padding: 8px 16px 8px 16px
}
.member-tabpage .nav-tabs>li.active>a,
.member-tabpage .nav-tabs>li.active>div,
.tabpage .nav-tabs>li.active>a,
.tabpage .nav-tabs>li.active>div {
    padding: 10px 15px 10px 15px;
    border: 0;
    background: #383733;
    color: #fff
}
.member-tabpage .movie-schedule-icon,
.tabpage .movie-schedule-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-position: -116px -845px;
    position: absolute;
    left: 10px;
    top: 2px
}
.member-tabpage a:hover .movie-schedule-icon,
.member-tabpage a:focus .movie-schedule-icon,
.tabpage a:hover .movie-schedule-icon,
.tabpage a:focus .movie-schedule-icon {
    top: 3px;
    left: 11px
}
.member-tabpage li.active .movie-schedule-icon,
.member-tabpage li.active a:hover .movie-schedule-icon,
.member-tabpage li.active a:focus .movie-schedule-icon {
    top: 7px;
    left: 10px
}
.member-tabpage .movie-schedule-by-cinema-button-container,
.member-tabpage .movie-schedule-by-date-button-container {
    position: relative;
    float: right;
    line-height: 33px;
    top: 5px
}
.member-tabpage .movie-schedule-by-cinema-button,
.member-tabpage .movie-schedule-by-date-button {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 15px 0 40px;
    color: #000
}
.member-tabpage .movie-schedule-by-cinema-icon,
.member-tabpage .movie-schedule-by-date-icon {
    position: absolute;
    left: 4px;
    top: 10px
}
.member-tabpage .tab-pane,
.tabpage .tab-pane {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 3px solid #000
}
.member-tabpage .tab-pane {
    padding: 0 0 20px 0
}
.memberProfile {
    width: 748px
}
#member-right-btn {
    margin-top: 35px;
    margin-right: 17px;
    margin-left: 17px
}
#member-side_line {
    height: 860px;
    width: 2px;
    background-color: #f0f0f0;
    margin-top: 32px
}
.member-formSectionLine {
    width: auto;
    height: 2px;
    background-color: #f0f0f0;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 25px
}
.member-formRowDotLine {
    width: 489px;
    height: 2px;
    border-bottom-style: dashed;
    border-width: 1px;
    margin-left: 200px;
    margin-bottom: 10px;
    border-color: #c9c9c9
}
.member-formRowDotLine_long {
    width: 60%;
    height: 2px;
    border-bottom-style: dashed;
    border-width: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-color: #c9c9c9
}
.member-formRowDotLine_long.forget-password {
    width: 610px;
    margin-left: -15px;
    margin-right: -15px
}
@media all and (max-width: 999999px) {
    .member-formRowDotLine_long.forget-password {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}
.member-formRowDotLine_long.change-password {
    width: 100%
}
.forget-password-vip-row {
    padding: 0
}
@media all and (max-width: 999999px) {
    .forget-password-vip-row {
        padding: 0 15px
    }
}
.form-group {
    margin-bottom: 0
}
.form-control.changePassword {
    width: 380px
}
#member-changePasswordFormContainer {
    width: 600px;
    margin: 0 auto 0 auto
}
#member-changePasswordFormContainer .control-label {
    font-size: 16px;
    font-weight: normal;
    color: #383733
}
#member-changePasswordFormContainer .old-password-tips {
    font-size: 16px
}
@media all and (max-width: 999999px) {
    #member-changePasswordFormContainer .old-password-tips {
        display: inline-block
    }
}
#member-changePasswordFormContainer .new-password-tips-mobile {
    display: inline-block;
    font-size: 16px
}
#changePasswordBtns,
#forgetPasswordBtns {
    margin-top: 40px;
    margin-bottom: 50px
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    text-decoration: none
}
.combodate .form-control {
    display: inline-block
}
#member-registrationdBtns {
    margin-top: 40px;
    margin-bottom: 50px
}
#normal-enquiry-form .form-group,
#member-_memberRegisterForm-form .form-group {
    width: 600px;
    margin: 0 auto
}
#change-password-form .form-tip,
#normal-enquiry-form .form-tip,
#member-_memberRegisterForm-form .form-tip {
    font-size: 14px;
    color: #383733
}
#normal-enquiry-form .member-formRowDotLine_long,
#member-_memberRegisterForm-form .member-formRowDotLine_long {
    margin-left: auto;
    margin-right: auto
}
#normal-enquiry-form .form-group.must-fill-in,
#member-_memberRegisterForm-form .form-group.must-fill-in {
    width: 600px;
    margin: 40px auto 40px auto
}
.selectboxit-container .selectboxit-options {
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 3px #000 !important;
    -moz-box-shadow: 0 0 15px 3px #000 !important;
    box-shadow: 0 0 15px 3px #000 !important;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-overflow-scrolling: touch
}
.schedule-dropdown-container .selectboxit-container .selectboxit-options {
    left: -1px !important;
    border-left: 0
}
#member-form div.form-group.must-fill-in {
    margin: 40px auto 40px auto;
    width: 800px
}
.forget-password-success-text,
.edit-profile-result-text {
    padding: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}
.forget-password-back-to-login-row,
.edit-profile-back-button-row {
    width: 100%;
    padding: 20px;
    text-align: center
}
.edit-profile-back-button,
.edit-profile-back-button:hover,
.edit-profile-back-button:focus,
.forget-password-back-to-login,
.forget-password-back-to-login:hover,
.forget-password-back-to-login:focus {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #383838;
    width: 140px;
    text-align: center;
    color: #fff;
    border-radius: 5px
}
#member-_memberRegisterForm-form .captcha-container {
    padding: 0
}
.order-history-right-col,
.year-switch-col {
    float: left;
    min-height: 1px
}
.year-switch-col {
    width: 20%;
    padding: 20px
}
.order-history-right-col {
    width: 80%;
    padding: 25px 10px
}
.year-switch-row {
    padding: 5px 0;
    height: 35px;
    line-height: 25px
}
.year-switch-row .year-switch-container {
    padding: 0 0 0 30px
}
.year-switch-row.active .year-switch-container {
    padding: 0 0 0 25px;
    border-left: 5px solid #ed2400
}
.year-switch,
.year-switch:hover,
.year-switch:focus {
    font-size: 16px;
    color: #383733
}
.year-switch:hover,
.year-switch:focus,
.year-switch-row.active .year-switch {
    font-weight: bold
}
.order-history-item-container {
    width: 760px
}
.order-history-item-container .date-row {
    position: relative
}
.order-history-item-container .date-row .date-bullet-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 32px;
    height: 89px;
    background-position: -36px -2px
}
.order-history-item-container .date-row .date-text {
    font-size: 14px;
    line-height: 20px;
    color: #383733;
    position: absolute;
    top: 42px;
    left: 50px
}
.order-history-item-container .ticket-top {
    height: 20px;
    width: 100%;
    position: relative;
    padding: 0 80px 0 20px
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-top {
        padding: 0 50px 0 20px
    }
}
.order-history-item-container .ticket-top-left {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -108px -961px;
    position: absolute;
    left: 0;
    top: 0
}
.order-history-item-container .ticket-top-right {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -130px -961px;
    position: absolute;
    right: 60px;
    top: 0
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-top-right {
        right: 30px
    }
}
.order-history-item-container .ticket-top.future-show .ticket-top-right {
    width: 85px;
    height: 20px;
    background-position: -313px -939px;
    right: 0
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-top.future-show .ticket-top-right {
        width: 60px;
        height: 20px;
        background-position: -2px -961px
    }
}
.order-history-item-container .ticket-top-center {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ededed
}
.order-history-item-container .ticket-middle-background {
    background: #ededed
}
.order-history-item-container .ticket-middle-right {
    background: url("../../images/collected_middle.png");
    position: absolute;
    right: 60px;
    height: 100%;
    width: 20px;
    top: 0;
    background-repeat: repeat-y
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-middle-right {
        right: 30px
    }
}
.order-history-item-container .ticket-main.future-show .ticket-middle-right {
    background: url("../../images/middle.png");
    right: 0;
    width: 85px
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-main.future-show .ticket-middle-right {
        background: url("../../images/middle_wap.png");
        width: 60px
    }
}
.order-history-item-container .ticket-bottom {
    width: 100%;
    padding: 0 80px 0 20px;
    height: 20px;
    position: relative
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-bottom {
        padding: 0 50px 0 20px
    }
}
.order-history-item-container .ticket-bottom-left {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -492px -913px;
    position: absolute;
    top: 0;
    left: 0
}
.order-history-item-container .ticket-bottom-right {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -218px -961px;
    position: absolute;
    top: 0;
    right: 62px
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-bottom-right {
        right: 30px
    }
}
.order-history-item-container .ticket-bottom.future-show .ticket-bottom-right {
    width: 85px;
    height: 20px;
    background-position: -204px -939px;
    right: 0
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-bottom.future-show .ticket-bottom-right {
        width: 60px;
        height: 20px;
        background-position: -2px -939px
    }
}
.order-history-item-container .ticket-bottom-center {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ededed
}
.order-history-item-container .ticket-main {
    position: relative;
    height: auto;
    min-height: 200px;
    width: 100%;
    padding: 0 80px 0 0
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-main {
        padding: 0 50px 0 0
    }
}
.order-history-item-container .ticket-main .ticket-content {
    width: 100%;
    padding: 0 0 0 25px
}
.order-history-item-container .ticket-main .ticket-content .ticket-no-container {
    position: absolute;
    top: -14px;
    right: 90px;
    font-size: 14px;
    color: #6d6d6d
}
.order-history-item-container .ticket-main .ticket-content .ticket-image-col,
.order-history-item-container .ticket-main .ticket-content .ticket-detail-col {
    float: left;
    min-height: 1px
}
.order-history-item-container .ticket-main .ticket-content .ticket-image-col {
    width: 25%
}
.order-history-item-container .ticket-main .ticket-content .ticket-detail-col {
    width: 75%;
    padding: 5px 10px
}
.order-history-item-container .ticket-main .ticket-content .ticket-image-container {
    position: relative;
    width: 100%;
    height: 200px
}
.order-history-item-container .ticket-main .ticket-content .ticket-image-container img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    margin: auto
}
.order-history-item-container .ticket-main .ticket-content .movie-name {
    font-size: 22px;
    font-weight: bold;
    color: #383733;
    padding: 0 0 10px 0;
    word-wrap: break-word
}
.order-history-item-container .ticket-main .ticket-content .show-datetime-row,
.order-history-item-container .ticket-main .ticket-content .cinema-name-row,
.order-history-item-container .ticket-main .ticket-content .seat-no-row {
    padding: 0 0 10px 25px;
    position: relative
}
.order-history-item-container .ticket-main .ticket-content .show-date-time-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: -105px -983px;
    position: absolute;
    left: 0;
    top: 1px
}
.order-history-item-container .ticket-main .ticket-content .cinema-name-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: -87px -983px;
    position: absolute;
    left: 0;
    top: 1px
}
.order-history-item-container .ticket-main .ticket-content .seat-no-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: -428px -961px;
    position: absolute;
    left: 0;
    top: 1px
}
.order-history-item-container .ticket-main .ticket-content .show-date-time-text,
.order-history-item-container .ticket-main .ticket-content .cinema-name-text,
.order-history-item-container .ticket-main .ticket-content .seat-no-text {
    font-size: 12px;
    color: #6d6d6d
}
.order-history-item-container .ticket-main .ticket-content .total-amount-header {
    padding: 5px 0;
    font-size: 14px;
    color: #6d6d6d
}
.order-history-item-container .ticket-main .ticket-content .total-amount-text,
.order-history-item-container .ticket-main .ticket-content .service-charge-text {
    display: inline-block;
    vertical-align: bottom
}
.order-history-item-container .ticket-main .ticket-content .total-amount-text {
    font-size: 22px;
    line-height: 20px
}
.order-history-item-container .ticket-main .ticket-content .service-charge-text {
    padding: 0 5px;
    font-size: 14px;
    color: #6d6d6d
}
.order-history-item-container .ticket-main .order-no-container {
    position: absolute;
    right: -75px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #bbb;
    font-weight: bold;
    text-align: center;
    width: 200px;
    top: 75px;
    height: 60px
}
.order-history-item-container .ticket-main .order-no-container .show-date {
    font-size: 12px
}
.order-history-item-container .ticket-main .order-no-container .order-no {
    font-size: 30px
}
@media all and (max-width: 999999px) {
    .order-history-item-container .ticket-main .order-no-container {
        display: none
    }
}
.more-history-button {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
    background: #383733;
    color: #fff;
    font-size: 22px;
    padding: 15px;
    cursor: pointer
}
.order-history-item-container.first .date-text {
    top: 10px
}
.order-history-item-container.first .date-bullet-icon {
    width: 32px;
    height: 51px;
    background-position: -244px -634px
}
.ticket-tail {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 32px;
    height: 122px;
    background-position: -2px -2px
}
.register-success-text-container {
    padding: 150px 0 0 0;
    text-align: center;
    color: #383733;
    font-size: 20px
}
.continue-purchase-button-row {
    padding: 50px 0 100px 0;
    text-align: center
}
.continue-purchase-button {
    display: inline-block;
    padding: 0 40px;
    color: #fff;
    background: #494949;
    border-radius: 0;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold
}
.continue-purchase-button:hover,
.continue-purchase-button:focus {
    color: #fff
}
#member-_memberRegisterForm-form .combodate {
    padding: 0 5px
}
@media all and (max-width: 999999px) {
    .tab-content {
        padding: 20px
    }
    .member-tabpage.history .tab-content {
        padding: 20px 0
    }
    .tab-content.faq-page {
        padding: 0
    }
    #faq-page-tabpage {
        border: 0
    }
    .faq_row {
        padding: 10px 15px 0 50px
    }
    .memberProfile {
        width: 100%;
        padding: 10px 0 0 0
    }
    .member-formRowDotLine {
        width: 100%;
        margin: 0
    }
    .member-formSectionLine {
        width: 100%;
        margin: 10px 0 15px 0
    }
    .form-horizontal .form-group {
        margin: 0;
        padding: 5px 0
    }
    .member-tabpage .tab-pane {
        border: 0
    }
    .page-title {
        margin: 0;
        padding: 0 0 10px 0
    }
    .form-horizontal .form-group .label-container,
    .form-horizontal .form-group .value-container {
        float: left;
        line-height: 20px
    }
    .form-horizontal .form-group .label-container {
        width: 100%;
        text-align: left
    }
    .form-horizontal .form-group .value-container {
        width: 100%;
        text-align: left;
        padding: 10px 30px 0 15px
    }
    .memberProfile label {
        margin: 0
    }
    #mobile-member-right-btn {
        text-align: center;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #eee
    }
    #mobile-member-right-btn>div {
        display: inline-block
    }
    #normal-enquiry-form .form-group,
    #member-_memberRegisterForm-form .form-group {
        width: 100%
    }
    .member-formRowDotLine_long {
        width: 100%
    }
    #member-form div.form-group.must-fill-in {
        width: 100%
    }
    .member-select-half-container .selectboxit-text {
        max-width: 100% !important;
        width: 100%
    }
    .member-select-bar-container {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0
    }
    .member-select-bar-container .member-select-container {
        width: 100%
    }
    #member-form div.form-group.must-fill-in {
        margin: 15px 0
    }
    #member-registrationdBtns {
        margin: 0
    }
    #normal-enquiry-form .control-label,
    #member-_memberRegisterForm-form .control-label {
        margin: 0
    }
    .member-select-bar {
        padding: 0;
        height: 20px
    }
    #member-form-container .register-form-button-container,
    #change-password-form .register-form-button-container,
    #member-registrationdBtns .register-form-button-container {
        margin: 0;
        width: 50%;
        display: block;
        float: left
    }
    #member-form-container .register-form-button-container.first,
    #change-password-form .register-form-button-container.first,
    #member-registrationdBtns .register-form-button-container.first {
        padding: 0 3px 0 0
    }
    #member-form-container .register-form-button-container.last,
    #change-password-form .register-form-button-container.last,
    #member-registrationdBtns .register-form-button-container.last {
        padding: 0 0 0 3px
    }
    #member-form-container .form_btn,
    #change-password-form .form_btn,
    #member-registrationdBtns .form_btn {
        width: 100%;
        margin: 0
    }
    #member-changePasswordFormContainer {
        width: 100%
    }
    #changePasswordBtns,
    #forgetPasswordBtns {
        margin: 15px 0 0 0
    }
    #forgetpassword-form-container {
        width: 100%
    }
    #forgetpassword-form-container .verify-code-field {
        padding: 0
    }
    #normal-enquiry-form .form-tip,
    #member-_memberRegisterForm-form .form-tip {
        margin: 0 auto;
        width: 90%
    }
    #member-_memberRegisterForm-form .combodate {
        width: 91%;
        margin: 0 auto;
        display: block;
        padding: 0 5px
    }
    #member-_memberRegisterForm-form .register .combodate {
        padding: 0 5px
    }
    #Member_sex,
    #Member_accept_email_type {
        margin: 0 auto;
        width: 90%;
        display: block
    }
    .member-profile-button-container {
        width: 49%;
        padding: 0
    }
    #editMemberPasswordBtn,
    #editMemberProfileBtn {
        width: 100%
    }
    .order-history-right-col {
        width: 770px;
        margin: 0 auto;
        float: none
    }
    .order-history-right-col,
    .order-history-item-container {
        width: 100%
    }
    .ticket-content .ticket-no-container {
        position: relative !important;
        top: 0 !important;
        left: 0 !important
    }
}
#static-page-tabpage {
    padding: 10px 35px;
    min-height: 440px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 3px solid #000
}
#static-page-tabpage h1 {
    font-size: 16px;
    font-weight: bold;
    color: #383733;
    padding: 0 0 0 25px;
    border-left: 5px solid #ed2400;
    min-height: 25px;
    line-height: 25px
}
.static-page-title {
    font-size: 15px;
    line-height: 25px
}
#banner-static-page-banner-background {
    position: relative;
    max-width: 1000px;
    min-height: 70px
}
#banner-static-page-banner-background img {
    width: 100%
}
#banner-static-page-banner-background #headerText {
    position: absolute;
    left: 30px;
    top: 15px;
    color: #fff;
    font-size: 30px;
    font-weight: bold
}
@media all and (max-width: 999999px) {
    #banner-static-page-banner-background #headerText {
        top: 10px;
        margin-top: 0
    }
}
#banner-static-page-content {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 3px solid #000;
    min-height: 615px;
    padding: 10px 35px;
    font-size: 14px;
    color: #383733
}
@media all and (max-width: 999999px) {
    #banner-static-page-content {
        border: 0
    }
}
#banner-static-page-content h1 {
    font-size: 16px;
    font-weight: bold;
    color: #383733;
    padding: 0 0 0 25px;
    border-left: 5px solid #ed2400;
    min-height: 25px;
    line-height: 25px
}
.static-page-tabpage {
    position: relative
}
.static-page-tabpage .tab-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    top: 10px
}
.static-page-tabpage .nav-tabs,
.tabpage .nav-tabs {
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #383733
}
.static-page-tabpage .nav-tabs>li,
.static-page-tabpage .nav-tabs {
    padding: 5px 0 0 0
}
.static-page-tabpage .nav-tabs>li.active,
.static-page-tabpage .nav-tabs>li.active {
    background: #383733;
    padding: 0;
    -webkit-box-shadow: 1px 10px 6px 2px #888;
    -moz-box-shadow: 1px 10px 6px 2px #888;
    -o-box-shadow: 1px 10px 6px 2px #888;
    box-shadow: 1px 10px 6px 2px #888
}
.static-page-tabpage .nav-tabs>li>a,
.static-page-tabpage .nav-tabs .nav-tabs>li>a {
    padding: 7px 15px 7px 15px;
    position: relative;
    color: #c2c2c2
}
.static-page-tabpage .nav-tabs>li>a:hover,
.static-page-tabpage .nav-tabs>li>a:focus,
.static-page-tabpage .nav-tabs>li>a:hover,
.static-page-tabpage .nav-tabs>li>a:focus {
    background: none;
    border: none;
    padding: 8px 16px 8px 16px
}
.static-page-tabpage .nav-tabs>li.active>a {
    padding: 10px 15px 10px 15px;
    border: 0;
    background: #383733;
    color: #fff;
    font-size: 18px
}
.static-page-tabpage a:hover .movie-schedule-icon,
.static-page-tabpage a:focus .movie-schedule-icon,
.static-page-tabpage a:hover .movie-schedule-icon,
.static-page-tabpage a:focus .movie-schedule-icon {
    top: 3px;
    left: 11px
}
.static-page-tabpage li.active .movie-schedule-icon,
.static-page-tabpage li.active a:hover .movie-schedule-icon,
.static-page-tabpage li.active a:focus .movie-schedule-icon {
    top: 7px;
    left: 10px
}
.static-page-tabpage .movie-schedule-by-cinema-button-container,
.static-page-tabpage .movie-schedule-by-date-button-container {
    position: relative;
    float: right;
    line-height: 33px;
    top: 5px
}
.static-page-tabpage .movie-schedule-by-cinema-button,
.static-page-tabpage .movie-schedule-by-date-button {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 15px 0 40px;
    color: #000
}
.static-page-tabpage .movie-schedule-by-cinema-icon,
.static-page-tabpage .movie-schedule-by-date-icon {
    position: absolute;
    left: 4px;
    top: 10px
}
@media all and (max-width: 999999px) {
    .tab-content.static-page {
        padding: 0
    }
    #static-page-tabpage {
        border: 0
    }
}
.faq_row {
    padding-top: 10px;
    padding-left: 50px
}
.faq_odd {
    width: 100%;
    background-color: #fdf2f2
}
.faq_even {
    width: 100%;
    background-color: #fff
}
#faq-page-tabpage {
    min-height: 440px
}
#faq-page-tabpage ol {
    padding: 0
}
.faq_question {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #383733;
    font-size: 16px
}
.faq_question .num {
    float: left;
    padding: 0 10px 0 0
}
.faq_answer {
    padding-top: 5px;
    margin-left: 20px;
    padding-bottom: 5px;
    color: #383733;
    font-size: 16px
}
.faq_answer a {
    color: #f30002
}
ol {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0
}
#contact-us-tabpage {
    padding: 40px 35px
}
#contact-us-sub-tab>li {
    padding: 0;
    border-left: 2px solid #d6d6d6
}
#contact-us-sub-tab>li.first-item {
    border-left: 0
}
#contact-us-sub-tab>li>a {
    color: #000;
    padding: 5px 15px
}
#contact-us-sub-tab>li>a:hover,
#contact-us-sub-tab>li>a:focus {
    padding: 5px 15px
}
#contact-us-sub-tab>li.active>a {
    color: #000
}
#contact-us-sub-tab>li.active>a {
    background: #fff
}
#contact-us-sub-tab>li.active {
    background: #fff;
    font-weight: bold
}
#contact-us-sub-tab>li.active {
    padding: 0;
    -webkit-box-shadow: 0 0 0 0 #888;
    -moz-box-shadow: 0 0 0 0 #888;
    -o-box-shadow: 0 0 0 0 #888;
    box-shadow: 0 0 0 0 #888
}
#contact-us-sub-tab {
    border-style: solid;
    border-width: 1px;
    border-color: #dbdbdb;
    padding: 5px 0
}
#sub-tab-container {
    margin: 0 95px
}
#form-container {
    padding-top: 40px
}
#NormalEnquiry,
#PrivateScreeningEnquiry {
    border-bottom: 2px solid #ddd
}
#contact-us-sub-tab {
    margin-top: 18px
}
.contact-us.page-title {
    margin-left: 0;
    margin-top: 20px;
    font-weight: bold
}
#PrivateScreeningEnquiry-form .form-group {
    width: 600px;
    margin: 0 auto
}
#normal-enquiry-form .member-formRowDotLine_long,
#PrivateScreeningEnquiry-form .member-formRowDotLine_long {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
.sub-tab-contact-us {
    margin-top: 0;
    margin-bottom: 20px
}
#PrivateScreeningEnquiry-form label {
    text-align: left
}
#normal-enquiry-form .control-label,
#member-_memberRegisterForm-form .control-label {
    font-size: 16px;
    color: #383733;
    text-align: left;
    font-weight: normal
}
#normal-enquiry-form .control-label,
#PrivateScreeningEnquiry-form .control-label {
    font-size: 16px;
    color: #383733;
    font-weight: normal
}
#contact-us-tabpage .nav-tabs>li>a:hover,
#contact-us-tabpage.nav-tabs>li>a:focus,
#contact-us-tabpage .tabpage .nav-tabs>li>a:hover,
#contact-us-tabpage .tabpage .nav-tabs>li>a:focus {
    padding: 5px 15px
}
#contact-us-tabpage .nav-tabs>li>a {
    border: 0;
    font-size: 18px;
    color: #383733
}
#normal-enquiry-form #form-container,
#PrivateScreeningEnquiry-form #form-container {
    padding: 0 30px
}
.static-page-tabpage .contactus-subtab.tab-background {
    background: #fff
}
.member-form-cinema-list-container {
    padding: 10px 0
}
#ContactUsPrivateScreeningEnquiryForm_cinema {
    display: block;
    float: left;
    width: 50%;
    min-height: 1px
}
.contact-form-cinema-item input {
    margin: 4px 10px 0 0
}
.contact-form-cinema-detail {
    display: none;
    float: left;
    width: 50%;
    min-height: 1px;
    background: #ebebeb;
    padding: 10px
}
.contact-form-cinema-detail .title {
    height: 26px;
    line-height: 16px;
    font-size: 16px;
    padding: 0 0 10px 0;
    color: #383733
}
.contact-form-cinema-detail .house-list {
    padding: 0 0px
}
.contact-form-cinema-detail .house-row {
    padding: 5px 0
}
.contact-form-cinema-detail .house-row .house-name{
    float: left;
    width: 70%;
    min-height: 1px;
    font-size: 18px;
    line-height: 18px;
    color: #383733
}
.contact-form-cinema-detail .house-row .seat-no-container {
    float: left;
    width: 30%;
    min-height: 1px;
    font-size: 18px;
    line-height: 18px;
    color: #383733
}
.contact-form-cinema-detail .house-row .seat-no-container {
    position: relative;
    padding: 0 0 0 20px
}
.contact-form-cinema-detail .house-row .seat-no-container .seat-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png);
    background-image: url("../../images/spite_common.png");
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: -428px -961px;
    position: absolute;
    left: 0;
    top: 0
}
.contact-form-cinema-detail .view-more-row {
    padding: 20px 0
}
.contact-form-cinema-detail .view-more-row a {
    color: #383733;
    font-size: 16px;
    line-height: 16px
}
.bootstrap-datetimepicker-widget.dropdown-menu a {
    color: #ed2400
}
.contact-form-email-option {
    display: inline-block
}
.contact-form-email-option label {
    padding: 7px 0 0 5px
}
#member-_memberRegisterForm-form .col-md-4 {
    padding: 0
}
@media all and (max-width: 999999px) {
    .tab-content.contact-us-page {
        padding: 0
    }
    #contact-us-tabpage {
        border: 0;
        padding: 20px;
        font-size: 14px;
        color: #383733
    }
    #sub-tab-container {
        margin: 0 auto
    }
    #sub-tab-content {
        padding: 0
    }
    #contact-us-sub-tab>li {
        width: 50%;
        text-align: center
    }
    .form_btn {
        font-size: 16px;
        font-weight: bold;
        color: #fff
    }
    #normal-enquiry-form .col-md-4,
    #normal-enquiry-form .col-md-8,
    #member-_memberRegisterForm-form .col-md-4,
    #member-_memberRegisterForm-form .col-md-8 {
        padding: 0
    }
    .member-formRowDotLine_long,
    #normal-enquiry-form .col-md-4,
    #normal-enquiry-form .form-control,
    #normal-enquiry-form .captcha-container,
    #member-_memberRegisterForm-form .col-md-4,
    #member-_memberRegisterForm-form .form-control,
    #member-_memberRegisterForm-form .captcha-container {
        margin: 0 auto;
        width: 90%
    }
    .member-formRowDotLine_long {
        margin: 5px auto
    }
    #normal-enquiry-form .captcha-container .form-control,
    #member-_memberRegisterForm-form .captcha-container .form-control {
        margin: 0;
        width: 100%
    }
    #normal-enquiry-form .form-group,
    #PrivateScreeningEnquiry-form .form-group {
        width: 100%
    }
    .sub-tab-contact-us {
        padding: 0;
        width: 90%
    }
    .contact-us.page-title {
        margin: 20px auto
    }
    .contact-form-cinema-item {
        display: inline-block;
        padding: 0 40px 0 0
    }
    #ContactUsPrivateScreeningEnquiryForm_cinema {
        width: 100%
    }
    #normal-enquiry-form #form-container,
    #PrivateScreeningEnquiry-form #form-container {
        padding: 0 30px 30px 30px
    }
    #PrivateScreeningEnquiry-form #ContactUsPrivateScreeningEnquiryForm_cinema label {
        font-size: 12px
    }
    .contact-form-email-option {
        display: block
    }
}
.sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(spite_common.png)
}
.back2top_en {
    width: 64px;
    height: 40px;
    background-position: -184px -801px
}
.back2top_tc {
    width: 64px;
    height: 40px;
    background-position: -452px -801px
}
.bottomRight {
    width: 85px;
    height: 20px;
    background-position: -204px -939px
}
.bottomRight_wap {
    width: 60px;
    height: 20px;
    background-position: -2px -939px
}
.btn_menu_wap {
    width: 36px;
    height: 27px;
    background-position: -362px -883px
}
.button_changeLanguage2cn {
    width: 20px;
    height: 20px;
    background-position: -470px -913px
}
.button_changeLanguage2cn_on {
    width: 20px;
    height: 20px;
    background-position: -64px -939px
}
.button_changeLanguage2eng {
    width: 24px;
    height: 20px;
    background-position: -86px -939px
}
.button_changeLanguage2eng_on {
    width: 24px;
    height: 20px;
    background-position: -134px -939px
}
.button_cinemaDetailBrownSquare_barBistro {
    width: 80px;
    height: 80px;
    background-position: -417px -2px
}
.button_cinemaDetailBrownSquare_barBistro_wap {
    width: 74px;
    height: 74px;
    background-position: -154px -208px
}
.button_cinemaDetailBrownSquare_house {
    width: 80px;
    height: 80px;
    background-position: -253px -2px
}
.button_cinemaDetailBrownSquare_house_wap {
    width: 74px;
    height: 74px;
    background-position: -296px -126px
}
.button_cinemaDetailBrownSquare_location_wap {
    width: 74px;
    height: 74px;
    background-position: -78px -208px
}
.button_cinemaDetailBrownSquare_parking_wap {
    width: 74px;
    height: 74px;
    background-position: -372px -126px
}
.button_cinemaDetailBrownSquare_shockseat {
    width: 80px;
    height: 80px;
    background-position: -335px -2px
}
.button_cinemaDetailBrownSquare_shockseat_wap {
    width: 74px;
    height: 74px;
    background-position: -448px -126px
}
.button_cinemaDetailBrownSquare_ticketPrice {
    width: 80px;
    height: 80px;
    background-position: -2px -126px
}
.button_cinemaDetailBrownSquare_ticketPrice_wap {
    width: 74px;
    height: 74px;
    background-position: -2px -208px
}
.button_cinemaDetail_location {
    width: 28px;
    height: 28px;
    background-position: -152px -883px
}
.button_cinemaDetail_parking {
    width: 28px;
    height: 28px;
    background-position: -212px -883px
}
.button_dayview_midnightshow_bg {
    width: 108px;
    height: 50px;
    background-position: -278px -634px
}
.button_facebooklogin {
    width: 20px;
    height: 20px;
    background-position: -160px -939px
}
.button_facebooklogin_on {
    width: 20px;
    height: 20px;
    background-position: -112px -939px
}
.button_footer_appDownload_BB {
    width: 28px;
    height: 28px;
    background-position: -182px -883px
}
.button_footer_appDownload_BB_on {
    width: 28px;
    height: 28px;
    background-position: -2px -883px
}
.button_footer_appDownload_android {
    width: 28px;
    height: 28px;
    background-position: -122px -883px
}
.button_footer_appDownload_android_on {
    width: 28px;
    height: 28px;
    background-position: -332px -883px
}
.button_footer_appDownload_iOS {
    width: 28px;
    height: 28px;
    background-position: -302px -883px
}
.button_footer_appDownload_iOS_on {
    width: 28px;
    height: 28px;
    background-position: -272px -883px
}
.button_footer_thirdparty_facebook {
    width: 28px;
    height: 28px;
    background-position: -242px -883px
}
.button_footer_thirdparty_facebook_on {
    width: 28px;
    height: 28px;
    background-position: -62px -883px
}
.button_footer_thirdparty_youtube {
    width: 28px;
    height: 28px;
    background-position: -92px -883px
}
.button_footer_thirdparty_youtube_on {
    width: 28px;
    height: 28px;
    background-position: -32px -883px
}
.button_login_bc {
    width: 175px;
    height: 45px;
    background-position: -356px -754px
}
.button_login_bc_gray {
    width: 175px;
    height: 45px;
    background-position: -370px -704px
}
.button_login_fb {
    width: 200px;
    height: 40px;
    background-position: -250px -801px
}
.button_login_gray_wap {
    width: 115px;
    height: 45px;
    background-position: -136px -704px
}
.button_login_normal {
    width: 175px;
    height: 45px;
    background-position: -2px -754px
}
.button_login_normal_gray {
    width: 175px;
    height: 45px;
    background-position: -179px -754px
}
.button_login_wap {
    width: 115px;
    height: 45px;
    background-position: -253px -704px
}
.button_setPreferedCinema {
    width: 20px;
    height: 20px;
    background-position: -448px -913px
}
.button_ticketingLogin_bc {
    width: 280px;
    height: 68px;
    background-position: -2px -494px
}
.button_ticketingLogin_bc_gray {
    width: 280px;
    height: 68px;
    background-position: -284px -494px
}
.button_ticketingLogin_bc_wap {
    width: 240px;
    height: 68px;
    background-position: -284px -564px
}
.button_ticketingLogin_bc_wap_gray {
    width: 240px;
    height: 68px;
    background-position: -284px -424px
}
.button_ticketingLogin_member {
    width: 280px;
    height: 68px;
    background-position: -2px -564px
}
.button_ticketingLogin_member_gray {
    width: 280px;
    height: 68px;
    background-position: -230px -208px
}
.button_ticketingLogin_member_wap {
    width: 240px;
    height: 68px;
    background-position: -2px -634px
}
.button_ticketingLogin_member_wap_gray {
    width: 240px;
    height: 68px;
    background-position: -2px -284px
}
.button_ticketingLogin_nonmember {
    width: 280px;
    height: 68px;
    background-position: -2px -354px
}
.button_ticketingLogin_nonmember_gray {
    width: 280px;
    height: 68px;
    background-position: -2px -424px
}
.button_ticketingLogin_nonmember_wap {
    width: 240px;
    height: 68px;
    background-position: -284px -354px
}
.button_ticketingLogin_nonmember_wap_gray {
    width: 240px;
    height: 68px;
    background-position: -244px -284px
}
.collected_bottomLeft {
    width: 20px;
    height: 20px;
    background-position: -492px -913px
}
.collected_bottomLeft_wap {
    width: 20px;
    height: 20px;
    background-position: -291px -939px
}
.collected_bottomRight {
    width: 20px;
    height: 20px;
    background-position: -218px -961px
}
.collected_bottomRight_wap {
    width: 20px;
    height: 20px;
    background-position: -196px -961px
}
.collected_middle {
    width: 20px;
    height: 6px;
    background-position: -450px -983px
}
.collected_middle_wap {
    width: 20px;
    height: 6px;
    background-position: -428px -983px
}
.collected_topLeft {
    width: 20px;
    height: 20px;
    background-position: -108px -961px
}
.collected_topLeft_wap {
    width: 20px;
    height: 20px;
    background-position: -174px -961px
}
.collected_topRight {
    width: 20px;
    height: 20px;
    background-position: -130px -961px
}
.collected_topRight_wap {
    width: 20px;
    height: 20px;
    background-position: -152px -961px
}
.icon_IMAX {
    width: 78px;
    height: 16px;
    background-position: -446px -961px
}
.icon_amcLogo {
    width: 76px;
    height: 22px;
    background-position: -78px -913px
}
.icon_arrowDown {
    width: 21px;
    height: 11px;
    background-position: -261px -983px
}
.icon_arrowLeftt {
    width: 11px;
    height: 21px;
    background-position: -396px -913px
}
.icon_arrowLeftt_on {
    width: 11px;
    height: 21px;
    background-position: -396px -913px
}
.icon_arrowRight {
    width: 11px;
    height: 21px;
    background-position: -422px -913px
}
.icon_arrowRight_on {
    width: 11px;
    height: 21px;
    background-position: -422px -913px
}
.icon_arrowUp {
    width: 21px;
    height: 11px;
    background-position: -284px -983px
}
.icon_broadwayLogo {
    width: 210px;
    height: 80px;
    background-position: -84px -126px
}
.icon_broadwayLogo_Login {
    width: 181px;
    height: 82px;
    background-position: -70px -2px
}
.icon_broadwayLogo_wap {
    width: 132px;
    height: 48px;
    /*background-position:-2px -704px*/
}
.icon_cinemaDetail_popup_audio {
    width: 24px;
    height: 24px;
    background-position: -28px -913px
}
.icon_cinemaDetail_popup_location {
    width: 24px;
    height: 24px;
    background-position: -2px -913px
}
.icon_cinemaDetail_popup_parking {
    width: 24px;
    height: 24px;
    background-position: -532px -883px
}
.icon_cinemaDetail_popup_phonenumber {
    width: 24px;
    height: 24px;
    background-position: -454px -883px
}
.icon_cinemaDetail_popup_seat {
    width: 24px;
    height: 24px;
    background-position: -480px -883px
}
.icon_cinemaDetail_popup_tabicon_house {
    width: 22px;
    height: 22px;
    background-position: -252px -913px
}
.icon_cinemaDetail_popup_tabicon_house_on {
    width: 22px;
    height: 22px;
    background-position: -276px -913px
}
.icon_cinemaDetail_popup_tabicon_location {
    width: 22px;
    height: 22px;
    background-position: -348px -913px
}
.icon_cinemaDetail_popup_tabicon_location_on {
    width: 22px;
    height: 22px;
    background-position: -372px -913px
}
.icon_cinemaDetail_popup_tabicon_parking {
    width: 22px;
    height: 22px;
    background-position: -324px -913px
}
.icon_cinemaDetail_popup_tabicon_parking_on {
    width: 22px;
    height: 22px;
    background-position: -300px -913px
}
.icon_cinemaDetail_popup_tabicon_ticketprice {
    width: 22px;
    height: 22px;
    background-position: -228px -913px
}
.icon_cinemaDetail_popup_tabicon_ticketprice_on {
    width: 22px;
    height: 22px;
    background-position: -54px -913px
}
.icon_dolby7_1 {
    width: 180px;
    height: 42px;
    background-position: -2px -801px
}
.icon_dropdownArrow {
    width: 8px;
    height: 8px;
    background-position: -331px -983px
}
.icon_duration {
    width: 20px;
    height: 20px;
    background-position: -64px -961px
}
.icon_link_chain {
    width: 24px;
    height: 24px;
    background-position: -506px -883px
}
.icon_map_location {
    width: 22px;
    height: 22px;
    background-position: -180px -913px
}
.icon_map_phone {
    width: 22px;
    height: 22px;
    background-position: -204px -913px
}
.icon_map_pin_off {
    width: 25px;
    height: 25px;
    background-position: -427px -883px
}
.icon_map_pin_on {
    width: 25px;
    height: 25px;
    background-position: -400px -883px
}
.icon_movieLanguageAndSubtitle {
    width: 20px;
    height: 20px;
    background-position: -86px -961px
}
.icon_movie_grade1 {
    width: 18px;
    height: 18px;
    background-position: -280px -961px
}
.icon_movie_grade2A {
    width: 18px;
    height: 18px;
    background-position: -260px -961px
}
.icon_movie_grade2B {
    width: 18px;
    height: 18px;
    background-position: -300px -961px
}
.icon_movie_grade3 {
    width: 18px;
    height: 18px;
    background-position: -240px -961px
}
.icon_movie_grade_A{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/icon_movie_grade_A.png');
    width:18px;
    height:18px;
}
.icon_movie_grade_B{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/icon_movie_grade_B.png');
    width:18px;
    height:18px;
}
.icon_movie_grade_C{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/icon_movie_grade_C.png');
    width:18px;
    height:18px;
}
.icon_movie_grade_D{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url('../../images/icon_movie_grade_D.png');
    width:18px;
    height:18px;
}
.icon_mycinemaSetting_mobile {
    width: 32px;
    height: 32px;
    background-position: -328px -845px
}
.icon_popupArrow_left {
    width: 50px;
    height: 50px;
    background-position: -440px -634px
}
.icon_popupArrow_right {
    width: 50px;
    height: 50px;
    background-position: -492px -634px
}
.icon_popupClose {
    width: 14px;
    height: 14px;
    background-position: -231px -983px
}
.icon_popupClose_wap {
    width: 50px;
    height: 50px;
    background-position: -388px -634px
}
.icon_posterHoverMenu_schedule {
    width: 36px;
    height: 36px;
    background-position: -154px -845px
}
.icon_posterHoverMenu_schedule_on {
    width: 36px;
    height: 36px;
    background-position: -116px -845px
}
.icon_posterHoverMenu_share {
    width: 36px;
    height: 36px;
    background-position: -78px -845px
}
.icon_posterHoverMenu_share_on {
    width: 36px;
    height: 36px;
    background-position: -40px -845px
}
.icon_posterHoverMenu_tailer {
    width: 36px;
    height: 36px;
    background-position: -518px -801px
}
.icon_posterHoverMenu_tailer_on {
    width: 36px;
    height: 36px;
    background-position: -230px -845px
}
.icon_posterHoverMenu_website {
    width: 36px;
    height: 36px;
    background-position: -2px -845px
}
.icon_posterHoverMenu_website_on {
    width: 36px;
    height: 36px;
    background-position: -192px -845px
}
.icon_purchasingHistory_date {
    width: 16px;
    height: 16px;
    background-position: -105px -983px
}
.icon_purchasingHistory_seats {
    width: 16px;
    height: 16px;
    background-position: -428px -961px
}
.icon_purchasingHistory_theater {
    width: 16px;
    height: 16px;
    background-position: -87px -983px
}
.icon_purchasingHistory_timelinePartA {
    width: 32px;
    height: 51px;
    background-position: -244px -634px
}
.icon_purchasingHistory_timelinePartB {
    width: 32px;
    height: 89px;
    background-position: -36px -2px
}
.icon_purchasingHistory_timelinePartC {
    width: 32px;
    height: 122px;
    background-position: -2px -2px
}
.icon_realD3D {
    width: 83px;
    height: 16px;
    background-position: -2px -983px
}
.icon_registerpage_bg {
    width: 28px;
    height: 34px;
    background-position: -298px -845px
}
.icon_registerpage_mumber {
    width: 28px;
    height: 34px;
    background-position: -268px -845px
}
.icon_registerpage_yellowdot {
    width: 12px;
    height: 12px;
    background-position: -247px -983px
}
.icon_scrollbar_downwardArrow {
    width: 10px;
    height: 10px;
    background-position: -319px -983px
}
.icon_scrollbar_upwardArrow {
    width: 10px;
    height: 10px;
    background-position: -307px -983px
}
.icon_seatplanStatus_available {
    width: 28px;
    height: 30px;
    background-position: -422px -845px
}
.icon_seatplanStatus_processing {
    width: 28px;
    height: 30px;
    background-position: -512px -845px
}
.icon_seatplanStatus_selected {
    width: 28px;
    height: 30px;
    background-position: -362px -845px
}
.icon_seatplanStatus_shock {
    width: 28px;
    height: 30px;
    background-position: -392px -845px
}
.icon_seatplanStatus_sold {
    width: 28px;
    height: 30px;
    background-position: -452px -845px
}
.icon_seatplanStatus_wheelchair {
    width: 28px;
    height: 30px;
    background-position: -482px -845px
}
.icon_share {
    width: 16px;
    height: 16px;
    background-position: -526px -961px
}
.icon_switchView_dayview {
    width: 25px;
    height: 14px;
    background-position: -177px -983px
}
.icon_switchView_dayview_on {
    width: 25px;
    height: 14px;
    background-position: -123px -983px
}
.icon_switchView_movieview {
    width: 25px;
    height: 14px;
    background-position: -150px -983px
}
.icon_switchView_movieview_on {
    width: 25px;
    height: 14px;
    background-position: -204px -983px
}
.icon_trailer {
    width: 16px;
    height: 16px;
    background-position: -356px -961px
}
.icon_upcomingPage_selector_background {
    width: 2px;
    height: 20px;
    background-position: -466px -939px
}
.icon_upcomingPage_selector_left {
    width: 20px;
    height: 20px;
    background-position: -492px -939px
}
.icon_upcomingPage_selector_left_on {
    width: 20px;
    height: 20px;
    background-position: -470px -939px
}
.icon_upcomingPage_selector_middle {
    width: 20px;
    height: 20px;
    background-position: -444px -939px
}
.icon_upcomingPage_selector_middle_on {
    width: 20px;
    height: 20px;
    background-position: -422px -939px
}
.icon_upcomingPage_selector_right {
    width: 20px;
    height: 20px;
    background-position: -182px -939px
}
.icon_upcomingPage_selector_right_on {
    width: 20px;
    height: 20px;
    background-position: -400px -939px
}
.icon_usertype_bc {
    width: 16px;
    height: 16px;
    background-position: -392px -961px
}
.icon_usertype_fb {
    width: 16px;
    height: 16px;
    background-position: -410px -961px
}
.icon_usertype_member {
    width: 16px;
    height: 16px;
    background-position: -374px -961px
}
.icon_usertype_nonuser {
    width: 16px;
    height: 16px;
    background-position: -338px -961px
}
.icon_website {
    width: 16px;
    height: 16px;
    background-position: -320px -961px
}
.middle {
    width: 85px;
    height: 6px;
    background-position: -341px -983px
}
.middle_wap {
    width: 60px;
    height: 6px;
    background-position: -472px -983px
}
.share_fb_icon {
    width: 22px;
    height: 22px;
    background-position: -156px -913px
}
.topRight {
    width: 85px;
    height: 20px;
    background-position: -313px -939px
}
.topRight_wap {
    width: 60px;
    height: 20px;
    background-position: -2px -961px
}
.sprite {
    background-image: url("../../images/spite_common.png");
    vertical-align: middle
}
.text-danger {
    color: #f00
}
.upcoming-movie-start-date {
    width: 100%;
    height: 22px;
    font-size: 13px;
    color: #373737;
    background-color: #DBDBDB;
    text-align: right;
    padding-right: 6px;
    margin-top: 222px;
}
@media all and (max-width: 991px) {   
    .member-register-select-container .member-type-row {
        width: 100%;
        display: block;
    }
    .upcoming-movie-start-date {
        margin-top: 0px;
    }
    .login-container .login-right-container .login-form-inner-container #login-form .forget-password-row {
    padding-left: 40%;
    text-align: left;
    }
}
@media all and (max-width: 600px) {   
    .login-container .login-right-container .login-form-inner-container #login-form .forget-password-row {
    padding-left: 31%;
    text-align: left;
    }
}
@media all and (max-width: 400px) {   
    .login-container .login-right-container .login-form-inner-container #login-form .forget-password-row {
    padding-left: 20%;
    text-align: left;
    }
}
.txtCursor{cursor:pointer}
.content-area{margin-left:5px;margin-right:5px;padding:5px 24px;}

.ol-4dx{
    margin-left: 40px;
    line-height: 40px;
    list-style: none;
    counter-reset: couter-1;
}

.ol-4dx > li{
    counter-increment: counter-1;
}

.ol-4dx > li:before{
    content: counter(counter-1) ") ";
}

.underline{
    text-decoration: underline;
}
.multi-select-box {
    display: inline-flex;
    color: #9c7738;
    width: 58%;
    padding: 10px;
    float: left;
    font-size: 12px;
}
.multi-select-box-wrap {
    width: 85%;
}
.multi-select-box-btn {
    display: inline-block;
    border: 1px solid #9c7738;
    padding: 1px 5px;
    border-radius: 10%;
    margin-bottom: 5px;
    cursor: pointer;
}
.multi-select-box-btn.active {
    color: #fff;
    background: #9c7738;
}
.movie_attribute_desciption {
    width: 370px !important;
    background: #ddd;
    padding: 0 5px;
    overflow: hidden;
    position: absolute;
    bottom: -15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 11px;
}
.cinema_movie_attribute_desciption {
    position: absolute;
    font-size: 10px;
    line-height: 12px;
    color: #9c7738;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    top: 112%;
    left: 0;
    right: 0;
    font-weight: 900;
}
.cinema-list-main-container .multi-select-box {
    display: none;
}
.cinema-list-main-container.list .movie_attribute_desciption {
    width: 350px !important;
}
.cinema-list-main-container.cinema_date .movie-detail-upper-container .multi-select-box, 
.desktop-movie-info-container .multi-select-box,
.mobile-movie-name-container .cinema_movie_attribute_desciption{
    display: none;
}
.cinema-list-main-container.cinema_date .multi-select-box.cinema-schedule-movie-list {
/*    display: inline-flex;
    position: absolute;
    padding-left: 0;*/
}
.mobile-movie-name-container .multi-select-box {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-left-col .multi-select-box, 
.mobile-movie-detail-container .multi-select-box {
    float: none;
    display: inline-flex;
    width: 100%;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd; 
}
.desktop-movie-detail-bottom-part .movie-schedule-by-cinema-district-row .cinema-row {
    position: relative;
    padding: 15px 0 30px;
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-left-col .movie_attribute_desciption {
    width: 380px !important;
    bottom: 10px;
}
.more_movie_attribute_desciption {
    padding-right: 5px;
    font-size: 10px !important;
    line-height: 30px;
    width: 90%;
    text-align: right;
    color: #9c7738;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 900;
}
.movie-schedule-line {
    border-top: 1px solid #c5c5c5;
    width: 85%;
    margin-left: 10px;
    position: absolute;
    bottom: 20px;
    border-style: dashed;
    border-width: 0 0 1px 0px;
    border-color: #c5c5c5;
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-options .movie-schedule-item-container .more_movie_attribute_desciption {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.movie-schedule-by-cinema-district-row .schedule-dropdown-container .selectboxit-options .movie-schedule-item-container .movie-schedule-line {
    width: 93%;
}
.selectboxit-options.selectboxit-list .test2{
    display: none !important;
}
.selectboxit-options.selectboxit-list .test2.display-more-schedule-movie-attribute{
    display: block !important;
}
.desktop-movie-detail-bottom-part .desktop-movie-detail-left-col .more_movie_attribute_desciption, 
.mobile-movie-schedule-container .mobile-schedule-row .more_movie_attribute_desciption {
    padding-right: 10px;
    width: 100%;
}
@media all and (max-width:991px){
    .cinema-list-main-container.list .movie_attribute_desciption {
        display: none;
    }
}