/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.8;
    color: #333333;
    background: #fff;
    height: 100%;
    position: relative;
}

a {
    color: #009999;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: #009999;
    outline: none;
}

p {
    margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: "微軟正黑體", Arial, sans-serif;
    font-weight: 400;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

::-webkit-selection {
    color: #818892;
    background: #f9f6f0;
}

::-moz-selection {
    color: #818892;
    background: #f9f6f0;
}

::selection {
    color: #818892;
    background: #f9f6f0;
}

.item.active .fill.topimg1 #btn-nav-apply1 {}


/*.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}*/

@media screen and (max-width: 992px) and (min-width: 768px) {
    .nav>li>a {
        position: relative;
        display: block;
        padding: 20px 8px;
    }
}

#fh5co-header {
    position: absolute;
    z-index: 99;
    width: 100%;
    opacity: 1;
    top: 0;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {}

#cd-logo {
    margin-top: 12px 0 0 12px;
}

#cd-logo img {
    width: 230px;
    margin-top: -15px;
}

@media screen and (max-width: 768px) {
    #fh5co-header {
        margin-top: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    }

    #cd-logo img {
        width: 170px;
        margin-top: -5px;
        padding-left: 15px;
    }

    #fh5co-header .navbar-brand {
        color: #009999 !important;
    }

    #fh5co-header #navbar li a {
        color: rgba(0, 0, 0, 0.5) !important;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    #fh5co-header #navbar li a:hover {
        color: #009999 !important;
    }

    #fh5co-header #navbar li a span:before {
        background: transparent !important;
    }

    #fh5co-header #navbar li.active a {
        background: transparent;
        background: none;
        color: #009999 !important;
    }

    #fh5co-header #navbar li.active a span:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

#fh5co-header .navbar {
    padding-bottom: 0;
    margin-bottom: 0;
}

#fh5co-header #navbar li a {
    font-family:
        /*"Work Sans",*/
        "微軟正黑體", Arial, sans-serif;
    color: #434343;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
}

#fh5co-header #navbar li a span {
    position: relative;
    /*display: block;*/
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 28px;
}

#fh5co-header #navbar li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #009999;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#fh5co-header #navbar li a:hover {
    color: #434343;
}

#fh5co-header #navbar li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

#fh5co-header #navbar li.active a {
    background: transparent;
    background: none;
    color: #434343;
}

#fh5co-header #navbar li.active a span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#fh5co-header .navbar-brand {
    float: left;
    display: block;
    font-size: 30px;
    font-weight: 400;
    padding-left: 0;
    color: #fff;
}

#fh5co-header .navbar-brand span {
    color: #009999;
}

#fh5co-header.navbar-fixed-top {
    position: fixed !important;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    margin-top: 0px;
    top: 0;
}

#fh5co-header.navbar-fixed-top .navbar-brand {
    color: #009999;
}

#fh5co-header.navbar-fixed-top #navbar li a {
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#fh5co-header.navbar-fixed-top #navbar li a:hover {
    color: #009999;
}

#fh5co-header.navbar-fixed-top #navbar li.active a {
    background: transparent;
    background: none;
    color: #009999;
}

#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#fh5co-header .navbar-default {
    border: transparent;
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

@media screen and (max-width: 768px) {
    #fh5co-header .navbar-default {
        margin-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        background-color: #FFFFFF;
    }
}

#fh5co-header .navbar-default .brand-slogan {
    margin: 28px 0 0 15px;
    float: left;
    letter-spacing: 2px;
    color: #adadad;
}

#fh5co-header .navbar-default .brand-slogan em {
    color: #009999;
    font-style: normal;
}

#fh5co-header a {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

body {
    overflow-x: hidden;
}


/*-------------------------------------------*/

a#btn-nav-apply {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 10px;
    /* margin-top: 19px; */
    margin-top: 10px;
    padding: 4px 15px;
    background-color: #00859a;
    border-radius: 8px;
    font-size: 0;
    text-decoration: none;
}

a#btn-nav-apply span {
    color: white;
    font-size: 17px;
}

a#btn-nav-apply.with-hover:hover {
    text-decoration: none;
    background-color: #16a7be;
}

a#btn-nav-apply.with-hover:hover span {
    color: #feffff;
}

@media screen and (max-width: 768px) {
    a#btn-nav-apply {
        margin-right: 60px;
    }
}


/*-------------------------------------------*/

.section-heading {
    /*float: left;*/
    width: 100%;
    clear: both;
}

.section-heading h2 {
    font-size: 40px;
    font-weight: 300;
    color: #444;
    position: relative;
    display: block;
    padding-bottom: 0px;
    line-height: 1.5;
    font-family: "微軟正黑體", Arial, sans-serif;
}

.section-heading h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background: #009999;
    left: 50%;
    margin-left: -40px;
    bottom: 0;
    display: none;
}

.section-heading h3 {
    font-weight: 300;
    line-height: 1.5;
    color: #929292;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .section-heading h2 {
        font-size: 30px;
    }

    .section-heading h3 {
        font-size: 24px !important;
        line-height: 34px;
    }
}

.btn {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#fh5co-food,
#fh5co-our-services,
#fh5co-about-us,
#fh5co-topAD2,
#fh5co-index-act,
#fh5co-features,
#fh5co-tour,
#fh5co-four,
#fh5co-one,
#fh5co-one-a,
#fh5co-gift,
#fh5co-gift0,
#fh5co-fee,
#fh5co-qr,
#fh5co-qr2,
#fh5co-line,
#fh5co-logo,
#fh5co-note,
#fh5co-more {
    padding-top: 2em;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1em;
}

@media screen and (max-width: 768px) {

    #fh5co-four,
    #fh5co-gift0 {
        padding: 2em 0 3em;
    }
}

@media screen and (max-width: 480px) {

    #fh5co-food,
    #fh5co-our-services,
    #fh5co-about-us,
    #fh5co-topAD2,
    #fh5co-index-act,
    #fh5co-features,
    #fh5co-tour,
    #fh5co-one,
    #fh5co-one-a,
    #fh5co-fee,
    #fh5co-qr,
    #fh5co-qr2,
    #fh5co-line,
    #fh5co-logo,
    #fh5co-note,
    #fh5co-more {
        padding: 1em 0;
    }
}

.fh5co-cta {
    padding: 7em 0;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

.fh5co-cta .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    opacity: .1;
}

.fh5co-cta .container {
    position: relative;
    z-index: 2;
}

.fh5co-cta .container h3 {
    margin-bottom: 40px;
    margin-top: 0;
    line-height: 1.5;
}

.fh5co-cta .container h3,
.fh5co-cta .container p {
    color: #fff;
}

.fh5co-cta .container p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .fh5co-cta {
        padding: 3em 0;
    }
}

#fh5co-our-services,
#fh5co-press {
    /* background: #f4f4f4; */
}

#fh5co-our-services .box {
    text-align: center;
    color: #7f7f7f;
    margin-bottom: 70px;
    position: relative;
    float: left;
    width: 100%;
}

@media screen and (max-width: 768px) {
    #fh5co-our-services .box {
        min-height: inherit;
        margin-bottom: 90px;
    }
}

#fh5co-our-services .box .icon {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    top: 0;
    margin-top: -70px;
    margin-bottom: 30px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: table;
    text-align: center;
}

#fh5co-our-services .box .icon>span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#fh5co-our-services .box .icon>span i {
    position: relative;
    float: left;
    margin-top: 5px;
    width: 100%;
    font-size: 40px;
    color: #fff !important;
    margin: 0;
    padding: 0;
}

#fh5co-our-services .box .icon.colored-1 {
    background: #2aaf67;
    background: transparent;
    border: 3px solid #2aaf67;
}

#fh5co-our-services .box .icon.colored-1 i {
    color: #2aaf67 !important;
}

#fh5co-our-services .box .icon.colored-2 {
    background: #00bff3;
    background: transparent;
    border: 3px solid #00bff3;
}

#fh5co-our-services .box .icon.colored-2 i {
    color: #00bff3 !important;
}

#fh5co-our-services .box .icon.colored-3 {
    background: #f26522;
    background: transparent;
    border: 3px solid #f26522;
}

#fh5co-our-services .box .icon.colored-3 i {
    color: #f26522 !important;
}

#fh5co-our-services .box .icon.colored-4 {
    background: #e52b50;
    background: transparent;
    border: 3px solid #e52b50;
}

#fh5co-our-services .box .icon.colored-4 i {
    color: #e52b50 !important;
}

#fh5co-our-services .box .icon.colored-5 {
    background: #2fc5cc;
    background: transparent;
    border: 3px solid #2fc5cc;
}

#fh5co-our-services .box .icon.colored-5 i {
    color: #2fc5cc !important;
}

#fh5co-our-services .box .icon.colored-6 {
    background: #6173f4;
    background: transparent;
    border: 3px solid #6173f4;
}

#fh5co-our-services .box .icon.colored-6 i {
    color: #6173f4 !important;
}

#fh5co-our-services .box .step-number {
    font-size: 16px;
    display: block;
    color: #d1d1d1;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

