@charset "utf-8";
/* CSS Document */

html{
background:none transparent;}

/* base */
body {
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(bg.png) left top repeat;
}
body,td,th {
/*	font-family: "新細明體", Arial;
*/	
    
    	font-family:"微軟正黑體", "arial";
background:none transparent;
	font-size: 16px;
/*    line-height: 25px;
*/	color: #000;
/*	text-shadow: 2px 2px 4px #d2d2d2;
*/}
::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #000;
}
::selection {
    color: #FFF;
    background: #000;
}

.enrollment-style p{
 line-height: normal;
	margin-top: 16px;
	margin-bottom: 16px;
}

.enrollment-style strong{
 font-weight: bold;
}


.enrollment-style a{
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
}
.enrollment-style a:link {
	color: #000;
	/*font-weight: bolder;*/
	text-decoration: none;
}
.enrollment-style a:visited {
	color: #000;
	/*font-weight: bolder;*/
	text-decoration: none;
}
.enrollment-style a:hover {
	color: #000;
	/*font-weight: bolder;*/
	text-decoration: underline;
}
.enrollment-style a:active {
	text-decoration: none;
}
.enrollment-style hr {
	height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #dcdcdc;
	border: none;
}

.enrollment-style .ibgt {
	font-weight: bold;
	color: #FFF;
	text-shadow: 0px 1px 0px #000;
    padding: 0 0 0 5px;
	line-height: 32px;
}
.enrollment-style .it {
/*	padding-left: 11px;
*/}
.enrollment-style  .form_txt {
	padding: 8px 4px 8px 8px;
}
.enrollment-style  .txt01 {
	color: #666;
	line-height: 26px;
	border-bottom: 1px solid #dcdcdc;
}

/* textbox */
.enrollment-style  .textbox {
/*	height: 26px;
*/	
	font-size: 11px;
    height: 20px;
    margin: 8px 8px 8px 0;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	padding: 8px; 
    border-radius: 6px;
}


.enrollment-style  textarea#remark{
/*    margin: 8px 8px 8px 0;
*/	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	padding: 8px; 
    border-radius: 6px;
       resize: none;

}

.enrollment-style  select{
        height: 36px;
    padding: 0 0 0 5px;
	font-size: 11px;

    border-radius: 6px;
    border: 1px solid #AAA;
}

.enrollment-style  input[type="radio"] {
  height: 20px;
    width: 20px;
    position: relative;
    margin: 0 5px 0 0;
}
.enrollment-style  .textbox01 {
	height: 26px;
	margin: 4px 0 4px 0;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	padding: 0 3px;
	font-size: 11px;
}
.enrollment-style  .textbox02 {
/*	width: 868px;
*/
	
	font-size: 11px;
    width: 100%;
    height: 250px;
	margin: 4px;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 4px;
	padding: 0 4px;
	resize: none;
}
.enrollment-style  input:focus {
    background: #ffffde;
	border: 1px solid d1cba8;
}

/* btn01 */
.enrollment-style  .rbtn01 a {
	display: block;
	width: 150px;
	height: 40px; 
	background: url(btn01.png) top center no-repeat;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	text-shadow: 0px 2px 5px #000;
}

.enrollment-style  .rbtn01 a:hover {
	display: block;
	width: 150px;
	height: 40px;
	background: url(btn01a.png) top center no-repeat;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	text-decoration: underline;
	text-shadow: 0px 2px 5px #5b5b5b;
}

/* btn02 */
.enrollment-style  .rbtn02 a {
	display: block;
	width: 150px;
	height: 40px; 
	background: url(btn02.png) top center no-repeat;
	line-height: 40px;
	text-align: center;
	color: #5c2209;
	text-shadow: 0px 2px 5px #fff33b;
}

.enrollment-style  .rbtn02 a:hover {
	display: block;
	width: 150px;
	height: 40px;
	background: url(btn02a.png) top center no-repeat;
	line-height: 40px;
	text-align: center;
	color: #5c2209;
	text-decoration: underline;
	text-shadow: 0px 2px 5px #fff998;
}