/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
abc*/

#loadingContent {
    font-weight:800;
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}

    .animated.hinge {
        -webkit-animation-duration:2s;
        animation-duration:2s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    40% {
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
    }

    60% {
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    40% {
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px);
    }

    60% {
        -webkit-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity:1;
    }

    25%, 75% {
        opacity:0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity:1;
    }

    25%, 75% {
        opacity:0;
    }
}

.flash {
    -webkit-animation-name:flash;
    animation-name:flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }

    50% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }

    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    50% {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1);
    }

    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }
}

.pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }

    30% {
        -webkit-transform:scaleX(1.25) scaleY(0.75);
        transform:scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform:scaleX(0.75) scaleY(1.25);
        transform:scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform:scaleX(1.15) scaleY(0.85);
        transform:scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    30% {
        -webkit-transform:scaleX(1.25) scaleY(0.75);
        -ms-transform:scaleX(1.25) scaleY(0.75);
        transform:scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform:scaleX(0.75) scaleY(1.25);
        -ms-transform:scaleX(0.75) scaleY(1.25);
        transform:scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform:scaleX(1.15) scaleY(0.85);
        -ms-transform:scaleX(1.15) scaleY(0.85);
        transform:scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }
}

.rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform:translateX(10px);
        transform:translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px);
    }
}

.shake {
    -webkit-animation-name:shake;
    animation-name:shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);
    }

    40% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg);
    }

    60% {
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg);
    }

    80% {
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg);
    }

    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        -ms-transform:rotate(15deg);
        transform:rotate(15deg);
    }

    40% {
        -webkit-transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        transform:rotate(-10deg);
    }

    60% {
        -webkit-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        transform:rotate(5deg);
    }

    80% {
        -webkit-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        transform:rotate(-5deg);
    }

    100% {
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }

    10%, 20% {
        -webkit-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    10%, 20% {
        -webkit-transform:scale(0.9) rotate(-3deg);
        -ms-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform:scale(1.1) rotate(3deg);
        -ms-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform:scale(1.1) rotate(-3deg);
        -ms-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform:scale(1) rotate(0);
        -ms-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name:tada;
    animation-name:tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }

    15% {
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform:translateX(0%);
        -ms-transform:translateX(0%);
        transform:translateX(0%);
    }

    15% {
        -webkit-transform:translateX(-25%) rotate(-5deg);
        -ms-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform:translateX(20%) rotate(3deg);
        -ms-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform:translateX(-15%) rotate(-3deg);
        -ms-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform:translateX(10%) rotate(2deg);
        -ms-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform:translateX(-5%) rotate(-1deg);
        -ms-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform:translateX(0%);
        -ms-transform:translateX(0%);
        transform:translateX(0%);
    }
}

.wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3);
    }

    50% {
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
    }

    70% {
        -webkit-transform:scale(.9);
        transform:scale(.9);
    }

    100% {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3);
    }

    50% {
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05);
    }

    70% {
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9);
    }

    100% {
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }
}

.bounceIn {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
    }

    80% {
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px);
    }

    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
        transform:translateY(30px);
    }

    80% {
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px);
    }

    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px);
    }

    80% {
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px);
    }

    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px);
    }

    80% {
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px);
    }

    100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px);
    }

    80% {
        -webkit-transform:translateX(10px);
        transform:translateX(10px);
    }

    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        transform:translateX(-30px);
    }

    80% {
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px);
    }

    100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
    }

    80% {
        -webkit-transform:translateY(10px);
        transform:translateY(10px);
    }

    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px);
    }

    80% {
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px);
    }

    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }

    25% {
        -webkit-transform:scale(.95);
        transform:scale(.95);
    }

    50% {
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    25% {
        -webkit-transform:scale(.95);
        -ms-transform:scale(.95);
        transform:scale(.95);
    }

    50% {
        opacity:1;
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1);
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    20% {
        opacity:1;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}
@keyframes fadeIn {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}
.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}
@keyframes fadeOut {
    0% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}
.fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }

    40% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }

    50% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }

    80% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }

    100% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }

    40% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }

    50% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }

    80% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }

    100% {
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }

    40% {
        -webkit-transform:perspective(400px) rotateX(-10deg);
        -ms-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        -ms-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
}
.flipInX {
    -webkit-backface-visibility:visible !important;
    -ms-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }

    40% {
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }

    40% {
        -webkit-transform:perspective(400px) rotateY(-10deg);
        -ms-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        -ms-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }
}
.flipInY {
    -webkit-backface-visibility:visible !important;
    -ms-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1;
    }
    100% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0;
    }
}
.flipOutX {
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    -ms-backface-visibility:visible !important;
    backface-visibility:visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }

    100% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1;
    }

    100% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0;
    }
}
.flipOutY {
    -webkit-backface-visibility:visible !important;
    -ms-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }

    60% {
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1;
    }

    80% {
        -webkit-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1;
    }

    100% {
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }

    60% {
        -webkit-transform:translateX(-20%) skewX(30deg);
        -ms-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1;
    }

    80% {
        -webkit-transform:translateX(0%) skewX(-15deg);
        -ms-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1;
    }

    100% {
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }
}
.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }

    100% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1;
    }

    100% {
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0;
    }
}
.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        -ms-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
.rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }

    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }
}
.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        -ms-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0;
    }
}
.rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1;
    }

    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }

    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }

    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }

    100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }

    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }

    100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
}
.slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px);
    }
}
.slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px);
    }
}
.slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp;
}
@-webkit-keyframes slideInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
}
.slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }

    100% {
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px);
    }
}
.slideOutDown {
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    20%, 60% {
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    40% {
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    80% {
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1;
    }

    100% {
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    20%, 60% {
        -webkit-transform:rotate(80deg);
        -ms-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    40% {
        -webkit-transform:rotate(60deg);
        -ms-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    80% {
        -webkit-transform:rotate(60deg) translateY(0);
        -ms-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1;
    }

    100% {
        -webkit-transform:translateY(700px);
        -ms-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0;
    }
}
.hinge {
    -webkit-animation-name:hinge;
    animation-name:hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg);
    }
}
@keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        -ms-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        -ms-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg);
    }
}
.rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        -ms-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg);
    }

    100% {
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        -ms-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3);
    }

    50% {
        opacity:1;
    }
}
@keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3);
    }

    50% {
        opacity:1;
    }
}
.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
@keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        -ms-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        -ms-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
.zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(48px);
        transform:scale(.475) translateX(48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
@keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        -ms-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(48px);
        -ms-transform:scale(.475) translateX(48px);
        transform:scale(.475) translateX(48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
.zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(-48px);
        transform:scale(.475) translateX(-48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
@keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        -ms-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(-48px);
        -ms-transform:scale(.475) translateX(-48px);
        transform:scale(.475) translateX(-48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
.zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
@keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        -ms-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
    }

    60% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        -ms-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
    }
}
.zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }

    50% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3);
    }

    100% {
        opacity:0;
    }
}
@keyframes zoomOut {
    0% {
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    50% {
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3);
    }

    100% {
        opacity:0;
    }
}
.zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
    }
}
@keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        -ms-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        -ms-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-transform-origin:center bottom;
        -ms-transform-origin:center bottom;
        transform-origin:center bottom;
    }
}
.zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(42px);
        transform:scale(.475) translateX(42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-transform-origin:left center;
        transform-origin:left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(42px);
        -ms-transform:scale(.475) translateX(42px);
        transform:scale(.475) translateX(42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        -ms-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-transform-origin:left center;
        -ms-transform-origin:left center;
        transform-origin:left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(-42px);
        transform:scale(.475) translateX(-42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-transform-origin:right center;
        transform-origin:right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateX(-42px);
        -ms-transform:scale(.475) translateX(-42px);
        transform:scale(.475) translateX(-42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        -ms-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-transform-origin:right center;
        -ms-transform-origin:right center;
        transform-origin:right center;
    }
}
.zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-transform-origin:center top;
        transform-origin:center top;
    }
}
@keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        -ms-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        -ms-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-transform-origin:center top;
        -ms-transform-origin:center top;
        transform-origin:center top;
    }
}
.zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration:1000ms;
    animation-duration:1000ms;
    -webkit-animation-fill-mode:both; animation-fill-mode:both;
}

.owl-carousel .owl-animated-in {
    z-index:0;
}

.owl-carousel .owl-animated-out {
    z-index:1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}

@keyframes fadeOut {
    0% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}


