:root {
	--DfColor: #8c1515;
	--DfColor2: #e4c5c5;
	--DfColor2Hover: #dbb6b6;
	--DfFont: 'Raleway';
	--LRMargin: 25px; /* 左右兩邊 */
	--LinkColor: #FFFFFF;
	--LinkHoverColor: #ffef9f;
	--HLeftTBPadding: 25px; /* 上方上下 內距 */

	--HeaderHeight: 130px;
	--ArticleContentsWidth: 90%;
	--ArticleContentsWidth_HomeOther: 80%;

	--LeftBtnRight: 30px;
}
* { font-family: var( --DfFont ); }


@media screen and (max-width: 2000px) {

}


@media screen and (max-width: 1600px) {

	:root {
		--HeaderHeight: 120px;
	}

}


@media screen and (max-width: 1400px) {

	:root {
		--LRMargin: 15px; /* 左右兩邊 */
		--HeaderHeight: 110px;
		--ArticleContentsWidth: 96%;
		--ArticleContentsWidth_HomeOther: 90%;
	}

}


@media screen and (max-width: 1024px) {

	:root {
		--HLeftTBPadding: 20px; /* 上方上下 內距 */
		--HeaderHeight: 100px;
		--ArticleContentsWidth: 90%;
		--ArticleContentsWidth_HomeOther: 95%;

		--LeftBtnRight: 15px;
	}

}


@media screen and (max-width: 768px) {

	:root {
		--LRMargin: 10px; /* 左右兩邊 */
		--HLeftTBPadding: 10px; /* 上方上下 內距 */
		--HeaderHeight: 80px;
		--ArticleContentsWidth: 90%;
	}

}


@media screen and (max-width: 500px) {

	:root {
		--HeaderHeight: 70px;
		--ArticleContentsWidth: 95%;
	}

}