*{margin:0 auto; padding:0}

body 
{
	font-family: "微軟正黑體",Verdana,"新細明體", "細明體";
	margin: 0px auto;
	background-image:url(images/pm/pm-back.png);
	background-color: #ECECEC;
	font-size: 15px;
	color: #545244;
}


a:link
{
    color: #6c6c6c;
    text-decoration: none;
}
a:visited{color: #6c6c6c;	text-decoration: none;}
a:hover, a:active{color: #F30;}

a:hover.a-opt{color:Red;}
a.a-opt{color:White;}

a:hover.a-orange{text-decoration: underline; color: #CC3300;}
a.a-orange{text-decoration: none; color: #FF9933;}

a:hover.a-orange{text-decoration: underline; color: #CC3300;}
a.a-redA{text-decoration: underline; color: red;}
a.a-blueA{text-decoration: underline; color: blue;}

a:hover.a-userguide{width:140px; height:40px; display:block; background-image:url(../images/pm/guide_o.png);}
a.a-userguide{width:140px; height:40px; display:block; background-image:url(../images/pm/guide.png);}

a:hover.a-date{text-decoration: underline; color: #CC3300;}
a.a-date{text-decoration: none; color: #000000;border-left:solid 10px #763f63;padding-left:10px;text-decoration:underline;}


a.addonClasshonor
{
background:#028d97;
cursor:default;
}

a.addonClasssub
{
border-top:3px solid #f5370b;
font-weight:bold;
cursor:default;
}

.exc
{
    width: 600px;
    font-family: 微軟正黑體;
    font-size: 1em;
    border:1px solid #666633;
    background-color:#ECECEC;
    padding-top:20px;
    padding-bottom:16px;
}


/*左右對齊*/
.align_r-l
{
  width:100px;
  text-align: justify;
  text-justify:distribute; 
}

/*table*/
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 2em 1em; /* cell padding */
    background:-moz-linear-gradient( center top, #e6bb8f 10%, #ead5bf 95% );
	background:-ms-linear-gradient( top, #e6bb8f 10%, #ead5bf 95% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6bb8f', endColorstr='#ead5bf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #e6bb8f), color-stop(95%, #ead5bf) );
}
/*bottom*/

.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #cccccc;
	padding:5px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ebebeb 10%, #dfdfdf 95% );
	background:-ms-linear-gradient( top, #ebebeb 10%, #dfdfdf 95% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #ebebeb), color-stop(95%, #dfdfdf) );
	background-color:#ebebeb;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 10%, #ebebeb 95% );
	background:-ms-linear-gradient( top, #dfdfdf 10%, #ebebeb 95% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ebebeb');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #dfdfdf), color-stop(95%, #ebebeb) );
	background-color:#dfdfdf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}


.css_btn_class_m,input_Button {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #cccccc;
	padding:5px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ebebeb 10%, #dfdfdf 95% );
	background:-ms-linear-gradient( top, #ebebeb 10%, #dfdfdf 95% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #ebebeb), color-stop(95%, #dfdfdf) );
	background-color:#ebebeb;
	color:#777777;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.css_btn_class_m:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 10%, #ebebeb 95% );
	background:-ms-linear-gradient( top, #dfdfdf 10%, #ebebeb 95% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ebebeb');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #dfdfdf), color-stop(95%, #ebebeb) );
	background-color:#dfdfdf;
}.css_btn_class_m:active {
	position:relative;
	top:1px;
}

.view-button
{
    display:inline-block;
     zoom:1;
     line-height:normal;
     white-space:nowrap;
     vertical-align:middle;
     text-align:center;
     cursor:pointer;
     -webkit-user-drag:none;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     }
.view-button::-moz-focus-inner{padding:0;border:0}
.view-button
{
    font-family:inherit;
    font-size:100%;
    padding:.5em 1em;
    color:#444;
    color:rgba(0,0,0,.8);
    border:1px solid #999;
    border:0 rgba(0,0,0,0);
    background-color:#E6E6E6;
    text-decoration:none;
    border-radius:2px;
    }
.view-button-hover,.view-button:hover,.view-button:focus
{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
    background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    }
.view-button:focus
{
    outline:0;
    }
.view-button-active,.view-button:active
{
    box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
    border-color:#000\9;
    }
.view-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active
{
    border:0;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter:alpha(opacity=40);
    -khtml-opacity:.4;
    -moz-opacity:.4;
    opacity:.4;
    cursor:not-allowed;
    box-shadow:none;
    }
.view-button-hidden
{
    display:none;
    }
.view-button::-moz-focus-inner
{
    padding:0;
    border:0;
    }
.view-button-primary,.view-button-selected,a.view-button-primary,a.view-button-selected{background-color:#0078e7;color:#fff;}

.pure-button-g
{
    display:inline-block;
    zoom:1;line-height:normal;
    white-space:nowrap;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }
.pure-button-g::-moz-focus-inner{padding:0;border:0}
.pure-button-g
  {
      font-family:inherit;
      font-size:100%;
      padding:0.4em 0.6em;
      color:#00adba;
      border:1px solid #000000;
      border:0 rgba(0,0,0,0);
      background-color:#ECECEC;
      text-decoration:none;
      border-radius:5px;
      margin-right:5px;
      }
.pure-button-g-hover,.pure-button-g:hover,.pure-button-g:focus
{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
    background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    color:#550a0a;
    }
.pure-button-g:focus{outline:0}
.pure-button-g-active,.pure-button-g:active
 {
     box-shadow:0 0 0 1px rgba(64,90,10,.15) inset,0 0 6px rgba(64,90,10,.2) inset;
     border-color:#000000;

     }
.pure-button-g[disabled],.pure-button-g-disabled,.pure-button-g-disabled:hover,.pure-button-g-disabled:focus,.pure-button-g-disabled:active
{
    border:0;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter:alpha(opacity=40);
    -khtml-opacity:.4;
    -moz-opacity:.4;
    opacity:.4;
    cursor:not-allowed;
    box-shadow:none;
    }
.pure-button-g-hidden{display:none}
.pure-button-g::-moz-focus-inner{padding:0;border:0}
.pure-button-g-primary,.pure-button-g-selected,a.pure-button-g-primary,a.pure-button-g-selected{background-color:#0078e7;color:#fff;}



h3
{
    padding:10px 0 0 40px;
    height:60px;
    color:#099b93;
    font-size:20pt;
}
#rec_top
{background-image:url(../images/rec_top.jpg); width:900px; height:265px;background-repeat:no-repeat;	vertical-align:bottom;}

#page
{
    width: 960px;
    margin:0 auto;
   background-image:url(../images/layout-back.jpg); background-repeat:repeat-x;	vertical-align:bottom;
}

#layout{width:900px; background:#FFF;margin:0 auto;}
#layoutnotes{width:650px; background:#FFF;margin:a auto;padding-bottom:20px;}
#notes
{
    background:#ECECEC; 
    border:3px dotted #CCCCCC;
    padding:30px;
    margin-bottom:5px;    
    }
    
.open
{
    padding:10px; 
   color:#099b93;  
   font-size:1.2em;
   font-weight:bold;
   color:#cb370a;
}

/* fontcolor*/
.colorg
{
    color:#088c85;
}

.colorr
{
    color:#8b5b0d;
}

.coloro
{
    color:#cd8816;
}


.BtnEnter
{
  background-color:#ECECEC;
  border:2px solid #CCCCCC;
  padding:5px;
  width:40px;
  text-align:center;
  font-weight:bold;
}

.editsp
{
    padding:20px;
    width:100%;
}

#editsp div
{
    float:left;
}

.editsp_large
{
    width:60%;
   text-align:center;
}
.editsp_samll
{
    width:40%;
    text-align:right;
    padding-top:30px;
}

.editm
{
    padding:20px;
    width:100%;
}

.editm_samll
{
    width:20%;
    text-align:right;
    padding-top:30px;
}

#editsp img
{
    padding-bottom:5px;
}

A.EditBtn:link{
	font-size:1em;
	border-width:1px;
	border-style: solid;
	border-color: #A6745E;
	padding-right:6px;
	padding-left:6px;
	padding-top: 5px;
	color:#763F63;
	text-decoration:none;
	background-color:#FFFFFF;
	}
	
A.EditBtn:hover{
	color:#FFFFFF;
	background-color:#000000;
	}
	
A.EditBtn:active{
	color:#000000;
	}
	
A.EditBtn:visited{
	font-size:1em;
	border-width:1px;
	border-style: solid;
	border-color: #A6745E;
	padding-right:6px;
	padding-left:6px;
	padding-top: 5px;
	color:#763F63;
	text-decoration:none;
	background-color:#FFFFFF;
}
	
.EditBtn-down{
	color:#763F63;
	font-size:0.8em;
	background-color:#FFFFFF;
	padding-right:6px;
	padding-left:6px;
	padding-top: 5px;
	}

/* Background color */
.bkcolor_o
{
    background-color:#f5c677;
}

.bkcolor_y
{
    background-color:#eae4c1;
}

.bkcolor_g
{
    background-color:#d0e4a8;
}

/* Menu */
#menu 
{
	width:900px;
	padding-top:190px;
	margin:0 auto;
	text-align:right;
}

#menu ul
{
	padding:0 20px 0 0;
	text-align:right;
	/*-webkit-padding-start: 205px;*/
	color:#333333;
}

/* Menu2 */
#menu2 
{
	width:900px;
	padding-top:180px;
	margin:0 auto;
	text-align:right;
}

#menu2 ul
{
	padding:0 20px 0 0;
	text-align:right;
	/*-webkit-padding-start: 205px;*/
	color:#333333;
}

/*#menu li
{
	display: inline;
	line-height:200%;
}

#menu li a
{
	color:#FFFFFF;
	margin-top:150px;
	padding:10px;
	margin-right:1px;
	display: inline;
	vertical-align:bottom;
	background-color:#00adba;
	border:1px solid #CCCCCC;
}

#menu li a:hover
{
	background-color:#000000;
	text-decoration: none;
	color:#FFFFFF;
}*/


/* Menuadm */
#menuadm 
{
	width:900px;
	padding-top:100px;
	margin:0 auto;
	text-align:right;
}

/* subMenu */
#submenu 
{
	width:900px;
	margin:0 auto;
	padding-top:5px;
}

#submenu ul
{
	padding:0 70px 0 0;
	text-align:right;
	/*-webkit-padding-start: 205px;*/
}

#submenu li
{
	display: inline;
	line-height:200%;
	padding:8px;
	color:#00adba;
}


#submenu li a
{
	color:#00adba;
}

#submenu li a:hover
{
	text-decoration: none;
	color:#f5370b;
    font-weight:bold;
}

.optbox {
	background-color:#FFFFFF;  
	border:1px solid #333333;
}

.logout 
{
	width:900px;
	padding-top:220px;
}

.logout a
{
	color:#333333;
	margin-top:150px;
	padding:5px;
	margin-right:1px;
	display: inline;
	text-align:right;
	vertical-align:bottom;
	background-color:#ECECEC;
	border:1px solid #CCCCCC;
}

.logout a:hover
{
	background-color:#ECECEC;
	text-decoration: none;
	color:#000000;
}


#content
{
    width: 80%;
    margin:0 auto;
}

#method ul li
{
    margin-left:50px;
}


.odd
{
	background-color: #F7F0DB;
	line-height: 200%;
}
.even
{
	background-color: #EAE4C1;
	line-height: 200%;
}



.title
{
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
	color: #990000;
}

.item
{
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #336600;
}

.item-tit
{
	color:#333333;
	font-size: 1em;
}


.comment{color: #663300; font-size:0.8em;}
.comment4form
{
    color: #CC3300;
    font-size: 0.8em;
}
.br4form{margin-left:30%;}
.required{color:Red;}
.msg{ color:Red;}



/* fieldset */

fieldset
{
    font-family: 微軟正黑體;
    font-size: 1em;
    border:1px solid #666633;
    background-color: #F3F3F3;
    line-height:24px;
    color:#333333;
    margin-left:-15px;
} 

fieldset legend
{
    margin-left:16px;
    padding: 5px;
    color: #009999;
    font-size: 1em;
    text-align: right;
}

fieldset label 
{
  display:inline-block;
  margin-right:0.5em;
  text-align:left;
  font-weight:bold;
  padding-left:10px;
  color:#763F63;
  }

fieldset li label 
{
  color:#333333;
  }

  
fieldset ul
  {
    margin:0 0 30px 0;
    text-align:left;
  }
  
fieldset ul li
  {
      list-style-type:none;
      padding-left:30px;
  }

fieldset textarea
    {
       padding:10px 20px;
        margin-left:20px;
        width:90%; 
    }

/*student  list style*/
.showstu
{
    background-color:#e7e7e7;
    padding:10px 20px;
}

/*padding height border*/
.padleft30
{
    padding-left:30px;
} 

.padleft40
{
    padding-left:40px;
} 

#padl100 ol
{
    padding-left:70px;
}

.padt150
{

    text-align:right;
    margin-top:-90px;
}
.padt30
{
  padding-top:30px;
}

.padt20
{
  padding-top:20px;
}

.padtd20
{
    padding: 30px 0;
}
.bordert1
{
 border-top:1px dotted #CCCCCC;
}
.h150
{
    height:150px;
}
  
  #fieldset_filter2
{
    width: 100%;
    font-family: 微軟正黑體;
    font-size: 1em;
    border:1px solid #666633;
    background-color: #FFF;
    padding-top:0px;
    padding-bottom:16px;
    padding-left:20px;
}

#fieldset_filter2 legend
{
    margin-left:10px;
    padding: 0.2em 0.2em;
    color: #009999;
    font-size: 1em;
    text-align: right;
}

#fieldset_filter2 label 
{
  display:inline-block;
  text-align:right;
  font-weight:bold;
  color:#028d97;
  }
  
#fieldset_filter2 p
{
    border:none;
}

  
 .RadionBtn
 {
     margin-left:10px;
 }
 
.lists label 
{
    color: #666666;
}

.lists input
{
    margin-left:60px;
    color: #666666;
}
.w200
{
    width: 120px;
}
 
#rec_title{margin-top: 20px;	font-size: 1.6em;	line-height: 1.6em;	font-weight: bold; text-align:center; color: #CC6600;}

#showbuttons, #filter, #data, .rec-table{width:750px;}

#tbl_data
{
	width: 760px;
	margin-top: 20px;
	background-color: #D0C8A8;
	color: #663300;
}

#tbl_data th
{
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #EAD5BF; /*	background: #EAD8A2;*/
}
#tbl_data td
{
    padding: 10px;
    line-height: 160%;
    background-color: #EBEBEB;
}

#tbl_data tfoot td
{
    padding: 6px;
    line-height: 160%;
    background-color: #EAD5BF;
}


#tbl_data ol
{
margin-left:20px;
display:block;
}



.rec-table
{
	background-color: #ECECEC;
}

.rec-table td
{
    background-color: #FFFFFF;
    border-bottom:1px solid #000000;
	line-height:200%;
	padding:10px;
}

.rec-table-thead td{background-color:#E1E2BE;color: #663300;	text-align: center;}
#shownotes .showl
{
    float: left;
    color:#951623;
    padding-left:12px;

}
.showl
{
    width:350px;
    text-align:left;
    font-size:90%;
}

.showr
{
    width:340px;
    font-size:90%;
    color:#951623;
}

.MyCalendar table, .MyCalendar tr, .MyCalendar div
{
    padding:0px;
    border:none;
    font-family:Verdana;
}

.MyCalendar td{padding:1px; border-bottom:dotted 1px gray; line-height:20px;}

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #FAF1CD;
	color: #663300;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year{
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
	color: #990000;
	font-weight: bold;
}  


/* Footer */

#footer {
	clear: both;
	width: 900px;
	height:128px;
	margin: 0 auto;
	background: #EAEAEA url(../images/rec_botm.jpg) no-repeat;
	text-align:center;
}

#footer p {
	margin: 0;
	padding-top:70px;
	font-size: .8em;
	color: #666666;
}