* {
    padding: 0; 
    margin: 0; 
}
body
{
    font: 14px 微軟正黑體;
    background-color: #F7F7E9;
}
h1 {
    font: bold 32px Times;
	color: #666;
	text-align: center;
	padding: 20px 0;    
}
#container {
    width: 700px;
    margin: 10px auto;
}

.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head_new.png) repeat-x top; border-left: solid 1px #525252; font-size: 14px; }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 24px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }





/* 查詢表單 gvStyle 隔行換色 */
.gvStyle {border:#c7c7c7 1px solid;font-size:14px;color: #333333;width:100%;margin-top:10px;}

/*Header 標題*/
.gvStyle th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head_new.png) repeat-x top; border-left: solid 1px #525252; font-size: 14px; }

/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.gvStyle tr:hover{color: #FF00FF;	background-color: #edf5fa;}

/*Rows 列表顏色*/
.gvStyle td{border: 1px solid #ccc;height:25px;text-align:center;padding:3px;}

/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvStyle .alt { background: #d4ebfa ; }

/*Page 分頁顏色*/
.gvStyle .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.gvStyle .pgr table{ margin-left:auto;margin-right:auto;font-size: 14px; }
.gvStyle .pgr td{background-color:#E2EAF2;border-width: 0px;padding:3px;}
.gvStyle .pgr a{color: #666; text-decoration:underline;padding:0px 3px 0px 3px;}
.gvStyle .pgr a:hover{ color: #FF00FF; text-decoration: none;}




/* 查詢表單 gvStyle 隔行換色 */
.BookingGvStyle {border:#c7c7c7 1px solid;font-size:14px;color: #333333;width:100%;margin-top:10px;}

/*Header 標題*/
.BookingGvStyle th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head_new.png) repeat-x top; border-left: solid 1px #525252; font-size: 14px; }

/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.BookingGvStyle tr:hover{color: #FF00FF;	background-color: #edf5fa;}

/*Rows 列表顏色*/
.BookingGvStyle td{border: 1px solid #ccc;height:25px;text-align:center;padding:3px;}

/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/


/*Page 分頁顏色*/
.BookingGvStyle .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.BookingGvStyle .pgr table{ margin-left:auto;margin-right:auto;font-size: 14px; }
.BookingGvStyle .pgr td{background-color:#E2EAF2;border-width: 0px;padding:3px;}
.BookingGvStyle .pgr a{color: #666; text-decoration:underline;padding:0px 3px 0px 3px;}
.BookingGvStyle .pgr a:hover{ color: #FF00FF; text-decoration: none;}





.mGrid2 { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.mGrid2 td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid2 th { padding: 4px 2px; color: #7b7bf9; background: #424242 url(grd_head_new2.png) repeat-x top; border-left: solid 1px #525252; font-size: 14px; }
.mGrid2 .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid2 .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid2 .pgr table { margin: 5px 0; }
.mGrid2 .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 24px;  background-color:Black;}   
.mGrid2 .pgr a { color: #666; text-decoration: none; }
.mGrid2 .pgr a:hover { color: #000; text-decoration: none; }



.mGrid3 { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.mGrid3 td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid3 th { padding: 4px 2px; color: #7b7bf9; background: #424242 url(grd_head_new2.png) repeat-x top; border-left: solid 1px #525252; font-size: 14px; }
.mGrid3 .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid3 .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid3 .pgr table { margin: 5px 0; background-color: #fff;}
.mGrid3 .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 24px; }   
.mGrid3 .pgr a { color: #666; text-decoration: none; }
.mGrid3 .pgr a:hover { color: #000; text-decoration: none; }
.mGrid3 .pgr span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}