#fh5co-our-services .box h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    color: #444;
}

.fh5co-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.fh5co-nav-toggle.active i::before,
.fh5co-nav-toggle.active i::after {
    background: #009999;
}

.fh5co-nav-toggle:hover,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.fh5co-nav-toggle i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    /* display: inline; */
    width: 25px;
    height: 3px;
    color: #009999;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #009999;
    transition: all .2s ease-out;
}

.fh5co-nav-toggle i::before,
.fh5co-nav-toggle i::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #009999;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.fh5co-nav-toggle i::before {
    top: -7px;
}

.fh5co-nav-toggle i::after {
    bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
    top: -10px;
}

.fh5co-nav-toggle:hover i::after {
    bottom: -10px;
}

.fh5co-nav-toggle.active i {
    background: transparent;
}

.fh5co-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
    position: absolute;
    /* top: 12px; */
    top: 3px;
    right: 0px;
    z-index: 21;
    padding: 6px 0 0 0;
    display: block;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    border-bottom: none !important;
}

@media screen and (max-width: 768px) {
    .fh5co-nav-toggle {
        display: block;
    }
}

.copyright {
    margin-bottom: 0px;
    padding-bottom: 0;
    background-color: #f4f4f4;
}

#footer {
    padding: 10px 0;
    color: #7f7f7f;
    background-color: #eeeeee;
}

.copyright a {
    color: #7f7f7f;
    outline: none;
    text-decoration: none;
}

.btn {
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.btn.btn-primary {
    background: #40a880;
    color: #fff;
    border: none !important;
    border: 2px solid transparent !important;
    margin-bottom: 20px;
}

.btn.btn-primary-gray {
    background: #6c757d;
    color: #fff;
    border: none !important;
    border: 2px solid transparent !important;
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
    .btn.btn-primary {
        margin-bottom: 15px;
    }
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    box-shadow: none;
    background: #009999;
}

.btn:hover,
.btn:active,
.btn:focus {
    background: #393e46 !important;
    color: #fff;
    outline: none !important;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
    border-color: transparent;
}

.js .to-animate,
.js .to-animate-2,
.js .single-animate .js .animate-single {
    opacity: 0;
}

.js .animate-box {
    opacity: 0;
}

@media screen and (max-width: 480px) {
    .col-xxs-12 {
        float: none;
        width: 100%;
    }
}

.row-bottom-padded-lg {
    padding-bottom: 7em;
}

@media screen and (max-width: 768px) {
    .row-bottom-padded-lg {
        padding-bottom: 2em;
    }
}

.row-bottom-padded-md {
    padding-bottom: 4em;
}

@media screen and (max-width: 768px) {
    .row-bottom-padded-md {
        padding-bottom: 2em;
    }
}

.row-bottom-padded-sm {
    padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
    .row-bottom-padded-sm {
        padding-bottom: 2em;
    }
}

.fh5co-animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*# sourceMappingURL=style.css.map */

#fh5co-four .faq-accordion {
    position: relative;
    width: 100%;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#fh5co-gift0 .faq-accordion {
    position: relative;
    /*float: left;*/
    width: 100%;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 768px) {
    #fh5co-four .faq-accordion {
        padding: 15px;
    }

    #fh5co-gift0 .faq-accordion {
        padding: 15px;
    }
}

#fh5co-four .faq-accordion .faq-accordion-icon-toggle {
    position: absolute;
    top: 27px;
    right: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#fh5co-gift0 .faq-accordion .faq-accordion-icon-toggle {
    position: absolute;
    top: 27px;
    right: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 480px) {
    #fh5co-four .faq-accordion .faq-accordion-icon-toggle {
        top: 17px;
    }

    #fh5co-gift0 .faq-accordion .faq-accordion-icon-toggle {
        top: 17px;
    }
}

#fh5co-four .faq-accordion .faq-accordion-icon-toggle i {
    font-size: 20px;
    color: #40a880;
}

#fh5co-four .faq-accordion h3 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    padding-right: 40px;
    color: #40a880;
    cursor: pointer;
    position: relative;
    display: block;
}

#fh5co-gift0 .faq-accordion .faq-accordion-icon-toggle i {
    font-size: 20px;
    color: #40a880;
}

#fh5co-gift0 .faq-accordion h3 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    padding-right: 40px;
    color: #40a880;
    cursor: pointer;
    position: relative;
    display: block;
}

@media screen and (max-width: 768px) {
    #fh5co-four .faq-accordion h3 {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        width: 90%;
        float: left;
    }

    #fh5co-gift0 .faq-accordion h3 {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        width: 90%;
        float: left;
    }
}

#fh5co-four .faq-accordion .faq-body {
    clear: both;
    display: none;
    padding: 15px 0 0px 0;
    color: #444;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}

#fh5co-four .faq-accordion.active {
    background: #fff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
}

#fh5co-four .faq-accordion.active h3 {
    color: #009999;
}

#fh5co-four .faq-accordion.active .faq-accordion-icon-toggle {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#fh5co-gift0 .faq-accordion .faq-body {
    clear: both;
    display: none;
    padding: 15px 0 0px 0;
    color: #444;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}

#fh5co-gift0 .faq-accordion.active {
    background: #fff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
}

#fh5co-gift0 .faq-accordion.active h3 {
    color: #009999;
}

#fh5co-gift0 .faq-accordion.active .faq-accordion-icon-toggle {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.icon-arrow-up:before {
    content: "\e607";
    font-size: 20px;
    color: #40a880;
}

.icon-arrow-up1:before {
    content: "\e607";
    font-size: 20px;
    color: #40a880;
}

.icon-arrow-up2:before {
    content: "\e607";
    font-size: 20px;
    color: #40a880;
}

.icon-arrow-up3:before {
    content: "\e607";
    font-size: 20px;
    color: #40a880;
}

.icon-arrow-down:before {
    content: "\e604";
    font-size: 20px;
    color: #40a880;
}


/*=======================================================*/

#fh5co-page {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    float: left;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 89;
}

#fh5co-page.fh5co-sleep {
    border-right: 1px solid #ccc;
    -webkit-transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -ms-transform: translateX(-290px);
    -o-transform: translateX(-290px);
    transform: translateX(-290px);
}

#fh5co-wrap {
    z-index: 89;
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
}

.landing-lg-title h3 {
    font-size: 60px;
}

.activity-date {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 10px;
}

.activity-date p {
    font-size: 13px;
    color: #ffffff;
}

.mobile {
    /*margin-top: -230px;*/
    z-index: 2;
}

.mobile img {
    width: 100%;
}

.mobile-title {
    line-height: 2;
}

.mobile-title h1 {
    font-size: 40px;
}

.mobile-title h2 {
    font-size: 35px;
}

.mobile-title h3 {
    font-size: 30px;
}

#sBTN {
    padding-top: 300px;
}

.step {}

.copyright h4 {
    font-size: 26px;
    text-align: right;
}

.copyright h5 {
    font-size: 12px;
    text-align: left;
    color: #777;
    margin-left: 70px;
}

.copyright p {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.faq-A {
    font-size: 20px;
    line-height: 2;
    color: #333;
}

.faq-A h4 {
    font-size: 18px;
    line-height: 2;
    color: #333;
}

@media screen and (max-width: 480px) {
    .landing-lg-title h3 {
        font-size: 50px;
    }

    .mobile {
        /*margin-top: -150px;*/
    }

    .mobile img {
        width: 70%;
    }

    .mobile-title {
        line-height: 2;
    }

    .mobile-title h1 {
        font-size: 25px;
    }

    .mobile-title h2 {
        font-size: 20px;
    }

    .mobile-title h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 992px) {
    .copyright h4 {
        font-size: 20px;
        text-align: center;
    }

    .copyright h5 {
        font-size: 12px;
        text-align: center;
        margin-left: auto;
    }

    .copyright p {
        font-size: 12px;
        text-align: center;
    }
}


/*=========================== *topimg* ============================*/

.top-block {
    height: 500px;
}

.top-title {
    top: 80px;
    color: #ffffff;
    margin-left: 400px;
    /*text-shadow: 2px 2px 3px #434a54;*/
    text-shadow: 0.1em 0.1em 0.2em black;
}

.top-title h2 {
    font-size: 36px;
    line-height: 1.5;
}

.top-title h3 {
    font-size: 20px;
    line-height: 1.5;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: #000;
    opacity: .2;
    /* 透明度 */
}

.fh5co-cta-top {
    padding: 15em 0;
    background: url(../images/topimg.jpg) no-repeat;
    position: relative;
    background-size: cover;
}

.fh5co-cta-top .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: #000;
    opacity: .1;
    /* 透明度 */
}

.fh5co-cta-top .container {
    position: relative;
    z-index: 2;
}

.fh5co-cta-top .container h3 {
    margin-bottom: 40px;
    margin-top: 0;
    line-height: 1.5;
}

.fh5co-cta-top .container h3,
.fh5co-cta-top .container h2,
.fh5co-cta-top .container p {
    color: #fff;
}

