/* 縮小失敗。正在傳回未縮小的內容。
(1696,150): run-time error CSS1034: Expected closing parenthesis, found ','
(1696,150): run-time error CSS1042: Expected function, found ','
(1696,177): run-time error CSS1034: Expected closing parenthesis, found ','
(1696,177): run-time error CSS1042: Expected function, found ','
(1696,179): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

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

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

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

.flash {
    animation-name: flash;
}

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

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

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

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

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

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

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

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

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

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

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

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

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

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

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

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

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

  @charset "UTF-8";
  html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p,a, em, img, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td,
  article, aside, footer, header, menu, nav {margin: 0;padding: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {display: block;}
  body {line-height: 1;}
  ol, ul {list-style: none;}
  blockquote, q {quotes: none;}
  blockquote:before, blockquote:after,
  q:before, q:after {content: "";content: none;}
  table {border-collapse: collapse;border-spacing: 0;}
  body {font-family: "微軟正黑體" !important;}
  .clearfix {clear: both;}
  /* news */
  /* ==========desktop========== */
  .wrap-news {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  /* header */
  .wrap-news header {background: url(/images/ck/header.jpg) no-repeat;width: 100%;background-size: cover;padding: 10px 0;text-align: center;}
  /* header */
  /* nav */
  .wrap-news nav {background: #00d514;width: 100%;}
  .wrap-news nav ul {width: 1024px;margin: 0 auto;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;}
  .wrap-news nav ul li {width: 100%;text-align: center;}
  .wrap-news nav li:nth-child(odd) a {background: #00d514;}
  .wrap-news nav li:nth-child(even) a {background: #00c92f;}
  .wrap-news nav a {font-size: 20px;color: #fff;text-decoration: none;display: block;width: 100%;height: 100%;padding: 15px;font-weight: bold;-webkit-box-sizing: border-box;}
  .wrap-news nav a:hover {background: #007A1D !important;}
  /* nav */

  /* 畫面輪播 */
  .wrap-news .slider {width: 100%;}
  .wrap-news .slider > button {display: none !important;}
  .wrap-news .slider img {width: 100%;}
  .wrap-news .mobile-slider {display: none !important;}
  .wrap-news .mobile-slider > button {display: none !important;}
  /* 畫面輪播 */

  /* 側邊廣告列 */
  .wrap-news .ad-block {position: static;width: 30%;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
  .wrap-news .ad-block .head {border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px 0;font-size: 21px;text-align: center;margin-top: 20px;}
  .wrap-news .ad-block .head:first-child {margin-top: 0;}
  .wrap-news .ad-block .ad {margin: 10px 0 20px 0;}
  .wrap-news .ad-block .ad a {display: block;text-decoration: none;color: #ff7926;font-size: 18px;margin-bottom: 5px;line-height: 1.2;}
  .wrap-news .ad-block .ad img {width: 100%;}
  .wrap-news .ad-block .link li {border-bottom: 1px dashed #d2d2d2;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px 0;}
  .wrap-news .ad-block .link span {color: #00d514;}
  .wrap-news .ad-block .link a {text-decoration: none;color: #000;line-height: 1.6;overflow: hidden;}
  .wrap-news .ad-block .experience li, .wrap-news .ad-block .prove li {border-bottom: 1px dashed #d2d2d2;}
  .wrap-news .ad-block .experience span, .wrap-news .ad-block .prove span {color: #00d514;}
  .wrap-news .ad-block .experience a, .wrap-news .ad-block .prove a {text-decoration: none;color: #000;line-height: 1.6;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;}
  .wrap-news .ad-position {position: absolute;bottom: 20px;right: 0;}
  .wrap-news .ad-fixed {position: fixed;bottom: 20px;right: 0;}
  /* 側邊廣告列 */

  /* 麵包屑 */
  .wrap-news .breadcrumb {width: 100%;margin-bottom: 20px;}
  .wrap-news .crumb {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: 10px 0;}
  .wrap-news .crumb li {margin: 0 10px;}
  .wrap-news .crumb i {color: #bababa;}
  .wrap-news .crumb a {text-decoration: none;color: #000000;position: relative;}
  .wrap-news .crumb a::after {content: "";display: block;background: #000;position: absolute;width: 0%;height: 1px;bottom: -1px;left: 45%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
  .wrap-news .crumb a:hover::after {width: 100%;left: 0;}

  .wrap-news .Bread_list{display: inline-block;}
  .wrap-news .Bread_list ol{display: flex;list-style: none;background:#eef3f6;box-sizing: border-box;padding:2px 8px;flex-wrap: wrap;line-height:1.3;}
  .wrap-news .Bread_list li{margin:0 10px 0 0;}
  .wrap-news .Bread_list li::after{content:'/';margin-left:10px;}
  .wrap-news .Bread_list li:last-Child::after{content:'';}
  .wrap-news .Bread_list li a{text-decoration: none;font-size: 12px;color:#000000c7;}

  /* 麵包屑 */

  /* main */
  .wrap-news main {width: 1024px;padding: 20px 0 60px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .wrap-news .main {width: 65%;}

  /* 編輯器1號 */
  .wrap-news .edit-1 {line-height: 1.6;margin-bottom: 20px;}
  .wrap-news .edit-1 .Bread_list ol {list-style: none;}
  .wrap-news .edit-1 .Bread_list ol a {font-size: 16px;color: #000000c7;text-decoration: underline;}
  .wrap-news .edit-1 .Bread_list ul {list-style: none;}
  .wrap-news .edit-1 .Bread_list ul a {font-size: 16px;color: #000000c7;text-decoration: underline;}
  .wrap-news .edit-1 ul {line-height: 1.6;list-style-position: inside;list-style-type: disc}
  .wrap-news .edit-1 ol {line-height: 1.6;list-style-position: inside;list-style-type: decimal}
  .wrap-news .edit-1 h1 {font-size: 30px;font-weight: bold;}
  .wrap-news .edit-1 .tag {border: 1px dashed #a0a0a0;border-width: 1px 0;padding: 15px 0;margin: 20px 0;}
  .wrap-news .edit-1 .tag i {color: #495057;}
  .wrap-news .edit-1 .tag a {font-size: 17px;color: #ff7800;}
  .wrap-news .edit-1 .time {font-size: 15px;line-height: 2;}
  .wrap-news .edit-1 p {line-height: 1.6;margin-bottom: 15px;}
  .wrap-news .edit-1 .Focus {font-weight: bold;color: #002061;}
  .wrap-news .edit-1 .point {font-weight: bold;color: orange;}
  .wrap-news .edit-1 table td {padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .wrap-news .edit-1 h1 {display: block;font-size: 2em;font-weight: bold;}
  .wrap-news .edit-1 h2 {font-weight: bold;font-size: 1.5em;color: #F79545;line-height: 1.3;margin: 20px 0;}
  .wrap-news .edit-1 h3 {font-weight: bold;font-size: 1.2em;color: #C20000;line-height: 1.3;margin: 20px 0;}
  .wrap-news .edit-1 h4 {font-weight: bold;font-size: 1.2em;color: #004B97;line-height: 1.3;margin: 20px 0;}
  .wrap-news .edit-1 a {color: blue;text-decoration: underline;}
  .wrap-news .edit-1 em {font-style: italic;}
  /* 編輯器1號 */

  /* 編輯器2號 */
  .wrap-news .edit-2 {line-height: 1.6;}
  .wrap-news .edit-2 .orange {color: #ff7800;font-weight: bold;font-size: 20px;border: 1px solid #ff7800;border-radius: 10px;display: inline-block;padding: 10px 15px;margin-bottom: 20px;}
  .wrap-news .edit-2 h2 {font-size: 24px;font-weight: bold;line-height: 1.6;}
  .wrap-news .edit-2 p {font-size: 18px;line-height: 1.6;}
  .wrap-news .edit-2 .know {line-height: 4;}
  .wrap-news .edit-2 .know a {color: #e60012;}
  /* 編輯器2號 */

  /* ===== 編輯器專用 ===== */
  /* 動畫按鈕開始 */
  .img-holder{text-align:center;}
  .holder-content{position: relative;display:inline-block;overflow: hidden;}
  .holder-content:hover>div{opacity:1;transform:translateY(0);}
  .holder-content img{display: block;width: 100%;height: 100%;}
  .holder-content>div{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background-image:-webkit-linear-gradient(90deg,rgb(160, 235, 245,0.7) 30%,rgb(160, 235, 200,1) 100%);opacity: 0;transition: all .5s;transform:translateY(50%);display: flex;flex-flow: column; justify-content: center;align-items: center;flex-wrap: wrap;}
  .holder-content>div p{width:100%;}
  .holder-content>div a{text-decoration: none;color: #F00 !important;font-size:30px;}
  /* 動畫按鈕結束 */
  /* 引言開始  */
  .foreword{position: relative;box-sizing: border-box;padding:25px; }
  .foreword::before{content:'';   background: url(https://www.pcsr.com.tw/topics/info/images/sprite1.png) no-repeat;display: block;width: 21px;height: 19px;position: absolute;top: 0;left: 0;}
  .foreword::after{content:'';background: url(https://www.pcsr.com.tw/topics/info/images/sprite2.png) no-repeat;display: block;width: 21px;height: 19px;position: absolute;bottom: 0;right: 0;}
  /* 引言結束 */
  /* faq開始 */
  h3.faq{ background-color:#F7FBFC; border:1px solid #D9E6E9; border-radius:10px 10px 0 0; margin-bottom:0!important; padding:5px 10px; color:#459DD5;}
  p.faq{ border:1px solid #D9E6E9; border-top:none; border-radius:0 0 10px 10px; margin:0 0 15px 0!important; padding:5px 10px; line-height: 25px;}
  /* faq結束 */
  /* 段落下底線開始 */
  .underLine_blue  {background:linear-gradient(transparent 59%,#7adaff 0);font-weight: 700;display: inline;}
  /* 段落下底線結束 */
  /* ===== 編輯器專用 ===== */

  /* 編輯器列表 */ 
  .wrap-news .listWrap {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px 40px;border: 1px solid #666;}
  .wrap-news .listWrap .listHead {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;color: #6b6b6b;font-size: 26px;}
  .wrap-news .listWrap .listHead a {color: #444;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e3e3e3));background: -o-linear-gradient(#fefefe, #e3e3e3);background: linear-gradient(#fefefe, #e3e3e3);border: 2px solid #ebebeb;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;font-size: 16px;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
  .wrap-news .listWrap .listHead a:hover {background: -webkit-gradient(linear, right bottom, left top, from(#e2e2e2), to(#eaeaea));background: -o-linear-gradient(right bottom, #e2e2e2, #eaeaea);background: linear-gradient(to left top, #e2e2e2, #eaeaea);border: 2px solid #8C8C8C;}
  .wrap-news .listWrap .listHead a:active {background: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#cacaca));background: -o-linear-gradient(bottom, #e3e3e3, #cacaca);background: linear-gradient(to top, #e3e3e3, #cacaca);border: 2px solid #dadada;}
  .wrap-news .listWrap .listContent ul {margin-bottom: 0;}
  .wrap-news .listWrap .listContent a {color: #428bca;line-height: 2;}
  /* 編輯器列表 */

  /* 熱門考試精選 */
  .wrap-news .choice {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;margin: 50px auto;width: 1024px;border: 1px solid #e5e5e5;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 15px 30px 15px;position: relative;text-align: center;}
  .wrap-news .choice h3 {text-align: center;font-size: 32px;padding: 20px 0;border-bottom: 1px dashed #e5e5e5;width: 100%;margin-bottom: 30px;}
  .wrap-news .choice h3 i {color: #00d514;}
  .wrap-news .choice a {width:23%;display: inline-block;}
  .wrap-news .choice img {width: 100%;height: auto;}
  /* 熱門考試精選 */
  /* main */

  /* footer */
  .wrap-news footer {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;background: #5c6268;width: 1024px;padding: 40px calc((100% - 1024px)/2);}
  .wrap-news footer .head {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .wrap-news footer .head a:nth-child(2) {background: #fff;color: #5c6268;text-decoration: none;width: 65%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 8px 15px;border-radius: 10px;font-size: 22px;font-weight: bold;position: relative;}
  .wrap-news footer .head a:nth-child(2) i {position: absolute;right: 10px;}
  .wrap-news footer .head a:hover {-webkit-box-shadow: 0 0 4px #e5e5e5;box-shadow: 0 0 4px #e5e5e5;}
  .wrap-news footer .head a:active {-webkit-box-shadow: 0 0 15px gray inset;box-shadow: 0 0 15px gray inset;}
  .wrap-news footer ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;}
  .wrap-news footer ul li {width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 3%;border-right: 1px solid #818181;margin-bottom: 30px;color: #fff;font-size: 14px;line-height: 1.6;text-align: center;}
  .wrap-news footer ul li p:first-Child {font-size: 21px;margin-bottom: 8px;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-pack: distribute;justify-content: space-around;}
  .wrap-news footer ul li a {text-decoration: none;background: #00d514;color: #fff;border-radius: 5px;font-size: 14px;padding: 2px 8px;}
  /* footer */

  /* 置頂按鈕 */
  .wrap-news .gotop {position: fixed;bottom: 4%;right: 2%;border-radius: 99em;background: #ff7800;width: 50px;height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;font-weight: bold;text-decoration: none;}
  .wrap-news .gotop:hover {text-decoration: underline;}
  /* 置頂按鈕 */

  /* ==========other========== */
  @media (max-width: 1350px) {
    /* light */
    .light {width: 98%;left: 1%;}
  }
  @media (max-width: 1150px) {
    .wrap-news {}
    .wrap-news nav ul {width: 95%;}
    .wrap-news nav li {width: 100%;}
    .wrap-news nav a {width: 100%;padding: 15px 0;text-align: center;}
    .wrap-news .ad-block .link a {font-size: 1.5vw;}
    .wrap-news main {width: 95%;padding: 20px 2% 40px 2%;margin: 0 auto;}
    .wrap-news .main {width: 68%;}
    .wrap-news .edit-2 img {width: 100%;}
    .wrap-news footer {width: 98%;padding: 40px 1%;}
    .wrap-news footer .head a {width: 60%;}
  }
  /* ==========ipad========== */
  @media (max-width: 768px) {
    .wrap-news {}
    .wrap-news .breadcrumb {margin: 0;}
    .wrap-news .ad-block {width: 30%;}
    .wrap-news .ad-block .ad a {font-size: 15px;}
    .wrap-news .ad-block .link li {padding: 10px 0;}
    .wrap-news .ad-block .link a {font-size: 2vw;line-height: 1.3;}
    .wrap-news .edit-1 h1 {margin-top: 20px;font-size: 3vw;}
    .wrap-news .choice {width: 95%;margin: 30px auto;}
    .wrap-news footer ul li {width: 33%;padding: 0 3%;}
  }
  /* ==========phone========== */
  @media (max-width: 767px) {
    .wrap-news {}
    .wrap-news header {background: url(/images/ck/header-mobile.jpg) no-repeat;background-size: 100% 100%;}
    .wrap-news header img {width: 75%;}
    .wrap-news nav ul {width: 100%;}
    .wrap-news nav span {display: none;}
    .wrap-news nav a {font-size: 5vw;font-weight: 100;}
    .wrap-news nav a:hover, .wrap-news nav a:active {font-weight: 500;}
    .wrap-news .slider {display: none !important;}
    .wrap-news .mobile-slider {display: block !important;}
    .wrap-news .mobile-slider > button {display: none !important;}
    .wrap-news .crumb {width: 100%;-webkit-box-pack: normal;-ms-flex-pack: normal;justify-content: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .wrap-news .crumb a {font-size: 5vw;}
    .wrap-news .crumb li {margin: 5px;}
    .wrap-news main {width: 95%;padding: 10px 0 40px 0;margin: 0 auto;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .wrap-news main .ad-block {margin: 40px auto 0 auto;width: 95%;}
    .wrap-news main .ad-block .head {padding: 5px 0;}
    .wrap-news main .ad-block .link a {font-size: 4.5vw;line-height: 1.6;}
    .wrap-news main .main {width: 100%;margin-top: 30px;}
    .wrap-news main .edit-1 h1 {margin-top: 0px;font-size: 7vw;}
    .wrap-news main .edit-1 .tag a {font-size: 15px;}
    .wrap-news main .edit-1 .time {line-height: 1.3;}
    .wrap-news main .edit-1 h2 {font-size: 1.3em;}
    .wrap-news main .edit-2 h2 {font-size: 7vw;}
    .wrap-news .choice {width: 90%;margin: 50px auto;padding: 0px 15px;}
    .wrap-news .choice h3 {font-size: 8vw;padding-bottom: 20px;}
    .wrap-news .choice h3 i {margin-right: 4px;}
    .wrap-news .choice a {width:calc(50% - 10px);margin-bottom:5px;}
    .wrap-news footer .head {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .wrap-news footer .head img {width: 100%;display: block;margin: 0 auto;}
    .wrap-news footer .head a:nth-child(2) {margin: 20px auto 0 auto;width: 90%;font-size: 16px;}
    .wrap-news footer ul li {width: 49%;padding: 0 5%;}
    .wrap-news footer ul li p:first-child {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .wrap-news footer ul li a {width: 75%;display: block;margin: 0 auto;padding: 0;}
    .wrap-news footer ul li:nth-child(even) {border: 0;}

    .wrap-news .gotop{bottom:10%;}
  }

  /* 手機圖片置換 */
  .mobileimg{ display:none; }
  .text-line{ box-shadow: 0 1px;padding-bottom:1px;}
  /* 手機圖片置換 */  
  /* 手機圖片置換-手機板 */
  @media (max-width: 767px) {
    .desktopimg{ display:none; }
    .mobileimg{ display:block; }
  }
  /* 手機圖片置換-手機板 */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}