/* Minification failed. Returning unminified contents.
(3,82): run-time error CSS1039: Token not allowed after unary operator: '-color_mygray300'
(3,133): run-time error CSS1039: Token not allowed after unary operator: '-color_mygray300'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,18): run-time error CSS1039: Token not allowed after unary operator: '-ngScope_w'
(16,54): run-time error CSS1039: Token not allowed after unary operator: '-color_brand2'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,51): run-time error CSS1039: Token not allowed after unary operator: '-point_w'
(34,77): run-time error CSS1039: Token not allowed after unary operator: '-point_w'
(42,42): run-time error CSS1039: Token not allowed after unary operator: '-max_w'
(42,67): run-time error CSS1039: Token not allowed after unary operator: '-container_p'
(46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,32): run-time error CSS1039: Token not allowed after unary operator: '-container_p'
(49,73): run-time error CSS1039: Token not allowed after unary operator: '-max_w'
(49,139): run-time error CSS1039: Token not allowed after unary operator: '-btnPx'
(57,100): run-time error CSS1039: Token not allowed after unary operator: '-color_mygray300'
(57,144): run-time error CSS1039: Token not allowed after unary operator: '-color_brand6'
(79,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* Nwws section */
main .sec-block {
    background: url( "../img/block_bg.jpg" ) repeat; border-top: 1px solid var( --color_mygray300 ); border-bottom: 1px solid var( --color_mygray300 );
}

main .sec-block > section{
    --ngScope_w: calc( 33% - .5rem );
    display: flex; flex-wrap: wrap; gap: 1rem;
}

main .news-block, main .subject-block, main .rank-block {
    width: var( --ngScope_w ); background: #fff;
}

main .title-block .more {
    display: flex; align-items: center; color: var( --color_brand2 ); text-decoration: underline; font-style: italic; margin-left: auto;
}

main .title-block .more i {
    width: 1rem; aspect-ratio: 1/1; background-position: -9.5rem -0.0625rem; background-size: 22rem;
    filter: brightness(0) saturate(100%) invert(21%) sepia(86%) saturate(1643%) hue-rotate(29deg) brightness(95%) contrast(99%);
}

.sec-block .text-block li { justify-content: start; }

.sec-block .text-block li span:last-child {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}

main .text-block li:first-child { border-top: 0; }

.main .sec-block .circle:before, .main .sec-block .circle1:before {
    --point_w: .625rem;
    content: ""; border-radius: 50%; width: var( --point_w ); height: var( --point_w ); background-color: #f79500;
}

.main .sec-block .circle1:before { background-color: #e96486; }


/* 相關連結 */
main .logo-block {
    position: relative; max-width: var( --max_w ); padding: var( --container_p );
}

.otherLinkBox{
	--otherLink_h:6rem;
	--therLink_p:3rem;
	--btnPx: 3px;
	width: calc( 100dvw - ( var( --container_p ) * 3 ) ); max-width: var( --max_w ); display: block; position: relative; padding: 1rem var( --btnPx ); margin: auto;
}

.otherLinkBox .splide__slide{ 
    display: grid; padding: .25rem 1rem;
}

.otherLinkBox a{ 
	width: 100%; aspect-ratio: 300/150; display: flex; place-content: center; border: 1px solid var( --color_mygray300 ); background-color: var( --color_brand6 );
}

.otherLinkBox a, .otherLinkBox img{ 
	border-radius: .25rem; overflow: hidden;
}

.otherLinkBox span{
    text-align: center; line-height: 1.5rem; margin-top: .25rem; height: 3rem;
}

section .splide__pagination {
    position: relative; bottom: 0rem; margin: 0; justify-content: center;
}

.otherLinkBox .splide__controls {
    right: 0rem; left: auto;
}


@media only screen and (max-width: 1024px) {
    main .sec-block > section{
        --ngScope_w: 100%;
    }
}