.tyc{
    position: absolute;
    margin: 16vh 34vh 15vh 0vh;
    width: 28vh;
    height: 6vh;
}
.art{
    position: absolute;
  padding: 0px;
  margin: 0px;
    width: 35vh;
    height: 7vh;
}
/*
.logo{
    position: absolute;
    margin: 16vh 15vh 15vh 0;
    width: 50vh;
    height: 50vh;
}
*/
.logo{
    position: absolute;
    left: 0vmax;
    top: 5vmax;
    width: 30vmax;
    height: 30vmax;
}
.bg_title{
    position: absolute;
    /*margin: 14vh 15vh 15vh 49vh;*/
    top: 5vmax;
    left: 28vmax;
    width: 40vmax;
    height: 20vmax;
background-repeat: no-repeat;    
}


.news_title{
    position: absolute;
    right: 1vmax;
    top: 0vmax;
    width: 20vmax;
    height: 6vmax;
    z-index: 100;
}
   .image{
     position: relative;
   }
   .image a{
     display: block;
     position: absolute;
   }
.plan_title{
    position: absolute;
    left: 5vmax;
    top: 3vmax;
    width: 20vmax;
    height: 6vmax;
    z-index: 100;
}
.link_title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* 水平置中 */
    top: 0vmax;
    width: 20vmax;
    height: 6vmax;
    z-index: 100;
}
.artist {
    position: absolute;
    right: 5vmax;
    top: 3vmax;
    z-index: 100;
    text-align: center; /* 確保內部文字也置中 */
}

.artist a {
    color:  #2F4F4F; /* 深藍色 */
    font-size: 1.6vmax;
    font-weight: 900; /* 更加粗的字體 */
    text-decoration: none; /* 移除底線 */
    text-shadow: 10px 10px 10px rgba(255, 255, 255, 1); /* 白色陰影 */
}

.artist a:hover {
    color: #5A4033; /* 滑鼠懸停時的顏色 */
}

.venue {
    position: absolute;
    right: 5vmax;
    top: 1vmax;
    z-index: 100;
    text-align: center; /* 確保內部文字也置中 */
}

.venue a {
    color:  #2F4F4F; /* 深藍色 */
    font-size: 1.6vmax;
    font-weight: 900; /* 更加粗的字體 */
    text-decoration: none; /* 移除底線 */
    text-shadow: 10px 10px 10px rgba(255, 255, 255, 1); /* 白色陰影 */
}

.venue a:hover {
    color: #5A4033; /* 滑鼠懸停時的顏色 */
}


.portal_title{
    position: absolute;
    left: 5vmax;
    top: 5vmax;
    width: 20vmax;
    height: 6vmax;
    z-index: 100;
}
.portal_login{
    position: absolute;
    right: 0;
    top: 30vh;
    width:65vh;
    z-index: 100;
}
.five_line{
    position: absolute;
    top:10vmax;
    left:0;
    margin: 0;
    width: 100%;
    height: 40max;
}
.icon-01{
    position: absolute;
    top:10vmax;
    left:5vmax;
    width: 9vmax;
    height: 12vmax;
    z-index: 200;
}
.icon-02{
    position: absolute;
    top:10vmax;
    left:14vmax;
    width: 12vmax;
    height: 9.5vmax;
}
.icon-03{
    position: absolute;
    top:10vmax;
    left:25vmax;
    width: 9.5vmax;
    height: 10vmax;
}
.icon-0405{
    position: absolute;
    top:10vmax;
    left:34vmax;
    width: 17vmax;
    height: 14vmax;
}
.icon-06{
    position: absolute;
    top:10vmax;
    left:50vmax;
    width: 15vmax;
    height: 11vmax;
}
.icon-0708{
    position: absolute;
    top:10vmax;
    left:63vmax;
    width: 19vmax;
    height: 15vmax;
}
.icon-09{
    position: absolute;
    top:10vmax;
    left:82vmax;
    width: 9.5vmax;
    height: 10vmax;
}
.drop-shadow {
    -webkit-filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.3))
}