/* ==============================================================
Template name :Bootsnav - Multi Purpose Header
Categorie :Bootstrap Menu in CSS
Author :adamnurdin01
Version :v.1.1
Created :2016-06-02
Last update :2016-06-11
============================================================== */
/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw { position:static;}
nav.bootsnav .container { position:relative;}
nav.bootsnav .megamenu-fw .dropdown-menu { left:auto;}
nav.bootsnav .megamenu-content {padding:15px; width:100% !important;}
nav.bootsnav .megamenu-content .title, nav.bootsnav .megamenu-content .link { margin-top:0; line-height:10px; }
nav.bootsnav .megamenu-content .link a { color:#2b2b2a; font-weight:normal; font-size:110%; white-space:nowrap;  }
nav.bootsnav .megamenu-content .link a:hover { color:#fa9403; }
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu { left:0; right:0;}
/* Navbar
=================================*/
nav.navbar.bootsnav { margin-bottom:0;  -moz-border-radius:0px;  -webkit-border-radius:0px;  -o-border-radius:0px;  border-radius:0px; background-color:#fff; border:none;  z-index:9; border-bottom:solid 1px #d9d9d9;}
nav.navbar.bootsnav ul.nav > li > a { color:#004a9c;  background-color:transparent !important; font-size:142%; border-bottom:3px solid transparent;  }
nav.navbar.bootsnav ul.nav > li > a:after { background:url(../Images/bg_m.png) -736px -9px no-repeat; background-size:15000%; width:5px; display:inline-block; height:63px; position:absolute; top:0;  right:-8px; }
nav.navbar.bootsnav ul.nav > li:last-child > a:after { background:none;  }
nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a, nav.navbar.bootsnav ul.nav li.megamenu-fw.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw.on > a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw.active > a {  color:#fa9403; background-color:transparent; border-bottom:3px solid #fa9403;}
nav.navbar.bootsnav ul.nav li > a:focus nav.navbar.bootsnav ul.nav li.active > a:focus { color:#004a9c; background-color:transparent;  border-bottom:3px solid transparent;  }
nav.navbar.bootsnav .navbar-toggle {padding:0;  font-size:18px; position:relative; top:5px; background-color:#fff !important;border:none;}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu { top:0; left:100%;  }
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {  white-space:normal; }
ul.menu-col { padding:0;  margin:0; list-style:none;}
ul.menu-col li a { color:#6f6f6f; }
ul.menu-col li a:hover, ul.menu-col li a:focus {  text-decoration:none; }
/* Navbar Full
=================================*/
nav.bootsnav.navbar-full { padding-bottom:10px; padding-top:10px;}
nav.bootsnav.navbar-full .navbar-header { display:block;  width:100%; }
nav.bootsnav.navbar-full .navbar-toggle { display:inline-block; margin-right:0; position:relative;  top:0;  font-size:30px;  -webkit-transition:all 1s ease-in-out;  -moz-transition:all 1s ease-in-out;  -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
nav.bootsnav.navbar-full .navbar-collapse { position:fixed;  width:100%;  height:100% !important; top:0; left:0; padding:0;  display:none !important; z-index:9; }
nav.bootsnav.navbar-full .navbar-collapse.in { display:block !important;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full { overflow:auto;}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {  display:table-cell; vertical-align:middle;  background-color:#fff; overflow:auto; }
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar { width:0; }
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {  width:0; }
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {width:0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar { width:0;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav {  display:block; width:100%; overflow:auto;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a { background-color:transparent; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {  float:none; display:block; text-align:center; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a { display:table; margin:auto; text-transform:uppercase; font-weight:bold; letter-spacing:2px; font-size:24px; padding:10px 15px; }
li.close-full-menu > a { padding-top:0px !important; padding-bottom:0px !important;}
li.close-full-menu { padding-top:30px !important; padding-bottom:30px !important;}
/* Atribute Navigation
=================================*/
.attr-nav { float:right; display:inline-block; margin-left:13px; margin-right:-15px;}
.attr-nav > ul { padding:0; margin:0 0 -7px 0;  list-style:none; display:inline-block; }
.attr-nav > ul > li { float:left; display:block; }
.attr-nav > ul > li > a { color:#6f6f6f; display:block; padding:28px 15px; position:relative; }
.attr-nav > ul > li > a span.badge { position:absolute;  top:50%; margin-top:-15px;  right:5px; font-size:10px; padding:0;  width:15px; height:15px; padding-top:2px; }
.attr-nav > ul > li.dropdown ul.dropdown-menu { -moz-border-radius:0px;  -webkit-border-radius:0px; -o-border-radius:0px;  border-radius:0px;  -moz-box-shadow:0px 0px 0px;  -webkit-box-shadow:0px 0px 0px;  -o-box-shadow:0px 0px 0px; box-shadow:0px 0px 0px; border:solid 1px #e0e0e0;}
ul.cart-list { padding:0 !important; width:250px !important;}
ul.cart-list > li { position:relative; border-bottom:solid 1px #efefef; padding:15px 15px 23px 15px !important;}
ul.cart-list > li > a.photo { padding:0 !important; margin-right:15px; float:left;  display:block;  width:50px; height:50px; left:15px; top:15px; }
ul.cart-list > li img { width:50px; height:50px;  border:solid 1px #efefef;}
ul.cart-list > li > h6 { margin:0;}
ul.cart-list > li > h6 > a.photo { padding:0 !important; display:block; }
ul.cart-list > li > p { margin-bottom:0; }
ul.cart-list > li.total { background-color:#f5f5f5; padding-bottom:15px !important; }
ul.cart-list > li.total > .btn {  display:inline-block;  border-bottom:solid 1px #efefef !important;  }
ul.cart-list > li .price { font-weight:bold;  }
ul.cart-list > li.total > span { padding-top:8px;}
/* Top Search
=================================*/
.top-search { padding:10px 0; display:none; background-color:#333;}
.top-search input.form-control { height:40px; padding:0 15px; color:#fff; background-color:transparent; border:none; -moz-box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px;  -o-box-shadow:0px 0px 0px; box-shadow:0px 0px 0px; }
.top-search .input-group-addon {padding-left:0;padding-right:0; color:#fff;background-color:transparent;border:none;}
.top-search .input-group-addon.close-search { cursor:pointer; }

/* Top notice
=================================*/
.top-notice {  background-color:#F8F8F8; padding:0;display:none;}
/* 0820修改=================================*/
.top-notice .item { width:100%; margin:0; padding-left:7.4%; border-bottom:1px solid #FFF;  }
/*End 0820修改=================================*/
.top-notice .item:last-child { border-bottom:none;}
.top-notice a { display:block; padding:10px 15px;  font-size:100%;line-height:25px; font-weight:bold;color:#0054a4; }
.top-notice a .time { float:left; color:#0054a4;font-weight:normal; }
.top-notice a .time:after {content:"|"; padding:0 6px;  color:#0054a4; }

/* Top Menu
=================================*/
.top-menu {padding:0; display:block;  min-height:40px; background-color:#004a9c;}
.top-menu input.form-control {height:40px; padding:0 15px; color:#fff; background-color:transparent;border:none;-moz-box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px;-o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;}
.top-menu .input-group-addon {padding-left:0;padding-right:0;color:#fff;background-color:transparent;border:none;}
@media screen and (max-width:1024px) {
.top-menu .col-md-8,.top-menu .col-md-4 { width:50%; float:left; padding:0 5px;  }
}
@media screen and (max-width:767px) {
  .top-menu .col-md-8,.top-menu .col-md-4 { width:auto;    }
  
}
/* Side Menu
=================================*/
body { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
body.on-side { margin-left:-280px;}
.side { position:fixed; z-index:9;top:0;right:-280px; width:280px;padding:25px 30px;height:100%; display:block; overflow-y:auto;background-color:#333; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.side.on { right:0; }
.side .close-side {float:right;position:relative;z-index:2; font-size:16px; color:#fff; }
.side .widget { position:relative; z-index:1; margin-bottom:25px; }
.side .widget .title {margin-bottom:15px; color:#fff;}
.side .widget ul.link {padding:0;margin:0;list-style:none;}
.side .widget ul.link li a {color:#9f9f9f;letter-spacing:1px; }
.side .widget ul.link li a:focus,.side .widget ul.link li a:hover { color:#fff; text-decoration:none;}
/* Share
=================================*/
nav.navbar.bootsnav .share { padding:0 30px; margin-bottom:30px;}
nav.navbar.bootsnav .share ul { display:inline-block;padding:0;margin:0 0 -7px 0;list-style:none; }
nav.navbar.bootsnav .share ul > li {float:left;display:block;margin-right:5px; }
nav.navbar.bootsnav .share ul > li > a {display:table-cell;vertical-align:middle;text-align:center;width:35px;height:35px; -moz-border-radius:50%; -webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#cfcfcf; color:#fff;}
/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed {position:fixed;  display:block; width:100%;}
nav.navbar.bootsnav.no-background { -webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
/* Navbar Sticky
=================================*/
.wrap-sticky { position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.wrap-sticky nav.navbar.bootsnav {position:absolute;width:100%;left:0;top:0;  }
.wrap-sticky nav.navbar.bootsnav.sticked {position:fixed; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
 body.on-side .wrap-sticky nav.navbar.bootsnav.sticked { left:-280px;}
/* Navbar Responsive
=================================*/
@media (min-width:1024px) and (max-width:1400px) {
body.wrap-nav-sidebar .wrapper .container {width:100%; padding-left:30px; padding-right:30px; }
}       
 @media (min-width:1024px) {
/* General Navbar
=================================*/
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu { margin-top:-2px; }
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {left:-200px; }
nav.navbar.bootsnav ul.nav > li > a { padding:21px 10px 21px 32px;margin:0 6px; font-weight:700; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {margin-left:5px;margin-top:2px; font-family:'FontAwesome'; content:"";}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { width:200px; min-height:160px; margin:-3px 0 0; padding:0;-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px; -o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px;border-radius:0px;border:0;background:url(../Images/bg_menu4.png) right 0 no-repeat; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {background-color:transparent;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { padding:10px 15px;border-bottom:solid 1px #eee;color:#6f6f6f;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a { border-bottom:none;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align:right; white-space:nowrap;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li .sublink i {font-style:normal; white-space:nowrap; }
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li .sublink a:after, nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li .sublink i:after { content:"|"; padding:0 4px 0 8px; color:#999;font-size:60%;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li .sublink a:last-child:after, nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li .sublink i:last-child:after {content:"";padding:0; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {float:right; margin-top:0; content:"\f105";font-family:'FontAwesome'; }
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {float:left;margin-top:0;content:"\f104";font-family:'FontAwesome'; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu { top:-3px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {padding:0 15px !important;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {padding:25px 0 20px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {padding:0;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li { padding:0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu { padding:0 30px; margin:0 -0.5px;border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .menu4 .col-menu { padding:0 10px;}
.menu4 .col-md-4 { width:44%;}
.menu4 .col-md-2 { width:14%;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child { border-left:none; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child { border-right:none;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content { display:none;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {display:block; width:100%;margin-bottom:0;padding:5px 0;border-bottom:none;color:#6f6f6f;text-align:left; }
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content { display:block !important; height:auto !important;}
 /* Navbar Transparent
=================================*/
nav.navbar.bootsnav.no-background {background-color:transparent;border:none; }
nav.navbar.bootsnav.navbar-transparent .attr-nav {padding-left:15px; margin-left:30px; }
nav.navbar.bootsnav.navbar-transparent.white {background-color:rgba(255,255,255,0.3);border-bottom:solid 1px #bbb; }
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {background-color:rgba(0,0,0,0.3); border-bottom:solid 1px #555; }
nav.navbar.bootsnav.navbar-transparent.white .attr-nav { border-left:solid 1px #bbb;}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav { border-left:solid 1px #555; }
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a { color:#fff; }
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {color:#eee;}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled { display:none;}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display { display:block; }
nav.navbar.bootsnav.navbar-fixed .logo-display { display:none; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled { display:block;}
 /* Atribute Navigation
=================================*/
.attr-nav > ul > li.dropdown ul.dropdown-menu { margin-top:0; margin-left:55px; width:250px;left:-250px;}
/* Menu Center
=================================*/
nav.navbar.bootsnav.menu-center .container {position:relative;}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center { float:none;margin:0 auto; display:table;table-layout:fixed;}
nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav { position:absolute; }
nav.navbar.bootsnav.menu-center .attr-nav { right:15px; }
/* Navbar Brand top
=================================*/
nav.bootsnav.navbar-brand-top .navbar-header {display:block;width:100%; text-align:center; }
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu { margin-top:2px;}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top:0;}
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {display:inline-block;float:none; margin:0; }
nav.bootsnav.navbar-brand-top .navbar-collapse { text-align:center; }
nav.bootsnav.navbar-brand-top ul.nav {display:inline-block; float:none;margin:0 0 -5px 0;}
/* Navbar Center
 =================================*/
nav.bootsnav.brand-center .navbar-header {display:block;width:100%;position:absolute; top:0;left:0;text-align:center; }
nav.bootsnav.brand-center .navbar-brand {display:inline-block;float:none; }
nav.bootsnav.brand-center .navbar-collapse {display:inline-block;padding-left:0; padding-right:0; text-align:center;  }
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu { margin-top:2px;}
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top:0; }
nav.bootsnav.brand-center .navbar-collapse .col-half {width:50%;float:left;display:block; }
nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right:100px;text-align:right; }
nav.bootsnav.brand-center .navbar-collapse .col-half.right { padding-left:100px; text-align:left; }
nav.bootsnav.brand-center ul.nav {float:none !important;margin-bottom:-5px !important;display:inline-block !important; }
nav.bootsnav.brand-center ul.nav.navbar-right { margin:0; }
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {padding-right:100px; text-align:left;}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {padding-left:100px; text-align:right;}
/* Navbar Sidebar
=================================*/
body.wrap-nav-sidebar .wrapper { padding-left:260px; overflow-x:hidden; }    
nav.bootsnav.navbar-sidebar { position:fixed; width:260px; left:0;overflow:hidden;padding:0 0 0 0 !important; background:#fff;-moz-box-shadow:1px 0px 1px 0px #eee; -webkit-box-shadow:1px 0px 1px 0px #eee; -o-box-shadow:1px 0px 1px 0px #eee;box-shadow:1px 0px 1px 0px #eee; }
nav.bootsnav.navbar-sidebar .scroller { width:280px;overflow-y:auto; overflow-x:hidden;}
nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container { padding:0 !important; }
nav.bootsnav.navbar-sidebar .navbar-header {float:none; display:block; width:260px; padding:10px 15px;margin:10px 0 0 0 !important;}
nav.bootsnav.navbar-sidebar .navbar-collapse { padding:0 !important; width:260px;}
nav.bootsnav.navbar-sidebar ul.nav {float:none;display:block; width:100%;padding:0 15px !important; margin:0 0 30px 0; }
nav.bootsnav.navbar-sidebar ul.nav li { float:none !important; }
nav.bootsnav.navbar-sidebar ul.nav > li > a {padding:10px 15px; font-weight:bold;}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {float:right; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {left:100%;top:0;position:relative !important;width:100% !important;height:auto !important;padding:0;-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px; -o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px; border:none !important;background-color:transparent;}
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu { border:none !important; }
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {margin-bottom:15px;}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu { padding-left:0; float:none;margin-bottom:0; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a { padding:5px 15px; color:#6f6f6f; border:none; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {padding-left:15px; margin-top:0; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {float:right; content:"\f105"; font-family:'FontAwesome';}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {content:"\f107"; }
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li { padding:0 !important; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {display:block;float:none !important; width:100%; padding:0;margin:0;}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .link, nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {padding:7px 0;text-transform:none;font-weight:400;letter-spacing:0px;margin-bottom:0;cursor:pointer;color:#6f6f6f; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {float:right; content:"\f105"; font-family:'FontAwesome'; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before { content:"\f107"; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .menu-col .title:before { content:"";}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {border:none;}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content { padding:0 0 0 15px; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a { padding:3px 0 !important;}
}

@media (max-width:1200px) {
nav.navbar li.dropdown ul.dropdown-menu, nav.navbar.bootsnav li.dropdown ul.dropdown-menu {background:transparent url(../Images/bg_menu4.png) left 0 no-repeat;border:none; box-shadow:none;}
}

@media (max-width:1024px) {
/* Navbar Responsive
=================================*/
nav.navbar.bootsnav .navbar-brand { display:inline-block;float:none !important;margin:0 !important; }
nav.navbar.bootsnav .navbar-header { float:none; display:block;text-align:center;padding-left:30px;padding-right:30px; }
nav.navbar.bootsnav .navbar-toggle {display:inline-block; float:left;margin-right:-200px;margin-top:10px; }
nav.navbar.bootsnav .navbar-collapse {border:none;margin-bottom:0; }
nav.navbar.bootsnav.no-full .navbar-collapse {max-height:350px;overflow-y:auto !important; }
nav.navbar.bootsnav .navbar-collapse.collapse { display:none !important; }
nav.navbar.bootsnav .navbar-collapse.collapse.in {display:block !important; background-color:#DDD; }
nav.navbar.bootsnav .navbar-nav {float:none !important;padding-left:30px;padding-right:30px; margin:0px -15px; }
nav.navbar.bootsnav .navbar-nav > li {float:none;background-color:#FFF; }
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {float:right; margin-left:10px; content:"\f105";  font-family:'FontAwesome';font-size:16px;}
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {content:"\f107"; }
nav.navbar.bootsnav .navbar-nav > li > a {display:block;width:100%;padding:10px 0; margin-bottom:-1px;border-top:solid 1px #e0e0e0;  border-bottom:solid 1px #e0e0e0;}
nav.navbar.bootsnav .navbar-nav > li:first-child > a { border-top:none; }
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {border-bottom:solid 1px #e0e0e0;}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle { float:none !important; position:relative; display:block; width:100%; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {width:100%; position:relative !important;float:none;padding:0 0 0 15px !important;margin:0 0 -1px 0 !important; border:none; -moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px;-o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px; -moz-border-radius:0px 0px 0px;-webkit-border-radius:0px 0px 0px;-o-border-radius:0px 0px 0px;border-radius:0px 0px 0px;background:transparent; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {display:block;width:100%;padding:10px 0;color:#6f6f6f;border-bottom:solid 1px #e0e0e0;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {background-color:transparent; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {float:none !important; left:0; padding:0 0 0 15px; position:relative;width:100%; background:transparent; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {display:inline-block; margin-top:-10px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after { display:none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .link, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {padding:10px 15px 10px 0;margin-bottom:0;cursor:pointer;font-weight:400; line-height:24px;letter-spacing:0px;color:#6f6f6f;text-transform:none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {display:block;width:100%;padding:8px 0;border-bottom:solid 1px #e0e0e0; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before { float:right;content:"\f105"; font-family:'FontAwesome';font-size:16px;margin-left:10px; right:-15px;position:relative; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before .title {content:""; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title { border-bottom:none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom:solid 1px #e0e0e0; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {  border-bottom:none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before { content:"\f107"; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .menu-col .title:before { content:""; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {padding:0 0 0 15px; }
nav.bootsnav.brand-center .navbar-collapse {  display:block; }
nav.bootsnav.brand-center ul.nav {margin-bottom:0px !important;}
nav.bootsnav.brand-center .navbar-collapse .col-half { width:100%;float:none; display:block; }
nav.bootsnav.brand-center .navbar-collapse .col-half.left { margin-bottom:0; }
nav.bootsnav .megamenu-content { padding:0; }
nav.bootsnav .megamenu-content .col-menu {padding-bottom:0; }
nav.bootsnav .megamenu-content .link, nav.bootsnav .megamenu-content .title {cursor:pointer;display:block;padding:10px 15px; margin-bottom:0;font-weight:normal;}
nav.bootsnav .megamenu-content .content {display:none; }
.attr-nav { position:absolute; right:60px;}
.attr-nav > ul {  padding:0; margin:0 -15px -7px 0;}
.attr-nav > ul > li > a {padding:16px 15px 15px; }
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before { display:none; }
.attr-nav > ul > li.dropdown ul.dropdown-menu {  margin-top:2px;margin-left:55px; width:250px;left:-250px; border-top:solid 5px;}
.top-menu .container {padding:0; }
.top-search .container {padding:0 15px;}
/* Navbar full Responsive
=================================*/
nav.bootsnav.navbar-full ul.nav { margin-left:0;  }
nav.bootsnav.navbar-full ul.nav > li > a {border:none;}
nav.bootsnav.navbar-full .navbar-brand {float:left !important;padding-left:0; }
nav.bootsnav.navbar-full .navbar-toggle {display:inline-block; float:right;margin-right:0;margin-top:10px; }
nav.bootsnav.navbar-full .navbar-header {padding-left:15px;padding-right:15px;}
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share {padding:30px 15px; margin-bottom:0; }
 /* Tabs
=================================*/
nav.navbar.bootsnav .megamenu-content.tabbed { padding-left:0px !important;}
nav.navbar.bootsnav .tabbed > li { padding:25px 0; margin-left:-15px !important; }
/* Mobile Navigation
=================================*/
body > .wrapper { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
body.side-right > .wrapper {margin-left:280px; margin-right:-280px !important; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:fixed;display:block;overflow-y:auto !important;overflow-x:hidden !important; z-index:99;width:280px; height:100% !important;left:-280px;top:0; padding:0;background:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { left:0; }
nav.navbar.bootsnav.navbar-mobile ul.nav { width:293px;padding-right:0;padding-left:15px; box-shadow:0 0 10px rgba(0,0,0,0.3); }
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding:21px 15px 21px 40px;}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {padding-right:15px !important;padding-top:15px !important;padding-bottom:15px !important;  }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .link, nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {padding:13px 0px 13px 11px!important;}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {padding-top:13px !important; padding-bottom:13px !important;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {width:100%; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {display:block !important;}
nav.navbar.bootsnav.navbar-fixed .logo-display {display:none !important;}
nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {width:100%; display:block;}
 }
@media (max-width:767px) {
nav.navbar.bootsnav .navbar-header {padding-left:15px;padding-right:15px;}
nav.navbar.bootsnav .navbar-nav {padding-left:15px;padding-right:15px;
 }
.attr-nav { right:30px; }
.attr-nav > ul {margin-right:-10px;}
.attr-nav > ul > li > a {padding:16px 10px 15px; padding-left:0 !important; }
.attr-nav > ul > li.dropdown ul.dropdown-menu {left:-275px;}
.top-search .container { padding:0 15px; }
.top-menu .container { padding:0; }
nav.bootsnav.navbar-full .navbar-collapse { left:15px; }
nav.bootsnav.navbar-full .navbar-header {padding-right:0; }
nav.bootsnav.navbar-full .navbar-toggle { margin-right:-15px; }
nav.bootsnav.navbar-full ul.nav > li > a { padding:5px 10px !important;font-size:18px !important;line-height:24px !important; }
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share {padding:30px 15px !important; }
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share {padding:30px 0 !important;margin-bottom:0; }
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share { padding:30px 15px !important;margin-bottom:0; }
/* Mobile Navigation
 =================================*/
body.side-right > .wrapper { margin-left:280px;margin-right:-280px !important;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {  margin-left:0; }
nav.navbar.bootsnav.navbar-mobile ul.nav {margin-left:-15px; }
nav.navbar.bootsnav.navbar-mobile ul.nav {border-top:solid 1px #fff; }
li.close-full-menu { padding-top:15px !important;padding-bottom:15px !important; }
}

@media (min-width:480px) and (max-width:640px) {
nav.bootsnav.navbar-full ul.nav { padding-top:30px;padding-bottom:30px;}
}
/*********************************************************************************************************************/
html {height:100%;-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html, body {  width:100%;  height:auto;  margin:0;  padding:0;  position:relative; overflow-x:hidden;}
body {font-family:'微軟正黑體', '蘋果儷中黑', '黑體', '儷黑 Pro', Hiragino Sans GB, Myriad Pro, 'Open Sans', sans-serif !important; position:relative; font-size:14px; line-height:24px; color:#6f6f6f;}
a { color:#6f6f6f;}
a, a:active, a:focus, a:hover { outline:none;  -webkit-transition:all 0s ease-in-out;  -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; transition:all 0s ease-in-out; }
a:hover { color:#fa9403;  text-decoration:none; }
h1, h2, h3, h4, h5, h6 { color:#333; margin:0 0 15px 0; letter-spacing:1px; font-weight:bold;}
h1 { font-size:48px; line-height:52px;}
h2 { font-size:36px; line-height:48px;}
h3 { font-size:30px; line-height:36px;}
h4 { font-size:24px; line-height:30px;}
h5 { font-size:18px; line-height:24px;}
h6 { font-size:14px; line-height:18px;}
p { margin-bottom:20px;}
.wrapper { min-height:800px;}
div.loadingdiv { height:100%; width:100%;  position:fixed;  z-index:9999;  top:0; left:0; display:block; background:#FFF;}
div.loadingdiv canvas { margin:auto; position:absolute; top:-75px; left:0; right:0; bottom:0; background-color:#FFF;}
div.loadingdiv b { position:absolute; top:43%;left:0;right:0;width:225px; margin:87px auto;padding:2px 10px; color:#004A9C;font-size:115%;font-weight:normal; text-align:center;  }
#logo_ca { margin:auto;position:absolute; top:-75px; left:0; right:0;bottom:0;width:279px; height:86px;}
#logo_ca img {display:none;width:200%;height:auto;position:absolute;top:-50%; left:-50%; }    
/*Navbar
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a { padding:28px 15px;}
ul.cart-list > li.total > .btn { padding:10px 15px;border-bottom:solid 1px #cfcfcf !important; color:#fff !important;}
#notice { white-space:nowrap; color:rgb(255,94,0);}
#notice i.num { display:inline-block; width:40px; height:40px; color:#fff;font-style:normal;font-weight:bold;text-align:center;line-height:42px;background:url(../Images/bg_m.png) -445px -16px  no-repeat;background-size:1600%;  }
#notice b { display:inline-block; }
#notice a { display:inline-block; padding:0px; color:rgb(255,94,0);font-weight:700; }
#notice a.notice_all { height:30px;margin:0 0 0 10px;border-bottom:1px solid #FFF;}
#notice a.notice_all:hover { border-bottom:none;text-decoration:none; }
a.showNotice{text-decoration:none!important;}
.menu-right { text-align:right; white-space:nowrap;font-size:90%;}
.menu-right a {float:right; display:inline-block;height:40px;line-height:40px;position:relative;margin:0 0 0 30px; color:#FFF;  }
.menu-right a:after { display:inline-block;content:'|'; width:15px; height:24px; color:#FFF; overflow:hidden;  }
.menu-right a:hover { color:#fa9403;}
.flight i { position:absolute;  width:40px;height:40px; display:inline-block;left:-35px;background:url(../Images/bg_m.png) -108px -8px no-repeat;background-size:1300%;}
.membership i { position:absolute;display:inline-block; width:40px;height:40px; left:-35px;background:url(../Images/bg_m.png) -155px -8px no-repeat;background-size:1300%;}
#top_search {float:right; position:relative;}
#top_search input {width:110px; height:25px;margin:7px 5px 0 10px; padding:0 5px;color:#000;line-height:25px; border:none;background-color:#99b7d7; }
#top_search input::-moz-placeholder { color:#000; opacity:1}
#top_search input:-ms-input-placeholder { color:#000;opacity:1; }
#top_search input::-webkit-input-placeholder {color:#000;opacity:1; }
#top_search button {position:absolute; width:40px;height:40px; top:0;right:2px;color:transparent;border:none;background:url(../Images/bg_m.png) -256px -8px no-repeat;background-size:1300%;  }
.searchbtn {float:right;display:none;  width:40px;height:40px;border:none;background:url(../Images/bg_m.png) -256px -8px no-repeat; background-size:1300%;}
#languages {float:right; position:relative;padding:0;}
#languages .dropdown-menu { min-width:auto;margin:35px 0 0; padding:0; }
#languages .dropdown-menu > li > a { min-width:85px;height:30px; line-height:30px;margin:0; padding:0;text-align:center;border-bottom:1px solid #ccc;}
#languages .dropdown-menu > li:last-child > a { border-bottom:none;}
.menu-right #languages .dropdown-toggle {float:left;}
.menu-right #languages .dropdown-menu a:after { display:none;}
#languages:before {display:block; position:absolute; left:0; width:30px;height:40px; content:' ';background:url(../Images/bg_m.png) -212px -8px no-repeat; background-size:1750%;}
#languages select {margin:7px 0; padding:0;height:25px;line-height:25px;border:none;background:#004a9c;color:#FFF;cursor:pointer;}
#languages select:focus {outline:none; }
.nav > li.home {  display:none;}
.navbar-brand { padding:3px 15px;}
nav.navbar.bootsnav ul.nav > li > a > i { display:block; position:absolute;left:0; top:11px; width:30px;height:40px; background-image:url(../Images/bg_m.png);background-repeat:no-repeat; background-size:1400%;}
/*有小三通7-icon
nav.navbar.bootsnav ul.nav > li > a.dt-1 > i { background-position:-9px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-2 > i { background-position:-88px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-3 > i { background-position:-47px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-4 > i {background-position:-130px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-5 > i { background-position:-86px -273px;}
nav.navbar.bootsnav ul.nav > li > a.dt-6 > i { background-position:-171px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-7 > i { background-position:-212px -77px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-1 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-1 > i { background-position:-9px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-2 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-2 > i { background-position:-88px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-3 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-3 > i { background-position:-47px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-4 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-4 > i { background-position:-130px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-5 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-5 > i { background-position:-86px -233px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-6 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-6 > i { background-position:-171px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-7 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-7 > i { background-position:-212px -38px;}*/
/*無小三通6-icon*/
nav.navbar.bootsnav ul.nav > li > a.dt-1 > i { background-position:-9px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-2 > i { background-position:-48px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-3 > i { background-position:-130px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-4 > i {background-position:-87px -274px;}
nav.navbar.bootsnav ul.nav > li > a.dt-5 > i { background-position:-171px -77px;}
nav.navbar.bootsnav ul.nav > li > a.dt-6 > i { background-position:-212px -77px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-1 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-1 > i { background-position:-9px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-2 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-2 > i { background-position:-48px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-3 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-3 > i { background-position:-130px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-4 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-4 > i { background-position:-87px -234px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-5 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-5 > i { background-position:-171px -38px;}
nav.navbar.bootsnav ul.nav > li.active > a.dt-6 > i, nav.navbar.bootsnav ul.nav > li.on > a.dt-6 > i { background-position:-212px -38px;}
nav.bootsnav .megamenu-content .link a:before { content:'●'; color:#d4d4d4; margin:0 5px 0 0; font-size:80%;}
nav.bootsnav .megamenu-content .link a:hover:before { color:#fa9403;}
.sublink { margin:-10px 0 0; color:#888;}
   
/*#myCarousel
=========================== */
#myCarousel .title {max-width:100%;position:absolute; top:35%;left:38%;  font-size:260%;font-weight:400; line-height:1.3;color:#FFF;/* white-space:nowrap; */}
#myCarousel .title.alpha {padding:15px;background-color:rgba(0,0,0,0.4); border-radius:8px; }
#myCarousel .title a {font-size:100%;color:#FFF; }
#myCarousel .title.black a {color:#333;}
#myCarousel .subtitle {margin-top:10px; display:block;font-size:50%; color:#2b2b2b; line-height:1.7;}
#myCarousel .subtitle.white {color:#FFF;}
#myCarousel .title a.btn3D { font-size:45%;color:#fff;} 

.btn3D { position:relative;top:0;float:left; display:block; margin:5% 0 0;padding:10px 40px;color:#fff; border-radius:8px; background:#999; box-shadow:0px 5px 0px rgb(100,100,100); transition:.2s;}
.btn3D.green { background:#3b982e;box-shadow:0px 5px 0px rgb(39,124,21);}
.btn3D.blue { background:#489fec;box-shadow:0px 5px 0px rgb(32,128,193);}
.btn3D.purple {background:#9948ec;box-shadow:0px 5px 0px rgb(101,32,193);}
.btn3D.orange {background:#ec9d48;box-shadow:0px 5px 0px rgb(193,105,32);}
.btn3D.red { background:#EC4871;box-shadow:0px 5px 0px rgb(193,32,84);}
.btn3D:hover {top:5px;color:#FFEF87; box-shadow:none;}
 
.glyphicon-chevron-left:before { content:" ";width:60px;height:85px; display:block;margin:-20px 0 0 -30px;background:url(../Images/bg_m.png) -20px -239px no-repeat;}
.glyphicon-chevron-right:before {content:" "; width:60px; height:85px; display:block;  margin-top:-20px; background:url(../Images/bg_m.png) -722px -239px no-repeat;}
    

/*新增小三通 #mytab_3 #pane3_1 #pane3_2 #pane3_3 #pane3_4*/
/*mytab*/
#mytab .dt-1,#mytab .dt-2,#mytab .dt-3 {display:none;}
#mytab [class^="col-"] { padding:0px 5px;  } 
#mytab { margin:-60px auto 30px; padding:0px 40px; position:relative; z-index:1; }
#mytab > .nav-tabs > li { height:0px; width:33%; text-align:center; margin:0px; }
#mytab > .nav-tabs > li:first-child { margin:0 0.5% 0 0; }
#mytab > .nav-tabs > li:last-child {margin:0 0 0 0.5%;}
#mytab > .nav-tabs > li > a { height:60px; line-height:60px; padding:0;   font-size:175%; font-weight:700; color:#000; background-color:#fff;  opacity:0.7;  border-radius:0; border:none; text-indent:1.5em;  }
#mytab > .nav-tabs > li.active > a, #mytab > .nav-tabs > li > a:hover, #mytab > .nav-tabs > li.active > a:hover, #mytab > .nav-tabs > li.active > a:focus {opacity:1; border:none; border-top:4px solid #fa9403; color:#fa9403;background-color:#fff;   }
#mytab > .nav-tabs > li > a i { background-image:url(../Images/bg_m.png); background-repeat:no-repeat; background-size:1300%;  display:inline-block; position:absolute;  left:50%;  width:45px;  height:45px; top:6px; content:' '; margin:0 0 0 -67px;}
#mytab > .nav-tabs > li > a.dt-1 i { background-position:-13px -113px;}
#mytab > .nav-tabs > li > a.dt-2 i { background-position:-63px -113px; }
#mytab > .nav-tabs > li > a.dt-3 i { background-position:-121px -113px;}
#mytab > .nav-tabs > li.active > a.dt-1 i, #mytab > .nav-tabs > li > .dt-1:hover i, #mytab > .nav-tabs > li.active > .dt-1:hover i, #mytab > .nav-tabs > li.active > .dt-1:hover i { background-position:-13px -59px; }
#mytab > .nav-tabs > li.active > a.dt-2 i, #mytab > .nav-tabs > li > .dt-2:hover i, #mytab > .nav-tabs > li.active > .dt-2:hover i, #mytab > .nav-tabs > li.active > .dt-2:hover i { background-position:-63px -59px; }
#mytab > .nav-tabs > li.active > a.dt-3 i, #mytab > .nav-tabs > li > .dt-3:hover i, #mytab > .nav-tabs > li.active > .dt-3:hover i, #mytab > .nav-tabs > li.active > .dt-3:hover i { background-position:-121px -59px; }
#mytab .nav-tabs { border-bottom:none;  box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2); }
#mytab > .tab-content { border-width:0 1px 1px; background-color:#ffffffe6; display:inline-block; margin-top:20px;width:100%; min-height:100px; padding:20px 10px 5px 10px;border-radius:10px;    -webkit-box-shadow:0 13px 26px 0 rgba(12,39,67,.12); box-shadow:0 13px 26px 0 rgba(12,39,67,.12); }
#mytab_1{  width:100%;}
#mytab_1 > .nav-tabs{  width:25%; float:left; margin:10px 0 20px;  box-shadow:none;   }
#mytab_1 > .tab-content{ width:75%; float:right; font-size:145%;  color:#3b3b3b;  padding:20px 10px;   }
/*#datepicker { width:420px; }*/
#datepicker2  input.form-control { width:100%!important; border-width:1px 0 1px 1px;}
#mytab .form-control:hover { -webkit-box-shadow:inset 0 0 0 0px #fa9403; -moz-box-shadow:inset 0 0 0 0px #fa9403; box-shadow:inset 0 0 0 0px #fa9403!important; border:solid 2px #fa9404;}
#pane1_2, #pane1_3, #pane1_4{ width:100%;  font-size:100%; color:#999; padding:5px 10px; line-height:2.2em; font-weight:normal;}
#pane1_3, #pane1_4{  padding:10px; color:#3b3b3b;    line-height:3em;}
#pane1_2 a, #pane1_3 a{ font-weight:700!important; color:#000000!important; }
#pane1_2 i{ font-style:normal;  white-space:nowrap; font-weight:400;   }
#pane1_2 i:after{ content:"|"; padding:0 10px;  color:#999;  }
#pane1_2 i:last-child:after{  content:""; }
#pane1_3 .radio {width:30px; margin-top:-6px; display:inline-block; }
#pane1_2 a:hover, #pane1_3 a:hover { color:#fa9403;}
#pane1_2 .content,#pane2_2 .content{  padding:10px;}
#pane2 { width:100%; font-size:130%; color:#999;  padding:5px 10px; line-height:2.2em;  font-weight:normal;}
#pane2 .content { padding:20px; text-align:center; }
#pane2 .content a { padding:0 10px; background-color:#FFF; border:1px solid #CCC; display:inline-block;  margin:0 10px 12px;}
#pane2 .content a:hover{ background-color:#fa9403; color:#FFF; }
#mytab_1 > .tab-content .space {  width:100%;  margin:0px; padding:0px;  font-size:100%; color:#000000; }
#mytab_1 > .tab-content .space small{font-size:75%;}
#mytab_1 > .tab-content label.l_radio b { background:url(../Images/bg_m.png) -5px -419px no-repeat;  display:block;  float:left;  width:30px; height:25px;}
#mytab_1 > .tab-content label.l_radio b.checked { background:url(../Images/bg_m.png) -5px -356px no-repeat;}
#mytab_1 > .tab-content input[type="text"], #mytab_1 > .tab-content select, #mytab_1 > .tab-content button { font-size:100%; color:#3b3b3b;  background-color:#f5f7f9; border-radius:5px;  border:solid 2px #dadada; padding:5px 10px; width:100%; height:52px; font-weight:normal;  box-shadow:none; }
#mytab_1 > .tab-content input[type="text"],#mytab_1 > .tab-content input[type="text"]:hover {text-align:left; height:48px;border:solid 0px #dadada; }
#lastName,#firstName,#pnr,#phonePnr,#phonePnrPhone,#flightNo {border:solid 2px #dadada!important;}
#lastName:hover,#firstName:hover,#pnr:hover,#phonePnr:hover,#phonePnrPhone:hover,#flightNo:hover {border:solid 2px #fa9404!important; }
#mytab_1 .input-group {width:100%; border-radius:5px; border:solid 2px #dadada;}
#mytab_1 .input-group:hover {-webkit-box-shadow:inset 0 0 0 0px #fa9403; -moz-box-shadow:inset 0 0 0 0px #fa9403; box-shadow:inset 0 0 0 0px #fa9403!important; border:solid 2px #fa9404;}
#mytab_1 > .tab-content select {  margin:5px 0px;width:100%; /* border-radius:0px; */  /* border:solid 1px #dadada; */}
#mytab_1 > .tab-content select.noexpand::-ms-expand { display:none;  }
#mytab_1 > .tab-content label {  margin-bottom:15px;   font-size:100%;  font-weight:700;  color:#004a9c; }
#mytab_1 > .tab-content #pane1_1 .form-inline { padding:0px;  }
#mytab_1 > .tab-content #pane1_1 .form-inline .row{margin:5px 0px;}
#mytab_1 > .tab-content .btn-primary { min-width:180px;  width:100%;  padding:0; margin:30px auto auto auto; font-weight:700; font-size:110%; justify-content:center; color:#FFF;  background-color:#fa9403;  border:1px solid #fa9403;}
#mytab_1 > .tab-content .btn-primary:hover { background-color:#ff6300; border:1px solid #ff6300; }
#mytab_1 > .nav-tabs > li {  width:100%; margin:0; padding:0 10px 4px 15px;}
#mytab_1 > .nav-tabs > li > a { /* height:42px; */ /* line-height:42px; */  width:100%;  text-align:left; margin:0; padding:12px 0px 10px 10px; font-size:135%; color:#004a9c; font-weight:700; background-color:#f5f7f9; border-radius:5px; white-space:nowrap; min-width:110px;border:0px solid transparent;/* border-bottom:solid 1px #f5f7f9; */}
@media (min-width:768px) {
    #mytab_1 > .nav-tabs > li > a { border-radius:5px;padding:12px 0px 10px 15px; font-size:145%; }  
}

/*新增小三通 #mytab_3 #pane3_1 #pane3_2 #pane3_3 #pane3_4*/
#mytab_3 {  width:100%;}
#mytab_3 > .nav-tabs {  width:25%; float:left; margin:10px 0px;  box-shadow:none;   }
/* 0820修改=================================*/
#mytab_3 > .tab-content { width:75%; float:right; font-size:145%;  color:#3b3b3b;  padding:20px 10px;   }
#pane3_2, #pane3_3, #pane3_4{ width:100%;  font-size:100%; color:#999; padding:5px 10px; line-height:2.2em; font-weight:normal;}
#pane3_3, #pane3_4 {  padding:10px; color:#3b3b3b;    line-height:3em;}
/*End 0820修改=================================*/
#pane3_2 a, #pane3_3 a { color:#3b3b3b;}
#pane3_2 i { font-style:normal;  white-space:nowrap; font-weight:400;   }
#pane3_2 i:after { content:"|"; padding:0 10px;  color:#999;  }
#pane3_2 i:last-child:after {  content:""; }
#pane3_3 .radio {width:30px; margin-top:-6px; display:inline-block; }
#pane3_2 a:hover, #pane3_3 a:hover { color:#fa9403;}
#pane3_2 .content,#pane3_2 .content{  padding:10px;} 
#pane3 { width:100%; font-size:100%; color:#999;  padding:5px 0px; line-height:2.2em;  font-weight:normal;}
#pane3 .content a { padding:0 10px; background-color:#FFF;  display:inline-block;  margin:0 10px 12px;}
#pane3 .content a:hover { background-color:#fa9403; color:#FFF; }
#mytab_3 > .tab-content .space {  width:100%;  margin:0px; padding:0px;  font-size:100%; color:#004a9c; }
#mytab_3 > .tab-content .space small{font-size:70%;}
#mytab_3 > .tab-content label.l_radio b { background:url(../Images/bg_m.png) -5px -419px no-repeat;  display:block;  float:left;  width:30px; height:25px;}
#mytab_3 > .tab-content label.l_radio b.checked { background:url(../Images/bg_m.png) -5px -356px no-repeat;}
#mytab_3 > .tab-content input[type="text"], #mytab_3 > .tab-content select, #mytab_3 > .tab-content button { font-size:85%; color:#3b3b3b;  background-color:#f5f7f9; border-radius:0px;  border:solid 1px #f5f7f9; padding:5px 10px; width:100%; height:42px; font-weight:normal;  box-shadow:none; }
#mytab_3 > .tab-content select {  margin:5px 0px;width:100%; border-radius:0px;  border:solid 1px #f5f7f9;}
#mytab_3 > .tab-content select.noexpand::-ms-expand { display:none;  }
#mytab_3 > .tab-content label {  margin-bottom:15px;   font-size:100%;  font-weight:400;  color:#004a9c; }
#mytab_3 > .tab-content #pane3_1 .form-inline { padding:0px;  }
#mytab_3 > .tab-content #pane3_1 .form-inline .row{margin:5px 0px;}
#mytab_3 > .tab-content .btn-primary { min-width:180px;  width:100%;  padding:0; margin:30px auto auto auto; font-weight:700;   justify-content:center; color:#FFF;  background-color:#fa9403;  border:1px solid #fa9403;}
#mytab_3 > .tab-content .btn-primary:hover { background-color:#ff6300; border:1px solid #ff6300; }
#mytab_3 > .nav-tabs > li {  width:100%; margin:0; padding:0 10px 3px 15px;}
#mytab_3 > .nav-tabs > li > a { height:42px; line-height:42px;  width:100%;  text-align:left; margin:0; padding:0 20px 5px 0px; font-size:135%; color:#014b9c; font-weight:700; background-color:#f5f7f9; border-radius:0; white-space:nowrap; min-width:110px;}
#mytab_3 > .nav-tabs > li.active > a, #mytab_3 > .nav-tabs > li > a:hover, #mytab_3 > .nav-tabs > li.active > a:hover, #mytab_3 > .nav-tabs > li.active > a:focus { opacity:1; border:none; color:#fff; background-color:#fa9404;border-bottom:solid 1px #fa9404;}

@media (min-width:768px) {
 #mytab_3 > .nav-tabs > li > a { padding:0 20px 5px; font-size:145%; }  
}

@media (max-width:1439px) {
#mytab_3 > .tab-content { font-size:135%;  }
#mytab_3 > .tab-content .space {margin:0 0 0 1%;}
#mytab_3 > .tab-content .space.m_hide { display:inline; margin:0 20px; }
}

@media (max-width:1024px) {
#mytab_3 > .nav-tabs { width:35%; }
#mytab_3 > .tab-content { width:65%; }
}
@media (max-width:767px) {
#mytab_3 > .tab-content .space {display:block; margin:10px 0 5px; }
#mytab_3 > .tab-content .btn-primary { width:100%; }
}
@media (max-width:425px) {
#mytab_3 > .nav-tabs { width:30%; }
#mytab_3 > .nav-tabs > li { padding:0px;  }
#mytab_3 > .nav-tabs > li > a { font-size:100%; padding:0 10px 5px; min-width:95px; margin:5px 0 0;}
#mytab_3 > .tab-content { font-size:110%; position:relative;  width:70%; padding:0px 10px;  }
#mytab_3 > .tab-content .form-inline { padding:0 0 0 15px;}
#mytab_3 > .tab-content .form-inline .text-right{text-align:left; }  
#mytab_3 > .tab-content .space {display:block; margin:10px 0 5px;}
#mytab_3 > .tab-content label {margin-bottom:2px;}
#mytab_3 > .tab-content input[type="text"], #mytab_1 > .tab-content button {width:100%;max-width:none; font-size:90%; margin:0; }
#mytab_3 > .tab-content #pane1_3 input.surname {margin:0 0 10px; }
#mytab_3 > .tab-content select {max-width:none;}
#mytab_3 > .tab-content .input-daterange input[type="text"] {  width:100%; min-width:200px;float:none; margin:0 0 15px;  text-align:left;  }
}
@media (max-width:375px) {
#mytab_3 > .tab-content .input-daterange input[type="text"] {  min-width:178px;   }
}

#mytab_1 > .nav-tabs > li.active > a, #mytab_1 > .nav-tabs > li > a:hover, #mytab_1 > .nav-tabs > li.active > a:hover, #mytab_1 > .nav-tabs > li.active > a:focus { opacity:1; border:none; color:#fff; background-color:#fa9404;/* border-bottom:solid 1px #fa9404; */}
select.location { -webkit-appearance:none;  -moz-appearance:none; background:url("../Images/icon-flight.png") 97% 5px no-repeat; background-size:36px; padding:0 50px 0 20px;}
.input-group-addon { border-radius:0px; border:none; background-color:#f5f7f9; } 
.input-group-addon.disabled { background-color:#EEE; }
.input-daterange .input-group-addon { background-color:transparent; border:none;}
.input-daterange input {width:100%; -webkit-appearance:none;  -moz-appearance:none;   background:#FFF url(../Images/bg_m.png) right -470px no-repeat;  font-weight:700;background-size:auto; padding:0 50px 0 10px;}
.input-group-addon.disabled { background-color:#EEE;}
.input-group-addon { font-size:100%; font-weight:normal; padding:6px 6px;}
.iso { text-align:center;  padding:0 0 10px 60px; float:left; width:75%;}
.iso img { width:45%; }
.iso a img { width:18%;  margin:18px; }
 
.w75p {  width:75%;  margin:0 auto;}
hr.line {  border:none; border-bottom:1px solid #d9d9d9; margin:50px 0;}
hr.topline { border:none; border-bottom:1px solid #d2d2d2;  margin:0 0 40px;  box-shadow:0 0 6px rgba(0,0,0,0.3); height:1px;}
input.form-control.surname, input.form-control.name, input.form-control { width:100%;}
.spaceW { display:inline-block;  width:50px}
.content_top .container { position:relative;}
 
.toTop {position:fixed; width:75px; height:70px; right:0; bottom:0; cursor:pointer;  display:none; z-index:999; background:url(../Images/bg_m.png) -88px -379px no-repeat;}
.breadcrumb.big { position:absolute; bottom:0; right:0;margin:0 10px; padding:5px 0 5px 55px; color:#353535; font-size:200%; font-weight:normal; background:transparent;}
.breadcrumb.big > li:first-child > a:first-child { display:inline-block; position:absolute;  width:45px;height:45px; left:0; bottom:-9px; font-size:0; background:transparent url(../Images/bg_m.png) -19px -19px no-repeat;background-size:1497%; }
.breadcrumb.big > .active {color:#010101; }

/*article tab*/
#md_links { text-align:right;}
#md_links.fixed { display:none; position:fixed;left:0;bottom:-2px; width:100%;margin:0 auto; text-align:center;background-color:rgba(255,255,255,0.8); }
#md_links.fixed .md_links { margin:0 auto; }
.md_links { display:inline-block; padding:0 13px;margin:25px 0 0; border-bottom:1px solid #f98609;}
.md_links a {display:inline-block; padding:5px 15px;margin:0 0 0 5px; font-size:140%;font-weight:bold;color:#5f5f5f;border-radius:7px 7px 0 0;background-color:#e5e5e5;border-top:5px solid #f98609;   }
.md_links a:hover,.md_links a.active {color:#FFF;background-color:#f98609;}

.article {min-height:100px;padding:30px 50px 60px 50px;color:#2c2c2c;}
#article.fixed {margin:100px 0 0;}
.article h2 {font-size:220%;color:#004a9d;margin:20px 0;}
.article h2.title {font-size:220%;color:#004a9d;margin:40px 0 0;}
.article.history h2.title {font-size:220%;color:#004a9d;margin:40px 0 0;}
.article h3 {font-size:130%;color:#030303;padding:0;margin:20px 0 0;}
.article h4.red {font-size:140%;color:#ff0202;margin:0;}
.article .red {color:#ff0202;}
.article .dark_red {color:#A70002;}
.article .blue {color:#003ca6;}
.article h6 {font-size:120%;color:#007EC5;padding:0 0 0 50px;margin:20px 0 30px;line-height:2;}
.article .p_links {padding:0;margin:20px 0;}
.article .p_links a {font-size:130%;color:#5f5f5f;padding:0;margin:20px 2px 0 -6px;line-height:2;border-bottom:none;font-weight:bold;}
.article .p_links a:hover {border-bottom:none;color:#5f5f5f;}
.article .p_links a b { margin:0 6px; border-bottom:1px solid #5f5f5f; white-space:nowrap;}
.article .p_links a:hover b { padding:0 6px; margin:0;background-color:#dcdcdc; border-bottom:none;}
.article .p_links a:after {  content:"|"; font-size:100%; color:#5f5f5f; padding:0; }
.article .p_links a:first-child:before { content:"|"; font-size:100%; color:#5f5f5f; padding:0; }
.article ol.olist { margin:0 1% 65px 0;}
.article ol.olist > p { margin:0 0 0 -1.2em; }
.article ol.olist > p.note {  margin:0 0 0 -2.2em;}
.article ol.olist li { line-height:2.25em; font-size:115%; }
.article ol.lower-alpha { margin:0; padding:0 0 0 1.5em;}
.article ul.disc ol.lower-alpha { padding:0 0 0 3.5em;}
.article ol.lower-alpha li { list-style-type:lower-alpha;}
.article ol.Upper-alpha {  margin:0; padding:0 0 0 1.5em;}
.article ol.Upper-alpha li { list-style-type:Upper-alpha;  }
.article ol.none {  margin:0;  padding:0 0 0 0.2em;}
.article h4.qa {  font-size:125%; color:#007EC5; margin:10px 20px 20px;}
.article ol.none li { list-style-type:none;  font-size:115%;}
.article ol.float3 { max-width:640px; clear:both;  display:inline-block; margin:0 0 60px;}
.article ol.float3 li { float:left; margin:10px;}
.article ul.disc { margin:0;  padding:0 0 0 1em;}
.article ul.disc li { line-height:2.5em; list-style-type:none; font-size:115%;  }
.article ul.disc li:before { content:"●";  color:#888585;  padding:0 5px;  }
.article ul.disc ol.lower-alpha li { list-style-type:lower-alpha; }
.article ul.disc ol.lower-alpha li:before { content:""; padding:0; }
.article ul.disc2 {  margin:0; padding:0 0 0 1em;}
.article ul.disc2 li { line-height:2.5em;  list-style-type:none; font-size:115%;}
.article ul.disc2 li:before { content:"●"; color:#FFF;  padding:0 5px; }
.article ul.dotted li { border-bottom:1px dotted #DDD;}
.article ul.arrow {  margin:0; padding:0 0 0 1em;}
.article ul.arrow li { line-height:2.5em; list-style-type:none; font-size:115%;}
.article ul.arrow li:before { content:"﹥"; padding:0 5px; font-size:300%; color:#936400; height:35px; overflow:hidden; display:inline-block; width:50px; }
.article ul.arrow li a { border:none; color:#007EC5; font-weight:bold; }
.article ul.arrow li a:hover { color:#fa9403;  }
.article ul.arrow li a .time {  padding:0 15px 0 0; color:#936400;  }
.article ul.disc .none { padding:0 0 0 2em; margin:0 0 30px 0;}
.article ul.disc .none li:before { display:none;}
.article p { margin:0 1% 30px 2.3em; line-height:2.25em; font-size:115%;}
.article ol.none p { margin:15px 20% 30px 2em; line-height:2.25em; font-size:100%;}
.article ol.none.back_step { margin:15px 0 30px 3.5em;line-height:2.25em;}
.article.history p {  margin:0 0 30px 2.3em; text-align:left;}
.article p.red { color:#FF0000;}
.article a { color:#312cff; border-bottom:1px solid #312cff;}
.article a:hover { color:#fa9403; border-bottom:1px solid #fa9403;}
.article img.pull-right { margin:20px;}
.article .table { font-size:110%;}
.article .table th { min-width:120px; }
.table.center,.article .table.center th { text-align:center; margin:15px 0;}
.article .table.th-center th { text-align:center;}
.article .table.th-center th.text-left { text-align:left; }
.article .holidays {  margin:0 0 0 40px;}
.article .holidays td { padding:10px;}
.article .holidays td span { display:inline-block;  width:100px; text-align:right; padding:0 10px; }
.article .holidays td a { display:inline-block;  }
.table-hover > tbody > tr:hover {  background-color:#DAF1FF;}
.table.w_auto {  width:auto;  margin:20px 0 65px 37px;}
.table-bordered.purple > tbody > tr > th,.table-bordered.purple > tbody > tr > td { border:1px solid #0089fe;}
.article ol.olist .table { font-size:1em;}
.bg-purple,.table-striped > tbody > tr:nth-of-type(odd).bg-purple {background-color:#e1e1fd;}
.table.default.mb90 { margin:30px 0 90px;}
.table.default caption b { color:#000; font-size:160%; line-height:2em;}
.table.default caption .time {position:relative;padding:0 0 0 30px; color:#434a54;}
.table.default caption .time:before {  content:" ";width:26px; height:30px; display:inline-block;position:absolute; top:-5px; left:0; background:transparent url(../Images/bg_m.png) -270px -543px no-repeat; }
.table.default th { height:56px;border:none; border-bottom:1px solid #DDD;background-color:#e6e9ed;}
.table.default.table-striped > tbody > tr:nth-of-type(odd) {  background-color:#fbfcfc;}
.table.default > tbody > tr > td { height:56px; border-top:1px solid #ededed; }
 
.ico {position:relative; display:inline-block; padding:0 30px 0 50px;color:#000;}
.ico:before {content:" "; width:50px; height:30px;display:inline-block;position:absolute;top:-5px;left:0; background-image:url(../Images/bg_m.png); background-repeat:no-repeat; background-color:transparent; }
.ico.ico-flight:before {background-position:-328px -544px; }
.ico.ico-time:before {background-position:-397px -544px;}
.ico.ico-status:before {background-position:-468px -544px; }
.ico.ico-cancel:before { background-position:-542px -544px;}
 .content_top {  position:relative;}
 .content_top h1.title { position:absolute;top:40px;margin:0 10px; padding:0 0 0 35px;font-size:343%; font-weight:normal; color:#FFF;}
 
.w100 { width:100%;height:auto;}
.w50p { width:50%; display:inline-block;float:left; margin:20px auto 25px; text-align:center;}
.w100p { width:100%;display:inline-block; margin:0 auto 25px; text-align:center;}
.w50p.text-left,.w100p.text-left { text-align:left; }   
.w50p b,.w100p b {display:inline-block;margin:10px 0 20px;font-size:115%;line-height:1.8em;text-align:left;  }
.w50p b img,.w100p b img { max-width:100%; margin:0 0 15px; }
.w50p p,.w100p p { text-align:left; }
.w100p .pull-left {max-width:50%; margin:0 30px 25px 0;}
.w100p .pull-right { max-width:50%;margin:0 0 25px 30px;}

.bg_curve { position:absolute; top:0;overflow:hidden;}
.right {text-align:right; white-space:nowrap;}
.md_links.form-inline.right { font-size:140%;}
.md_links.form-inline.right select { font-size:105%; padding:0 20px;margin:0 5px; }
.article .table td.phone { background-color:#FEF0E2;}
       

/*Search*/
.search {margin:20px 0 0;}
.search h3 { color:#007ec5; font-size:174%;   }
.search h4 { margin:20px 0 0;color:#007ec5; font-size:115%; }
.search ul.list {padding:0 0 0 31px;list-style:none; }       
.search ul.list li {position:relative;  margin:20px 0;}
.search ul.list li a { color:#36404a; font-size:115%;  font-weight:bold;border-bottom:none; }
.search ul.list li:before { content:" "; position:absolute;top:0px;left:-33px;padding:0; width:24px;height:22px;display:inline-block;background:url(../Images/bg_m.png) -514px -419px no-repeat; background-size:auto; }
.search ul.list li a i { margin:0 0 0 10px; color:#0f748f;font-style:normal;font-weight:normal;}
.search ul.views { padding:0; margin:15px 0 0; list-style:none; }
.search ul.views li { margin:0 0 24px; }       
.search ul.views li a {padding:10px 10px 10px 32px; display:block; color:#434a54; font-size:175%;border-left:3px solid #ccd1d9; border-bottom:none; }
.search ul.views li a:hover {background-color:#f2f9fc;}
.search ul.views li .title { display:block;margin:0 0 23px; font-weight:normal;line-height:1.3em; }           
.search ul.views li .contant { display:block; font-weight:normal;font-size:62%; }
.search .bg-gray { padding-left:50px;background:url(../Images/bg_gray.png) 0 0 no-repeat; }                
.search .cpager.center {margin:20px auto;}               
.cpager.center { float:none;}
.center .simple-pagination { display:table; margin:0 auto;}
.search .light-theme .first,.search .light-theme .Last { display:none;}
select.select { -webkit-appearance:none;-moz-appearance:none; position:relative; margin:0 0 0 20px; padding:0 35px 0 20px;background-color:transparent;}
.search select.select { min-width:215px;color:#aaabab; border:1px solid #eaecef;}
.bg-search {position:relative;display:inline-flex; margin:10px 0 30px;}    
.bg-search:before {content:" "; position:absolute;right:5px; top:0;  width:24px;height:30px; padding:0; display:inline-block;background:url(../Images/bg_m.png) -624px -353px no-repeat; background-size:auto; }
.results .sizes,.results .wording {color:#007ec5;}
.article a.link01 {position:relative; margin:0 0 0 35px;border-bottom:none;color:#003ca6;letter-spacing:0.3em;font-size:105%;}
.article a.link01:before {content:" "; display:inline-block; position:absolute; width:30px;height:20px; left:-30px; background:url(../Images/bg_m.png) -385px -477px no-repeat; }
.list_contacts {list-style:none;display:block;margin:10px 0 30px;padding:0;clear:both;}
.list_contacts li {width:33%;display:inline-block;float:left;margin:10px 0 30px;padding:0 10px 0 15px;border-left:3px solid #dbdcde;}
.list_contacts li strong.title,.list_contacts.big li {font-size:115%;}
.list_contacts li img {display:block;margin:0 10px 10px 0;}
.m_left,.article p.m_left {margin-left:75px;}
.table.center.m_left {margin-left:75px;}
.table.freight {max-width:778px;}
.table.freight th {background-color:#e6e9ed;color:#000;font-size:115%;font-weight:bold;padding:12px 0;border:none;border-right:1px solid #ccd1d9;}
.table.freight th:last-child {border-right:none;}
.table.freight td {color:#333;font-size:105%;padding:16px 0;border-color:#eee;}
.table.freight caption {font-size:106.5%;}
.table.freight td.red {color:#ff0202;}
.table.freight tr:last-child td {border-bottom:1px solid #eee;}
.table.freight.noborder td {border:none;}
.table.freight.small th {font-size:105%;}
.table.freight.table-bordered.small td {padding:12px 5px;}
.table.freight.b-radius.table-bordered.small td {padding:16px 5px 0 5px;}
.table.freight.small td input {max-width:100px;}
.table.freight.b-radius.table-bordered,.table.freight.b-radius.table-condensed {border-radius:7px;border:none;border-collapse:inherit;}
.table.freight.b-radius.table-bordered td dt,.table.freight.b-radius.table-condensed td dt {display:none;}
.table.freight.b-radius.table-bordered .btn {min-width:100px;}
.table.freight.b-radius.table-bordered input {border-color:#e3e4e8;}
.table.freight.b-radius th:first-child,.table.freight.b-radius.table-bordered th:first-child {border-radius:7px 0 0 0;}
.table.freight.b-radius th:last-child,.table.freight.b-radius.table-bordered th:last-child {border-radius:0 7px 0 0;}
.table.freight.b-radius.table-bordered td:first-child {border-left:1px solid #e6e9ed;}
.table.freight.b-radius.table-bordered td:last-child {border-right:1px solid #e6e9ed;}
.table.freight.b-radius.table-bordered tr:last-child td {padding:12px 5px 16px;border-bottom:1px solid #e6e9ed;}
.table.freight.b-radius.table-bordered tr:last-child td:first-child,.table.freight.b-radius tr:last-child td:last-child {border-radius:0 0 7px 7px;}
.schedules {position:relative;margin:0 0 0 56px;width:auto;display:inline;cursor:pointer;color:#004a9d;font-size:170%;border-bottom:1px solid;}
.schedules:before {content:" ";background:url(../Images/bg_m.png) -497px -345px no-repeat;display:inline-block;width:54px;height:50px;position:absolute;left:-56px;top:-6px;}
/*search_models*/
.search_models {margin:31px 0 0 93px;position:relative;width:auto;display:block;}
.search_models label {color:#000;font-size:145%;font-weight:normal;}
.search_models:before {content:" ";background:url(../Images/bg_m.png) -482px -473px no-repeat;display:inline-block;width:30px;height:30px;position:absolute;left:-36px;top:-6px;}
.search_models label.m_radio b {display:block;float:left;width:30px;height:25px;background:url(../Images/bg_m.png) -77px -802px no-repeat;}
.search_models label.m_radio b.checked { background:url(../Images/bg_m.png) -77px -732px no-repeat;}
.search_models label.m_radio {margin:0 30px 0 10px;}
.search_models input[type="radio"] {display:none;}
.input_goods {margin:31px 0 0 93px;position:relative;width:auto;display:block;color:#000;font-size:145%;font-weight:normal;}
.input_goods:before {display:inline-block;width:30px;height:30px;position:absolute;left:-36px;top:-6px;content:" ";background:url(../Images/bg_m.png) -272px -470px no-repeat;}
 
/*.modal*/
.modal.modal-default .modal-dialog {max-width:338px;}
.modal.modal-default .modal-title {color:#004a9d;font-weight:normal;}
.modal.modal-default .modal-header {background-color:#e1e5eb;border-radius:7px 7px 0 0;}
.modal.modal-default .modal-header .close {width:25px;height:25px;outline:none;color:#e1e5eb;opacity:1;line-height:1em;text-shadow:none;font-weight:bold;border-radius:50%;background-color:#aab2bd;}
.modal.modal-default .modal-body {background-color:#fbfbfc;border-bottom:1px solid #FFF;}
.modal.modal-default .modal-footer {background-color:#fbfbfc;border-radius:0 0 7px 7px;}
.modal.modal-default .modal-footer.text-center {text-align:center;}
.modal.modal-default .modal-footer a {color:#004a9d;font-size:115%;font-weight:bold;}
.modal.modal-default .modal-body label {color:#004a9d;font-size:115%;}
.modal.modal-default .modal-body select.form-control {color:#000;font-size:115%;margin:0 0 10px;}
.modal.modal-default #datepicker {width:100%;}
.modal.modal-default .input-group {width:100%;display:inline-block;}
.modal.modal-default .form-control,.modal.modal-default #datepicker1 .form-control {margin:0 0 10px;border-radius:4px;border-width:1px;text-align:center;}
.modal.modal-default #datepicker .form-control:last-child {margin:0;}
.modal.modal-default .input-group-addon {padding:4px 0 9px;background-color:transparent;text-align:left;font-size:100%;border:none;}
.modal.modal-default .input-group-addon label {padding:0;margin:0;}
.modal.modal-default .btn.btn-primary {min-width:100%;}
.modal.modal-default label.l_radio:last-child {margin-left:30px;}
.modal.modal-default label.l_radio b {display:block;float:left;width:30px;height:25px;background:url(../Images/bg_m.png) -5px -802px no-repeat;}
.modal.modal-default label.l_radio b.checked {background:url(../Images/bg_m.png) -5px -732px no-repeat;}

#oneday2 {  min-height:114px;}
#Modal_schedules .modal-dialog {margin:0 auto;}
#Modal_schedules .glyphicon-calendar:before {content:" ";width:40px;height:40px;display:inline-block;margin:-7px 0 0;background:url(../Images/bg_m.png) right -634px no-repeat;}


.m_line { display:none; border-bottom:2px solid #ccd1d9;}
.article .cd-horizontal-timeline .events a,.article .cd-horizontal-timeline .events a:focus {width:70px; display:inline-block; font-size:100%;font-family:sans-serif;}
.article .cd-horizontal-timeline a,.article .cd-horizontal-timeline a:focus {border-bottom:none;outline:none;text-decoration:none;color:#000; font-size:130%;}
.article .cd-horizontal-timeline a:hover { color:#fa9403; }
.article .cd-horizontal-timeline .events-content {margin:0 auto;max-width:805px;}
.article .cd-horizontal-timeline .events-content a {position:relative; display:block;margin:20px 40px;}
.article .cd-horizontal-timeline .events-content a.New:before {content:"New";width:45px; height:18px;display:block;position:absolute;left:-75px; top:2px;font-size:75%; text-align:center;line-height:1.3em;color:#FFF;background-color:#f39700; border-radius:5px; }
.article .cd-horizontal-timeline ol,.article .cd-horizontal-timeline ul {list-style:none;}
.article .cd-horizontal-timeline a.next,.article .cd-horizontal-timeline a.prev {background:#fa9403 url(../Images/bg_m.png) right -853px no-repeat;}
.article .cd-horizontal-timeline a.inactive,.article .cd-horizontal-timeline a.inactive:focus {background-color:#fa9403;}
.article .cd-horizontal-timeline .events-content li {width:100%; max-width:640px;margin:0 auto;padding:0;}
.article .cd-horizontal-timeline .events-content em {float:right;margin:3px 0 0; font-size:50%; font-style:normal;}
.article .cd-horizontal-timeline .events-wrapper::before,.article .cd-horizontal-timeline .events-wrapper::after { width:40px;}
.article .select-year {position:relative;  width:335px; height:30px; padding:0 30px; margin:45px auto 0;text-align:center; overflow:hidden;}
.article .select-year ul {position:absolute; height:30px;left:30px;display:block;  margin:0; padding:0; white-space:nowrap;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s; }
.article .select-year li {display:inline-block;float:left; width:69px; padding:0;font-size:130%;line-height:30px;cursor:pointer;font-family:sans-serif;font-weight:bold;  color:#000;   }
.article .select-year li.active { color:#fa9403; }
.article .select-year .prev { display:block;width:30px; height:30px;position:absolute; left:0;top:0; cursor:pointer;background:#FFF url(../Images/bg_m.png) 0 -554px no-repeat;}
.article .select-year .next { display:block;width:30px; height:30px;position:absolute; right:0;top:0; cursor:pointer; background:#FFF url(../Images/bg_m.png) right -554px no-repeat;  }
   
/*---sitemap---*/
.sitemap h3 {  color:#004a9d; font-size:172%;  position:relative; display:block;  width:100%; clear:both;  margin-top:70px; float:left;}
.sitemap h3:after { content:" "; position:absolute; height:1px; width:100%; left:0; display:block; bottom:0; border-left:40px solid #000;background-color:#e1e1e1; }
.sitemap ol.none {  display:block; width:100%; clear:both; margin-bottom:70px;}
.sitemap ol.none li a {  float:left; color:#1e1e1e; font-size:104%; font-weight:700; border:none; padding:20px 20px 0 0; display:inline-block; width:200px;}
.sitemap ol.none li a:hover { color:#fa9403;}
/*---Footer---*/
footer { position:relative;  background-color:#f3f3f3; margin:30px auto 0 auto;}
.linksAll { position:absolute; width:280px; top:-45px; right:0;}
.linksAll b {float:left;height:40px; width:auto; line-height:40px;  color:#373737; }
footer hr.line { width:100%;  margin:0 auto; position:absolute; top:68px; border:none; border-bottom:1px solid #a3a0a0;}
footer .container { padding:0 0 15px 0; margin:0 auto; display:flex; flex-wrap:wrap; flex-direction:row;}
footer .container .col-xs-6.col-md-1.fhome { width:6%; height:68px; display:flex; padding-left:0; padding-right:0;position:inherit;}
footer .container .col-xs-6.col-md-1.fhome > a { width:100%; height:68px;display:flex; justify-content:flex-start;  background:url(../Images/logo_m.gif) center center no-repeat; background-size:auto; font-size:0;}
footer .container .col-xs-6.col-md-1 {display:flex; flex-wrap:wrap; justify-content:flex-start;  align-items:flex-start;  padding:0;  width:15%; }
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
footer .container .col-xs-6.col-md-1 { width:14%; }
}
footer .container .col-xs-6.col-md-2 { padding-left:0; padding-right:0;  width:13%;}
footer b { width:100%;}
footer b a{font-size:145%; color:#007ec5; height:68px; line-height:68px; width:100%; text-align:center; border-bottom:3px solid transparent; display:inline-block; float:left; background:url(../Images/bg_m.png) -785px -9px no-repeat; background-size:auto; letter-spacing:0.3em;}
footer b.about a { color:#fa9403; border-bottom:3px solid #fa9403;}
footer b.about a:hover { color:#fa9403; }
footer b a:hover { color:#007ec5; }
footer a { color:#868686;}
footer ul {  width:100%; margin:20px auto; padding:0; display:flex;  justify-content:flex-start;  align-items:flex-start; flex-direction:column;  min-height:280px;}
footer li { margin:0;  padding:0; list-style:none;  display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
/*---2019更改區塊----*/
footer .container .footer-links {  display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; padding:0; width:94%;}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
footer .container .footer-links { width:90%; padding:0 10px 0px 0px;}
}
footer .copyright-info {width:100%; margin-top:20px;padding:10px 0px; overflow:auto; border-top:1px solid #ddd; text-align:center; clear:both;}
footer .copyright-wrapper {width:100%; margin:auto; min-height:auto;display:flex; flex-wrap:wrap; justify-content:center; align-items:center;  flex-direction:row;}
footer .copyright-wrapper li { width:13%; margin:0px 5px 5px 5px; display:flex;flex-wrap:wrap; justify-content:center; align-items:center; }
footer .copyright-wrapper li.v {display:flex;flex-wrap:wrap; justify-content:center;  align-items:center; width:8%; margin:0px 5px 5px 5px; }
footer .copyright-wrapper li a { padding:0px;  margin:0px; }
.copyright-wrapper li img { width:100%; max-width:148px; height:auto;}
.copyright-wrapper li img.vertical { width:100%; max-width:70px; height:auto;}
footer .infos { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:row; margin:1% auto auto auto; min-height:auto;}
footer .infos li { display:flex; width:auto; flex-wrap:wrap; justify-content:center; align-items:center;  padding:2px 26px; position:relative; margin:5px; white-space:nowrap; color:#696969; font-weight:700;}
footer .infos a:first-child li {padding-left:34px;}
footer .infos li i { display:inline-block; width:26px; height:26px; position:absolute; left:0; top:0; background-image:url(../Images/bg_m.png);  background-repeat:no-repeat;  background-size:1405%;}
footer .infos li.phone i { background-position:-98px -154px;}
footer .infos li.fax i { background-position:-135px -154px;}
footer .infos li.email i { background-position:-173px -154px; }
footer .infos a { text-decoration:none; }
footer li a { padding:2px 0 2px 50px; font-weight:400;}
footer li a:hover {color:#333;}
footer .links { height:40px; width:40px;  display:inline-block; float:left; margin:0 0 0 4%; background-image:url(../Images/bg_m.png); background-repeat:no-repeat; background-size:1196%;}
footer .links:hover { -webkit-filter:grayscale(1);  filter:grayscale(1); }
footer .links.link1 { /* FB */ background-position:-54px -146px; }
footer .links.link2 { /* IG */ background-position:-347px -146px; }
footer .links.link3 { /* Youtube */ background-position:-103px -147px; }
footer .links.link4 { /* App */ background-position:-158px -147px;}
footer .links.youtube {  background-image:url(../Images/bg_m.png);}
footer .cp1 { width:100%;  text-align:center; margin:10px 0px; color:#868686; font-weight:700;}
footer .cp2, footer .cp3 { width:50%;margin:15px auto;padding:0 10px; display:block;float:left;text-align:left;}
footer .cp2 { text-align:right;}
footer .cp2 img, footer .cp3 img { width:70%; margin:0 auto; }
footer .cp2 img:hover, footer .cp3 img:hover {cursor:pointer;}
.m_show { display:none;}
.ms_show { display:none;}
.spacer {  width:100%;margin:5px 0; height:10px;float:left;}
 /*更改tab 目前未使用區塊*/
.spacerH { display:inline-block;  width:auto;height:10px; margin:0 0 0 27px;}
.spacerHBig {display:inline-block;width:auto; height:10px;margin:0 0 0 40px;}

.panel-default.freight { max-width:782px; border-color:#e6e9ed;}
.panel-default.freight > .panel-heading {background-color:#e6e9ed;border-color:#e6e9ed; }
.panel-default.freight > .panel-heading .search_title {display:inline-block;position:relative; font-size:115%; color:#000; }
.panel-default.freight > .panel-heading .search_title:before { content:" ";display:inline-block; width:30px; height:30px; position:absolute; left:-35px;background:url(../Images/bg_m.png) -482px -474px no-repeat;  }
.panel-body .info {margin:5px 0 20px 0;color:#434a54;font-size:90%;}
.panel-default .btn { min-width:100px;font-size:115%;}
@media (min-width:700px) and (max-width:1300px) {
.menu-right > a,.menu-right .dropdown > a { font-size:0; }
}

/*2020 首頁改版取消寬度*/
@media (min-width:1200px) {
.container { max-width:1366px !important;padding:0; position:relative; }
 }

@media (min-width:1024px) {
.container { width:100% !important;padding:0; position:relative; }

/* Navbar General ------*/
nav.navbar ul.nav > li > a { padding:30px 15px;font-weight:600; }
nav.navbar .navbar-brand { margin-top:0; }
nav.navbar .navbar-brand img.logo { width:220px;}
nav.navbar li.dropdown ul.dropdown-menu {border-top:solid 5px; }
        
/* Navbar Center ------*/
nav.navbar-center .navbar-brand { margin:0 !important; }
/* Navbar Brand Top ------*/
nav.navbar-brand-top .navbar-brand { margin:10px !important; }
/* Navbar Full ------*/
nav.navbar-full .navbar-brand { position:relative;top:-15px;  }
/* Navbar Sidebar ------*/
nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand { margin-bottom:50px; }
nav.navbar-sidebar ul.nav > li > a {  padding:10px 15px;font-weight:bold; }
/* Navbar Transparent & Fixed ------*/
nav.navbar.bootsnav.navbar-transparent.white {background-color:rgba(255,255,255,0.3); border-bottom:solid 1px #bbb;}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark { background-color:rgba(0,0,0,0.3);border-bottom:solid 1px #555;}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav { border-left:solid 1px #bbb;}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {border-left:solid 1px #555; }
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a { color:#fff; }
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a { color:#eee; }
/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse {background-color:#222;border-bottom:solid 1px #303030; }
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn {  border-bottom:solid 1px #222 !important;}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right { color:#fff;}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav > li > a { color:#eee; }
nav.navbar.navbar-inverse ul.nav > li.dropdown > a { background-color:#222;}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a { color:#999; }
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 { color:#fff;}
nav.navbar.navbar-inverse .form-control {background-color:#333;border-color:#303030; color:#fff;}
nav.navbar.navbar-inverse .attr-nav > ul > li > a { color:#eee;}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu {background-color:#222;border-left:solid 1px #303030;border-bottom:solid 1px #303030; border-right:solid 1px #303030;}
nav.navbar.navbar-inverse ul.cart-list > li {border-bottom:solid 1px #303030;color:#eee;}
nav.navbar.navbar-inverse ul.cart-list > li img { border:solid 1px #303030;}
nav.navbar.navbar-inverse ul.cart-list > li.total { background-color:#333; }
nav.navbar.navbar-inverse .share ul > li > a { background-color:#555;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu { border-right:solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a { border-bottom:solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content { border-left:solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a {background-color:#333 !important;}
nav.navbar-inverse.navbar-full ul.nav > li > a { border:none; }
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu { background-color:#222; }
nav.navbar-inverse.navbar-full .navbar-toggle {background-color:#222 !important;color:#6f6f6f;}    
}

@media (min-width:1024px) {
nav.navbar.navbar-inverse ul.nav .dropdown-menu { background-color:#222 !important; border-left:solid 1px #303030 !important; border-bottom:solid 1px #303030 !important;border-right:solid 1px #303030 !important; }
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a { border-bottom:solid 1px #303030;}
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {border-left:solid 1px #303030; border-right:solid 1px #303030; }
nav.navbar.navbar-inverse.navbar-transparent.dark { background-color:rgba(0,0,0,0.3);border-bottom:solid 1px #999; }
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav { border-left:solid 1px #999;}
nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.white ul.nav > li > a { color:#fff; }
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a { color:#3f3f3f;  }
}

@media (max-width:1439px) {
.container { padding:0; }
#mytab_1 > .tab-content { font-size:135%;  }
 .article img.center-block { max-width:100%;  }
.w75p { width:92%;}
.w50p { width:49%;  margin:0 0.5%; }
.w50p img {  width:100%;}
#mytab_1 > .tab-content .space {margin:0 0 0 1%;}
#mytab_1 > .tab-content .space.m_hide { display:inline; margin:0 20px; }
}

@media (max-width:1024px) {
#mytab > .tab-content {padding:20px 0px 5px 0px;}
.top-search input.form-control { margin:0 17px; width:80%;border:1px solid #555; }
.menu-right > a,.menu-right .dropdown > a { font-size:0; }
nav.navbar.bootsnav ul.nav > li > a { padding:21px 15px; margin:0; }
nav.navbar.bootsnav ul.nav > li > a > i { display:none;}
#myCarousel .title { top:10%; }
#myCarousel { margin:0 -24px; }
#mytab { margin:0px auto 0; padding:0 20px;  }
#mytab > .nav-tabs > li { height:0px; box-shadow:0px -2px 3px 0px rgba(0,0,0,.08);  }
#mytab > .nav-tabs > li > a { height:40px; line-height:40px;  text-indent:0; font-size:150%;  }
#mytab > .nav-tabs > li > a > i {width:32px; height:32px;background-size:1200%; } 
#mytab > .nav-tabs > li > a.dt-1 i { background-position:-13px -113px;}
#mytab > .nav-tabs > li > a.dt-2 i { background-position:-38px -76px; }
#mytab > .nav-tabs > li > a.dt-3 i { background-position:-80px -76px; }
#mytab > .nav-tabs > li.active > a.dt-1 i, #mytab > .nav-tabs > li > .dt-1:hover i, #mytab > .nav-tabs > li.active > .dt-1:hover i, #mytab > .nav-tabs > li.active > .dt-1:hover i { background-position:-13px -40px; }
#mytab > .nav-tabs > li.active > a.dt-2 i, #mytab > .nav-tabs > li > .dt-2:hover i, #mytab > .nav-tabs > li.active > .dt-2:hover i, #mytab > .nav-tabs > li.active > .dt-2:hover i { background-position:-38px -40px; }
#mytab > .nav-tabs > li.active > a.dt-3 i, #mytab > .nav-tabs > li > .dt-3:hover i, #mytab > .nav-tabs > li.active > .dt-3:hover i, #mytab > .nav-tabs > li.active > .dt-3:hover i { background-position:-80px -40px; }
     
#datepicker {  width:100%; }
.btn3D { padding:5px 30px; border-radius:5px;  }
.content_top h1.title { top:20%;padding:0 0 0 30px;font-size:250%;  }
footer li { justify-content:flex-start; }
footer li a { padding:2px 30px 2px 0px;  }
.m_show { display:block; }
#languages select {  -webkit-appearance:none; }
/* Navbar General ------*/
nav.navbar .navbar-brand {  margin-top:0; position:relative;  top:-2px;  padding:0;  }
nav.navbar .navbar-brand img.logo { width:220px; }
.attr-nav > ul > li > a { padding:16px 15px 15px;  }
.sublink { display:none; }
/* Navbar Mobile slide ------*/
nav.navbar.navbar-mobile ul.nav > li > a { padding:15px}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding-right:15px !important; padding-top:15px !important;  padding-bottom:15px !important; }
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right:30px !important; padding-top:13px !important; padding-bottom:13px !important;  }
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {  padding-top:13px !important; padding-bottom:13px !important; }
/* Navbar Full ------*/
nav.navbar-full .navbar-brand {  top:0;  padding-top:10px;  }
nav.navbar.navbar-inverse .navbar-toggle { color:#eee; background-color:#222 !important; }
nav.navbar.navbar-inverse .navbar-nav > li > a {  border-top:solid 1px #303030;  border-bottom:solid 1px #303030; }
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a {color:#999; border-bottom:solid 1px #303030; }
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {border-bottom:solid 1px #303030; color:#eee; }
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a { border-bottom:solid 1px #303030; color:#999 !important;  }
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom:solid 1px #303030; }
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul {  border-top:solid 1px #303030; }
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse { background-color:#222;}
.fa.fa-bars {  color:#fa9403; font-size:25px; }
.navbar-toggle .fa.fa-times { display:inline-block; float:left;  margin-top:0; padding:5px 15px; position:fixed; height:100%; width:100%;  top:0; left:0;  font-size:25px; color:#000; z-index:98; opacity:0.2; filter:alpha(opacity=20); background-color:#000 !important; }
nav.navbar.bootsnav ul.nav > li > a { padding:21px 15px 21px 40px;  margin:0;}
nav.navbar.bootsnav ul.nav > li > a > i { display:block; left:9px; }
.nav > li.home { display:block;  }
nav.navbar.bootsnav ul.nav > li.home > a > i {display:block; width:40px; height:40px;background:url(../Images/bg_m.png) -375px -6px no-repeat; background-size:1200%;  }
#myCarousel .title {font-size:200%;line-height:1.3; }
.article .table .col-md-3 { margin:0 0 16px; }
.article .table .col-md-3 b {padding:0 5px 5px;}
.article.history h2.title {margin:100px 0 50px; }
.article.history p {margin:0 0 30px; }
.md_links a { font-size:110%; margin-top:10px; }
.w100p .pull-left {max-width:50%; }
.w100p .pull-left img { max-width:100%;}
.w100p .pull-right {max-width:50%; }
.w100p .pull-right img { max-width:100%; }
.list_contacts li {  width:49%; }
/* footer------*/
footer .container .col-xs-6.col-md-1 { width:90%;margin:0 7%;background:url(../Images/line.png) center bottom repeat-x;background-size:auto;}
footer .container .col-xs-6.col-md-1.fhome {position:absolute;width:90%;margin:0 5%; background:none;}
footer .container .col-xs-6.col-md-1.fhome > a {width:80px;left:0px;position:absolute;}
footer .container .col-xs-6.col-md-4.last {width:auto;margin:0 5%; padding:0 0 0 80px;}
.iso { width:100%;padding:0;text-align:left; }
.iso img { width:auto; height:100px; }
.iso a img {width:auto; height:80px;}
.m_left,.table.center.m_left,.article p.m_left { margin-left:0; }
footer .linksAll { top:-50px;right:16px;}
footer .container .last b {background:none; }
footer b a, footer b.about a {border:none; background:none;font-size:140%;text-align:left;text-indent:80px; }
footer b a:after {  content:" ";display:inline-block;position:absolute; right:35px;width:50px; height:68px;background:url(../Images/bg_m.png) -5px -626px no-repeat; }
footer .col-xs-6.col-md-1 ul { margin:10px 0px;display:none; min-height:auto; }
footer .col-xs-6.col-md-1 ul.active {display:block;}
footer li a {padding:3px 0;text-indent:80px; font-size:110%;font-weight:bold; }
footer .infos {width:90%;margin:5px -5%;border-bottom:1px solid #ddd;border-top:1px solid #ddd;justify-content:left;}
footer .infos li {width:90%;margin:0px 0px 0px 7%;justify-content:flex-start;padding:5px 35px 9px 35px;font-size:120%;font-weight:bold;}
footer .infos li i { top:4px;}
footer hr.line { top:60px;}
footer .cp1 {margin:20px 0 50px; font-size:120%;font-weight:bold;text-align:center; }
footer .cp1 .m_show {display:none;}
footer .cp2, footer .cp3 { width:auto;margin:15px 0 10px 0; }
footer .cp2 img, footer .cp3 img { width:auto; height:30px; margin:0 15px 0 0;}
footer .row {  margin:0 auto;}
/*add new 	*/
footer .copyright-info { border-top:none; }
footer .copyright-wrapper {width:90%;margin:0px auto 0px 7%; }
footer .copyright-wrapper li { flex:0 0 30%;margin:10px 5px; padding:0px; }
footer .copyright-wrapper li a { display:flex; width:100%;}
footer .copyright-wrapper li.v {width:5%;margin:0px 5px 5px 5px;justify-content:center; }
.copyright-wrapper li img { max-width:100%;max-height:30px !important; height:auto !important; }
.copyright-wrapper li a img.vertical {width:auto; max-height:70px !important; height:auto !important; }
#mytab_1 > .nav-tabs { width:35%; }
#mytab_1 > .tab-content { width:65%; }
.form-control.adult {margin:0 0 10px;  }
.article p { margin:0 3% 30px 2.3em; }
.article .cd-horizontal-timeline .events-content a.New:before { left:-50px;top:2px;   }
.breadcrumb.big {bottom:-8px;font-size:160%;  }
.article .holidays { margin:0; }
}

@media (max-width:767px) {
.container { padding:0 15px;  }
nav.navbar.navbar-inverse.navbar-mobile ul.nav {   border-top:solid 1px #222; }
#myCarousel .title { font-size:110%;  line-height:1.3; }
.carousel-control {  display:none; }
#myCarousel .title a { font-size:120%;  }
#myCarousel .subtitle { margin-top:0; font-size:80%;  }
#mytab { margin:0 auto; padding:0 15px;  }
#mytab > .nav-tabs > li { height:0px; }
#mytab > .nav-tabs > li > a { height:35px; line-height:35px;text-indent:0; font-size:140%; }
#mytab > .nav-tabs > li > a > i {  display:none; }
#mytab_1 > .tab-content .space {display:block; margin:10px 0 5px; }
#mytab_1 > .tab-content .btn-primary { width:100%; }
#mytab_1 > .tab-content .form-inline .text-right{text-align:left; }  
#mytab_1 > .tab-content label {display:contents;}
.content_top h1.title { padding:0 0 0 15px;font-size:200%;}
.m_top {position:absolute;top:24px;left:120px; }
.md_hide { display:none;}
input.form-control.surname, input.form-control.name {width:100%; margin:0 0 10px; }
.w50p { width:100%; }
.spaceW {  display:none;  }
.panel-default.freight { border:none;}
.m_line { display:block;  }
.panel-default.freight > .panel-heading .search_title { font-size:100%;  }
.panel-default.freight .text-right { text-align:left;  }
.panel-default.freight .btn {  min-width:40%; }
.search ul.list {  padding:0 15px; height:42px;  overflow:hidden; background-color:#f9fafa;  }
.search ul.list.show { overflow:visible; height:auto;  }
.search ul.list li { padding:9px 0; margin:0; text-align:center; display:none; }
.search ul.list.show li { display:block;  }
.search ul.list li:before { display:none; }
.search ul.list li.active { display:block;  }
.search ul.list li.active:before {  display:inline-block;  background:url(../Images/bg_m.png) -10px -648px no-repeat; left:auto;  right:0;  top:9px; }
.table.freight.b-radius.table-bordered { border:none;  }
.table.freight.b-radius.table-bordered th,.table.freight.b-radius.table-condensed th { display:none;  }
.table.freight.b-radius.table-bordered.small td,.table.freight.b-radius.table-condensed td { width:100%;  display:table;  padding:12px 0;  }
.table.freight.b-radius.table-condensed td { border:none; }
.table.freight.b-radius.table-bordered.table-condensed td dt,.table.freight.b-radius.table-condensed td dt { display:inline-block; float:left;  width:45%; text-align:right; padding:0 15px 0 0; }
.table.freight.b-radius.table-bordered.table-condensed td dd,.table.freight.b-radius.table-condensed td dd {display:inline-block; float:left; width:55%;text-align:left; padding:0 0 0 15px;}
.table.freight.b-radius.table-bordered td:first-child,.table.freight.b-radius.table-condensed td:first-child { border:none; padding:25px 0 12px;}
.table.freight.b-radius.table-bordered td:last-child,.table.freight.b-radius.table-condensed td:last-child {border:none;padding:12px 0 25px; border-bottom:2px solid #ccd1d9; }
.table.freight.b-radius.table-bordered tr:last-child td {border-bottom:none; padding:25px 0;}
.table.freight.b-radius.table-bordered tr:last-child td:first-child,.table.freight.b-radius tr:last-child td:last-child {border-radius:0; }
.article .cd-horizontal-timeline ol { margin:0; padding:0;}
.article .cd-horizontal-timeline .events-content a {margin:20px 30px 20px 50px;}
.search .bg-gray {background:none;padding-left:15px;padding-right:15px;}
.article .holidays td { display:block; padding:0 22px;}
.article .holidays td span {padding:10px;}
.article .holidays td a {display:inline; }
}

@media (max-width:425px) {
.searchbtn {display:block;}
#top_search, #notice a.notice_all {display:none;}
#mytab { margin:0px -15px;   }
#mytab > .nav-tabs > li { height:40px;  }
#mytab > .nav-tabs > li > a { height:40px; line-height:40px;}
#mytab > .tab-content {  border:none; border-radius:0;   }
#mytab_1 > .nav-tabs { width:32%!important; }
#mytab_1 > .nav-tabs > li { width:110px; padding:0px; }
#mytab_1 > .nav-tabs > li > a { font-size:100%; padding:12px 5px 10px 5px; min-width:95px; margin:5px 0 0;}
#mytab_1 > .tab-content { font-size:110%; position:relative;  width:68%!important; padding:0px 2% 0px 0%;  }
#mytab_1 > .tab-content .form-inline { /*padding:0 0 0 15px;*/}
#mytab_1 > .tab-content .space {display:block; margin:10px 0 5px;}
#mytab_1 > .tab-content label {margin-bottom:2px;}
#mytab_1 > .tab-content input[type="text"], #mytab_1 > .tab-content button {width:100%;max-width:none; font-size:100%; margin:0; }
#mytab_1 > .tab-content #pane1_3 input.surname {margin:0 0 10px; }
#mytab_1 > .tab-content select {max-width:none;}
#pane2 .content a, #pane3 .content a {  min-width:40%;  font-size:70%;  margin:8px;}
.m_hide { display:none; }
.m_top { position:absolute; top:24px; left:120px;  }
.w75p {  width:100%; }
.input-daterange .input-group-addon { display:none;  }
#mytab_1 > .tab-content .input-daterange input[type="text"] {  width:100%; min-width:200px;float:none; margin:0 0 15px;  text-align:left;  }
 #datepicker.input-daterange {  width:100%;  }
.content_top h1.title { font-size:160%; top:3px; }
.breadcrumb.big { font-size:130%; padding:8px 20px 20px 76px; margin:0; line-height:1.4em;  bottom:-45%; }
.breadcrumb.big > li:first-child > a:first-child { background:transparent url(../Images/bg_m.png) 3px -12px no-repeat;  background-size:900%; height:24px; bottom:18px; left:20px; }
.article { padding:0 10px 100px 10px; }
.article > ol { margin:0; }
.article p { margin:0 0 0 20px; }
.content_top .container { padding:0;}
.md_links.form-inline.right { margin:0 auto; padding:15px 50px 10px 0;}
.md_links.form-inline.right .form-control { display:inline-block; }
.article h3 { padding:0 0 0 9px; }
.article .sitemap h3 {  padding:0; }
.sitemap ol.none li a { width:50%;  padding:20px 10px 0 0;  }
.article.search h3 { padding:0; }
.article.search h4 { padding:0; }
.article h6 { padding:0 0 0 21px;}
.article img.pull-right { max-width:50%; }
.article ol.olist { margin:0 3% 65px 0; padding:0 10px;}
.spaceW { display:none; }
.list_contacts li { width:100%;}
.search_models label.m_radio { margin:0 25px 0 0;  }
.article .cd-horizontal-timeline .events-content li { width:100%; }
.article .cd-horizontal-timeline .events-content a { margin:20px 0 20px 50px;}
.article .cd-horizontal-timeline .events-content a.New:before { left:-50px; top:2px; text-indent:0;}
footer .container .col-xs-6.col-md-4.last { width:90%; margin:0 5%; padding:0 0 0 24px; }
footer ul { margin:68px 0 0 0; padding:0; }
footer b a, footer b.about a { text-align:left; text-indent:2.2em;}
footer .infos li {font-size:100%;padding:5px 35px 10px;margin:0 0 0 6%;}
footer li a { font-size:100%; padding:5px 0; text-indent:48px; }
footer .cp1 { font-size:110%;}
footer .cp2, footer .cp3 { margin:15px 0 10px 15px; }
.iso { padding:0 0 0 16px; }
footer .cp2 img, footer .cp3 img, footer .container .col-xs-6.col-md-2 { width:auto; height:23px;}
footer .container .col-xs-6.col-md-1.fhome { width:100%; margin:0 5% 0 0;}
.ms_show { display:inline-block; }
.panel-body ul { padding:0 0 0 15px; }
.w100p .pull-left {  margin:0 15px 0 0; }
.w100p .pull-right {  margin:0 0 0 15px; }
.table.freight th { font-size:100%;}
.search_models,.input_goods {margin:31px 0 0 52px;}
.article .select-year {width:100%; }
.article .select-year li { width:73px; }
.article ol.float3 li { margin:0;max-width:50%;}
.article ol.float3 li img {width:100%; max-width:180px;}
.article ol.olist > p.note {margin:0 0 0 -1.2em;}
}

@media (max-width:375px) {
#mytab_1 > .tab-content .input-daterange input[type="text"] {  min-width:178px;   }
.article .select-year li { width:82px;  }
}

@media (max-width:320px) {
.breadcrumb.big { font-size:110%; padding:8px 20px 20px 76px; }
.breadcrumb.big > li:first-child > a:first-child {  bottom:17px; left:30px;  }
.content_top h1.title { font-size:140%;  top:-5px; }
.article { padding:0 10px 30px 10px; }
.article .table { font-size:100%; }
.linksAll { width:180px;  }
.linksAll b {display:none;}
.article .select-year li {width:69px;}
footer .infos li { padding:5px 33px 10px;  margin:0; }
footer .container .col-xs-6.col-md-4.last { margin:0;}
}
 
/*-------------------*/
/***** 改版區塊寬度 *****/
/*------------------*/
 
.container__wrapper .container { width:100%; max-width:1300px;}

/*-------------------*/
/***** 文字台頭區塊 *****/
/*------------------*/
.title-wrap{display:flex; flex-wrap:wrap;  align-content:center; margin-top:2%;  }
.title-wrap h2{ position:relative;display:flex; justify-content:flex-start; width:75%; padding-left:3rem;  font-size:36px; font-weight:500;  }
.title-wrap h2::after {  position:absolute;  top:50%;  left:0px;  transform:translateY(-50%);  content:'';  width:3px;  height:1em; background-color:#fa9403;}
.title-wrap .see-more { display:flex; justify-content:flex-end; align-content:center;  align-items:center; width:25%;  font-size:14px;  color:#004a9c;  position:relative; white-space:nowrap;  }
.title-wrap .see-more i{padding-left:5px; }
.title-wrap .see-more:hover{color:#fa9403; text-decoration:underline;}

@media (max-width:768px) {
 .title-wrap h2{ font-size:28px;  }
}
.swiper-container.top-notice-show {float:left; position:relative; padding:0px;  margin:0px;width:100%; height:40px; line-height:40px;  overflow:hidden;transition:all .3s linear;  opacity:1; }
.top-notice-show  a {display:block; height:100%; color:#0054a4;}
.top-notice-show  a:hover  { outline:0;}
.top-notice-show  a:hover p{ text-decoration:underline;}
.top-notice-show  p { float:left;   max-width:100%;  max-width:-moz-calc(100% - 120px); max-width:-webkit-calc(100% - 120px);  max-width:calc(100% - 120px);  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; margin-bottom:0; font-size:100%;   }
.top-notice-show  a .time { float:left; color:#0054a4; font-weight:normal; }
.top-notice-show  a .time:after { color:#0054a4; content:"|"; padding:0 6px;}
.top-notice-show i{color:#fa9404;}
@media (max-width:640px) {
.swiper-container.top-notice-show {  display:none;} 
    
}
/*-------------------*/
/***** 獨享促銷 *****/
/*------------------*/
.swiper-container.ADCarousel{padding:0px 40px 0px 20px;  }
.ADCarousel .swiper-wrapper { width:100%; margin:50px auto; text-align:center;}
.ADCarousel .item { width:185px; height:120px; display:block; margin:0 auto; }
.ADCarousel .item a { background:#FFF url(../Images/bg_m.png) -544px -88px no-repeat; width:185px; height:120px; display:block; position:relative; border:1px dotted transparent; }
.ADCarousel .start { display:block; position:absolute; top:12px; left:12px;  color:#636161; font-size:172%; }
.ADCarousel .end { display:block; position:absolute; top:12px; right:42px; color:#636161; font-size:172%; }
.ADCarousel .price { font-family:'Century Gothic';  font-size:255%; color:#fa9403; position:absolute; bottom:9px; width:auto;  left:12px; font-weight:bold;  }
@media (max-width:767px) {
.swiper-container.ADCarousel{ width:100%; padding:0px; }   
.ADCarousel .swiper-wrapper{margin:0px 15px;}
.ADCarousel .item {  width:145px; height:120px; padding:0px; }
.ADCarousel .item a { background:#FFF url(../Images/bg_m.png) -424px -53px no-repeat; background-size:430%; width:145px; height:120px; }
.ADCarousel .start {top:25px; left:5px; font-size:152%;}
.ADCarousel .end { top:25px; right:32px; font-size:152%; }
.ADCarousel .price { font-size:210%; bottom:16px;  left:6px; } 
}


/*-------------------*/
/***** 無底圖樣式 *****/
/*------------------*/
.bg-none{  background:none!important;  }

/*-------------------*/
/***** 圖1長+2方格 *****/
/*------------------*/
.bg-experience{padding:0px 0px 100px 0px; background:url("../Images/experience-bg.jpg") no-repeat center bottom; background-size:100% auto;}
.swiper-container.experience{ padding-bottom:100px!important;}
.experience .ad-img-box { position:relative; overflow:hidden; width:100%; text-align:left; line-height:1.4em;  border-radius:10px;}
.experience .ad-img-box * { -webkit-box-sizing:border-box;  box-sizing:border-box;  -webkit-transition:all 0.35s ease;  transition:all 0.35s ease;}
.experience .ad-img-box img { max-width:100%; vertical-align:top; border-radius:10px; transition:all 0.35s ease; overflow:hidden;}
.experience .ad-img-box img:hover { transform:scale(1.12);}
/* 0820修改=================================*/
 .experience .ad-img-box figcaption {  position:absolute;  bottom:0; width:100%; min-height:10px;  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.6) 100%); padding:15px 25px; border-radius:0px 0px 10px 10px;  }
/*.experience .ad-img-box figcaption:before {position:absolute; content:''; z-index:2; bottom:100%; left:0; width:100%; height:60px; background-image:-webkit-linear-gradient(top, transparent 0%,  rgba(0,0,0,.6) 100%);  background-image:linear-gradient(to bottom, transparent 0%,  rgba(0,0,0,.6) 100%);}
*/
/*End 0820修改=================================*/
.experience .ad-img-box h3,.ad-img-box p { margin:5px 0px; color:#fff;  }
.experience .ad-img-box h3 {  font-weight:700;text-transform:uppercase;overflow:hidden; /*text-overflow:ellipsis;*/ text-overflow:initial;display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.experience .ad-img-box p { font-size:100%; font-weight:400;letter-spacing:1px; height:40px; overflow:hidden; /*text-overflow:ellipsis; */ text-overflow:initial; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.experience .item .ad-img-box h3 { font-size:120%; line-height:24px;    text-transform:uppercase;}
.experience .item .ad-img-box p { font-size:100%; letter-spacing:1px; }
.experience .item .ad-img-box h3:hover,.experience .item .ad-img-box p:hover{color:#fa9403;}

@media (max-width:767px) {
.bg-experience{padding:50px 0px;  background-size:cover;}  
.experience .item-2x .ad-img-box h3{ font-size:120%; min-height:48px;line-height:24px; word-break:break-all;vertical-align:top; }
.experience .item .ad-img-box h3 { font-size:100%; min-height:48px; line-height:24px;word-break:break-all; vertical-align:top; }    
.experience .ad-img-box h3,.experience .ad-img-box p { -webkit-line-clamp:2;}
.experience .item .ad-img-box p{display:none;}   
.experience .ad-img-box figcaption { padding:10px 5px;}
}
/*-------------------*/
/***** 圖文4方格 *****/
/*------------------*/
.bg-travel{padding:50px 0px 100px 0px; background:#f3f3f0; }
.swiper-container.travel{ padding-bottom:80px!important;}
.travel .item { width:100%; height:auto; margin:0; padding:0; overflow:hidden; position:relative;  /*display:flex;  justify-content:center; align-items:center; */ border-radius:10px; background-color:#000; }
.travel .item img { opacity:1;   width:100%; height:auto;  border-radius:10px; position:relative;  -webkit-transition:all 0.35s ease;  transition:all 0.35s ease;}
.travel .item .ad-img-box {  position:absolute; top:5%; left:5%;/* display:flex; justify-content:center; align-items:center; flex-direction:column; */ width:90%; height:90%;text-align:center; border:solid 1px #fff; border-radius:10px;   background-color:rgba(255,255,255,0); transition:all 0.35s ease;}
.travel .item:hover img { opacity:1; transform:scale(1.15);  }
.travel .item:hover .ad-img-box {  transform:scale(0.96); background-color:rgba(255,255,255,0);}
.travel .item .ad-img-box h4{ margin-top:35%; font-size:30px; line-height:24px; font-weight:700;  text-transform:uppercase; color:#fff; text-shadow:0 1px 4px #34425F;}
.travel .item .ad-img-box p{font-size:120%; letter-spacing:1px;  font-weight:700; text-shadow:0 1px 2px #34425F;}
.travel .item:hover .ad-img-box h4,.travel .item:hover .ad-img-box p { color:#fa9403; }
 
 /*-------------------*/
/***** 圖文3長格 *****/
/*------------------*/
.bg-tour{padding:50px 0px; background:url("../Images/bg-tour.jpg") no-repeat center top; background-size:100% auto;}
.swiper-container.tour{ padding-bottom:80px!important;}
.tour .item-lg { position:relative;  width:91%; padding:0px; margin:0px 15px;  overflow:hidden; border-radius:10px 10px 0px 0px; background-image:-webkit-linear-gradient(bottom, transparent 30%, rgba(0,0,0,1) 50%);  background-image:linear-gradient(to top, transparent 30%,  rgba(0,0,0,1) 50%);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);  box-shadow:0 5px 10px rgba(0,0,0,.1);}
.tour .item-lg img { opacity:0.75; overflow:hidden; display:block; margin:auto; width:100%; height:auto;    position:relative; -webkit-transition:all 0.5s ease;  transition:all 0.5s ease;    }
.tour .item-lg:hover img { opacity:.5; transform:scale(1.05);  overflow:hidden;   }
/* IE10+ CSS styles */
/*@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
   .tour .item-lg:hover img {opacity:.5;}  
} */
.tour .item-lg i img { opacity:1;   }
.tour .item-lg:hover i img { opacity:1; transform:scale(1.05);  overflow:hidden;   }
.tour .item-lg .ad-img-box { position:absolute;top:0px; left:0px; margin:10% auto;  width:100%; height:100%; text-align:center;z-index:3;  }
.tour .item-lg .ad-img-box i { display:block;  margin:20px auto; width:80px; height:80px; }
.tour .item-lg .ad-img-box h4 { display:block; font-size:2.75rem;font-weight:700; margin-top:20px; color:#fff; overflow:hidden;   }
.tour .item-lg .item-descnohs { position:absolute; bottom:0px; right:0px;  display:block; width:102%; height:130px;  margin:-150px 0px 0px 0px;  z-index:99;  background:url("../Images/bg-curve.svg") no-repeat 0px top;background-size:cover; }
.tour .item-lg .item-descnohs p { width:100%;   height:100px;  margin:auto auto 20px auto;  padding:50px 20px 50px 20px; font-weight:400;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }



@media screen and (min-width:641px) and (max-width:1024px){   
.tour .item-lg .item-descnohs {  height:130px;  margin:-100px 0px 0px 0px;  }
.tour .item-lg .item-descnohs p {  margin:auto auto 20px auto; height:70px;  }
}

@media screen and (max-width:640px) {
.tour .item-lg {   width:calc(100% - 30px)!important; margin:15px;  }
.tour .item-lg .item-descnohs { height:140px;  margin:-150px auto 0px auto;   background-size:cover; }
}

/* IE10+ CSS styles */
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.tour .item-lg .item-descnohs {  height:130px;  margin:-150px auto 0px auto;   background-size:100% 200px; }
} 
/*-------------------*/
/*使用Content/F2E/styles/main.css中的.video-container*/
/*-------------------*/
.video-container {  display:-webkit-box; display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical; -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;  -webkit-box-pack:start; -ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;  align-items:center;}
.video-frame { margin-bottom:20px; width:100%; padding:0 11%;}
 @media screen and (max-width:991px) {
.video-frame { padding:0 5%; }}
 @media screen and (max-width:767px) {
.video-frame {  padding:0; }
}
/*-------------------*/
/***** 最新消息列表 *****/
/*------------------*/
ul, li { list-style:outside none;padding:0;margin:0;}
.bg-news{padding:50px 0px; background:url("../Images/bg-logo.png") no-repeat 80vw bottom; background-size:30% auto;}
.news{width:100%; margin:60px auto 100px auto; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; align-self:flex-start;}
.news li {width:100%; min-height:60px; margin:5px; position:relative;  transition:all .3s ease-out;  border-bottom:solid 1px #979797;}
.news li.first{ height:120px;}
.news li.first .item-list-desc h4{font-size:180%!important; line-height:40px!important; font-weight:700;  }
 
@media (max-width:768px) {
.bg-news{padding:0px 0px 100px 0px; background-position:50vw bottom; background-size:70% auto;}
.news{ margin:0px auto;}
.news li{width:100%; height:auto!important; margin:5px auto; }
.news li.first { height:60px;  }
.news li.first h4{   font-size:100%!important; line-height:16px!important;}    
}
.news li > a {display:flex; flex-direction:column;  height:100%}
.news li > a:focus {outline:0;border:0;}
.news li .item-list-date { position:relative;  width:100%;padding:0px 10px;line-height:20px;font-size:0.875rem;  letter-spacing:0;}
@media (max-width:768px) {
 }
.news li .item-list-desc { width:100%; padding:10px;}
@media (max-width:768px) {
.news li .item-list-desc { }
}
.news li .item-list-desc h4 { margin:0;margin-bottom:2px;max-width:100%;font-size:18px; letter-spacing:0;line-height:2.75rem; font-weight:400; overflow:hidden; -ms-text-overflow:ellipsis;text-overflow:ellipsis; white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news li .item-list-desc h4:hover{color:#fa9403;}
@media (max-width:768px) {
.news li .item-list-desc h4 {font-size:100%;line-height:16px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
}
.news li .item-list-desc p {margin:0;max-width:100%;font-size:12px; letter-spacing:0;line-height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media (max-width:768px) {
.news li .item-list-desc p { display:none;}
}
.news li .item-list-date {color:#333;}
.news li .item-list-desc h4 { color:#333;}

/*-------------------*/
/***** F2E Content/F2E/styles/main.css *****/
/*------------------*/
.container__wrapper  {  margin-top:0px;}
@media screen and (max-width:767px) {
.container__wrapper{ margin-top:0px; }
}
.container__wrapper > h2.title{  margin-top:0;}
/* 全部文字區塊 */
.full-content__row > h2.title { padding-left:0;}
.title-decoration {  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.title-decoration h1.title-h1 { width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; font-size:36px; line-height:48px;  font-weight:400; text-align:center;  }
.title-decoration h1.title-h1:before { margin-right:50px;  } 
.title-decoration h1.title-h1:before  {  content:""; flex-grow:1; padding:0 50px; width:auto; height:130px; background:url("../Images/heading-1.svg") no-repeat left top; display:block;}
.title-decoration h1.title-h1:after {  content:""; flex-grow:1; padding:0 50px;   width:auto; height:130px; background:url("../Images/heading-2.svg") no-repeat right top; display:block;}
.title-decoration h1.title-h1:after { margin-left:50px;} 
.title-decoration span { font-size:.875rem; color:#4f4c4c; font-weight:700; text-align:center; display:flex;  justify-content:center;}
.title-decoration h2.title { width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; font-size:36px; line-height:48px;  font-weight:400; text-align:center; }
/*.title-decoration h2.title:before  {  content:""; flex-grow:0; padding:0 50px; width:auto; height:150px; background:url("../Images/balloon.svg") no-repeat left 40px; display:block;}*/
.title-decoration h2.title i { display:inline-block; width:80px; height:80px; }
.title-decoration h2.title i img{max-width:100%; height:auto;}
h2.title {  margin:20px auto; font-size:2em; font-weight:700; padding-left:10px;  overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
@media (max-width:425px) {
.title-decoration h1.title-h1 { width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; font-size:28px; line-height:33px;   text-align:center;  }
.title-decoration h1.title-h1:after {  content:"";   padding:0 ;width:100%; margin-left:20px; }
.title-decoration h1.title-h1:before { display:none; } 
.title-decoration h2.title { display:block;  margin:auto auto 20px auto;   width:100%;  font-size:160%; }
.title-decoration h2.title i { display:block; width:80px; height:80px; margin:auto; }
}

.items-container {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap;  flex-flow:row wrap; -webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:flex-start;  -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;  padding-top:10px;}
 @media screen and (max-width:991px) {
.items-container { height:auto; }
 }
.item,.item-lg,.item-2x{ display:block;height:100%; width:25%;padding-left:10px;padding-right:10px;text-decoration:none; color:#333;}
@media screen and (max-width:991px) {
.item,.item-lg,.item-2x { width:50%; margin-top:15px;margin-bottom:15px;}
}

@media screen and (max-width:767px) {
.item,.item-lg,.item-2x { margin-top:10px;margin-bottom:10px;}
}
.item img,.item-lg img,.item-2x img{ width:100%;height:auto;}

.item-2x { width:50%;}
@media screen and (max-width:991px) {
.item-2x {  width:100%;}
}
a.item:hover, a.item-lg:hover, a.item-2x:hover, a.download-block:hover, a.item:focus, a.item-lg:focus, a.item-2x:focus, a.download-block:focus,a.item-2x:hover,a.item-2x:focus {color:#666; text-decoration:none;}
.item-title { font-size:1em; font-weight:700; margin-top:10px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.item-desc { height:36px; font-size:16px;line-height:18px;overflow:hidden;}
.item-descnoh {font-size:16px; line-height:26px; overflow:hidden;}
.item-descnohs { font-size:15px; line-height:26px; overflow:hidden; display:-webkit-box;}
 

/*-------滿版橫幅.swiper-container__full---------*/
.swiper-container__full .alpha {z-index:1; display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:center;  position:absolute;right:0; top:50%;   padding:40px 60px 40px 20px;  width:30%; height:58.9743%; border-radius:8px 0px 0px 8px;  transform:translateY(-60%);  background:rgba(255,255,255,.6);   transition:all .2s ease-in-out;} 
.swiper-container__full .swiper-slide img{width:100%; max-width:100%; height:auto; text-align:center;  font-size:18px;  /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.swiper-container__full h2 {width:100%; max-height:100px;  margin:0px 0px 32px 0px;;  padding:0px; font-size:260%;  line-height:1.1; color:#333; font-weight:400; letter-spacing:0;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.swiper-container__full  p{ font-size:160%; color:#333; line-height:1.3; margin-top:0px;   overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
 
@media screen and (max-width:1200px) {
.swiper-container__full h2 {  font-size:140%; margin-bottom:10px;  }  
.swiper-container__full  p{ font-size:100%;}    
}
@media screen and (max-width:1024px) {
.swiper-container__full .alpha { top:50%; padding:20px;  width:40%; height:58.9743%;  } 
.swiper-container__full h2 {  font-size:100%; margin-bottom:10px;  }  
.swiper-container__full  p{ font-size:100%;}    
}

@media screen and (max-width:640px) {
.swiper-container__full .alpha { top:60%;  padding:10px;  width:50%;  height:auto;  } 
.swiper-container__full h2{ font-size:80%; }   
.swiper-container__full p{ display:none;} 
 }

/*-------swiper-container---------*/
.swiper-container { height:auto; background-color:rgba(255, 255, 255, 0);}
.swiper-container__full { width:100%;  padding-bottom:32px;position:relative; z-index:0; }
.swiper-wrapper img { width:100%; max-width:100%;height:100%;}
 /* pagination overwrite */
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom:0;}
.swiper-pagination-bullet {height:16px; width:16px;border:1px solid #ccc;background-color:#fff;}
.swiper-pagination-bullet-active { height:8px!important; width:20px!important; background-color:#ccc; border:none;border-radius:15px!important; }
.swiper-pagination__wrapper {position:relative; width:100%;height:22px;}
.swiper-pagination__wrapper .swiper-pagination { width:100%; margin-top:5px;}
.swiper-pagination__wrapper .swiper-pagination > .swiper-pagination-bullet {margin:0 5px;}
.swiper-button-next,.swiper-button-prev {width:42px!important; height:42px!important; top:43%;color:#e0e0e0;background-color:rgba(255,255,255,.3); border-radius:5px;background-size:22px;  box-shadow:0px 3px 6px rgba(0,0,0,.2);  }
.swiper-button-prev > i.fa {position:absolute;left:calc(50% - 17px);top:calc(50% - 17px);font-size:40px;}
.swiper-button-next > i.fa { position:absolute;left:calc(50% - 11px);top:calc(50% - 17px);font-size:40px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next { left:0px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { right:0px;}
 .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image:url("../Images/button-prev.svg")!important; background-color:#fa9404; left:0px; right:auto; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image:url("../Images/button-next.svg")!important; background-color:#004a9c; right:0px; left:auto; }
 .ADCarousel .swiper-button-prev {top:45%!important; left:0px;}
.ADCarousel .swiper-button-next{top:45%!important; right:0px;}

.experience .swiper-button-prev,.tour .swiper-button-prev {top:95%!important; left:40%;}
.experience .swiper-button-next,.tour .swiper-button-next {top:95%!important; right:40%;}

.travel .swiper-button-prev {top:40%!important; left:0;}
.travel .swiper-button-next {top:40%!important; right:0;}

.top-notice-show  .swiper-button-next,.top-notice-show .swiper-button-prev {width:20px!important;height:20px!important; top:30px!important; background-size:10px!important;   }
.top-notice-show  .swiper-button-prev { left:94%;}
.top-notice-show  .swiper-button-next  { right:0px;}
@media screen and (min-width:768px) {
.tour .swiper-button-prev,.tour .swiper-button-next{ display:none;}
.tour .swiper-pagination{display:none;}
}

@media screen and (max-width:992px) {
.top-notice-show  .swiper-button-prev { left:90%;}
}
@media screen and (max-width:767px) {
.swiper-container__full .swiper-button-next,.swiper-container__full .swiper-button-prev {top:60%; width:24px!important;  height:24px!important;  background-size:12px!important;  }
.swiper-button-next,.swiper-button-prev {width:32px; height:32px; background-size:16px!important;  }
.ADCarousel .swiper-button-prev {top:55%!important; left:0px;}
.ADCarousel .swiper-button-next{top:55%!important; right:0px;}
.experience .swiper-button-prev { left:0;}
.experience .swiper-button-next{ right:0;}
.travel .swiper-button-prev,.tour .swiper-button-prev {top:95%!important; left:0;}
.travel .swiper-button-next,.tour .swiper-button-next {top:95%!important; right:0;}
.top-notice-show  .swiper-button-prev,.top-notice-show  .swiper-button-next{ display:none;}
   
}

.segtitle {
    padding: 20px 0px 5px 0px !important;
    margin: 0px 0px 0px 0px !important;
    height: 30px !important;
    background-color: #ffffff !important;
    text-align: left !important;
    font-size: 18px;
}