@charset "utf-8";
/* CSS Document - about */
ul.left_menu > li > a:hover {
	color:#709F14;
	background: url(../data/volunteer/dot2_.png) 5px 14px no-repeat;
}
ul.left_menu > li.act > a{
	color:#709F14;
	background:url(../data/volunteer/dot2_.png) 5px 14px no-repeat;
}
ul.left_menu > li.active > a{
	color:#709F14;
	background:url(../data/volunteer/dot2_.png) 5px 14px no-repeat;
}
ul.left_menu ul li a:hover {
	color:#709F14;
	text-decoration: none;
}
ul.left_menu ul li.active > a{
	color:#709F14;
	text-decoration: none;
}
.leftnav {
	height: auto;
	position: relative;
	border:#8DC51A 1px solid;
	border-bottom:#8DC51A 3px solid;
	margin-bottom:20px;
}
#content{
	width:674px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#content .bgu{
	background:url(../data/about/bg.jpg) bottom right no-repeat;
}
#content img{
	max-width: 674px;
	height:auto !important;
}
.dtd td{
	padding:15px;
}
.dtd2 td{
	padding:2px 10px;
}
/******************************************************/
/******************************************************/
#content .title{
	 color:#08269F;
	 font-size:15px;
	 font-weight:bold;
	 background:#EEEEEE;
	 margin-bottom:15px;
	 padding:5px 10px;
}
#content .list{
	padding:6px;
	width:320px;
	height:165px;
	border:#EEEEEE 1px solid;
	float:left;
	margin-bottom:5px;
}
#content .list:nth-child(even){
	float:right;
}
#content .list .photo{
	width:146px;
	height:163px;
	float:left;
	border:#EEEEEE 1px solid;
}
#content .list .con{
	width:160px;
	float:right;
	margin-top:20px;
}


/******************************************************************/
/******************************************************************/

#member_list ul{
	width:606px;
	height:37px;
	display:block;
	margin:0 auto;
}
#member_list {
	width:684px;
	margin:0 auto;
	height: 42px;
	padding:6px 0 0px 0px;
	margin: 0 auto;
	margin-bottom:20px;
	position: relative;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	background:url(../data/member/bg.jpg) no-repeat;
}
#member_list li {
	width:101px;
	height: 37px;
	float: left;
	list-style:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_list li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
#member_list li.list_01 {
	background:  no-repeat;
	background: url(../data/member/menu_01.png) no-repeat;
}
#member_list li.list_01:hover {
	background: url(../data/member/c_menu_01.png) no-repeat;
}
#member_list li.list_02 {
	background: url(../data/member/menu_02.png) no-repeat;
}
#member_list li.list_02:hover {
	background: url(../data/member/c_menu_02.png) no-repeat;
}
#member_list li.list_03 {
	background: url(../data/member/menu_03.png) no-repeat;
}
#member_list li.list_03:hover {
	background: url(../data/member/c_menu_03.png) no-repeat;
}
#member_list li.list_04 {
	background: url(../data/member/menu_04.png) no-repeat;
}
#member_list li.list_04:hover {
	background: url(../data/member/c_menu_04.png) no-repeat;
}
#member_list li.list_05 {
	background: url(../data/member/menu_05.png) no-repeat;
}
#member_list li.list_05:hover {
	background: url(../data/member/c_menu_05.png) no-repeat;
}
#member_list li.list_06 {
	background: url(../data/member/menu_06.png) no-repeat;
}
#member_list li.list_06:hover {
	background: url(../data/member/c_menu_06.png) no-repeat;
}
#member_list li.list_07 {
	background: url(../data/member/menu_07.png) no-repeat;
}
#member_list li.list_07:hover {
	background: url(../data/member/c_menu_07.png) no-repeat;
}
#member_logout {
	width: 68px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 4px;
	z-index: 5;
}
#member_logout span {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	background: url(../data/member/logout.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_logout span:hover {
	background: url(../data/member/logout_.png) no-repeat;
}