.fh5co-cta-top .container p:last-child {
    margin-bottom: 0;
}


/*==================================== BLOCK3 ==================================================*/

.block3 {
    height: 350px;
}

.block3 h3 {
    font-size: 60px;
    color: #fff;
}

.block3-p {
    color: #595757;
    font-size: 18px;
    margin-bottom: 0;
}


/* 暢行無阻 */

.fh5co-cta-simple {
    padding: 15em 0;
    background: url(../images/pic-simple.jpg) no-repeat;
    position: relative;
    background-size: cover;
}


/* 簡便付款 */

.fh5co-cta-secure {
    padding: 15em 0;
    background: url(../images/pic-secure.jpg) no-repeat;
    position: relative;
    background-size: cover;
}


/* 安全消費 */

.fh5co-cta-private {
    padding: 17em 0;
    background: url(../images/pic-private.jpg) no-repeat;
    position: relative;
    background-size: cover;
}

.fh5co-cta-simple h3 {
    margin-left: 50px;
    text-shadow: rgba(12, 12, 12, 0.8) 0em 0em 0.3em;
}

.fh5co-cta-private h3 {
    margin-top: 100px;
    margin-left: 60px;
    text-shadow: rgba(12, 12, 12, 0.8) 0em 0em 0.3em;
}

.fh5co-cta-secure h3 {
    margin-top: -50px;
    margin-left: 150px;
    text-shadow: rgba(12, 12, 12, 0.8) 0em 0em 0.3em;
}

.activity {
    height: 600px;
    padding-left: 300px;
}

.activity h3 {
    font-size: 48px;
    color: #fff;
    line-height: 2;
    text-shadow: rgba(12, 12, 12, 0.8) 0em 0em 0.3em;
}

.activity p {
    color: #fff;
}


/*  幸福時光 */

.fh5co-cta-activity {
    padding: 12em 0;
    background: url(../images/pic-activity.jpg) no-repeat;
    position: relative;
    background-size: cover;
}

@media screen and (max-width: 1600px) {
    .top-title {
        top: 80px;
        color: #ffffff;
        line-height: 2;
        margin-left: 500px;
    }
}

@media screen and (max-width: 1130px) {
    .mobile img {
        width: 90%;
    }

    #sBTN {
        padding-top: 200px;
    }

    .top-block {
        height: 400px;
    }

    .fh5co-cta-top {
        padding: 9em 0;
        background: url(../images/topimg-1024.jpg) no-repeat;
    }

    .top-title {
        top: 90px;
        color: #ffffff;
        margin-left: 210px;
    }

    .top-title h2 {
        font-size: 36px;
        line-height: 1.5;
    }

    /* 暢行無阻 */
    .fh5co-cta-simple {
        padding: 10em 0;
        background: url(../images/pic-simple-1024.jpg) no-repeat;
        position: relative;
    }

    /* 簡便付款 */
    .fh5co-cta-secure {
        padding: 10em 0;
        background: url(../images/pic-secure-1024.jpg) no-repeat;
        position: relative;
    }

    /* 安全消費 */
    .fh5co-cta-private {
        padding: 10em 0;
        background: url(../images/pic-private-1024.jpg) no-repeat;
        position: relative;
    }

    .fh5co-cta-simple h3 {
        margin-top: 10px;
        margin-left: 100px;
    }

    .fh5co-cta-secure h3 {
        margin-top: 10px;
        margin-left: 20px;
    }

    .fh5co-cta-private h3 {
        margin-top: 100px;
        margin-left: 60px;
    }

    .activity {
        height: 520px;
        padding-left: 30px;
    }

    /*  幸福時光 */
    .fh5co-cta-activity {
        padding: 6em 0;
        background: url(../images/pic-activity-1024.jpg) no-repeat;
        position: relative;
    }
}

@media screen and (max-width: 1200px) {
    #sBTN {
        padding-top: 230px;
    }
}

@media screen and (max-width: 991px) {
    #sBTN {
        padding-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .fh5co-cta-top {
        padding: 11em 0;
        background: url(../images/topimg-768.jpg) no-repeat;
    }

    #sBTN {
        padding-top: 50px;
    }

    .top-block {
        height: 300px;
    }

    .top-title {
        top: 60px;
        color: #ffffff;
        line-height: 2;
        margin-left: 70px;
    }

    .top-title h2 {
        font-size: 36px;
        line-height: 1.5;
    }

    .top-title h3 {
        font-size: 18px;
        line-height: 1.5;
    }

    /* 暢行無阻 */
    .fh5co-cta-simple {
        padding: 7em 0;
        background: url(../images/pic-simple-768.jpg) no-repeat;
        position: relative;
    }

    /* 簡便付款 */
    .fh5co-cta-secure {
        padding: 4em 0;
        background: url(../images/pic-secure-768.jpg) no-repeat;
        position: relative;
    }

    /* 安全消費 */
    .fh5co-cta-private {
        padding: 7em 0;
        background: url(../images/pic-private-768.jpg) no-repeat;
        position: relative;
    }

    .fh5co-cta-simple h3 {
        margin-top: 20px;
        margin-left: 0;
    }

    .fh5co-cta-private h3 {
        margin-top: 150px;
        margin-left: 50px;
    }

    .fh5co-cta-secure h3 {
        margin-top: -10px;
        margin-left: 10px;
    }

    .activity {
        height: 520px;
        padding-left: 80px;
    }

    .activity h3 {
        margin-top: -70px;
        font-size: 40px;
        color: #fff;
        line-height: 1.5;
    }

    /*  幸福時光 */
    .fh5co-cta-activity {
        padding: 7em 0;
        background: url(../images/pic-activity-768.jpg) no-repeat;
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    .fh5co-cta-top {
        padding: 7em 0;
        background: url(../images/topimg-640.jpg) no-repeat;
    }

    #sBTN {
        padding-top: 30px;
    }

    .top-title {
        top: 60px;
        color: #ffffff;
        line-height: 2;
        margin-left: 20px;
    }

    .top-title h2 {
        font-size: 26px;
        line-height: 1.5;
    }

    .top-title h3 {
        font-size: 18px;
        line-height: 1.5;
    }

    .block3 h3 {
        font-size: 50px;
        color: #fff;
    }

    /* 暢行無阻 */
    .fh5co-cta-simple {
        padding: 2em 0;
        background: url(../images/pic-simple-640.jpg) no-repeat;
        position: relative;
    }

    /* 簡便付款 */
    .fh5co-cta-secure {
        padding: 2em 0;
        background: url(../images/pic-secure-640.jpg) no-repeat;
        position: relative;
    }

    /* 安全消費 */
    .fh5co-cta-private {
        padding: 4em 0;
        background: url(../images/pic-private-640.jpg) no-repeat;
        position: relative;
    }

    .fh5co-cta-simple h3 {
        margin-top: 50px;
        margin-left: 0;
    }

    .fh5co-cta-private h3 {
        margin-top: 90px;
        margin-left: 20px;
    }

    .fh5co-cta-secure h3 {
        margin-top: 30px;
        margin-left: 0;
    }

    .activity {
        height: 650px;
        padding-left: 0;
    }

    .activity h3 {
        margin-top: 10px;
        font-size: 28px;
        color: #ffffff;
        line-height: 1.5;
    }

    .activity-date {
        font-size: 16px;
        text-shadow: rgba(12, 12, 12, 0.8) 0em 0em 0.3em;
    }

    .activity-date p {
        font-size: 10px;
    }
}


/*================================================ more ================================================*/

.active-title {
    color: #009999;
}

.moreBlock {
    color: #000;
    padding: 10px 0 40px;
    border-bottom: 1px solid #d7d7d7;
}

.moretable th {
    color: #009999;
    text-align: center;
    /*background: #f5f5f5;*/
}

.morered {
    color: #D10003;
}

.moretop {
    margin-top: 190px;
}

.moretophola {
    margin-top: 150px;
}

.moresummer {
    margin-top: 70px;
}

@media (max-width: 991px) {

    .moretop,
    .moretophola {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .moresummer {
        margin-top: 70px;
        margin-bottom: 50px;
    }
}

#fh5co-more h1 {
    font-size: 50px;
    margin-top: 60px;
    margin-bottom: 60px;
}

#fh5co-more h2 {
    font-size: 25px;
    line-height: 2;
}

#fh5co-more h3 {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 30px;
}

#fh5co-more p {
    font-size: 15px;
    color: #333333;
}

#fh5co-more h5 {
    /*-- 備註文字 --*/
    color: #7f7f7f;
    line-height: 1.5;
    margin-bottom: 40px;
}

#fh5co-more h5 a {
    color: #7f7f7f;
}

#fh5co-more a {
    /*-- 按鈕文字 --*/
    color: #ffffff;
}

#fh5co-more ul {
    font-size: 20px;
    padding-left: 25px;
    margin-bottom: 25px;
}

.list-ul-style {
    font-size: 20px;
}


/*====== 下拉選單 ======*/

#fh5co-header .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: rgba(240, 248, 255, 0);
}

#fh5co-header .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333333;
    border-radius: 0px;
}


