p{
    margin: 0.5rem 0 1rem;
}

.headline-2{
    color: black;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6em;
    margin: 4rem 0 3rem;
}

.normal-text p{
    color: #4d4d4d;;
    font-size:1.6rem;
    line-height: 1.6em;
}

.person-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7rem;
}

.person-photo{
    /*width: 14rem;*/
    /*height: auto;*/
    margin: 0 4rem 0 0;
    width: 100%;
    max-width: 14rem;
    height: auto;
}

.person-title{
    font-size: 1.4rem;
    max-width: 600px;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.person-title a{
    color: #0d69d9;
    margin-bottom: 1.5rem;
    display: block;
    text-decoration: none;
}

.person-title a:hover{
    color: #4691f1;
}

.person-quote{
    font-size: 1.4rem;
    max-width: 600px;
    line-height: 1.4em;
    font-weight: 400;
}

.table-title{
    font-size: 2rem;
    line-height: 0.8em;
    color: #0d69d9;
    font-weight: 700;
    margin: 0 auto 3rem;
    text-align: center;
}

.table-text{
    font-size: 1.4rem;
}

.table-text td{
    padding: 1rem;
    border-color: gray;
}

@media screen and (max-width: 600px) {
    .table-text td{
        padding: 0.2rem;
        border-color: gray;
    }
    .table-text{
        font-size: 1.2rem;
    }
}

.table-head{
    font-weight: 600;
    background-color: #0d69d9;
}

.table-head p{
    color: white;
}

table p{
    margin: 1rem 0;
}

.odd-row{
    background-color: #e7f1fe;
}

.column-1 p{
    font-weight: 700;
}

.column-3{
    /*background-color: lightsteelblue;*/
}



















hr{
    margin: 4rem 0;
}

.text-align-center{
    text-align: center;
}

.display-flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.hero-container{
    background-color: #7dbafd;
    background-image: url("../image/hero.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /*padding: 17rem 0 10rem;*/
    padding: 20rem 0 15rem;
}

.hero{

}

.hero-title{
    line-height: 1.3em;
    color: white;
    font-weight: 800;
    font-size: 2.5rem;
    padding: 0rem 0 10rem;
    text-align: center;
    /*max-width: 72rem;*/
}

@media screen and (min-width: 1450px){
    .hero-title{
        font-size: 3rem;
    }
}
@media screen and (min-width: 1700px){
    .hero-title{
        font-size: 3.5rem;
    }
}

.hero-text p{
    /*color: #7c08f7;*/
    color: white;
    font-size: 1.8rem;
    line-height: 1.6em;
    font-weight: 600;
}

.hero-link{
    margin-top: 2rem;
}

.hero-link a{
    color: #0f6cd7;
    font-size:1.8rem;
    font-weight: 600;
    line-height: 1.6em;
    text-decoration: underline; !important;
}

.hero-link a:hover{
    color: #083c77;
    text-decoration: none; !important;
}

.introduction-container{
    /*background-image: url("../../mcis-2022/image/crystal.jpg");*/
    /*background-size: cover;*/
    padding: 5rem 1rem;
}

.report-subtitle{
    line-height: 1.2em;
    margin:  3rem auto 3rem;
    font-size: 1.9rem;
    font-weight: 700;
    text-align: center;
    color: #083c77;
}

.report-text p{
    color: black;
    font-size:1.2rem;
    line-height: 1.5em;
}

.report-text{
    color: black;
    font-size:1.2rem;
    line-height: 1.5em;
}

.report-heading{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #083c77;
}

pre { // 兼容多个浏览器
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    /*white-space: -pre-wrap;*/
    white-space: -o-pre-wrap;
    *word-wrap: break-word;
    *white-space : normal ;
}

.section-container{
    /*background-image: linear-gradient( 109.6deg,  rgba(255,179,189,1) 1.8%, rgba(254,248,154,1) 50.6%, rgba(161,224,186,1) 100.3% );*/
    /*background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(130,205,221,1) 0%, rgba(255,247,153,1) 90% );*/
    /*background-image: linear-gradient( 145.6deg,  rgba(255,179,189,1) 1.8%, rgba(161,224,186,1) 50.6%,  rgba(130,205,221,1) 90.3%);*/
    /*background-image: linear-gradient( 109.6deg,  rgba(216, 186, 253) 1.8%,  rgba(255,179,189,1) 33.8%, rgba(161,224,186,1) 66.6%, rgba(130,205,221,1) 100.3% );*/
    /*background-image: linear-gradient( 109.6deg,  rgba(255,179,189,1) 20.8%, rgba(254,248,154,1) 50.6%, rgba(161,224,186,1) 80.3% );*/
    /*background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(161,224,186,1) 0%, rgba(130,205,221,1) 75% );*/
    /*background-image: url("/static/image/Cross_Cultural_Cooperation_Bakground/crystal.jpg");*/
    background-image: url("../image/tile-6.jpg");
    background-repeat: repeat;
    background-size: auto;
    padding: 5rem 1rem;
}

.section{
    width: 900px;
}

.introduction{
    margin: 6rem 0 8rem;
}

.organization-link a{
    color: #1b1b1b;
    font-size:1.4rem;
    text-decoration: none; !important;
    display: block;
    margin: 1rem 0;
    line-height: 26px;
}

.organization-link a:hover{
    color: #083c77;
    text-decoration: underline; !important;
}
.organization-link .no-link{
    color: #1b1b1b;
    font-size:1.4rem;
    text-decoration: none; !important;
    display: block;
    margin: 1rem 0;
    line-height: 26px;
}
.related-events-link a{
    color: #1b1b1b;
    font-size:1.4rem;
    text-decoration: underline; !important;
    /*display: inline-block;*/
    margin: 1rem 0;
    line-height: 26px;
}

.related-events-link a:hover{
    color: #083c77;
    text-decoration: underline; !important;
}

.normal-text p{
    color: #4d4d4d;;
    font-size:1.6rem;
    line-height: 1.6em;
}

.person-box{
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7rem;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 2rem;
    border-radius: 0 50px 50px 0;
}
.person-box:hover{
    /*background-color: whitesmoke;*/

}

.person-box:hover, .person-box:focus{
    /*box-shadow: 10px 10px 0 0 rgba(43,10,61,.2);*/
}

.person-photo{
    width: 14rem;
    height: auto;
    /*margin-top: 0.5rem;*/
}

.person-title{
    font-size: 1.4rem;
    max-width: 600px;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 1rem;
}

.person-quote{
    font-size: 1.4rem;
    max-width: 600px;
    line-height: 1.4em;
    font-weight: 400;
}

.person-quote p{
    font-size: 1.4rem;
    max-width: 600px;
    line-height: 1.4em;
    font-weight: 400;
}

p.children-text{
    color: rgb(70,70,70);
    font-size: 1.2rem;
    line-height: 1.5em;
    font-weight: 500;}

.category{
    font-size: 2rem;
    line-height: 0.8em;
    color: #0d69d9;
    font-weight: 700;
    margin: 4rem 0 6rem;
    border-left: 3px solid #0d69d9;
    padding-left: 0.6rem;
}


.event-box{
    margin: 1rem 0;
}

.event-img{
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.event-img-1{
    max-width: 280px;
}

.event-img-2{
    max-width: 529px;
}

.event-card{
    width: 18rem;
}

@media screen and (max-width: 890px) {
  .person-photo{
    margin: 0 auto 2rem;
  }
  .person-title{
    text-align: center;
    max-width: 100%;
  }
  .person-quote{
    max-width: 100%;
  }
    .event-img{
        margin-bottom: 2rem;
    }
}