#member_title {
	width: 660px;
	color: #D0D0D0;
	margin: 0 auto;
	margin-bottom: 20px;
}
#member_check {
	width:680px;
	padding:20px 0 20px 0px;
	color: #666666;
	margin: 0px auto 0px auto;
	display: block;
	background:#EEEEEE;
}
#member_check table{
	width:600px;
	margin:0 auto;
}
#member_check a {
	color: #B73372;
	text-decoration: underline;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_check a:visited {
	color: #B73372;
}
#member_check a:hover {
	color: #B73372;
	text-decoration: underline;
}
#member_ok {
	width: 580px;
	height: 207px;
	margin: 0 auto;
	color: #575757;
	position: relative;
	background: url(../data/member/bg.jpg)
}

#member {
	width:542px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	padding:20px 0;
	border-bottom:#BCD412 2px solid;
	border-top:#BCD412 2px solid;
	background:url(../data/wrapper/bg.jpg) repeat
}
#member a {
	color: #FF6C00;
	text-decoration: underline;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member a:visited {
	color: #FF6C00;
	text-decoration: underline;
}
#member a:hover {
	color: #C11111;
	text-decoration: underline;
}
#member tr > td table tr td {
	color: #6D6049;
	padding: 4px 0px 0 0;
	border: none;
}
#member table {
	margin:0 auto;
	border-collapse: collapse;
}
#member tr > td {
	color: #777777;
	padding: 6px 10px;
	line-height: 25px;
}
#member tr > td span#account_msg{
	color: #FF8000;
	display: block;
	padding-top: 5px;
}
#member tr > td span#acc{
	color: #777777;
	font-weight: normal;
}
#member tr > td.con_use {
	color: #B15514;
}
#member tr > td.con_use span {
	color: #777777;
}
#member tr > td.con_use span1 {
	color: #FF0000;
	font-weight: normal;
}
#member tr > td.title_use {
	color: #555555;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
}
#member tr > td.title_use img {
	padding: 0px 10px 3px 5px;
	vertical-align:middle;
}
#member .con {
	padding: 10px 0;
}
#member .message {
	padding-top: 5px;
	color: #FF8D11;
}
#member .message_edit {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 11px;
	height: 25px;
	line-height: 25px;
	color: #C3AE93;
}
/*********************************************************/
#member2 {
	margin:0 30px 30px 30px;
	text-align:center;
	position: relative;
	line-height: 26px;
	font-size:12px;
}
#member2 .title{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}
#member2 .title span{
	color: #FF5A5A;
}
#member2 a {
	color: #92C9C3;
	text-decoration: none;
}
#member2 a:visited {
	color: #92C9C3;
	text-decoration: none;
}
#member2 a:hover {
	color: #FF5A5A;
	text-decoration: none;
}
/****************************************************/
/****************************************************/
#member_form2 {
	padding:30px 0 0 0;
}
#member_form #info{
	margin:0 auto;
	line-height: 30px;
	padding: 0px 15px;
	color:#D1D1D1;
	background: #2E2E2E;
	margin-bottom:20px;
}
#member_form {
	margin:0 30px 20px 30px;
	position: relative;
	line-height: 26px;
}
#member_form table{
}
#member_form tr:hover{
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_form tr  td {
	padding: 6px 0px 6px 15px;
}
#member_form tr > td a {
	display: inline-block;
}
#member_form tr > td span{
	color: #4D255A;
	font-weight: bold;
}
#member_form tr > td.title {
	color: #4B4B4B;
	font-size: 13px;
}
#member_form tr > td.title img {
	padding: 0 10px 0 0px;
}
#member .notice {
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
	color: #77583E;
	margin-top: 20px;
}
#member .notice a {
	color: #F00;
	padding: 0px;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member .notice a:visited {
	color: #F00;
	padding: 0px;
	text-decoration: none;
}
#member .notice a:hover {
	color: #F90;
	text-decoration: none;
}
/****************************************************/
/****************************************************/
#btn_box{
	width:675px;
	margin:0 auto;
	margin-bottom:10px;
}
#btn_box .print{
	float:left;
	width:95px;
	height:26px;
}
#btn_box .print a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background:url(../data/volunteer/print.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#btn_box .print a:hover{
	background:url(../data/volunteer/print_.png) no-repeat;
}
#btn_box .prev, #btn_box .next{
	width:65px;
	height:26px;
	float:right;
	margin-left:5px;
}
#btn_box .prev a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background:url(../data/volunteer/prev.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#btn_box .prev a:hover{
	background:url(../data/volunteer/prev_.png) no-repeat;
}
#btn_box .next a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background:url(../data/volunteer/next.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#btn_box .next a:hover{
	background:url(../data/volunteer/next_.png) no-repeat;
}
#form{
	width:675px;
	margin:0 auto;
	display:block;
}
ul#form > li .date{
	line-height: 20px;
	position: absolute;
	right: 12px;
	top: 7px;
	color: #FFF;
	font-size: 12px;
}
ul#form > li {
	display: block;
	cursor: pointer;
	list-style: none;
	position:relative;
	border-bottom:#DDDDDD 1px solid;
}
ul#form > li:nth-child(even) a {
	background:#1F79BC;
}
ul#form li a {
	width:100%;
	height:34px;
	text-align:center;
	font-size: 14px;
	line-height: 34px;
	display: block;
	letter-spacing:0px;
	color:#FFF;
	text-decoration: none;
	outline: none;
	text-decoration: none;
	background:#47B6D6;
}
ul#form li a:visited {
	color:#FFF;
	text-decoration: none;
}
ul#form > li > a:hover {
}
/*第一層---------------------*/
/*第二層---------------------*/
ul#form ul {
	margin:0 auto;
	display: none;
	background:#FFF;
}
ul#form ul li {
	list-style:none;
}
ul#form ul li tr.title{
	color:#FFF;
	text-align:center;
	font-size:13px;
	background-color:#7EC5DC;
}
ul#form ul li tr.administration{
	background:#F9F9F9;
}
ul#form ul li tr.supervisor{
	background:#EDF9FE;
}

