/*body common start*/
body,html{
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin: 0;
    overflow: auto;
    background-color: #F9FBFF;
}
.font-w-200{
    font-weight: 200;
}

.font-w-300{
    font-weight: 300;
}

.font-w-400{
    font-weight: 400;
}

.font-w-500{
    font-weight: 500;
}

.font-w-900{
    font-weight: 600;
}

.font-1p6rem{
    font-size: 1.6rem;
}

.font-1p4rem{
    font-size: 1.4rem;
}

.font-1p2rem{
    font-size: 1.2rem;
}

.font-s-1rem{
    font-size: 1rem;
}

.text-color-maroon{
    color: maroon;
}

.text-color-green{
    color:green;
}

.link-none-decoration{
    text-decoration: none;
}

.link-none-decoration:hover{
    text-decoration: underline;
}

/*bootstrap*/

/*body common start*/
.top-banner{
    background-color: #1D61B4;
}

.area-btn{
    background-color: #E9F3FF;
    padding: 5px 0px;
    box-shadow: 0px 0px 5px RGBa(29, 97, 180, 0.8);
}
.btn-language{
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 1px;
    font-size: 1.1rem;
    font-weight: 300;
}

.accordion-button{
    font-size: 1.2rem;
}

.menu-title{
    font-size: 1.2rem;
    letter-spacing: 1px;
    color: #1D61B4;
}
.menu-line{
    opacity: 1;
    border: 0.3px solid #688DB9;
}

.menu-content{
    border: 1px solid #E9F3FF;
    background-color: #E9F3FF;
    padding: 10px;
}

.menu-link{
    text-decoration: none;
    color: white;
}

.menu-content a{
    text-decoration: none;
    color: #688DB9;
    font-size: 1.1rem;
}
.menu-content a:hover{
    text-decoration: underline;
}
/*news list start*/
.post{
    border:1px solid #E9F3FF;
}
.post:hover{
    border:1px solid  #688DB9;
}
.post-date{
    font-weight: 900;
    color: #1D61B4;
    letter-spacing: 1px;
}
.post-title{
    color: #6E6861;
    letter-spacing: 1px;
    font-size: 1.1rem;
}
.post-title:hover{
    color: #688DB9;
}
/*news list end*/

/*content start*/
.title {
    color: #1D61B4;
    border-left: 10px solid #1D61B4;
    padding-left: 15px;
}
.content-en{
    text-align:justify;
    padding: 1rem;
}
/*content end*/

/*english - service*/

.service-content-list{
    text-align:justify;
    padding-left: 8px;
    padding-right: 30px;
    padding-bottom:15px;
}
/*VR start*/
.vr-content{
    font-size: 1rem;
    letter-spacing: 1px;
}
/*VR end*/
/*footer start */
footer {
    background-color: rgb(233, 243, 255);
    color: rgb(128,128,128);
}


.link-btn{
    text-decoration: none;
    color:white;
}
.link-btn:hover{
    text-decoration: underline;
    color:white;
}

.footer-info{
    padding: 20px 0px;
    line-height: 30px;
    background-color: #1D61B4;
    color:white;
}
.copyright{
    background-color: #1a3b64;
    color: white;
    padding: 15px;
}