body{
    margin:0px;
    padding:0px;
    /* font-family: 'Microsoft JhengHei', sans-serif; */
    font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
    position:relative;

    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

* {
    box-sizing: border-box;
}

p {
    margin-block-start: 0em;
    /* margin-block-end: 0em; */
}

.row1-right-txt p{
    margin-block-end: 1em;
}

img{
    vertical-align: top;
}

a{
    color:#0099DC;
    text-decoration: none;
}

a:hover{
    opacity:1;
    text-decoration:underline;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    display:none;
}

.common-container1{
    max-width:1610px;
    width:100%;
    display:block;
    margin:0px auto;
}

.header-logo-div{
    margin-top:65px;
    margin-bottom:65px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.header-logo-div-t{
    padding-top:20px;
    padding-bottom:20px;
    /* display:flex;
    justify-content: center; */
    position:relative;
}

.logo-img{
    display:inline-block;
}

.logo-img2{    
    margin-left:60px;
    display:inline-block;
}

.logo-img-t{
    /* display:block; */
    display:inline-block;
    margin:0px auto;
    width:32%;
    margin-left:8%;
    margin-top:1%;
}

.logo-img2-t{
    /* display:block; */
    display:inline-block;
    margin:0px auto;
    margin-left:8%;
    width:32%;
    /* margin-top:30px; */
    /* width:240px; */
}

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

.menu-ul li{
    display:inline-block;
    vertical-align:top;
    font-weight:bold;
    margin-right:40px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:5px;
    font-size:1.25em;
    border-bottom:3px solid #FFF;
}

.menu-ul li:last-child{
    margin-right:0px;
}

.menu-ul li a{
    color:#4c4c4d;
}

.menu-ul li:hover a{
    color:#E40012;
    text-decoration: none;
}

.menu-ul li.active a{
    color:#E40012;
}

.menu-ul li.active{
    border-bottom:3px solid #E40012;
}

.header-menu{
    margin-bottom:45px;
    text-align:center;
}

.common-container2{
    max-width:1770px;
    width:100%;
    display:block;
    margin:0px auto;
}

.footer-container{
    margin-top:175px; 
    margin-bottom:30px;   
    font-size:1.125em;
}

.footer-left{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    color:#555;
}

.footer-right{
    display:block;
    float: right;
    white-space: nowrap;  
}

.copyright{
    display:inline-block;
    vertical-align: top;
    margin-right:50px;
    color:#555;
}

.copyright a{
    color:#555;
    margin-right:20px;
}

.copyright a:hover{
    color:#757070;
    text-decoration: none;
}

.disclaimer{
    display:inline-block;
    vertical-align: top;
}

.footer-left a, .disclaimer a{
    color:#555;
}

.footer-left a:hover, .disclaimer a:hover{
    color:#757070;
    text-decoration: none;
}

.r-button{
    position:absolute;
    top:50%;
    right:4%;
    transform: translateY(-50%);
    cursor:pointer;
}

.rline{
    background-color:#414042;
    height:2px;
    width:35px;
}

.rline1{
    margin-bottom:10px;
}

.rline2{
    margin-bottom:10px;
}

.r-button-back{
    position:absolute;
    top:50%;
    right:4%;
    transform: translateY(-50%);
    cursor:pointer;
    display:flex;
    align-items: center;
}

.r-button-back:hover{
    opacity:0.7;
}

.r-button-back .txt{
    display:inline-block;
    color:#7F7F7F;
    font-size:1.875em;
    margin-right:20px;
}

.header-logo-t{
    display:none;
    position:relative;
    z-index:11;
    background-color:#FFF;
}

.header-logo-t2{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:12;
    background-color:#FFF;
}

.rmenu{
    position:absolute;
    display:none;
    z-index:12;
    /* top:139px; */
    /* top:204px; */
    top:125px;
    width:100%;
    /* height:calc(100vh - 128px); */
    /* height:calc(100vh - 204px); */
    height:calc(100vh - 110px);
    padding-top:90px;
    padding-bottom:90px;
    background-color:#FFF;
    -webkit-box-shadow: 0px -7px 15px -4px #B0B0B0; 
    box-shadow: 0px -7px 15px -4px #B0B0B0;
    overflow-y: auto;
}

.rmenu-ul{
    margin:0px;
    padding:0px;
    list-style: none;
    margin-left:15.6%;
}

.rmenu-ul li{
    display:block;
    font-size:1.625em;
    font-weight:bold;
    margin-bottom:50px;
}

.rmenu-ul li:last-child{
    margin-bottom:0px;
}

.rmenu-ul li a{
    color:#221F1F;
    text-decoration: none;
}

.rmenu-ul li a:hover{
    color:#E40012;
    text-decoration: none;
}

.rmenu-ul li.active a{
    padding-bottom: 5px;
    border-bottom: 3px solid #E40012;
    color:#E40012;
}

.rmenu-backdrop{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.8);
    z-index:10;
}

.main-title-div{
    position:relative;
    padding-top:70px;
    padding-bottom:70px;
    padding-left:50px;
    margin-bottom:50px;
}

.main-title-div .txt{
    font-size:2.5em;
    color:#221F1F;
}

.main-title-img-cut-div{
    position:absolute;
    height:255px;
    width:11px;
    bottom:0;
    left:0;
    overflow: hidden;
}

.main-title-img{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}

.main-banner-img{
    width:100%;
}

.breadcrumb{
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.breadcrumb-ul{
    margin:0px;
    padding:0px;
    list-style: none;
    font-size:1.25em;
}

.breadcrumb-ul li{
    display:inline-block;
    vertical-align: top;
    margin-left:10px;
}

.breadcrumb-ul li:first-child{
    margin-left:0px;
}

.breadcrumb-1 a{
    color:#7F7F7F;
    text-decoration: none;
}

.breadcrumb-1 a:hover{
    color:#7F7F7F;
    text-decoration: none;
}

.breadcrumb-2{
    color:#7F7F7F;
}

.breadcrumb-3 a{
    color:#E40012;
    text-decoration: none;
}

.breadcrumb-3 a:hover{
    text-decoration: none;
}

.sub-title{
    display:inline-block;
    font-size:1.625em;
    color:#221F1F;
    min-height:56px;
    padding-bottom:15px;
    padding-right:35px;
    font-weight:bold;
    overflow: hidden;
    position:relative;
    margin-bottom:30px;
}

.sub-title-img{
    position:absolute;
    bottom:0;
    right:0;
}

.footer-container2{
    display:none;
}

.black{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.8);
    z-index:15;
    overflow-y: scroll;
    display:none;
}

@media only screen and (max-width:1850px) {
    .common-container1{
        padding-left:30px;
        padding-right:30px;
    }

    .menu-ul li{
        margin-right:3%;
        font-size:1.25em;
        padding-left:0.5%;
        padding-right:0.5%;
    }

    .footer-container{
        font-size:1.25em; 
    }

    .footer-container1{
        display:none;
    }

    .footer-container2{
        display:block;
    }

    .sub-title{
        font-size:1.875em;
    }
}

@media only screen and (max-width:1570px) {
    .menu-ul li{
        margin-right:2%;
    }
}

@media only screen and (max-width:1380px) {
    .menu-ul li{
        margin-right:1%;
    }
}

@media only screen and (max-width:1280px) {
    .menu-ul li{
        margin-right:0.76%;
        font-size:1.1em;
        /* padding-left:0.3%;
        padding-right:0.3%; */
    }

    .footer-container{
        font-size:1.1em;
    }
}

@media only screen and (max-width:1024px) {
    body{
        font-size:0.8em;
    }

    .header-menu{
        display:none;
    }

    .header-logo{
        display:none;
    }

    .header-logo-t{
        display:block;
    }

    .footer-container{
        font-size:1.25em;
        margin-top: 110px;
    }

    .common-container1{
        padding-left:70px;
        padding-right:70px;
    }

    .sub-title{
        font-size:2em;
        min-height: 40px;
        margin-bottom: 20px;
    }

    .breadcrumb {
        top: 25px;
        transform: translateY(0%);
    }

    .main-title-img-cut-div{
        height:220px;
    }

    .main-title-div{
        padding-top: 65px;
        padding-bottom:65px;
    }
}

@media only screen and (max-width:751px) {
    .footer-left{
        display:block;
        text-align:center;
        margin-bottom:18px;
    }
    .footer-right{
        display:block;
        float:none;
        text-align:center;
    }
    .common-container1{
        padding-left:42px;
        padding-right:42px;
    }

    .copyright{
        margin-right:20px;
    }
}

@media only screen and (max-width:500px) {
    body{
        font-size:1em;
    }

    .common-container1{
        padding-left:25px;
        padding-right:25px;
    }

    .sub-title{
        font-size:1.125em;
        min-height:30px;
        margin-bottom:15px;
    }

    .main-title-div {
        padding-left: 30px;
    }

    .main-title-div .txt{
        font-size:1.4em;
    }

    .main-title-img-cut-div{
        height:180px;
    }

    .main-title-div{
        padding-top: 65px;
        padding-bottom:65px;
    }

    .breadcrumb-ul{
        font-size:1em;
    }

    .logo-img-t{
        /* width:200px; */
        width:30%;
        position:absolute;
        margin:0px;
        left:8%;
        top:50%;
        transform: translateY(-50%);
    }

    .logo-img2-t{
        /* width:200px; */
        width:30%;
        position:absolute;
        left:38%;
        top:50%;
        transform: translateY(-50%);
    }

    .r-button{
        width:30px;
        right:6%;
    }

    .rline1{
        width:100%;
        margin-bottom:8px;
    }

    .rline2{
        width:100%;
        margin-bottom:8px;
    }

    .rline3{
        width:100%;
    }

    .rmenu{
        /* top:128px; */
        /* top:180px; */
        top:87px;
        position:fixed;
        height: calc(100vh - 87px);
    }
    

    .r-button-back .txt{
        font-size:1em;
        margin-right: 10px;
    }

    .r-button-back img{
        width:10px;
    }

    .rmenu{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .rmenu-ul li{
        font-size:1em;
        margin-bottom: 35px;
    }

    .breadcrumb-ul li {
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
    }

    .footer-container{
        /* font-size:0.75em; */
        font-size:1em;
        margin-top: 50px;
    }

    .header-logo-div-t{
        height:86.88px;
    }
}