@charset "utf-8";
/* CSS Document */
/* 快訊 */
/* var */
#marqueeContent { display:block; width: 99%; overflow: hidden; height:50px; } /* PC */
#marquee { --marqueeHeight: 40px; }

@media screen and (max-width: 800px) {  /* 配合快訊轉 M 版 */
	#marqueeContent { display:none; }
    #marqueeHeader { width:100%; padding:10px 2% 5px; height: 60px; background-color:#efefef; overflow:hidden; }
}
@media screen and (max-width:700px) {
	#marqueeHeader { padding:5px 1% 5px 2%; }
    #marquee { --marqueeHeight: 50px; }
}
#marquee { display: none; width: 100%; height: var(--marqueeHeight); padding-left:30px; margin-bottom: 12px; float: left; overflow: hidden; background:url(../images/icon/news2.png) no-repeat left center / 28px ; position: relative; z-index: 4;/* 全站統一header為 z-index:5; */ }
#index #marquee {
    max-width:940px;
}
#marquee .marqueebox {
    flex: 1;
    vertical-align: middle;
    padding: 0 min(max(1%, 6px), 12px);
}
#marquee .marqueebox ul li {
    display: flex;
    align-items: center;
    height: var(--marqueeHeight);
    line-height: var(--marqueeHeight);
    overflow: hidden;
}
#marquee .marqueebox ul li span /*PR*/{
    font-size: 15px;
    color: #111;
    margin-left: 5px;
    display: inline-block;
}
#marquee .marqueebox ul li a {
    font-size: max(min(2vw, 22px), 20px); font-weight: bold; letter-spacing:1px; color: #bd0202; overflow: hidden;
    /*限制 1行+…*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; }
#marquee .marqueebox ul li a:hover { color: #7e1d1f; }
#marquee .arrow { width: 25px; height: var(--marqueeHeight); cursor: pointer; transform: scaleY(0.8); }
#marquee .arrow:before { content:"▼"; font-size:16px; color:#b03c3f; line-height:var(--marqueeHeight); }
#marquee .arrow.up { transform:scaleY(0.8) rotate(180deg); margin:0 12px; }
#marquee .arrow:hover:before { color:#7e1d1f; }

/* RWD */
@media screen and (max-width: 1260px) {
    #index #marquee { max-width: initial; }
}
/* 快訊轉 M 版 */
@media screen and (max-width: 800px) {
    #marquee { margin-bottom:0; }
    #marquee .marqueebox ul li { line-height: 1.4; }
    #marquee .marqueebox ul li a { color:#222; font-size: max(min(3vw, 20px),18px); }
    #marquee .marqueebox ul li span { color: #ffbd00; }
}
@media screen and (max-width:700px) {
    /* 限制 2行 + … */
    #marquee .marqueebox ul li a { -webkit-line-clamp: 2; line-clamp: 2; line-height: 1.2; }
	#marquee .arrow.up { display:none !important; }
}
@media screen and (max-width:500px) {
    #marquee .marqueebox ul li a { font-size: 18px; }
}