@charset "UTF-8";.gallery-theme .swiper-container,.plan-list.swiper-container,.select-list.swiper-container,.still-list.swiper-container {
    float: none;
    overflow: hidden
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible;
    float: left;
    z-index: 1;
    width: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 0;
    width: 27px;
    height: 100%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50% 60%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 30px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 10px;
    background: #fff;
    opacity: .5;
    -webkit-transition: all .5 ease 0;
    transition: all .5 ease 0
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 50px;
    background: #fff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: rgba(54,171,213,.7);
    background: -webkit-linear-gradient(135deg,rgba(54,171,213,.7),rgba(13,74,186,.7));
    background: linear-gradient(225deg,rgba(54,171,213,.7),rgba(13,74,186,.7));
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 8px;
    left: 0;
    bottom: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 8px;
    height: 100%;
    left: 0;
    bottom: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0,0%,100%,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: a 1s steps(12) infinite;
    animation: a 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.cinema-slider {
    width: 100%;
    height: 510px;
    margin-left: auto;
    margin-right: auto
}

.cinema-slider .swiper-slide {
    background-size: cover;
    background-position: 0 0
}

.gallery-top {
    width: 100%;
    height: 512px;
    overflow: hidden;
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto
}

.gallery-top .swiper-slide {
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    background-color: #1e1e1e;
    overflow: hidden
}

@media (min-width: 1600px) {
    .gallery-top {
        height:720px
    }
}

.gallery-thumbs {
    width: 100%;
    height: 167px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0 30px;
    margin-left: auto;
    margin-right: auto
}

.gallery-thumbs .swiper-slide {
    background-size: cover;
    background-position: 50%;
    width: 200px;
    height: 100%;
    opacity: .9;
    position: relative;
    -webkit-transition: all .2s ease 0;
    transition: all .2s ease 0
}

.gallery-thumbs .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: -30px;
    margin-bottom: 0
}

.gallery-thumbs .swiper-slide:hover {
    opacity: 1
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border: 3px solid #1b62b4
}

.gallery-16-9.swiper-container {
    height: 240px
}

.gallery-theme .swiper-container {
    width: 100%;
    margin: 20px auto;
    box-sizing: border-box
}

.gallery-movie.gallery-movie-premiere {
    height: 590px;
    box-sizing: border-box
}

.light-block .gallery-movie {
    height: 500px
}

.light-block .gallery-movie-wide {
    height: 450px
}

.ranking-list {
    width: 100%;
    height: 600px;
    margin: 20px auto;
    box-sizing: border-box
}

.gallery-movie.gallery-cinema {
    height: 740px
}

.gallery-movie {
    width: calc(100% - 48px);
    height: 420px;
    margin: 0 24px 16px;
    box-sizing: border-box
}

@media (min-width: 1366px) {
    .gallery-movie {
        height:460px
    }
}

@media (min-width: 1921px) {
    .gallery-movie {
        height: 500px;
    }
}

.still-block .common-list .gallery-movie {
    height: 360px;
    margin-top: 16px;
    margin-bottom: 0
}

.common-list .gallery-movie {
    height: 450px;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 1366px) {
    .common-list .gallery-movie {
        height:480px
    }
}

@media (min-width: 1921px) {
    .common-list .gallery-movie {
        height:520px
    }
}

.info-tabs .common-list .movie-block .gallery-movie {
    height: 410px;
    width: calc(100% - 32px);
    margin-left: 16px!important;
    margin-right: 16px!important
}

@media (min-width: 1366px) {
    .info-tabs .common-list .movie-block .gallery-movie {
        height:430px
    }
}

.info-tabs .common-list .gallery-movie.gallery-movie-wide {
    height: 210px;
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important
}

@media (min-width: 1366px) {
    .info-tabs .common-list .gallery-movie.gallery-movie-wide {
        height:250px
    }
}

.common-list .gallery-movie.gallery-movie-wide {
    margin-top: 0;
    height: 360px
}

@media (min-width: 1366px) {
    .common-list .gallery-movie.gallery-movie-wide {
        height:400px
    }
}

.still-list {
    height: 220px;
    margin: 0!important
}

@media (max-width: 479px) {
    .still-list {
        height:220px
    }
}

.gallery-movie-wide {
    height: 350px;
    margin: 0 24px
}

.gallery-movie-title,.gallery-movie-wide {
    width: calc(100% - 48px);
    box-sizing: border-box
}

.gallery-movie-title {
    margin: 0 24px 16px!important
}

.comming-list .gallery-movie-title {
    margin-bottom: 50px!important
}

.gallery-recommend {
    width: calc(100% - 48px);
    height: 400px;
    margin: 16px 24px 0
}

.article {
    width: calc(100% - 48px);
    height: 360px;
    margin: 20px 24px
}

.article .swiper-slide,.gallery-movie-premiere .swiper-slide,.gallery-movie-wide .swiper-slide,.gallery-movie .swiper-slide,.gallery-recommend .swiper-slide,.gallery-theme .swiper-slide,.ranking-list .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.still-list .swiper-slide {
    overflow: hidden
}

.history-list .swiper-button-next,.history-list .swiper-button-prev {
    top: 55px;
    height: calc(100% - 55px)
}

.gallery-theme {
    position: relative
}

.gallery-theme .swiper-button-prev {
    left: -15px;
    max-height: 236px;
    height: calc(100% - 20px);
    background-position-y: 50%;
    top: 32px
}

@media (max-width: 768px) {
    .gallery-theme .swiper-button-prev {
        left:0
    }
}

.gallery-theme .swiper-button-next {
    right: 5px;
    max-height: 236px;
    height: calc(100% - 20px);
    background-position-y: 50%;
    top: 32px
}

@media (max-width: 768px) {
    .gallery-theme .swiper-button-next {
        right:5px
    }
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #000;
    opacity: .9
}

.mfp-bg,.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 48px
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")!important
}

.mfp-arrow-left,.mfp-arrow-right {
    background-size: 27px 44px!important;
    background-position: 50%!important;
    background-repeat: no-repeat!important
}

.mfp-arrow-right {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")!important
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.jq-rating-label,.jq-stars {
    display: inline-block
}

.jq-rating-label {
    font-size: 22px;
    position: relative;
    vertical-align: top;
    font-family: helvetica,arial,verdana
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%
}

.jq-star-svg path {
    stroke-linejoin: round
}

.jq-shadow {
    -webkit-filter: drop-shadow(-2px -2px 2px #888);
    filter: drop-shadow(-2px -2px 2px #888)
}

@keyframes b {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(.9)
    }

    66% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.steps {
    display: flex;
    width: 134%;
    margin: 0 -17%;
    padding: 2rem 0 6rem;
    list-style: none;
    float: left
}

.step {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    position: relative;
    pointer-events: none
}

.step--active,.step--complete {
    pointer-events: all
}

.step:not(:last-child):after,.step:not(:last-child):before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    content: "";
    transform: translateY(-50%);
    will-change: width;
    z-index: -1
}

.step:before {
    width: 100%;
    background-color: hsla(210,4%,91%,.25)
}

.step:after {
    width: 0;
    background-color: #1b62b4
}

.step--complete:after {
    width: 100%!important;
    opacity: 1;
    transition: width 1s ease-in-out,opacity 1s ease-in-out
}

.step__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 5rem;
    height: 5rem;
    background-color: #1e1e1e;
    border: 2px solid hsla(210,4%,91%,.25);
    border-radius: 50%;
    color: transparent;
    font-size: 2rem
}

.step__icon b {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: " ";
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 4.8rem;
    font-size: 1.5em;
    font-weight: 700
}

.step__icon:before {
    display: block;
    content: "\2713";
    font-size: 1.8em
}

.step--incomplete.step--active .step__icon b {
    display: block
}

.step--complete.step--active .step__icon b {
    display: none
}

.step--complete.step--active .step__icon {
    color: #fff;
    transition: background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out
}

.step--incomplete.step--active .step__icon {
    border-color: #1b62b4;
    background-color: #1b62b4;
    transition-delay: .5s
}

.step--complete .step__icon {
    animation: b .5s ease-in-out;
    background-color: #1b62b4;
    border-color: #1b62b4;
    color: #fff
}

.step__label {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    margin-top: 1rem;
    font-size: 1em;
    text-transform: uppercase;
    transform: translateX(-50%)
}

@media (max-width: 767px) {
    .step__label {
        font-size:.85em
    }
}

.step--incomplete.step--inactive .step__label {
    color: #b9b9b9
}

.step--incomplete.step--active .step__label {
    color: #fff
}

.step--active .step__label {
    transition: color .3s ease-in-out;
    transition-delay: .5s
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55,.06,.68,.19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .8;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all;
    display: none
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: PingFangTC-Regular,Microsoft JhengHe,Open Sans,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30,30,30,.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}

.fancybox-slide:before,.fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}

.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial,sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,.fancybox-placeholder,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image,.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 40px/30px Open Sans,sans-serif;
    color: #fff;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    cursor: pointer;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover:after {
    color: #fff;
    background: transparent
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
    display: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0,0%,100%,.4);
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,.fancybox-infobar__body {
    background: rgba(30,30,30,.6)
}

.fancybox-button:hover {
    background: rgba(0,0,0,.8)
}

.fancybox-button:after,.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled:after,.fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after,.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close:after,.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid hsla(0,0%,39%,.4);
    border-top: 6px solid hsla(0,0%,100%,.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: c .8s infinite linear;
    animation: c .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width: 800px) {
    .fancybox-controls {
        text-align:left
    }

    .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) {
        display: none!important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen {
    display: none!important
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none!important
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #1e1e1e;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs.pic-thumbs>ul>li {
    width: 50%
}

.fancybox-thumbs.pic-thumbs>ul>li>p,.fancybox-thumbs.pic-thumbs>ul>li>span {
    display: none
}

.fancybox-thumbs.pic-thumbs>ul>li>img {
    width: 100%!important
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    outline: none;
    padding: 5px;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs>ul>li>p {
    width: 90px!important;
    float: right;
    color: #fffee5;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1
}

.fancybox-thumbs>ul>li>span {
    width: 90px!important;
    float: right;
    font-size: 12px;
    color: #fff
}

.fancybox-thumbs>ul>li>img {
    position: relative;
    float: left;
    margin-left: 0!important;
    margin-top: 0!important;
    width: 105px!important;
    height: inherit!important;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active {
    background: #3c3c3c
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        display:none!important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    background-color: #121212;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #1b62b4;
    text-decoration: none
}

a:focus,a:hover {
    color: #113e71;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: 100%;
}

.img-rounded {
    border-radius: 30px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: #121212;
    border: 1px solid #ddd;
    border-radius: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 24px;
    margin-bottom: 12px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 12px;
    margin-bottom: 12px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 48px
}

.h2,h2 {
    font-size: 38px
}

.h3,h3 {
    font-size: 32px
}

.h4,h4 {
    font-size: 22px
}

.h5,h5 {
    font-size: 18px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 12px
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:24px
    }
}

.small,small {
    font-size: 75%
}

.mark,mark {
    background-color: #ff0;
    padding: .2em 0
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #1b62b4
}

a.text-primary:focus,a.text-primary:hover {
    color: #144a88
}

.text-success {
    color: #40c057
}

a.text-success:focus,a.text-success:hover {
    color: #339a45
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #d9675d
}

a.text-danger:focus,a.text-danger:hover {
    color: #cf4034
}

.bg-primary {
    color: #fff;
    background-color: #1b62b4
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #144a88
}

.bg-success {
    background-color: #40c057
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #339a45
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #ff0
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #cc0
}

.bg-danger {
    background-color: #d9675d
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #cf4034
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #eee
}

ol,ul {
    margin-top: 0;
    margin-bottom: 12px;
    padding: 0;
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 24px
}

dd,dt {
    line-height: 1.5
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 0) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    font-size: 16px;
    border-left: 3px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.5;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

code,kbd,pre,samp {
    font-family: monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 20px
}

kbd {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 11.5px;
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 20px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:after,.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 95%;
    min-width: 1200px;
}

.container-fluid:after,.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:after,.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: #121212
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption,th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #e6e6e6
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #e6e6e6
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #e6e6e6
}

.table .table {
    background-color: #121212
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #e6e6e6
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #1e1e1e
}

.table-hover>tbody>tr:hover {
    background-color: hsla(0,0%,100%,.1)
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: hsla(0,0%,100%,.1)
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: hsla(0,0%,95%,.1)
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #40c057
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #39ad4e
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #ff0
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #e6e600
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #d9675d
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #d45448
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e6e6e6
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control,output {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #fff
}

.form-control {
    width: 100%;
    height: 46px;
    padding: 6px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: hsla(0,0%,100%,.6);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.form-control::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: hsla(0,0%,93%,.2);
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:38px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 24px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 40px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 20px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 20px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 36px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 20px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 20px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 42px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 47.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label {
    color: #40c057
}

.has-success .form-control {
    border-color: #40c057;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #339a45;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8dd99a
}

.has-success .input-group-addon {
    color: #40c057;
    border-color: #40c057;
    background-color: #40c057
}

.has-success .form-control-feedback {
    color: #40c057
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #ff0
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label {
    color: #d9675d
}

.has-error .form-control {
    border-color: #d9675d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #cf4034;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ecb5b0
}

.has-error .input-group-addon {
    color: #d9675d;
    border-color: #d9675d;
    background-color: #d9675d
}

.has-error .form-control-feedback {
    color: #d9675d
}

.has-feedback label~.form-control-feedback {
    top: 29px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    color: #fff
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        border-radius: 20px
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 31px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 24px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #fff;
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-default.focus,.btn-default:focus {
    color: #fff;
    background-color: transparent;
    border-color: #bfbfbf
}

.btn-default:hover {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #e0e0e0
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
    color: #fff;
    background-color: rgb(0 0 0 / 66%);
    border-color: #bfbfbf
}

.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: transparent;
    border-color: #fff
}

.btn-default .badge {
    color: transparent;
    background-color: #fff
}

.btn-primary {
    color: #fff;
    background-color: #1b62b4;
    border-color: #18569e
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #144a88;
    border-color: #071a2f
}

.btn-primary:hover {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #144a88;
    border-color: #103969
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #103969;
    border-color: #071a2f
}

.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #1b62b4;
    border-color: #18569e
}

.btn-primary .badge {
    color: #1b62b4;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5d4a88;
    border-color: #524177
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #463867;
    border-color: #191425
}

.btn-success:hover {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #463867;
    border-color: #372b50
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #372b50;
    border-color: #191425
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5d4a88;
    border-color: #524177
}

.btn-success .badge {
    color: #5d4a88;
    background-color: #fff
}

.btn-info {
    color: #000 !important;
    background-color: #fff;
    border-color: #000
}

.btn-info.focus,.btn-info:focus {
    color: #000;
    background-color: #e6e6e6;
    border-color: #000
}

.btn-info:hover {
    color: #000;
    background-color: #000;
    border-color: #000
}

.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #e6e6e6;
    border-color: #000
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
    color: #000;
    background-color: #d4d4d4;
    border-color: #000
}

.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #fff;
    border-color: #000
}

.btn-info .badge {
    color: #fff;
    background-color: #000
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9675d;
    border-color: #d45448
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #cf4034;
    border-color: #7f261e
}

.btn-danger:hover {
    color: #000;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #cf4034;
    border-color: #b5362a
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #b5362a;
    border-color: #7f261e
}

.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9675d;
    border-color: #d45448
}

.btn-danger .badge {
    color: #d9675d;
    background-color: #fff
}

.btn-link {
    color: #b9b9b9;
    font-weight: 400;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #fff;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #eee!important;
    text-decoration: none
}

.btn-lg {
    padding: 4px 24px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 30px
}

.btn-sm {
    padding: 5px 10px
}

.btn-sm,.btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 20px
}

.btn-xs {
    padding: 1px 10px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

@media (max-width: 970px) {
    .dropdown-menu {
        left:auto;
        right: 0
    }
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #1b62b4
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #1b62b4
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.5;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 0) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,.nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li,.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: transparent;
    border-color: #1b62b4
}

.nav .nav-divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #3c3c3c
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li:last-child>a {
    margin-right: 0
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: 20px 20px 0 0;
    color: #fffee5;
    font-size: 1.125em;
    margin-right: 20px
}

.nav-tabs>li>a:hover {
    border-color: transparent;
    border-bottom: 3px solid #fffee5
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #fffee5;
    background-color: transparent;
    border-bottom: 3px solid #fffee5;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 0
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fffee5;
    background-color: transparent
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 20px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 20px 20px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: transparent
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 74px;
    margin-bottom: 0
}

.navbar:after,.navbar:before {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 0) {
    .navbar {
        border-radius:0
    }
}

.navbar-header:after,.navbar-header:before {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 0) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after,.navbar-collapse:before {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto;
    overflow-y: visible
}

@media (min-width: 0) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 0) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 0) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 0) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 25px 15px;
    font-size: 18px;
    line-height: 24px;
    height: 74px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}
.navbar-brand.logo{}
.navbar-brand.logo img{
    height: 36px;
    margin-top: -5px;
}
@media (min-width: 0) {
    .navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand {
        margin-left:-15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 0) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 12.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px
}

@media (max-width: 0) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 24px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 0) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.navbar-form {
    margin: 18px -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}
.navbar-form form{
    padding: 0;
    margin:0
}
@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        border-radius: 20px
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 0) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 0) {
    .navbar-form {
        width:auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 18px;
    margin-bottom: 18px
}

.navbar-btn.btn-sm {
    margin-top: 22px;
    margin-bottom: 22px
}

.navbar-btn.btn-xs {
    margin-top: 26px;
    margin-bottom: 26px
}

.navbar-text {
    margin-top: 25px;
    margin-bottom: 25px
}

@media (min-width: 0) {
    .navbar-text {
        float:left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 0) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: rgba(0,0,0,.3);
    border-color: rgba(0,0,0,.3)
}

.navbar-default .navbar-brand {
    color: #fff
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #e6e6e6;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #fff
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #eee;
    background-color: rgba(39,69,175,.4)
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e7e7e7
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: rgba(0,0,0,.3)
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #fff
}

@media (max-width: 0) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#fff
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #eee;
        background-color: rgba(39,69,175,.4)
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #fff
}

.navbar-default .navbar-link:hover {
    color: #eee
}