/*======= SAMSUNG Pay Step ====*/

.exstep img {
    margin-top: 30px;
    margin-bottom: 30px;
}

.exstep h4 {
    margin-top: 20px;
}


/*==========================================   navbar ======================================= */

@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        /*margin-right: -132px;*/
        margin-right: 100px;
    }
}


/*-- 2% AD --*/

#fh5co-topAD2 {
    border-top: 5px solid #009999;
    border-bottom: 5px solid #009999;
    /*#d7d7d7;*/
}

.percent2 {}

.percent2 h1 {
    color: #009999;
    font-size: 33px;
}

.percent2 h3 {
    font-size: 20px;
    line-height: 1.8;
}

.percent2 h5 {
    color: #717171;
    line-height: 1.5;
    margin-bottom: 40px;
}

.percent2red {
    color: #D10003;
}

.percent2 img {
    padding-top: 140px;
    margin-left: -15px;
}

@media (max-width: 991px) {
    .percent2 img {
        padding-top: 0;
        padding-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

@media (max-width: 768px) {
    .percent2 h1 {
        font-size: 30px;
        line-height: 2;
    }

    .percent2 h3 {
        font-size: 16px;
        line-height: 1.8;
    }

    .percent2 h5 {
        color: #717171;
        line-height: 1.5;
        margin-bottom: 40px;
    }
}


/*-- note8 AD --*/

#fh5co-index-act {}

.index-act h1 {
    color: #009999;
    font-size: 33px;
}

.index-act h3 {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.index-act h4 {
    font-size: 16px;
    color:
        /*#cf9000;*/
        #bd7400;
}

.index-act h5 {
    color: #717171;
    /*#102e52;*/
    font-size: 13pt;
    line-height: 2;
    margin-bottom: 45px;
}

.index-act h6 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.8;
}

.index-act h6 small {
    font-size: 12px;
    color: #ffeb9d;
}

.index-act td {
    color: #102e52;
}

.note8_w {
    display: block;
}

.note8_h {
    display: none;
}

.note8_h img {
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .note8_w {
        display: none;
    }

    .note8_h {
        display: block;
    }
}

@media (max-width: 991px) {
    .index-act img {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .note8_w {
        display: block;
    }

    .note8_h {
        display: none;
    }
}

@media (max-width: 768px) {
    .index-act h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    .index-act h3 {
        font-size: 16px;
        line-height: 1.8;
    }

    .index-act h5 {
        color: #717171;
        line-height: 1.5;
        margin-bottom: 40px;
    }
}


/* --------------------------------  Landing -------------------------------- */

.landing {
    /*background: url("../images/landing.jpg") no-repeat;*/
    background-size: cover;
    background-position: center center;
    height: 800px;
    overflow: hidden;
    position: relative;
}

.landing .container_fluid {
    height: 100%;
}

.landing .title {
    /*background: url("../images/landing_title_bg.png") no-repeat; */
    /*background-size: 100% auto; */
    /*background-color: rgba(255,254,241,0.9);*/
    /*border: 5px solid #f96370;*/
    width: 400px;
    height: 220px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kerker {
    width: 400px;
    height: 160px;
    position: absolute;
    top: 160%;
    left: 50%;
    margin-left: -200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Applynow {
    width: 220px;
    height: 220px;
    position: absolute;
    top: 225px;
    left: -98px;
    margin-left: -200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#image_18 {
    width: 202px;
    height: 200px;
}

.title .airballoon {
    position: absolute;
    width: auto;
    left: 88%;
    top: 30%;
}

.balloon {
    position: absolute;
    width: auto;
    bottom: -73%;
    left: 50%;
    margin-left: -316px;
    z-index: 1;
}

.flag {
    position: absolute;
    width: auto;
    animation-duration: 2s !important;
}

.flag_usa {
    left: 25%;
    top: 69%;
}

.flag_aud {
    left: 83%;
    top: 86%;
}

.flag_cny {
    right: 65%;
    top: 60%;
}

.bg {
    background: url("../images/landing.jpg") center no-repeat;
    background-size: cover;
    width: 1920px;
    height: 987px;
    position: absolute;
    top: -20%;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.text p {
    font-size: 40px;
    color: #3571AE;
    font-weight: 800;
}

.hint {
    font-size: 16px;
    margin-top: 14px;
}


/*.landing .title .landing_date { background: url("../images/landing_date.png") no-repeat; background-size: 100% auto; width: 135px; height: 100px; position: absolute;
    right: 6%;
    top: 24%;
}*/

.landing .title h1 {
    color: #3571AE;
    font-size: 80px;
    font-weight: 500;
    padding-top: 10px;
}

.landing .title h2 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 100px 0 10px 0;
}

.landing .title h2 .count {
    color: red;
    font-size: 30px;
}

.landing .title h3,
.landing .title h3 span {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px 0;
    line-height: 28px;
    color: #505050;
}

.landing .title h3 span {
    color: #ff2242;
    font-weight: 700;
}

.airplane {
    position: absolute;
    width: 180px;
    margin: 0;
    left: 18%;
    top: 18%;
}

.landing .title_content {
    width: 600px;
    height: 150px;
    left: 50%;
    margin-left: -300px;
    position: absolute;
    bottom: 20%;
}

.landing .title_content ul li {
    display: inline-block;
    margin: 0 20px;
}

.landing .title_content ul li p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.landing .title_content ul li a {
    display: inline-block;
    padding: 15px 20px;
    width: 200px;
    border: 5px solid #fff;
    color: #fff;
    border-radius: 20px;
    transition: all .5s;
}

#left_block {
    background-color: #f73f4f;
}

#right_block {
    background-color: #2e66f3;
}

#left_block:hover {
    background-color: rgba(247, 63, 79, 0.8);
    border: 5px solid #5b5b5b;
}

#right_block:hover {
    background-color: rgba(46, 102, 243, 0.8);
    border: 5px solid #5b5b5b;
}

h4 {
    color: #646464;
    font-size: 35px;
    line-height: 42px;
    padding: 10px 20px;
    margin-top: 20px;
    font-weight: 500
}

@media (max-width: 1000px) {
    h4 {
        font-size: 25px;
        line-height: 30px;
        padding: 22px 0px;
    }
}

@media (max-width: 1000px) {}


/*@media (max-width: 767px) { .landing { height: 600px; }*/


/*.landing .title { width: 500px;height: 310px; margin-left: -250px; top: 26%; }*/


/*.landing .title .landing_date { width: 120px; height: 100px; position: absolute; right: -2%; top: 29%; }*/


/*.landing .title h1 { font-size: 52px; font-weight: 500; padding-top: 5px; }*/


/*.landing .title h2 { font-size: 20px; padding: 68px 0 7px 0; }*/


/*.landing .title h2 .count { color: red; font-size: 30px; }*/


/*.landing .title h3 { font-size: 15px; letter-spacing: 1px; padding: 10px 0; }*/


/*.landing .title_content {  bottom: 4%; }*/


/*}*/

@media (max-width: 500px) {
    .landing {
        height: 500px;
    }

    .landing {
        background: url("../images/landing_s.jpg") center bottom no-repeat;
    }

    .landing .title {
        width: 300px;
        height: 175px;
        margin-left: -150px;
        top: 30%;
    }

    /*.landing .title .landing_date { width: 93px; height: 29px; position: absolute; right: -2%; top: 26%; }*/
    .landing .title h1 {
        font-size: 45px;
        font-weight: 500;
        padding-top: 5px;
    }

    .landing .title h2 {
        font-size: 18px;
        padding: 63px 0 7px 0;
    }

    .landing .title h2 .count {
        font-size: 20px;
    }

    /*.landing .title h3 { display: none; }*/
    .landing .title_content {
        width: 320px;
        margin-left: -160px;
        bottom: -3%;
    }

    .landing .title_content ul li {
        margin: 0 8px;
    }

    .text p {
        font-size: 30px;
    }

    .landing .title_content ul li a {
        padding: 9px;
        width: 112px;
    }

    .landing .title_content ul li p {
        font-size: 12px;
        line-height: 20px;
    }

    .title .airballoon {
        width: 20%;
    }

    .hint {
        font-size: 12px;
    }

    /*.special img{*/
    /*width: 60px;*/
    /*}*/
    /*.special ul li {*/
    /*width: auto;*/
    /*margin: 10px auto;*/
    /*}*/
    /*.special ul li h3{*/
    /*font-size: 16px;*/
    /*}*/
    /*.special ul li p{*/
    /*font-size: 14px;*/
    /*}*/
    /*.special_text{*/
    /*width: 210px;*/
    /*display: inline-block;*/
    /*vertical-align: 13px;*/
    /*}*/
    .airplane {
        top: 21%;
    }
}


/*@media (max-width: 400px) {*/


/*.landing .title { width: 300px; height: 175px; margin-left: -150px; top: 33%; }*/


/*.landing .title .landing_date { width: 93px; height: 32px; position: absolute; right: 0%; top: 15%; }*/


/*.landing .title h1 { font-size: 35px; font-weight: 500; padding-top: 5px; }*/


/*.landing .title h2 { font-size: 14px; letter-spacing: 0; padding: 45px 0 7px 0; }*/


/*.landing .title h2 .count { font-size: 20px; }*/


/*.landing .title h3 { display: none; }*/


/*.landing .title_content { width: 280px; margin-left: -140px; bottom: 0%; }*/


/*}*/


/* --------------------------------  Warn -------------------------------- */

.container_fluid {
    max-width: 1200px;
    margin: 0 auto;
}

@keyframes balloon {
    0% {
        bottom: -73%;
        opacity: 1;
        left: 50%;
    }

    25% {
        left: 48%;
    }

    50% {
        left: 52%;
    }

    75% {
        left: 48%;
    }

    100% {
        bottom: 90%;
        opacity: 0;
    }
}

.balloon_animated {
    animation-name: balloon;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease-in;
}

@keyframes air_balloon {
    0% {
        transform: translateY(10px) rotate(16deg);
    }

    50% {
        transform: translateY(0) rotate(16deg);
    }

    100% {
        transform: translateY(10px) rotate(16deg);
    }
}

.air_balloon_ani {
    transition: all 1s;
    animation-name: air_balloon;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes airplane {
    0% {
        left: 18%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: .8;
    }

    100% {
        left: 75%;
        opacity: 0;
    }
}


/*----------------------------4大方法------------------------*/

.center_001 {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.center_001_txt {
    width: 370px;
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #595656;
    display: block;
    line-height: 1.8;
    text-align: justify;
    text-align: left;
    margin: auto;
}

@media (max-width: 400px) {
    .center_001_txt {
        width: 308px;
        font-size: 15px;
        font-weight: 600;
    }
}

.center_001_txt a {
    color: #595656;
}

.text001 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 40px;
    line-height: 1.8;
}

.text002 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 30px;
    line-height: 1.8;
}

.text003 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 26px;
    line-height: 1.6;
}

