/* 預約頁面01 */

.all_set * {
    box-sizing: border-box;
    max-width: 100%;
}

.all_set {
    max-width: 2000px;
    width: 100%;
    margin: auto;
    font-family: "Noto Sans TC", sans-serif;
    border: 0;
    text-decoration: none;
    overflow: hidden;

    --frm01: "Noto Serif TC", serif;
    --frm02: "Anton", sans-serif;
}

.all_set img {
    width: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.pageIndex .main_part {
    border-top: none !important;
}

.edit,
.show_content {
    width: 100%;
    padding: 0;
    margin: auto;
}

.main_part {
    max-width: 100%;
    padding: 0;
}

.path,
.banner,
.promotion_title,
.clearfix,
.page {
    display: none;
}

.all_set ul {
    padding: 0 0;
    margin: 0;
}


.all_set li {
    list-style: none;
}

.all_set h6,
.all_set h5,
.all_set h4,
.all_set h3,
.all_set h2 {
    margin: 0;
}

.all_set u {
    text-decoration: none;
}

/*Animations*/
[data-animate-in] {
    opacity: 0;
    transition: transform 1.2s ease, opacity 1.2s ease;
}

[data-animate-in="up"] {
    transform: translate3d(0, 10%, 0);
}

/*由下往上*/
[data-animate-in="left"] {
    transform: translate3d(-50%, 0, 0);
}

/*由左往右*/
[data-animate-in="right"] {
    transform: translate3d(50%, 0, 0);
}

/*由右往左*/
[data-animate-in="down"] {
    transform: translate3d(0, -10%, 0);
}

/*由上往下*/
[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0);
}

/*淡入*/
[data-animate-in="scaleIn"] {
    transform: scale(.3);
}

/*放大淡入*/
[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 1.2s ease, opacity 1.2s ease;
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease;
}

.all_set p {
    margin: 0;
}

.all_set em,
.all_set i {
    font-style: normal;
}

.all_set a {
    text-decoration: none;
}

.all_set dd,
.all_set dt {
    margin: 0 0;
}

.all_set_key_word {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.animated15 {
    animation: none;
}

/* 內容 除了首頁記得把其他keyword刪掉 */
/* 記得刪掉/jquery-1.11.3.min.js/上面那串 */
.re_banner {
    padding: 120px 20px 90px 20px;
    background-color: #153C65;
}

.re_banner02 {
    max-width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.re_banner02 h5 b {
    display: block;
    color: white;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--frm02);
    line-height: 120%;
    letter-spacing: 0.08em;
    padding-left: 2px;
}

.re_banner02 h5 em {
    display: block;
    color: white;
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.08em;
    margin: 5px 0 20px 0;
}

.re_banner02 h5 i {
    display: block;
    color: #EB3E19;
    font-size: 11px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.04em;
}

.re_banner02 ul {
    display: flex;
    align-items: center;
    align-self: flex-end;
    position: relative;
    bottom: -25px;
}

.re_banner02 li {
    display: flex;
    align-items: center;
}

.re_banner02 li u {
    display: block;
    width: 70px;
    animation-name: eff01;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-direction: alternate;
    animation-duration: 0.7s;
}

@keyframes eff01 {
    0% {
        transform: rotate(5deg);
    }

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

.re_banner02 li em {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #143B65;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--frm02);
    line-height: 120%;
    text-align: center;
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    background-color: #fff;
    border-radius: 150px;
    margin-right: 25px;
}

.re_banner02 li+li {
    margin-left: 25px;
}

.re_banner02 li i {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 5px;
    min-height: 5px;
    background-color: #fff;
}

.re01 {
    padding: 100px 20px;
    background-color: #F0F1F2;
}

.re02 {
    max-width: 1100px;
    margin: auto;
}

.re02 p {
    width: 100%;
    display: flex;
    align-items: center;
}

.re02 p span {
    display: block;
    color: #262626;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.05em;
}

.re02 p span.now_step {
    color: #EB3E19;
}

.go_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    width: 100%;
    background-color: #153C65;
    border-radius: 150px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    transition: 0.5s;
    margin: 50px 0 50px auto;
}

.go_btn input {
    width: 100%;
    background-color: transparent;
    padding: 12px 5px;
}

.go_btn:hover,
.go_btn02:hover {
    transition: 0.5s;
    background-color: #262626;
}

.go_btn02 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    width: 100%;
    background-color: #153C65;
    border-radius: 150px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 60;
    transition: 0.5s;
}