ul#form ul li td .register{
	margin-left:5px;
}
ul#form ul li td{
	padding:5px;
	line-height:20px;
	border:#DDDDDD 1px solid;
}
ul#form ul li td span{
	display:block;
}
ul#form ul li td.self{
	color:#FF7F00;
}
ul#form ul li table {
	border-collapse: collapse;
}
/*********************************************************/
/*********************************************************/
#shifttable{
	width:675px;
	display:block;
	margin:0 auto;
	margin-bottom:25px;
}
#shifttable li{
	list-style:none;
	height: 30px;
	color: #FF9999;
	font-size:13px;
	position: relative;
	text-decoration: none;
	line-height: 30px;
	padding:0 0 0 20px;
	border-bottom:#DDDDDD 1px dashed;
	background: url(../data/volunteer/dot.png) 5px center no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#shifttable li.title{
	background:#EEEEEE;
	line-height:34px;
	height:34px;
	font-weight:bold;
	font-size:14px;
	color:#666666;
	text-align:center;
	padding:0px;
}
#shifttable li a{
	color:#878787;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#shifttable li a:visited{
	color:#878787;
	text-decoration:none;
}
#shifttable li a:hover{
	color:#0870D1;
	text-decoration: underline;
}
/*********************************************************/
/*********************************************************/
#shifttable_in{
	width:675px;
	display:block;
	margin:0 auto;
	margin-bottom:25px;
}
#shifttable_in .title{
	background:#EEEEEE;
	line-height:20px;
	padding:7px 10px;
	font-weight:bold;
	font-size:14px;
	color:#666666;
	margin-bottom:15px;
}
#shifttable_in .con{
	width:675px;
}
#shifttable_in .con img{
	max-width:675px;
	height:auto !important;
}