.text004 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.6;
}

.text005 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.6;
}

.text006 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
}

.text007 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

.text008 {
    font-family: "微軟正黑體", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .text001 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 36px;
        line-height: 1.8;
    }

    .text002 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 26px;
        line-height: 1.8;
    }

    .text003 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 22px;
        line-height: 1.6;
    }

    .text004 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 20px;
        line-height: 1.6;
    }

    .text005 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 16px;
        line-height: 1.6;
    }

    .text006 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 14px;
        line-height: 1.6;
    }

    .text007 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 11px;
        line-height: 1.6;
    }

    .text008 {
        font-family: "微軟正黑體", Arial, sans-serif;
        font-size: 12px;
        line-height: 1.6;
    }

    .block3-p {
        color: #595757;
        font-size: 18px;
        margin-bottom: 0;
    }
}

@media (max-width: 400px) {
    #image_1 img {
        width: 90%;
    }

    #image_2 img {
        width: 90%;
    }

    #image_3 img {
        width: 90%;
    }

    #image_4 img {
        width: 90%;
    }
}


/*----------------------------4大方法end------------------------*/


/*----------------------------期間限定----------------------------*/

.note-5 {
    max-width: 740px;
    margin: auto;
}

.note-5 p {
    color: #595757;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
}

.note-5 span {
    color: #ec7080;
}

@media screen and (max-width: 768px) {
    .note-5 {
        font-size: 14px;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }
}


/*----------------------------首刷好禮+好友推薦-----------------------*/

#image_5 {
    display: block;
}

#image_6 {
    display: none;
}

@media (max-width: 1200px) {
    #image_5 img {
        width: 100%;
    }

    #image_6 img {
        width: 100%;
    }

    #image_19 img {
        width: 100%;
    }

    #image_20 img {
        width: 100%;
    }

    #image_21 img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    #image_5 img {
        width: 100%;
    }

    #image_6 img {
        width: 100%;
    }

    #image_19 img {
        width: 90%;
    }

    #image_20 img {
        width: 90%;
    }

    #image_21 img {
        width: 90%;
    }
}

@media (max-width: 768px) {
    #image_5 img {
        width: 100%;
    }

    #image_6 img {
        width: 100%;
    }

    #image_19 img {
        width: 90%;
    }

    #image_20 img {
        width: 90%;
    }

    #image_21 img {
        width: 90%;
    }
}

@media (max-width: 480px) {
    #image_5 {
        display: none;
    }

    #image_6 {
        display: block;
    }

    #image_5 img {
        width: 90%;
    }

    #image_6 img {
        width: 100%;
    }

    #image_19 img {
        width: 90%;
    }

    #image_20 img {
        width: 90%;
    }

    #image_21 img {
        width: 90%;
    }
}

@media (max-width: 400px) {
    #image_5 img {
        width: 90%;
    }

    #image_6 img {
        width: 100%;
    }

    #image_19 img {
        width: 90%;
    }

    #image_20 img {
        width: 90%;
    }

    #image_21 img {
        width: 90%;
    }
}


/*----------------------------首刷好禮+好友推薦end-----------------------*/


/*-------------------優惠滿檔---------------------*/

@media (max-width: 400px) {
    #image_7 img {
        width: 90%;
    }

    #image_8 img {
        width: 90%;
    }

    #image_9 img {
        width: 90%;
    }

    #image_10 img {
        width: 90%;
    }

    #image_14 img {
        width: 90%;
    }

    #image_15 img {
        width: 90%;
    }

    #image_16 img {
        width: 90%;
    }

    #image_17 img {
        width: 90%;
    }
}


/*-------------------優惠滿檔end---------------------*/


/*== 滑動slider ==*/

#main {
    margin-left: 0;
    width: 500px;
    /*margin-top: 0;*/
    margin-top: 10px;
}

#main_1 {
    margin-left: 0;
    width: 500px;
    /*margin-top: 0;*/
    margin-top: 10px;
}

.step h4 {
    margin: -10px -20px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}

@media screen and (max-width: 991px) {
    #main {
        margin-left: 30%;
        width: 400px;
    }

    #main_ {
        margin-left: 30%;
        width: 400px;
    }
}

@media screen and (max-width: 769px) {
    #main {
        margin-left: 20%;
    }

    #main_1 {
        margin-left: 20%;
    }
}

@media screen and (min-width: 350px) and (max-width: 400px) {
    #main {
        margin-left: -23px;
        width: 360px;
    }

    #main_1 {
        margin-left: -21px;
        width: 360px;
    }
}

@media screen and (min-width: 401px) and (max-width: 480px) {
    #main {
        margin-left: -2px;
        width: 360px;
    }

    #main_1 {
        margin-left: -2px;
        width: 360px;
    }

    .step h4 {
        margin-top: -10px;
        font-size: 16px;
        line-height: 1.2;
        color: #333333;
    }
}

@media screen and (max-width: 320px) {
    #main {
        margin-left: -15px;
        width: 290px;
    }

    #main_1 {
        margin-left: -7%;
        width: 290px;
    }

    .step h4 {
        margin-top: -10px;
        font-size: 16px;
        line-height: 1.2;
        color: #333333;
    }

    element.style {
        width: 320px;
    }
}


/*---滑動end---*/


/*-------------- 綁定注意事項--------------------*/

#fh5co-line .faq-accordion {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 768px) {
    #fh5co-line .faq-accordion {
        padding: 15px;
    }
}

#fh5co-line .faq-accordion .faq-accordion-icon-toggle {
    position: absolute;
    top: 27px;
    right: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 480px) {
    #fh5co-line .faq-accordion .faq-accordion-icon-toggle {
        top: 17px;
    }
}

#fh5co-line .faq-accordion .faq-accordion-icon-toggle i {
    font-size: 20px;
    color: #40a880;
}

#fh5co-line .faq-accordion h3 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    padding-right: 40px;
    color: #40a880;
    cursor: pointer;
    position: relative;
    display: block;
}

@media screen and (max-width: 768px) {
    #fh5co-line .faq-accordion h3 {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        width: 90%;
        float: left;
    }

    #image_18 {
        width: 0px;
        height: 0px;
    }
}

#fh5co-line .faq-accordion .faq-body {
    clear: both;
    display: none;
    padding: 15px 0 0px 0;
    color: #444;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}

#fh5co-line .faq-accordion.active {
    background: #fff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
}

#fh5co-line .faq-accordion.active h3 {
    color: #009999;
}

#fh5co-line .faq-accordion.active .faq-accordion-icon-toggle {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.glyphicon-arrow-down:before {
    content: "\e094";
}


/*-------------- 綁定注意事項--------------------*/
.topimg1 {
    background-image: url(../images/photo1.jpg) !important;
}

.topimg2 {
    background-image: url(../images/photo2.jpg) !important;
}

.topimg3 {
    background-image: url(../images/photo3.jpg) !important;
}

.topimg4 {
    background-image: url(../images/photo4.jpg) !important;
}

@media screen and (max-width: 480px) {
    .topimg1 {
        background-image: url(../images/photo1_s.jpg) !important;
    }

    .topimg2 {
        background-image: url(../images/photo2_s.jpg) !important;
    }

    .topimg3 {
        background-image: url(../images/photo3_s.jpg) !important;
    }

    .topimg4 {
        background-image: url(../images/photo4_s.jpg) !important;
    }
}


