@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
    body {
        background-color: #FFF;
        overflow-x: hidden;
        font-family: Arial, 'LiHei Pro', 'Noto Sans TC', 'Microsoft JhengHei', 'Apple LiGothic Medium', '\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4', '\534E\6587\7EC6\9ED1', '\65B0\7EC6\660E\4F53' !important;
        font-size: 14px;
    }

    body::-webkit-scrollbar {
        display: none
    }

    a {
        text-decoration: none!important;
    }

    ul,
    li {
        list-style: none;
    }

    #clear {
        clear: both;
    }

    .animated_a_img,
    .animated_a {
        transition: all .2s ease;
        -webkit-transition: all.2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
    }

    h1 {
        font-size: calc(32px + (48 - 32) * ((100vw - 1000px)/ (1920 - 1000)));
        text-align: center;
    }

    h1.medium {
        font-size: calc(24px + (32 - 24) * ((100vw - 1000px)/ (1920 - 1000)));
        text-align: center;
    }

    h2 {
        font-size: calc(18.599999999999998px + (24 - 18.599999999999998) * ((100vw - 1000px)/ (1920 - 1000)));
        text-align: center;
    }

    h3 {
        font-size: calc(18.599999999999998px + (24 - 18.599999999999998) * ((100vw - 1000px)/ (1920 - 1000)));
        text-align: left;
    }

    h4 {
        font-size: calc(16.6px + (18 - 16.6) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    h5 {
        font-size: calc(18px + (20 - 18) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    p {
        font-size: calc(12.6px + (14 - 12.6) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    .MB_none {
        display: block;
    }

    .MB_block {
        display: none;
    }
    /* nav */

    #ad_nav {
        width: 100vw;
        height: 92px;
        display: block;
        position: fixed;
        top: 0;
        background-color: #0091CB;
        z-index: 999999;
    }

    .nav_wrapper {
        margin: 0 0 0 5.7vw;
    }

    .top_logo {
        line-height: 92px;
        float: left;
    }

    .top_menu {
        float: right;
    }

    .top_menu_M {
        display: none;
    }

    .menu_bar {
        width: 70vw;
        max-width: 800px;
        margin-top: 30px;
        float: right;
    }

    .menu_list {
        width: 12.4333333%;
        display: inline-block;
    }

    .menu_list a {
        color: #FFF;
    }

    .menu_list a h5 {
        font-weight: 700;
    }

    .menu_list a:focus,
    .menu_list a:hover {
        color: #F9B900;
    }

    .icon_bar {}
    /* head */

    #ad_head {
        width: 100vw;
        height: calc(73vh - 92px);
        display: block;
        margin: auto;
        color: #FFF;
        margin-top: 92px;
    }

    #ad_head .wrapper {
        width: 100vw;
        height: calc(73vh - 92px);
        display: block;
        margin: auto;
        background-size: 100vw auto;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        z-index: -1;
    }

    #ad_head .wrapper:after {
        content: "";
        background-color: rgba(0, 0, 0, .4);
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #ad_head h1 {
        margin: auto;
        text-align: center;
        color: rgb(255, 255, 255);
        font-weight: 600;
        line-height: 48px;
        padding-top: 100px;
        padding-bottom: 10px;
        position: relative;
        z-index: 99;
        bottom: 330px;
    }

    #ad_head h2 {
        /* font-weight: normal; */
        line-height: 1.4em;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        bottom: 450px;
        font-weight: 800;
        position: relative;
        z-index: 99;
    }
    /* content */

    #ad_content {
        width: 100%;
        margin: 0 auto;
        z-index: 3;
        position: relative;
    }

    #ad_content .wrapper {
        width: 100%;
        margin: 0 auto;
        margin: 0 auto 0 auto;
        border-radius: 3px;
        transition-property: border;
        transition-duration: .25s;
        transition-timing-function: linear;
        padding: 0;
        text-align: center;
        /* background: #fff; */
        /* box-shadow: 0 0 50px 15px rgba(0,0,0,.15); */
    }

    #ad_content .wrapper .con_title {
        margin: 37px auto 0px auto;
        width: 90vw;
        max-width: 800px;
        /* background-color: #EEE; */
        /* width: 500px; */
        /* padding-top: 37px; */
        /* border-radius: 5px; */
        /* position: relative; */
        /* top: -100px; */
    }

    #ad_content .wrapper .con_title h1 {
        margin: auto;
        color: #0091CB;
        font-weight: 800;
        line-height: 1.4em;
    }

    #ad_content .wrapper .con_title h2 {
        margin: auto;
        color: #000;
        font-weight: 400;
        line-height: 1.4em;
    }

    #ad_content .wrapper .con_content {
        width: 100%;
        margin: auto;
    }

    .Introduction_wrapper {
        margin: 0 auto;
        padding: 0 65px 87px 65px;
    }

    .int_bgc_01 {
        position: relative;
    }

    .int_bgc_01:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 66vh 0 0 99.333333vw;
        border-color: transparent transparent transparent #EEE;
        line-height: 0px;
        _border-color: #000000 #000000 #000000 #EEE;
        _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    }

    .int_bgc_02 {
        position: relative;
    }

    .int_bgc_02:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 66vh 99.333333vw 0 0;
        border-color: transparent #EEE transparent transparent;
        line-height: 0px;
        _border-color: #000000 #000000 #000000 #EEE;
        _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    }

    .Introduction_wrapper .int_t {
        width: 100%;
        padding-top: 10%;
        padding-bottom: 32px;
    }

    .Introduction_wrapper .int_t h3 {
        line-height: 1;
        position: relative;
        margin: 0;
    }

    .Introduction_wrapper .int_t h3:before {
        left: 0;
        position: absolute;
        top: -400%;
        width: 2px;
        height: 300%;
        content: '';
        background-color: #001d38;
    }

    .Introduction_wrapper .int_l {
        float: left;
        width: 50%;
        height: 500px;
        /* background-color: #0091CB; */
        position: relative;
    }

    .Introduction_wrapper .int_r {
        float: left;
        width: 50%;
        height: 500px;
        /* background-color: #F9B900; */
        position: relative;
    }

    .Introduction_wrapper .pic_PC {
        width: 40vw;
        height: auto;
        position: absolute;
        bottom: -87px;
        left: 5vw;
    }

    .Introduction_wrapper .pic_MB {
        display: none;
        width: 320px;
        height: 220px;
        text-align: center;
    }

    .Introduction_wrapper .text_box {
        width: 92%;
        height: 92%;
        display: block;
        text-align: left;
        margin: auto;
        /* background-color: #FFF; */
        /* box-shadow: 0 0 37px 12px rgba(0,0,0,.15); */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .text_box h1 {
        font-size: calc(28px + (32 - 28) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    .Introduction_wrapper .pic_cont {
        width: 100%;
        height: 100%;
        display: block;
        background-size: 768px auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    .Introduction_wrapper .text_box div {
        width: 90%;
        height: 320px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .Introduction_wrapper .text_box p {
        color: #0091CB;
    }
    /* form_content */

    .form_msg {
        width: 100vw;
        height: auto;
        position: relative;
        margin: auto;
        border-radius: 5px;
    }
    /*.form_msg .form_wrapper:before{
    content: "";
    background-color: rgba(0, 0, 0, .4);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}*/

    .title {
        padding: 20px 0 20px 0;
        background-color: #0091CB;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: none;
    }

    .title .logo_area {
        width: 200px;
        height: 100px;
        background-size: 100% auto;
        /* background-image: url('../images/logo.jpg'); */
        background-position: center;
        background-repeat: no-repeat;
        margin: auto;
    }

    .title h2 {
        color: #FFF;
    }

    .form_msg .form_wrapper {
        width: 100vw;
        height: auto;
        display: block;
        position: relative;
        background-size: 1920px auto;
        background-position: center;
        padding-top: 87px;
        padding-bottom: 87px;
    }

    .form_msg .form_wrapper_sandwich {
        padding: 0;
    }

    .caption {
        height: 60px;
        margin-bottom: 10px;
        color: #FBBC05;
    }

    .caption h1 {
        margin: 0;
        font-size: calc(28px + (32 - 28) * ((100vw - 1000px)/ (1920 - 1000)));
        line-height: 60px;
    }

    @media screen and (max-width: 640px) {
        .caption h1 {
            font-size: calc(22px + (24 - 22) * ((100vw - 320px)/ (640 - 320)));
        }
    }

    .ad_caption_s1 h1 {
        text-shadow: 0 3px 1px rgba( 19, 72, 96, .4), 0 -7px 10px rgba( 19, 72, 96, .2);
    }

    @media screen and (max-width: 640px) {
        font-size: calc(28px + (32 - 28) * ((100vw - 480px)/ (640 - 480)));
    }

    .caption h1 span {
        -webkit-animation: glint 1.2s 1.2s infinite;
        -ms-animation: glint 1.2s 1.2s infinite;
        -o-animation: glint 1.2s 1.2s infinite;
        animation: glint 1.2s 1.2s infinite;
    }
    /* keyframes */

    @keyframes glint {
        0%,
        50% {
            color: #FBBC05;
        }
        50.1%,
        100% {
            color: #FFF;
        }
    }
    /* keyframes */

    .form_area_l {
        width: 60vw;
        height: 500px;
        float: left;
    }

    .form_area_r {
        width: 40vw;
        height: auto;
        float: left;
    }

    .form_area_c {
        width: 42vw;
        height: calc(100vh - 212px);
        min-height: 700px;
        display: block;
        margin: auto;
        padding-top: 87px;
    }

    .form_area_fullwidth {
        width: 100%;
        display: block;
    }

    .form_area_fullwidth .form_data {
        width: 50%;
        display: block;
    }

    .form_area_fullwidth .on-the-l {
        float: left;
    }

    .form_area_fullwidth .on-the-r {
        float: right;
    }

    .form_area_fullwidth .on-the-c {
        margin: auto;
    }



    ul.form {
        width: 480px;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    ul.form h1,
    ul.form h2,
    ul.form h4 {
        color: #FFF;
        line-height: 1.4em;
    }

    .form li {
        margin: 0px auto 5px auto;
        width: 92%;
        font-size: 1em;
        line-height: 2;
        display: table;
    }

    .ad-form-s1 li {
        margin: 0px auto 3px auto;
    }

    .form li.check_list {
        width: 225px;
        margin: auto;
        margin-top: 10px;
    }

    .ad-form-s1 li.check_list {
        width: 95%;
    }

    .ad-form-s1 li.check_list span {
        font-size: calc(12px + (18 - 12) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    @media screen and (min-width:1400px) {
        .ad-form-s1 li.check_list span {
            font-size: calc(10px + (14 - 10) * ((100vw - 1000px)/ (1920 - 1000)));
        }
    }

    @media screen and (max-width:640px) {
        .ad-form-s1 li.check_list span {
            font-size: calc(12px + (18 - 12) * ((100vw - 480px)/ (640 - 480)));
        }
    }

    .form_content_r {
        width: 50%;
        height: auto;
        display: none;
        float: right;
    }

    .form_content_r img {
        width: 100%;
        min-width: 358px;
        height: auto;
    }

    ul.form_content_l {
        width: 100%;
        height: auto;
        display: block;
        float: left;
    }

    ul.form_content_l li.check_list,
    ul.form_content_r li.check_list {
        margin: 0 auto;
    }

    ul.form_content_l button[type="submit"].btn,
    ul.form_content_l .btn,
    ul.form_content_r button[type="submit"].btn,
    ul.form_content_r .btn {
        margin: 0 auto 20px auto;
    }

    ul.form_content_l span.declare,
    ul.form_content_r span.declare {
        color: #FFF;
    }

    ul.form_content_l span.declare,
    ul.form_content_r span.declare,
    span.declare,
    div.declare {
        font-size: calc(13px + (18 - 13) * ((100vw - 1000px)/ (1920 - 1000)));
        color: #FFF;
    }

    @media screen and (min-width:1400px) {
        ul.form_content_l span.declare,
        ul.form_content_r span.declare,
        span.declare,
        div.declare {
            font-size: calc(10px + (14 - 10) * ((100vw - 1000px)/ (1920 - 1000)));
        }
    }

    @media screen and (max-width:640px) {
        ul.form_content_l span.declare,
        ul.form_content_r span.declare,
        span.declare,
        div.declare {
            width: 90%;
            margin: auto;
            font-size: calc(13px + (18 - 13) * ((100vw - 480px)/ (640 - 480)));
        }
    }
    /** Form **/

    select[name="ct1"] {
        margin: 0px;
        float: left;
    }

    select[name="ct2"] {
        margin: 0px;
        float: right;
    }

    select[name="ct1"],
    select[name="ct2"] {
        width: 49%;
    }

    input,
    select {
        margin: 0;
        padding: 0 0.5em;
        height: 44px;
        outline: 0;
        vertical-align: middle;
        border: 1px solid #FFF;
        background-color: rgba(0, 0, 0, .5);
        width: 100%;
        border-radius: 5px;
        color: #FFF;
    }

    ul.form_content_l li input,
    ul.form_content_l li select {
        height: 30px;
        font-size: calc(15px + (18 - 15) * ((100vw - 1000px)/ (1920 - 1000)));
    }

     ::-webkit-input-placeholder {
        color: #FFF;
    }

     :-moz-placeholder {
        color: #FFF;
    }

    .placeholder {
        color: #FFF;
    }

    input:hover,
    input:focus {
        border: 1px solid #0091CB;
        color: #FFF;
    }

    input[type="radio"],
    input[type="checkbox"] {
        width: 1.25em;
        height: 1.25em;
        padding: 0;
        margin: 3px 0.25em 5px 0.25em;
        border: 1px solid #bebebe;
    }

    input[type="button"],
    input[type="submit"],
    .btn a {
        font-size: 1.625em;
        height: 60px;
        color: #FFF;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        *display: inline;
        zoom: 1;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb630c), color-stop(100%, #dd600e));
        background: -moz-linear-gradient(top, #eb630c, #dd600e);
        background: -webkit-linear-gradient(top, #eb630c, #dd600e);
        background: linear-gradient(to bottom, #eb630c, #dd600e);
        background-color: #eb630c;
        border: 3px solid #f0bc9c;
        -webkit-box-shadow: inset 1px 1px 0px 0px #dd600e;
        -moz-box-shadow: inset 1px 1px 0px 0px #dd600e;
        box-shadow: inset 1px 1px 0px 0px #dd600e;
    }

    input[type="button"]:hover,
    input[type="submit"]:hover,
    .btn a:hover {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd600e), color-stop(100%, #eb630c));
        background: -moz-linear-gradient(top, #dd600e, #eb630c);
        background: -webkit-linear-gradient(top, #dd600e, #eb630c);
        background: linear-gradient(to bottom, #dd600e, #eb630c);
        background-color: #dd600e;
        border: 3px solid #f0bc9c;
        -webkit-box-shadow: inset 1px 1px 0px 0px #eb630c;
        -moz-box-shadow: inset 1px 1px 0px 0px #eb630c;
        box-shadow: inset 1px 1px 0px 0px #eb630c;
    }
    /* button */

    button[type="submit"].btn,
    .btn {
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: 2px solid #FFF;
        background-color: rgba(0, 0, 0, .5);
        border-radius: 0.6em;
        color: #0091CB;
        cursor: pointer;
        display: block;
        align-self: center;
        font-weight: 400;
        line-height: 1;
        margin: 20px auto;
        padding: 5px 87px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
    }

    button[type="submit"].btn:hover,
    .btn:hover {
        color: #fff;
        outline: 0;
    }

    button[type="submit"].btn:focus,
    .btn:focus {
        background-color: #0091CB;
        color: #F9B900;
    }

    button[type="submit"].btn h2,
    .btn h2 {
        margin: 5px;
        font-size: 18px;
    }

    button[type="submit"].check_btn,
    .check_btn {
        -webkit-transition: box-shadow 500ms ease-in-out, color 500ms ease-in-out;
        transition: box-shadow 500ms ease-in-out, color 500ms ease-in-out;
    }

    button[type="submit"].check_btn:hover,
    .check_btn:hover {
        box-shadow: 0 0 40px 40px #0091CB inset;
    }
    /* ul.ad-form-s1 -start */

    #ad_content.ad-content-s1 {
        padding-bottom: 37px;
        background-image: url('../images/belt-bg.png');
        background-size: 1920px auto;
        background-position: center -420px;
        background-repeat: no-repeat;
    }

    @media screen and (max-width:640px) {
        #ad_content.ad-content-s1 {
            background-position: center center;
        }
    }

    ul.ad-form-s1 li .input-box {
        width: 100%;
        margin: auto;
    }

    ul.ad-form-s1 li .input-title {
        display: inline-block;
        width: 35%;
        background-color: rgba(240, 240, 240, .8);
        height: 32px;
        line-height: 28px;
        border: 1px solid #FFF;
        border-right: none;
        color: #0091CB;
        font-size: calc(15px + (18 - 15) * ((100vw - 1000px)/ (1920 - 1000)));
        float: left;
    }
    /* ul.ad-form-s1 li select::-ms-expand {
        display: none;
    } */

    ul.ad-form-s1 li input,
    ul.ad-form-s1 li select {
        height: 32px;
        color: #FFF;
        border-radius: 0px;
        border: 1px solid #FFF;
        background-color: #33A6D5;
    }
    /* ul.ad-form-s1 li select {
        background-image: url('https://www.abcgo.com.tw/commercial/ad/images/down-arrow.svg');
        background-repeat: no-repeat;
        background-position: 99% 50%;
        background-size: 13px;
    } */

    ul.ad-form-s1 li input[type="text"],
    ul.ad-form-s1 li input[type="email"],
    ul.ad-form-s1 li input[type="tel"] {
        width: 65%;
        float: left;
        border-left: none;
    }

    @media screen and (max-width:640px) {
        ul.ad-form-s1 li input,
        ul.ad-form-s1 li select,
        ul.ad-form-s1 li .input-title {
            font-size: calc(15px + (18 - 15) * ((100vw - 480px)/ (640 - 480)));
            line-height: 31px;
        }
    }

    ul.ad-form-s1 li button[type="submit"] {
        padding: 0;
        width: 100%;
        border-radius: 0px;
        background-color: #EA4335;
        letter-spacing: 2px;
        border: none;
    }

    ul.ad-form-s1 li button[type="submit"]:hover,
    ul.ad-form-s1 li button[type="submit"]:focus {
        background-color: #F9B900;
        box-shadow: 0 0 37px 37px #F9B900 inset;
    }

    ul.ad-form-s1 li button[type="submit"] h2 {
        font-size: calc(18px + (22 - 18) * ((100vw - 1000px)/ (1920 - 1000)));
    }

    @media screen and (max-width:640px) {
        ul.ad-form-s1 li button[type="submit"] h2 {
            font-size: calc(18px + (22 - 18) * ((100vw - 480px)/ (640 - 480)));
        }
    }
    /* ul.ad-form-s1 -end */
    /* Close button */

    #close_button.remodal-close {
        position: absolute;
        z-index: 999;
        top: 0;
        right: 0;
        display: block;
        overflow: visible;
        width: 35px;
        height: 35px;
        margin: 20px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        text-decoration: none;
        color: #95979c;
        border: 0;
        outline: 0;
        background: transparent;
    }

    #close_button.remodal-close:hover,
    #close_button.remodal-close:focus {
        color: #2b2e38;
    }

    #close_button.remodal-close:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 50px;
        line-height: 35px;
        width: 35px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;

        content: "\00d7";
    }
    /* footer */

    #ad_footer {
        width: 100vw;
        height: auto;
        min-height: 120px;
        display: block;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: #333;
    }

    .ad-f-l {
        width: 35%;
        float: left;
        margin-left: 174px;
        margin-top: 20px;
    }

    .ad-f-l h3 {
        line-height: 1.42857143;
        font-size: 18px;
        color: #bec0bf;
    }

    .ad-f-r {
        width: calc(100vw - 35% - 121px - 123px);
        max-width: 562.33px;
        float: right;
        margin-right: 63px;
        margin-top: 46px;
        
    }

    .ad-f-r p {
        line-height: 1.42857143;
        font-size: 14px;
        color: #bec0bf;
    }
    /* @media screen tablet */

    @media screen and (max-width: 1280px) {
        .form_area_fullwidth .form_data {
            width: 98%;
            max-width: 960px;
        }
    }

    @media (min-width: 641px) and (max-width: 1024px) {
        #ad_head {
            height: 400px;
        }
        #ad_head .wrapper {
            height: 400px;
            background-size: 1024px auto;
            background-position: center -100px;
        }
        #ad_head h2 {
            top: -300px;
        }
        .Introduction_wrapper {
            padding: 37px 65px;
        }
        .Introduction_wrapper .int_l {
            height: 300px;
        }
        .Introduction_wrapper .int_r {
            height: 300px;
        }
        .Introduction_wrapper .pic_PC {
            bottom: -37px;
        }
        .Introduction_wrapper .pic_01 {
            background-size: 480px auto;
        }
        .Introduction_wrapper .pic_02 {
            background-size: 480px auto;
        }
        .Introduction_wrapper .pic_03 {
            background-size: 480px auto;
        }
        .Introduction_wrapper .pic_04 {
            background-size: 480px auto;
        }
        .int_bgc_01:before {
            border-width: 38vh 0 0 99.333333vw;
        }
        .int_bgc_02:before {
            border-width: 38vh 99.333333vw 0 0;
        }
        .form_area_l {
            width: 50vw;
        }
        .form_area_r {
            width: 50vw;
        }
    }
    /* @media screen mobile */

    @media screen and (max-width: 640px) {
        h1 {
            font-size: calc(22px + (24 - 22) * ((100vw - 320px)/ (640 - 320)));
        }
        h1.medium {
            font-size: calc(18px + (22 - 18) * ((100vw - 320px)/ (640 - 320)));
        }
        h2 {
            font-size: calc(16.6px + (24 - 16.6) * ((100vw - 320px)/ (640 - 320)));
        }
        h3 {
            font-size: calc(16.6px + (24 - 16.6) * ((100vw - 320px)/ (640 - 320)));
            text-align: left;
        }
        h4 {
            font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (640 - 320)));
        }
        p {
            font-size: calc(12px + (14 - 12) * ((100vw - 320px)/ (640 - 320)));
        }
        h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3 {
            margin-top: 10px;
            margin-bottom: 5px
        }
        p {
            margin: 0 0 5px;
        }
        .MB_none {
            display: none;
        }
        .MB_block {
            display: inline-block;
        }
        #ad_nav {
            height: 147px;
            position: relative;
        }
        .nav_wrapper {
            margin: 0;
        }
        .top_logo {
            width: 100vw;
            height: 92px;
            margin: auto;
            text-align: center;
            float: none;
        }
        .top_menu {
            display: none;
        }
        .top_menu_M {
            display: block;
            width: 98vw;
            height: 55px;
        }
        .menu_icon_out {
            width: 40px;
            height: 40px;
            display: block;
            margin: auto;
            background-color: #F9B900;
            color: #fff;
            line-height: 40px;
            position: relative
        }
        .menu_icon_out img {
            width: 20.56px;
            height: 24px;
            display: block;
            position: absolute;
            margin: 8px 9.72px;
        }
        #ad_head {
            height: calc(96vh - 147px);
            margin-top: 0px;
        }
        #ad_head .wrapper {
            height: calc(96vh - 147px);
            background-size: auto 96vh;
            background-position: center;
        }
        #ad_head h1 {
            top: calc(-100vh / 1.666666);
        }
        #ad_head h2 {
            top: calc(-100vh / 2.333333);
        }
        #ad_content .wrapper {
            padding: 37px 0 0 0;
        }
        .Introduction_wrapper {
            padding: 87px 20px 37px 20px;
        }
        .Introduction_wrapper .int_t {
            padding-bottom: 16px;
        }
        .Introduction_wrapper .int_l {
            height: 220px;
            width: 100%;
            float: none;
        }
        .Introduction_wrapper .int_r {
            height: 220px;
            width: 100%;
            float: none;
        }
        .Introduction_wrapper .pic_PC {
            display: none;
        }
        .Introduction_wrapper .pic_MB {
            display: block;
        }
        .Introduction_wrapper .text_box_MB {
            height: 190px;
        }
        .Introduction_wrapper .pic_cont {
            background-size: 360px auto;
        }
        .Introduction_wrapper .text_box {
            width: 100%;
            height: 190px;
        }
        .Introduction_wrapper .text_box div {
            height: 170px;
        }
        .int_bgc_01:before {
            border-width: 38vh 0 0 99.333333vw;
        }
        .int_bgc_02:before {
            border-width: 38vh 99.333333vw 0 0;
        }
        .data_button {
            margin-top: 37px
        }
        .form_msg {
            width: 100vw;
            box-shadow: none;
            margin-top: 0px;
        }
        .title {
            background-color: rgba(0, 0, 0, 0);
            display: none;
        }
        .title .logo_area {
            /* background-image: url('../images/logo.png'); */
        }
        .title h2 {
            color: #000;
        }
        ul.form {
            padding: 0;
            width: 100%;
        }
        .btn {
            margin-top: 0;
        }
        .form_area_l {
            display: none;
        }
        .form_area_r {
            width: 100vw;
            float: none;
        }
        .form_area_c {
            width: 100vw;
            height: 100vh;
        }
        #ad_footer {
            height: 214px;
        }
        .ad-f-l,
        .ad-f-r {
            width: 100vw;
            margin: 0;
            float: none;
        }
        .ad-f-l {
            padding-top: 15px;
        }
        .ad-f-l h3 {
            font-size: 20px;
            margin: 0 15px;
        }
        .ad-f-r {
            margin-bottom: 15px;
        }
        .ad-f-r p {
            margin-left: 0;
            font-size: 16px;
            margin: 0 15px;
        }

        .form_area_fullwidth .form_data {
            width: 100%;
        }
        ul.form_content_l {
            width: 100%;
        }
        .form_content_r {
            width: 100%;
        }
    }
    /* GOTOP */

    #goTop {
        position: fixed;
        width: 50px;
        height: 50px;
        bottom: 22px;
        right: 40px;
        display: none;
        padding: 7px 0 13px 0;
        border-radius: 3px;
        border-radius: 50%;
        background: #0091CB;
        color: #fff;
        cursor: pointer;
        text-align: center;
        font-size: 22px;
        font-family: verdana;
        z-index: 999999;
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
    }

    #goTop:hover {
        background-color: #F9B900;
    }

    #goTop img {
        width: auto;
        height: 15px;
    }
    /* popup-start */

    #de_content {
        display: none;
        position: fixed;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transform: none;
    }

    #de_content .popup_conte {
        position: relative;
        z-index: 999;
        width: 100vw;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(43, 46, 56, 0.9);
    }

    #de_content .popup_conte .wrapper {
        position: absolute;
        width: 100%;
        height: auto;
        max-height: 900px;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 50px;
        line-height: 35px;
        text-align: left;
        overflow-y: auto;

        background-image: url("../images/privacy_details_BG.jpg");
        background-size: 1920px auto;
        background-position: center;
        background-repeat: no-repeat;
    }
    /* @media screen mobile */

    @media screen and (max-width: 640px) {
        #de_content .popup_conte .wrapper {
            width: 100%;
        }
    }

    #de_content .wrapper .logo {
        text-align: center;
        margin-top: 87px;
    }

    #de_content .wrapper h1.medium {
        color: #0091CB;
    }

    #de_content .wrapper h2 {
        color: #F9B900;
    }

    #de_content .wrapper p {
        color: #373737;
        font-size: 14px;
        line-height: 1.6em;
        margin: 0 5vw 10px 5vw;
    }

    #more_button {
        appearance: none;
        outline: 0;
        background-color: #0091cb;
        border: 0;
        padding: 10px 15px;
        margin: 87px auto;
        display: block;
        color: #fff;
        border-radius: 3px;
        width: 250px;
        cursor: pointer;
        font-size: 18px;
        transition-duration: 0.25s;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
    }

    #more_button:hover {
        background-color: rgba(0, 0, 0, 0.3);
        color: #f9b900;
        border-bottom: 2px solid #f9b900;
    }
    /* popup-end */
    /* thanks-page-start */

    #thks_content .popup_conte .wrapper .form_data li.logo {
        position: absolute;
        right: 0;
    }

    #thks_content {
        position: relative;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transform: none;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #thks_content .popup_conte {
        width: 100%;
        height: auto;
        background-image: url('../images/thanks_page_BG.jpg');
        background-position: 0 -200px;
        background-size: 100vw auto;
        background-repeat: no-repeat;
    }

    #thks_content .popup_conte .wrapper {
        width: 80%;
        height: auto;
        display: block;
        padding-top: 87px;
        padding-bottom: 137px;
        margin: auto;
    }

    #thks_content .popup_conte .wrapper h1 {
        color: #0091CB;
        font-size: calc(60px + (72 - 60) * ((100vw - 1000px)/ (1920 - 1000)));
        line-height: 1.4em;
        margin: 0;
        text-align: left;
    }

    @media screen and (max-width: 640px) {
        #thks_content .popup_conte .wrapper h1 {
            font-size: calc(48px + (60 - 48) * ((100vw - 320px)/ (640 - 320)));
        }
    }

    #thks_content .popup_conte .wrapper h2 {
        color: #F9B900;
        line-height: 1.2em;
        margin: 0;
        text-align: left;
    }

    #thks_content .popup_conte .wrapper .form_data {
        margin-top: 37px;
        position: relative;
    }

    #thks_content .popup_conte .wrapper .form_data li {}

    #thks_content .popup_conte .wrapper .form_data li .icon {
        width: 30px;
        height: 50px;
        display: inline-block;
        margin-right: 20px;
        background-size: 30px 30px;
        background-position: center 20px;
        background-repeat: no-repeat;
    }

    #thks_content .popup_conte .wrapper .form_data li .data_box {
        display: inline-block;
    }

    #thks_content .popup_conte .wrapper .form_data li .data_box h4 {
        color: #626262;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        margin: 0;
    }

    #thks_content .popup_conte .wrapper .form_data li .icon_thks_01 {
        background-image: url("../images/icon_thks_01.svg");
    }

    #thks_content .popup_conte .wrapper .form_data li .icon_thks_02 {
        background-image: url("../images/icon_thks_02.svg");
    }

    #thks_content .popup_conte .wrapper .form_data li .icon_thks_03 {
        background-image: url("../images/icon_thks_03.svg");
    }

    .line {
        width: 100vw;
        height: 50px;
        display: block;
        background-color: #0091CB;
        text-align: center;
    }

    .line h4 {
        line-height: 50px;
        color: #FFF;
    }

    #thks_content.thanks_show {
        display: block;
    }
    /* thanks-page-end */
    /*  財務自由帳戶（10%）=$4000 教育帳戶（10%）=$4000 生活必需帳戶（55%）=$22000 玩樂帳戶（10%）=$4000 支出用長期儲蓄帳戶（10%）=$4000 贈與帳戶（5%）=$2000 */