body
{
	margin: 1px 1px;
	background-color: white;
}

a {text-decoration: none;}


.logo { 
	left: 0px;
	height: 80px;
	/* width: 360px; */	 
 }


.framsetBackground
{
	background-image: url(../images/2048x1536-BBlueA.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;	
}

/* 首頁中間內文簡章*/
 #index0
{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	background-color: transparent;
	color: black;
	padding-right: 20px;
}

/* 首頁 簡章格式*/
.font01
{
	line-height: 28px;
	padding-left: 25px;
}

.font02
{
	line-height: 28px;
	padding-left: 45px;
}

.font03
{
	line-height: 20px;
	padding-left: 0px;
}

  #wrapper0			/* 個資同意 */
{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}


  #wrapper
{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-left: 2px;
}

  #wrapper2
{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-left: 2px;
}


/* 寬度 小於 610以上   */
@media only screen and (max-width: 610px) {
  #wrapper2 table.responsive-table {
    width: 100%;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }

 #wrapper2 table.responsive-table thead {
    display: block;
    float: left;
  }
 #wrapper2 table.responsive-table thead tr
	{
		display: block;
		padding-bottom: 0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

 #wrapper2 table.responsive-table thead td
	{
		display: block;
		text-align: left;
		white-space: nowrap;
		max-height: 28px;
		padding-top: 3px;
	}
	
  #wrapper2 #i06_059
	{width: 310px;}
	
  #wrapper2 #i06_058,#wrapper2 #i06_058b
	{width: 224px;}	


  #wrapper3 #i06_memo {width: 308px;}
	
}   
/* responsive-table END*/


@media (min-width:610px)  /* 寬度 大於 610以上   */
{
  #wrapper2 #i06_059 {width: 485px;}
  #wrapper2 #i06_058, #wrapper2 #i06_058b {width: 400px;}
  
  #wrapper3 #i06_memo {width: 508px;}
  	
}


#wrapper3
{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	text-align: center;
}

  #wrapper31
{
	width: 100%;	
	max-width: 500px;	
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	background-color: white;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

  #Calendar1
{
	width: 100%;	
	max-width: 500px;	
}

  #wrapper4
{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;	
}


  #wrapper7
{
	width: 100%;
	max-width: 640px;
	min-width: 315px;
	margin: 0 auto;
}

#wrapper7 td {
    font-size: 16px; 
}

@media (max-width:610px){
	#wrapper7 td {
		font-size: 12px; 
	}
}

.Day
{
	vertical-align: top;
	margin: 0px;
	text-align: center;
	background-color: #ccff99;
	padding: 0;
	font-family: 'Arial Black';
}

.cDay
{
	vertical-align:top;
	margin:0px;
	text-align: center;
	background-color:Yellow;
	padding:0;
}

.hDay
{
	vertical-align: top;
	margin: 0px;
	text-align: center;
	background-color: #d3d3d3;
	padding: 0;
	color: gray;
}

.Daytxt
{
	font-size: 14px;
	text-align: center;
	color: gray;
}


.ytb_header
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 25px;		 
}

.ytb_row_hearder2
{
	text-align: center;
	font-family: 新細明體;
	font-size: 14px;
	vertical-align: middle;
	width: 40px;
	height: 25px;
}

.ytb_row_hearder1
{
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	vertical-align: middle;
	width: 30px;
	height: 50px;
}

.ytb_text
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	text-decoration: none;
}

.ytc_table
{
	border-left: gray thin solid;
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-bottom: gray thin solid;
}

.ytc_header1
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 120px;
	height: 80px;

}

.ytc_header1b
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 120px;
	height: 40px;
}

.ytc_header2
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 120px;
	height: 40px;
}

.ytc_header2b
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 80px;
	height: 40px;
}

.ytc_header3
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

.ytc_text
{
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle;
	text-decoration: none;
}


/* 預約步驟 格式*/
.active_span
{
	border-right: #33ffff thin ridge;
	border-top: #33ffff thin ridge;
	border-left: #33ffff thin ridge;
	border-bottom: #33ffff thin ridge;
	height: 26px;
	width: 100px;
	text-align: center;
	word-wrap:normal;
	word-wrap:break-word;
	background-color: #ffc000;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 5px 5px 5px 5px;			/* 圓角*/
}

.inactive_span
{
	border-right: #33ffff thin ridge;
	border-top: #33ffff thin ridge;
	border-left: #33ffff thin ridge;
	border-bottom: #33ffff thin ridge;
	height: 26px;
	width: 100px;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 5px 5px 5px 5px; /* 圓角*/	
	white-space: nowrap ;
}


.RButton
{
	border-radius: 5px 5px 5px 5px; /* 圓角*/
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: blue;
	border-top: black thin ridge;
	border-right: black thin ridge;
	border-bottom: black thin ridge;
	border-left: black thin ridge;
	background-color: white;
}

.book3_rlist_item_ok
{
   }

.book3_rlist_item_ng
{
    color: gray;
    visibility: hidden;
    display: none;
}

.aspNetDisabled
{
    color: gray;
    visibility: hidden;
    display: none;
}