/* carousel 輪播 */

#indexCarousel {
    margin-top: 50px;
}





.carousel-indicators li {
    background-color: rgba(187, 187, 187, 0.8);
    border: 0px;
}

.carousel-indicators .active {
    background-color: #099;
}

.carousel-inner .item {
    height: 100%;
}

@media screen and (max-width: 768px) {
    .carousel-inner .item {
        height: 500px;
    }

    .carousel-control-prev img {
        transform: scale(0.5);
    }

    .carousel-control-next img {
        transform: scale(0.5);
    }
}

@media screen and (max-width: 480px) {
    .carousel-inner .item {
        height: 450px;
    }

    ul,
    ol {
        margin-top: 0;
        margin-bottom: 5px;
    }
}


.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    opacity: .8;
    border-radius: 50px;
    border: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
    .carousel-control-prev .kv_prev {
        margin-bottom: -70px;
    }

    .carousel-control-next .kv_next {
        margin-bottom: -70px;
    }
}

/* rent4icon */


/*-------------主視覺 立即申辦------------------------------*/

#btn-nav-apply_a {
    position: absolute;
    right: 16%;
    margin-right: 20px;
    margin-top: 19px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 4px;
    bottom: 22%;
    margin-left: 10px;
}

.btn-nav-apply1 {
    margin-right: 10px;
    margin-top: 19px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 4px;
    background-color: #f2f5e2;
    border-radius: 15px;
    font-size: 24px;
    border: 2px solid #10623C;
    color: #012316;
    font-weight: bold;
    margin-left: 10px;
}

.btn-nav-apply1 span {
    color: #10623C;
    font-size: 24px;
}

.btn-nav-apply1.green-hover:hover {
    text-decoration: none;
    background-color: #10623c;
}

.btn-nav-apply1.green-hover:hover span {
    color: #ffffff;
}


/*-----------------------按鈕定位--------------------*/


/* 桌機 小於1600 */

@media (max-width: 1600px) {
    #btn-nav-apply_a {
        right: 13%;
        bottom: 22%;
    }
}


/* 桌機 小於1440 */

@media (max-width: 1440px) {
    #btn-nav-apply_a {
        right: 11%;
        bottom: 22%;
    }
}


/* 桌機 小於1360 */

@media (max-width: 1360px) {
    #btn-nav-apply_a {
        right: 10%;
        bottom: 22%;
    }
}


/* 桌機 小於1280 */

@media (max-width: 1280px) {
    #btn-nav-apply_a {
        right: 8%;
        bottom: 22%;
    }
}


/* 桌機 小於1200 */

@media (max-width: 1200px) {
    #btn-nav-apply_a {
        right: 6%;
        bottom: 22%;
    }
}


/* 桌機 小於1139 */

@media (max-width: 1139px) {
    #btn-nav-apply_a {
        right: 3%;
        bottom: 22%;
    }
}

@media (max-width: 1024px) {
    #btn-nav-apply_a {
        right: 3%;
        bottom: 22%;
    }
}

@media (max-width: 992px) {
    #btn-nav-apply_a {
        right: 6%;
        bottom: 22%;
    }

    .btn-nav-apply1 {
        margin-right: 5px;
        margin-top: 19px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 4px;
        background-color: #f2f5e2;
        border-radius: 15px;
        font-size: 18px;
        border: 2px solid #10623C;
        color: #012316;
        font-weight: bold;
        margin-left: 5px;
    }

    .btn-nav-apply1 span {
        color: #10623C;
        font-size: 18px;
    }

    .btn-nav-apply1.green-hover:hover {
        text-decoration: none;
        background-color: #10623c;
    }

    .btn-nav-apply1.green-hover:hover span {
        color: #ffffff;
    }
}


/* 平板 
@media (min-width: 768px) and (max-width: 979px) {
}*/


/* 手機橫 */

@media (max-width: 767px) {
    #btn-nav-apply_a {
        right: 1%;
        bottom: 22%;
    }
}


/* 手機直 */

@media (max-width: 480px) {
    #btn-nav-apply_a {
        /* position: absolute;*/
        /*right: 16%;
    margin-right: auto;*/
        margin-top: 0px;
        bottom: 6% !important;
        margin-left: auto;
        right: 1% !important;
    }

    .btn-nav-apply1 {
        background-color: #f2f5e2;
        border-radius: 15px;
        font-size: 15px;
        border: 2px solid #10623C;
        color: #012316;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
    }

    .btn-nav-apply1 span {
        color: #10623C;
        font-size: 15px;
    }

    .btn-nav-apply1.green-hover:hover {
        text-decoration: none;
        background-color: #10623c;
    }

    .btn-nav-apply1.green-hover:hover span {
        color: #ffffff;
    }
}


/*-----------------主視覺立即申辦--------------------------*/


/*-----------------主視覺立即申辦2--------------------------*/

#btn-nav-apply_b {
    position: absolute;
    right: 50%;
    margin-right: 20px;
    margin-top: 19px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 4px;
    bottom: 21%;
    margin-left: 10px;
}

.btn-nav-apply1 {
    margin-right: 10px;
    margin-top: 19px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 4px;
    background-color: #f2f5e2;
    border-radius: 15px;
    font-size: 24px;
    border: 2px solid #10623C;
    color: #012316;
    font-weight: bold;
    margin-left: 10px;
}

.btn-nav-apply1 span {
    color: #10623C;
    font-size: 24px;
}

.btn-nav-apply1.green-hover:hover {
    text-decoration: none;
    background-color: #10623c;
}

.btn-nav-apply1.green-hover:hover span {
    color: #ffffff;
}


/*-----------------------按鈕定位--------------------*/


/* 桌機 小於1600 */

@media (max-width: 1600px) {
    #btn-nav-apply_b {
        right: 48%;
        bottom: 21%;
    }
}


/* 桌機 小於1440 */

@media (max-width: 1440px) {
    #btn-nav-apply_b {
        right: 48%;
        bottom: 21%;
    }
}


/* 桌機 小於1360 */

@media (max-width: 1360px) {
    #btn-nav-apply_b {
        right: 48%;
        bottom: 21%;
    }
}


/* 桌機 小於1280 */

@media (max-width: 1280px) {
    #btn-nav-apply_b {
        right: 48%;
        bottom: 21%;
    }
}


/* 桌機 小於1200 */

@media (max-width: 1200px) {
    #btn-nav-apply_b {
        right: 46%;
        bottom: 21%;
    }
}


/* 桌機 小於1139 */

@media (max-width: 1139px) {
    #btn-nav-apply_a {
        /*right: 46%;*/
        bottom: 21%;
    }
}

@media (max-width: 1024px) {
    #btn-nav-apply_b {
        right: 44%;
        bottom: 21%;
    }
}

@media (max-width: 992px) {
    #btn-nav-apply_b {
        right: 45%;
        bottom: 21%;
    }

    .btn-nav-apply1 {
        margin-right: 5px;
        margin-top: 19px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 4px;
        background-color: #f2f5e2;
        border-radius: 15px;
        font-size: 18px;
        border: 2px solid #10623C;
        color: #012316;
        font-weight: bold;
        margin-left: 5px;
    }

    .btn-nav-apply1 span {
        color: #10623C;
        font-size: 18px;
    }

    .btn-nav-apply1.green-hover:hover {
        text-decoration: none;
        background-color: #10623c;
    }

    .btn-nav-apply1.green-hover:hover span {
        color: #ffffff;
    }
}


/* 平板 
@media (min-width: 768px) and (max-width: 979px) {
}*/


/* 手機橫 */

@media (max-width: 767px) {
    #btn-nav-apply_b {
        right: 42%;
        bottom: 21%;
    }
}


/* 手機直 */

@media (max-width: 480px) {
    #btn-nav-apply_b {
        /* position: absolute;*/
        right: 1%;
        /*margin-right: auto;*/
        margin-top: 0px;
        bottom: 6%;
        margin-left: auto;
    }

    .btn-nav-apply1 {
        background-color: #f2f5e2;
        border-radius: 15px;
        font-size: 15px;
        border: 2px solid #10623C;
        color: #012316;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
    }

    .btn-nav-apply1 span {
        color: #10623C;
        font-size: 15px;
    }

    .btn-nav-apply1.green-hover:hover {
        text-decoration: none;
        background-color: #10623c;
    }

    .btn-nav-apply1.green-hover:hover span {
        color: #ffffff;
    }
}


/*-----------------主視覺立即申辦b end--------------------------*/

#banner_1 {
    display: block;
}

#banner_2 {
    display: none;
}

@media (max-width: 480px) {
    #banner_1 {
        display: none;
    }

    #banner_2 {
        display: block;
    }
}

.navbar-nav {
    margin: 12.5px -15px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 90px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
    content: " ";
    display: table;
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        padding-right: 110px;
        overflow: visible !important;
    }

    .navbar-right {
        float: right !important;
        /*margin-right: -132px;*/
        margin-right: 100px;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 25px;
    }
}