.navbar-default .btn-link {
    color: #fff
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #eee
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width: 0) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 0;
    margin-bottom: 24px;
    list-style: none;
    background-color: transparent;
    border-radius: 20px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li a {
    color: #e6e6e6
}

.breadcrumb>li a img {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px
}

.breadcrumb>li a:hover {
    color: #fff;
    text-decoration: none
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #e6e6e6
}

.breadcrumb>.active {
    color: #fff
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 24px 0;
    border-radius: 20px;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    /* float: left; */
    padding: 10px 24px;
    line-height: 1.5;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    border: 1px solid hsla(0,0%,87%,.2);
    margin-left: 1px;
    margin-right: 1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination>li>a:hover,.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #1b62b4;
    border-color: #1b62b4
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #1b62b4;
    border-color: #1b62b4;
    cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.panel {
    margin-bottom: 24px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 30px
}

.panel-body:after,.panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    position: relative
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit;
    text-decoration: none;
    width: 100%;
    display: block
}

.panel-title a {
    padding: 15px;
    background: rgba(27,98,180,.15)
}

.panel-title a:after {
    display: block;
    content: "⁻";
    font-size: 50px;
    width: 49px;
    height: 49px;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0
}

.panel-title a.collapsed {
    background: transparent
}

.panel-title a.collapsed:after {
    content: "⁺"
}

.panel-footer {
    padding: 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 19px;
    border-top-left-radius: 19px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption {
    padding-left: 30px;
    padding-right: 30px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 19px;
    border-top-left-radius: 19px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 19px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 19px
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 19px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 19px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #e6e6e6
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 24px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 15px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #999
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: #999
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #999
}

.panel-default>.panel-heading .badge {
    color: transparent;
    background-color: #fff
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #999
}

.panel-primary {
    border-color: #1b62b4
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #1b62b4;
    border-color: #1b62b4
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #1b62b4
}

.panel-primary>.panel-heading .badge {
    color: #1b62b4;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #1b62b4
}

.panel-success {
    border-color: #39ad3b
}

.panel-success>.panel-heading {
    color: #40c057;
    background-color: #40c057;
    border-color: #39ad3b
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #39ad3b
}

.panel-success>.panel-heading .badge {
    color: #40c057;
    background-color: #40c057
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #39ad3b
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #e6bf00
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #ff0;
    border-color: #e6bf00
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e6bf00
}

.panel-warning>.panel-heading .badge {
    color: #ff0;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #e6bf00
}

.panel-danger {
    border-color: #d44854
}

.panel-danger>.panel-heading {
    color: #d9675d;
    background-color: #d9675d;
    border-color: #d44854
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d44854
}

.panel-danger>.panel-heading .badge {
    color: #d9675d;
    background-color: #d9675d
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d44854
}

.close {
    float: right;
    font-size: 48px;
    font-weight: 100;
    line-height: 24px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 16px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    color: #000;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 29px 29px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.bg-red {
    background-color: #d9675d;
    color: #fff
}

.bg-white {
    background-color: #fff;
    color: #000
}

.bg-black {
    background-color: #000;
    color: #fff
}

.bg-gray-dark {
    background-color: #1e1e1e;
    color: #fff
}

.bg-gray-light-2 {
    background-color: #d8d8d8;
    color: #000
}

.bg-gray-light {
    background-color: #e7e7e7;
    color: #000
}

.bg-content {
    background-color: #b9b9b9;
    color: #000
}

.bg-bg {
    background-color: #121212;
    color: #fff
}

.bg-line {
    background-color: #3c3c3c;
    color: #fff
}

.bg-lightyellow {
    background-color: #fffee5;
    color: #000
}

.bg-exc {
    background-color: #5d4a88;
    color: #fff
}

.bg-drama {
    background-color: #e5a232;
    color: #fff
}

.content-text {
    color: #b9b9b9
}

.red {
    color: #d9675d
}

.popup-hide {
    display: none
}

.popup-block {
    background: #fff;
    padding: 0;
    width: auto;
    max-width: 1000px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    color: #000
}

.popup-block p.small {
    font-size: 14px
}

.popup-block.black-theme {
    background: #000;
    color: #fff
}

.popup-block.black-theme .popup-content {
    padding-bottom: 0
}

.popup-block.vedio-modal {
    position: relative;
    overflow: visible
}

.popup-block.vedio-modal .rwd-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.popup-block.vedio-modal .rwd-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.popup-block.vedio-modal .popup-modal-dismiss {
    right: -40px;
    top: -10px
}

.popup-block.popup-payment {
    max-width: 1006px
}

.popup-block.popup-payment .popup-content {
    padding: 0 15px
}

.popup-block.popup-payment .section-note {
    width: calc(100% + 40px);
    float: left;
    background: #efeff1;
    margin-left: -20px;
    margin-top: 45px;
    padding-bottom: 16px
}

.popup-block.popup-payment .section-note .btn {
    color: #1b62b4;
    border-color: #1b62b4
}

.popup-block.popup-payment .section-note .btn:hover {
    color: #000;
    background: #fff
}

.popup-block.popup-md {
    max-width: 1200px
}

.popup-block.popup-sm {
    max-width: 600px
}

.popup-block.popup-sm.popup-sm-sp {
    max-width: 700px
}

.popup-block.popup-xs {
    max-width: 400px
}

.popup-block .popup-modal-dismiss {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    font-weight: 100!important;
    text-decoration: none;
    z-index: 1000
}

.popup-block .popup-modal-dismiss.dismiss-black {
    color: #1e1e1e
}

.popup-block .popup-content {
    padding: 30px 20px
}

.popup-block .popup-content.offer-content {
    padding-top: 20px!important
}

.popup-block .popup-content h4 {
    font-weight: 500!important;
    margin-bottom: 20px
}

.popup-block .popup-content h4 span {
    font-weight: 100!important;
    display: inline-block;
    font-size: 16px
}

.popup-block .popup-content h4 b {
    display: block;
    padding-bottom: 8px
}

.popup-block .popup-content h2 {
    margin-top: 10px
}

.popup-block .popup-content .side-title {
    color: #fff;
    padding-left: 0;
    overflow: hidden
}

.popup-block .popup-content .side-title span {
    width: calc(100% - 4px - 12px - 16px);
    font-size: 23px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    vertical-align: middle
}

.popup-block .popup-content .side-title:before {
    width: 4px;
    height: 60px;
    content: "";
    display: inline-block;
    background: #fff;
    position: relative;
    vertical-align: middle;
    left: 0;
    top: 0;
    margin-right: 12px
}

.popup-block .popup-content .plan-item-box {
    max-height: 440px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: auto
}

.popup-block .popup-content .plan-item {
    margin: 8px 0;
    clear: both;
    float: left;
    width: 100%;
    background: transparent url(../img/web/background_light_w.png) 0 0 no-repeat;
    background-size: 100% auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
}

.popup-block .popup-content .plan-item.selected {
    background: transparent url(../img/web/background_dark_w.png) 0 0 no-repeat;
    background-size: 100% auto;
    box-shadow: 0 0 10px 0 rgba(27,98,180,.5)
}

.popup-block .popup-content .plan-item.selected>div.radio-box {
    background: transparent
}

.popup-block .popup-content .plan-item>div {
    padding-top: 24px;
    padding-bottom: 24px
}

.popup-block .popup-content .plan-item>div.radio-box {
    background: #fff;
    padding-left: 24px
}

.popup-block .popup-content .plan-item input[type=radio]:checked~.label-text {
    border-color: transparent;
    color: #fff
}

.popup-block .popup-content .plan-item .more-offer-list {
    margin-left: 15px
}

.popup-block .popup-content .plan-item .more-offer-list a {
    display: inline-block;
    clear: both;
    color: #fff;
    padding: 0 5px;
    margin-bottom: 3px;
    border: 1px solid transparent
}

.popup-block .popup-content .plan-item .more-offer-list a.active,.popup-block .popup-content .plan-item .more-offer-list a:hover {
    border: 1px solid #fff;
    text-decoration: none
}

.popup-block .popup-content .plan-item .btn-intro {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #fff;
    color: #fff;
    vertical-align: top;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px
}

.popup-block .popup-content .plan-item .note {
    width: 100%;
    clear: both;
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 0
}

.popup-block .btn-box {
    text-align: center;
    width: 100%;
    clear: both;
    overflow: hidden
}

.popup-block .btn-box .btn {
    display: inline-block;
    min-width: 122px;
    margin-left: 12px;
    margin-right: 12px;
    vertical-align: top;
    float: auto
}

.popup-block table {
    margin-bottom: 30px;
    background: transparent
}

.popup-block table tr {
    border-bottom: 1px solid #e7e7e7
}

.popup-block table th {
    font-weight: 700;
    color: #1e1e1e
}

.popup-block table td {
    color: #1e1e1e
}

.popup-block table td a {
    color: #000
}

h1,h2,h3 {
    font-weight: 400
}

h4,h5 {
    font-weight: 500!important
}

:focus {
    outline: none!important
}

textarea {
    resize: none
}

textarea.rating-msg {
    border-radius: 0;
    color: #1e1e1e!important
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,html {
    -webkit-overflow-scrolling: auto
}

body {
    font-family: PingFangTC-Regular,微軟正黑體,Microsoft JhengHei,Open Sans,sans-serif;
    font-family: PingFangTC-Light,微軟正黑體,Microsoft JhengHei,Open Sans,sans-serif;
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

@media (max-width: 970px) {
    body {
        max-width:970px!important;
        width: 970px!important;
        overflow-x: auto;
    }

    body .navbar.navbar-default.navbar-fixed-top {
        position: relative;
        width: 100%;
        /* overflow: hidden; */
    }
}

@media (max-width: 970px) {
    .container,.container-fluid {
        max-width:970px!important;
        min-width: 970px!important;
        width: 970px!important;
        overflow: hidden
    }
}

.breadcrumb {
    position: relative;
    z-index: 10
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    background: #3a88e1;
    border-color: #3a88e1
}

.btn-default:hover {
    color: #000;
    background: #fff
}

.btn-info:active,.btn-info:focus,.btn-info:hover {
    color: #000;
    background: #e7e7e7
}

.btn[disabled] {
    pointer-events: none
}

.btn-bind.active,.btn-bind:active,.btn-bind:hover,.btn-reservation.active,.btn-reservation:active,.btn-reservation:hover,.notify.active,.notify:active,.notify:hover {
    color: #fff!important;
    background: #1b62b4!important;
    border: 1px solid #0e325b!important
}

.alert-danger {
    display: inline-block;
    background-color: #d9675d;
    border-color: #d44854;
    color: #fff;
    padding: 15px;
    border: 0;
    margin-bottom: 0
}

.alert-danger .dismiss {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    margin-left: 16px
}

.sticky {
    position: fixed;
    right: 15px;
    top: 100px;
    z-index: 1000;
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s
}

.sticky.back {
    right: -100%
}

.alert-success {
    display: inline-block;
    background-color: #40e7b8;
    border-color: #d44854;
    color: #000;
    padding: 15px;
    border: 0;
    margin-bottom: 0
}

.alert-success .dismiss {
    color: #000;
    text-decoration: none;
    font-size: 1.2em;
    margin-left: 16px;
    font-weight: 100
}

.btn[disabled] {
    color: #eee!important
}

.title-box,.title-box .sort {
    position: relative
}

.title-box .sort {
    clear: both;
    overflow: hidden;
    margin-top: 25px;
    display: inline-block
}

.title-box .sort-box {
    position: absolute;
    right: 15px;
    top: 25px
}

.sort-box {
    display: inline-block
}

.sort-box img {
    margin-right: 3px;
    margin-top: -3px
}

.btn-sort {
    border-radius: 0;
    padding: 5px 8px;
    cursor: pointer;
    font-size: 15px
}

.btn-sort:hover {
    color: #fff;
    background: rgba(27,98,180,.3)
}

.btn-vote.active,.btn-vote:active,.btn-vote:focus {
    color: #000!important;
    background: #fff!important
}

.headroom {
    transition: transform .2s linear
}

.headroom--pinned {
    transform: translateY(0);
}

.headroom--unpinned {
    transform: translateY(-100%)
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip,.ellip-line {
    position: relative;
    overflow: hidden
}

.radio-check.inline {
    display: inline-block
}

.radio-check.inline .label-text {
    width: calc(100% - 10px - 20px - 30px);
    line-height: 30px;
    padding-bottom: 0;
    vertical-align: middle;
    display: inline-block;
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 20px
}

.radio-check input[type=radio] {
    display: none
}

.radio-check input[type=radio]:checked+label {
    background: #00a4df;
    border-color: #00a4df
}

.radio-check input[type=radio]:checked+label:after {
    transform: scale(1.3)
}

.radio-check label {
    display: block;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: .2s
}

.radio-check label:before {
    content: "";
    position: absolute;
    display: block;
    height: 300%;
    width: 300%;
    top: -100%;
    left: -100%;
    z-index: -1;
    border-radius: 50%;
    transition: .3s
}

.radio-check label:after {
    content: "\2713";
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    transform: scale(0);
    transition: .2s;
    color: #fff!important
}

.check.inline {
    display: inline-block
}

.check.inline .label-text {
    line-height: 24px;
    padding-bottom: 0;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 20px
}

.check.inline .label-text,.check.inline label {
    display: inline-block;
    float: left
}

.check.terms {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px
}

.check.terms .label-text {
    line-height: 24px;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: -3px
}

.check.terms .label-text a {
    display: inline-block;
    margin-left: 5px;
    color: #d9675d
}

.check input[type=checkbox] {
    display: none
}

.check input[type=checkbox]:checked+label {
    background: #00a4df;
    border-color: #00a4df
}

.check input[type=checkbox]:checked+label:after {
    transform: scale(1.3)
}

.check label {
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #b9b9b9;
    border-radius: 10%;
    position: relative;
    cursor: pointer;
    transition: .2s
}

.check label:before {
    content: "";
    position: absolute;
    display: block;
    height: 300%;
    width: 300%;
    top: -100%;
    left: -100%;
    z-index: -1;
    border-radius: 50%;
    transition: .3s
}

.check label:after {
    content: "\2713";
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    transform: scale(0);
    transition: .2s
}

.check label:active:before {
    background: #111
}

input.switch {
    opacity: 0;
    position: absolute;
    left: -9999px
}

input.switch+label {
    user-select: none;
    transition: .2s ease;
    display: inline-block;
    height: 30px;
    width: 60px;
    position: relative;
    box-shadow: inset 0 0 0 2px #e4e4e4;
    border-radius: 60px;
    margin-top: 5px;
    vertical-align: middle
}

input.switch+label:before {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(76,217,100,0);
    transition: .2s cubic-bezier(.24,0,.5,1)
}

input.switch+label:after {
    content: "";
    position: absolute;
    display: block;
    height: 28px!important;
    width: 28px!important;
    top: 50%;
    margin-top: -14px;
    left: 1px;
    border-radius: 60px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);
    transition: .35s cubic-bezier(.54,1.6,.5,1)
}

input.switch+label span {
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    margin-left: 60px;
    padding-left: 16px
}

input.switch:checked+label:before {
    width: 60px;
    background: #1b62b4;
    transition: width .2s cubic-bezier(0,0,0,.1)!important
}

input.switch:checked+label:after {
    left: 31px
}

input.switch:checked+label {
    box-shadow: inset 0 0 0 25px #e4e4e4;
    transition: box-shadow 2.5s cubic-bezier(0,1.2,.94,.95)
}

.note {
    font-size: .9377em;
    display: inline-block;
    margin-left: 10px
}

.note,.note a {
    color: #b9b9b9
}

.note a:hover {
    color: #fff
}

.mem-note {
    margin-top: 10%;
    margin-left: 0
}

@media (max-width: 991px) {
    .mem-note {
        margin-top:5%
    }
}

nav.headroom--not-top {
    background: rgba(0,0,0,.9)
}

nav .material-icons {
    font-size: 10px
}

nav .btn {
    margin-left: 16px
}

nav .navbar-form {
    margin-right: 5px!important
}

.navbar h1 {
    margin: 0!important
}

.nav-category li {
    padding-bottom: 4px
}

.nav-category li.active,.nav-category li:active,.nav-category li:hover {
    padding-bottom: 0
}

.separate-line {
    display: inline-block;
    margin-top: 26px;
    margin-left: 5px;
    margin-right: 5px!important
}

.navbar-btn.btn-link {
    margin-top: 24px;
    font-size: 1.125em
}

.navbar-btn.btn-login {
    margin-right: 15px
}

.nav-icon {
    line-height: 38px;
    display: inline-block;
    margin-right: 10px!important;
    margin-top: 16px;
    margin-bottom: 0!important;
    position: relative
}

.nav-icon.notice:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -3px;
    top: 5px;
    border-radius: 100%;
    background: red
}

.btn-sp {
    margin-right: 0;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1px
}

.btn-sp:active,.btn-sp:focus,.btn-sp:hover {
    color: #fff
}

.btn-sp:active:before,.btn-sp:focus:before,.btn-sp:hover:before {
    background: #2746af;
    background: -webkit-linear-gradient(135deg,#2746af,#672f7f);
    background: linear-gradient(225deg,#2746af,#672f7f)
}

.btn-sp:active:after,.btn-sp:focus:after,.btn-sp:hover:after {
    animation-play-state: paused;
    animation-fill-mode: forwards
}

.btn-sp:before {
    content: "選購";
    display: inline-block;
    background: rgba(39,70,175,.7);
    background: -webkit-linear-gradient(135deg,rgba(39,70,175,.6),rgba(103,47,127,.6));
    background: linear-gradient(225deg,rgba(39,70,175,.6),rgba(103,47,127,.6));
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 40px
}

.btn-sp:after,.btn-sp:before {
    position: absolute;
    border-radius: 40px
}

.btn-sp:after {
    content: "";
    z-index: 0;
    left: 50%;
    top: 50%;
    display: block;
    width: 86px;
    height: 40px;
    margin-left: -43px;
    margin-top: -20px;
    background: #2745af;
    animation: d 1.5s ease-out infinite
}

.navbar-form .nav-search {
    background: transparent url(../img/icon/search.png) 16px 50% no-repeat;
    background-size: 20px;
    padding-left: 48px
}

.navbar-form .form-control {
    border-radius: 20px
}

.search-top {
    position: relative
}

.search-top .search-close {
    display: none;
    position: absolute;
    right: 30px;
    top: 6px;
    opacity: 1
}

.search-top input {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    max-width: 200px;
    width: 200px;
    height: 38px;
}

.search-top input.focus {
    max-width: 290px;
    width: 290px
}

.has-sub.active {
    background: rgba(39,69,175,.4)
}

.sub-content {
    max-width: 460px;
    display: none;
    background: rgba(0,0,0,.9);
    overflow: auto;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.35);
    position: fixed!important;
    padding: 20px 20px 24px
}

.sub-content .nav-tabs {
    border-bottom: 0
}

.sub-content .nav li:last-child a {
    margin-right: 0
}

.sub-content .nav li a {
    padding: 5px 12px;
    font-size: 1.125em;
    margin-right: 15px
}

.sub-content .tab-pane {
    padding-top: 24px
}

.sub-content .tab-pane p {
    color: #b9b9b9
}

.sub-content .tab-pane li {
    float: left
}

.sub-content .tab-pane a {
    display: inline-block;
    min-width: 130px
}

.sub-content li a {
    color: #fff;
    padding-bottom: 10px
}

.autocomplete-suggestions {
    background: rgba(0,0,0,.9);
    overflow: auto;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    color: #fff;
    position: fixed!important;
    padding: 10px;
    right: 160px!important;
    top: 56px!important
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    color: #fff;
    text-decoration: underline
}

.autocomplete-suggestions strong {
    font-weight: 400;
    color: #39f
}

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000
}

.search-list {
    display: none;
    position: absolute;
    right: 180px;
    top: 56px;
    background: rgba(0,0,0,.9);
    color: #fff;
    padding: 18px 40px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.5);
    box-sizing: border-box
}

.search-list h5 {
    color: #b9b9b9;
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 10px
}

.search-list a,.search-list a:active,.search-list a:focus,.search-list a:hover {
    color: #fff
}

.search-list .close {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 36px;
    color: #fff;
    text-shadow: none;
    opacity: .5
}

.search-list .close:hover {
    color: #fff;
    background: transparent;
    opacity: 1
}

.record {
    display: none;
    position: absolute;
    right: 68px;
    top: 65px;
    background: rgba(0,0,0,.9);
    width: 164px;
    padding: 0 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    box-sizing: border-box
}

.record.active {
    display: block;
    top: 65px
}

.record:after {
    width: 100%;
    height: 12px;
    display: inline-block;
    background: transparent;
    margin-left: -10px
}

.record:after,.record:before {
    content: "";
    position: absolute;
    top: -10px
}

.record:before {
    left: 50%;
    margin-left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid rgba(0,0,0,.9)
}

.record h5 {
    color: #fff;
    display: inline-block;
    float: left;
    background: transparent
}

.record .btn {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    float: right
}

.record ul {
    clear: both;
    max-height: 306px
}

.record li {
    clear: both;
    margin-bottom: 10px;
    background: #fff;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 1;
    position: relative
}

.record li:active,.record li:focus,.record li:hover {
    opacity: .8
}

.record li:last-child {
    margin-bottom: 0
}

.record li span {
    padding: 3px 5px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    font-size: .75em;
    color: #fff;
    background: transparent;
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%);
    background: linear-gradient(90deg,rgba(0,0,0,.7),transparent 50%)
}

