﻿body{
	margin:0px;
	background-color:Gray;
	overflow-y: scroll;
}

/* ~~ 這個固定寬度的容器環繞著所有其他區塊 ~~ */
.M_container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
}

/* ~~ 頁首 ~~ */

.M_header {
	background:url(../manage/images/M_top.png);
	background-position:top;
	width:1000px;
	height:110px;
}
.M_menu
{
    background:url(../manage/images/M_menu.png);
    background-repeat:repeat-x;
    /*background-color:#F7BFB2;*/
    height:36px;
}
/* -- 頁中 -- */
.M_middle
{
   	/*background-color:#F7BFB2;*/
   	background:url(../manage/images/M_left.png);
   background-repeat:repeat-y;
    width:1000px;
    min-height:400px;
}

.M_left
{ 
   background:url(../manage/images/M_left.png);
   background-repeat:repeat-y;
   /* background-color:#F7BFB2;*/
    min-height:400px;    
    float:left;
    z-index:2;
    width:200px;
    padding-top:10px;
    }
.M_right
{
    float:right;
    background-color:White;
    width:740px;
    padding:20px 20px 20px 20px;
    min-height:400px;
    z-index:2;
    }

/* ~~ 頁尾 ~~ */
.M_footer 
{
    background:url(../manage/images/M_bottom.png);
	background-repeat:repeat-x;
	width:1000px;
	height:48px;
	
	/*position: absolute;/* 這會為 IE6 提供 hasLayout 以進行適當的清除動作 */
	clear: both; /* 這個 clear 屬性可以強制 .container 辨識欄結束於何處以及包含欄的位置 */
}

/*HTML 5 支援 – 設定新的 HTML 5 標籤以顯示區塊並使瀏覽器能夠正確顯示標籤。 */
 M_header, M_section,  M_footer, aside, nav, article, figure {
	display: block;
}

/*超連結樣式*/
a:link{
	color:#F91EA6;
	text-decoration:none;
	}
a:visited{
	color:#F91EA6;
	text-decoration:none;
	}
a:hover{
	color:#F91EA6;
	text-decoration:underline;
	}
a:active{
	color:#F91EA6;
	text-decoration:none;
	}
	
/*字距0.3(大標按鈕)尚未使用*/
.emB01{
	font-size:12pt;
	font-family:微軟正黑體;
	letter-spacing: 0.1em;
	line-height:1.5;
	font-weight:bolder;
	}
/*字距0.3與行距1.5(內文)*/
.em02{
	letter-spacing: 0.3em;
	line-height:1.8; 
	}

/*必填欄位樣式*/
.Required{
    color:#ff0000;
    font-weight:bold;
}

/*表格樣式*/
.TableStyle01{

}
.TableStyle01 th{
    text-align:center;
    background-color:#ffe5bc;
    padding:3px;
    height:25px;
}
    .TableStyle01 td {
        background-color: #FFF;
        padding: 3px;
        height: 25px;
    }

.TableStyle02 {
}

    .TableStyle02 tr:nth-child(even) {
        background-color: #FFF;
    }

    .TableStyle02 tr:nth-child(odd) {
        background-color: #ebebeb;
    }
    
    .TableStyle02 th {
        text-align: center;
        padding: 3px;
        height: 25px;
        background-color: #ffe5bc;
    }

    .TableStyle02 td {
        /*background-color: #FFF;*/
        padding: 3px;
        height: 25px;
        line-height:1.2em;
    }
/*訊息*/
.Msg {
    font-size: 12pt;
    color: #E4007F;
}
.memo{
    color:#8b3300;
}
/*網頁路徑*/
.PagePath{
    color:#6d184a;
    font-weight:bold;
}

/* 隱藏欄位 */
.HiddenCol {
    display: none;
}

/*按鈕設定*/
        /*input[type=submit]{
            padding:2px;            
            letter-spacing:0.2em;
        }*/

                /* button 設定 */
        input[type="submit"], input[type="button"], input[type="reset"] {
            height: 30px;
            font-size: 12pt;
            padding:2px;            
            letter-spacing: 0.2em;
            text-align: center;
            vertical-align: middle;
        }

        /* text 設定 */
input[type="text"], input[type="password"] {
    height: 25px;
    font-size: 12pt;
    vertical-align: middle;
}