.video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}
hr{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ddd;
    margin: 0; padding: 0;
}

.disp-1 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 2.6rem;
}
.disp-1 > .mbr-iconfont {
    font-size: 2.8rem;
}
.disp-2 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 2.4rem;
}
.disp-2 > .mbr-iconfont {
    font-size: 2.4rem;
}
.disp-3 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 2.2rem;
}
.disp-3 > .mbr-iconfont {
    font-size: 2.3rem;
}
.disp-4 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 2rem;
}
.disp-4 > .mbr-iconfont {
    font-size: 2.1rem;
    font-weight: 400;
}
.disp-5 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1.7rem;
}
.disp-5 > .mbr-iconfont {
    font-size: 2rem;
}
.disp-6 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1.45rem;
}
.disp-6 > .mbr-iconfont {
    font-size: 1.8rem;
}
.disp-7 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1.3rem;
}
.disp-7 > .mbr-iconfont {
    font-size: 1.6rem;
}
.disp-8 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1.15rem;
}
.disp-8 > .mbr-iconfont {
    font-size: 1.4rem;
}
.disp-9 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1.05rem;
}
.disp-9 > .mbr-iconfont {
    font-size: 1.2rem;
}
.disp-10 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 1rem;
}
.disp-10 > .mbr-iconfont {
    font-size: 1rem;
}
.disp-11 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 0.9rem;
}
.disp-11 > .mbr-iconfont {
    font-size: 1rem;
}
.disp-12 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 0.8rem;
}
.disp-12 > .mbr-iconfont {
    font-size: 1rem;
}
.disp-13 {
    font-family:Arial,"微軟正黑體","Microsoft YaHei","Meiryo","Meiryo UI","Microsoft JhengHei","Microsoft JhengHei UI","Heiti TC",sans-serif;
    font-size: 0.7rem;
}
.disp-13 > .mbr-iconfont {
    font-size: 1rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 768px) {
    .disp-1 {
        font-size: 2.4rem;
        /*font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-2 {
        font-size: 2.1rem;
        /*font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-3 {
        font-size: 1.8rem;
        /*font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-4 {
        font-size: 1.5rem;
        /*font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-5 {
        font-size: 1.4rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-6 {
        font-size: 1.3rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-7 {
        font-size: 1.2rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-8 {
        font-size: 1.1rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-9 {
        font-size: 1rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
    .disp-10 {
        font-size: 0.9rem;
        /*font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));*/
        /*line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));*/
    }
}

.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{
    background: none;border-color: #fff;color: #fff;
}
.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{
    color: #ffffff;background-color: #999;border-color: #fff;
}
.btn-info-outline.disabled,.btn-info-outline:disabled{
    color: #ffffff;background-color: #fff;border-color: #fff;
}

