/****************************************************************************
1. CSS RESET & IMPORT
2. FONT FACE
3. BASIC STYLES
4. INTRO
5. NAVS
6. PLAYER
7. ITEMS
8. ABOUT
9. QUOTE
10.RELEASE DATES
11.WRAPPER
12.TRAILERS
13.FEATURES
14.NEWS & BLOG
15.LOGOS
16.ACTORS
17.GALLERY
18.WRAPPER TEXT
19.ACTION
20.CONTACT FORM
21.CONTACT
22.FOOTER
23.RESPONSIVE
24. 首頁商品

/****************************************************************************
1. CSS RESET & IMPORT
****************************************************************************/
@import url("libs/owl.carousel.css");
@import url("libs/jquery.fs.shifter.css");
@import url("libs/animate.css");
@import url("libs/jquery.countdown.css");
@import url("libs/player.css");
@import url("libs/lightGallery.css");
@import url("libs/animsition.min.css");
@import url("../fonts/roboto/stylesheet.css");
@import url("../fonts/opensans/stylesheet.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

ol, ul {
    list-style: none;
}

blockquote, q {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

    blockquote p {
        display: inline;
    }

    blockquote:before, blockquote:after, q:before, q:after {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -.4em;
    }

    blockquote:after {
        color: #ccc;
        content: close-quote;
        font-size: 4em;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -.4em;
    }

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

/****************************************************************************
2. FONT FACE
****************************************************************************/
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#RobotoRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
/****************************************************************************
3. BASIC STYLES
****************************************************************************/
body.overlay-init,
.animsition-loading {
    background-color: #1e1f34;
    z-index: 999999;
}

html {
    height: 100%;
}

body {
    /*font: 14px "RobotoLight", Arial, Helvetica,sans-serif;*/ /*color: #fff;*/
    background-color: #f7f8f9;
    line-height: 24px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow-x: hidden;
}

h1 {
    font-size: 72px;
    line-height: 72px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

h2 {
    font-size: 36px;
    line-height: 36px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

h3 {
    font-size: 26px;
    line-height: 28px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

h4 {
    font-size: 18px;
    line-height: 24px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

h5 {
    font-size: 16px;
    line-height: 24px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

h6 {
    font-size: 14px;
    line-height: 24px;
    font-family: Microsoft JhengHei;
    font-weight: bolder;
    width: 100%;
}

.bold, strong {
    font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
}

.semibold {
    font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
}

.semibold-italic {
    font-family: "OpenSansSemiboldItalic", Arial, Helvetica,sans-serif;
}

.light {
    font-family: "OpenSansLight", Arial, Helvetica,sans-serif;
}

.regular {
    font-family: "OpenSansRegular", Arial, Helvetica,sans-serif;
}

.medium {
    font-family: "RobotoMedium", Arial, Helvetica,sans-serif;
}

.icon {
    font-family: "FontAwesome", Arial, Helvetica,sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

::-moz-selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

a {
    text-decoration: none;
}

    a:focus {
        outline: 0px none;
    }

    a:hover, a:active {
        outline: 0px none;
    }

.clearfix {
    *zoom: 1;
}

    .clearfix:after {
        clear: both;
    }

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

.clear {
    clear: both;
}

.none {
    display: none !important;
}

.one-half {
    width: 49%;
}

.one-third {
    width: 32%;
}

.two-third {
    width: 66%;
}

.one-fourth {
    width: 23.5%;
}

.three-fourth {
    width: 74.5%;
}

.one-fifth {
    width: 18.4%;
}

.two-fifth {
    width: 36.8%;
}

.three-fifth {
    width: 61.2%;
}

.four-fifth {
    width: 79.6%;
}

.one-sixth {
    width: 15%;
}

.five-sixth {
    width: 83%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
    position: relative;
    margin-right: 2%;
    float: left;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.center {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
}

a {
    color: #000;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
}

    a:hover {
        color: #e62739;
        -webkit-transition: color 300ms linear;
        -moz-transition: color 300ms linear;
        -o-transition: color 300ms linear;
        -ms-transition: color 300ms linear;
        transition: color 300ms linear;
    }

input, textarea {
    outline: none;
    -webkit-appearance: none;
    border: none;
}

.button {
    text-decoration: uppercase;
    font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
}

    .button.style-1 {
        padding: 15px 20px;
    }

    .button.style-2 {
        border-style: solid;
        border-width: 2px;
        padding: 13px 20px;
    }

    .button.scheme-1 {
        color: #fff;
        background-color: #e62739;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .button.scheme-1:hover {
            background-color: #0D0D15;
            -webkit-transition: background-color 300ms linear;
            -moz-transition: background-color 300ms linear;
            -o-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

    .button.scheme-2 {
        color: #fff;
        border-color: #fff;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .button.scheme-2:hover {
            color: #0D0D15;
            background-color: #fff;
            -webkit-transition: background-color 300ms linear;
            -moz-transition: background-color 300ms linear;
            -o-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

    .button.scheme-3 {
        color: #e62739;
        border-color: #e62739;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .button.scheme-3:hover {
            color: #fff;
            background-color: #000;
            border-color: #000;
            -webkit-transition: background-color 300ms linear;
            -moz-transition: background-color 300ms linear;
            -o-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

.title {
    text-transform: uppercase;
    border-style: solid;
    border-width: 0 0 0 2px;
    border-color: #fff;
    padding: 10px 0 10px 20px;
    margin: 75px 0;
}

    .title.subtitle {
        border: none;
        text-align: center;
        margin: 0 auto;
        margin-top: 25%;
        background-color: #e62739;
        padding: 25px;
        display: table;
    }

.mobile-menu-icon {
    font-family: "FontAwesome", Arial, Helvetica,sans-serif;
    cursor: pointer;
    font-size: 18px;
    float: left;
    margin: 20px 0 0 0;
    display: none;
}

.mobile-menu {
    background-color: #0D0D15;
    padding: 20px;
    clear: both;
    display: none;
}

    .mobile-menu li {
        padding: 5px 0;
    }

        .mobile-menu li a {
            color: #fff;
        }

            .mobile-menu li a:hover {
                color: #C8CAE8;
            }

            .mobile-menu li a.current {
                border-style: solid;
                border-width: 0 0 1px 0;
            }

.pagination {
    margin: 0 auto;
    margin-bottom: 50px;
    display: table;
}

    .pagination li {
        float: left;
        margin: 0 10px;
    }

        .pagination li a {
            color: #fff;
            background-color: #e62739;
            width: 34px;
            height: 34px;
            display: table;
            text-align: center;
            padding-top: 5px;
            -webkit-transition: background-color 300ms linear;
            -moz-transition: background-color 300ms linear;
            -o-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

            .pagination li a:hover {
                color: #000;
                background-color: #fff;
                -webkit-transition: background-color 300ms linear;
                -moz-transition: background-color 300ms linear;
                -o-transition: background-color 300ms linear;
                -ms-transition: background-color 300ms linear;
                transition: background-color 300ms linear;
            }

/****************************************************************************
4. INTRO
****************************************************************************/
.intro {
    z-index: 100;
    position: relative;
}

    .intro .center {
        position: static;
    }

    .intro.image {
        background: url(../img/intro.jpg) 50% 50% no-repeat;
    }

    .intro .intro-content {
        position: absolute;
        bottom: 350px;
        z-index: 100;
    }

        .intro .intro-content h1, .intro .intro-content .subtitle {
            text-transform: uppercase;
            font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
            padding: 10px;
        }

        .intro .intro-content h1 {
            color: #fff;
            background-color: #0D0D15;
        }

        .intro .intro-content .subtitle {
            color: #fff;
            background-color: #0D0D15;
            font-size: 24px;
            margin: 10px 0 50px 0;
            display: table;
        }

        .intro .intro-content .button {
            margin: 0 11px 0 0;
        }

        .intro .intro-content.video h1, .intro .intro-content.video .subtitle {
            background-color: #0D0D15;
        }

        .intro .intro-content.video .scheme-1:hover {
            background-color: #0D0D15;
        }

        .intro .intro-content.video .scheme-2:hover {
            color: #0D0D15;
        }

    .intro .slider-content {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .intro .slider-content .owl-prev, .intro .slider-content .owl-next {
            position: absolute;
            top: 49%;
            width: 35px;
            height: 35px;
            border-style: solid;
            border-width: 2px;
            border-color: #fff;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            -webkit-transition: border 300ms ease-out;
            -moz-transition: border 300ms ease-out;
            -o-transition: border 300ms ease-out;
            transition: border 300ms ease-out;
        }

            .intro .slider-content .owl-prev:hover, .intro .slider-content .owl-next:hover {
                border-color: #C8CAE8;
            }

        .intro .slider-content .owl-prev {
            left: 3%;
            background: url(../img/arrow-left.png) no-repeat 50% 50%;
        }

        .intro .slider-content .owl-next {
            right: 3%;
            background: url(../img/arrow-right.png) no-repeat 50% 50%;
        }

        .intro .slider-content .owl-dots {
            display: none;
        }

        .intro .slider-content .item, .intro .slider-content .owl-stage-outer, .intro .slider-content .owl-stage, .intro .slider-content .owl-item {
            height: 100%;
        }

            .intro .slider-content .item.img-1, .intro .slider-content .owl-stage-outer.img-1, .intro .slider-content .owl-stage.img-1, .intro .slider-content .owl-item.img-1 {
                background: url(../img/intro.jpg) 50% 50% no-repeat;
            }

            .intro .slider-content .item.img-2, .intro .slider-content .owl-stage-outer.img-2, .intro .slider-content .owl-stage.img-2, .intro .slider-content .owl-item.img-2 {
                background: url(../img/intro2.jpg) 50% 50% no-repeat;
            }

            .intro .slider-content .item.img-3, .intro .slider-content .owl-stage-outer.img-3, .intro .slider-content .owl-stage.img-3, .intro .slider-content .owl-item.img-3 {
                background: url(../img/intro3.jpg) 50% 50% no-repeat;
            }

/****************************************************************************
5. NAVS
****************************************************************************/
nav.main-nav {
    width: 100%;
    height: 60px;
    color: #fff;
    background-color: #0D0D15;
    z-index: 100;
    position: relative;
}

    nav.main-nav.subtitle {
        position: fixed !Important;
        top: 0 !Important;
    }

    nav.main-nav .one-fourth {
        height: 60px;
        color: #000;
        display: inline-block;
        text-align: right;
        padding: 0 25px 0 0;
    }

        nav.main-nav .one-fourth .helper {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        nav.main-nav .one-fourth a, nav.main-nav .one-fourth img {
            position: relative;
            z-index: 6;
        }

        nav.main-nav .one-fourth a {
            font-family: "OpenSansbold", Arial, Helvetica,sans-serif;
            font-size: 18px;
        }

        nav.main-nav .one-fourth img {
            vertical-align: middle;
        }

        nav.main-nav .one-fourth .cover {
            background-color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -2000px;
            z-index: 5;
        }

    nav.main-nav .three-fourth ul {
        margin: 18px 0 0 0;
        float: left;
    }

        nav.main-nav .three-fourth ul li {
            float: left;
        }

            nav.main-nav .three-fourth ul li a {
                color: #fff;
                margin: 0 15px 0 0;
            }

                nav.main-nav .three-fourth ul li a:hover {
                    color: #C8CAE8;
                }

                nav.main-nav .three-fourth ul li a.current {
                    border-style: solid;
                    border-width: 0 0 1px 0;
                }

#countdown {
    color: #fff;
    margin: 10px 0 50px;
    padding: 0 2px 0 0;
    display: table;
    width: 410px;
}

    #countdown.is-countdown {
        background: none;
        border: none;
    }

    #countdown .row-0, #countdown .row-1, #countdown .row-2, #countdown .row-3 {
        padding: 8px 0 5px;
        background-color: #000;
    }

    #countdown .countdown-amount {
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
    }

    #countdown .countdown-period {
        text-transform: uppercase;
    }

/****************************************************************************
6. PLAYER
****************************************************************************/
.music-player {
    float: right;
}

    .music-player .tracklist, .music-player .album-cover, .music-player .track-info, .music-player .description, .music-player .duration-time, .music-player .progress-wrapper {
        display: none !important;
    }

    .music-player .ttw-music-player {
        margin: 0;
    }

        .music-player .ttw-music-player .play {
            width: 10px;
            width: 10px;
            width: 10px;
        }

    .music-player .player-controls {
        width: 0;
    }

        .music-player .player-controls .main {
            width: 54px;
            float: right;
            margin-top: 12px;
        }

/****************************************************************************
7. ITEMS
****************************************************************************/




h3 span.other-color-span {
    color: #C8CAE8;
}

h3.in-text {
    margin: 50px 0 0 0;
}

.button {
    margin: 54px 11px 0 0;
    float: left;
}

.other-color {
    color: #7a7a7a;
    background-color: #fff;
    padding: 0 20px;
}

    .other-color h3 {
        color: #000;
        margin: 197px 0 0 0;
    }

    .other-color .cover-right, .other-color .cover-left, .other-color .cover-small-left, .other-color .cover-small-right {
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .other-color .cover-right {
        left: 100%;
    }

    .other-color .cover-left {
        right: 100%;
        left: -2000px;
    }

    .other-color .cover-small-left {
        right: 100%;
        left: -40px;
    }

    .other-color .cover-small-right {
        left: 100%;
        right: -40px;
    }

.text-section {
    min-height: 680px;
}

    .text-section p {
        margin: 50px 0 0 0;
    }

    .text-section .text-section-img {
        margin: 50px 30px 0 0;
        float: left;
    }

.background-img {
    position: absolute;
    z-index: -1;
}

    .background-img.item-1 {
        top: -280px;
        right: -100px;
    }

    .background-img.item-2 {
        left: 23.5%;
        bottom: 0;
    }

    .background-img.item-3 {
        top: 0;
        left: 0;
    }

    .background-img.item-4 {
        top: 0;
        right: 0;
    }

    .background-img.item-5 {
        top: 0;
        left: -250px;
    }

    .background-img.item-6 {
        bottom: 0;
        left: 30%;
    }

    .background-img.item-7 {
        bottom: 0;
        left: 30%;
    }

    .background-img.item-8 {
        bottom: 0;
        left: 0;
    }

/****************************************************************************
8. ABOUT
****************************************************************************/
.about {
    min-height: 640px;
    padding-left: 30px;
}

    .about h3 {
        margin: 100px 0 0 0 !important;
    }

.slider-about {
    width: 350px;
    float: right;
    margin: 55px 0 0 0;
}

    .slider-about .owl-prev, .slider-about .owl-next {
        position: absolute;
        left: -60px;
        width: 35px;
        height: 35px;
        border-style: solid;
        border-width: 2px;
        border-color: #82829b;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: border 300ms ease-out;
        -moz-transition: border 300ms ease-out;
        -o-transition: border 300ms ease-out;
        transition: border 300ms ease-out;
    }

        .slider-about .owl-prev:hover, .slider-about .owl-next:hover {
            border-color: #fff;
        }

    .slider-about .owl-prev {
        top: 0;
        background: url(../img/arrow-left2.png) no-repeat 50% 50%;
    }

    .slider-about .owl-next {
        top: 50px;
        background: url(../img/arrow-right2.png) no-repeat 50% 50%;
    }

    .slider-about .owl-dots {
        display: none;
    }

    .slider-about .owl-carousel .owl-item img {
        width: auto !important;
    }

/****************************************************************************
9. QUOTE
****************************************************************************/
.quote blockquote {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-family: "OpenSansSemiboldItalic", Arial, Helvetica,sans-serif;
    text-align: center;
    padding: 0 70px;
}

    .quote blockquote .left, .quote blockquote .right {
        font-size: 24px;
        position: absolute;
    }

    .quote blockquote .left {
        top: -30px;
        left: 0;
    }

    .quote blockquote .right {
        right: 0;
        bottom: -30px;
    }

.quote .rate {
    font-size: 24px;
    color: #C8CAE8;
    margin: 0 auto;
    margin-top: 50px;
    display: table;
}

    .quote .rate li {
        float: left;
        margin: 0 2px;
    }

.quote .author {
    margin: 0 auto;
    margin-top: 10px;
    display: table;
    font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
}

/****************************************************************************
10. RELEASE DATES
****************************************************************************/
.slider-dates-wrapper {
    position: relative;
}

    .slider-dates-wrapper .slider-dates {
        padding-top: 30px;
    }

    .slider-dates-wrapper .entry {
        margin: 0 0 50px 0;
        display: table;
        width: 100%;
    }

    .slider-dates-wrapper h3 {
        color: #fff;
        font-size: 22px;
    }

    .slider-dates-wrapper .info {
        margin: 20px 0 0 0;
    }

        .slider-dates-wrapper .info li {
            float: left;
            margin: 0 20px 0 0;
        }

            .slider-dates-wrapper .info li .icon {
                margin: 0 10px 0 0;
            }

    .slider-dates-wrapper .date {
        color: #1e1e34;
        padding: 30px 0 0 0;
    }

        .slider-dates-wrapper .date .day, .slider-dates-wrapper .date .month {
            width: 100%;
            display: table;
            text-align: center;
        }

        .slider-dates-wrapper .date .day {
            font-size: 48px;
            font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
            margin: 0 0 10px 0;
        }

        .slider-dates-wrapper .date .month {
            font-size: 18px;
        }

    .slider-dates-wrapper .three-fourth .three-fourth {
        padding: 20px 50px 20px 20px;
    }

    .slider-dates-wrapper .three-fourth .one-fourth {
        border-style: solid;
        border-width: 0 0 0 1px;
        border-color: #fff;
        padding: 30px 0 30px 50px;
    }

        .slider-dates-wrapper .three-fourth .one-fourth .button {
            margin: 0;
        }

    .slider-dates-wrapper .cover {
        background-color: #fff;
        position: absolute;
        top: 0;
        left: -2000px;
        bottom: 0;
        right: 76.5%;
    }

    .slider-dates-wrapper .owl-prev, .slider-dates-wrapper .owl-next {
        position: absolute;
        top: -118px;
        width: 35px;
        height: 35px;
        border-style: solid;
        border-width: 2px;
        border-color: #82829b;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: border 300ms ease-out;
        -moz-transition: border 300ms ease-out;
        -o-transition: border 300ms ease-out;
        transition: border 300ms ease-out;
    }

        .slider-dates-wrapper .owl-prev:hover, .slider-dates-wrapper .owl-next:hover {
            border-color: #fff;
        }

    .slider-dates-wrapper .owl-prev {
        right: 45px;
        background: url(../img/arrow-left2.png) no-repeat 50% 50%;
    }

    .slider-dates-wrapper .owl-next {
        right: 0;
        background: url(../img/arrow-right2.png) no-repeat 50% 50%;
    }

    .slider-dates-wrapper .owl-dots {
        display: none;
    }

/****************************************************************************
11. WRAPPER
****************************************************************************/
.wrapper {
    float: left;
    width: 100%;
    z-index: 10;
    position: relative;
    background-attachment: fixed !important;
}

    .wrapper .quote {
        margin: 150px 0 0 0;
        display: table;
    }

    .wrapper.item-1 {
        background: url(../img/wrapper/1.jpg) 50% 50%;
    }

    .wrapper.item-2 {
        background: url(../img/wrapper/2.jpg) 50% 50%;
    }

    .wrapper.item-3 {
        background: url(../img/wrapper/3.jpg) 50% 50%;
    }

    .wrapper.item-4 {
        background: url(../img/wrapper/4.jpg) 50% 50%;
    }

    .wrapper.item-5 {
        background: url(../img/wrapper/5.jpg) 50% 50%;
    }

    .wrapper.item-6 {
        background: url(../img/wrapper/6.jpg) 50% 50%;
    }

    .wrapper.item-7 {
        background: url(../img/wrapper/7.jpg) 50% 50%;
    }

/****************************************************************************
12. TRAILERS
****************************************************************************/
.main-video-wrapper {
    position: absolute;
    left: 10%;
    right: 10%;
    height: 500px;
    z-index: 10;
}

    .main-video-wrapper .main-video {
        width: 100%;
        height: 100%;
    }

.video h3 {
    margin: 197px 0 0 0;
}

.video .title {
    margin: 185px 0 0 0;
}

.after-video {
    z-index: 9;
    position: relative;
}

.main-video-small {
    width: 100%;
    height: 100%;
}

.other-videos {
    margin: 57px 0 0 0;
}

    .other-videos li {
        margin: 20px 0 0 0;
        display: table;
        width: 100%;
    }

        .other-videos li h4 {
            font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
            padding: 0 40px 0 20px;
            color: #C8CAE8;
            margin: 0 0 20px 0;
        }

        .other-videos li ul {
            padding: 0 20px;
        }

            .other-videos li ul li {
                margin: 0 0 10px 0;
            }

                .other-videos li ul li .icon {
                    margin: 0 10px 0 0;
                }

/****************************************************************************
13. FEATURES
****************************************************************************/
.features {
    margin: 150px 0 0 0;
    display: table;
    width: 100%;
}

    .features .feature:hover > .circle {
        background-color: #000;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .features .feature:hover > .circle .icon {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }

    .features .feature .circle {
        width: 105px;
        height: 105px;
        background-color: #e62739;
        display: table;
        margin: 0 auto;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .features .feature .circle .icon {
            font-size: 48px;
            text-align: center;
            width: 100%;
            display: table;
            margin-top: 43px;
            -webkit-transition: -webkit-transform 1.2s ease-in-out;
            transition: transform 1.2s ease-in-out;
        }

    .features .feature .name {
        width: 100%;
        display: table;
        text-align: center;
        font-size: 18px;
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        margin: 35px 0 0 0;
        text-transform: uppercase;
    }

/****************************************************************************
14. NEWS & BLOG
****************************************************************************/
.slider-news .item .img-wrapp {
    overflow: hidden;
    position: relative;
}

.slider-news .item img {
    width: 100%;
}

    .slider-news .item img.after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

.slider-news .item .info {
    background-color: #fff;
    padding: 18px;
}

    .slider-news .item .info .date {
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        margin: 10px 0 0 0;
        display: table;
    }

    .slider-news .item .info p {
        margin: 15px 0 0 0;
    }

    .slider-news .item .info.first {
        background-color: #e62739;
    }

        .slider-news .item .info.first a {
            color: #fff;
        }

            .slider-news .item .info.first a:hover {
                color: #000;
            }

        .slider-news .item .info.first .date {
            color: #fff;
        }

        .slider-news .item .info.first p {
            color: #fff;
        }

    .slider-news .item .info.second {
        background-color: #fff;
    }

        .slider-news .item .info.second .date {
            color: #000;
        }

        .slider-news .item .info.second p {
            color: #1e1e34;
        }

.slider-news .owl-prev, .slider-news .owl-next {
    position: absolute;
    top: -118px;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 2px;
    border-color: #82829b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: border 300ms ease-out;
    -moz-transition: border 300ms ease-out;
    -o-transition: border 300ms ease-out;
    transition: border 300ms ease-out;
}

    .slider-news .owl-prev:hover, .slider-news .owl-next:hover {
        border-color: #fff;
    }

.slider-news .owl-prev {
    right: 70px;
    background: url(../img/arrow-left2.png) no-repeat 50% 50%;
}

.slider-news .owl-next {
    right: 25px;
    background: url(../img/arrow-right2.png) no-repeat 50% 50%;
}

.slider-news .owl-dots {
    display: none;
}

.news-slider-cover {
    background-color: #1e1e34;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px;
    z-index: 10;
}

.news-section {
    z-index: 10;
}

    .news-section h3 {
        margin: 83px 0 50px 0;
    }

        .news-section h3.categories {
            margin: 56px 0 50px 0;
        }

    .news-section .cover-small-left {
        left: -23px;
    }

.tags {
    width: 100%;
    display: table;
    position: relative;
}

    .tags li {
        float: left;
        margin: 0 10px 10px 0;
    }

        .tags li a {
            display: table;
            color: #fff;
            background-color: #000;
            font-size: 11px;
            padding: 6px 8px;
            font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
            -webkit-transition: background-color 300ms linear;
            -moz-transition: background-color 300ms linear;
            -o-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }

            .tags li a:hover {
                background-color: #e62739;
                -webkit-transition: background-color 300ms linear;
                -moz-transition: background-color 300ms linear;
                -o-transition: background-color 300ms linear;
                -ms-transition: background-color 300ms linear;
                transition: background-color 300ms linear;
            }

.categories {
    position: relative;
}

    .categories li {
        border-style: solid;
        border-width: 0 0 2px 0;
        border-color: #000;
        padding: 10px 0;
    }

        .categories li a {
            font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
        }

/****************************************************************************
15. LOGOS
****************************************************************************/
.logos {
    margin-top: 170px;
}

    .logos .logo-wrapper {
        position: relative;
    }

        .logos .logo-wrapper .top-left, .logos .logo-wrapper .top-right, .logos .logo-wrapper .left-top, .logos .logo-wrapper .left-bottom, .logos .logo-wrapper .bottom-left, .logos .logo-wrapper .bottom-right, .logos .logo-wrapper .right-top, .logos .logo-wrapper .right-bottom {
            position: absolute;
            background-color: #fff;
            display: none;
        }

        .logos .logo-wrapper .top-left {
            top: 0;
            left: 0;
            width: 20px;
            height: 3px;
        }

        .logos .logo-wrapper .top-right {
            top: 0;
            right: 0;
            width: 20px;
            height: 3px;
        }

        .logos .logo-wrapper .left-top {
            top: 0;
            left: 0;
            width: 3px;
            height: 20px;
        }

        .logos .logo-wrapper .left-bottom {
            left: 0;
            bottom: 0;
            width: 3px;
            height: 20px;
        }

        .logos .logo-wrapper .bottom-left {
            left: 0;
            bottom: 0;
            width: 20px;
            height: 3px;
        }

        .logos .logo-wrapper .bottom-right {
            bottom: 0;
            right: 0;
            width: 20px;
            height: 3px;
        }

        .logos .logo-wrapper .right-top {
            top: 0;
            right: 0;
            width: 3px;
            height: 20px;
        }

        .logos .logo-wrapper .right-bottom {
            bottom: 0;
            right: 0;
            width: 3px;
            height: 20px;
        }

        .logos .logo-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

.blog-list li {
    margin: 0 0 50px 0;
    display: table;
}

.blog-list h3 a {
    color: #fff;
}

    .blog-list h3 a:hover {
        color: #C8CAE8;
    }

.blog-list .date {
    font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
    margin: 10px 0 0 0;
    display: table;
    color: #C8CAE8;
}

.blog-list img {
    width: 100%;
    padding-right: 40px;
    margin: 0 0 10px 0;
}

.blog-list p {
    padding-right: 20px;
    margin: 30px 0 0 0;
}

.blog-list .read-more {
    margin: 20px 0 0 0;
}

.blog-open {
    margin: 50px 0;
}

    .blog-open h3 a {
        color: #fff;
    }

        .blog-open h3 a:hover {
            color: #C8CAE8;
        }

    .blog-open .date {
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        margin: 5px 0 0 0;
        display: table;
        color: #C8CAE8;
    }

    .blog-open img {
        width: 100%;
        padding-right: 40px;
        margin: 0 0 10px 0;
    }

    .blog-open p {
        padding-right: 20px;
        margin: 30px 0 0 0;
    }

    .blog-open .name {
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        display: table;
        color: #fff;
        font-size: 16px;
    }

.comments li {
    margin: 0 0 30px 0;
}

.comments .reply {
    margin: 10px 0 0 0;
    display: table;
    color: #fff;
    font-size: 10px;
    font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
}

    .comments .reply:hover {
        color: #C8CAE8;
    }

.comments .reply-li {
    padding-left: 50px;
}

.comment-form {
    margin: 0 0 50px 0;
    display: table;
    width: 100%;
    padding-right: 40px;
}

    .comment-form input[type="text"] {
        display: table;
    }

    .comment-form input[type="text"], .comment-form textarea {
        width: 100%;
        color: #fff;
        background: none;
        border-style: solid;
        border-width: 0 0 3px 0;
        border-color: #747483;
        text-transform: uppercase;
        margin: 0 0 50px 0;
        padding: 0 0 20px 0;
    }

    .comment-form textarea {
        height: 115px;
        font: 14.5px "RobotoLight", Arial, Helvetica,sans-serif;
    }

    .comment-form input[type="submit"] {
        text-transform: uppercase;
        cursor: pointer;
        margin: 0;
        padding: 18px 20px;
    }

    .comment-form .contact-required {
        border-color: #e62739 !important;
        color: #e62739 !important;
    }

    .comment-form .sent {
        background-color: #439f00 !important;
    }

/****************************************************************************
16. ACTORS
****************************************************************************/
.actors .cover-right-actors {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    left: 100%;
}

.actors .entry {
    margin-top: -7px;
    display: table;
    width: 100%;
}

    .actors .entry .info {
        font-size: 24px;
        color: #1e1e34;
        display: table;
        width: 100%;
    }

        .actors .entry .info .name, .actors .entry .info .surname {
            width: 100%;
            text-align: center;
            display: table;
        }

        .actors .entry .info .name {
            margin: 110px 0 0 0;
        }

        .actors .entry .info .surname {
            margin: 10px 0 0 0;
            font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        }

        .actors .entry .info .social {
            margin: 0 auto;
            margin-top: 15px;
            display: table;
            opacity: 0;
        }

            .actors .entry .info .social li {
                float: left;
                margin: 0 5px;
            }

                .actors .entry .info .social li a {
                    font-size: 18px;
                    color: #e62739;
                    -webkit-transition: color 300ms linear;
                    -moz-transition: color 300ms linear;
                    -o-transition: color 300ms linear;
                    -ms-transition: color 300ms linear;
                    transition: color 300ms linear;
                }

                    .actors .entry .info .social li a:hover {
                        color: #C8CAE8;
                        -webkit-transition: color 300ms linear;
                        -moz-transition: color 300ms linear;
                        -o-transition: color 300ms linear;
                        -ms-transition: color 300ms linear;
                        transition: color 300ms linear;
                    }

    .actors .entry .last {
        overflow: hidden;
    }

        .actors .entry .last img {
            width: 100%;
        }

        .actors .entry .last .after {
            position: absolute;
            top: 0;
            left: 0;
        }

    .actors .entry .other-color {
        margin-right: -1%;
    }

.actors-wrapp {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: -10px;
}

/****************************************************************************
17. GALLERY
****************************************************************************/
.gallery-section .gallery li {
    float: left;
    width: 33.33%;
    margin: 0 0 -7px 0;
    position: relative;
}

    .gallery-section .gallery li .hover {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 7px;
        right: 0;
        background-color: rgba(255, 0, 0, 0.8);
        display: none;
        cursor: pointer;
    }

        .gallery-section .gallery li .hover span {
            font-family: 'FontAwesome';
            color: #fff;
            font-size: 50px;
            width: 100%;
            display: table;
            text-align: center;
            margin: 45% 0 0 0;
        }

    .gallery-section .gallery li img {
        width: 100%;
    }

.gallery-section .gallery-details h3 {
    margin: 83px 0 50px;
}

.gallery-section .gallery-details .category-choose li .detail {
    width: 26px;
    height: 3px;
    background-color: #5e5e7f;
    margin: 18px 0;
}

.gallery-section .gallery-details .category-choose li.current a {
    color: #FD8080;
    font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
}

.gallery-section .gallery-details .category-choose li.current .detail {
    width: 94px;
    background-color: #FD8080;
}

/****************************************************************************
18. WRAPPER TEXT
****************************************************************************/
.wrapper .text {
    margin-top: 190px;
    display: table;
}

    .wrapper .text P {
        font-size: 30px;
        line-height: 36px;
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        text-align: center;
    }

    .wrapper .text span {
        color: #FD8080;
        text-decoration: underline;
    }

    .wrapper .text a {
        margin: 0 auto;
        margin-top: 50px;
        display: table;
        float: none;
    }

/****************************************************************************
19. ACTION
****************************************************************************/
.action {
    background-color: #e62739;
    display: table;
    width: 100%;
    padding: 60px 0;
}

    .action .button {
        margin: 0 auto;
        display: table;
        float: none;
    }

    .action p {
        margin: 13px 0 0 0;
        font-family: "OpenSansBold", Arial, Helvetica,sans-serif;
        font-size: 30px;
        line-height: 32px;
    }

        .action p span {
            text-decoration: underline;
        }

/****************************************************************************
20. CONTACT FORM
****************************************************************************/
.contact-form {
    margin: 84px 0 0 0;
}

    .contact-form input[type="text"] {
        display: table;
    }

    .contact-form input[type="text"], .contact-form textarea {
        width: 100%;
        color: #fff;
        background: none;
        border-style: solid;
        border-width: 0 0 3px 0;
        border-color: #747483;
        text-transform: uppercase;
        margin: 0 0 50px 0;
        padding: 0 0 20px 0;
    }

    .contact-form textarea {
        height: 115px;
        font: 14.5px "RobotoLight", Arial, Helvetica,sans-serif;
    }

    .contact-form input[type="submit"] {
        text-transform: uppercase;
        cursor: pointer;
        margin: 0;
        padding: 18px 20px;
    }

    .contact-form .contact-required {
        border-color: #e62739 !important;
        color: #e62739 !important;
    }

    .contact-form .sent {
        background-color: #439f00 !important;
    }

/****************************************************************************
21. CONTACT
****************************************************************************/
.contact h3 {
    margin: 50px 0 0 0;
}

.contact .text-section {
    padding: 0 0 0 40px;
    min-height: 440px;
}

.contact .contact-details {
    margin: 46px 0 0 0;
}

    .contact .contact-details span {
        color: #C8CAE8;
        font-family: "OpenSansSemibold", Arial, Helvetica,sans-serif;
    }

.contact .social {
    margin: 30px 0 0 0;
    display: table;
}

    .contact .social li {
        float: left;
        margin: 0 20px 0 0;
    }

        .contact .social li a {
            font-size: 30px;
            color: #fff;
            -webkit-transition: color 300ms linear;
            -moz-transition: color 300ms linear;
            -o-transition: color 300ms linear;
            -ms-transition: color 300ms linear;
            transition: color 300ms linear;
        }

            .contact .social li a:hover {
                color: #FD8080;
                -webkit-transition: color 300ms linear;
                -moz-transition: color 300ms linear;
                -o-transition: color 300ms linear;
                -ms-transition: color 300ms linear;
                transition: color 300ms linear;
            }

            .contact .social li a span {
                font-family: "FontAwesome", Arial, Helvetica,sans-serif;
            }

.contact .other-color p {
    margin: 50px 0 0 0;
}

.contact .other-color .cover-small-right {
    right: -25px;
}

.twitter-timeline {
    margin-top: 50px !important;
}

/****************************************************************************
22. FOOTER
****************************************************************************/
footer {
    width: 100%;
    display: table;
    font-size: 12px;
    padding: 0 0 40px 0;
}

    footer img {
        float: right;
    }

/****************************************************************************
23. RESPONSIVE
****************************************************************************/
/* width */
@media all and (max-width: 1200px) {
    .wrapper, .action {
        padding: 60px 25px;
    }

    .contact .text-section {
        padding-right: 40px;
    }

    .title {
        margin: 75px 25px;
    }

    .actors-wrapp .text-section {
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .music-player .player-controls {
        margin-right: 20px;
    }

    .intro .intro-content {
        padding: 10px;
    }
}

@media all and (max-width: 1150px) {
    .slider-news .item .info {
        height: auto !important;
        padding-bottom: 30px;
    }

    .slider-dates-wrapper .cover, .slider-dates-wrapper .date {
        display: none;
    }

    .slider-dates-wrapper .owl-next {
        right: 25px;
    }

    .slider-dates-wrapper .owl-prev {
        right: 70px;
    }

    .slider-dates-wrapper .entry .extra {
        width: 100%;
    }

    .background-img.item-2 {
        left: 0;
    }

    .slider-dates-wrapper .entry {
        padding: 0 25px;
    }
}

@media all and (max-width: 1100px) {
    footer span {
        float: left;
    }

    footer img {
        float: left;
        clear: both;
        margin-top: 20px;
    }
}

@media all and (max-width: 1000px) {
    .actors .entry .info .name {
        margin: 50px 0 0;
    }
}

@media all and (max-width: 950px) {
    .desktop-menu {
        display: none;
    }

    .mobile-menu-icon {
        display: block;
    }

    .background-img {
        width: 100%;
        left: 0 !important;
    }
}

@media all and (max-width: 870px) {
    .actors .entry .info .social {
        opacity: 1 !important;
    }
}

@media all and (max-width: 750px) {
    .action .three-fourth {
        width: 100%;
        margin-bottom: 50px;
    }

    .action .one-fourth {
        width: 100%;
    }

        .action .one-fourth .button {
            float: left;
        }

    .contact-form .one-third {
        width: 100%;
    }

    .other-color, .text-section, .gallery-content {
        width: 100%;
    }

    .other-color {
        height: auto !Important;
        min-height: auto !Important;
        padding-bottom: 50px;
    }

        .other-color h3 {
            margin: 50px 0 !important;
        }

    .gallery-details {
        height: auto !important;
        padding-bottom: 50px;
    }

    .wrapper {
        height: auto;
        min-height: auto;
    }

        .wrapper .text, .logos {
            margin: 0;
        }

            .logos img {
                width: 100%;
                padding: 0 25px;
            }

    .text-section {
        padding-left: 25px;
        padding-right: 25px;
        min-height: auto !important;
        padding-bottom: 50px;
    }

    .actors {
        margin-bottom: 50px;
    }

        .actors .entry .info {
            height: auto !important;
            padding: 40px;
        }

            .actors .entry .info .name {
                margin: 0;
            }

    .actors-wrapp .one-half {
        width: 100%;
    }

    .news-content {
        width: 100%;
    }

    .features .one-fifth, .features .one-fourth, .features .one-third, .features .one-half {
        width: 48%;
        margin-bottom: 20px;
    }

    .main-video-wrapper {
        position: relative;
        left: auto;
        right: auto;
    }

    .video h3 {
        margin: 50px 0 0 0;
    }

    .intro-about {
        width: 100%;
    }

    .intro .intro-content h1 {
        font-size: 52px;
    }

    .intro .intro-content .subtitle {
        font-size: 18px;
    }

    .actors-wrapp .cover-right-actors, .actors-wrapp .cover-small-right {
        display: none !important;
    }

    .contact .other-color .cover-small-right {
        display: none;
    }

    .news-content {
        width: 99.8%;
    }

    .blog-list li {
        padding: 0 40px;
    }

        .blog-list li img {
            padding-right: 0;
        }

    .blog-open {
        padding: 0 40px;
    }

        .blog-open img {
            padding-right: 0;
        }

    .comment-form {
        padding-right: 0;
    }

    .blog-open .title {
        margin: 75px 0;
    }
}

@media all and (max-width: 650px) {
    .slider-dates-wrapper .entry .last, .slider-dates-wrapper .three-fourth .three-fourth {
        width: 100%;
    }

    .main-nav .one-fourth {
        width: 32%;
    }

        .main-nav .one-fourth img {
            width: 90%;
        }

    .main-nav .three-fourth {
        width: 66%;
    }

    .mobile-menu-icon {
        margin-left: 10px;
    }
}

@media all and (max-width: 550px) {
    .contact .other-color {
        height: auto !important;
        padding-bottom: 50px;
    }

    .gallery-section .gallery li {
        width: 50%;
    }

    .logos .one-fifth, .logos .one-fourth, .logos .one-third, .logos .one-half {
        width: 48%;
        margin-bottom: 25px;
    }

    .main-video-wrapper {
        height: 300px;
    }

    .video .other-videos .one-half {
        width: 100%;
        margin: 10px 0;
    }

    .features {
        margin-top: 50px !Important;
    }

        .features .one-fifth, .features .one-fourth, .features .one-third, .features .one-half {
            width: 100%;
        }

    .slider-dates-wrapper .owl-prev, .slider-dates-wrapper .owl-next {
        top: -50px;
    }
}

@media all and (max-width: 500px) {
    .slider-about .owl-prev, .slider-about .owl-next {
        top: -60px;
    }

    .slider-about .owl-prev {
        left: 0;
    }

    .slider-about .owl-next {
        left: 45px;
    }
}

@media all and (max-width: 350px) {
    .intro .intro-content {
        bottom: 100px;
    }

        .intro .intro-content h1 {
            font-size: 40px;
        }

        .intro .intro-content .subtitle {
            font-size: 16px;
        }

        .intro .intro-content .button {
            margin: 10px 0;
        }

    .slider-about .owl-next, .slider-about .owl-prev {
        display: none !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .wrapper {
        background-attachment: inherit !important;
    }

    .background-img {
        width: 100%;
        left: 0 !important;
    }
}
/* height */
@media all and (max-height: 750px) {
    .intro .intro-content {
        bottom: 200px;
    }
}

@media all and (max-height: 550px) {
    .intro .intro-content {
        bottom: 100px;
    }
}

/*# sourceMappingURL=style.css.map */


/*----------------------------------------------------------------*/
.navbar {
    margin-bottom: 0;
    border: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    background-color: #000000;
}

    .navbar .container {
        position: relative;
        /*default menu styles*/
    }

        .navbar .container .navbar-header {
            width: 140px;
        }

            .navbar .container .navbar-header .navbar-toggle span {
                background: #43494e;
            }

            .navbar .container .navbar-header .navbar-brand {
                display: block;
                margin-left: 0;
                padding: 39px 0;
                height: auto;
                line-height: 110px;
            }

        .navbar .container .navbar-nav li .dropdown-menu li {
            padding: 0 10px 0 10px;
        }

        .navbar .container .navbar-nav li a {
            line-height: 110px;
            padding: 0;
            font-family: Microsoft JhengHei;
            text-transform: uppercase;
            font-weight: 600;
            color: #43494e;
            position: relative;
        }

            .navbar .container .navbar-nav li a:before {
                content: '';
                width: 100%;
                position: absolute;
                height: 0;
                top: 0;
                left: 0;
                background: #FFC000;
                -webkit-transition: all 300ms ease-in-out 0s;
                transition: all 300ms ease-in-out 0s;
            }

            .navbar .container .navbar-nav li a span {
                width: 32px;
                height: 110px;
                float: left;
                background: no-repeat scroll left center;
            }

                .navbar .container .navbar-nav li a span.home_variation_icon {
                    background-image: url(/image/icons/home-variation.png);
                }

                .navbar .container .navbar-nav li a span.video_menu_icon {
                    background-image: url(/image/icons/video-menu.png);
                }

                .navbar .container .navbar-nav li a span.extra_pages_icon {
                    background-image: url(/image/icons/extra-pages.png);
                }

                .navbar .container .navbar-nav li a span.login_icon {
                    background-image: url(/image/icons/login.png);
                }

            .navbar .container .navbar-nav li a:hover,
            .navbar .container .navbar-nav li a:focus {
                color: #e74c3c;
                background: none;
            }

                .navbar .container .navbar-nav li a:hover:before,
                .navbar .container .navbar-nav li a:focus:before {
                    height: 5px;
                }

                .navbar .container .navbar-nav li a:hover span.home_variation_icon,
                .navbar .container .navbar-nav li a:focus span.home_variation_icon {
                    background-image: url(/image/icons/home-variation-hover.png);
                }

                .navbar .container .navbar-nav li a:hover span.video_menu_icon,
                .navbar .container .navbar-nav li a:focus span.video_menu_icon {
                    background-image: url(/image/icons/video-menu-hover.png);
                }

                .navbar .container .navbar-nav li a:hover span.extra_pages_icon,
                .navbar .container .navbar-nav li a:focus span.extra_pages_icon {
                    background-image: url(/image/icons/extra-pages-hover.png);
                }

                .navbar .container .navbar-nav li a:hover span.login_icon,
                .navbar .container .navbar-nav li a:focus span.login_icon {
                    background-image: url(/image/icons/login-hover.png);
                }

            .navbar .container .navbar-nav li a:focus {
                color: #43494e;
                background: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .navbar .container .navbar-nav li.active a span.home_variation_icon {
            background-image: url(/image/icons/home-variation-hover.png);
        }

        .navbar .container .navbar-nav li.active a span.video_menu_icon {
            background-image: url(/image/icons/video-menu-hover.png);
        }

        .navbar .container .navbar-nav li.active a span.extra_pages_icon {
            background-image: url(/image/icons/extra-pages-hover.png);
        }

        .navbar .container .navbar-nav li.active a span.login_icon {
            background-image: url(/image/icons/login-hover.png);
        }

        .navbar .container .navbar-nav li.dropdown a:after {
            width: 9px;
            height: 110px;
            content: '';
            float: right;
            margin-left: 5px;
            background: url(/image/icons/dropdown-arrow.png) no-repeat scroll left center;
        }

        .navbar .container .navbar-nav li.dropdown a:hover:after {
            background-image: url(/image/icons/dropdown-arrow-hover.png);
        }

        .navbar .container .navbar-nav li.dropdown .dropdown-menu {
            right: 0;
            left: auto;
            display: block;
            -webkit-transform: scale(1, 0);
            -ms-transform: scale(1, 0);
            transform: scale(1, 0);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            border-radius: 0;
            border: none;
            padding: 0;
            -webkit-transition: all 300ms ease-in-out 0s;
            transition: all 300ms ease-in-out 0s;
        }

            .navbar .container .navbar-nav li.dropdown .dropdown-menu li {
                border-top: 1px solid #f1f4f5;
                -webkit-transition: all 300ms ease-in-out 0s;
                transition: all 300ms ease-in-out 0s;
            }

                .navbar .container .navbar-nav li.dropdown .dropdown-menu li a {
                    line-height: 70px;
                }

                    .navbar .container .navbar-nav li.dropdown .dropdown-menu li a:after,
                    .navbar .container .navbar-nav li.dropdown .dropdown-menu li a:before {
                        display: none;
                    }

        .navbar .container .navbar-nav li.dropdown:hover .dropdown-menu {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .navbar .container .navbar-nav li.dropdown.mega-drop {
            position: inherit;
        }

            .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu {
                left: 0;
                width: 100%;
            }

                .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.row_title {
                    padding: 0 30px;
                    font-size: 18px;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 700;
                    line-height: 63px;
                    text-transform: uppercase;
                }

                .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos {
                    border: none;
                    padding: 0;
                }

                    .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .preview_img {
                        position: relative;
                    }

                        .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .preview_img .preview {
                            width: 100%;
                        }

                        .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .preview_img .play-btn {
                            position: absolute;
                            width: 48px;
                            height: 33px;
                            background: url(../../images/play-btn.png) no-repeat scroll 0 0;
                            top: -webkit-calc(50% - 16.5px);
                            top: calc(50% - 16.5px);
                            left: -webkit-calc(50% - 24px);
                            left: calc(50% - 24px);
                        }

                            .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .preview_img .play-btn:hover {
                                background-image: url(../../images/play-btn-hover.png);
                            }

                    .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .title_row {
                        padding: 15px 0;
                    }

                        .navbar .container .navbar-nav li.dropdown.mega-drop .mega-menu li.videos .container .col-sm-3 .inner .title_row a {
                            line-height: 1;
                            text-transform: none;
                        }

        .navbar .container #middle-menu {
            float: left;
        }

    .navbar.navbar-fixed-top .container {
        /*default menu styles*/
    }

        .navbar.navbar-fixed-top .container .navbar-header .navbar-brand {
            padding: 19px 0;
            height: auto;
            line-height: 70px;
        }

        .navbar.navbar-fixed-top .container .navbar-nav li a {
            line-height: 70px;
        }

            .navbar.navbar-fixed-top .container .navbar-nav li a span {
                height: 70px;
            }

        .navbar.navbar-fixed-top .container .navbar-nav li.dropdown a:after {
            height: 70px;
        }


/*----------------------------------------------------------------*/
.widget.w_in_footer .widget_title {
    color: #6b7881;
    border-bottom: 1px solid #47545d;
}

.widget.w_in_footer.widget_about a {
    display: inline-block;
    margin-bottom: 30px;
}

.widget.w_in_footer.widget_about p {
    margin-bottom: 0;
    color: #6b7881;
    text-align: justify;
    font-weight: 400;
}

.widget.w_in_footer.widget_subscribe form .form-control {
    background-color: transparent;
    border: 1px solid #6b7881;
    border-radius: 2px;
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

    .widget.w_in_footer.widget_subscribe form .form-control:focus {
        border-color: #e74c3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(231, 76, 60, 0.75), 0 0 8px rgba(231, 76, 60, 0.8);
        box-shadow: inset 0 1px 1px rgba(231, 76, 60, 0.75), 0 0 8px rgba(231, 76, 60, 0.8);
    }

    .widget.w_in_footer.widget_subscribe form .form-control + .form-control {
        margin-top: 10px;
    }

    .widget.w_in_footer.widget_subscribe form .form-control::-moz-placeholder {
        color: #6b7881;
        opacity: 1;
        text-transform: capitalize;
        transition: all 300ms ease-in-out 0s;
    }

    .widget.w_in_footer.widget_subscribe form .form-control:-ms-input-placeholder {
        color: #6b7881;
        text-transform: capitalize;
        transition: all 300ms ease-in-out 0s;
    }

    .widget.w_in_footer.widget_subscribe form .form-control::-webkit-input-placeholder {
        color: #6b7881;
        text-transform: capitalize;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    .widget.w_in_footer.widget_subscribe form .form-control:focus::-moz-placeholder {
        color: #f1f4f5;
    }

    .widget.w_in_footer.widget_subscribe form .form-control:focus:-ms-input-placeholder {
        color: #f1f4f5;
    }

    .widget.w_in_footer.widget_subscribe form .form-control:focus::-webkit-input-placeholder {
        color: #f1f4f5;
    }

    .widget.w_in_footer.widget_subscribe form .form-control.btn {
        background: #e74c3c;
        text-shadow: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        border: none;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

        .widget.w_in_footer.widget_subscribe form .form-control.btn:hover {
            background: #c9392b;
            color: #f1f4f5;
        }

.widget.w_in_footer.widget_tags .tag {
    color: #6b7881;
    border: 1px solid #6b7881;
    border-radius: 2px;
    display: inline-block;
    line-height: 28px;
    padding: 0 13px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 7px;
}

    .widget.w_in_footer.widget_tags .tag:hover {
        color: #f1f4f5;
        border-color: #e74c3c;
        background: #e74c3c;
    }

.widget.w_in_footer.widget_twitter .tweet {
    line-height: 20px;
    color: #6b7881;
}

    .widget.w_in_footer.widget_twitter .tweet + .tweet {
        margin-top: 10px;
    }

    .widget.w_in_footer.widget_twitter .tweet a {
        color: #e74c3c;
        margin-right: 5px;
        display: inline-block;
    }

        .widget.w_in_footer.widget_twitter .tweet a:hover {
            color: #f1f4f5;
        }
/*----------------------------------------------------------------*/
footer.row {
    background: #313b42;
    padding: 95px 0 50px;
    margin-left: 0;
    margin-right: 0;
}



.widget .widget_title {
    line-height: 1;
    color: #43494e;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e8ebed;
    position: relative;
    font-weight: bold;
}

    .widget .widget_title:after {
        content: '';
        width: 70px;
        height: 1px;
        background: #FFC000;
        bottom: -1px;
        left: 0;
        position: absolute;
    }

.widget.w_in_footer .widget_title {
    color: #6b7881;
    border-bottom: 1px solid #47545d;
}

.widget_title a {
    color: #FFC000;
}

    .widget_title a:hover {
        color: #FFFFFF;
    }

a:focus,
.btn:focus,
button:focus,
a:hover,
.btn:hover,
button:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.texttype {
    font-family: Microsoft JhengHei;
}

.other-color-span a {
    color: #C8CAE8;
}

    .other-color-span a:hover {
        color: #FFFFFF;
    }

.background_Gradient_pink {
    background: rgb(255,93,177); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY1ZGIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmMDE3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgb(255,93,177) 0%, rgb(239,1,124) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(255,93,177)), color-stop(100%,rgb(239,1,124))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgb(255,93,177) 0%,rgb(239,1,124) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgb(255,93,177) 0%,rgb(239,1,124) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgb(255,93,177) 0%,rgb(239,1,124) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgb(255,93,177) 0%,rgb(239,1,124) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background_Gradient_blue {
    background: rgb(136,186,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YmFlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(136,186,232) 0%, rgb(32,124,229) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(136,186,232)), color-stop(100%,rgb(32,124,229))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(136,186,232) 0%,rgb(32,124,229) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(136,186,232) 0%,rgb(32,124,229) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(136,186,232) 0%,rgb(32,124,229) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(136,186,232) 0%,rgb(32,124,229) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bae8', endColorstr='#207ce5',GradientType=0 ); /* IE6-8 */
}

.box {
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    position: relative;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    background-color: #FFF;
    position: relative;
}

.widget.widget_popular_videos .media .media-left {
    padding-right: 20px;
}

    .widget.widget_popular_videos .media .media-left a {
        width: 120px;
        height: 80px;
        display: block;
        position: relative;
    }

        .widget.widget_popular_videos .media .media-left a img {
            width: 100%;
            border-radius: 2px;
        }

.iframestyle {
    width: 100%;
}

.widget.widget_recommended_to_follow .media .media-left a img {
    border-radius: 100%;
}

.widget.widget_recommended_to_follow .media .media-body .meta_info {
    font-size: 12px;
    color: #828a91;
    line-height: 18px;
}

.signup_form .form-inner {
    width: 320px;
    margin: 0 auto;
}

/****************************************************************************
24. 首頁商品
****************************************************************************/

.in-category-tab .tabs .tab-item {
    color: #fff;
    border-color: #e8e8e8;
    font-family: Microsoft JhengHei;
    padding: 10px 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    transition: background 300ms,color 200ms ease 0s;
    -moz-transition: background 300ms,color 200ms ease 0s;
    -webkit-transition: background 300ms,color 200ms ease 0s;
}

    .in-category-tab .tabs .tab-item a {
        color: #fff;
    }

/****************************************************************************
24. 新聞、專題、影音、集錦
****************************************************************************/
.penci-breadcrumb {
    line-height: 1.4;
    padding: 10px;
    font-size: 14px;
    font-family: Microsoft JhengHei;
    color: #888888;
}

    .penci-breadcrumb a {
        color: #888888;
    }

        .penci-breadcrumb a:hover {
            color: #FF3399;
        }

.author-post {
    margin: 6px 0 0;
    font-style: italic;
}

.post-box-meta-single {
    margin: 6px 0 26px 0;
}

    .post-box-meta-single span {
        color: #888888;
        font-size: 14px;
    }

.post-tags {
    display: block;
    position: relative;
    z-index: 10;
    color: #888;
    line-height: 1.4;
    margin-top: 31px;
    clear: both;
    padding: 10px;
}

    .post-tags a {
        text-transform: uppercase;
        color: #888;
        padding: 6px 12px 5px;
        margin-right: 8px;
        display: inline-block;
        font-size: 11px !important;
        background: none;
        border: 1px solid #DEDEDE;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        outline: none;
        font-weight: normal;
        line-height: 1.2;
        cursor: pointer;
    }

        .post-tags a:hover {
            color: #FF3399;
        }



.gridlist .post-tags {
    display: block;
    position: relative;
    z-index: 10;
    color: #888;
    line-height: 1.4;
    clear: both;
    margin-top: 0px;
    padding: 10px;
}

    .gridlist .post-tags a {
        text-transform: uppercase;
        color: #888;
        padding: 6px 12px 5px;
        margin-right: 8px;
        display: inline-block;
        font-size: 11px !important;
        background: none;
        border: 1px solid #DEDEDE;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        outline: none;
        font-weight: normal;
        line-height: 1.2;
        cursor: pointer;
    }

        .gridlist .post-tags a:hover {
            color: #FF3399;
        }

.ArticleBlock ul {
    list-style-type: disc;
    list-style-position: outside;
}

    .ArticleBlock h3 {
        border-left: solid 12px #0066FF;
        display: block;
        font-family: Microsoft JhengHei;
        margin: 15px 0 15px -20px;
        clear: both;
        zoom: 1;
        overflow: hidden;
        position: relative;
        color: #0066FF;
        padding-left: 20px;
    }

    .ArticleBlock a {
        color: #0066FF;
    }

        .ArticleBlock a:hover {
            color: #FF3399;
        }

    .ArticleBlock img {
        max-width: 100%;
    }

    .ArticleBlock iframe {
        width: 100%;
    }

.view-box {
    display: block;
    position: relative;
    z-index: 10;
    color: #888;
    line-height: 1.4;
    margin-top: 31px;
    clear: both;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 10px;
}

.in-Articcategory-tab .tabs .tab-item {
    color: #fff;
    border-color: #e8e8e8;
    font-family: Microsoft JhengHei;
    padding: 10px 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    transition: background 300ms,color 200ms ease 0s;
    -moz-transition: background 300ms,color 200ms ease 0s;
    -webkit-transition: background 300ms,color 200ms ease 0s;
}

in-Articcategory-tab .tab-title:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-width: 0 0 1px 0;
    border-style: solid;
}

.btn-group a {
    padding: 5px;
    border: 0;
    background: #e74c3c;
    line-height: 24px;
    color: #fff;
}

.news_image3 {
    padding: 5px;
    float: left;
    width: 31%;
    overflow: hidden;
}

.news_image2 {
    max-width: 250px;
    -moz-box-shadow: 0px 0px 5px #999999;
    -webkit-box-shadow: 0px 0px 5px #999999;
    box-shadow: 0px 0px 5px #999999;
    behavior: url(http://blog.gs8.com.tw/Styles/PIE.htc);
}

.content_box2 {
    display: inline-block;
}


#back-top {
    position: fixed;
    right: 0px;
    bottom: 15%;
    z-index: 500;
    display: none;
}

    #back-top a {
        display: block;
        width: 72px;
        height: 72px;
        text-align: center;
        background: #f4f4f4;
        color: #484848;
        font-size: 30px;
        line-height: 72px;
        opacity: 0.6;
        -webkit-transition: all 0.3s 0s ease;
        -moz-transition: all 0.3s 0s ease;
        -o-transition: all 0.3s 0s ease;
    }



#BoxOffice .table.table-bordered a, #BoxOffice .table.table-bordered {
    text-decoration: none;
}

    #BoxOffice .table.table-bordered a:hover {
        text-decoration: none;
    }

    #BoxOffice .table.table-bordered thead > tr > th, #BoxOffice .table.table-bordered tbody > tr > th, #BoxOffice .table.table-bordered tfoot > tr > th, #BoxOffice .table.table-bordered thead > tr > td, #BoxOffice .table.table-bordered tbody > tr > td, #BoxOffice .table.table-bordered tfoot > tr > td {
        padding: 15px;
        vertical-align: top;
        font-size: 16px;
        line-height: 18px;
    }

    #BoxOffice .table.table-bordered input.qty {
        width: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #BoxOffice .table.table-bordered i.typcn {
        color: #3f3f3f;
        font-size: 24px;
        line-height: 24px;
    }

#BoxOffice .table.table-total {
    border: none;
    text-align: left;
}

    #BoxOffice .table.table-total tr > th, #BoxOffice .table.table-total tr > td {
        border: none;
        padding: 0 10px;
    }

#BoxOffice a {
    color: #3399FF;
}

    #BoxOffice a:hover {
        color: #FF0066;
    }

.BoxOfficpost-tags {
    display: block;
    position: relative;
    z-index: 10;
    color: #888;
    line-height: 1.4;
    clear: both;
}

    .BoxOfficpost-tags a {
        text-transform: uppercase;
        color: #888;
        padding: 6px 12px 5px;
        margin-right: 8px;
        display: inline-block;
        font-size: 11px !important;
        background: none;
        border: 1px solid #DEDEDE;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        outline: none;
        font-weight: normal;
        line-height: 1.2;
        cursor: pointer;
        margin-top: 8px;
    }

        .BoxOfficpost-tags a:hover {
            color: #FF3399;
        }

@media (max-width: 767px) {
    #BoxOffice .table.table-bordered, #BoxOffice .table.table-bordered tbody, #BoxOffice .table.table-bordered thead, #BoxOffice .table.table-bordered th, #BoxOffice .table.table-bordered td, #BoxOffice .table.table-bordered tr {
        display: block;
        border: 0;
        width: 100%;
    }

        #BoxOffice .table.table-bordered tr {
            border: 1px solid #ddd;
        }

        #BoxOffice .table.table-bordered td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
        }

            #BoxOffice .table.table-bordered td.text-center {
                text-align: left;
            }

            #BoxOffice .table.table-bordered td.no_title {
                padding-left: 0 !important;
                text-align: center;
            }

            #BoxOffice .table.table-bordered td div.th_title {
                position: absolute;
                top: 15px;
                left: 15px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: right;
            }
}

/****************************************************************************
25. 電影詳細頁
****************************************************************************/

#title-page .parallax-mirror, #titles-index .parallax-mirror {
    z-index: 1!important;
}

#titles-index .parallax-mirror {
    visibility: visible!important;
}

#title-page .header, #titles-index .header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 1158px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover!important;
}

