body .container.awardcate .row .catesele a img.kvtriangle2{ top:0;}
body .container.awardcate .row .catesele a p{margin-bottom:2rem;}
#Share_Wrapper{padding: 0 calc(25px + 0.5vw);}
.display_none_img {display: none;}
.display_block_img {display: block !important;}
#booklet_download_btn img {max-width:100%;margin:0px}
.LogoWrapper img {
    height: 130px !important;
}
.LogoWrapper.Container {
    margin-bottom: 5% !important;
}
footer {
    width: 100%;
    position: relative;
    padding: calc(20px + 1rem) 0;
    background-color: #FFFFFF;
    z-index: 100;
    margin-top: 200px;
    padding-bottom: 100px;
}

@media screen and (min-width:768px){
    header{height:60px;}
    #Header_Logo{flex:0 0 auto;}
    #Menu_Wrapper{display:none;}
    nav{position:relative; top:inherit; left:inherit; flex:1 0 auto; width:auto; display:flex; flex-wrap:nowrap; padding:0 calc(5px + 0.5vw); background-color:transparent; backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px); border:0px;  box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
    nav a{flex:0 0 auto; width:auto; padding:0 calc(5px + 0.5vw); border:none;}
    /*#KeyDay_Wrapper > div{flex:0 1 48%;} */
    #KeyDay_Wrapper > div{flex:1 1 auto;}
    #KeyDay_Wrapper img{max-width:190px;}
    #Intro_Wrapper{flex-wrap:nowrap;}
    #Intro_Wrapper > div:first-of-type{flex:0 0 60%;}
    #Intro_Wrapper > div:last-of-type{flex:0 0 40%; background-size:contain; background-position:top 20% right;}
    #Intro_Wrapper::after{display:none;}
    #AwardCategory_Wrapper > div{flex:0 0 50%;}
    #Judges_Wrapper > div{flex:0 1 31%;}
    #Msg_Wrapper{flex-wrap:nowrap;}
    #Msg_Content{flex:1 1 auto;}
    #Msg_People{flex:0 0 300px;}
    .Portfolio_Container{padding:calc(15px + 0.5vw);}
    .Portfolio_Logo{flex:0 0 30%; width:30%;}
    .Portfolio_Logo img{max-width:300px; max-height:300px;}
    .Portfolio_Info{flex:0 0 calc(70% - 40px); width:calc(70% - 40px);}
    .Portfolio_Photos a, .Portfolio_Photos > div{flex:0 0 49%; width:49%;}
    .Portfolio_Photos h6{padding:0; flex:0 0 100%;}
    #Highlight_Wrapper > div{flex:0 1 49%;}
    .HealthCard{width:calc(50% - 10px); flex:0 0 calc(50% - 10px);}
 /* Highlight ************************************************************************************************************************************************************************************/

#Highlight_Wrapper{width:100%; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between;text-align: center;  margin-bottom: 20px; padding: 0 20px;}
#Highlight_Wrapper > div{flex:0 0 48%; margin:10px 0; padding:0; border-radius:10px; background-color:rgba(255,255,255,0.65); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); position:relative; transition:0.5s ease-in-out; overflow:hidden; font-size:0; line-height:0; opacity:0.8;}
#Highlight_Wrapper > div:hover{opacity:1; transform:0.5s ease-in-out;}
#Highlight_Wrapper img{width:100%; height:auto;}
#Highlight_Wrapper div.VideoWrapper{width:100%; height:0px; line-height:0; font-size:0; padding-top:56.25%; position:relative; overflow:hidden;}
#Highlight_Wrapper iframe{width:100%; height:100%; position:absolute; inset:0;}
#Highlight_Wrapper p{text-align:center;}
}


/* Highlight Tab */
#HTab_Wrapper{width:100%; display:flex; flex-wrap:wrap; align-items:stretch;  margin-bottom: 20px;justify-content:center;}
#HTab_Wrapper > a{flex:0 0 auto; user-select:none; margin:10px; padding:calc(12px + 0.05rem) calc(30px + 0.5rem); border-radius:10px; background-color:rgba(255,255,255,0.1); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); position:relative; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); transition:0.5s ease-in-out;  color: #545454;text-decoration: none;}
#HTab_Wrapper p{text-align:center; line-height:130%; margin:0.2rem 0; color: #545454;font-size: calc(16px + 0.12rem);font-family: Barlow, NotoSans, Helvetica, "新微軟正黑體", Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;}
#HTab_Wrapper > a:hover{background-color:rgba(255,255,255,0.55);}
#HTab_Wrapper > a.Selected{background-color:rgba(255,255,255,0.65);}
#HTab_Wrapper > a.Selected::before{content:""; width:calc(100% - 8px); height:calc(100% - 8px); position:absolute; left:0px; top:0px; border-width:6px; border-style:solid; border-image:linear-gradient(to right, rgba(0,176,194,1), rgba(253,198,109,1), rgba(243,121,86,1)) 1; filter:blur(5px); mix-blend-mode:soft-light; z-index:0; pointer-events:none;}


/* Column ************************************************************************************************************************************************************************************/
.Container{width:100%; max-width:1200px; padding:calc(5px + 1vw) calc(10px + 1vw); position:relative; margin:auto;}
#Column_Wrapper{width:100%; display:block; padding:0; border-radius:10px; background-color:rgba(255,255,255,0.65); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); position:relative;}
#Column_Wrapper > a{text-decoration:none;}
.Column_Container{width:100%; height:auto; display:block; border-bottom:1px solid rgba(0,0,0,0.1); transition:0.3s ease-in; position:relative;}
.Column_Container::before{content:""; width:calc(100% - 8px); height:calc(100% - 8px); position:absolute; left:0px; top:0px; border-width:6px; border-style:solid; border-image:linear-gradient(to right, rgba(0,176,194,1), rgba(253,198,109,1), rgba(243,121,86,1)) 1; filter:blur(5px); mix-blend-mode:soft-light; z-index:0; pointer-events:none; opacity:0; transition:0.3s ease-in;}
.Column_Container:first-of-type{border-top-left-radius:10px; border-top-right-radius:10px;}
.Column_Container:last-of-type{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.Column_Container:hover{background-color:rgba(255,255,255,0.5); z-index:100; transition:0.2s ease-out;}
.Column_Container:hover::before{opacity:1; transition:0.2s ease-out;}
.Column_Container:last-of-type{border-bottom:0;}
.Column_Container > h4{padding:0px calc(2vw + 10px) 15px calc(2vw + 10px); cursor:pointer; user-select:none;color:#545454;text-decoration:none;}
.Column_Container > h6{font-size:calc(12px + 0.08rem); padding:20px calc(2vw + 10px) 0px calc(2vw + 10px); margin:0;color:#545454;text-decoration:none;}