.record li a {
    position: relative;
    display: block
}

.record li a .circle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 100
}

.record li a:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.record li a:before {
    width: 30px;
    height: 30px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 10
}

footer {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: #121212;
    background: -webkit-linear-gradient(-90deg,#121212 50%,#18293d);
    background: linear-gradient(0deg,#121212 50%,#18293d);
    position: relative;
    background-size: 100%
}

footer .footer-box {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #1e1e1e
}

footer .footer-box a {
    color: #e5e5e5
}

footer .footer-box small {
    font-size: .75em;
    color: #e4e4e4;
    margin-left: -15px
}

footer .footer-box small span {
    display: inline-block;
    padding-left: 20px
}

.triangle {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: 20px;
    right: 0;
    clip: rect(auto,180px,auto,100px);
    transform: rotate(-90deg);
    cursor: pointer
}

@media (max-width: 970px) {
    .triangle {
        right:30px
    }
}

.triangle span {
    z-index: 100;
    right: -5px;
    top: 50%;
    position: absolute;
    transform: rotate(90deg);
    margin-top: -10px;
    letter-spacing: 2px;
    font-size: 14px
}

.triangle:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(103,47,127,.5)),color-stop(100%,rgba(39,69,175,.5)));
    transform: rotate(-45deg)
}

.triangle:hover:after {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(103,47,127,.7)),color-stop(100%,rgba(39,69,175,.7)))
}

.black {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 120px 0 0 80px;
    height: 100%;
    background: transparent;
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%);
    background: linear-gradient(90deg,rgba(0,0,0,.7),transparent 50%)
}

@media (min-width: 1600px) {
    .black {
        padding:210px 0 0 80px
    }
}

.black .tag {
    display: inline-block;
    padding: 0 6px;
    line-height: 1.4;
    color: #fff;
    font-size: 1em;
    margin-right: 3px
}

.black .tag.tag-film {
    background: #1b62b4
}

.black .tag.tag-drama {
    background: #e5a232
}

.black .tag.tag-note {
    background: #b70b0b
}

.black .tag.tag-single {
    background: #1b62b4
}

.black .tag.tag-free {
    background: #3c3c3c
}

.black .tag.tag-p {
    background: #5d4a88
}

.black .tag.tag-est {
    background: #1a8ba6
}

.black h1 {
    text-shadow: 0 2px 8px rgba(0,0,0,.3);
    margin-bottom: 10px!important;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: .8;
    margin-top: 0
}

.black h1 a {
    color: #fff
}

.black h1 a:hover {
    text-decoration: none
}

.black h5 {
    color: #afafaf;
    font-size: 1.25em;
    margin-left: 5px;
    -webkit-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.black h5,.black p {
    margin-top: 0!important;
    margin-bottom: 8px!important
}

.black p {
    max-width: 400px;
    clear: both;
    opacity: 0;
    margin-left: 3px;
    -webkit-transition: all .2s ease .6s;
    transition: all .2s ease .6s
}

.black p.rate {
    -webkit-transition: all .3s ease .7s;
    transition: all .3s ease .7s;
    margin-bottom: 16px!important
}

.black p.rate span {
    display: inline-block;
    padding: 0 10px
}

.black p.rate img {
    vertical-align: baseline;
    margin-top: 2px
}

.black .btn {
    -webkit-transition: .2s ease 0s .1s;
    transition: .2s ease 0s .1s;
    opacity: 0;
    min-width: 170px;
    margin-top: 16px
}

.swiper-slide-active .black .btn,.swiper-slide-active .black h1,.swiper-slide-active .black h5,.swiper-slide-active .black p {
    opacity: 1;
    margin-left: 0
}

.thumbs-box {
    padding-top: 8px;
    padding-bottom: 40px;
    background: #1e1e1e;
    background: -webkit-linear-gradient(90deg,rgba(55,60,88,.7) 50%,rgba(55,60,88,0) 80%);
    background: linear-gradient(180deg,rgba(55,60,88,.7) 50%,rgba(55,60,88,0) 80%)
}

.thumbs-box .btn {
    min-width: 200px;
    margin-top: 20px
}

.line-loder {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    margin: 0;
    opacity: .8;
    height: 10px;
    background: #2745af
}

.line-loder.active {
    -webkit-transition: width 5s ease 0s;
    transition: width 5s ease 0s;
    width: 100%
}

.title-box {
    padding: 0 15px;
    margin: 0 auto;
    position: relative
}

.section-title {
    display: inline-block;
    color: #fffee5;
    position: relative;
    padding-left: 16px;
    font-weight: 100!important;
    font-size: 2em;
    margin-top: 8px;
    margin-left: 9px
}

.section-title.member-title {
    margin-bottom: 28px
}

.section-title span {
    font-size: 20px;
    margin-left: 20px;
    color: #e7e7e7;
    margin-top: -5px;
    display: inline-block
}

.section-title span.small {
    color: #b9b9b9
}

.section-title:before {
    width: 4px;
    height: 44px;
    content: "";
    display: inline-block;
    background: #fffee5;
    position: absolute;
    left: 0;
    top: -5px
}

.section {
    clear: both;
    padding-top: 30px;
    padding-bottom: 10px;
    width: 100%;
    margin: auto;
}

.more,.section {
    position: relative;
}

.more {
    line-height: 32px;
    display: inline-block;
    margin-top: 10px;
    z-index: 100
}

.more,.more:hover {
    color: #fffee5
}

.new-list {
    padding-top: 0!important;
    background: #121212
}

.common-list,.recommend-list {
    position: relative
}

.recommend-list {
    background: #000;
    background: -webkit-linear-gradient(90deg,rgba(27,35,64,.7) 50%,rgba(27,35,64,0) 80%);
    background: linear-gradient(180deg,rgba(27,35,64,.7) 50%,rgba(27,35,64,0) 80%)
}

.recommend-list:before {
    background: hsla(0,0%,100%,.05);
    content: "";
    width: 45%;
    height: 390px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.recommend-list:after {
    position: absolute;
    right: 45%;
    top: 0;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 390px 100px;
    border-color: transparent transparent hsla(0,0%,100%,.05);
    z-index: 0
}

.recommend-list>.container-fluid {
    position: relative;
    z-index: 1;
    background: -webkit-linear-gradient(90deg,hsla(0,0%,7%,0) 50%,#121212);
    background: linear-gradient(180deg,hsla(0,0%,7%,0) 50%,#121212)
}

.gallery-movie-wide.single {
    margin: 0;
    width: 100%
}

@media (min-width: 992px) {
    .gallery-movie-wide .movie-item {
        width:100%;
        margin-left: 0
    }
}

.gallery-movie-wide .movie-item .img-block {
    padding-bottom: 66.6666667%!important
}

.topic-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    background: #1e1e1e
}

.topic-item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .75
}

.topic-item h4 {
    left: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    color: #fff;
    display: block;
    text-align: center;
    margin: -10px 0 0;
    text-shadow: 0 2px 6px rgba(0,0,0,.5);
    z-index: 10
}

.topic-item img {
    -webkit-transition: transform .2s ease 0s;
    transition: transform .2s ease 0s;
    width: 100%;
    height: auto;
    max-width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.tag-single-drama {
    background: #e5a232
}

.tag-p,.tag-single-drama {
    display: inline-block;
    margin: 0;
    padding: 0 6px;
    line-height: 1.4;
    font-size: 1em;
    color: #fff
}

.tag-p {
    background: #5d4a88
}

.tag-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0,0,0,.75);
    text-align: center;
    font-size: 1.125em;
    margin: 0;
    padding-top: 30%
}

.tag-note {
    background: #b70b0b
}

.tag-note,.tag-single {
    display: inline-block;
    margin: 0;
    padding: 0 6px;
    line-height: 1.4;
    font-size: 1em;
    color: #fff
}

.tag-single {
    background: #1b62b4
}

.tag-alert,.tag-today {
    display: inline-block;
    margin: 0;
    padding: 8px;
    font-size: 1em;
    color: #fff;
    background: #d9675d
}

.light-block .gallery-movie .swiper-slide .ranking-text {
    width: 100%;
    position: absolute;
    top: -80px;
    text-align: center
}

.light-block .gallery-movie .swiper-slide:first-child .ranking-text {
    top: -80px;
    font-size: 3em;
    font-weight: 700
}

.classification-list li,.item-shadow,.movie-item,.people-item,.search-result .people-item a {
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    z-index: 0
}

.classification-list li:hover,.item-shadow:hover,.movie-item:hover,.people-item:hover,.search-result .people-item a:hover {
    box-shadow: 0 0 50px rgba(0,0,0,.85);
    z-index: 1
}

.item-scale {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 0;
    position: relative
}

.item-scale:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 10
}

.clip-list.tv-list .info-right h5,.clip-list.tv-list .info-right p.show-name,.device-list .item p,.ellipsis,.movie-item h5,.people-item a h5,.people-item a h6,.ranking-list .name,.search-result .people-item .info-right h4,.search-result .people-item .info-right h6,.still-block a .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item-play-icon .img-block,.tv-clip .movie-item .img-block {
    position: relative;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.item-play-icon .img-block:before,.tv-clip .movie-item .img-block:before {
    width: 55px;
    height: 55px;
    background: transparent url(../img/icon/play.png) 50% 50% no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -27px;
    margin-left: -27px;
    z-index: 10
}

.item-play-icon .img-block:hover img,.tv-clip .movie-item .img-block:hover img {
    opacity: .35
}

.item-play-icon .img-block:hover:before,.tv-clip .movie-item .img-block:hover:before {
    background: transparent url(../img/icon/play_hover.png) 50% 50% no-repeat;
    background-size: cover
}

.gallery-16-9 .movie-item .img-block {
    padding-bottom: 56.25%!important
}

.more-result .gallery-movie-wide:first-child .ranking-text,.more-result .gallery-movie:first-child .ranking-text {
    font-weight: 700
}

.more-result .ranking-text {
    line-height: 1;
    margin-top: 0
}

.movie-item {
    position: relative;
    background: #1e1e1e;
    width: 100%;
    margin-left: 0;
    height: auto;
    box-sizing: border-box;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 0;
    height: 395px;
}

.movie-item:hover {
    background: #2b2b2b;
    left: 0;
    top: 0;
    z-index: 100
}

.movie-item:hover .info {
    max-height: inherit!important
}

.movie-item:hover .btn-box {
    max-height: inherit;
    opacity: 1
}

.movie-item:hover .info-hide {
    opacity: 1;
    height: auto;
    margin-top: 4px;
    margin-bottom: 4px
}

.movie-item .ranking-text {
    font-weight: 100;
    text-align: center;
    margin-top: 0;
    font-size: 3em;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #3c3c3c;
    line-height: 75px
}

.movie-item .btn {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 15px;
    max-width: 140px;
    background-color: rgb(0 0 0 / 54%);
}

.movie-item .btn-bookmark {
    display: inline-block;
    margin-top: -8px;
    margin-left: 16px;
    vertical-align: middle
}

.movie-item a {
    color: #fff
}

.movie-item a,.movie-item a:hover {
    text-decoration: none;
    color: #fff;
}

.movie-item .info {
    -webkit-transition: max-height 0s ease 0s;
    transition: max-height 0s ease 0s;
    padding: 8px 6px;
    text-align: left;
    max-height: 67px;
    overflow: hidden
}

.movie-item .info.category {
    max-height: 72px
}

.movie-item .info.great {
    max-height: 94px
}

.movie-item .info.great-clip {
    max-height: 120px
}

.movie-item .info.for-you {
    max-height: 114px
}

.movie-item .btn-box {
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    text-align: center;
    max-height: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.movie-item h5 {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0;
    color: #fff!important;
    padding-left: 0!important
}

.movie-item h5:first-child {
    margin-top: 0
}

.movie-item p {
    color: #b9b9b9;
    margin-bottom: 0;
    margin-top: 4px;
    line-height: 1.2
}

.movie-item p.note {
    font-size: 12px;
    text-align: left;
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 0;
    line-height: 1;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.movie-item p img {
    vertical-align: middle;
    margin-top: -2px
}

.movie-item .info-hide {
    -webkit-transition: opacity 0s ease 0s;
    transition: opacity 0s ease 0s;
    color: #fff!important;
    font-size: .875em;
    opacity: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0
}

.movie-item .info-hide.intro {
    color: #b9b9b9!important;
    font-size: 1em
}

.movie-item .img-block {
    position: relative;
    overflow: hidden;
    padding-bottom: 148.148148148%!important;
    height: 83%;
    display: block;
    width: 100%;
}

.movie-item .img-block img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin: auto; */
    z-index: 0
}

.movie-item .img-block span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin: -20px 0 0 -30px
}

.movie-item .tag-btm {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    font-size: 1em;
    color: #fff;
    margin: 0;
    text-align: right
}

.movie-item .tag-btm span {
    display: inline-block;
    clear: both;
    float: right;
    line-height: 1.4;
    position: relative;
    left: auto;
    top: auto;
    padding-right: 6px;
    margin-top: 4px
}

.movie-item .tag-btm span:before {
    width: calc(100% + 12px);
    height: 100%;
    position: absolute;
    content: "";
    display: inline-block;
    background: #1b62b4;
    z-index: -1;
    left: -6px
}

.movie-item .tag-btm span.tag-free:before {
    background: #3c3c3c
}

.movie-item .tag-btm span.tag-drama:before {
    background: #e5a232
}

.movie-item .tag-btm span.tag-est:before {
    background: #1a8ba6
}

.movie-item .tag-top {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1em
}

.movie-item .tag-top span {
    display: inline-block;
    padding: 0 6px;
    line-height: 1.4;
    margin-right: 3px;
    background: #5d4a88
}

.movie-item .tag-top .tag-note {
    background: #b70b0b
}

.still-list-long .swiper-slide {
    text-align: center
}

.still-list-long .swiper-slide img {
    display: inline-block
}

.still-block {
    position: relative;
    margin-top: 40px
}

.still-block .swiper-button-prev {
    top: 10px;
    left: 0
}

.still-block .swiper-button-next {
    top: 10px;
    right: 0
}

.still-block .swiper-slide {
    float: left
}

.still-block .sub-title a {
    width: auto
}

.still-block a {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%
}

.still-block a .title {
    width: 100%;
    padding: 5px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.movie-block {
    position: relative;
    z-index: 0
}

.tv-block {
    position: relative;
    width: 100%;
    overflow: hidden
}

.tv-block.first {
    margin-bottom: 30px
}

.tv-block .info .btn {
    position: absolute;
    right: 5px;
    bottom: -3px;
    z-index: 100
}

.tv-block .swiper-button-next {
    right: 30px
}

.tv-block .swiper-button-prev {
    left: 30px
}

.tv-block .section-title {
    margin-left: 15px
}

.content .common-list {
    position: relative
}

.content .common-list .gallery-movie-wide {
    width: 100%;
    margin: 0;
    height: 230px;
    margin-top: 24px;
    margin-bottom: 24px
}

.tag-list {
    margin-top: 10px
}

.tab-tag {
    display: inline-block;
    padding: 3px 10px;
    color: #e7e7e7;
    border: 1px solid #e7e7e7;
    margin-bottom: 16px;
    background: transparent
}

.critics-list {
    margin-top: -10px;
    border-bottom: 1px solid rgba(60,60,60,.5);
    margin-bottom: 30px
}

.critics-list .btn-tag {
    border: 0;
    padding: 0 10px;
    margin-right: 0
}

.critics-list .btn-tag:active,.critics-list .btn-tag:focus {
    border: 0
}

.critics-list .btn-tag.active {
    background: #fff;
    color: #000
}

.btn-tag {
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 16px;
    background: transparent;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.btn-tag,.btn-tag:active,.btn-tag:focus {
    color: #e7e7e7;
    border: 1px solid #e7e7e7;
    text-decoration: none
}

.btn-tag:hover {
    background: #e7e7e7;
    color: #000;
    text-decoration: none
}

.sort-list {
    margin-top: 20px;
    margin-bottom: 20px
}

.boo-list .btn-tag {
    border: 1px solid #1e1e1e;
    background: transparent;
    color: #1e1e1e
}

.boo-list .btn-tag.active,.boo-list .btn-tag:active,.boo-list .btn-tag:focus,.boo-list .btn-tag:hover {
    background: #1e1e1e;
    color: #e7e7e7
}

.author {
    width: 65px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    top: -32px;
    box-sizing: border-box
}

.author img {
    vertical-align: top;
    border-radius: 100%;
    border: 2px solid #fff
}

.author.normal {
    display: inline;
    position: relative;
    top: auto
}

.people-item {
    margin-left: 0;
    position: relative;
    float: left
}

.people-item .tag-top {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    margin: 0!important;
    padding: 0;
    color: #fff;
    font-size: 1em!important
}

.people-item .tag-top .tag-video {
    display: inline-block;
    padding: 0 0 0 21px;
    line-height: 1.4;
    background: #3c3c3c url(../img/icon/icon-fun@2x.png) 4px 50% no-repeat;
    background-size: 15px auto
}

.people-item:hover .action-box {
    display: block
}

.people-item .action-box {
    display: none;
    position: absolute;
    top: 22%;
    left: 0;
    z-index: 100;
    height: 40px;
    padding: 8px 10px 5px;
    width: 100%;
    text-align: center
}

.people-item .action-box .media-list {
    margin-left: 10px;
    margin-top: 0
}

.people-item .btn-icon {
    width: 20px;
    margin-right: 5px!important;
    margin-left: 5px!important;
    display: inline-block;
    overflow: visible
}

@media (min-width: 480px) {
    .people-item {
        width:95%;
        margin-left: 2.5%
    }
}

@media (min-width: 992px) {
    .people-item {
        width:100%;
        margin-left: 0
    }
}

.people-item a {
    color: #000;
    display: block;
    text-decoration: none;
    overflow: hidden
}

.people-item a .info {
    padding: 10px 16px 16px;
    background: #fff;
    position: relative;
    overflow: visible;
    z-index: 12
}

.people-item a .info.notitle p {
    margin-top: 30px
}

.people-item a h5 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 8px;
    padding-left: 0;
    font-size: 1em;
    font-weight: 700!important;
    color: #000!important;
    float: left
}

.people-item a p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4
}

.people-item a.active,.people-item a:active,.people-item a:focus,.people-item a:hover {
    text-decoration: none
}

.people-item a.active .img-block img,.people-item a:active .img-block img,.people-item a:focus .img-block img,.people-item a:hover .img-block img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .5
}