#title-page .page-wrapper, #titles-index .page-wrapper {
    position: relative;
}

#title-page .content, #titles-index .content {
    margin-top: 350px;
    transition: margin-top 1.5s;
}

.moviepost-tags {
    display: block;
    position: relative;
    z-index: 10;
    color: #888;
    line-height: 1.4;
    clear: both;
}

    .moviepost-tags a {
        text-transform: uppercase;
        color: #888;
        padding: 6px 12px 5px;
        margin-right: 8px;
        display: inline-block;
        font-size: 11px !important;
        background: none;
        border: 1px solid #DEDEDE;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        outline: none;
        font-weight: normal;
        line-height: 1.2;
        cursor: pointer;
        margin-top: 8px;
    }

        .moviepost-tags a:hover {
            color: #FF3399;
        }

.in-movie-tab .tabs .tab-item {
    color: #fff;
    border-color: #e8e8e8;
    font-family: Microsoft JhengHei;
    padding: 10px;
    border-width: 1px 0 0 0;
    border-style: solid;
    transition: background 300ms,color 200ms ease 0s;
    -moz-transition: background 300ms,color 200ms ease 0s;
    -webkit-transition: background 300ms,color 200ms ease 0s;
}

in-movie-tab .tab-title:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-width: 0 0 1px 0;
    border-style: solid;
}

.movie-catalog {
    margin: 35px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family: Microsoft JhengHei;
}

    .movie-catalog a {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        background-color: #fff;
        vertical-align: top;
        color: #136ec2;
    }

.custom a {
    color: #136ec2;
}