.go_btn02 button {
    width: 100%;
    background-color: transparent;
    padding: 12px 5px;
}

.re03 {
    padding: 50px;
    background-color: #E0E0E0;
    margin: 40px 0;
    border-radius: 10px;
}

.re03 form {
    width: 100%;
}

.re03>div:nth-of-type(n+2) {
    margin-top: 30px;
}

.re04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.re04 b {
    display: flex;
    align-items: center;
    max-width: 250px;
    width: 100%;
    color: #143B65;
    font-size: 18px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.08em;
}

.re04 b img {
    margin-right: 10px;
}

.re04 b u {
    color: #EB3E19;
}

.re04 label {
    width: calc(100% - 250px);
    padding: 10px 15px 10px 0;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.re04 label i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    min-width: 80px;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-indent: 0.04em;
    text-align: center;
}

.re04 label input {
    width: 100%;
    border: none;
    border-left: 1px #262626 solid;
    padding: 5px 0 5px 12px;
    background-image: url('https://pic03.eapple.com.tw/Happymodee/hmd_img126.png');
    background-position: center right;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
    background-color: #fff;
    height: 26px;
    border-radius: unset;
}

/* 取消小圖案 */
.re04 label input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

/*  */
#date {
    color: #BFC4CC;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
    padding: 5px 0 5px 15px;
    text-align: left;
}

.re04 input[type="date"] {
    text-align: left;
}

/* select */
#store:valid {
    color: #143B65;
}

#date:valid {
    color: #143B65;
    padding: 5px 0 5px 20px;
}

/* select */

.re03 form>div:nth-child(n+2) {
    margin-top: 35px;
}

.re04 select {
    width: 100%;
    border: none;
    border-left: 1px #262626 solid;
    padding: 0 0 0 12px;
}

.re04 label select {
    padding: 5px 0 5px 20px;
    color: #BFC4CC;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-decoration: none;
    outline: none;
    appearance: none;
    /* 隱藏預設樣式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('https://pic03.eapple.com.tw/Happymodee/hmd_img127.png');
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #fff;
}

.re04 label select option {
    color: #143B65;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans TC", sans-serif;
    line-height: 120%;
    letter-spacing: 0.04em;
    border: 1px #E3E3E3 solid;
}

.re05 b {
    display: block;
    color: #262626;
    font-size: 16px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.04em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px #D2D2D2 solid;
}

.re05 strong {
    display: block;
    color: #EB3E1A;
    font-size: 16px;
    font-weight: 600;
    line-height: 190%;
    letter-spacing: 0.04em;
    text-align: justify;
    word-break: break-word;
}

.re05 span {
    display: block;
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    line-height: 190%;
    letter-spacing: 0.04em;
    text-align: justify;
    word-break: break-word;
}

/* 預約頁面02 */
.note_768{
    color:red;
    font-size: 16px;
    font-weight: bold;
    line-height: 190%;
    letter-spacing: 0.04em;
    margin-bottom: -25px;
    display: none;
}

body.order02 .re02 p {
    flex-wrap: wrap;
}

body.order02 .re02 p u {
    display: block;
    width: 100%;
    color: #EB3E19;
    font-size: 23px;
    margin-top: 15px;
}

.re_second01 {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    margin-top: 35px;
}

.re_second01 form {
    width: 100%;
}

.re_second02 table {
    width: 100%;
    border-collapse: collapse;
}

.re_second02 table tr td {
    color: #262626;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    padding: 18px 5px;
    background-color: #fff;
    border: 1px #C9C9C9 solid;
    position: relative;
    cursor: pointer;
}

.re_second02 table tr td.td_color {
    background-color: #EB3E1B;
}

.re_second02 table tr td em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.re_second02 table tr td em input {
    width: 100%;
    height: 100%;
}

.re_second02 table tr:nth-child(1) td {
    background-color: #E0E0E0;
}

.re_second02 table tr:nth-child(1) td h5 i {
    font-size: 20px;
}

.re_second02 table tr:nth-child(1) td h5 span {
    display: block;
    font-size: 20px;
    margin-top: 5px;
}

.re_second02 table tr:nth-child(1) td h5 s {
    display: block;
    font-weight: 500;
    text-decoration: none;
}

.re_second02 table tr:nth-child(1) td h5 s::before {
    content: "•";
    color: #4492AB;
}

.re_second02 table tr td:nth-child(1) {
    width: 24%;
}

.re_second06 {
    margin: 80px auto;
}

.re_second06>input[type="button"] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 auto;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    padding: 15px 10px;
    background-color: #153C65;
    border-radius: 150px;
    max-width: 180px;
    width: 100%;
    outline: none;
    margin-top: 40px;
    box-shadow: unset;
    border: none;
    cursor: pointer;
    transition: 0.5s;
}