.navbar-nav .dropdown-menu {
    position: absolute;
}


/*-----------------主視覺 左側標題--------------------------*/

.card-new {
    width: 35%;
    position: absolute;
    height: 100%;
    margin-left: -6%;
    /*border: 3px solid #999900;*/
}

.card-conten {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    /*align-content:center;*/
    align-items: center;
    height: 100%;
    /*border: 4px solid #f00;*/
}

.card-title {
    max-width: 90%;
    margin: 0 auto;
    /*border: 2px solid #000;*/
}

.card-new img {
    /*max-width:80%;*/
    height: auto;
    margin: auto;
}

.card-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
    /*width:378px;*/
    /*border: 1px solid #00f;*/
}

@keyframes changeImg {
    from {
        left: -100%;
    }

    100% {
        left: 150%;
    }
}

@keyframes searchLights {
    0% {
        left: -200px;
        top: -300px;
    }

    100% {
        left: -160px;
        top: 800px;
    }
}

.shan {
    position: absolute;
    -webkit-animation: changeImg 3s ease 0s;
    -o-animation: changeImg 3s ease 0s;
    animation: changeImg 3s ease 0s;
    top: 0;
    width: 30%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .3), transparent);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
    /*transform:skewX(-45deg);*/
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg);
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.ilogo {
    position: relative;
    float: left;
    margin: 18px 0 0 5px;
    overflow: hidden;
    transition-duration: 5s;
}

.ilogo:before {
    content: "";
    position: absolute;
    width: 1000px;
    height: 80px;
    background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .3), transparent);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 3s ease-in 0s infinite;
    -o-animation: searchLights 3s ease-in 0s infinite;
    animation: searchLights 3s ease-in 0s infinite;
}

@keyframes searchLights {
    0% {
        left: -200px;
        top: -300px;
    }

    100% {
        left: -160px;
        top: 800px;
    }
}

#shan_img {
    max-width: 100%;
}

.card-box-text {
    max-width: 100%;
    margin: 0 auto;
    /*border: 2px solid #0f0;*/
}

.card-old {
    max-width: 100%;
    margin: 0 auto;
    /*border: 2px solid #0f0;*/
}

.FlexItem {
    /* 1 */
    flex-shrink: 0;
    /* 2 */
}

.mxw-100 {
    max-width: 100%;
}

.photo_2_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 5rem;
}

.photo_2_btn img {
    margin: 0 5px;
}

@media screen and (max-width: 1600px) {
    .card-new {
        width: 28%;
        margin-left: -2%;
    }

    #shan_img {
        width: 95%
    }

    .card-old {
        width: 80%;
    }
}

@media screen and (max-width: 1400px) {
    .card-new {
        width: 30%;
        margin-left: 6%;
    }

    #shan_img {
        width: 75%
    }

    .photo_2_btn {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        margin-bottom: 3rem;
    }

    .photo_2_btn img {
        margin: 0 5px;
        width: 90%;
    }
}

@media screen and (max-width: 780px) {
    .card-new {
        width: 30%;
        margin-left: 6%;
    }

    #shan_img {
        width: 75%
    }

    .photo_2_btn {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        margin-bottom: 3rem;
    }

    .photo_2_btn img {
        margin: 0 5px;
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    .card-new {
        margin-top: -5px;
        width: 57%;
        margin-left: -2%;
    }

    #shan_img {
        width: 75%
    }

    .photo_2_btn {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 10%;
        margin-left: 10%;
        margin-bottom: 2rem;
    }

    .photo_2_btn img {
        margin: 0 5px;
        width: 100%;
    }
}

@media screen and (max-width: 380px) {
    .card-new {
        margin-top: -35px;
        width: 55%;
        margin-left: 2%;
    }

    #shan_img {
        width: 75%
    }
}


/*-----------------主視覺 左側標題end--------------------------*/


/*----------------------賴點卡消費必備 -----------------------*/

#img_one {
    display: block;
}

#img_one_s {
    display: none;
}

#img_two {
    display: block;
}

#img_two_s {
    display: none;
}

#img_four {
    display: block;
}

#img_four_s {
    display: none;
}

#img_fives {
    display: block;
}

#img_fives_s {
    display: none;
}

@media screen and (max-width: 480px) {
    #img_one {
        display: none;
    }

    #img_one_s {
        display: block;
    }

    #img_two {
        display: none;
    }

    #img_two_s {
        display: block;
    }

    #img_four {
        display: none;
    }

    #img_four_s {
        display: block;
    }

    #img_fives {
        display: none;
    }

    #img_fives_s {
        display: block;
    }
}

.Feedback {
    display: flex;
    justify-content: space-around;
    padding-top: 30px;
}

.Feedback_item {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.line {
    border-left: 1px solid #c2c2c2;
}

/* .Feedback_item+.Feedback_item {
    border-left: 1px solid #c2c2c2;
} */

.Feedback_img {
    text-align: center;
}

.Feedback_img img {
    width: 100%;
    max-width: 431px;
}

.Feedback_btn {
    padding-top: 30px;
    margin: 0 auto -30px;
}

.Feedback_btn a {
    margin: 0 10px;
}


/*--------------回饋無上限的小字----------*/

.Feedback_txt {
    display: flex;
}

.Feedback_item_txt {
    display: flex;
    flex-direction: column;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .Feedback {
        flex-direction: column;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .Feedback_item {
        margin-bottom: 20px;
    }

    .Feedback_item+.Feedback_item {
        border-left: 0px solid #c2c2c2;
        border-top: 1px solid #c2c2c2;
    }

    .Feedback_btn {
        padding-top: 20px;
        padding-bottom: 10px;
    }
}


/*----------------------賴點卡消費必備end ---------------------*/


/*--------------------賴點卡消費必備 注意事項-------------------*/

#fh5co-one-a .faq-accordion {
    position: relative;
    width: 100%;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 768px) {
    #fh5co-one-a {
        /* padding-bottom: 3em; */
    }

    #fh5co-one-a .faq-accordion {
        padding: 15px;
    }
}

#fh5co-one-a .faq-accordion .faq-accordion-icon-toggle {
    position: absolute;
    top: 27px;
    right: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 480px) {
    #fh5co-one-a .faq-accordion .faq-accordion-icon-toggle {
        top: 17px;
    }
}

#fh5co-one-a .faq-accordion .faq-accordion-icon-toggle i {
    font-size: 20px;
    color: #40a880;
}

#fh5co-one-a .faq-accordion h3 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    padding-right: 40px;
    color: #40a880;
    cursor: pointer;
    position: relative;
    display: block;
}

@media screen and (max-width: 768px) {
    #fh5co-one-a .faq-accordion h3 {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        width: 90%;
        float: left;
    }
}

#fh5co-one-a .faq-accordion .faq-body {
    clear: both;
    display: none;
    padding: 15px 0 0px 0;
    color: #444;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}

#fh5co-one-a .faq-accordion.active h3 {
    color: #009999;
}

#fh5co-one-a .faq-accordion.active .faq-accordion-icon-toggle {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/*--------------------賴點卡消費必備 注意事項end-------------------*/


/*
  --- mainAct ---*/

.mainAct {
    padding-top: 34px;
    padding-bottom: 30px;
}

.mainAct a:hover {
    text-decoration: none;
}

.mainAct .list-group {
    flex-direction: row;
    justify-content: center;
}

.mainAct .list-group-item {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    color: #40a880;
    font-weight: bold;
    text-align: center;
    max-width: 200px;
    margin: 10px 12px;
    padding: .25rem .75rem;
}

.mainAct .list-group-item.active {
    background-color: #40a880;
    border-color: #40a880;
    color: #FFFFFF;
}

.mainAct .list-group-item+.list-group-item.active {
    margin: 10px 12px;
}

.mainAct .list-group-item span {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 1.3rem;
}

@media screen and (max-width: 560px) {
    .mainAct .list-group-item {
        margin: 10px 5px;
        /*        padding: .25rem .75rem;*/
        padding: .25rem .3rem;
    }

    .mainAct .list-group-item+.list-group-item.active {
        margin: 10px 5px;
    }
}


/* 圖片切換 lg/sm */

.img-lg {
    display: block;
}

.img-sm {
    display: none;
}

@media screen and (max-width: 768px) {
    .mainAct .list-group {
        flex-wrap: wrap;
    }

    .swiper-container {
        padding: 0 0 1.25rem;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: auto;
        width: auto;
        background-color: transparent;
    }

    .swiper-button-prev {
        left: 10px;
    }

    .swiper-button-next {
        right: 10px;
    }
}

@media screen and (max-width: 560px) {
    .mainAct {
        margin-bottom: 0;
    }

    /* 圖片切換 lg/sm */
    .img-lg {
        display: none;
    }

    .img-sm {
        display: block;
    }
}


/*sp @media size*/

@media screen and (max-width: 414px) {
    /*.mainAct .list-group-item,
    .list-group-item.active {
        min-height: 120px;
    }*/
}


/*
  --- Swiper -------------------------------*/

