/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);


footer {
    padding-top: 0;
}


.newsList .Img img, .newsList .Img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mainArea {
    padding: 80px 0;
    background: url('../images/bn_sm.jpg') no-repeat center;
    background-size: cover;
    min-height: 800px;
}
.mainArea .wrap {
    max-width: 1240px;
}
.mainArea .titleBox {
    margin-bottom: 60px;
    text-align: center;
}
.mainArea.innerArea .contentBox {
    display: block;
}
@media (max-width: 1180px) {
    .mainArea {
        padding: 40px 0;
    }
    .mainArea .titleBox {
        margin-bottom: 30px;
    }
}

.contentBox {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;*/
}
.contentBox .left {
    width: 17%;
}
.contentBox .right {
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 1400px) {
    .contentBox .left {
        width: 20%;
    }
    .contentBox .right {
        width: 70%;
    }
}
@media (max-width: 1023px) {
    .contentBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .contentBox .left {
        width: 100%;
    }
    .contentBox .right {
        width: 100%;
    }
}

.newsInfoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 10px;
}
.newsInfoBox .dateBox,
.newsInfoBox .classTitle {
    padding: 5px 0;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}
.newsInfoBox .dateBox {
    font-family: "Plus Jakarta Sans";
}
.newsInfoBox .classTitle {
    color: #fff;
    padding: 4px 12px;
    border-radius: 14px;
    background-color: #1f7c81;
}