.re_second06>input[type="button"]:hover {
    transition: 0.5s;
    background-color: #262626;
}

.re_second04 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 2%;
}

.re_second05 h4 {
    display: flex;
    align-items: center;
    color: #143B65;
    font-size: 18px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.08em;
}

.re_second05 h4 img {
    margin-right: 10px;
}

.re_second05 input {
    width: 100%;
    border: 1px #E3E3E3 solid;
    background-color: #fff;
    padding: 16px 10px;
    margin-top: 20px;
    outline: none;
    color: #BFC4CC;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
}

.re_second05 input:valid {
    color: #143B65;
}

.re_second05 select {
    width: 100%;
    border: 1px #E3E3E3 solid;
    background-color: #fff;
    padding: 16px 10px;
    margin-top: 20px;
    color: #BFC4CC;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
    /*  */
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(https://pic03.eapple.com.tw/Happymodee/hmd_img127.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
}

/* select */
.re_second05 select:valid {
    color: #143B65;
}

/* select */

/* 預約頁面03 */

.re_third01 {
    margin: 80px auto 60px auto;
}

.re_third01 b {
    padding: 10px;
    background-color: #E0E0E0;
    color: #262626;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    display: block;
    text-align: center;
}

.re_third02 {
    padding: 45px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.re_third02>em{
    display: block;
    max-width: 500px;
    width: 100%;
    padding-bottom: 30%;
    position: relative;
}

.re_third02 em img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.re_third03 {
    max-width: 500px;
    width: 100%;
    margin-left: 35px;
}

.re_third03 i {
    display: block;
    color: #262626;
    font-size: 28px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.08em;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px #D2D2D2 solid;
}

.re_third03 table {
    border-collapse: collapse;
}

.re_third03 table tr td {
    color: #262626;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.08em;
    padding: 5px 0;
}

.re_third03 table tr td:nth-child(1) {
    font-weight: 900;
    padding-right: 15px;
}

.re_third04 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 65px;
}

.re_third04 h6 {
    display: flex;
    align-items: center;
    color: #262626;
    font-size: 18px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.08em;
}

.re_third04 h6 strong {
    color: #EB3E19;
    font-size: 28px;
    font-weight: 900;
    padding-left: 5px;
}

.re_third04 u {
    display: block;
    color: #262626;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-align: right;
    margin-top: 10px;
}

.re_third04 span{
    display: block;
    color: #262626;
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-align: right;
    margin-top: 10px;
}

.re_third05 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.re_third05>input[type="button"],
.re_third05 a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    padding: 15px 10px;
    background-color: #153C65;
    border-radius: 150px;
    max-width: 180px;
    width: 100%;
    outline: none;
    margin-top: 40px;
    box-shadow: unset;
    border: none;
    cursor: pointer;
    transition: 0.5s;
}