.swiper-container {
    padding: 0 4rem 1.25rem;
}

.swiper-container ul {
    list-style: none;
    padding-inline-start: 0;
}


/* 無滑動區塊 no-swiper-wrapper */

.no-swiper-wrapper {
    padding: 0 4rem 1.25rem;
    /* 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-slide .item,
.no-swiper-wrapper {
    /*  outline: 1px solid red;*/
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.swiper-wrapper .item img,
.no-swiper-wrapper img {
    width: 100%;
    flex-shrink: 0;
    /*for IE 不收縮*/
    position: relative;
}


/* 定位按鈕 item-btn */

.swiper-wrapper .item .item-btn,
.no-swiper-wrapper .item-btn {
    /*for IE 用定位*/
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}


/* 無滑動區塊底部少了Pagination點點,定位按鈕需墊高 */

.no-swiper-wrapper .item-btn {
    bottom: 1rem;
}

.swiper-slide .btn,
.no-swiper-wrapper .btn {
    bottom: 0;
}

.swiper-button-prev,
.swiper-button-next {
    top: 0;
    font-weight: bold;
    height: 100%;
    width: 4rem;
    /* background-color: rgba(255, 255, 255, 0.8); */
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
    text-align: right;
}

@media screen and (max-width: 991px) {
    .swiper-container {
        padding: .1rem 1.75rem 1.25rem;
    }

    .swiper-container ul {
        margin-bottom: 50px;
    }

    .no-swiper-wrapper {
        flex-wrap: wrap;
    }

    .no-swiper-wrapper .item {
        min-width: 280px;
        min-height: 100px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: block;
        top: 45%;
        height: 5%;
        width: 1.75rem;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 768px) {
    .swiper-container {
        padding: .1rem 1.75rem 0rem;
    }

    .no-swiper-wrapper {
        padding: .1rem 1.75rem 0rem;
    }

    .swiper-container ul {
        margin-bottom: 40px;
    }

    .no-swiper-wrapper li {
        margin-bottom: 60px;
    }
}



/*---- 新戶早鳥按鈕---------------------*/

.limited_time {
    position: relative;
}

.limited_time_btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 30px;
}

@media screen and (max-width: 768px) {
    .btn-lg.btn_lt {
        font-size: 1rem;
        padding: 0.3rem 0.5rem;
    }

    .limited_time_btn {
        bottom: 10px;
    }
}


/*---- //新戶早鳥按鈕---------------------*/


/*-------注意事項彈出視窗--------------------*/

.modal-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 5px;
    color: #58ac8c;
    padding: 0;
}

.modal-content {
    border-radius: 1rem;
}

.modal-content button:focus {
    outline: none;
}

.modal-dialog {
    max-width: 960px;
    margin: 1.75rem auto;
}

.modal-header .close {
    border: 0;
    opacity: .5;
    background-color: #fff;
}

.modal-header .close:hover {
    opacity: .7;
}

@media screen and (max-width: 768px) {
    .modal-title {
        font-size: 22px;
        letter-spacing: 0px;
        font-weight: 600;
    }
}

#myBtn {
    display: inline-block;
    position: fixed;
    width: 117px;
    height: 117px;
    bottom: 50px;
    right: 35px;
    z-index: 99;
    border: none;
    outline: none;
    background-image: url("../images/apply.png?d=20230630");
    background-size: contain;
    cursor: pointer;
    padding: 10px;
}

#travelgo {
    display: inline-block;
    position: fixed;
    width: 117px;
    height: 117px;
    bottom: 175px;
    right: 35px;
    z-index: 99;
    border: none;
    outline: none;
    background-image: url("../images/travelgo.png");
    cursor: pointer;
    padding: 10px;
}

#myBtn:hover {
    background-image: url("../images/apply_a.png?d=20230630");
}

#travelgo:hover {
    background-image: url("../images/travelgo_a.png");
}

@media screen and (max-width: 768px) {
    #myBtn {
        width: 81px;
        height: 81px;
        bottom: 50px;
        right: 10px;
        z-index: 99;
        border: none;
        outline: none;
        background-image: url("../images/apply_s.png?d=20230630");
    }

    #myBtn:hover {
        background-image: url("../images/apply_a_s.png?d=20230630");
    }

    #travelgo {
        width: 81px;
        height: 81px;
        bottom: 140px;
        right: 10px;
        z-index: 99;
        border: none;
        outline: none;
        background-image: url("../images/travelgo_s.png");
    }

    #travelgo:hover {
        background-image: url("../images/travelgo_s.png");
    }
}

.rfont {
    color: #ff0000;
}

/*target錨點定位*/

.target-fix {
    position: relative;
    top: -68px;
    display: block;
    height: 0;
    overflow: hidden;
}

.target2-fix {
    position: relative;
    top: 70px;
    display: block;
}

.bg_white {
    background-image: url(../images/line-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    .bg_white {
        background-image: url(../images/line-bg_s.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

/* 期間限定最高7% */
.mainArea2 h2 {
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 360px;
    height: 130px;
    background: transparent url(../images/ribbon_01.gif) no-repeat center / 100%;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 30px;
}

.ctn {
    padding: 20px;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-color: #fff;
    /* box-shadow: 0px 0px 8px 1px #d8c9b3; */
    border: 1px solid #bebfbf;
    margin: 30px 0 50px;
}

.ctn h4 {
    color: #2E2E2E;
    font-size: 1.3rem;
    line-height: 1.6;
    padding: 0px 0px 10px;
    font-weight: 600;
    text-align: center;
    color: #595757;
}

.ctn h6 {
    padding: 0px;
    color: #595757;
}

.ctn .numbers {
    padding-right: 2px;
    font-size: 1.5rem;
    color: #40a880;
}

.ctn .big-numbers {
    font-size: 2rem;
    padding-left: 2px;
    color: #40a880;
}

.mainArea2 .ribbon {
    margin-top: -85px;
}

.limitEvent01,
.limitEvent02 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 36px 0px;
}

.limitEvent02 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0px 36px 0px;
}

.limitEvent_title {
    margin-top: 30px;
    padding: 0px;
}


@media screen and (max-width: 576px) {
    .mainArea2 h2 {
        width: 290px;
    }

    .ctn {
        border-radius: 28px;
    }
}


.highlight {
    background: linear-gradient(to bottom, transparent 50%, #ccffeb 50%);
    padding: 4px;
}

/* //期間限定最高7% */


.bg_paleYellow {
    /* background-color: #f6f5f0; */
    background: linear-gradient(175deg, #fff 45%, #c1e1da 100%);
}

.bg_city {
    background: linear-gradient(170deg, #fffce8 20%, #40a8804f 100%), url(../images/bg_city.png);
}

.bg_ligeGrey {
    /* background-color: #a6a6a6; */
    /* background: linear-gradient(90deg,#ccc 0%,#a6a6a6 10%,#a6a6a6 90%,#ccc 100%); */

    /* background: linear-gradient(180deg,#fff 20%,#e2e5ea 100%); */
    /* background: linear-gradient(90deg,#e2e5ea 0%,#fff 20%,#fff 80%,#e2e5ea 100%); */

    background: #f6f5f0;
    /* background: linear-gradient(90deg,#f6f5f0 0%,#fff 20%,#fff 80%,#f6f5f0 100%); */
}

/*注意事項手機板有卷軸*/
.table_overflow {
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .table_overflow {
        overflow: scroll;
    }
}

/* 消費回饋無上限 iPASS MONEY 區塊 */
.profit {
    font-size: 2rem;
    padding: 0 1px;
}

.green {
    font-weight: bold;
    color: #40a880;
}

.layiut {
    display: grid;
}

.ipass-item {
    border: 1px solid #bebfbf;
    background-color: white;
    border-radius: 40px;
    padding: 5px 0;
    margin: 1rem 0;
}

.ipass-item .ipass-icon img {
    width: 65px;
    margin: 0 auto .5rem;
    /* background-color: #40a880; */
    /* border-radius: 50%; */
    /* padding: 10px; */
}

.ipass-item .ipass-icon {
    font-size: 2rem;
    font-weight: bold;
}

.ipass-item .ipass-txt {
    font-size: 1.3rem;
}

.ipass-item h5 {
    font-size: 1rem;
    padding-top: 8px;
}


@media screen and (max-width: 768px) {
    .ipass-item {
        margin: 5px 0;
    }
}

.bg-city {
    margin-top: -30px;
    background-image: url(../images/bgbg.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 20%;
    height: 250px;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    .bg-city {
        /* margin-top: -30px; */
        background-image: url(../images/bgbg_s.png);
        background-size: 20%;
        height: 120px;
        background-size: contain;
    }
}

/* LINE消費通知服務 步驟標*/
.serve-step-box span {
    color: #40a880;
    font-weight: bold;
    font-size: 1.5rem;
}

/* 
modal */
.modal .btn-close {
    background: url(../images/close.png) no-repeat center center;
    width: 3em;
    height: 3em;
    float: right;
}

/* 游標:手指*/
.cursor {
    cursor: pointer;
}