/* 共用 */

.loading { display: flex; justify-content: center; align-items: center; background-color:#fff; position: fixed; top:0; left:0; width:100vw; height:100vh; z-index:10000; }
.loading img { width:200px; }

.mhhome { height:60px; }

.top { position: relative; padding:40px 15px 0px; }
.top .topbnr .bnr { width:100%; }

.homeTIT { font-size:2rem; }

.infoArea { display: flex; text-align:left; flex-direction: row-reverse; padding-top:60px; border-bottom:1px solid #e2e2e2; }
.infoArea.noL { flex-direction: row; }
.infoArea .infoL { width:38%; background:url("./images/bg_line graph_2x.png")no-repeat right bottom; background-size:360px; padding-bottom:60px; }
.infoArea .infoL .homeTIT.open { color:#b54703; }
.infoArea .infoL table { margin-top:15px; }
.infoArea .infoL table td { padding-bottom:5px; vertical-align: top; }
.infoArea .infoL .time { color:#000; padding-left:30px; }
.infoArea .infoL .time2 { font-size:0.875rem; }
.infoArea .infoR { display: flex; flex-grow:1; }
.infoArea .infoR .homeTIT { color:#6e6e6e; }
.infoArea .infoR .date { color:#6e6e6e; font-size:0.875rem; }

.actArea { padding-top:60px; padding-bottom:120px; }
.actArea .homeTIT { color:#03071e; text-align:left; }
.actArea .items { margin-top:35px; }

.actArea .cont { display: none; background-color:#006aa3; color:#fff; padding:60px; text-align: left; }
.actArea .cont .date { font-size:1.25rem; }
.actArea .cont .location { font-size:1.125rem; }
.actArea .cont .des { font-size:1.5rem; position: absolute; left:60px; right:60px; bottom:60px; }
.actArea .link { display:flex; justify-content: flex-end; margin-top:40px; }

.award { display: flex; background-color:#262626; }
.award .ytArea { width:59.375%; margin-top:auto; margin-bottom:auto; }
.award .cont { padding:80px; width:40.625%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.award .cont .tt { color:#f27602; font-size:2rem; }
.award .cont .des { color:#fff; margin-top:50px; text-align:justify; }

/* .news .new { text-align:left; padding-top:40px; display: flex; align-items:center; }
.news .new .pic { min-width:100px; }
.news .new .txt { padding-left:20px; }
.news .new .txt .cont { color:#314a5e; }
.news .new:hover .txt .cont { color:#00a0e9; }
.news .new .txt .date { color:#9caeb8; font-size:0.875rem; padding-top:5px; }

.about { display: flex; }
.about .cont { margin-left:64px; margin-top:40px; margin-right:30px; text-align:justify; line-height:30px; }
.about .cont .LinkArea1 { margin-top:40px; }
.about .pic { background:url("./images/img_cover-1.png")no-repeat left top,url("./images/img_room1.jpg")no-repeat left center; background-size:auto 100%,cover; }

.ListArea1 { display: flex; justify-content: flex-start; align-items:center; flex-wrap: wrap; }
.ListArea1 .item { width:27%; margin-top:70px; }
.ListArea1 > div:last-child { display:flex; align-self: center; }
.ListArea1 .item .tit { color:#005083; font-size:1.25rem; padding-left:20px; }
.ListArea1 .item img { display: inline-block; width:40px; }
.ListArea1 .item .des { padding:0px 20px; text-align:justify; max-width:250px; margin:30px auto; min-height:48px; }
.ListArea1 .slash { width:9.5%; margin-top:70px; }

.banner1 { max-width:1515px; height:480px; }
.banner1.boxL { margin-left:auto; margin-right:0px; }

.banner2Area { display: flex; } */

@media (min-width:1500px){
    .award .cont { padding:160px; }
}

@media (min-width:1200px){
    

    
}

@media (max-width:1199.98px){
    
}

@media (max-width:1199.98px) and (min-width:992px){
    /* .about .content { padding-left:calc((100% - 930px) / 2); } */
}

@media (min-width:992px){
    .infoArea .LinkArea1 { margin-top:60px; }
    .infoArea .infoR .homeTIT { padding-right:70px; }
    .infoArea .infoR .cont { display: inline-block; flex-grow: 1; }
    .infoArea .infoR .cont table { width:100%; }
    .infoArea .infoR .cont table td { padding:10px 0px; }
    .infoArea .infoR .cont table .cls { width:95px; }
    .infoArea .infoR .cont table .date { width:70px; }

    
}

@media (max-width:991.98px){    
    .infoArea { display: block; }
    .infoArea .homeTIT { margin:30px 0px; }
    .infoArea .infoL { width:100%; }
    .infoArea .infoL .LinkArea1 { margin-top:30px; }
    .infoArea .infoL .time2 { display: block; }
    .infoArea .infoR { display: block; }
    .infoArea .infoR .LinkArea1 { margin-bottom:60px; }
    .infoArea .infoR .cont table { display: none; }
    .infoArea .infoR .cont .items { margin-bottom:30px; }
    .infoArea .infoR .cont .des { display: inline-block; margin:15px 0px; font-size:1.125rem; }

    .actArea .cont { padding:30px; }
    .actArea .cont .des { left:30px; right:30px; bottom:30px; }
    
    .award { display: block; }
    .award .ytArea , .award .cont { width:100%; }
}



@media (min-width:768px) and (max-width:991.98px){

}

/* 手機橫寬991.98內 banner全版 */
/* @media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
} */


@media (min-width:768px){
    .actArea .items:hover .cont { display: block; }
}

@media (max-width:767.98px){

    .homeTIT { font-size:1.5rem; }
    .mhhome { height:40px; }

    .actArea .link { justify-content: space-between; }
    .actArea .link .LinkArea1 { width:calc(50% - 5px); padding-left:0px; padding-right:0px; }

    .award .cont { padding:60px 30px; }
    .award .cont .tt { font-size:1.25rem; }
    .award .cont .des { margin-top:30px; }
}