.re_third05>input[type="button"] {
    background-color: #EB3E19;
}

.re_third05>input[type="button"]:hover,
.re_third05 a:hover {
    transition: 0.5s;
    background-color: #262626;
}

.re_third05 a {
    margin-left: 20px;
}

.re_third06 {
    padding: 80px 20px;
}

.re_third07 {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.re_third07 h5 {
    color: #666666;
    font-size: 32px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
}

.re_third07 em {
    display: block;
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    text-align: center;
    margin-top: 25px;
}

.re_third07>a:nth-of-type(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #262626;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    text-align: center;
    padding: 20px 5px;
    border-top: 2px #989898 dotted;
    border-bottom: 2px #989898 dotted;
    margin: 25px 0;
    transition: 0.5s;
}

.re_third07>a:nth-of-type(2):hover {
    transition: 0.5s;
    color: #1FCE5D;
}

.re_third07>a:nth-of-type(2) img {
    margin-right: 10px;
}

.gogo {
    position: relative;
    top: -400px;
}

.re_third07 h6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px 2%;
}

.re_third07 h6 a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.08em;
    background-color: #05B5AA;
    border: 1px #05B5AA solid;
    padding: 8px 10px;
    border-radius: 5px;
    transition: 0.5s;
}

.re_third07 h6 a:hover {
    transition: 0.5s;
    background-color: transparent;
    color: #05B5AA;
}

.re_third07 h6 a img {
    margin-right: 10px;
}

.re_third07 h6 a:nth-of-type(2) {
    background-color: #23669A;
    border: 1px #23669A solid;
}

.re_third07 h6 a:nth-of-type(2):hover {
    transition: 0.5s;
    background-color: transparent;
    color: #23669A;
}

.re_third07 h6 a:nth-of-type(3) {
    background-color: #8379B5;
    border: 1px #8379B5 solid;
}

.re_third07 h6 a:nth-of-type(3):hover {
    transition: 0.5s;
    background-color: transparent;
    color: #8379B5;
}

@media (max-width:1200px) {
    .re01 {
        padding: 80px 20px;
    }

    body.order02 .re02 p u {
        font-size: 20px;
    }
    

    /* font */
    .re_banner02 h5 b {
        font-size: 20px;
    }

    .re_banner02 h5 em {
        font-size: 50px;
    }

    .re02 p span,
    .re_second02 table tr:nth-child(1) td h5 i,
    .re_second02 table tr:nth-child(1) td h5 span,
    .re_second02 table tr:nth-child(1) td h5 s,
    .re_second02 table tr td {
        font-size: 18px;
    }

    .re04 b,
    .re_second05 h4,
    .re_third03 table tr td {
        font-size: 17px;
    }

    .re_second06>input[type="button"],
    .re_third05>input[type="reset"],
    .re_third05 a,
    .re_third07 em {
        font-size: 15px;
    }

    .re_third07 h5,
    .re_third07>a:nth-of-type(2) {
        font-size: 30px;
    }
}

@media (max-width:800px) {
    .re_banner {
        padding: 80px 20px 100px 20px;
    }

    body.order02 .re02 p u {
        font-size: 18px;
    }

    .re03 {
        padding: 35px 20px;
    }

    .re04 b {
        width: 120px;
        min-width: 120px;
    }

    .re04 label {
        width: calc(100% - 130px);
    }

    .re_third02 {
        padding: 25px;
    }

    /* font */
    .re_banner02 h5 b {
        font-size: 18px;
    }

    .re_banner02 h5 em {
        font-size: 42px;
    }

    .re_third07 h5,
    .re_third07>a:nth-of-type(2) {
        font-size: 28px;
    }
}

