@charset "utf-8";

    footer {
        margin-top: 0;
    }
    /*基本初始*/

    map *:focus {
        outline: none !important;
    }

    a,
    button {
        outline: none !important;
        /* for Firefox Google Chrome  */
        behavior: expression(this.onFocus=this.blur());
        /* for IE */
    }


    h1 span,
    h2 span,
    h3 span,
    h4 span,
    h5 span,
    p span {
        display: inline-block;
    }

    .CRL_main div,
    .CRL_main h2,
    .CRL_main h3,
    .CRL_main h4,
    .CRL_main h5,
    .CRL_main h6,
    .CRL_main input,
    .CRL_main button,
    .CRL_main select,
    .CRL_main p,
    .CRL_main dl,
    .CRL_main dd,
    .CRL_main dt,
    .CRL_main figure,
    .CRL_main figcaption,
    .CRL_main ul,
    .CRL_main ol,
    .CRL_main li,
    .CRL_main section {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        /*        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, 'Noto Sans TC', sans-serif;*/
    }

    .CRL_main img,
    .CRL_main fieldset {
        border: 0;
    }

    .CRL_main ul {
        list-style: none;
    }

    .CRL_main a:link,
    .CRL_main a:visited,
    .CRL_main ins {
        text-decoration: none;
    }

    .CRL_main a,
    .CRL_main button {
        cursor: pointer;
    }
    /*大框架*/

    .CRL_main,
    .CRL_cnt,
    .CRL_main section {
        position: relative;
    }

    .CRL_main {
        margin: 0 auto;
        width: 100%;
        max-width: 1250px;
        color: #333333;
        overflow: hidden;
    }

    .CRL_main section {
        width: 100%;
    }

    .CRL_main .CRL_cnt {
        margin: 0 auto;
        width: 90%;
        max-width: 1120px;
    }

    .CRL_main figure {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    /*文字*/

    .f-italic {
        font-style: italic;
    }

    .f-100 {
        font-weight: 100 !important;
    }

    .f-300 {
        font-weight: 300 !important;
    }


    .f-400 {
        font-weight: 400 !important;
    }

    .f-500 {
        font-weight: 500 !important;
    }


    .f-600 {
        font-weight: 600 !important;
    }

    .f-700 {
        font-weight: 700 !important;
    }

    .t-shadow-w {
        text-shadow: 0 0 10px #fff, 0 0 10px #fff;
    }

    .t-shadow-b {
        text-shadow: 0 0 10px #000;
    }

    .CRL_main,
    .CRL_main p,
    .CRL_main td,
    .txtP,
    .CRL_main button,
    .CRL_btn,
    .font_18 {
        font-size: 18px;
        font-weight: 300;
    }

    .CRL_main .txt7L,
    .CRL_main .font_250 {
        font-size: 250px;
        font-weight: 300;
    }

    .CRL_main .txt6L,
    .CRL_main .font_80 {
        font-size: 80px;
        font-weight: 400;
    }

    .CRL_main .txt6L2,
    .CRL_main .font_80_2 {
        font-size: 80px;
        font-weight: 600;
    }

    .CRL_main .font_72 {
        font-size: 72px;
    }

    .CRL_main .txt6L1,
    .CRL_main .font_60 {
        font-size: 60px;
        font-weight: 600;
    }

    .CRL_main .font_54 {
        font-size: 54px;
    }

    .CRL_main .txt5L,
    .CRL_main .font_48 {
        font-size: 48px;
        font-weight: 600;
    }

    .CRL_main .font_45 {
        font-size: 45px;
    }

    .CRL_main .txt4L,
    .CRL_main .font_40 {
        font-size: 40px;
        font-weight: 600;
        line-height: 130%;
    }

    .CRL_main .txt3L,
    .CRL_main .font_36 {
        font-size: 36px;
        font-weight: 500;
    }

    .CRL_main .font_34 {
        font-size: 34px;
    }

    .CRL_main .txt2L,
    .CRL_main .font_30 {
        font-size: 30px;
        font-weight: 500;
        line-height: 130%;
    }

    .CRL_main .font_28 {
        font-size: 28px;
    }


    .CRL_main .txt1L,
    .CRL_main .font_26 {
        font-size: 26px;
    }

    .CRL_main .txtL,
    .CRL_main .font_24 {
        font-size: 24px;
    }

    .CRL_main .txtM2,
    .CRL_main .font_22 {
        font-size: 22px;
    }

    .CRL_main .txtM,
    .CRL_main .font_20 {
        font-size: 20px;
    }

    .CRL_main .txtM small {
        font-size: 80%;
    }

    .CRL_main .font_15 {
        font-size: 15px;
    }

    .CRL_main .font_14 {
        font-size: 14px;
    }

    .CRL_main .txtS,
    .CRL_main .font_13 {
        font-size: 13px;
    }

    .CRL_main .txtSS,
    .CRL_main .font_12 {
        font-size: 12px;
    }

    .CRL_main b {
        font-weight: 600 !important;
    }

    .CRL_main .font_160 {
        font-size: 160px;
    }

    .CRL_main .font_70 {
        font-size: 70px;
    }

    .CRL_main .font_66 {
        font-size: 66px;
    }

    .CRL_main .font_200 {
        font-size: 200px;
    }
    /*.CRL_main .font_26 {
        font-size: 26px;
    }*/

    .CRL_main .font_16 {
        font-size: 16px;
    }
    /*顏色*/

    .c-r {
        color: #b40024 !important;
    }

    .c-w {
        color: #fff !important;
    }

    .c-gr {
        color: #333 !important;
    }

    .c-gr2 {
        color: #666 !important;
    }

    .c-gr3 {
        color: #999 !important;
    }
    /*咖啡淺*/

    .c-cf {
        color: #8c4812 !important;
    }
    /*咖啡深*/

    .c-cf2 {
        color: #4d3424 !important;
    }

    .c-bk {
        color: #000 !important;
    }

    @media (max-width: 1250px) {

        .CRL_main,
        .CRL_main p,
        .CRL_main td,
        .txtP,
        .CRL_main button,
        .CRL_btn,
        .font_18 {
            font-size: 1.5vw;
        }

        .CRL_main .txt7L,
        .CRL_main .font_250 {
            font-size: 20vw;
        }

        .CRL_main .txt6L,
        .CRL_main .font_80 {
            font-size: 6.4vw;
        }

        .CRL_main .txt6L2,
        .CRL_main .font_80_2 {
            font-size: 6.4vw;
        }

        .CRL_main .txt6L1,
        .CRL_main .font_60 {
            font-size: 4.8vw;
        }

        .CRL_main .txt5L,
        .CRL_main .font_48 {
            font-size: 3.9vw;
        }
        .CRL_main .font_45 {
            font-size: 6vw;
        }

        .CRL_main .txt4L,
        .CRL_main .font_40 {
            font-size: 3.2vw;
        }

        .CRL_main .txt3L,
        .CRL_main .font_36 {
            font-size: 2.9vw;
        }

        .CRL_main .txt2L,
        .CRL_main .font_30 {
            font-size: 2.4vw;
        }

        .CRL_main .txt1L,
        .CRL_main .font_26 {
            font-size: 2.1vw;
        }

        .CRL_main .txtL,
        .CRL_main .font_24 {
            font-size: 1.9vw;
        }

        .CRL_main .txtM2,
        .CRL_main .font_22 {
            font-size: 1.75vw;
        }

        .CRL_main .txtM,
        .CRL_main .font_20 {
            font-size: 1.6vw;
        }

        .CRL_main .txtS,
        .CRL_main .txtSS,
        .CRL_main .font_12 {
            font-size: 11px;
        }
        .CRL_main .font_160 {
            font-size: 12.9vw;
        }

        .CRL_main .font_70 {
            font-size: 5.6vw;
        }

        .CRL_main .font_66 {
            font-size: 5.28vw;
        }
        .CRL_main .font_200 {
            font-size: 16vw;
        }

        .CRL_main .font_26 {
            font-size: 2.08vw;
        }

        .CRL_main .font_16 {
            font-size: 1.28vw;
        }
    }

    @media (min-width: 762px) {

        .mb,
        .mb_b {
            display: none !important;
        }
    }

    @media (max-width: 761px) {

        .pc {
            display: none !important;
        }

        /*.mb {
            display: block!important;
        }
        .mb_b {
            display: inline-block!important;
        }*/
        .CRL_main,
        .CRL_main p,
        .CRL_main td,
        .txtP,
        .CRL_main button,
        .CRL_btn,
        .font_18 {
            font-size: 3vw;
        }

        .CRL_main .txt7L,
        .CRL_main .font_250 {
            font-size: 35vw;
        }
        .CRL_main .font_200 {
            font-size: 26vw;
        }
        .CRL_main .font_160 {
            font-size: 23vw;
        }

        .CRL_main .txt6L,
        .CRL_main .font_80 {
            font-size: 12.7vw;
        }

        .CRL_main .txt6L2,
        .CRL_main .font_80_2 {
            font-size: 11vw;
        }
        .CRL_main .font_72 {
            font-size: 9.6vw;
        }
        .CRL_main .font_70 {
            font-size: 11vw;
        }
        .CRL_main .font_66 {
            font-size: 10vw;
        }
        .CRL_main .txt6L1,
        .CRL_main .font_60 {
            font-size: 8.25vw;
        }
        .CRL_main .font_54 {
            font-size: 7.2vw;
        }


        .CRL_main .txt5L,
        .CRL_main .font_48 {
            font-size: 7.8vw;
        }

        .CRL_main .txt4L,
        .CRL_main .font_40 {
            font-size: 6vw;
        }

        .CRL_main .txt3L,
        .CRL_main .font_36 {
            font-size: 5vw;
        }
        .CRL_main .font_34 {
            font-size: 4.53vw;
        }

        .CRL_main .txt2L,
        .CRL_main .font_30 {
            font-size: 4.3vw;
        }
        .CRL_main .font_28 {
            font-size: 3.73vw;
        }

        .CRL_main .txt1L {
            font-size: 3.8vw;
        }

        .CRL_main .font_26 {
            font-size: 4.08vw;
        }


        .CRL_main .txtL,
        .CRL_main .font_24 {
            font-size: 3.5vw;
        }

        .CRL_main .txtM2,
        .CRL_main .font_22 {
            font-size: 3.4vw;
        }

        .CRL_main .txtM,
        .CRL_main .font_20 {
            font-size: 3.3vw;
        }

        .CRL_main .font_16 {
            font-size: 2.28vw;
        }
        .CRL_main .font_15 {
            font-size: 2vw;
        }

        .CRL_main .font_14 {
            font-size: 1.87vw;
        }


        .CRL_main .txtM_mbP {
            font-size: 3vw;
        }
    }

    @media (max-width: 550px) {

        .CRL_main,
        .CRL_main p,
        .CRL_main td,
        .txtP,
        .CRL_main button,
        .CRL_btn,
        .font_18 {
            font-size: 3.2vw;
        }

        .CRL_main .txt4L,
        .CRL_main .font_40 {
            font-size: 6.2vw;
        }


        .CRL_main .txt2L,
        .CRL_main .font_30 {
            font-size: 4.8vw;
        }

        .CRL_main .txt1L,
        .CRL_main .font_26 {
            font-size: 4.3vw;
        }

        .CRL_main .txtL,
        .CRL_main .font_24 {
            font-size: 4vw;
        }

        .CRL_main .txtM2,
        .CRL_main .font_22 {
            font-size: 3.75vw;
        }

        .CRL_main .txtM,
        .CRL_main .font_20 {
            font-size: 3.5vw;
        }

        .CRL_main .txtM_mbP {
            font-size: 3.2vw;
        }

        .CRL_main .txtS,
        .CRL_main .txtSS,
        .CRL_main .font_12 {
            font-size: 2vw;
        }
    }
    /*按鈕*/
    /*.CRL_main a:not(.cba-link-style){
        background-color: #b40024!important;
    }*/

    .CRL_main button,
    .CRL_btn {
        min-width: 130px;
        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, 'Noto Sans TC', sans-serif;
        font-weight: 300;
        line-height: 20px;
        color: #fff;
        border-radius: 5px;
        border: 0;
        background-color: #b40024!important;
        text-transform: initial;
        padding: 1em 1em;
        display: inline-block;
        text-align: center;
        -webkit-transition: 500ms;
        transition: 500ms;
    }

    .CRL_main a:not(.cba-link-style) {
        color: #fff;
    }

    .CRL_btn_grey {
        background-color: #999;
    }

    .CRL_main button {
        line-height: 0;
        padding: 1vw;
    }

    .CRL_main #maincontent button {
        line-height: 0;
    }

    .CRL_main button:hover,
    .CRL_btn:hover {
        background-color: #8c0b26;
        color: #fff;
    }

    .CRL_btn_grey:hover {
        background-color: #666;
    }

    @media (max-width: 768px) {
        .CRL_main button {
            padding: 2.5vw;
        }
    }

    @media (max-width: 550px) {

        .CRL_main button,
        .CRL_btn {
            min-width: 20vw;
            padding: 2.5vw 1.5vw;
        }

        .CRL_main button {
            padding: 3vw;
        }
    }
    /*閃光*/

    .shine {
        overflow: hidden;
        position: relative;
    }

    .shine:before {
        content: '';
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        top: -50%;
        left: 0;
        width: 100%;
        height: 350%;
        filter: blur(10px);
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-animation: shinye 5s ease infinite;
        animation: shinye 5s ease infinite;
    }
    /* 掃光 */

    @keyframes shinye {
        0% {
            transform: translateX(-150%) skewX(-205deg);
            opacity: 1;
        }

        80% {
            transform: translateX(200%) skewX(-205deg);
            opacity: 1;
        }

        100% {
            transform: translateX(200%) skewX(-205deg);
            opacity: 0;
        }
    }
    /*錨點*/

    .CRL_main .adjust {
        position: absolute;
        margin-top: -148px;
    }

    @media (max-width :800px) {
        .CRL_main .adjust {
            margin-top: -96px;
        }
    }

    @media (max-width :768px) {
        .CRL_main .adjust {
            margin-top: -102px;
        }
    }

    @media(max-width:600px) {
        .CRL_main .adjust {
            margin-top: -96px;
        }
    }
    /*ul有點點*/

    .CRL_main .CRL_ul_disc {
        list-style: disc;
    }
    /*ul預設無點點*/

    .CRL_ul {
        margin-left: 0;
        padding-left: 0;
        list-style: none;
    }

    .CRL_ul li {
        margin-bottom: 20px;
    }

    .CRL_ul li:last-child {
        margin-bottom: 0;
    }

    @media(max-width:600px) {
        .CRL_ul li {
            margin-bottom: 15px;
        }
    }
    /*影片*/

    .CRL_main .CRL_video {
        position: relative;
        width: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .CRL_video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .CRL_video img {
        width: 100%;
        display: block;
    }
    /*置中主標*/

    .tit {
        margin-bottom: 3%;
        text-align: center;
        display: block;
        font-weight: bold;
    }
    /*紅底置中主標*/

    .CRL_main .tit_bg {
        text-align: center;
        display: inline-block;
        font-weight: bold;
        color: #fff;
        background-image: url(tit_bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 5px 70px;
        margin-bottom: 10px;
    }
    /*陰影*/

    .shadow {
        box-shadow: 20px 20px 20px rgba(140, 62, 29, .5);
    }
    /*動態打開*/

    .AN_img_op {
        transform: scale(0);
        opacity: 0;
    }

    .AN_img_rotate {
        transform: rotate(-45deg);
        opacity: 0;
    }

    .animation-style .AN_img_rotate {
        animation: AN_img_rotate .5s linear both;
    }

    .animation-style .AN_img_op {
        animation: AN_img_op 1s ease both;
    }

    @keyframes AN_img_rotate {
        0% {
            transform: rotate(-45deg);
            opacity: 0;
        }

        100% {
            transform: rotate(0deg);
            opacity: 1;
        }
    }

    @keyframes AN_img_op {
        0% {
            transform: scale(0);
            opacity: 0;
        }

        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    /*光閃*/

    .shine_line>img,
    .shine_line_img {
        animation: shine_line .1s infinite alternate;
        pointer-events: none;
    }

    .shine_line_slow>img {
        animation: shine_line 1s infinite alternate;
        pointer-events: none;
    }

    .shine_line2 {
        position: absolute;
        z-index: 4;
        pointer-events: none;
    }

    .shine_line2>img {
        width: 100%;
        animation: shine_line2 1s infinite alternate;
    }


    @keyframes shine_line {
        0% {
            opacity: 0.8;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes shine_line2 {
        0% {
            -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
        }

        100% {
            -webkit-transform: scale(0.5) rotate(-10deg);
            transform: scale(0.5) rotate(-10deg);
        }
    }
    /*置頂選單*/

    .CRL_main .CRL_menu {
        text-align: center;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 10;
        margin-top: 0;
        -webkit-transition: 500ms;
        transition: 500ms;
    }

    .CRL_main .CRL_menu.active {
        margin-top: -10vw;
    }

    .CRL_main .CRL_menu a {
        padding: 0.5em 1em;
        font-size: 14px;
        width: 140px;
        padding: 5px 0px;
    }

    .CRL_main.active>section:nth-of-type(2) {
        margin-top: 50px;
    }

    @media (max-width: 761px) {
        .CRL_main .CRL_menu a {
            width: auto;
            padding: 5px 8px !important;
            min-width: auto;
            font-size: 12px;
        }

        .CRL_main .tit_bg {
            padding: 5px 10%;
        }
        .CRL_main .CRL_menu.active {
            margin-top: -20vw;
        }
    }

    @media (max-width: 320px) {
        .CRL_main .CRL_menu a {
            padding: 3px !important;
        }
    }
    /*表單*/

    .CRL_main .submitcontainer_box {
        text-align: center;
        margin-top: 70px;
        display: block;
    }

    .CRL_main input::-webkit-calendar-picker-indicator {
        opacity: 0;
        cursor: pointer;
    }

    .CRL_main input::-webkit-date-and-time-value {
        text-align: left;
    }

    .CRL_main select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(select.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 35px;
        background-color: #FFF;
        padding-right: 25px;
        cursor: pointer;
    }

    .CRL_main select::-ms-expand {
        display: none;
    }

    .CRL_main input[type="radio"],
    .CRL_main input[type="checkbox"] {
        display: none;
    }

    .CRL_main label {
        display: inline-block;
        cursor: pointer;
        padding-top: 0px;
        padding-left: 0px;
    }

    .CRL_main input[type="text"],
    .CRL_main select,
    .CRL_main textarea,
    .CRL_main input[type="number"],
    .CRL_main input[type="email"] {
        width: 100%;
        height: 44px;
        font-size: 14px;
        line-height: 18px;
        font-family: gotham ssm book a, gotham ssm book b, Helvetica, Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 0;
        color: #333;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #cfcac9;
        padding: 0 16px;
        margin: 0;
        text-align: left;
    }
    /*兩欄*/

    .formdesc_two {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .formdesc_two select,
    input[type="text"] {
        width: 48%;
    }

    .CRL_main input[type="checkbox"]+label:before,
    .CRL_main input[type="radio"]+label:before {
        margin-right: 10px;
        vertical-align: middle;
        border: 1px solid #c8c7c6;
        background-size: 100%;
        border-radius: 5px;
        background-color: #FFF;
        display: inline-block;
        content: "";
    }

    .CRL_main input[type="radio"]+label:before {
        border-radius: 500px;
    }

    .CRL_main input[type="checkbox"]+label:before,
    .CRL_main input[type="radio"]+label:before {
        width: 25px;
        height: 25px;
    }

    .CRL_main input[type="radio"]:checked+label,
    .CRL_main input[type="radio"]:checked+label:hover,
    .CRL_main input[type="checkbox"]:checked+label,
    .CRL_main input[type="checkbox"]:checked+label:hover {

        background-repeat: no-repeat;
        background-position: center center;
    }

    .CRL_main input[type="checkbox"]:checked+label:before,
    .CRL_main input[type="checkbox"]:checked+label:hover:before {
        background-image: url(Arrow_ok.svg);
    }

    .CRL_main input[type="radio"]:checked+label:before,
    .CRL_main input[type="radio"]:checked+label:hover:before {
        background-image: url(Arrow_ok2.svg);
    }

    .CRL_main input[type="radio"]:checked,
    .CRL_main input[type="checkbox"]:checked {
        overflow: visible;
    }

    .CRL_main .formdesc1 label span {
        display: inline-block;
    }

    .CRL_main .formdesc2 .errtxt {
        font-size: 11px;
        line-height: 12px;
        color: #be0f34;
        padding-top: 5px;
        margin: 4px 0;
        text-align: left;
        display: none;
    }

    .CRL_main .formdesc2 label {
        display: block;
    }

    .CRL_main .formdesc2 input[type=text]~label,
    .formdesc2 input[type=tel]~label {
        position: absolute;
        top: 13px;
        left: 0;
        font-family: gotham ssm book a, gotham ssm book b, Helvetica, Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 0;
        font-size: 14px;
        line-height: 18px;
        color: #333;
        padding: 0 0 0 16px;
        text-align: left;
        text-overflow: ellipsis;
        -webkit-transition: all 200ms;
        transition: all 200ms;
        white-space: nowrap;
        overflow: hidden;
        cursor: text;
        pointer-events: none;
    }

    .CRL_main .formdesc3 a {
        color: #333;
    }

    .CRL_main .formdesc3 label {
        font-weight: normal;
        float: none;
    }

    .CRL_main .formdesc2 {
        margin-top: 20px;
        position: relative;
    }
    /*直播區塊*/

    .CRL_main .s_live {
        padding: 5% 0;
        text-align: center;
    }

    .s_live .CRL_cnt {
        background-color: #f8f0ea;
        border-radius: 10px;
        overflow: hidden;
    }

    .s_live_step {
        position: relative;
    }

    .CRL_main .s_live_step ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        position: relative;
        z-index: 2;
    }

    .CRL_main .s_live_step li {
        text-align: left;
        font-style: italic;
        margin-bottom: 3%;
        position: relative;
    }

    .CRL_main .s_live_step li h3 {
        color: #4d3424;
        line-height: 130%;
        margin-top: 10px;
    }


    .CRL_main .s_live_step li:nth-of-type(odd) h3 {
        padding-top: 20px;
    }


    .s_live_step li p {
        color: #fff;
        padding-top: 2px;
    }

    .CRL_main .s_liveTXT,
    .CRL_main .s_liveTXT2,
    .CRL_main .s_liveTXT3 {
        width: 96%;
        margin: 3% auto;
    }

    .s_liveTXT,
    .s_live_more {
        display: none;
    }

    .s_liveTXT.active {
        display: block;
    }

    .s_live_more.active {
        display: inline-block;
    }

    .CRL_main .s_liveTXT {
        padding: 5% 3%;
        background-color: #f6e6d9;
        border-radius: 10px;
    }

    .CRL_main .s_liveTXT figure .shadow {
        border-radius: 1000px;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
    }

    .CRL_main .s_liveTXT figure .shadow h4 {
        position: absolute;
        bottom: 13%;
        width: 100%;
        left: 0;
    }

    .CRL_main .s_liveTXT td,
    .CRL_main .s_liveTXT li {
        text-align: left;
        vertical-align: top;
        color: #666;
        padding: 3px;
    }



    .s_liveTXT2 .tit,
    .s_liveTXT3 .tit {
        position: relative;
        margin-bottom: 10px;
    }

    .CRL_main .s_liveTXT2 ul:not(.slick-dots) li>div {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .CRL_main .s_liveTXT2 ul:not(.slick-dots) li>div a {
        width: 40%;
        margin: 0 5px;
        min-width: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .s_liveTXT2 .tit span,
    .s_liveTXT3 .tit span {
        display: inline-block;
        background-color: #f8f0ea;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    .s_liveTXT2 .tit:before,
    .s_liveTXT3 .tit:before {
        content: "";
        background-color: #b40024;
        position: absolute;
        height: 2px;
        width: 100%;
        left: 0;
        top: 47%;
        z-index: 1;
    }




    .s_liveTXT2 ul:not(.slick-dots) li {
        border-radius: 10px;
        background-color: #f6e7da;
        background-image: url(live_product_bg.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 7%;
    }

    .s_liveTXT2 figure,
    .s_liveTXT2 figcaption>div {
        background-image: url(live_bg1.jpg);
        background-position: center center;
        background-size: 100%;
        background-repeat: repeat-y;
    }

    .CRL_main .s_liveTXT2 figure h3 {
        line-height: 120%;
        font-weight: 600;
    }

    .CRL_main .s_liveTXT2 figure h3 .txtP {
        line-height: 0%;
    }

    .CRL_main .s_liveTXT2 figure p {
        font-weight: 500;
        line-height: 120%;
    }

    .CRL_main .s_liveTXT2 figure {
        position: relative;
        background-image: url(live_bg2.jpg);
        padding: 30px 0 30px 50%;
        border-radius: 10px 10px 0 0;
        color: #fff;
        margin-bottom: 20px;
    }

    .s_liveTXT2 figure img {
        position: absolute;
        width: 60%;
        left: 0;
        bottom: 0;
        pointer-events: none;
    }

    .CRL_main .s_liveTXT2 figcaption {
        padding-top: 20px;
        margin-top: 20px;
        position: relative;
    }

    .CRL_main .s_liveTXT2 figcaption:before {
        content: "";
        width: 90%;
        left: 5%;
        position: absolute;
        top: 0;
        height: .5px;
        display: block;
        background-color: #b40024;
    }

    .CRL_main .s_liveTXT2 figcaption img {
        width: 80%;
        margin: 0 auto;
    }

    .s_liveTXT2 figcaption>div {
        border-radius: 0 0 10px 10px;
        padding: 15px;
        margin-top: -20px;
    }

    .s_liveTXT2 .no {
        opacity: 0;
    }

    .TXTcoming {
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
    }

    .s_liveTXT3 .CRL_video {
        margin: 3% 0;
    }

    .s_liveTXT3 a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 3;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        display: block;
    }

    .s_liveTXT3 a img {
        display: block;
        width: 100%;
    }

    .s_liveTXT3 .CRL_video iframe,
    .s_liveTXT3 .CRL_video.active a {
        display: none;
    }

    .s_liveTXT3 .CRL_video.active iframe {
        display: block;
    }

    .CRL_main .s_liveTXT2 figure {
        margin-bottom: 0;
    }

    .CRL_main .s_liveTXT2 article {
        padding: 0 0 5%;
    }

    .CRL_main .s_liveTXT2 article b {
        color: rgba(255, 255, 255, 0.9);
        padding: 5px 0;
        display: block;
        margin-bottom: 5px;
        background: linear-gradient(to right, rgba(127, 62, 44, 1) 0%, rgba(168, 82, 59, 1) 50%, rgba(127, 62, 44, 1) 100%);
    }
    /*直播主兩人時加s_live-slider2txt*/

    .CRL_main .s_liveTXT2 .s_live-slider2txt figure {
        padding: 20px 0 10px 50%;
    }

    .CRL_main .s_liveTXT2 .s_live-slider2txt figure p:not(.txtL) {
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .CRL_main .s_liveTXT2 .s_live-slider2txt figure h3 {
        line-height: 100%;
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (min-width: 762px) {

        .s_live_step li p,
        .s_live_step:before {
            height: 20px;
        }

        .s_live_step:before {
            content: "";
            display: block;
            width: 100%;

            background-color: #5b3e2b;
            position: absolute;
            top: 0;
            left: 0;
        }

        .s_liveTXT>div {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
        }

        .CRL_main .s_liveTXT figcaption {
            padding-right: 30px;
        }

        .CRL_main .s_liveTXT figure {
            flex-shrink: 0;
            width: 30%;
        }

        .s_liveTXT2 ul:not(.slick-dots) {
            display: flex;
            align-items: stretch;

            flex-wrap: wrap
        }

        .s_liveTXT2 ul:not(.slick-dots) li {
            width: 32%;
            margin-left: 1%;
        }

        .CRL_main .s_live_step li:After {
            content: "";
            position: absolute;
            width: 20px;
            height: 40px;
            background-image: url(arrow.svg);
            background-position: center right;
            background-repeat: no-repeat;
            background-size: 100%;
            right: -50px;
            top: 50px;
            pointer-events: none;
        }

        .CRL_main .s_live_step li:last-child:After {
            display: none;
        }

        .CRL_main .s_liveTXT>div {
            padding: 3% 0 5% 20px;
        }

        .s_liveTXT3>div {
            display: flex;
            align-items: flex-start;
            justify-content: space-around;
        }

        .s_liveTXT3 .CRL_video {
            width: 48%;
        }
    }

    @media (min-width: 769px) {

        .s_live_step li p,
        .s_live_step:before {
            height: 30px;
        }

        .CRL_main .s_liveTXT figure {
            width: 270px;
        }
    }

    @media (max-width: 768px) {

        .CRL_main .s_live_step li:After {
            top: 4vw;
        }

        .CRL_main .s_live_step li:nth-of-type(odd) h3 {
            padding-top: 10px;
        }
    }

    @media (max-width: 761px) {
        .CRL_main .s_liveTXT2 .s_live-slider2txt figure h3 {
            height: 13vw;
        }

        .CRL_main .s_liveTXT2 .s_live-slider2txt figure p:not(.txtL) {
            height: 8vw;
        }

        .CRL_main .s_liveTXT,
        .CRL_main .s_liveTXT2,
        .CRL_main .s_liveTXT3 {
            width: 94%;
            margin: 10% auto;
        }

        .CRL_main .s_live_step ul {
            flex-wrap: wrap;
            margin: 5% 0 10px;
            justify-content: center;
        }

        .CRL_main .s_live_step li {
            width: 45%;
        }

        .CRL_main .s_live_step li p {
            display: inline-block;
            background-color: #5b3e2b;
            padding: 5px 20px;
            border-radius: 10px;
        }

        .CRL_main .s_live_step li:nth-of-type(odd) h3 {
            padding-top: 0px;
        }

        .CRL_main .s_liveTXT {
            padding: 10% 3%;
        }


        .CRL_main .s_liveTXT figure .shadow {
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5%;
        }

        .CRL_main .s_liveTXT figcaption {
            padding: 10% 0 5% 20px;
            margin-top: 10%;
            border-top: 1px dashed #999;
        }

        .s_liveTXT2 figure img {
            width: 50%;
        }

        .CRL_main .s_liveTXT2 figure {
            padding: 10% 0 10% 40%;
        }

        .s_liveTXT2 ul:not(.slick-dots) li {
            margin-top: 15%;
        }
    }
    /*特惠組區塊*/

    .CRL_main section.s_ecset {
        padding: 5% 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        text-align: center;
    }

    .CRL_main section.s_ecset .tit {
        margin-bottom: 5%;
    }

    .CRL_main .s_ecset ul:not(.CRL_ul_disc, .slick-dots)>li {
        background-color: #fff;
        padding: 2% 1% 12%;
        border-radius: 10px;
        color: #4d3424;
        margin-bottom: 5%;
        position: relative;
    }

    .CRL_main .s_ecset img {
        margin-bottom: 20px;
    }



    .CRL_main .s_ecset .CRL_cnt {
        max-width: 1050px;
    }

    .CRL_main .s_ecset .CRL_btn {
        margin: 0 15px;
        width: 40%;
        max-width: 240px;
    }

    .CRL_main .s_ecset .CRL_ul_disc {

        color: #999;
        display: inline-block;
    }


    .CRL_main .s_ecset ul>li>span {
        display: block;
    }

    .CRL_main .s_ecset ul span,
    .CRL_main .s_ecset ul.CRL_ul_disc span {
        display: inline-block;
    }

    .CRL_main .s_ecset .CRL_ul_disc li {
        display: inline-block;
        text-align: left;
    }

    .CRL_main .s_ecset .CRL_ul_disc li:before {
        content: "";
        width: 5px;
        height: 5px;
        background-color: #999;
        border-radius: 500px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    @media (min-width: 762px) {
        .s_ecset ul:not(.CRL_ul_disc, .slick-dots) {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .s_ecset ul:not(.CRL_ul_disc, .slick-dots)>li {
            width: 48%;
        }

        .CRL_main .s_ecset .CRL_ul_disc li:nth-of-type(odd) {
            padding-right: 10px;
        }

        .s_ecset li>div {
            position: absolute;
            left: 0;
            bottom: 5%;
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }
    }

    @media (max-width: 768px) {
        .twoBTN .CRL_btn {
            min-width: 100px;
        }
    }

    @media (max-width: 761px) {
        .CRL_main .s_ecset ul:not(.CRL_ul_disc, .slick-dots)>li {
            padding-bottom: 7%;
        }

        .CRL_main .s_ecset ul:not(.CRL_ul_disc, .slick-dots)>li div {
            margin-top: 5%;
        }

        .CRL_main section.s_ecset,
        .CRL_main .s_live {
            padding: 10% 0;
        }

        .CRL_main .s_liveTXT2 ul:not(.slick-dots, .slick-dots),
        .s_ecset ul {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (max-width: 550px) {
        .CRL_main .s_ecset .CRL_btn {
            margin: 0 5px;
        }
    }
    /*表單按鈕*/

    #formcontainer button {
        padding: 0 1vw !important;
    }
    /*底線*/

    .CRL_main a.txt_link {
        text-decoration: underline;
    }
    /*清除乾淨*/

    .div_clear {
        clear: both;
    }
    /********delay style**************/

    .delay-1 {
        animation-delay: 0.5s!important;
        transition-delay: 0.5s!important;
    }

    .delay-2 {
        animation-delay: 1s!important;
        transition-delay: 1s!important;
    }

    .delay-3 {
        animation-delay: 1.5s!important;
        transition-delay: 1.5s!important;
    }

    .delay-4 {
        animation-delay: 2s!important;
        transition-delay: 2s!important;
    }

    .delay-5 {
        animation-delay: 2.5s!important;
        transition-delay: 2.5s!important;
    }

    .delay-6 {
        animation-delay: 3s!important;
        transition-delay: 3s!important;
    }

    .delay-7 {
        animation-delay: 3.5s!important;
        transition-delay: 3.5s!important;
    }

    .delay-8 {
        animation-delay: 4s!important;
        transition-delay: 4s!important;
    }

    .delay-9 {
        animation-delay: 4.5s!important;
        transition-delay: 4.5s!important;
    }

    .delay-10 {
        animation-delay: 5s!important;
        transition-delay: 5s!important;
    }
    /********QA**************/

    .CRL_main .CRL_QA_list {
        text-align: left;
        margin: 5% auto;
        max-width: 900px;
        width: 80%;
    }

    .CRL_main .CRL_QA_list>div {
        border-bottom: 1px solid #fff;
        position: relative;
    }

    .CRL_main .CRL_QA_list>div:nth-of-type(1) {
        border-top: 1px solid #fff;
    }

    .CRL_main .CRL_QA_list input[type="radio"]+label:before {
        position: absolute;
        right: 10px;
        top: 25px;
        margin: 0;
        background-image: url(qa-min.png);
        background-color: transparent;
        border: 1px none #c8c7c6;
    }

    .CRL_main input[type="radio"]:checked+label:before,
    .CRL_main input[type="radio"]:checked+label:hover:before {

        background-image: none;
    }

    .radio-custom p {
        display: none;
    }

    .radio-custom input[type="radio"] {
        display: none;
    }

    .CRL_main .radio-custom input[type="radio"]:checked+label p {
        display: block;
        padding-top: 20px;
    }

    .radio-custom label {
        width: 100%;
        padding: 20px;
        display: block;
        box-sizing: border-box;
        transition: 500ms;
    }

    @media (max-width: 1250px) {
        .radio-custom label {
            padding: 1.6vw;
        }

        .CRL_main .radio-custom input[type="radio"]:checked+label p {
            padding-top: 1.6vw;
        }

        .CRL_main .CRL_QA_list input[type="radio"]+label:before {
            right: 0.8vw;
            top: 2vw;
        }

        .CRL_main input[type="radio"]+label:before {
            width: 2vw;
            height: 2vw;
        }
    }

    @media(min-width:761px) {
        .CRL_main .radio-custom label:hover {
            opacity: 0.5;
        }
    }

    @media (max-width: 761px) {
        .radio-custom label {
            padding: 3vw 8vw 3vw 3vw;
        }
        .CRL_main input[type="radio"]+label:before {
            width: 5vw;
            height: 5vw;
            top: 3.5vw;
        }
    }


    @media (max-width:550px) {
        .CRL_main .CRL_QA_list {
            width: 100%;
        }
    }
    /*********aside 飛船*********/

    .aside_btn {
        position: fixed;
        right: 0;
        top: 30vh;
        z-index: 10;
        display: block;
        transition: all 4s;
    }


    .aside_btn a {
        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, 'Noto Sans TC', sans-serif;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.2em;
        color: #fff;
        background-color: #b40024 !important;
        border-radius: 5px 0 0 5px;
        border: 0;
        padding: 10px 10px;
        min-width: 25px;
        min-height: 130px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
    }

    .aside_btn a:hover {
        background-color: #8c0b26;
        color: #fff;
    }

    .aside_btn a:hover:before {
        content: '';
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 350%;
        filter: blur(10px);
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-animation: shinye 2s ease infinite;
        animation: shinye 2s ease infinite;
    }

    @media(max-width:761px) {
        .aside_btn {
            top: 25vh;
        }

        .aside_btn a {
            font-size: 4vw;
            letter-spacing: 0.8vw;
            border-radius: 2vw 0 0 2vw;
            padding: 2vw 2vw;
            min-width: 2vw;
            min-height: 25vw;
        }
    }
    /*箭頭按鈕*/

    .btn_arrow {
        position: relative;
        margin-right: 35px;
        transition: 500ms;
    }

    .CRL_main .btn_arrow img {
        position: absolute;
        right: -35px;
        width: 150px;
        bottom: -20px;
    }

    @media(min-width:761px) {
        .btn_arrow:hover {
            opacity: 0.5;
        }
    }

    @media (max-width: 1250px) {
        .CRL_main .btn_arrow img {
            position: absolute;
            right: -2.8vw;
            width: 12vw;
            bottom: -1.6vw;
        }
        .btn_arrow {
            margin-right: 2.8vw;
        }
    }

    @media (max-width: 761px) {
        .CRL_main .btn_arrow img {
            right: -5.5vw;
            width: 25vw;
            bottom: -4vw;
        }
    }
    /*谷歌表單*/

    .google_form iframe {
        width: 100%;
        height: 700px;
    }

    .google_form .CRL_cnt {
        background-color: #fff;
        padding: 5% 0;
        margin: 5% auto 3%;
        border-radius: 10px;
    }