@charset "utf-8";

#id_wrapper {
    /* 設定高度最小為100%, 如果內容區塊很多, 可以長大 */
    min-height: 100%;
    /* 位置設為relative, 作為footer區塊位置的參考 */
    position: relative;
}

#id_header {
	/* 設定header的高度 */
	height: 50px;
	box-sizing: border-box;
	background-color: #000000;
}

#id_content {
    /* 留出header及footer區塊的空間 */
    padding-top: 0px;
    padding-bottom: 40px;
}

#id_footer {
	box-sizing: border-box;
	/* 設定footer絕對位置在底部 */
	position: absolute;
	bottom: 0;
	/* 展開footer寬度 */
	width: 100%;
	background-color: #000000;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center top;
}

/* CSS Document */

html, body {
	/* 設定body高度為100% 拉到視窗可視的大小 */
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #1f1e1d;
	color: #000;
	background-image: url(images/BGc.png);
	background-repeat: repeat;
}