.people-item a h6 {
    padding-left: 75px;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%
}

.people-item .img-block {
    position: relative;
    overflow: hidden;
    padding-bottom: 66.6666667%!important
}

.people-item .img-block img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9
}

.people-item .img-block p {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin-top: 0
}

.people-item .img-block p span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    font-size: 1.125em;
    color: #fff;
    padding: 20px 20px 40px
}

.people-item .img-block p:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0,0,0,.3);
    content: "";
    display: inline-block
}

.content {
    width: 100%;
    min-height: calc(100vh - 74px)
}

.content-wrap {
    max-width: 1366px!important;
    margin: 0 auto;
    float: none
}

.content-wrap .line {
    float: left;
    width: 100%;
    margin: 0 0 12px
}

.content-wrap .offer-note {
    width: 100%;
    border-radius: 5px;
    color: #fffee5;
    border: 1px solid #fffee5;
    font-size: 13px;
    padding: 10px;
    margin-top: 24px;
    margin-bottom: 50px
}

.trailer-list img {
    width: 287px;
    height: auto;
    max-width: 100%
}

.trailer-more {
    position: relative;
    display: inline-block
}

.trailer-more:hover:after {
    background: rgba(0,0,0,.75)
}

.trailer-more:hover:after,.trailer-more:hover:before {
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s
}

.trailer-more:hover:before {
    background: transparent url(../img/icon/play_hover.png) 50% 50% no-repeat;
    background-size: cover
}

.trailer-more img {
    z-index: 0
}

.trailer-more:before {
    width: 40px;
    height: 40px;
    background: transparent url(../img/icon/play.png) 50% 50% no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 10
}

.trailer-item {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(50% - 16px);
    margin-right: 16px;
    max-width: 200px
}

.trailer-item:hover:after {
    background: rgba(0,0,0,.75)
}

.trailer-item:hover:after,.trailer-item:hover:before {
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s
}

.trailer-item:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.trailer-item img {
    z-index: 0
}

.trailer-item:before {
    width: 40px;
    height: 40px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 10
}

.trailer-item:after {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.no-bg {
    position: relative;
    padding-top: 94px;
    padding-bottom: 80px
}

@media screen and (max-width: 970px) {
    .no-bg {
        padding-top:20px
    }
}

.bg-page {
    position: relative;
    background: rgba(39,70,175,.9);
    background: -webkit-linear-gradient(90deg,rgba(30,48,113,.9),rgba(66,35,90,.9));
    background: linear-gradient(180deg,rgba(30,48,113,.9),rgba(66,35,90,.9))
}

.bg-page:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent;
    background: -webkit-linear-gradient(270deg,#121212,hsla(0,0%,7%,0) 50%);
    background: linear-gradient(1turn,#121212,hsla(0,0%,7%,0) 50%);
    z-index: 1
}

.bg-common {
    position: relative;
    padding-top: 94px;
    padding-bottom: 80px;
    background: #121212;
    background: -webkit-linear-gradient(90deg,#383c59,rgba(56,60,89,0) 20%);
    background: linear-gradient(180deg,#383c59,rgba(56,60,89,0) 20%);
    background-size: 100% 1000px;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 970px) {
    .bg-common {
        padding-top:20px
    }
}

.bg-common.has-tag {
    padding-bottom: 0
}

.bg-common.has-tag .breadcrumb {
    margin-bottom: 0
}

.bg-common.pin {
    position: fixed;
    width: 100%;
    padding-top: 0;
    top: 0;
    left: 0;
    z-index: 50;
    background: #121212
}

.bg-common.pin .breadcrumb {
    display: none
}

@media screen and (max-width: 970px) {
    .bg-common.pin {
        padding-top:0
    }
}

.bg-big {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
    background: #000
}

.bg-big .big-box {
    position: absolute;
    width: 70vw;
    right: 0;
    top: 0;
    z-index: 0
}

@media screen and (max-width: 1600px) {
    .bg-big .big-box {
        width:auto;
        height: 100%
    }
}

.bg-big .big-box:before {
    width: 100px;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    background: -webkit-linear-gradient(0deg,#000 5%,transparent);
    background: linear-gradient(90deg,#000 5%,transparent);
    z-index: 1
}

.bg-big .big-img {
    width: 100%;
    float: right
}

@media screen and (max-width: 1600px) {
    .bg-big .big-img {
        width:auto;
        height: 100%
    }
}

.bg-big:after {
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.95) 20%,transparent);
    background: linear-gradient(90deg,rgba(0,0,0,.95) 20%,transparent);
    z-index: 2
}

.info-block {
    position: relative;
    z-index: 10;
    margin-top: 94px
}

@media screen and (max-width: 970px) {
    .info-block {
        margin-top:20px
    }
}

@media (min-width: 1200px) {
    .info-block .detal-box {
        padding-left:50px
    }
}

.info-block .detal h6 {
    margin-right: 8px;
    margin-bottom: 16px
}

.info-block .detal h4 {
    color: #b9b9b9;
    font-weight: 100
}

.info-block .detal h1 {
    margin-top: 8px
}

.info-block .rate {
    margin-top: 8px!important;
    margin-bottom: 0!important
}

.info-block .rate span {
    display: inline-block;
    padding: 0 10px
}

.info-block .rate span:first-child {
    padding-left: 0
}

.info-block .rate img {
    vertical-align: baseline;
    margin-top: 2px
}

.info-block .more-detal {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 40px
}

.info-block .more-detal h5 span {
    display: block;
    padding-top: 8px;
    font-size: 16px;
    color: #b9b9b9
}

.info-block .more-detal .note {
    font-size: .9375em;
    margin-top: 0!important;
    margin-left: 0
}

.info-block .more-detal .vote .btn {
    margin: 0 5px
}

.info-block .more-detal .rate {
    margin-top: 0!important
}

.info-block .btn-box {
    clear: both;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    float: left;
    overflow: visible
}

.info-block .btn-box .btn,.info-block .btn-box a {
    margin-right: 15px
}

.free-bg {
    position: relative;
    background-size: cover;
    background-position: center 0;
    background-attachment: fixed;
    padding-top: 94px;
    min-height: 100vh;
    z-index: 0
}

@media screen and (max-width: 970px) {
    .free-bg {
        padding-top:20px
    }
}

.free-bg:after {
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent;
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.9) 20%,rgba(0,0,0,.5) 80%);
    background: linear-gradient(1turn,rgba(0,0,0,.9) 20%,rgba(0,0,0,.5) 80%);
    z-index: 0
}

.free-bg h2 {
    font-weight: 100;
    text-align: center;
    font-size: 50px;
    letter-spacing: 5px;
    margin-top: 90px;
    margin-bottom: 75px;
    z-index: 10;
    position: relative;
    font-weight: 700;
    letter-spacing: -1.3px
}

.free-bg h3 {
    font-weight: 400
}

.free-bg h3.intro-text,.free-bg h4.intro-text {
    position: relative;
    z-index: 10
}

.free-bg h4.intro-text {
    margin-bottom: 40px
}

.free-bg p.intro-text {
    width: 46%;
    margin-left: 27%;
    line-height: 1.5;
    color: hsla(0,0%,100%,.8);
    position: relative;
    z-index: 10
}

.free-bg .btn-box {
    margin-bottom: 50px;
    clear: both;
    position: relative;
    z-index: 10
}

.service-bg {
    position: relative;
    background-size: cover;
    background-position: center 0;
    background-attachment: fixed;
    padding-top: 24px;
    height: 210px;
    z-index: 0
}

.service-bg.pin {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 50
}

.service-bg h2 {
    font-weight: 100;
    text-align: center;
    font-size: 5rem;
    letter-spacing: 5px;
    margin-top: 0
}

.service-bg h5 {
    margin-top: 15px;
    margin-bottom: 27px
}

.half-bg {
    position: relative;
    z-index: 0
}

.half-bg.player {
    cursor: pointer
}

.half-bg.player:hover img.half-img {
    opacity: .35
}

.half-bg.player:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.half-bg.player:before {
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 10
}

.half-bg .half-img {
    width: 100%;
    min-width: 1024px
}

.half-bg .breadcrumb-box {
    position: absolute;
    left: 0;
    top: 94px;
    z-index: 1000
}

@media screen and (max-width: 970px) {
    .half-bg .breadcrumb-box {
        top:20px
    }
}

.half-bg:after {
    height: 60%;
    content: "";
    display: inline-block;
    bottom: 0;
    background: transparent;
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.75),transparent 80%);
    background: linear-gradient(1turn,rgba(0,0,0,.75),transparent 80%);
    z-index: 1
}

.half-bg:after,.half-bg h2 {
    width: 100%;
    position: absolute;
    left: 0
}

.half-bg h2 {
    bottom: 30px;
    z-index: 100;
    margin-top: 0;
    text-align: center;
    text-shadow: 0 0 15px #000;
    font-weight: 600
}

.half-bg .share-box {
    position: absolute;
    right: 20px;
    top: 105px;
    z-index: 100
}

.half-bg .share-box .media-list {
    vertical-align: inherit
}

.half-bg .share-box .media-list li {
    width: inherit
}

.half-bg .share-box .btn-icon {
    margin-right: 5px!important
}

.btn-icon {
    display: inline-block;
    width: 25px;
    height: 37px;
    position: relative;
    margin-right: 10px!important
}

.btn-icon img {
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    z-index: 10;
    -webkit-transition: transform .1s ease 0s;
    transition: transform .1s ease 0s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.btn-icon img.back {
    display: none;
    z-index: 1
}

.btn-icon:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.play-button-box {
    width: 100%;
    min-height: 350px;
    display: block;
    position: relative
}

.play-button-box h5 {
    position: absolute;
    top: calc(50% + 60px);
    z-index: 10;
    width: 100%;
    color: hsla(0,0%,100%,.8);
    left: 0
}

.play-button {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    box-sizing: content-box;
    display: block;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px
}

.play-button:hover {
    transform: scale(1);
    -webkit-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s
}

.play-button:hover h5 {
    color: #fff
}

.play-button:hover:hover {
    transform: scale(1.05)
}

.play-button.inline {
    position: relative;
    margin-top: 0;
    top: 0
}

.play-button.inline span {
    left: 29px;
    top: 22px
}

.play-button.played:after,.play-button.played:before {
    display: none
}

.play-progress {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px
}

.play-button:before {
    z-index: 0;
    background: #2745af;
    animation: d 1.5s ease-out infinite
}

.play-button:after,.play-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 50%
}

.play-button:after {
    z-index: 1;
    background: rgba(0,0,0,.5);
    transition: all .2s
}

.play-button:hover:after {
    background-color: #000
}

.play-button span {
    display: block;
    position: absolute;
    left: 32px;
    top: 25px;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent
}