.newsList {
    width: 100%;
}
.newsList .newsItem:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 650px) {
    .newsList .newsItem:not(:last-child) {
        margin-bottom: 40px;
    }
}
.newsList .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
@media (max-width: 1023px) {
    .newsList .item {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }
}
@media (max-width: 650px) {
    .newsList .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 16px;
    }
}
.newsList .item:hover .Img {
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.newsList .item:hover .facImg {
    opacity: 0.5;
}
.newsList .item:hover .logoBox .logo {
    -webkit-animation: textSlideUpAnimation 0.8s ease-in-out forwards;
            animation: textSlideUpAnimation 0.8s ease-in-out forwards;
}
.newsList .Img {
    width: 35%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    position: relative;
    border-radius: 10px;
    background-color: #000;
}
.newsList .Img img {
    width: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
@media (max-width: 650px) {
    .newsList .Img {
        width: 100%;
    }
}
.newsList .Txt {
    width: 60%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@media (max-width: 1200px) {
    .newsList .Txt {
        width: 65%;
    }
}
@media (max-width: 650px) {
    .newsList .Txt {
        width: 100%;
    }
}
.newsList .Txt .title {
    width: 100%;
    color: #4a4a4a;
    border-bottom: 1px solid rgba(74, 74, 74, 0.2);
    margin-bottom: 12px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.newsList .Txt .title a {
    color: #4a4a4a;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 1201px) {
    .newsList .Txt .title a:hover {
        opacity: 0.8;
    }
}
.newsList .Txt .text {
    display: block;
    width: 100%;
    height: 51px;
    color: #4a4a4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.8px;
}
@media (max-width: 1200px) {
    .newsList .Txt .title {
        font-size: 16px;
    }
    .newsList .Txt .text {
        font-size: 14px;
        height: 45px;
    }
}

.innerArea .albumBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
.innerArea .albumBox .newsMain {
    width: 50%;
}
.innerArea .albumBox .newsMain .albumItem {
    height: 500px;
}
.innerArea .albumBox .newsMain img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
.innerArea .albumBox .newsNav {
    width: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.innerArea .albumBox .newsNav .albumItem {
    width: 160px;
    height: 160px;
}
.innerArea .albumBox .newsNav .albumItem img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (max-width: 1400px) {
    .innerArea .albumBox .newsMain .albumItem {
        height: 380px;
    }
    .innerArea .albumBox .newsNav {
        width: 250px;
    }
    .innerArea .albumBox .newsNav .albumItem {
        width: 120px;
        height: 120px;
    }
}
@media (max-width: 840px) {
    .innerArea .albumBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .innerArea .albumBox .newsMain {
        width: 100%;
    }
    .innerArea .albumBox .newsMain .albumItem {
        height: 300px;
    }
    .innerArea .albumBox .newsNav {
        display: none;
    }
}
@media (max-width: 400px) {
    .innerArea .albumBox .newsMain .albumItem {
        height: 200px;
    }
}
.innerArea .infoBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 40px;
}
.innerArea .textEditor {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .innerArea .topBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
/*# sourceMappingURL=news.css.map */





.contentBox .leftBox {
    float: right;
    width: 20%;
}
@media (max-width: 640px) {
    .contentBox .leftBox {
        float: none;
        width: 100%;
        padding: 0;
    }
}
.contentBox .rightBox {
    float: left;
    width: 74%;
}
@media (max-width: 640px) {
    .contentBox .rightBox {
        float: none;
        width: 100%;
        margin-top: 30px;
    }
}
.faqList {
    width: 100%;
}
.faqList .faqItem {
    margin-bottom: 15px;
    padding: 5px;
    border-bottom: 1px dashed #ccc;
}
.faqList .title {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 2px;
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
    font-style: normal;
    position: relative;
    padding: 10px 5px;
    cursor: pointer;
}
.faqList .title b {
    display: inline-block;
    color: #111;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0;
    font-family: "Gabarito", "Microsoft JhengHei", sans-serif;
    font-style: normal;
    vertical-align: middle;
    margin-right: 10px;
}
.toggleOpen {
    width: 20px;
    height: 20px;
    background: #1f7c81;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0;
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -13px;
    cursor: pointer;
}
@media (min-width: 1201px) {
    .toggleOpen:hover {
        color: #ffffff;
    }
}
@media (max-width: 640px) {
    .toggleOpen {
        float: right;
        position: static;
        margin-top: -2px;
    }
}
.definition {
    display: none;
    background: #1f7c81;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2px;
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
    font-style: normal;
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
}














.switch {
    margin-top: 9px;
    float: right;
    position: relative;
}

.app-logo {
    max-height: 58px;
    margin-top: -19px;
    margin-left: 8px;
}

.navbar-inverse {
    background: #FFF;
}

.navbar-top-btn {
    display: inline;
    margin-left: 25px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.midBtn img {
    height: 40px;
}

.navbar-btn {
    display: inline;
    margin: 0 auto;
}

.x-container {
    position: absolute;
    top: 80px;
    left: 40px;
}

.navbar-btn-area {
    text-align: center;
    padding: 8px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.navbar-btn-area-v2 {
    padding: 18px 0;
}

.app-img {
    max-width: 100%;
}

.col-full {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    position: relative;
}

.col-area>div {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.x-col {
    position: absolute;
    width: 100%;
}

.x-col-area {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    max-width: 500px;
    text-align: left;
}

.app-img {
    width: 100%;
}

.row-full {
    max-width: 100%;

}

.row-full.row {
    margin-left: 0px;
    margin-right: 0px;
}

.container-full {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    text-align: center;
}

.container-full img {
    margin: 0 auto;
}

#header {
    margin-top: 69px;
}

.FFF {
    background: #fff;
}

.main-container {
    margin: 0 auto;
    max-width: 1920px;
    background: #FFF;
    /*
    box-shadow: 0px 0px 8px 4px rgba(80%, 80%, 80%, 0.5);
    */
}

.navbar-btn-gradient {
    background: rgba(240, 240, 240, 1);
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 48%, rgba(240, 240, 240, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(48%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 48%, rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 48%, rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 48%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 48%, rgba(240, 240, 240, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1);
}

.navbar-btn-gradient2 {
    background: #686D71;
}

.str-content {
    margin: 50px 0px 10px 0px;
}

.content-bg .row {
    background: url("../img/bg_adovex200.png") no-repeat right bottom;
    padding-bottom: 190px;
}
/*
a:active,
a:visited {
    color: #049FE7;
}

a:focus {
    color: #FFF;
}
*/
.str-content h2 {
    text-align: center;
    margin: 20px;
    color: #00a0e9;
    font-size: 2rem;
}

.n2019 {
    font-size: 1.2em;
}

.n2019 h2 {
    margin: 20px 20px 20px 0;
    color: #db69a4;
    font-size: 2rem;
}

.str-content .h3-center {
    text-align: center;
    margin: 20px 0;
}

.str-content .h3-bg {
    background: #049FE7;
    width: 80%;
    margin: 0 auto;
}

.str-content h3 {
    text-align: center;
    margin: 8px auto;
    font-size: 1.3rem;
    background: #049FE7;
    display: inline-block;
    color: #FFF;
    padding: 0px;
}

.deep_area {
    max-width: 500px;
    margin: 0 auto;
}

.str-content ul.deep_content {
    margin: 0px 0 0 -45px;
}

.str-content .deep_content li {
    font-size: 1.0em;
    font-weight: 300;
    padding: 2px 0px 5px 0;
    text-align: left;
}

.str-content .deep_content li .t1 {
    font-weight: bold;
    color: #1879BC;
}

.str-content .deep_content li .t2 {
    font-weight: bold;
    color: #1AA858;
}

.str-content .deep_content li .t3 {
    font-weight: bold;
    color: #EF8403;
}

.str-content p {
    line-height: 2.2rem;
    font-size: 1.3rem;
    font-weight: 300;
}

.line-area {
    text-align: center;
    position: relative;
    border-top: 1px solid #a19f9f;
    margin-top: 15px;
    margin-bottom: 30px;
}

.line-area img {
    position: absolute;
    top: -15px;
    background: #FFF;
    padding: 0 8px;
    margin-left: -35px;
    left: 50%;
}

.mid-line {
    border-top: 1px solid #a19f9f;
}

.how-to p {
    margin-left: 15px;
    margin-top: 15px;
    text-indent: -1.2em;
    line-height: 2.2rem;
    font-size: 1.3rem;
    font-weight: 300;
}

.how-to p::before {
    content: url("../img/how-to-icon.jpg");
    position: relative;
    z-index: 100000;
    left: -10px;
    top: 0px;
}

/* down-nav */

.down-nav {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    background: #9dd8f6;
}

.down-nav li {
    display: inline-block;
    vertical-align: middle;
}

.down-nav li div {
    color: #198ed1;
    font-size: 1.7rem;
    letter-spacing: 10px;
}

.down-nav li img {
    max-width: 80%;
}

/* qa */

.qalist {
    padding: 10px 0;
}

.qalist>b>span {
    font-size: 1.5rem;
}

.qalist>b.t1 {
    color: #0B89BE;
}

.qalist>b {
    font-size: 1.2rem;
}

.qalist {
    cursor: pointer;
}

.show-a {
    display: none;
    margin-top: 8px;
    color: #636363;
}

.clearfix {
    /* 新增用來清除浮動的屬性 */
    clear: both;
}

.footer {
    padding-top: 35px;
}

.footerclean {
    padding-top: 0px;

}

.footer .com-info {
    text-align: center;
    font-size: 0.8rem;
    padding: 15px 0;
    color: #FFF;

    background: #1d6095;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1d6095 0%, #1c2b52 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1d6095 0%, #1c2b52 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1d6095 0%, #1c2b52 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6095', endColorstr='#1c2b52', GradientType=0);
    /* IE6-9 */

}


.footer .com-info2 {

    text-align: center;
    font-size: 0.8rem;
    padding: 15px 0;
    color: #FFF;

    background: #000000;
    /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000000 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */

}


.btn-v2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #2980b9;
    font-size: 1.0em;
    background: transparent;
    padding: 5px 28px 5px 28px;
    border: solid #3498db 2px;
    text-decoration: none;
}

.btn-v2:hover {
    background: #3cb0fd;
    text-decoration: none;
    color: #FFF;
}

.btn-v4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-size: 1.0em;
    background: #8e99b7;
    padding: 5px 28px 5px 28px;
    border: solid #8c9ab5 2px;
    text-decoration: none;
}

.btn-v4:hover {
    text-decoration: none;
    background: #FFF;
    color: #8e99b7;
}

.btn-v4:active,
.btn-v4:visited {
    color: #FFF !important;
}


.btn-v6 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-size: 1.0em;
    background: #d10606;
    padding: 5px 28px 5px 28px;
    border: solid #d10606 2px;
    text-decoration: none;
}

.btn-v6:hover {
    text-decoration: none;
    background: #FFF;
    color: #d10606;
}

.btn-v6:active,
.btn-v6:visited {
    color: #FFF !important;
}

.btn-v3 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Arial;
    color: #4e4e4e;
    font-size: 1.0em;
    background: #FFF;
    padding: 5px 18px 5px 18px;
    border: solid #4e4e4e 1px;
    text-decoration: none;
}

a.btn-v3:active,
a.btn-v3:visited {
    color: #4e4e4e;
}

a.btn-v3:hover {
    background: #4e4e4e;
    text-decoration: none;
    color: #FFF;
}

.str-content>p>b,
.show-a>b {
    color: #E70012;
    font-weight: normal;
}

ul.menu_ls {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.menu_ls li {
    text-align: center;
    padding: 2px 0px;
    margin: 0px;
    font-size: 1.2em;
    font-weight: bolder;
}

ol.menu_ls li {
    font-size: 1.2em;
    font-weight: bolder;
}

.n2019 ol.menu_ls li {
    margin: 8px 0;
}

.n2019 ul.menu_ls li {
    margin: 8px 0;
}

ol.menu_ls2 {
    margin: 0px 20px 20px 10px;
    padding: 0px;
}

ol.menu_ls2 li {
    text-align: left;
    padding: 2px 0px;
    margin: 0px;
    font-size: 1.3em;
}

.menu_rule {
    list-style-type: none;
    margin: 15px 40px 15px 35px;
    padding: 0px;
}

.menu_rule li {
    font-size: 1.2em;
}

.menu_rule li::before {
    content: "●";
    font-size: 1em;
    margin-right: 11px;
    color: #00a0e9;
    font-weight: bolder;
}



.menu_rule li b {
    color: #00a0e9;
    font-size: 1.2em;
    font-weight: 500;
}

.menu_rule.n2019 {}

.menu_rule.n2019 li b {
    color: #db69a4;
    font-size: 1.2em;
    font-weight: 500;
}


.menu_rule.n2019 li::before {
    color: #db69a4;
}

.str-content p.case_content,
.case_content {
    text-align: center;
    color: #e51525;
    font-size: 1.3em;
    margin-bottom: 20px;
}

.str-content p.case_content b,
.case_content b {
    font-size: 1.4em;
    padding-right: 10px;
}

.case_title {}

.case_title div {
    width: 50%;
    float: left;
    background: #eaeaea;
    color: #007cc6;
    padding: 5px 10px;
    text-align: right;
    font-size: 1.0em;
}

.case_title div.ls2 {
    background: #007cc6;
    color: #FFF;
}

.footer_str {
    text-align: center;
    font-size: 1em;
}

.footer_str2 {
    color: #FFF;
    background: #00a0e9;
    padding: 10px 0;
    font-weight: 100;
    text-align: center;
}

.n2019footer_str2 {
    color: #FFF;
    background: #db69a4;
    padding: 10px 0;
    font-weight: 100;
    text-align: center;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    margin-top: 9px;
}

.nohover {
    display: none;
}

.btn-slider div:hover img.inhover {
    display: none;
}

.btn-slider div:hover img.nohover {
    display: block;
}

.btn-slider div {
    text-align: right;
}

.btn-slider div img {
    /* left: 30px; */
    width: 50px;
    right: 27px;
    margin-right: 9px;
    /* right: 20px; */
    /* position: relative; */
    animation-name: run;
    animation-duration: 3s;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3s;
}

.btn-slider div:hover img.nohover {
    display: block;
    left: 0px;

}

@keyframes example {
    0% {
        left: 50px;
    }

    100% {
        left: 0px;
    }
}


/* #case2{
    margin-top: -1px;
}
#case3{
    margin-top: -94px;
}
#case4{
    margin-top: -103px;
}
#case5{
    margin-top: -94px;
}
#case6{
    margin-top: -87px;
} */
/* 
.rwd-table th:first-child, .rwd-table td:first-child{
   
        
    max-width: 310px;
    overflow: hidden;
} */


/* .promo {
    position: relative;
    width: 100%;
    margin-top: 0;
} */

.promo .right-slider .btn-slider {
    position: fixed;
    top: 55px;
    z-index: 999999;
    right: -1px;
    width: 70px;
    height: 380px;
    overflow: hidden;
    /* background: url(./img/more-btn.png) no-repeat center; */
    cursor: pointer;
}


.w_01 {
    font-size: 1.5rem;
    text-align: center;
    color: #010101;
}

.w_02 {
    font-size: 1.3rem;
    text-align: center;
    color: #3e3a37;
    letter-spacing: 0.7em;
}

.w_03 {
    margin-top: 10px;
    font-size: 1rem;
    text-align: left;
    color: #010101;
    padding: 0 20px;
}


@media only screen and (min-width: 0) and (max-width: 420px) {

    .rwd-table th:last-child,
    .rwd-table td:last-child {

        min-width: 100%;
        overflow: hidden;
    }

    .btn-slider {
        right: -40px !important;
    }

    .promo .right-slider .btn-slider {
        height: 180px;
    }

    .btn-slider div img {
        left: 5px;
        width: 70px;
    }

    .btn-slider div:hover img.nohover {
        left: 50px;
    }

    .btn-slider div:hover img.inhover {
        left: 45px;
    }
}

@media only screen and (min-width: 0) and (max-width: 720px) {

    .btn-slider div:hover img.inhover {
        left: 45px;
    }

    .btn-slider div:hover img.nohover {
        left: 50px;
    }

    .btn-slider {
        right: 5px !important;
    }

    .btn-slider img {
        width: 45px !important;
    }

    .promo .right-slider .btn-slider {
        height: 250px;
    }

    .form-horizontal .form-group {
        text-align: left;
    }

    .footer_str {
        font-size: 0.5em;
        margin: 0 40px;
    }

    .menu_rule {
        margin: 15px 40px 15px 35px;
    }

    .menu_rule li {
        font-size: 0.7em;
    }

    .menu_rule li b {
        font-size: 0.8em;
    }

    .str-content p.case_content b,
    .case_content b {
        font-size: 1.2em;
    }

    .str-content p.case_content,
    .case_content {
        font-size: 0.9em;
    }

    .case_title div {
        font-size: 8px;
    }

    .case_title div:first-child {
        text-align: left;
    }

    ul.menu_ls li {
        font-size: 0.9em;
        font-weight: 700;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    ol.menu_ls2 {
        margin: 0px 10px 10px 15px;
    }

    ol.menu_ls2 li {
        font-size: 0.9em;
    }

    ol.menu_ls li {
        font-size: 0.9em;
    }

    .str-content {
        margin-top: 20px;
    }

    .str-content h2 {
        font-size: 1.3em;
        margin: 11px -15px;
    }

    .str-content p {
        font-size: 0.8em;
        line-height: 1.8em;
    }

    .how-to .row {
        margin-bottom: 10px;
    }

    .how-to .row:last-child {
        margin-bottom: 0px;
    }

    .how-to p {
        font-size: 0.8em;
        line-height: 1.8em;
        margin: 0;
    }

    .how-to .row img {
        margin-top: 8px;
    }

    .how-to .col-xs-8,
    .how-to .col-xs-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .how-to p::before {
        content: "";
        background-size: 10px 20px;
        display: inline-block;
        width: 10px;
        height: 20px;
    }

    .qalist {
        padding: 8px 0;
    }

    .qalist>b {
        font-size: 1.1rem;
    }

    .down-nav {}

    .down-nav li {
        width: 40%;
        margin: 5px 0;
    }

    .down-nav li div {
        color: #198ed1;
        font-size: 1.2rem;
        letter-spacing: 4px;
    }

    .down-nav li img {
        max-width: 60%;
    }

    .line-area img {
        margin-left: -21px;
    }

    .footer p {
        font-size: 0.7rem;
    }

    .navbar-header {
        box-shadow: 0px 0px 8px 4px rgba(80%, 80%, 80%, 0.5);
    }

    .navbar-header .navbar-brand {
        display: block;
        width: 100%;
        text-align: center;
    }

    .app-logo {
        margin-top: -15px;
        margin-left: auto;
        max-height: 50px;
        margin-left: auto;
    }

    .navbar-btn-gradient .navbar-btn img {
        height: 30px;
    }

    .content-bg .row {
        background: url("../img/bg_adovex150.png") no-repeat right bottom;
        padding-bottom: 135px;
    }

    .deep_area {
        max-width: 90%;
        margin: 0 auto;
    }

    .deep_content {
        font-size: 0.8em;
    }

    .str-content .h3-bg {
        width: 98%;
    }


}

@media only screen and (min-width: 721px) {
    .line-area img {
        left: 53%;
    }

    #inputExpectOther.form-control {
        margin-top: -6px;
    }

    .rwd-table th:last-child,
    .rwd-table td:last-child {


        width: 400px;
        overflow: hidden;
    }
}


.form-checkbox-area {
    margin-top: 15px;
    margin-left: -15px;
}

.form-checkbox-area label {
    margin-left: 15px;
}

.form-checkbox-area .form-group input[type=checkbox] {
    margin-right: 2px;
}

a.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
    border: 1px solid #333;
    background: #999;
}



.rwd-table {
    background: #fff;
    overflow: hidden;
}

.rwd-table tr td {
    border-bottom: 1px solid #cfcfcf;
    font-size: 16px;
}

/* .rwd-table tr:nth-of-type(2n){
    background: #eee;
    } */
.rwd-table th,
.rwd-table td {
    margin: 0.5em 1em;
}

.rwd-table {
    min-width: 100%;
}

.rwd-table th {
    display: none;
}

.rwd-table td {
    display: block;
}

/* .rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
    } */

.rwd-table th,
.rwd-table td {
    text-align: left;
}

.rwd-table th,
.rwd-table td:before {
    color: #D20B2A;
    font-weight: bold;
}

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }

    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }

    .rwd-table th:first-child,
    .rwd-table td:first-child {
        padding-left: 0;
    }

    .rwd-table th:last-child,
    .rwd-table td:last-child {
        padding-right: 0;
    }

    .rwd-table th,
    .rwd-table td {
        padding: 1em !important;
    }
}


.pro_area>div {
    margin: 0 2px;
}

.btn-v5 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #1f7c81;
    font-size: 1.0em;
    background: #FFF;
    padding: 7px 20px;
    border: solid #ccc 1px;
    text-decoration: none;
}

.btn-v5:hover {
    background: #1f7c81;
    color: #FFF;
    border: solid #1f7c81 1px;
}

.btn-v5:active,
.btn-v5:visited {
    background: #1f7c81;
    color: #FFF !important;
}

.btn-v5-hover {
    background: #1f7c81;
    color: #FFF;
    border: solid #1f7c81 1px;
}

.btn-blue .btn-v5-hover,
.btn-blue .btn-v5:hover,
.btn-blue .btn-v5:active,
.btn-blue .btn-v5:visited {
    background: #1f7c81;
    border: solid #ccc 1px;

}

.line-str {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,8e99b7+10,8e99b7+90,ffffff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #8e99b7 10%, #8e99b7 90%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #8e99b7 10%, #8e99b7 90%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #8e99b7 10%, #8e99b7 90%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    height: 5px;
    margin-top: 3px;
}

.more_area {
    text-align: right;
    padding: 0 px;
    margin: 0 auto;
    max-width: 640px;
}

.more_area button {
    padding: 2px 20px 5px 20px;
    font-size: 0.8rem;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.more_area button:hover {
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color: #f6f6f6;
}

.more_area button:active {
    position: relative;
    top: 1px;
}


.w_info {
    font-size: 1.1rem;
    color: #3e3a37;
    letter-spacing: 1px;
    line-height: 2.5rem;
}

.n2021 {
    text-align: left;
}

.n2021 h2 {
    font-size: 1.2rem;
}

.n2021 .info-area {
    padding-left: 3px;
    line-height: 1.9rem;
}

.pro-title {
    color: #41539d;
    letter-spacing: 0.3em;
}

.str-content h2 {
    color: #8e99b7;
}

.form-horizontal .form-group>div:nth-child(2) {
    text-align: left;
}


.inner-mask {
    position: absolute;
    left: 0px;
    top: 45px;
    width: 100%;
    height: 130px;
    overflow: hidden;
    -webkit-transform: skew(-55deg, 0deg);
    -ms-transform: skew(-55deg, 0deg);
    -o-transform: skew(-55deg, 0deg);
    transform: skew(-55deg, 0deg);


}

.outer-mask {
    position: absolute;
    left: -39px;
    top: 270px;
    width: 100%;
    height: 110px;
    overflow: hidden;
    -webkit-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    -o-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
}

.content-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 110px;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

input.form-control {
    background: #efefed;
    border-radius: 1px;
    border: 1px solid #efefed;
}

.form-title-img {
    width: 280px
}

.wheretitle img {
    width: 300px;
}

.wheretitle {
    background-repeat: repeat-x;
    background-image: url(../images/202111/wherebg.jpg);
    background-position-y: 7px;
    margin-bottom: 25px;
}

.showarea {
    display: none;
}


.topnav {
    overflow: hidden;
    text-align: center;
    background: #FFF;
}

.topnav a {
    /* float: left;
display: block; */
    display: inline-block;

    color: #333;
    text-align: center;
    padding: 4px 6px 4px 15px;
    margin: 10px 10px 10px 5px;
    text-decoration: none;
    font-size: 17px;
    border-left: 1px solid #CCC;
}

.tttopnav {
    display: none;
}

.topnav a:nth-child(1) {
    border-left: none;
    display: none;
}

.topnav a:nth-child(2) {
    border-left: none;
}

.topnav a:hover {
    background-color: #0087B6;
    color: #FFF;
}

.topnav a.active {
    background-color: #0087B6;
    color: #FFF;
}


.topnav .icon {
    display: none;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

.video_title {
    margin-top: 30px;
    margin-bottom: 10px;
}

input {
    border: thin solid #ccc !important;
    border-radius: 1px !important;
    line-height: 1.5em !important;
    padding: 0.5em 3.5em 0.5em 1em !important;
}




button.minimal {
    border: thin solid #ccc !important;
    border-radius: 1px !important;
    line-height: 1.5em !important;
    padding: 0.5em 3em 0.5em 3em !important;
    text-align: center !important;
}

button.minimal {
    border: thin solid #ccc !important;
    border-radius: 1px !important;
    line-height: 1.5em !important;
    padding: 0.5em 3em 0.5em 3em !important;
    text-align: center !important;
}

select {
    /* styling */
    background-color: white !important;
    border: thin solid #ccc !important;
    border-radius: 1px !important;
    display: inline-block !important;
    font: inherit !important;
    line-height: 1.5em !important;
    padding: 0.7em 3.5em 0.7em 1em !important;

    /* reset */

    margin: 0 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* arrows */

select.minimal {
    background-image:
        linear-gradient(45deg, transparent 50%, #1f7c81 50%),
        linear-gradient(135deg, #1f7c81 50%, transparent 50%),
        linear-gradient(to right, #1f7c81, #1f7c81) !important;
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em !important;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat !important;
}


@media (max-width: 720px) {
    select.minimal {
        width: 100%;
    }
}

select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}


button.minimal {

    font: inherit !important;
    line-height: 2em !important;
    padding: 0.5em 2em 0.5em 2em !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    min-width: 300px !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff !important;
    background: linear-gradient(to bottom, #23a3aa 5%, #1f7c81 100%) !important;
    background-color: #1f7c81 !important;
    border-radius: 3px !important;
    /* border: 1px solid #1f7c81; */
    display: inline-block !important;
    cursor: pointer !important;
    color: #FFF !important;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #23a3aa !important;
}

button.minimal:hover {
    background: linear-gradient(to bottom, #1f7c81 5%, #23a3aa 100%) !important;
    background-color: #23a3aa !important;
}

button.minimal:active {
    position: relative !important;
    top: 1px !important;
}

button.blue {
    background: linear-gradient(to bottom, #1f7c81 5%, #23a3aa 100%) !important;
}

button.blue:hover {
    background: linear-gradient(to bottom, #23a3aa 5%, #1f7c81 100%) !important;
    background-color: #1f7c81 !important;
}

#pro_area_table tbody tr td>b {
    margin-right: 40px;
}

#pro_area_table.rwd-table tr td {
    min-width: 80px;
}


@media only screen and (min-width: 768px) {

    /* ... */
    select.minimal {
        width: 155px;

    }
}

.bgfff {
    background: #FFF;
}

.bg2 {
    background: center -120px url("../images/2023/bg2.jpg") #0c1a37 repeat-y;
}

.bg3 {
    background: #a0d1f2;
}

.bg4 {
    background: center -120px url("../images/20241/mer_bg.jpg") #540910 repeat-y;
}


.area_pp {
    margin: 15px 0px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.area_blue {

    border-top: 1px solid #1f7c81;
}

.title_clinic {
    color: #FFF;
    margin: 10px;
    font: inherit;
    line-height: 1.5em;
    font-size: 3.0em;
    clear: both;
    text-align: center;

}

.tt_blue {
    color: #1f7c81;
}

.title_form {
    color: #1f7c81;
    margin: 10px;
    font: inherit;
    line-height: 1.5em;
    font-size: 3.0em;
    clear: both;
    text-align: center;

}

.ttt_info {
    font-size: 2.4em;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    color: #1e4ca1;
    margin-top: 15px;
}

.ttt_info b {
    color: #b28147;
    font-weight: bold;
}

.title_info {
    text-align: left;
    background: url(../images/2023/p4_titlebg.jpg) no-repeat;
    position: relative;
    min-height: 11em;
}

.tt_space {
    top: 23px;
    left: 33px;
    position: absolute;
    ;
}

.tt_space>span {
    display: inline-block;
    font-size: 2em;
    color: #FFF;
    line-height: 2.3em;
    position: absolute;
    top: 0px;
}

.tt_space>div {
    display: inline-block;
}

.tt_space>span b {
    font-size: 1.7em;
    font-weight: normal;
    font-style: oblique;
}

.tt_space>div {
    margin-left: 125px;
    max-width: 630px;
}

.tt_space .tt_info {
    font-size: 2em;
}

.tt_space .tt_content {
    margin-top: 3px;
    font-size: 1em;
}

.infobg {
    background: url(../images/2023/info_bg.jpg) repeat-x #EFEFEF;
    padding-top: 15px;
    padding-bottom: 18px;
    margin-bottom: -35px;
    /* box-shadow:
        inset 0 -8px 4px 4px rgb(255,255,255),
        inset 0 2px 4px 0px rgba(50, 50, 50, 0.75); */
}

.info_img {
    margin-left: 60px;
    margin-top: -25px;
}

.main-img {
    max-width: 800px;
}

.main_w div {

    margin: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 1em;
    max-width: 800px;

}


#pro_area_table tbody tr td:nth-child(1) {
        color: #1f7c81;
    }

#pro_area_table tbody tr td:nth-child(1) a {
        color: #1f7c81;
    }

#pro_area_table tbody tr td a i {
        color: #1f7c81;
    }

@media only screen and (min-width: 0) and (max-width: 720px) {

    .w_01 {
        font-size: 1.2em;
    }

    .w_01 span {
        display: block;
    }

    .title_clinic {
        font-size: 2em;
    }

    .title_form {
        font-size: 2em;
    }

    .ttt_info {
        font-size: 2.2em;
        margin-top: 25px;
        border-bottom: 1px solid #CCC;
    }

    .ttt_info>b {
        display: block;
        font-weight: bold;
        font-size: 1.1em;
    }

    .tt_space {
        text-align: center;
        max-width: 720px;
        margin: 0 auto;
        left: 0;
    }

    .tt_space>span {
        display: inline-block;
        position: static;
        top: 0px;
        left: 45px;
        margin: 0 auto;
        width: 100%;
        line-height: 2.6em;

    }

    .tt_space>div {
        margin-left: auto;
    }

    .tt_space .tt_content {
        font-size: 1.2em;
        padding-right: 5px;
    }

    .tt_space .tt_info {
        margin-top: 30px;
    }

    .info_img {
        margin-left: auto;
        margin-top: 50px;
    }

    input#zsm {
        width: 100%;
    }

    #pro_area_table>thead {
        display: none;
    }

    #pro_area_table tbody tr td:nth-child(1) {
        color: #1f7c81;
    }

    button.minimal {
        width: 100%;
    }

    thead {
        display: none;
    }

    #inquiry-form {
        padding: 0 15px;
    }

    .title_info {
        background: center top url(../images/2023/p4_titlebg2.jpg) no-repeat !important;

    }

    .tt_info {
        border-bottom: 1px solid #BCC4D8;
    }

    .title_info.info2 {
        min-height: 16em;
        margin-top: 20px;
    }

    .title_info.info3 {
        min-height: 16em;
        margin-top: 20px;
    }

    .topnav a {
        font-size: 1.1em;
    }

    .topnav a.icon {
        margin: 0px;
    }

    .topnav .fa-bars:before {
        content: "\f0c9";
        font-size: 1.5em;
        padding: 2px 7px 2px 0px;
        margin: 2px 3px 2px 2px;
    }

    .more_area {
        text-align: center;
        margin-top: 5px;
    }

    .more_area button {
        font-size: 1em;
        padding: 4px 25px 7px 25px
    }
}

@media only screen and (min-width: 0) and (max-width: 420px) {
    .info_img {
        margin-top: 90px;

    }
}

@media only screen and (min-width: 0) and (max-width: 379px) {
    .midBtnArea {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .tt_space>span {
        display: inline-block;
        position: static;
        top: 0px;
        left: 45px;
        margin: 0 auto;
        width: 100%;
        line-height: 2.6em;

    }

    .tt_space {
        left: 0px;
    }

    .tt_space .tt_content {
        font-size: 1.2em;
        padding-right: 5px;
    }

    .title_info {
        min-height: 16em;
    }

    .title_info.info2 {
        min-height: 18em;

    }

    .title_info.info3 {
        min-height: 20em;
    }

    .info_img {
        margin-left: auto;
        margin-top: 50px;
    }
}

#to-top-container {
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 999;
}

.to-top-button {
    background-color: #0F6EB7;
    color: #FFF;
    min-height: 40px;
    min-width: 40px;
    border-radius: 20px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 4px 5px rgb(0 0 0 / 30%);
    /* animation: Up 2.3s infinite; */
}
a.to-top-button:active, a.to-top-button:visited{
    color: #FFF;

}


#to-top-container .lni {
    font-size: 14px;
    font-weight: 900;
    color: white;
}

.swal2-content a:active, .swal2-content a:visited {
    color: #049FE7;
}

.main3-img{
    max-width: 400px;
}

.main4-img{
    max-width: 100%;
}
.center {
    margin-left: auto;
    margin-right: auto;
  }