@media (max-width:768px) {
    .gogo {
        top: -200px;
    }

    .note_768{
        display: block;
    }
}

@media(max-width:700px) {
    .re_second06 {
        margin: 50px auto;
    }

    .re_second04 {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 50px 0;
    }

    .re_second06>input[type="button"] {
        margin: auto;
        margin-top: 50px;
    }

    .re_third02 {
        padding: 35px 20px;
        flex-direction: column-reverse;
    }

    .re_third02>em{
        padding-bottom: 56.25%;
    }

    .re_third03 {
        margin: 0;
        margin-bottom: 40px;
    }

    /* font */
    .re_third07 h5,
    .re_third07>a:nth-of-type(2) {
        font-size: 26px;
    }
}

@media (max-width:600px) {
    .re_banner {
        padding: 50px 20px;
    }

    .re_banner02 h5 b,
    .re_banner02 h5 em {
        text-indent: 0.08em;
        text-align: center;
    }

    .re_banner02 h5 i {
        text-indent: 0.04em;
        text-align: center;
    }

    .re_banner02 {
        flex-direction: column;
        align-items: center;
    }

    .re_banner02 ul {
        position: static;
        align-self: center;
        margin-top: 35px;
    }

    .re_banner02 li+li {
        margin-left: 15px;
    }

    .re_banner02 li em {
        margin-right: 15px;
    }

    .re_banner02 li u {
        width: 50px;
    }

    .re01 {
        padding: 50px 20px;
    }

    .re02 p {
        width: fit-content;
        margin: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .re02 p span {
        text-align: center;
    }

    .re02 p span+span {
        margin-top: 20px;
    }

    .re04 {
        flex-direction: column;
        align-items: flex-start;
    }

    .re04 b {
        min-width: unset;
        width: 100%;
    }

    .re04 label {
        width: 100%;
        margin-top: 20px;
    }

    .re04 label i {
        width: 60px;
        min-width: 60px;
    }

    .re_second02 {
        overflow-x: scroll;
        padding-bottom: 35px;
    }

    .re_second02 table {
        min-width: 500px;
    }

    .re_third03 i {
        text-indent: 0.08em;
        text-align: center;
    }

    .re_third03 table {
        width: fit-content;
        margin: auto;
    }

    .re_third06 {
        padding: 50px 20px;
    }

    .re_third07 h6 {
        max-width: 250px;
        margin: auto;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px 0;
    }

    /* font */
    .re_banner02 h5 em {
        font-size: 36px;
    }

    .re_second02 table tr:nth-child(1) td h5 i,
    .re_second02 table tr:nth-child(1) td h5 span,
    .re_second02 table tr:nth-child(1) td h5 s,
    .re_second02 table tr td {
        font-size: 16px;
    }

    .re_third07 h5 {
        font-size: 24px;
    }
}

@media (max-width:475px) {
    .re_third03 table tr td {
        display: block;
    }

    .re_third04 {
        margin-top: 50px;
    }

    .re_second02 table tr td:nth-child(1) {
        width: 19%;
    }

    /* font */
    .re_third07 h5 {
        font-size: 22px;
    }

    .re_third07>a:nth-of-type(2) {
        font-size: 20px;
    }
}

/* 彈跳視窗 */
.note_all{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top:0;
    left: 0;
    z-index: 9999;
    font-family: "Noto Sans TC", sans-serif;
}

.note_all p {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #EB3E19;
    font-size: 20px;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    text-align: center;
    width: fit-content;
    padding:25px;
    background-color: #fff;
    position: relative;
}

.note_all p i{
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    border-radius: 150px;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    text-align: center;
    position: absolute;
    top:-12.25px;
    right:-12.25px;
    cursor: pointer;
}

@media (max-width:375px) {
    .note_all p{
        max-width: 100%;
        width: calc(100% - 40px);
        font-size: 18px;
    }

    .note_all p br{
        display: none;
    }
}