/*header_*/
#top{
	width: 100%;
	z-index:999;
}
.header__text {
	display: block;
	padding: 0 10px;
	font-weight: 400;
}
.header__text:not(p):hover {
	color: #c3c3c3;
}
.header__text--danger {
	color: #fff;
	margin-left: -8px;
}
.header__text--danger:hover {
	color: #000 !important;
}

.header__download {
	position: relative;
	cursor: pointer;
}
.header__download img {
	border-radius: 10px;
	border: 8px solid;
}
.header__download:hover .header__dropdown {
	display: block !important;
}

.header__dropdown {
	z-index: 1000;
	display: none !important;
	position: absolute;
	bottom: -165px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	width: 150px;
}
.header__text:after{
	content: '|';
	display: inline-block;
	padding: 0 10px;
	color: #ffffff !important;
}
		
/*app*/
@media screen and (max-width: 1000px) {
	.header__text {
		display: none;
	}
}
@media screen and (max-width: 1040px) {
	.header__text {
		display: block;
	}
}
@media screen and (max-width: 820px) {
	#site-logo .logo {
		margin-top: 10px;
	}
}
@media screen and (max-width: 768px) {
	.header__text {
		display: none;
	}
}



/*footer_*/
footer {
            background-color: #012f49;
            color: #ffffff;
            padding: 40px 0 20px 0;
            width: 100%;
            box-sizing: border-box;
        }

        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .footer-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 40px;
            gap: 40px;
			max-width: 900px;
			margin: 0 auto;
        }

        .footer-left {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .footer-logo {
            max-width: 250px;
            height: auto;
            display: block;
        }

        /* 社群圖示容器 */
        .social-icons {
            display: flex;
            gap: 36px;
            margin: 0 auto;
        }

        /* 圖片樣式設定 */
        .social-icons a img {
            width: 28px; /* 控制圖示大小 */
            height: 28px;
            display: block;
        }

        /* 針對 LINE 稍微調大一點，視覺較平衡 */
        .social-icons a.line-icon img {
            width: 30px;
            height: 30px;
        }

        .social-icons a:hover {
            opacity: 0.8;
        }

        .footer-disclaimer {
            font-size: 12px;
            line-height: 1.6;
            max-width: 800px;
        }

        .footer-divider {
            border: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.8);
            margin: 0 0 10px 0;
        }

        .footer-bottom {
            text-align: center;
            font-size: 12px;
            color: #eaeaea;
        }

        @media (max-width: 768px) {
            .footer-top {
                flex-direction: column;
                align-items: flex-start;
                gap: 30px;
                
            }
            .footer-left{margin: 0 auto;}
            .footer-disclaimer{margin: 0 auto;}
        }