/*.cid-rxDXlKxiTT{*/
/*    background-color: #ffffff;*/
/*}*/
.cid-rxDXlKxiTT .main-row{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
@media (max-width: 991px){
    .cid-rxDXlKxiTT .mbr-text{
        margin-bottom: 3.4rem;
    }
}

.cid-rxrAkkLdeY{padding-top: 3rem;padding-bottom: 3rem;background-color: #001627;}.cid-rxrAkkLdeY a:hover{text-decoration: underline;}.cid-rxrAkkLdeY .title-column{padding-bottom: 1.875rem;color: #3e976b;}.cid-rxrAkkLdeY .column1-logo{padding-bottom: 1.875rem;}.cid-rxrAkkLdeY .column1-logo amp-img{display: flex;-webkit-align-items: center;align-items: center;width: 100px;height: auto;}@media (max-width: 767px){.cid-rxrAkkLdeY .column1-logo amp-img{max-width: 55px;margin: auto;}}.cid-rxrAkkLdeY .column1-text{color: #ffffff;}.cid-rxrAkkLdeY .column2-item{color: #999999;}.cid-rxrAkkLdeY .column3-item{color: #999999;}.cid-rxrAkkLdeY .mbr-form-row{margin: 0;}.cid-rxrAkkLdeY .column4__form__input{width: 100%;position: relative;display: flex;}.cid-rxrAkkLdeY .column4__form__input input{padding: 0.5rem 3.5rem 0.5rem 1rem;border-radius: 50px;width: 75%;}.cid-rxrAkkLdeY .column4__form__btn{position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;justify-content: center;}.cid-rxrAkkLdeY .column4__form__btn .column4__form__btn__text{height: 100%;display: flex;align-items: center;border: 0;line-height: 100%;}@media (max-width: 991px){.cid-rxrAkkLdeY .column4__form__btn .column4__form__btn__text{padding: 5px 10px;}}.cid-rxrAkkLdeY .social-wrap a{text-decoration: none;}@media (max-width: 991px){.cid-rxrAkkLdeY .column{padding: 20px 0;text-align: center;}}

.item{
    color: white;
    font-weight: 300;
    font-size: 15px;
}
.privacy a{
    color: red;
    font-size: 15px;
}
.privacy a:hover{
    color: #aaa;
    text-decoration: none
}
@media (max-width: 991px){
    .cid-rxrAkkLdeY .column {
        padding: 20px 0;
        text-align: left;
    }
}


.main-content>div{
    width: 60%;
}
@media (max-width: 1500px) {
    .main-content>div{
        width: 90%;
    }
}
@media (max-width: 1400px) {
    .main-content>div{
        width: 80%;
    }
}
@media (max-width: 1200px) {
    .main-content>div{
        width: 100%;
    }
}

.describe2 h2 {
    display: block;
    padding-left: 30px;
    font-size: 15px;
    line-height: 54px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.describe2 div {
    padding-left: 50px;
    padding-right: 50px;
    font-size:14px;
}

@media (max-width: 991px){
    .describe2 h2 {
        padding-left: 10px;
    }
    .describe2 div {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.subtitled-1 {
    background: #ffffcc;
    font-weight:bold;
    color:#000;
}
.subtitled-1 div{
    float: right;padding-right: 30px;
}
.subtitled-1 div img{
    /*width:76px;*/
}

.subtitled-green {
    background: #d4e9e2;
    font-weight:bold;
    color:#000;
}
.subtitled-green div{
    float: right;padding-right: 30px;
}

.describe3 .subtitled-1{
    background: #c3d9fb;
}
.describe3 .item-content{
    padding-right: 50px;
    padding-left: 50px;
}
@media (max-width: 991px){
    .describe3 .item-content{
        padding-right: 30px;
        padding-left: 30px;
    }
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #afc4a7;
}
#mytable{
    /*border:solid 1px #333;*/
    /*padding:5px;*/
    border-collapse: collapse;
    /*width: 100%;*/
}
#mytable th, #mytable td{
    border:solid 1px #333;
    /*padding: 3px;*/
}
.cid-rxwgpPztbW .title-block {
    padding-bottom: 2rem;
}

.div-gradient{
    background: url(../../assets/images/title_bg.jpg);
    /*background: linear-gradient(270deg, #fefefe 35%, #c4c0bf 100%);*/
    /*background: -moz-linear-gradient(270deg, #fefefe 35%, #c4c0bf 100%);*/
    /*background: -webkit-linear-gradient(270deg, #fefefe 50%, #c4c0bf 100%);*/
    /*background: -o-linear-gradient(270deg, #fefefe 35%, #c4c0bf 100%);*/
    /*width:100%;color: white;padding: 10px 20px;font-size: 18px;*/
}


.div-gradient2{
    background: url(../../assets/images/title_bg.jpg);
    padding: 20px;
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.div-gradient2 h2 {
    line-height: 20px;
    padding-left: 0;
    text-align: left;
    color: #19427f;
    font-size: 22px;
    /*-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));*/
    letter-spacing: 2px;
}

.div-gradient3{
    background: url(../../assets/images/title_green_bg.jpg);
    line-height: 25px;
    padding: 15px;
    width: 100%;
    max-height: auto;
    border-radius: 20px 20px 0 0;
}

ul {
    padding-inline-start: 10px;
}
.text-wrap{
    padding-left: 10px;padding-top: 10px
}
@media (max-width: 991px){
    .text-wrap{
        padding-left: 40px;
    }
    .div-gradient2 h2 {
        font-size: 16px;
        padding-left: 10px;
    }
    .hide-in-xs{
        display: none;
    }
}
@media (max-width: 768px){
    .align-right {
        text-align: left;
        padding-left: 10px;
    }
}
div.scroll {
    height: 372px;
    overflow: auto;
    padding: 30px;
    border: 1px solid #ccc;
    font-family: "微軟正黑體";
    font-size: 15px;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

form input, form textarea, form select {
    border-radius: 15px;
}

.cid-rxrAkkLdeY .item{
    color: #302B2B;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}


/*Menu*/
.cid-rxwgpPztbW {
    padding-top: 13rem;
    padding-bottom: 5rem;
    background:none;
    /*background-image: url(assets/images/page_bg.jpg);*/
    /*z-index: 0;background-repeat: no-repeat;*/
}
.cid-rxrGQgSNo3 .navbar-dropdown {
    background: url(../../assets/images/top_bg.jpg);
}
.cid-rxrGQgSNo3 .logo_md img{
    display: block;
    position: fixed;top:20px;
    width: 75px;
    height: 62px;
}

.cid-rxrGQgSNo3 .logo_xs img{
    display: none;
}
/*.cid-rxrGQgSNo3 .navbar-caption span{*/
/*    display:none;*/
/*}*/

.cid-rxrwZ40ACN,.cid-rxwgpPztbW, .cid-rJIkbm1OT3, .cid-rxDXlKxiTT {
    padding-top: 11rem;
    padding-bottom: 5rem;
}

@media (max-width: 991px) {

    .cid-rxrwZ40ACN,.cid-rxwgpPztbW, .cid-rJIkbm1OT3, .cid-rxDXlKxiTT {
        padding-top: 6rem;
    }
    .cid-rxrGQgSNo3 .navbar-dropdown {
        background: url(../../assets/images/top_bar_xs.png);
    }
    .cid-rxrGQgSNo3 .logo_md img{
        display:none;
    }
    .cid-rxrGQgSNo3 .logo_xs img{
        display: block;
        position: fixed;
        top:0;
        left:10px;
        width: 200px;
        height: 80px;
    }
    /*.cid-rxrGQgSNo3 .navbar-caption span{*/
    /*    display:block;*/
    /*}*/
}

.hidden-xs{
    display: none;
}
.visible-lg{
    display: block;
}

@media (max-width: 1200px) {
    .visible-lg{
        display: none;
    }
}

@media (max-width: 991px) {
    .visible-xs{
        display: block;
    }
    .hidden-xs{
        display: none;
    }
}

@media (min-width: 992px) {
    .visible-xs{
        display: none;
    }
    .hidden-xs{
        display: block;
    }
}

.btn-a a img{
    opacity: 1;
}
.btn-a a img:hover{
    opacity: 0.9;
}

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/

.img-md{
    display: block;
}
.img-sm{
    display: none;
}
@media (max-width: 1200px){
    .img-md{
        display: none;
    }
    .img-sm{
        display: block;
    }
}

.form-field input{
    margin: 0;
}

.div-title{
    padding: 15px;
    border-bottom:double 3px black;
    color: #19417f;
    font-size: 20px;
}


.h2-title{
    padding-left: 10px;
    font-size: 22px;
}

@media (max-width: 991px) {
    .h2-title {
        padding-left: 0;
        text-align: center;
        font-size: 20px;
    }
}

table .form-title {
    padding: 10px;
    width: 160px;
    background-color: #fefff1;
    border-right: none;
}
table td {
    border-color: #f8e788;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #454545;
    width: 80%;
    max-width: 1000px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #949494;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 20px 16px;
    background-color: rgb(0, 1, 43);
    color: white;
}

.modal-body {padding: 20px;}

.modal-footer {
    padding: 20px 16px;
    background-color: rgb(0, 1, 43);
    color: white;
}