@keyframes d {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

.info-tabs {
    margin-bottom: 30px
}

.more-info {
    padding: 40px 0;
    background: #121212;
    background: -webkit-linear-gradient(90deg,rgba(24,41,61,.7),rgba(24,41,61,0) 80%);
    background: linear-gradient(180deg,rgba(24,41,61,.7),rgba(24,41,61,0) 80%);
    background-size: 100% 200px;
    background-repeat: no-repeat
}

.staff {
    float: left;
    overflow: hidden
}

.staff h5 {
    margin-bottom: 20px;
    color: #fffee5;
    clear: both
}

.staff p {
    width: 100%
}

.staff span {
    color: #fff
}

.staff a {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    color: #b9b9b9;
    text-decoration: none
}

.staff a:hover {
    color: #fff
}

.staff .staff-list p {
    color: #fff;
    font-size: 1em;
    text-align: left;
    margin-bottom: 0
}

.staff .staff-list p a {
    color: #fff
}

.staff .staff-list p a:hover {
    text-decoration: underline
}

.border-box {
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    background: #1e1e1e;
    z-index: 1
}

.border-box span {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    color: #fffee5;
    font-size: .75em;
    text-align: center;
    padding: 2px 5px 0;
    background: rgba(0,0,0,.5)
}

.actor-box {
    float: left;
    overflow-x: scroll
}

.actor-box h5 {
    margin-bottom: 20px;
    color: #fffee5;
    clear: both
}

.actor-box p {
    width: 100%;
    text-align: center
}

.panel-group h5 {
    padding-left: 0!important
}

.panel-heading.bg-color {
    background: rgba(27,98,180,.15)
}

.tab-pane {
    padding-top: 50px;
    padding-bottom: 0
}

.tab-pane h5 {
    color: #fffee5;
    padding-left: 15px
}

.tab-pane h5.sub-title {
    margin-bottom: 24px;
    position: relative
}

.tab-pane h5.sub-title .more {
    position: relative;
    display: inline-block;
    margin-top: -5px;
    z-index: 100
}

.tab-pane h5.sub-title .more:active,.tab-pane h5.sub-title .more:focus {
    color: #fff;
    text-decoration: none
}

.tab-pane h5.sub-title .rated {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.tab-pane h5.sub-title:before {
    width: 2px;
    height: 24px;
    content: "";
    display: inline-block;
    background: #fffee5;
    position: absolute;
    left: 2px;
    top: -3px
}

.tab-pane .rwd-table {
    margin-top: -30px
}

.award-list li {
    width: 100%;
    position: relative;
    float: left;
    font-size: 1em
}

.rating-box {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden
}

.rating-box-inline {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 20px;
    padding: 7px 0 3px;
    float: left
}

.media-list-in {
    clear: both;
    float: left;
    padding: 0 20px;
    width: 100%;
    overflow: hidden
}

.media-list-in li {
    width: 25%;
    padding-bottom: 25px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}

.media-list-in li a {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 35px;
    border: 1px solid #000;
    border-radius: 100%;
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s
}

.media-list-in li img {
    max-width: 100%;
    vertical-align: top;
    float: left;
    display: inline-block
}

.media-list-in li .color-google {
    background: #e53935
}

.media-list-in li .color-google:hover {
    background: rgba(229,57,53,.75)
}

.media-list-in li .color-twitter {
    background: #41abe1
}

.media-list-in li .color-twitter:hover {
    background: rgba(65,171,225,.75)
}

.media-list-in li .color-facebook {
    background: #3b559f
}

.media-list-in li .color-facebook:hover {
    background: rgba(59,85,159,.75)
}

.media-list-in li .color-link {
    background: #ed8a19
}

.media-list-in li .color-link:hover {
    background: rgba(237,138,25,.75)
}

.media-list {
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    margin-left: 10px
}

.media-list li {
    padding-right: 3px;
    padding-left: 3px;
    float: left;
    text-align: center;
    box-sizing: border-box
}

.media-list li a {
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s;
    margin-right: 0!important
}

.media-list li img {
    vertical-align: top;
    float: left;
    display: inline-block
}

.media-list li .color-google:hover {
    background: rgba(229,57,53,.6)
}

.media-list li .color-twitter:hover {
    background: rgba(65,171,225,.6)
}

.media-list li .color-facebook:hover {
    background: rgba(59,85,159,.6)
}

.media-list li .color-link:hover {
    background: rgba(237,138,25,.6)
}

.light-block {
    margin-top: 30px;
    background-image: radial-gradient(center bottom,ellipse cover,#172736 10%,rgba(23,39,54,0) 70%);
    background-image: -webkit-radial-gradient(center bottom,ellipse cover,#172736 10%,rgba(23,39,54,0) 70%)
}

.pic-circle {
    margin-right: 10px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.pic-circle img {
    vertical-align: top
}

.pic-circle.big {
    width: 36px;
    height: 36px
}

.ranking-box {
    padding-top: 50px;
    background-image: linear-gradient(180deg,hsla(0,0%,7%,0),#172736 50%,hsla(0,0%,7%,0));
    background-image: -webkit-linear-gradient(270deg,hsla(0,0%,7%,0),#172736 50%,hsla(0,0%,7%,0))
}

.ranking-box h5 {
    margin-bottom: 20px
}

.ranking-box .container {
    position: relative;
    overflow: visible
}

.table tr th {
    font-weight: 100
}

.table tr td {
    border-top: 0!important
}

.btn-box .btn {
    display: inline-block;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-nav-in h5 {
    color: #737373;
    font-weight: 100!important;
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 10px;
    padding-top: 10px
}

.side-nav-in a {
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-decoration: none
}

.side-nav-in a.alert {
    position: relative;
    margin-bottom: auto;
    padding: 0
}

.side-nav-in a.alert:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -5px;
    top: 0;
    border-radius: 100%;
    background: red
}

.side-nav-in a:active,.side-nav-in a:focus,.side-nav-in a:hover {
    background: #d8d8d8;
    text-decoration: none
}

.side-nav li {
    clear: both;
    float: left;
    width: 100%
}

.side-nav h5 {
    padding-left: 15px;
    color: #fffee5;
    font-weight: 600!important
}

.side-nav a {
    font-weight: 100;
    color: #fff;
    display: block;
    width: 100%;
    padding: 10px 0;
    padding-left: 5px;
    border-left: 5px solid transparent;
    text-decoration: none;
    background: transparent;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.side-nav a .pic-circle {
    margin-top: -3px;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 10px;
    position: relative
}

.side-nav a .pic-circle.profile-img {
    text-align: center;
    background: rgba(60,150,235,.9);
    background: -webkit-linear-gradient(135deg,#3c96eb,#1b62b4 80%);
    background: linear-gradient(225deg,#3c96eb,#1b62b4 80%)
}

.side-nav a .pic-circle.profile-img b {
    font-size: 1.1em;
    font-weight: 700!important;
    color: #fff
}

.side-nav a .pic-circle.profile-img img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 30;
    border-radius: 50%
}

.side-nav a .pic-circle.profile-img:after,.side-nav a .pic-circle.profile-img img.default {
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.side-nav a .pic-circle.profile-img:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: #b0b0b0;
    border-radius: 50%;
    z-index: 20
}

.side-nav a.active,.side-nav a:hover {
    background: #202020;
    border-left: 5px solid #056da6
}

.side-nav a.alert {
    position: relative;
    margin-bottom: auto
}

.side-nav a.alert:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 30px;
    top: 10px;
    border-radius: 100%;
    background: red
}

.side-nav .sub a {
    padding-left: 50px
}

.board {
    text-align: center;
    background: rgba(39,70,175,.9);
    background: -webkit-linear-gradient(90deg,rgba(30,48,113,.9),rgba(66,35,90,.9));
    background: linear-gradient(180deg,rgba(30,48,113,.9),rgba(66,35,90,.9));
    padding: 30px 20px;
    margin-bottom: 30px;
    margin-right: -15px;
    overflow: hidden;
    position: relative
}

.board:before {
    background: hsla(0,0%,100%,.15);
    width: 65%;
    height: 100%;
    right: 0
}

.board:after,.board:before {
    content: "";
    position: absolute;
    top: 0
}

.board:after {
    right: 65%;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 300px 100px;
    border-color: transparent transparent hsla(0,0%,100%,.15)
}

.board .img-box {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.3)
}

.board .img-box label {
    font-size: .875em;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    font-weight: 100;
    background: rgba(0,0,0,.5);
    border: 0
}

.board .img-box label:hover {
    background: rgba(0,0,0,.75)
}

.board .img-box.profile-img {
    text-align: center;
    background: rgba(60,150,235,.9);
    background: -webkit-linear-gradient(135deg,#3c96eb,#1b62b4 80%);
    background: linear-gradient(225deg,#3c96eb,#1b62b4 80%)
}

.board .img-box.profile-img img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 30;
    border-radius: 50%
}

.board .img-box.profile-img:after,.board .img-box.profile-img img.default {
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.board .img-box.profile-img:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: #b0b0b0;
    border-radius: 50%;
    z-index: 20
}

.board .img-box.profile-img label {
    z-index: 40
}

.board .img-box.profile-img span {
    font-size: 4em;
    line-height: 1.8em;
    font-weight: 700;
    color: #fff
}

.board .profile {
    padding-left: 20px
}

.board .profile .btn {
    margin-top: 10px;
    margin-left: 10px;
    min-width: 57px;
    display: inline-block;
    vertical-align: baseline;
    color: #fff!important
}

.board .profile .btn:hover {
    color: #000!important
}

.board .profile h5 {
    margin-bottom: 0
}

.board .profile a {
    font-size: .875em;
    text-decoration: none;
    color: #b9b9b9
}

.board .profile a img {
    margin-left: 5px;
    vertical-align: middle
}

.board .profile a:hover {
    color: #fff
}

.board .profile img {
    vertical-align: middle;
    margin-right: 6px
}

.board-list {
    padding-left: 40px;
    padding-top: 30px
}

.board-list h2 b {
    font-weight: 500
}

.board-list h2 span {
    font-size: 1rem!important
}

.board-list li {
    width: 25%;
    float: left;
    text-align: center
}

.plan-msg {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    background: #1e1e1e;
    padding: 30px 16px
}

.plan-list {
    margin: 20px 0
}

.plan-list li {
    width: calc(20% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left
}

@media (max-width: 1280px) {
    .plan-list li {
        width:calc(25% - 20px)
    }
}

.plan-list li:hover .item {
    background: #2b2b2b
}

.plan-list .item {
    background: #1e1e1e;
    padding: 10px;
    min-height: 275px
}

.plan-list .item h4 {
    display: block;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 20px
}

.plan-list .item h4 span {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent;
    min-width: 79px
}

.plan-list .item h5 {
    margin-bottom: 20px;
    min-height: 38px
}

.plan-list .item p {
    line-height: 30px;
    margin-bottom: 16px
}

.plan-list .item p span {
    color: #a3a3a3;
    display: block
}

.plan-list .item .activity span {
    border-color: #5d4a88
}

.plan-list .item .drama span {
    border-color: #e5a232
}

.plan-list .item .film span {
    border-color: #1b62b4
}

.plan-list .item .btn-link {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    clear: both;
    width: 100%;
    overflow: hidden;
    text-decoration: none
}

.plan-list .item .btn-box {
    position: relative
}

.plan-list .item .btn-box .note {
    display: block;
    color: #fff;
    font-size: .875em;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-bottom: 5px
}

.plan-list .item .btn.invisible {
    visibility: none
}

.member-sub {
    text-align: center
}

.member-sub .btn {
    display: inline-block;
    float: none
}

.rwd-table {
    overflow: hidden;
    min-width: 100%;
    margin-bottom: 40px
}

.rwd-table tr {
    border-bottom: 1px solid #232323
}

.rwd-table tr.active {
    border: 2px solid #1b62b4
}

.rwd-table td,.rwd-table th {
    padding: 1em!important;
    text-align: left
}

.rwd-table td .btn,.rwd-table th .btn {
    margin-bottom: 0
}

.rwd-table th {
    color: #b9b9b9;
    font-weight: 400
}

.rwd-table th:first-child {
    padding-left: 0;
    padding-right: 0
}

.rwd-table td {
    vertical-align: top
}

.rwd-table td:first-child {
    padding-left: 0;
    padding-right: 0
}

.rwd-table a {
    color: #fff
}

@media (min-width: 768px) {
    .rwd-table td,.rwd-table th {
        display:table-cell;
        padding: .25em .5em
    }
}

.cinema-box {
    clear: both;
    overflow: hidden;
    position: relative;
    padding-top: 50px;
    background: #121212;
    background: -webkit-linear-gradient(-90deg,#121212 50%,#18293d);
    background: linear-gradient(0deg,#121212 50%,#18293d)
}

.cinema-box:before {
    background: hsla(0,0%,100%,.05);
    content: "";
    width: 50%;
    height: 450px;
    position: absolute;
    right: 0;
    top: 0
}

.cinema-box:after {
    position: absolute;
    left: calc(50% - 100px);
    top: 0;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 450px 100px;
    border-color: transparent transparent hsla(0,0%,100%,.05)
}

@-webkit-keyframes e {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes e {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.gallery-cinema .swiper-slide:first-child .ranking-text {
    font-size: 75px
}

.gallery-cinema .movie-item {
    margin-top: -70px
}

@media (min-width: 992px) {
    .gallery-cinema .movie-item {
        width:100%
    }
}

.gallery-cinema .movie-item:hover b.down img,.gallery-cinema .movie-item:hover b.up img {
    -webkit-animation: e .8s infinite ease-in-out;
    animation: e .8s infinite ease-in-out
}

.gallery-cinema .info-right {
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background: none
}

.gallery-cinema .info-right h5 {
    text-align: center
}

.gallery-cinema .info-right ul {
    width: 100%;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.gallery-cinema .info-right li {
    border-bottom: 1px solid rgba(60,60,60,.3);
    padding: 5px 0
}

.gallery-cinema .info-right li:last-child {
    border-bottom: 0
}

.gallery-cinema .info-right li p {
    margin: 0!important
}

.gallery-cinema .info-right li span {
    color: #fff
}

.gallery-cinema .info-right li b {
    padding: 0 10px
}

.gallery-cinema .info-right li b img {
    vertical-align: middle
}

.hot-list {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative
}

.hot-list .swiper-button-next,.hot-list .swiper-button-prev {
    top: -80px
}

.hot-list .movie-item {
    margin-top: -75px
}

.hot-list .info-right {
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background: none
}

.hot-list .info-right h5 {
    text-align: center;
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 15px;
    padding-top: 5px
}

.hot-list .info-right ul {
    width: 100%;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.hot-list .info-right li {
    border-bottom: 1px solid rgba(60,60,60,.3);
    padding: 5px 0
}

.hot-list .info-right li:last-child {
    border-bottom: 0
}

.hot-list .info-right li p {
    margin: 0
}

.hot-list .info-right li span {
    color: #fff
}

.hot-list .info-right li img {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

.premiere-box {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    background: transparent;
    background: -webkit-linear-gradient(-90deg,#121212,#220409 50%,#2e1f3c 70%,#121212);
    background: linear-gradient(0deg,#121212,#220409 50%,#2e1f3c 70%,#121212)
}

.premiere-box .swiper-button-next,.premiere-box .swiper-button-prev {
    top: -80px
}

.premiere-box .movie-item {
    margin-top: -75px
}

.premiere-box .info-right {
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background: none
}

.premiere-box .info-right h5 {
    text-align: center;
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 15px;
    padding-top: 5px
}

.premiere-box .info-right ul {
    width: 100%;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.premiere-box .info-right li {
    border-bottom: 1px solid rgba(60,60,60,.3);
    padding: 5px 0
}

.premiere-box .info-right li:last-child {
    border-bottom: 0
}

.premiere-box .info-right li p {
    margin: 0
}

.premiere-box .info-right li span {
    color: #fff
}

.premiere-box .info-right li b {
    padding: 0 10px
}

.premiere-box .info-right li b img {
    vertical-align: middle
}

.more-comment {
    display: inline-block;
    color: #fffee5;
    text-decoration: none;
    margin-left: 5px
}

.more-comment:active,.more-comment:focus,.more-comment:hover {
    color: #fff
}

.comment {
    overflow: hidden;
    margin-bottom: 20px
}

.comment .pic-circle {
    margin-top: -4px
}

.comment a {
    color: #fff
}

.comment h5 {
    padding-left: 0
}

.comment .pic-box {
    width: 60px;
    float: left;
    margin-top: 15px
}

.comment .pic-box .pic-circle {
    width: 60px;
    height: 60px
}

.comment .comment-box {
    width: calc(100% - 60px - 15px);
    float: left;
    margin-left: 15px
}

.btn-comment {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 0
}

.line {
    border-color: #3c3c3c;
    float: left;
    width: 100%;
    clear: both
}

.comment-list {
    margin-bottom: 80px
}

.comment-list li {
    width: 100%;
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px
}

.comment-list li .who {
    position: relative
}

.comment-list li .who h5 {
    display: inline-block;
    margin-bottom: 18px;
    padding-right: 20px;
    padding-left: 0
}

.comment-list li .who h5 a {
    color: #fff
}

.comment-list li .who h5 b {
    font-weight: 600!important
}

.comment-list li .who span {
    margin-top: 13px;
    display: inline-block;
    margin-right: 5px;
    font-size: .875em;
    color: #b9b9b9
}

.comment-list li .who span.pic-circle {
    margin-left: 0;
    margin-top: -3px
}

.comment-list li .who .rated {
    display: inline-block;
    vertical-align: middle
}

.comment-list li .msg {
    padding: 15px;
    border: 2px solid #3c3c3c;
    position: relative
}

.comment-list li .msg:before {
    position: absolute;
    left: 6px;
    top: -10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #3c3c3c
}

.comment-list li .func {
    margin-top: 16px
}

.comment-list li .func .btn-default {
    font-size: 1em;
    margin-left: 10px;
    min-width: 100px;
    line-height: 22px
}

.comment-list li .func .btn-default img {
    margin-right: 10px;
    vertical-align: top
}

.comment-list li .func .btn-default.active,.comment-list li .func .btn-default:hover {
    background: #1b62b4;
    color: #fff
}

.popup-block .img-box {
    display: inline-block;
    position: relative;
    width: 100%
}

.popup-block .img-box img {
    width: 100%;
    max-width: 120px;
    max-height: 120px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
}

.popup-block .form-control {
    color: #000;
    border-radius: 4px
}

.popup-block .form-control::-webkit-input-placeholder {
    color: rgba(0,0,0,.6)
}

.popup-block .form-control::-moz-placeholder {
    color: rgba(0,0,0,.6)
}

.popup-block .form-control:-ms-input-placeholder {
    color: rgba(0,0,0,.6)
}

.popup-block .form-control:-moz-placeholder {
    color: rgba(0,0,0,.6)
}

.popup-block .help-block {
    padding-top: 5px;
    font-weight: 100
}

.popup-block .check label {
    color: #fff
}

.sort-content .tab-pane {
    padding-top: 32px;
    padding-bottom: 0
}

.sort-content .sort-box {
    margin-top: 0
}

.sort-content .sort {
    margin-bottom: 20px;
    display: inline-block;
    position: relative
}

.sort-content .people-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(16.66667% - 20px)
}

@media (max-width: 1600px) {
    .sort-content .people-item {
        width:calc(20% - 20px)
    }
}

@media (max-width: 1366px) {
    .sort-content .people-item {
        width:calc(25% - 20px)
    }
}

@media (max-width: 1200px) {
    .sort-content .people-item {
        width:calc(33.33333% - 20px)
    }
}

.sort-content .people-item .media-list {
    vertical-align: inherit
}

.share-article {
    position: absolute;
    right: 0;
    top: -24px
}

.share-article .media-list {
    margin-top: -3px
}

.article-intro {
    padding: 20px 0 30px
}

.article-content {
    z-index: 100;
    padding-bottom: 80px;
    width: 100%
}

.article-content>.container,.article-content>.container-fluid {
    overflow: visible!important
}

.article-content h4 {
    margin-bottom: 20px;
    margin-top: 20px
}

.article-content a {
    color: #fff
}

.article-content .share-box {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px
}

.article-content .share-box .btn-icon:first-child {
    margin-right: 0!important
}

.article-content .article-editor {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 40px
}

.article-content .article-editor span {
    display: inline-block;
    padding-top: 45px;
    padding-left: 20px
}

.article-content .article-editor .btn-icon {
    margin-top: 5px
}

.article-content .article-editor .media-list {
    margin-top: 0
}

.article-content .article-editor .update {
    margin-top: 3px;
    display: inline-block
}

.article-content .article-editor .update span {
    display: inline-block;
    margin-right: 15px
}

.article-content .img-box {
    display: inline-block;
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
}

.go-up {
    margin-top: -150px
}

.go-up .movie-item {
    display: inline-block;
    float: none
}

.article-img-box {
    padding: 20px 0;
    overflow: hidden;
    position: relative
}

.article-img-box.player {
    cursor: pointer
}

.article-img-box.player:hover img {
    opacity: .35
}

.article-img-box.player:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.article-img-box.player:before {
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 10
}

.article-img-box img {
    float: none;
    width: 100%;
    min-width: inherit;
    max-width: 1000px
}

.article-title-sub {
    color: #fffee5;
    margin-bottom: 30px;
    margin-top: 30px;
    clear: both
}

.article-title-sub span {
    display: inline-block;
    padding-left: 10px;
    margin-left: 0;
    font-size: 20px;
    color: #fff
}

.article-title-sub .update-switch {
    padding-left: 20px;
    font-size: 16px;
    color: #b9b9b9
}

.category-sort-box {
    margin: -30px 15px 0;
    padding-bottom: 15px
}

.category-sort-box>div {
    border-bottom: 1px solid rgba(60,60,60,.5);
    padding-top: 0
}

.category-sort-box>div.multi-line {
    position: relative;
    overflow: hidden;
    height: 44px
}

.category-sort-box>div.multi-line.active {
    height: inherit
}

.category-sort-box>div.multi-line.active:after {
    transform: rotate(180deg)
}

.category-sort-box>div.multi-line:after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url(../img/icon/dropdown@2x.png) 0 0 no-repeat;
    background-size: 32px;
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 20
}

.category-sort-box>div.multi-line:before {
    content: "";
    display: inline-block;
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #121212
}

.category-title {
    margin-top: 8px;
    margin-bottom: 8px!important;
    line-height: 1;
    font-weight: 600;
    padding-left: 0!important;
    line-height: 26px
}

.category-sort-list {
    padding-bottom: 0;
    margin-top: 8px;
    margin-bottom: 8px
}

.category-sort-list a {
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    margin: 0;
    color: #fff;
    text-decoration: none
}

.category-sort-list a.active,.category-sort-list a:active,.category-sort-list a:hover {
    background: #fff;
    color: #000
}

.category-sort-list a.active {
    background: #fff
}

.tab-pane .theme-box {
    margin-top: -20px
}

.theme-right {
    padding-right: 15px;
    padding-top: 5px
}

.theme-box {
    padding-top: 20px;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 0
}

.theme-box.pd0 {
    padding-top: 0
}

.theme-box .gallery-movie {
    position: relative;
    float: left;
    margin: 10px 10px 24px!important;
    height: inherit;
    overflow: visible;
    width: calc(14.28571% - 20px)
}

@media (max-width: 1600px) {
    .theme-box .gallery-movie {
        width:calc(16.66667% - 20px)
    }
}

@media (max-width: 1199px) {
    .theme-box .gallery-movie {
        width:calc(25% - 20px)
    }
}

.theme-box .movie-item {
    display: inline-block;
    float: none;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s
}

.theme-box .movie-item.not-available {
    background: #1e1e1e!important
}

.theme-box .movie-item.not-available img {
    opacity: 1!important
}

.theme-box .movie-item.not-available .img-block:before {
    display: none
}

.theme-box .people-item {
    display: inline-block;
    margin: 10px 10px 24px!important;
    height: inherit;
    text-align: left;
    width: calc(20% - 20px)
}

@media (max-width: 1600px) {
    .theme-box .people-item {
        width:calc(25% - 20px)
    }
}

@media (max-width: 1366px) {
    .theme-box .people-item {
        width:calc(33.33333% - 20px)
    }
}

@media (max-width: 1200px) {
    .theme-box .people-item {
        width:calc(33.33333% - 20px)
    }
}

.theme-box .gallery-movie-wide {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 24px;
    width: calc(20% - 20px);
    float: left;
    height: inherit
}

@media (max-width: 1366px) {
    .theme-box .gallery-movie-wide {
        width:calc(25% - 20px)
    }
}

@media (max-width: 1199px) {
    .theme-box .gallery-movie-wide {
        width:calc(33.33333% - 20px)
    }
}

.theme-box .gallery-movie-wide .movie-item {
    display: inline-block;
    width: 100%;
    margin-left: 0
}

.sort-result {
    padding-top: 20px
}

.sort-result.more-result {
    padding-top: 0
}

.sort-result .movie-box {
    padding-top: 0;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 0;
    position: relative
}

.sort-result .movie-box .ani-box {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 165.39%!important
}

.sort-result .movie-box .ani-box.curation {
    padding-bottom: 190%!important
}

.sort-result .movie-box .ani-box-wide {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 92.23%!important
}

.sort-result .movie-box .movie-item {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    height: initial;
}
.sort-result .movie-item .img-block {
    height: 250px;
    padding-bottom: initial!important;
    /* padding: 15px; */
}

.sort-result .movie-item .img-block img{
    height: 100%;
    width: 100%;
    position: initial;
}
.sort-result .movie-box .gallery-movie {
    position: relative;
    float: left;
    margin: 10px!important;
    height: inherit!important;
    overflow: visible;
    /* width: calc(14.28571% - 20px); */
    width: calc(14.28571% - 98px);
}

@media (max-width: 1600px) {
    .sort-result .movie-box .gallery-movie {
        width:calc(16.66667% - 20px)
    }
}

@media (max-width: 1199px) {
    .sort-result .movie-box .gallery-movie {
        width:calc(25% - 20px)
    }
}

.sort-result .gallery-movie-wide {
    text-align: center;
    margin: 10px 10px 24px!important;
    height: inherit!important;
    overflow: visible;
    width: calc(20% - 20px);
    float: left
}

.sort-result .gallery-movie-wide .movie-item {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0
}

@media (max-width: 1366px) {
    .sort-result .gallery-movie-wide {
        width:calc(25% - 20px)
    }
}

@media (max-width: 1199px) {
    .sort-result .gallery-movie-wide {
        width:calc(33.33333% - 20px)
    }
}

.condition-box {
    display: inline-block;
    margin-left: 10px;
    margin-top: -1px
}

.condition-box .condition {
    margin-left: 15px;
    border: 1px solid #3c3c3c;
    padding: 5px 10px
}

.condition-box .close {
    color: #fff!important;
    text-shadow: none;
    font-size: 20px;
    opacity: .8;
    padding-left: 10px;
    margin-top: -1px
}

.condition-box .close:hover {
    opacity: 1
}

.nav-tabs {
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
    white-space: nowrap
}

.nav-tabs li {
    display: inline-block;
    float: none
}

.suggestion-box a {
    color: #b9b9b9
}

.suggestion-box h5 {
    font-size: 1em;
    color: #fff
}

.suggestion-box h5.title-suggestion {
    color: #fffee5;
    font-size: 1.125em;
    padding-top: 3px;
    padding-bottom: 16px;
    border-bottom: 1px solid #3c3c3c
}

.clip-list {
    width: 100%;
    clear: both;
    float: left
}

.clip-list .media-list {
    margin-left: 0
}

.clip-list li {
    width: 50%;
    float: left;
    padding-bottom: 30px
}

.clip-list.tv-list {
    padding-bottom: 0
}

.clip-list.tv-list li {
    width: 100%;
    padding-bottom: 11px!important
}

.clip-list.tv-list li:last-child {
    padding-bottom: 0
}

.clip-list.tv-list .movie-item {
    width: 50%!important
}

@media (max-width: 1199px -1) {
    .clip-list.tv-list .movie-item {
        width:100%!important
    }
}

.clip-list.tv-list .movie-item .tag-top {
    top: 0;
    left: 0;
    padding: 0 6px
}

.clip-list.tv-list .movie-item .img-block:before {
    width: 40px!important;
    height: 42px!important
}

.clip-list.tv-list .info-right {
    width: calc(50% - 10px)!important;
    padding-left: 10px!important;
    line-height: 1.1;
    position: relative
}

.clip-list.tv-list .info-right p {
    font-size: 12px!important;
    margin-bottom: 0
}

.clip-list.tv-list .info-right p:last-child {
    margin-bottom: 0
}

.clip-list.tv-list .info-right p.show-name {
    width: calc(100% - 20px)
}

.clip-list.tv-list .info-right .btn-icon {
    position: absolute;
    right: 0;
    top: 28px
}

.clip-list .gallery-movie-wide {
    height: inherit;
    margin-left: 0;
    margin-right: 0
}

.clip-list .gallery-movie-wide .movie-item {
    width: 240px;
    float: left;
    margin-left: 0
}

@media (max-width: 1199px) {
    .clip-list .gallery-movie-wide .movie-item {
        width:50%;
        margin-left: 0
    }
}

.clip-list .gallery-movie-wide .movie-item .img-block {
    padding-bottom: 56.25%!important;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.clip-list .gallery-movie-wide .movie-item .img-block:before {
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 10
}

.clip-list .gallery-movie-wide .movie-item .img-block:hover img {
    opacity: .35
}

.clip-list .gallery-movie-wide .movie-item .img-block:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.clip-list .gallery-movie-wide .movie-item .img-block .circle {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 100
}

.clip-list .gallery-movie-wide .info-right {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 260px);
    height: 100%;
    padding: 0 0 0 20px;
    float: left;
    display: inline-block
}

@media (max-width: 1199px) {
    .clip-list .gallery-movie-wide .info-right {
        width:calc(50% - 10px);
        padding: 0 0 0 10px
    }
}

.clip-list .gallery-movie-wide .info-right .share-box {
    width: 100%;
    clear: both;
    float: left;
    text-align: right
}

.clip-list .gallery-movie-wide .info-right .share-box .media-list {
    vertical-align: inherit
}

.clip-list .gallery-movie-wide .info-right .share-box .media-list li {
    width: inherit;
    padding-bottom: 0
}

.clip-list .gallery-movie-wide .info-right h5 {
    margin-bottom: 0;
    margin-top: 0!important;
    padding-left: 0
}

.clip-list .gallery-movie-wide .info-right h5 span {
    color: #b9b9b9;
    display: block;
    padding: 10px 0 0
}

.clip-list .gallery-movie-wide .info-right p {
    color: #fff;
    margin-top: 10px!important
}

.search-result,.search-result li {
    width: 100%;
    clear: both;
    float: left
}

.search-result li {
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.search-result li:last-child {
    border-bottom: 0
}

.search-result .people-item {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    box-shadow: none
}

@media (min-width: 480px) {
    .search-result .people-item {
        width:100%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .search-result .people-item {
        width:100%;
        margin-left: 0
    }
}

.search-result .people-item a {
    color: #fff;
    background: transparent;
    width: 240px;
    float: left
}

.search-result .people-item a.btn-icon {
    width: auto;
    float: none
}

.search-result .people-item a:active,.search-result .people-item a:focus,.search-result .people-item a:hover {
    text-decoration: none
}

.search-result .people-item a:active .img-block img,.search-result .people-item a:focus .img-block img,.search-result .people-item a:hover .img-block img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .5
}

.search-result .people-item .info-right {
    width: calc(100% - 240px);
    float: left;
    padding-left: 20px;
    padding-top: 10px
}

.search-result .people-item .info-right p {
    margin-top: 10px!important
}

.search-result .people-item .info-right h4 {
    margin-top: 0;
    font-size: 1.5em;
    margin-bottom: 0;
    width: calc(100% - 150px - 80px)
}

.search-result .people-item .info-right h4 a:hover {
    text-decoration: underline
}

.search-result .people-item .info-right h5 {
    margin-bottom: 0!important;
    margin-top: 20px;
    font-size: 1em;
    clear: both
}

.search-result .people-item .info-right h6 {
    width: 100%;
    display: inline-block;
    float: right;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 16px;
    overflow: visible;
    font-size: 1em
}

.search-result .people-item .info-right h6 a {
    float: none;
    display: inline-block;
    width: inherit;
    box-shadow: none
}

.search-result .people-item .info-right h6 a:hover {
    text-decoration: underline
}

.search-result .people-item .info-right p.info {
    display: inline-block;
    float: right
}

.search-result .people-item .info-right .author {
    margin-top: -10px;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: inherit;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.search-result .people-item .info-right .author img {
    vertical-align: top;
    border-radius: 100%;
    border: 2px solid #fff
}

.search-result .gallery-movie-wide {
    height: inherit;
    margin-left: 0;
    margin-right: 0
}

.search-result .gallery-movie-wide .movie-item {
    width: 360px;
    margin-left: 0!important
}

.search-result .gallery-movie-wide .info-right {
    width: calc(100% - 360px)
}

.search-result .gallery-movie-wide .info-right h5 {
    font-size: 1.5em;
    margin-bottom: 0!important;
    margin-top: 3px
}

.search-result .movie-item {
    display: inline-block;
    float: left;
    width: 200px;
    margin-left: 10px!important
}

.search-result .check {
    width: 50px;
    display: inline-block;
    float: left;
    margin-top: 120px;
    padding-left: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.search-result .info-right {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 210px);
    float: left;
    display: inline-block;
    padding: 0 20px 0 30px
}

.search-result .info-right.edit {
    width: calc(100% - 210px - 60px)
}

.search-result .info-right .rated {
    display: inline-block
}

.search-result .info-right a {
    color: #fff
}

.search-result .info-right h5 {
    font-size: 1.5em;
    padding-left: 0;
    margin-top: 3px
}

.search-result .info-right h5 span {
    color: #b9b9b9;
    display: block;
    padding: 10px 0 0
}

.search-result .info-right p {
    color: #fff;
    margin-top: 15px!important
}

.search-result .info-right p.info {
    font-size: .9375em;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.search-result .info-right p.intro {
    text-align: justify
}

.search-result .info-right blockquote {
    padding: 5px 15px;
    display: block;
    margin-top: 10px;
    margin-left: 3px;
    clear: both
}

.search-result .info-right blockquote p {
    margin-top: 0!important
}

.search-result .btn-icon {
    position: absolute;
    right: 20px;
    top: 10px
}

.search-result .btn-icon img.back {
    top: 0
}

.search-result .notify {
    position: absolute;
    right: 20px;
    top: 10px
}

.result-title {
    margin-top: 16px;
    margin-bottom: 24px;
    color: #fff
}

.result-title span {
    font-weight: 700;
    color: #fffee5;
    padding: 0 3px
}

.result-title-connection {
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #3c3c3c
}

.result-title-connection span {
    font-weight: 700;
    color: #fffee5;
    padding: 0 3px
}

.list-connection {
    clear: both;
    width: 100%
}

.list-connection li {
    overflow: visible;
    box-sizing: border-box;
    width: 100%;
    float: left;
    clear: none
}

.list-connection .info-right {
    padding: 0 30px
}

.list-connection .info-right .btn-icon,.list-connection .info-right .notify {
    right: 30px
}

.list-connection .info-right .intro {
    clear: both;
    overflow: hidden;
    float: left
}

.list-connection .info-right h5 {
    color: #fffee5
}

.list-connection .info-right p.info {
    width: 100%;
    display: block!important;
    float: left;
    overflow: hidden
}

.ad-box {
    width: 300px;
    background: #fff;
    color: #000;
    padding: 0 10px 24px;
    position: absolute;
    z-index: 100;
    right: 20px;
    top: 50%;
    margin-top: -90px
}

.ad-box h3 {
    text-align: center
}

.ad-box .close {
    color: #000!important;
    text-shadow: none;
    font-size: 30px;
    opacity: .6;
    position: absolute;
    right: 10px;
    top: 5px
}

.ad-box .close:hover {
    opacity: 1
}

.select-list-box {
    position: relative;
    text-align: center
}

.select-list-box .show-more {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    transform: rotate(0deg)
}

.select-list-box .show-more img {
    width: 80px;
    margin-left: -10px;
    margin-top: -10px
}

.select-list-box .show-more.down {
    transform: rotate(180deg)
}

.select-list {
    margin-bottom: 0
}

.select-list>ul {
    width: 100%;
    clear: both;
    overflow: hidden;
    height: auto
}

.select-list>ul.select-hide {
    height: 152px
}

.select-list li {
    width: calc(5.2632% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 24px;
    height: 0;
    padding-bottom: calc(5.2632% - 12px);
    line-height: 100%;
    overflow: hidden;
    float: left;
    border: 1px solid #b9b9b9;
    position: relative;
    opacity: 1
}

.select-list li .process {
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #1b62b4
}

.select-list li.notready {
    opacity: .3
}

.select-list li.notready a {
    cursor: default
}

.select-list li.notready:hover a {
    color: #fff;
    background: hsla(0,0%,100%,.1)!important
}

.select-list li.finish {
    background: #b9b9b9!important
}

.select-list li.finish a {
    color: #000!important
}

.select-list li a {
    display: inline-block;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    vertical-align: middle;
    padding-top: 30%;
    text-decoration: none;
    cursor: pointer
}

.select-list li a:hover {
    background: #fff;
    color: #000
}

.layout {
    position: absolute;
    right: 15px;
    top: 34px
}

.layout a img {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: .5
}

.layout a.active img,.layout a:hover img {
    opacity: 1
}

.contenter .nav-tabs {
    margin-top: -10px
}

.contenter .nav-tabs a {
    font-size: 1em;
    padding: 5px 10px
}

.contenter .disabled {
    cursor: default;
    color: #b9b9b9;
    border-bottom: 0!important
}

.btn-edit-box {
    display: inline-block;
    margin-top: 20px
}

.btn-edit-box .btn {
    margin-left: 5px
}

.btn-edit-box .fun-box {
    display: inline-block
}

.history-list .gallery-movie-wide .movie-item,.item-edit,.theme-box .gallery-movie-wide,.theme-box .movie-item,.theme-box .people-item {
    overflow: visible
}

.history-list .gallery-movie-wide .selectable.movie-item,.item-edit.selectable,.theme-box .selectable.gallery-movie-wide,.theme-box .selectable.movie-item,.theme-box .selectable.people-item {
    overflow: hidden;
    border: 3px solid hsla(0,0%,100%,.35);
    cursor: pointer
}

.history-list .gallery-movie-wide .selectable.movie-item:before,.item-edit.selectable:before,.theme-box .selectable.gallery-movie-wide:before,.theme-box .selectable.movie-item:before,.theme-box .selectable.people-item:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent
}

.history-list .gallery-movie-wide .selected.movie-item,.item-edit.selected,.theme-box .selected.gallery-movie-wide,.theme-box .selected.movie-item,.theme-box .selected.people-item {
    border-color: #1b62b4
}

.history-list .gallery-movie-wide .selected.movie-item:before,.item-edit.selected:before,.theme-box .selected.gallery-movie-wide:before,.theme-box .selected.movie-item:before,.theme-box .selected.people-item:before {
    background: rgba(0,0,0,.8) url(../img/icon/check.png) 50% 45% no-repeat;
    background-size: 28px
}

.page-tabs .img-block:before {
    display: none!important
}

.page-tabs .img-block a {
    display: block
}

.page-tabs .img-block a:before {
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 10
}

.page-tabs .img-block a:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.section .history-list .gallery-movie-wide {
    width: calc(100% - 48px)!important
}

.history-list {
    margin-top: -20px
}

.history-list .gallery-movie-wide {
    height: inherit!important;
    margin: 10px;
    text-align: center;
    width: calc(20% - 20px);
    float: left
}

@media (max-width: 1366px) {
    .history-list .gallery-movie-wide {
        width:calc(25% - 20px)
    }
}

@media (max-width: 1199px) {
    .history-list .gallery-movie-wide {
        width:calc(33.33333% - 20px)
    }
}

.history-list .gallery-movie-wide .movie-item {
    width: 100%;
    text-align: left;
    position: relative!important;
    box-shadow: none;
    float: left;
    margin-left: 0;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.history-list .gallery-movie-wide .movie-item .info .time {
    font-size: 14px
}

.history-list .gallery-movie-wide .movie-item .info h5 a:hover {
    text-decoration: underline
}

.history-list .gallery-movie-wide .movie-item:hover img {
    opacity: .35
}

.history-list .gallery-movie-wide .movie-item.not-available {
    background: #1e1e1e!important
}

.history-list .gallery-movie-wide .movie-item.not-available img {
    opacity: 1!important
}

.history-list .gallery-movie-wide .movie-item.not-available .img-block:before {
    display: none
}

.history-list .gallery-movie-wide .movie-item .img-block {
    padding-bottom: 56.25%!important;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left
}

.history-list .gallery-movie-wide .movie-item .img-block:before {
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon/play.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 10
}

.history-list .gallery-movie-wide .movie-item .img-block:hover:before {
    background: transparent url(../img/icon/play_hover.png) 0 0 no-repeat;
    background-size: cover
}

.history-list .gallery-movie-wide .movie-item .img-block .circle {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 100
}

.modal-text {
    color: #000;
    margin: 0 0 10px
}

.form-dropdown button {
    text-align: left;
    border-radius: 4px;
    height: 46px;
    padding: 6px;
    border: 1px solid #b0b0b0;
    font-size: 16px
}

.form-dropdown button:hover {
    background: transparent;
    color: #fff
}

.form-dropdown button .caret {
    margin-top: 10px
}

.form-dropdown .dropdown-menu {
    left: 14px;
    width: calc(100% - 28px)
}

.form-dropdown .dropdown-menu.dropdown-demo {
    display: block;
    position: relative;
    width: 100%;
    left: 0
}

.member-box {
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid #3c3c3c;
    overflow: hidden
}

.member-box .btn-box {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 15px
}

.member-box .btn {
    min-width: 80px;
    margin-right: 10px
}

.member-box form .btn {
    min-width: 150px
}

.member-box .rwd-table {
    margin-top: -20px
}

.member-box .sub-title {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    clear: both;
    float: left
}

.member-box .sub-title span {
    margin-left: 10px;
    font-size: .85em
}

.member-box .img-box {
    display: inline-block;
    position: relative;
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
}

.member-box .img-box label {
    font-size: .875em;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    font-weight: 100;
    background: rgba(0,0,0,.5);
    border: 0
}

.member-box .img-box label:hover {
    background: rgba(0,0,0,.75)
}

.msg-list li {
    background: hsla(0,0%,100%,.05);
    border-radius: 20px;
    padding: 10px 25px;
    margin-bottom: 15px;
    overflow: hidden
}

.msg-list li .line {
    float: left;
    width: 100%;
    margin: 12px 0
}

.msg-list li.new {
    background: hsla(0,0%,100%,.15)
}

.msg-list li.new .text {
    position: relative
}

.msg-list li.new .text:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -10px;
    top: 0;
    border-radius: 100%;
    background: red
}

.msg-list li .check {
    width: 50px;
    display: inline-block;
    float: left;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.msg-list li a {
    display: inline-block;
    float: left;
    color: #fff;
    width: calc(100% - 220px)
}

.msg-list li a.edit {
    width: calc(100% - 220px - 50px)
}

.msg-list li span {
    display: inline-block;
    width: 220px;
    font-size: .9375em;
    text-align: right;
    color: hsla(0,0%,100%,.6)
}

.ver-text {
    display: inline-block;
    margin-top: 32px;
    color: #b9b9b9
}

.ver-text b {
    display: inline-block;
    padding: 0 5px;
    color: #fff
}

.record-list p.title {
    padding-bottom: 18px
}

.record-list p.note {
    width: 100%;
    clear: both;
    margin-bottom: 0
}

.record-list p.note span {
    display: inline-block;
    margin-right: 16px
}

.record-list span {
    display: block
}

.record-list span.note {
    margin-left: 0
}

.record-list td {
    font-size: .9375em
}

.record-list .btn {
    display: inline-block;
    clear: both;
    margin-bottom: 5px!important
}

.record-list .detail-box {
    background: rgba(60,60,60,.75);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.75);
    border-bottom: 0;
    display: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both
}

.record-list .detail-box .dismiss-detail {
    position: absolute;
    font-size: 30px;
    right: 30px;
    margin-top: -10px;
    text-decoration: none
}

.record-list .detail-box .dismiss-detail:hover {
    text-decoration: none
}

.record-list .detail-box .rwd-table {
    margin-bottom: 30px;
    margin-left: 2%;
    margin-right: 2%;
    min-width: 96%;
    background: transparent
}

.record-list .detail-box .rwd-table tr {
    border-bottom: 1px solid hsla(0,0%,73%,.3)
}

.record-list .detail-box h5 {
    margin-top: 10px;
    margin-bottom: 40px
}

.record-list .detail-box h5 span {
    display: inline-block;
    font-size: 14px
}

.captcha-box {
    display: inline-block;
    margin-top: 7px;
    margin-right: 15px
}

.mt {
    margin-top: 50px;
    margin-bottom: 24px
}

.mt a {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    color: #fff
}

.serial-box,.serial-box .info-box {
    clear: both;
    float: left;
    overflow: hidden;
    box-sizing: border-box
}

.serial-box .info-box {
    border-top: 1px solid #3c3c3c;
    padding: 20px 15px;
    margin: 0 -10px;
    width: 100%
}

.serial-box .info-box.no-line {
    border-top: 0
}

.serial-box .info-box .control-label {
    text-align: left!important;
    margin-left: 10px
}

.serial-box .info-box .collapse {
    padding: 0
}

.serial-box .info-box .collapse iframe {
    width: 100%;
    min-width: 100%;
    min-height: 500px
}

@media (min-width: 480px) {
    .serial-box {
        width:100%;
        margin: 5px 0 20px
    }
}

@media (min-width: 768px) {
    .serial-box {
        width:100%;
        margin: 5px 0 20px
    }
}

@media (min-width: 992px) {
    .serial-box {
        width:calc(100% - 40px);
        margin: 5px 20px 20px
    }
}

@media (min-width: 1200px) {
    .serial-box {
        width:calc(100% - 40px);
        margin: 5px 20px 20px
    }
}

.acount-box {
    width: 100%;
    margin: 5px 0 15px;
    clear: both;
    float: left;
    overflow: hidden;
    border-top: 1px solid #3c3c3c;
    padding: 30px;
    box-sizing: border-box
}

.reflash {
    opacity: .75;
    display: inline-block
}

.reflash:hover {
    opacity: 1
}

.choice-list {
    width: 100%;
    float: left;
    margin-bottom: 0
}

.choice-list li {
    float: left
}

.choice-list li img {
    vertical-align: middle
}

.choice-list li>div {
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.choice-list li>div a {
    display: block
}

.choice-list li>div:hover:before {
    background-size: 28px
}

.account-box {
    padding-top: 15px
}

.account-box a {
    margin-left: 10px
}

.account-box .form-group {
    margin-bottom: 20px
}

.account-box .form-group:last-child {
    margin-bottom: 0
}

.img-bind {
    display: block;
    margin-bottom: 15px
}

.device-list {
    margin: 20px 0
}

.device-list li {
    width: calc(20% - 7.5px);
    margin-right: 10px;
    margin-bottom: 10px;
    float: left
}

.device-list li:nth-child(5n) {
    margin-right: 0
}

@media (max-width: 1280px) {
    .device-list li {
        width:calc(25% - 7.5px)
    }

    .device-list li:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width: 1199px) {
    .device-list li {
        width:calc(33.33333% - 7.5px)
    }

    .device-list li:nth-child(3n) {
        margin-right: 0
    }
}

.device-list li:hover .item {
    background: #2b2b2b
}

.device-list .item {
    background: #1e1e1e;
    padding: 10px 10px 20px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.device-list .item h6 {
    width: 100%;
    margin-top: 5px;
    clear: both;
    overflow: hidden;
    float: left
}

.device-list .item hr {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0
}

.device-list .item p {
    margin-bottom: 0;
    width: 100%
}

.device-list .item p.name {
    width: calc(100% - 20px)
}

.device-list .item p span {
    color: #a3a3a3;
    display: block;
    font-size: .9375em
}

.device-list .item .modal-popup {
    position: absolute;
    right: 10px;
    top: 10px
}

.device-list .item .btn-box {
    position: relative;
    padding-bottom: 0
}

.option-note {
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #1b62b4;
    color: #fff;
    -webkit-transition: all .4s ease .1s;
    transition: all .4s ease .1s
}

.option-note.hidehide {
    opacity: 0;
    height: 0;
    margin: 0
}

.option-note span {
    color: #fcc84a;
    font-weight: 700
}

.section-option {
    width: 100%
}

.section-option.notitle {
    padding-top: 16px
}

.section-option p {
    width: calc(100% - 10px);
    margin-left: 5px;
    float: left
}

.section-option .payment-option {
    width: 315px;
    min-width: 288px;
    height: 311px;
    margin: 5px;
    color: #fff;
    position: relative;
    float: left;
    transition: all .2s ease
}

.section-option .payment-option:hover {
    transform: scale(1.02)
}

.section-option .payment-option .recommend-tag {
    width: 65px;
    height: 65px;
    background: transparent url(../img/web/tag_recommend.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: -7px;
    top: -5px;
    z-index: 10
}

.section-option .payment-option .recommend-tag span {
    display: none
}

.section-option .payment-option .box {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    background: transparent url(../img/web/background_light.png) 0 0 no-repeat;
    background-size: 315px auto;
    cursor: pointer
}

.section-option .payment-option .box h2 {
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    font-size: 66px;
    font-weight: 700
}

.section-option .payment-option .box h2.long {
    font-size: 50px
}

.section-option .payment-option .box h2 span {
    font-size: 25px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 4px
}

.section-option .payment-option .box h2 .old {
    font-size: 27px;
    display: inline-block;
    opacity: .8;
    font-weight: 400;
    margin-left: 15px
}

.section-option .payment-option .box .btn {
    position: absolute;
    bottom: 24px;
    left: calc(50% - 61px)
}

.section-option .payment-option .box .info {
    position: absolute;
    width: 100%;
    min-height: 180px;
    left: 0;
    bottom: 0;
    padding: 10px 16px;
    background: #fff;
    color: #000
}

.section-option .payment-option .box .info h5 {
    font-weight: 700!important;
    margin: 0 0 8px;
    font-size: 1.25em
}

.section-option .payment-option .box .info s {
    color: #9d9d9d;
    font-size: 1.25em
}

.section-option .payment-option.selected .box {
    background: transparent url(../img/web/background_dark.png) 0 0 no-repeat;
    background-size: 315px auto;
    cursor: pointer
}

.section-option .payment-option.selected .box .info {
    background: transparent;
    color: #fff
}

.section-option .payment-option.selected .box .info s {
    color: #ccc
}

.section-option hr {
    border-top-color: #979797;
    float: left;
    width: calc(100% - 10px);
    margin-left: 5px;
    clear: both
}

.way-list {
    border-top: 1px solid #3c3c3c;
    padding-top: 16px;
    padding-bottom: 4px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
    width: calc(100% - 30px);
    float: left
}

.way-list li {
    margin-right: 8px
}

.service-box {
    padding-top: 0;
    padding-bottom: 100px;
    width: 100%
}

.service-box.margint {
    padding-top: 330px
}

.service-box.margint-section {
    margin-top: 540px
}

.service-box .tab-pane {
    padding-top: 20px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.service-box .tab-pane h5 {
    color: #fff
}

.service-box .tab-pane:first-child .text-box.pin {
    top: 258px
}

.service-box .tab-pane .text-box {
    width: 100%
}

.service-box .tab-pane .text-box h3.section-title,.service-box .tab-pane .text-box h4,.service-box .tab-pane .text-box p {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    left: auto;
    right: auto;
    display: block
}

.service-box .tab-pane .text-box.pin {
    padding-top: 30px;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 50;
    background: #000
}

.service-box .tab-pane .section-option .payment-option {
    width: calc(25% - 10px)
}

.service-box .tab-pane .section-option .payment-option .box .info h5 {
    color: #000;
    margin-left: 0;
    padding-left: 0
}

.service-box .tab-pane .section-option .payment-option.selected .box .info h5 {
    color: #fff
}

.service-box h3 {
    letter-spacing: 2px;
    font-size: 2.25em
}

.service-box h3.section-title {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 24px
}

.service-box h3.section-title:before {
    height: 26px;
    top: 0
}

.service-box h4 {
    display: block;
    font-size: 20px;
    padding-left: 16px
}

.service-box .option-note {
    background: #282828;
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 24px;
    margin-left: 8px;
    margin-right: 8px
}

.service-box .option-note span {
    color: #fff;
    font-weight: 400
}

.drama-box {
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 655px;
    z-index: 0
}

.drama-box .spec {
    float: right;
    margin-right: 13.5%;
    margin-top: 8%
}

.drama-box .spec li {
    font-size: 1.25em;
    padding-bottom: 18px
}

.drama-box .title-choose {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%
}

.tab-content .radio-check {
    margin-bottom: 30px
}

.radio-check {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px
}

.radio-check .label-text {
    width: calc(100% - 30px - 10px);
    float: left;
    margin-left: 10px;
    padding-bottom: 25px;
    overflow: hidden;
    cursor: pointer
}

.radio-check label {
    display: inline-block;
    float: left;
    margin-top: 12px
}

.pay-box {
    position: relative;
    z-index: 10
}

.pay-box .label-text {
    border-bottom: 0
}

.pay-box .img-box {
    padding: 10px 10px 20px;
    margin-bottom: 10px
}

.pay-box .btn-collapse {
    font-size: 1em
}

.pay-box .text {
    clear: both;
    margin-top: -20px
}

.pay-box .text span {
    display: inline-block;
    margin-left: 16px
}

.plan-item.plan-1 {
    background: #1e1e1e
}

.plan-item.plan-2 {
    background: transparent
}

.plan-item p {
    padding-left: 0
}

.plan-item p.label-main {
    line-height: 1;
    font-size: 20px;
    line-height: 22px;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 8px
}

.plan-item .plan-btn {
    margin-left: 50px
}

.plan-item .label-text {
    border: 3px solid transparent;
    padding: 0 5px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.plan-item .label-text p:last-child,.plan-item .radio-check {
    margin-bottom: 0
}

.plan-item .radio-check label {
    margin-top: 4px
}

.plan-item input[type=text] {
    display: none
}

.plan-item input[type=radio]:checked~.label-text {
    border: 3px solid #1b62b4
}

.plan-item input[type=radio]:checked~.label-text input[type=text] {
    display: block
}

.side-title {
    color: #fffee5;
    position: relative;
    padding-left: 20px;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0!important
}

.side-title span {
    display: block
}

.side-title.short:before {
    height: 50px
}

.side-title:before {
    width: 4px;
    height: 100%;
    content: "";
    display: inline-block;
    background: #fffee5;
    position: absolute;
    left: 0;
    top: 0
}

.btn-serial {
    position: absolute;
    right: 15px;
    top: 0
}

.offer-box {
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid #3c3c3c
}

.offer-box th {
    font-size: 18px
}

.offer-box td,.offer-box th {
    padding-left: 0!important
}

.pay-box .sub-title {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    clear: both;
    padding-bottom: 15px;
    float: left;
    border-bottom: 1px solid #3c3c3c
}

.pay-box .sub-title.no-line {
    border-bottom: 0;
    margin-bottom: 0
}

.pay-box .sub-title.gray {
    color: #b9b9b9
}

.pay-box .help-block,.pay-box input[type=text] {
    display: none
}

.pay-box input[type=radio]:checked~.label-text .img-box {
    border: none
}

.pay-box input[type=radio]:checked~.label-text .help-block,.pay-box input[type=radio]:checked~.label-text input[type=text] {
    display: block
}

.pay-box .has-text-input {
    margin-bottom: 0
}

.pay-box .btn-box {
    width: 100%;
    float: left;
    padding-bottom: 30px
}

.pay-box .btn-box .btn {
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
    float: none
}

.preference-title {
    margin-top: 50px;
    margin-bottom: 20px
}

.preference-list {
    margin: 50px 0;
    width: 100%;
    clear: both;
    overflow: hidden
}

.preference-list li {
    float: left;
    width: 50%;
    padding: 5px
}

@media (min-width: 480px) {
    .preference-list li {
        width:33.33333%
    }
}

@media (min-width: 768px) {
    .preference-list li {
        width:25%
    }
}

@media (min-width: 992px) {
    .preference-list li {
        width:25%
    }
}

@media (min-width: 1200px) {
    .preference-list li {
        width:16.66667%
    }
}

.preference-list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 148.148148148%!important;
    overflow: hidden
}

.preference-list li a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

.preference-list li a.active:after,.preference-list li a:hover:after {
    opacity: 1
}

.preference-list li a.active:after {
    background: rgba(0,0,0,.8) url(../img/icon/check.png) 50% 50% no-repeat;
    background-size: 36px auto
}

.preference-list li a:after {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 0;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
    background: rgba(0,0,0,.5);
    border: 5px solid #1b62b4
}

.page-info {
    position: relative;
    padding-top: 94px;
    padding-bottom: 50px;
    height: 550px;
    text-align: center
}

.page-info .breadcrumb {
    margin-bottom: 20px
}

.page-info:before {
    background: hsla(0,0%,100%,.15);
    content: "";
    width: 45%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.page-info:after {
    position: absolute;
    right: 45%;
    top: 0;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 550px 150px;
    border-color: transparent transparent hsla(0,0%,100%,.15)
}

.page-info .info-box {
    position: relative;
    z-index: 10
}

.page-info .img-box {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
}

.page-info .who {
    font-weight: 100;
    color: #fff;
    margin-top: 10px
}

.page-info .number-list {
    display: inline-block;
    width: 60%;
    max-width: 450px
}

.page-info .number-list li {
    width: 33.3333%;
    float: left;
    color: #b9b9b9
}

.page-info .number-list span {
    font-size: 3.5em;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
    color: #fff;
    font-weight: 100
}

.page-tabs {
    padding-bottom: 80px
}

.tv-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.tv-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tv-cell {
    overflow: hidden
}

.tv-tab {
    float: left;
    height: 100%;
    position: relative
}

.tv-tab,.tv-tab .tabs {
    width: 100%;
    overflow: hidden
}

.tv-tab .tabs {
    background: #1e1e1e
}

.tv-tab .tabs li {
    float: left;
    border-bottom: 3px solid transparent
}

.tv-tab .tabs li.active {
    border-color: #1b62b4
}

.tv-tab .tabs li a {
    display: block;
    padding: 13px 15px
}

.tv-tab .tab_content {
    width: 100%;
    height: 100%
}

.tv-tab .tab_container {
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    height: calc(100% - 53px - 10px);
    position: absolute;
    bottom: 0
}

.emoji-list {
    background: #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 32px;
    padding: 5px;
    display: none
}

.emoji-list li {
    float: left;
    padding: 0 5px
}

.emoji-list li:hover img {
    -webkit-transition: transform .1s ease 0s;
    transition: transform .1s ease 0s;
    transform: scale(1.5)
}

.emoji-list li img {
    -webkit-transition: transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transform: scale(1)
}

.chat-room {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative
}

.chat-room .room {
    height: calc(100% - 36px - 8px);
    overflow-x: hidden;
    overflow-y: auto
}

.chat-room .room .msg-box {
    overflow: hidden;
    padding-bottom: 10px
}

.chat-room .room .msg-box .emoji {
    width: 24px!important;
    margin-right: 3px;
    margin-top: -2px;
    display: inline-block
}

.chat-room .btn-emoji {
    position: absolute;
    z-index: 100;
    right: 10px;
    bottom: 8px
}

.chat-room div.go-chat {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    color: #000;
    height: 36px;
    line-height: 36px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
    overflow-y: scroll
}

.chat-room div.go-chat .emoji {
    width: 24px!important;
    margin-right: 3px;
    margin-top: -2px;
    display: inline-block
}

.chat-room div.go-chat.place-text {
    color: #b9b9b9
}

.chat-room div.go-chat:after {
    content: "";
    display: inline-block
}

.chat-room input.go-chat {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    color: #000;
    height: 36px;
    line-height: 36px;
    border: 0;
    border-radius: 0;
    padding: 0 10px
}

.chat-room input.go-chat::-webkit-input-placeholder {
    color: #b9b9b9
}

.chat-room input.go-chat::-moz-placeholder {
    color: #b9b9b9
}

.chat-room input.go-chat:-ms-input-placeholder {
    color: #b9b9b9
}

.chat-room input.go-chat:-moz-placeholder {
    color: #b9b9b9
}

.chat-room .img-who {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-left: 5px;
    overflow: hidden;
    float: left;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
}

.chat-room .msg {
    width: calc(100% - 45px);
    float: right;
    margin-top: 3px
}

.chat-room p {
    line-height: 1.4;
    margin-bottom: 5px
}

.chat-room .time {
    color: #b9b9b9;
    font-size: .75em;
    float: right;
    line-height: 24px
}

.breadcrumb-cinema {
    position: absolute;
    top: 94px
}

.cinema-slider .swiper-slide:after {
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(at top left,rgba(0,0,0,.3) 50%,#000 80%);
    background: -webkit-radial-gradient(at top left,rgba(0,0,0,.3) 50%,#000 80%);
    z-index: 0
}

.cinema-slider iframe {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 100;
    top: 100px;
    box-shadow: 0 0 100px 0 rgba(0,0,0,.75)
}

.cinema-slider .black {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 180px 0 0 60px;
    height: 100%;
    background: transparent;
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%);
    background: linear-gradient(90deg,rgba(0,0,0,.7),transparent 50%)
}

.cinema-slider .black .tag {
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 2px 0 2px 0 rgba(0,0,0,.15)
}

.cinema-slider .black .tag.tag-film {
    background: #1b62b4
}

.cinema-slider .black .tag.tag-drama {
    background: #e5a232
}

.cinema-slider .black h1 {
    text-shadow: 0 2px 8px rgba(0,0,0,.3);
    margin-bottom: 10px!important;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: .8;
    margin-top: 0
}

.cinema-slider .black h1 a {
    color: #fff
}

.cinema-slider .black h1 a:hover {
    text-decoration: none
}

.cinema-slider .black h5 {
    color: #afafaf;
    font-size: 1.25em;
    margin-top: 0!important;
    margin-bottom: 10px!important;
    margin-left: 5px;
    -webkit-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.cinema-slider .black p {
    max-width: 360px;
    margin-top: 0!important;
    margin-bottom: 5px!important;
    clear: both;
    opacity: 0;
    margin-left: 3px;
    -webkit-transition: all .2s ease .6s;
    transition: all .2s ease .6s
}

.cinema-slider .black p.rate {
    -webkit-transition: all .3s ease .4s;
    transition: all .3s ease .4s;
    margin-top: 20px!important;
    margin-bottom: 10px!important
}

.cinema-slider .black p.rate span {
    display: inline-block;
    padding: 0 10px
}

.cinema-slider .black p.rate img {
    vertical-align: baseline;
    margin-top: 2px
}

.cinema-slider .black .btn {
    -webkit-transition: .2s ease 0s .1s;
    transition: .2s ease 0s .1s;
    opacity: 0;
    min-width: 170px;
    margin-top: 30px;
    margin-right: 10px
}

.cinema-slider .swiper-slide-active .black .btn,.cinema-slider .swiper-slide-active .black h1,.cinema-slider .swiper-slide-active .black h5,.cinema-slider .swiper-slide-active .black p {
    opacity: 1;
    margin-left: 0
}

.sign-box {
    position: relative;
    padding-top: 94px;
    padding-bottom: 0;
    box-sizing: border-box;
    min-height: calc(100vh - 74px - 20px);
    min-width: 100vw;
    background: rgba(48,35,174,.75);
    background: -webkit-linear-gradient(30deg,rgba(48,35,174,.75) 30%,rgba(201,109,216,.75) 70%);
    background: linear-gradient(120deg,rgba(48,35,174,.75) 30%,rgba(201,109,216,.75) 70%)
}

.sign-box h2 {
    font-size: 2.875em;
    margin-bottom: 10px
}

.sign-box .sign-form {
    max-width: 340px;
    width: 100%;
    position: absolute;
    top: 94px;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -180px;
    z-index: 200
}

.sign-box .sign-form .has-error input {
    border: 2px solid #d9675d
}

.sign-box .sign-form input {
    border-radius: 0;
    margin-bottom: 20px;
    background: #fff;
    color: #000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.35);
    border: 0
}

.sign-box .sign-form input::-webkit-input-placeholder {
    color: rgba(0,0,0,.6)
}

.sign-box .sign-form input::-moz-placeholder {
    color: rgba(0,0,0,.6)
}

.sign-box .sign-form input:-ms-input-placeholder {
    color: rgba(0,0,0,.6)
}

.sign-box .sign-form input:-moz-placeholder {
    color: rgba(0,0,0,.6)
}

.bubble-shape {
    position: absolute;
    z-index: 0
}

.bubble-shape.bubble-1 {
    width: 50px;
    height: 50px;
    background: rgba(195,184,244,.4);
    border-radius: 50%;
    display: block;
    left: 10%;
    top: 50%
}

.bubble-shape.bubble-2 {
    width: 30px;
    height: 30px;
    right: 12%;
    top: 30%
}

.bubble-shape.bubble-2,.bubble-shape.bubble-3 {
    background: rgba(195,184,244,.3);
    border-radius: 50%;
    display: block
}

.bubble-shape.bubble-3 {
    width: 40px;
    height: 40px;
    left: 45%;
    top: 70%
}

.famous-list {
    position: relative;
    max-width: 1200px;
    height: 100vh;
    margin: 0 auto;
    z-index: 1;
    transform-style: preserve-3d
}

.famous-list>div {
    position: absolute;
    float: left;
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.35);
    border-radius: 50%;
    overflow: hidden
}

.famous-list>div:hover .famous {
    opacity: 1
}

.famous-list>div:hover:before {
    opacity: 1!important
}

.famous-list>div:before {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background: rgba(48,35,174,.75);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}

.famous-list>div img {
    width: 100%;
    float: left
}

.famous-list>div:nth-child(1) {
    left: 15%;
    top: 3%;
    width: 180px;
    height: 180px
}

.famous-list>div:nth-child(2) {
    left: 5%;
    top: 25%;
    width: 100px;
    height: 100px
}

.famous-list>div:nth-child(2):before {
    opacity: .75
}

@media (max-width: 991px) {
    .famous-list>div:nth-child(2) {
        display:none
    }
}

.famous-list>div:nth-child(2) .famous {
    left: 15px
}

.famous-list>div:nth-child(2) .famous h2 {
    font-size: 16px!important
}

.famous-list>div:nth-child(3) {
    left: 70%;
    top: 10%;
    width: 180px;
    height: 180px
}

@media (max-width: 991px) {
    .famous-list>div:nth-child(3) {
        top:5%;
        width: 80px;
        height: 80px
    }
}

.famous-list>div:nth-child(4) {
    left: 70%;
    top: 45%;
    width: 230px;
    height: 230px
}

@media (max-width: 991px) {
    .famous-list>div:nth-child(4) {
        top:65%;
        width: 100px;
        height: 100px
    }
}

.famous-list>div:nth-child(4):before {
    opacity: .75
}

.famous-list>div:nth-child(5) {
    left: 50%;
    top: 65%;
    width: 150px;
    height: 150px
}

@media (max-width: 991px) {
    .famous-list>div:nth-child(5) {
        width:50px;
        height: 50px
    }
}

.famous-list>div:nth-child(5) .famous {
    left: 20px
}

.famous-list>div:nth-child(5) .famous h2 {
    font-size: 16px!important
}

.famous-list>div:nth-child(6) {
    left: 10%;
    bottom: 20%;
    width: 260px;
    height: 260px
}

@media (max-width: 991px) {
    .famous-list>div:nth-child(6) {
        width:150px;
        height: 150px
    }
}

.famous-list>div .famous {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    position: absolute;
    top: 45%;
    left: 30px;
    z-index: 100;
    opacity: 0
}

.famous-list>div .famous h2 {
    margin: 0
}

.white-bg-form .form-control {
    border-color: rgba(0,0,0,.3)
}

.has-error .form-control {
    border-color: #d9675d
}

.has-error .help-block {
    color: rgba(0,0,0,.3);
    color: #d9675d
}

.note-box {
    padding: 10px 10px 50px
}

.note-box .line {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: left
}

.note-box ol {
    margin-top: 20px;
    width: 100%;
    clear: both;
    float: left;
    color: #b9b9b9
}

.note-box ol li {
    margin-bottom: 10px;
    line-height: 1.4
}

.note-box ol a {
    color: #b9b9b9
}

.classification-list {
    margin-bottom: 30px;
    overflow: hidden
}

.classification-list li {
    width: calc(25% - 40px);
    margin: 40px 20px 0;
    min-height: 500px;
    float: left;
    background: #1e1e1e
}

.classification-list li a {
    color: inherit
}

@media (max-width: 991px) {
    .classification-list li {
        width:calc(50% - 20px);
        margin: 40px 10px 0
    }
}

.classification-list li:hover {
    background: rgba(48,35,174,.75);
    background: -webkit-linear-gradient(30deg,rgba(48,35,174,.3) 30%,rgba(201,109,216,.3) 70%);
    background: linear-gradient(120deg,rgba(48,35,174,.3) 30%,rgba(201,109,216,.3) 70%)
}

.classification-list li:hover .line {
    border-color: hsla(0,0%,73%,.4)
}

.classification-list li .line {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: left
}

.classification-list li .info {
    width: 100%;
    overflow: hidden;
    padding: 5px 15px 20px;
    float: left
}

.classification-list li p {
    margin-bottom: 0
}

.classification-list li p:first-child {
    margin-bottom: 10px
}

.classification-list li h4 {
    text-align: center;
    padding-top: 20px
}

.classification-list li h4 span {
    display: inline-block
}

.time-box .table td span {
    display: inline-block;
    padding: 0 10px
}

.more-article-box {
    width: 100%;
    overflow: hidden
}

.more-article-box .article-title-sub {
    display: inline-block;
    width: 150px;
    float: left
}

.more-article-box .more-article-list {
    width: calc(100% - 150px);
    float: left;
    margin-top: 30px
}

.more-article-box .more-article-list li {
    width: calc(100% - 36px - 10px);
    float: left;
    padding-left: 46px
}

.more-article-box .more-article-list li.name {
    padding-left: 0
}

.more-article-box .more-article-list li.who {
    width: 46px;
    padding-left: 0
}

.more-article-box .more-article-list li.who a {
    padding-top: 0
}

.more-article-box .more-article-list li a {
    display: inline-block;
    padding-top: 5px;
    clear: both
}

.more-article-box .more-article-list li a h5 {
    margin: 3px 0 10px
}

@media (max-width: 991px) {
    .more-article-box .more-article-list {
        margin-top:0
    }
}

.theater-list {
    margin-bottom: 50px
}

.theater-list li {
    width: 100%;
    clear: both;
    overflow: hidden
}

.theater-list span {
    display: inline-block;
    padding: 0 10px
}

.theater-list .room-box {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    float: left
}

@media (max-width: 991px) {
    .theater-list .room-box {
        width:100%
    }
}

.ranking-list .name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 32px)
}

.ranking-list td a {
    display: inline-block;
    color: #fff
}

.ranking-list td a:hover {
    color: hsla(0,0%,100%,.9)
}

.with-episode .sort-box {
    position: fixed;
    left: 30px;
    bottom: 90px;
    z-index: 99995
}

.table-compare {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    margin-top: 50px
}

.table-compare th {
    padding: 0 10px 20px!important;
    border-bottom: solid hsla(0,0%,100%,.15)!important
}

.table-compare td {
    padding: 20px 10px!important
}

.table-compare td .btn {
    margin-top: 10px
}

.table-compare td li {
    margin-bottom: 10px
}

.table-compare .btn-intro {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-top: 2px;
    text-align: center;
    font-size: 1.2em;
    line-height: 24px;
    font-size: 15px;
    border: 1px solid #fff;
    color: #fff;
    vertical-align: top;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 0
}

.plan-box {
    margin-bottom: 70px;
    width: 100%;
    overflow: hidden
}

.plan-table {
    border: 1px solid #3c3c3c;
    margin-bottom: 20px
}

.fancybox-slide--iframe .fancybox-content {
    position: relative;
    width: 78%!important;
    padding-bottom: 43.875%!important;
    height: 0!important;
    overflow: hidden
}

.fancybox-slide--iframe .fancybox-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fancybox-thumbs ul.drama {
    height: calc(100% - 40px)
}

.fancybox-thumbs .sort-box {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: calc(100% - 10px)
}

.fancybox-thumbs .sort-box .dropdown-menu {
    z-index: 99999;
    width: 100%;
    text-align: center
}

.fancybox-thumbs .sort-box .btn-sort {
    width: 100%
}

@media (-ms-high-contrast:none) {
    footer .triangle {
        display: block;
        cursor: pointer;
        position: absolute;
        width: 103px;
        height: 57px;
        right: 0;
        top: -57px;
        text-align: center;
        line-height: 80px;
        letter-spacing: 2px;
        font-size: 14px;
        background: transparent url(../img/icon/bg_top.svg) 0 0 no-repeat;
        background-size: 100% auto;
        opacity: .9;
        clip: auto;
        transform: none
    }

    footer .triangle:hover {
        opacity: 1
    }

    footer .triangle span {
        transform: none;
        z-index: 100;
        width: 100%;
        text-align: center;
        right: auto;
        top: auto;
        position: relative;
        margin-top: auto;
        letter-spacing: 2px;
        font-size: 14px
    }

    footer .triangle,footer ::-ms-backdrop {
        display: block;
        cursor: pointer;
        position: absolute;
        width: 103px;
        height: 57px;
        right: 0;
        top: -57px;
        text-align: center;
        line-height: 80px;
        letter-spacing: 2px;
        font-size: 14px;
        background: transparent url(../img/icon/bg_top.svg) 0 0 no-repeat;
        background-size: 100% auto
    }
}

.btn-intro {
    font-weight: 700
}

.btn-bookmark,.btn-share,.tv-list .info-right .btn-icon {
    position: relative;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s
}

.btn-bookmark:hover:after,.btn-share:hover:after,.tv-list .info-right .btn-icon:hover:after {
    opacity: 1
}

.btn-bookmark:after,.btn-share:after,.tv-list .info-right .btn-icon:after {
    content: attr(data-title) "";
    color: #fff;
    font-size: 12px!important;
    width: 36px;
    height: 29px;
    padding: 6px;
    text-align: center;
    box-sizing: border-box;
    background: hsla(0,0%,45%,.5);
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -26px;
    opacity: 0
}

.tv-list .info-right .btn-icon:after {
    bottom: -10px;
    left: -8px
}

.note-text {
    margin: 16px 8px;
    font-size: inherit
}

.check-list,.check-list>div {
    padding-bottom: 8px
}

.check-list>div {
    padding-top: 8px
}

.bonus-box p.small {
    font-size: 14px
}

.event-list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.event-list li {
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
}

.event-list li h4 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-weight: 700!important
}

.event-list li a,.event-list li p {
    color: #fff;
    line-height: 1.7
}

.bonus-info {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
    clear: both
}

.bonus-info li {
    width: 33.3333%;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    float: left
}

.bonus-info li h4 {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 24px;
    font-weight: 700!important
}

.bonus-info li a,.bonus-info li p {
    color: #fff;
    line-height: 1.7
}

.btn-collapse {
    text-align: left;
    width: 100%;
    background: #1e1e1e;
    border: 1px solid #3c3c3c;
    border-radius: 0;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px
}

.btn-collapse:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 0;
    width: 44px;
    height: 44px;
    background: transparent url(../img/icon/arrow_down_2.png) 0 0 no-repeat;
    background-size: 100%
}

.btn-collapse.active:after {
    transform: rotate(-180deg)
}

.content-container{
    width: 95%;
    min-width: 1200px;
    position: relative;
    margin: auto;
}

.playBox{display: inline-block;width: 100%;}
.playBox .playSubTitle{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.playBox  .playlist{
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}
 
.playBox .playlist a{
    color: #fff;
    text-decoration: none;
    height: 35px;
    position: relative;
    font-weight: 500;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    font-size: 15px;
    line-height: 22px;
    width: 10.73%;
    display: block;
    float: left;
    margin-bottom: 10px;
    background-color: #0000003b;
}
.playBox .playlist a:hover, .playBox .playlist a.cur{
    background-color: #0000007a;
    color: #2196f3;
}
.playBox .playlist a:nth-child(4n){
    margin-left: 0;
}