@charset "utf-8";
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	letter-spacing:1px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	letter-spacing:1px;
}
img{
	border:none;
}
/*common*/
.imgSwap{
}

/*menu*/
.menu{
	background-repeat: no-repeat;
	background-position: 0px -29px;
	width: 55px;
	height: 33px;
}
/*text*/
.text_notice{
	font-size:14px;
	color:#e80000;
	line-height:22px;
	word-wrap: break-word;
    word-break: break-all;
}
/*link*/
A:link {
	color: #666666;
	text-decoration: none;
}
A:visited {
	color: #666666;
	text-decoration: none;}
A:active {
	color: #666666;
	text-decoration: none;
}
A:hover {
	color: #666666;
	text-decoration:underline;
}

/*box*/
.box{
	border:solid 0px #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#FFF;
	behavior: url(../include/css/PIE.htc);
}
.box2{
	background-color: #f5f5f5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e9e9;
}
.box3{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #8dbfe6;
}

.box4{
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8dbfe6;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
}
.box5{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
}
.box6{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
}
/*bg*/
.bg{
	background-color: #fafafa;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.bg2{
	background-color: #f6f6f6;
	background-image: url(../images/bg3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*shadow*/
.sd{
	-moz-box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	box-shadow: 0px 0px 5px #cccccc;
	behavior: url(../include/css/PIE.htc);
}

/*footer*/
.footer{
	color:#ffffff;
	background-color:#5798d2;
}
.footer td{
	color:#ffffff;
}

/*margin*/
.mt{
	margin-top:5px;
}
.ml{
	margin-left:5px;
}
.mr{
	margin-right:5px;
}
.mb{
	margin-bottom:5px;
}

.mt2{
	margin-top:10px;
}
.ml2{
	margin-left:10px;
}
.mr2{
	margin-right:10px;
}
.mb2{
	margin-bottom:10px;
}

/*form*/
.form_input{
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 140px;
	line-height:16px;
	text-indent:10px;
	letter-spacing:1px;
}

/*line*/
.line{
	background-image: url(../images/line4.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*calendar*/
.calendar{
}
.calendar_Title{
	font-size: 20px;
	font-family: "Arial";
}
.calendar_week{
	background-color: #65a6db;
	background-image: url(../images/calendar_week.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.calendar_weekend{
	background-color: #a0a0a0;
	background-image: url(../images/calendar_week2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.calendar_dayOff{
	background-color: #fcfcfc;
	background-image: url(../images/calendar_day2.gif);
	background-position: left bottom;
	border: 1px solid #e6e6e6;
	background-repeat: repeat-x;
	color:#666666;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.calendar_dayOff td{
	color:#666666;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.calendar_dayOn{
	background-color: #6eaedd;
	background-image: url(../images/calendar_day3.gif);
	background-position: left top;
	border: 1px solid #e6e6e6;
	background-repeat: repeat-x;
	color:#FFFFFF;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.calendar_dayOn td{
	color:#FFFFFF;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.calendar_dayDisabled{
	background-color: #f5f5f5;
	background-image: url(../images/calendar_day.gif);
	background-position: left top;
	border: 1px solid #f5f5f5;
	background-repeat: repeat-x;
	color: #bfbfbf;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.calendar_dayDisabled td{
	color: #bfbfbf;
	font-size: 16px;
	font-family: "Arial";
	font-style: italic;
}
.table_td01 {
	background-image: url(../images/index_table_td01.jpg);
	padding: 0px;
	height: 75px;
	width: 84px;
	border: 0.5px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	text-indent: 3pt;
}
.table_td02 {
	background-image: url(../images/index_table_td02.gif);
	padding: 0px;
	height: 75px;
	width: 84px;
	border: 0.5px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	text-indent: 3pt;
}
.table_td03 {
	background-image: url(../images/index_table_td03.jpg);
	padding: 0px;
	height: 75px;
	width: 84px;
	border: 0.5px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	text-indent: 3pt;
}
.notice_w1 {
	font-family: "�ө���", "�s�ө���";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.login_account {
	background-image: url(../images/login_in_r1_c1.jpg);
}
.week_ym {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 0px;
}
.righttable_td {
	background-image: url(../images/right_table_r7_c1.jpg);
	padding: 0px;
	font-family: "�ө���", "�s�ө���";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	background-repeat: repeat;
}
.content_w1 {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
.content_w2 {
	padding: 3px;
	font-family: "�L�n������";
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	line-height: 150%;
}
.content_w2a {
	padding: 0px;
	font-family: "�s�ө���";
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin: 0px;
}

 .content_w2b {
	padding: 0px;
	font-family: "�s�ө���";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin: 0px;
}
.content_link {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 0px;
}
.lefttable_td {
	padding: 0px;
	font-family: "�ө���", "�s�ө���";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 0px;
}
.week_ym2 {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 15px;
	font-style: normal;
	font-weight: bolder;
	color: #2878B9;
	margin: 0px;
}
.menu_item {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #2878B9;
	margin: 0px;
}
/*form Setting*/
input[type=submit]{
	background-image: url(../images/btn_bak.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:25px;
	letter-spacing:3px;
	padding-top:2px;
	padding-bottom:3px;
	padding-bottom:0px\9;
	border: 1px solid #999999;
}
.titleBottmeLine{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A7D323;
}
.table_td04 {
	padding: 0px;
	border: 0.5px solid;
	font-family: "�L�n������";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	text-indent: 3pt;
	background-color: #E8E8E8;
}
.week_ym3 {
	padding: 0px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #669900;
	margin: 0px;
}
.week_ym4 {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #2878B9;
	margin: 0px;
}
.week_ym5 {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #2878B9;
	margin: 0px;
}
.week_ym6 {
	padding: 0px;
	font-family: "�L�n������";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #669900;
	margin: 0px;
}
.content_w3 
{
    padding: 0px;
	font-family: "�L�n������";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
a.button{
	display:inline-block;
}
a.button.style1:link {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/btn4_off.gif) !important;
	background-color: #528ecc !important;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #558ec3 !important;
}
a.button.style1:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/btn4_off.gif) !important;
	background-color: #528ecc !important;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #558ec3 !important;
}
a.button.style1:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/btn4_on.gif) !important;
	background-color: #65a6da !important;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #558ec3 !important;
}
a.button.style1:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/btn4_off.gif) !important;
	background-color: #528ecc !important;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #558ec3 !important;
}

a.button.large{
	font-size: 20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
a.button.medium{
	font-size: 14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
}
a.button.small{
	font-size: 12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
}
.content_w4
{
	background-color: #fcfcfc;
	background-image: url(../images/calendar_day2.gif);
	background-position: left bottom;
	border: 1px solid #e6e6e6;
	background-repeat: repeat-x;
	color:#666666;
	font-size: 15px;
	font-family: "�L�n������";
	font-style: normal;
}
#ctl00_BodyContent_DataGrid img{
margin-top:8px;
padding-right:5px;

}

/*首頁Banner相關css 開始*/
.pager{
    position: absolute;
    bottom:5px;
    width: 100%;
    z-index: 3;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .pager li{
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: cadetblue;
  }
  .pager .current{
    background-color: #fff;
  }
  .arrRight{
    cursor: pointer;
    right: 10px;
    top:35px;
    position: absolute;
    z-index: 3;
  }
  .arrLeft{
    cursor: pointer;
    left: 10px;
    top:35px;
    position: absolute;
    z-index: 3;
  }
  .bannerTd{
    height: 100px;
    position: relative;
  }
  .slideFade{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .slideFade img{
    display: none;
    position: absolute;
    left:0;
    cursor: pointer;
    top:0;
    width: 100%;
  }
  .slideFade img:nth-child(1){
    display: block;
  }
  /*首頁Banner相關css 結束*/