.flor01-template-10 .fz-en-A {
    font-family: "Lora", "Noto Serif TC", serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 1.125em
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-en-A {
        font-size: 48px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-en-A {
        font-size: 54px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-en-A {
        font-size: 64px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-en-A {
        font-size: 72px
    }
}

.flor01-template-10 .fz-en-B {
    font-family: "Lora", "Noto Serif TC", serif;
    font-weight: normal;
    font-size: 22px
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-en-B {
        font-size: 32px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-en-B {
        font-size: 32px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-en-B {
        font-size: 36px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-en-B {
        font-size: 48px
    }
}

.flor01-template-10 .fz-en-C {
    font-family: "Lora", "Noto Serif TC", serif;
    font-weight: normal
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-en-C {
        font-size: 18px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-en-C {
        font-size: 22px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-en-C {
        font-size: 26px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-en-C {
        font-size: 30px
    }
}

.flor01-template-10 .fz-tw-A {
    font-size: 22px;
    /*仁20210404修正*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-tw-A {
        font-size: 26px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-tw-A {
        font-size: 28px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-tw-A {
        font-size: 32px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-tw-A {
        font-size: 36px
    }
}

.flor01-template-10 .fz-tw-B {
    font-size: 18px
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-tw-B {
        font-size: 22px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-tw-B {
        font-size: 24px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-tw-B {
        font-size: 26px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-tw-B {
        font-size: 30px
    }
}

.flor01-template-10 .fz-tw-C {
    font-size: 16px
}

@media (min-width: 740px) {
    .flor01-template-10 .fz-tw-C {
        font-size: 18px
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .fz-tw-C {
        font-size: 20px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .fz-tw-C {
        font-size: 22px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .fz-tw-C {
        font-size: 24px
    }
}

.flor01-template-10 {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    z-index: 10;
    padding-top: 200px;
    padding-bottom: 200px;
    color: #fff;
    width: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width: 740px) {
    .flor01-template-10 {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 0) and (max-width: 979px) {
    .flor01-template-10 {
        padding-top: 0;
        padding-bottom: 100vw
    }
}

@media (min-width: 980px) {
    .flor01-template-10 {
        background-size: auto 100%;
        background-position: right center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.flor01-template-10 .bg_text {
    content: "";
    display: block;
    background-repeat: repeat;
    background-size: auto;
    position: absolute;
    z-index: 2;
    left: 0;
    width: 55%;
    height: 100%;
    top: 0
}

@media (min-width: 0) and (max-width: 979px) {
    .flor01-template-10 .bg_text {
        height: 35%;
        width: 100%;
        background-size: cover;
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .bg_text {
        width: 40%
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .bg_text {
        width: 37%
    }
}

.flor01-template-10 .fz-tw-B {
    margin-bottom: 1em;
    color: #ece2a8
}

.flor01-template-10 .fz-tw-A {
    line-height: 1.375em;
    margin-bottom: 2em
}

@media (min-width: 0) and (max-width: 575px) {
    .flor01-template-10 .fz-tw-A {
        border-bottom: 1px solid #8f8f8f;
        margin-bottom: 1em;
        padding-bottom: 1em
    }
}

.flor01-template-10 .desc {
    color: #9d9c9c;
    display: block;
    height: 4em;
    font-family: "Noto Sans TC", "PingFang", "PingFangTC", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    /*仁20210404修正*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 0) and (max-width: 979px) {
    .flor01-template-10 .text {
        padding-bottom: 80px
    }
}

@media (min-width: 740px) {
    .flor01-template-10 .text {
        max-width: 400px;
        width: 50%
    }
}

@media (min-width: 980px) {
    .flor01-template-10 .text {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        min-height: 640px
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .text {
        min-height: 700px;
        max-width: 460px
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .text {
        min-height: 800px
    }
}

.flor01-template-10 .container {
    position: relative;
    z-index: 5
}

@media (min-width: 0) and (max-width: 979px) {
    .flor01-template-10 .container {
        padding-top: 5vw
    }
    .flor01-template-10 .container>div {
        display: flex;
        flex-direction: column-reverse
    }
}

.flor01-template-10 .container>div {
    position: relative
}

.flor01-template-10 .big-text {
    font-family: "Lora", "Noto Serif TC", serif;
    width: 100%;
    display: block
}

@media (min-width: 0) and (max-width: 575px) {
    .flor01-template-10 .big-text {
        margin-bottom: 30px
    }
    .flor01-template-10 .bg_text {
        height: 55%;
        width: 100%;
        background-size: cover;
    }
}

@media (min-width: 0) and (max-width: 739px) {
    .flor01-template-10 .big-text {
        margin-top: 30px
    }
}

@media (min-width: 980px) {
    .flor01-template-10 .big-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        right: 0;
        top: 64%;
        transform: translateY(-50%)
    }
    .flor01-template-10 .big-text:before {
        content: "";
        display: block;
        width: 85%;
        border-bottom: 1px solid #9d9c9c
    }
}

@media (min-width: 980px) {
    .flor01-template-10 .big-text {
        top: 55%
    }
}

@media (min-width: 1100px) {
    .flor01-template-10 .big-text {
        top: 57%
    }
}

@media (min-width: 1500px) {
    .flor01-template-10 .big-text:before {
        width: 88%
    }
}

@media (min-width: 1800px) {
    .flor01-template-10 .big-text:before {
        width: 83%
    }
}

.flor01-template-10 .big-text strong {
    display: block;
    color: #fff;
    line-height: .9em;
    font-size: 36px;
    font-weight: normal
}

@media (min-width: 1800px) {
    .flor01-template-10 .big-text strong {
        font-size: 72px
    }
}

.flor01-template-10 .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 105%;
    top: -20%;
}

@media (min-width: 0) and (max-width: 979px) {
    .flor01-template-10 .bg {
        background-position: center top;
        height: 100%;
        top:-25%;
    }
}

@media (min-width: 980px) {
    .flor01-template-10 .bg {
        background-size: auto 100%;
        background-position: right center;
        padding-top: 0;
        padding-bottom: 0;
        top:-25%;
    }
}
.flor01-template-10 .img_mobile{
    display: none;
}

@media( max-width: 700px){
    .flor01-template-10 .bg{
        background-size:0;
    }
    .flor01-template-10 .img_mobile{
        display: block;
        position: absolute;
        width: 100%;
        height: 45%;
        background-size: cover;
        background-position: center;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
}

.no_textimg{
    position: absolute;
    height: 105%;
    background-size: cover;
    background-position: center;
    right: 0;
    top: -20%;
    z-index: 1;
}
@media (min-width: 1000px){
    .no_textimg{
        width: 60%;
    }
}
@media (min-width: 1500px){
    .no_textimg{
        width: 63%;
    }
}
@media (max-width: 1000px){
    .no_textimg{
        width: 100%;
        height: 85%;
        bottom: 0;
        top: auto;
    }
}
@media (max-width: 700px){
    .no_textimg{
        background-size: 0;
    }
}