@charset "utf-8";

html, body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 margin: 0 0 0 0;
 color:#333333;
 height:100%;
}

a { 
 color:#333333;
 text-decoration:none;
}
a:hover {
 color:#D17E18;
 text-decoration:underline;
}
.div_container {
 width:100%;
 min-width:1000px;
 background-image: url(../images/c_top/bg_div_top2.gif);
 background-position:0 0;
 background-repeat:repeat-x;
}
/* Login ------------------------------------------------------------*/
.div_login {
    width: 500px;
	height:400px;
	margin: 0 auto;
	padding-top:100px;
	color:#333333;
	font-size:15px;
}
.div_login a:link, .div_login a:visited {
	color:#0066CC;
}
.div_login a:hover {
	color:#0B85FF;
}
.table_login {
    width:100%;
}
.table_login_r1_c1 {
}
.table_login_r1_c2 {
}
.table_login_r1_c3 {
}
.table_login_r2_c1 {
}
.table_login_r2_c2 {
 background-image:url(../images/c_top/bg_div_top.gif);
 background-position:0 0;
 background-repeat:repeat-x;
 padding: 0 0 0 0;
 border-left:1px solid #1B757C;
 border-right:1px solid #1B757C;
 color:#6D6852;
}
.table_login_r2_c3 {
}
.table_login_r3_c1 {
}
.table_login_r3_c2 {
	background-image: url(../images/c_foot/bg_div_foot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-left:1px solid #1B757C;
	border-right:1px solid #1B757C;
	height:30px;
}
.table_login_r3_c3 {
}



.div_login_logo {
	margin-top: 0px;
    margin-bottom:30px;
	width:100%;
	text-align:left;
}
div.div_login_id, div.div_login_pw, div.div_login_lang {
    display:block;
	width:70%;
    padding-top:5px;
	padding-bottom:5px;
	line-height:15px;
	vertical-align:middle;
	margin: 0 auto 0 auto;
	text-align:left;
}
.div_login_id input {
    border:1px solid #666666;
	background-image:url(../images/manage/bg_div_login_id.gif);
	background-position: 0 100%;
	background-repeat:repeat-x;
}
.div_login_pw input {
    border:1px solid #666666;
	background-image:url(../images/manage/bg_div_login_id.gif);
	background-position: 0 100%;
	background-repeat:repeat-x;	
}
.div_login_log {
    display:block;
	width:70%;
    padding-top:10px;
	padding-bottom:5px;
	line-height:15px;
	vertical-align:middle;
	margin: 0 auto 0 auto;
	text-align:center;
}
.div_login_log input {
	padding:3px 15px;
	background-image:url(../images/manage/bg_btn.gif);
	background-position: 0 100%;
	background-repeat:repeat-x;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	cursor:pointer;
}
.div_login_log input:hover {
	padding:3px 15px;
	background-image:url(../images/manage/bg_btn2.gif);
	background-position: 0 100%;
	background-repeat:repeat-x;
	color:#FFFFFF;
	border:1px solid #006666;
	cursor:pointer;
}

.div_login_help {
    padding-top:10px;
    display:block;
	width:70%;
	line-height:15px;
	vertical-align:middle;
	margin: 0 auto 0 auto;
	text-align:left;
	font-size:12px;
}
div.div_login_help a {
	text-decoration:underline;
	font-size:12px;
}
div.div_login_help a:hover {
	text-decoration:underline;
	font-size:12px;
}

/* TOP ------------------------------------------------------------*/
.div_tops {
 width:995px;
 display:block;
 height:97px;
 padding:0 0 0 0;
 background-image: url(../images/c_top/bg_div_top.gif);
 background-position:0 0;
 background-repeat: no-repeat;
}
.div_tops_logo {
 float:left;
 padding-top:0;
 margin-left:0;
 width:270px;
}
.div_tops_ver {
	float:left;
	width:100px;
	margin-top: 55px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.div_tops_count {
        float:left;
        margin-top: 15px;
        margin-left:-100px;
        color:#6D6545;
        font-family:Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------*/
/*
.div_menu UL  UL {
	display: none;
}
.div_menu UL  LI:hover UL {
	display: inline;
}
.div_menu UL  LI:hover UL UL {
	display: none;
}

.div_menu UL  LI UL LI:hover UL {
	display: inline;
}
.div_menu UL  LI:hover UL UL UL {
	display: none;
}
.div_menu UL  LI UL LI UL LI:hover UL {
	display: inline;
}
.div_menu UL  LI UL LI:hover UL UL UL {
	display: none;
}
.div_menu UL  LI UL LI UL LI UL LI:hover UL {
	display: inline;
}
.div_menu UL  LI UL LI UL LI:hover UL UL UL {
	display: none;
}
.div_menu UL  LI UL LI UL LI UL LI UL LI:hover UL {
	display: inline;
}

.div_menu {
    background-image:url(../images/manage/bg_div_menu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 33px;
	font-size:12px;
	color:#000000;
	letter-spacing:1px;
}
.div_menu UL {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
}
.div_menu UL LI {
  float:left;
  list-style:none;
  padding: 3px 5px 3px 5px;
}
.div_menu UL LI A {
	display:block;
	text-decoration:none;
	padding: 8px 10px 8px 10px;
	color:#000000;	
}
.div_menu UL LI A:visited {
	display:block;
	text-decoration:none;
	padding: 8px 10px 8px 10px;
	color:#000000;	
}
.div_menu UL LI A:hover {
    background-image: url(../images/manage/bg_div_menu_hover.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
}
.div_menu UL LI UL {
  height:auto;
  width: auto;
  position:absolute;
  z-index:200;
  padding: 0 0 0 0;
  margin-top: -5px;
}
.div_menu UL LI UL LI {
    float:none;
	width: auto;	
	padding: 0 0 0 0;
	margin-top: -1px;
}
.div_menu UL LI UL LI A {
	background-color:#F9F9F9;
	border:1px solid #999999;
	display:block;
	padding: 5px 5px 5px 5px;
}
*/

/* TOP Menu ------------------------------------------------------------*/
/* 以下為後台首頁的menu樣式,還須調整 */
.menu-container {
	background-image: url(../images/manage/bg_div_menu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 33px;
	font-size:12px;
	color:#2D6E96;
	letter-spacing:1px;
	display:block;
	position:relative; 
	margin:0 0 0 0;
	padding: 0 0 0 0;
	font-size:11px;
	z-index:999;
	min-width:800px;
}
.drop_down_menu {
	display:block;
	position:absolute;
	clear:both;
	margin:0 0 0 20px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-align:center;
	float:none;
	left:0px;
	top:0px;
}
li.menu {
	float:left;
  	list-style:none;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width: auto;
	padding:9px 2px 0px 2px;
	min-width:100px;
	white-space:nowrap;
}
.menu a {
	display:block;
	text-decoration:none;	
	color:#2D6E96;
	cursor:pointer;
}
.menu a:hover {
	color:#D17E18;
}
ul.links {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	border:1px solid #9F9FA0;
	z-index:200;
	white-space: normal;
	width: 150px;
	margin-top:8px;
}
.links li {
    float:none;
	display:block;
	clear:both;
	border-top:1px dotted #9F9FA0;
	margin-left: 0px;
	margin-top:-1px;
	zoom:1;
	line-height:15px;
}
.links li a {
    background-color:#FDFDFD;
	display:block;
	color:#2D6E96;
	font-weight:normal;
	text-decoration:none;
	padding: 7px 10px 7px 10px;
	text-align:left;
	zoom:1;
}

.links li a:hover {
    background-color:#FDFDFD;
	color:#D17E18;
}

.div_lang {
  float:right;
  margin-top:2px;
  margin-right:2px;
}
.div_lang select{
 font-size:11px;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 padding-top:3px;
 padding-bottom:3px;
 letter-spacing:normal;
 color:#2D6E96;
}
.div_wel {
	margin: 50px auto;
	width: 600px;
	height: 400px;
	background-image:url(../images/manage/img_welcome.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:center;
	font-size:35px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:190px;
}

/* Search area ------------------------------------------------------------*/


.div_search {
    background-image:url(../images/manage/bg_div_search.gif);
	background-position: 0 0;
	background-repeat:repeat-x;
	padding: 10px 5px 5px 5px;
	letter-spacing:normal;
	min-width:1000px;
}
.div_search_title {
    float:right;
	margin-right: 7px;
	color:#2D6E96;
	margin-top:2px;
	*margin-top:5px;
	font-size:13px;
	font-weight:bold;
}
.div_search_title img {
	margin-right: 5px;
	float:left;
	margin-top:-2px;
}
.div_search_input {
    float:right;
	letter-spacing: normal;
	font-size:12px;
}
.div_search_input input[type=text]{
	margin-right: 7px;
	margin-left: 2px;
	border: 1px solid #CCCCCC;
}
.div_search_input input[type=checkbox]{
	margin-left: 7px;
}
.div_search_input select{
	margin-right: 7px;
	font-size:11px;
}
.div_search_btn {
    float:right;
	margin-right: 7px;
	padding-top:3px;
	*padding-top:0px;
}
a.a_btn { /*the same with default*/
   cursor:pointer;
   letter-spacing:1px;
   text-decoration:none;
   margin: 0 0 0 0;
}
a.a_btn img {
   border:0px;
}
a.a_btn td.a_btn_c1 {
   background-image:url(../images/manage/btn_01_c1.gif);
   background-position:0 0;
   background-repeat:no-repeat;
   text-decoration:none;
   height: 27px;
   width:18px;
}

a.a_btn td.a_btn_c2 {
   background-image:url(../images/manage/btn_01_c2.gif);
   background-position:0 0;
   background-repeat:no-repeat;
   text-decoration:none;
   color:#333333;
}
a.a_btn td.a_btn_c3 {
   background-image:url(../images/manage/btn_01_c3.gif);
   background-position:100% 0;
   background-repeat:no-repeat;
   text-decoration:none;
   height: 27px;
   width:18px;
}
a:hover.a_btn td.a_btn_c1 {
   background-image:url(../images/manage/btn_02_c1.gif);
   background-position:0 0;
   background-repeat:no-repeat;
   text-decoration:none;
   height: 27px;
   width:18px;
}
a:hover.a_btn td.a_btn_c2 {
   background-image:url(../images/manage/btn_02_c2.gif);
   background-position:0 0;
   background-repeat:no-repeat;
   text-decoration:none;
   color:#333333;
}
a:hover.a_btn td.a_btn_c3 {
   background-image:url(../images/manage/btn_02_c3.gif);
   background-position:100% 0;
   background-repeat:no-repeat;
   text-decoration:none;
   height: 27px;
   width:18px;
}

/* Under list table ------------------------------------------------------------*/
.div_list_top {
	width:95%;
	position:relative;
	margin: 45px auto 4px auto;
	*margin: 20px auto 4px auto;
	background-image:url(../images/manage/bg_list_top.gif);
	background-position:0 0;
	background-repeat:repeat;
	border:1px solid #E4DCCB;
	padding: 4px 0px 4px 10px;
	min-height:20px;
}
div.div_headline {
  float:left;
  font-size:18px;
  font-weight:bold;
  color:#FFFFFF;
  background-image:url(../images/manage/bg_headline.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:23px;
  margin-left:-20px;
}
.div_topinfo {
  float:right;
}
.div_topinfo div {
  line-height:20px;
}
.actionMessage{
  float:left;
  color:red;
  font-size:13px;
  font-weight:bold;
  padding-right:7px;
  border-right:1px solid #F0F0F0;
  display:block;
}
.div_count {
  float:left;
  font-size:13px;
  padding-left:8px;
  padding-right:15px;
  color:#FFFFFF;
}
.span_count{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFE75B;
	margin: 0 5px 0 5px;
}
.div_upbtn {
  float:left;
  padding-right:5px;
}
.div_upbtn button{
  margin-right:2px;
}



.table_list_top {
	float:right;
}
.table_list_top td {
    vertical-align: middle;
}
.td_count {
  padding-right:5px;
}

td.td_add {
   padding: 0 0 0 0;
   margin:0 0 0 0;
}

a.a_add {
   display:block;
   cursor:pointer;
   float:right;
   text-decoration:none;
   letter-spacing:1px;
}
a.a_add img {
   border:0px;
}
a.a_add ul {
   margin: 0 0 0 0;
}
a.a_add ul li {
   float:left;
   list-style:none;
}



/* List table set------------------------------------------------------------*/
.div_list {
 width:95%;
 padding-bottom:2px;
 margin: 0 auto;
 clear:both;
}
.table_01 {
 width:100%;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 border-collapse: collapse;
 clear:both;
 border-bottom:3px double #CCCCCC;
}
.table_01 a:link,.table_01 a:visited {
    color:#0066CC;
	text-decoration:underline;
	line-height:18px;
}
.table_01 a:hover {
	color:#D17E18;
	text-decoration:underline;
}
.table_01 td {
    border: 1px solid #CCCCCC;
	height: 20px;
	padding: 5px 5px 5px 10px;	
	color:#6D685;
	line-height:15px;
}
.table_01 a img {
    border: 0px;
}
.td_01_title {
   background-image:url(../images/c_right/bg_class_list_tit.gif);
   background-position: 0 100%;
   background-repeat:repeat-x;
   color:#FFFFFF;
   text-align:center;
   font-size:13px;
   letter-spacing:1px;
}
.td_01_title a:link, .td_01_title a:visited {
   color:#FFFFFF;
   text-decoration: underline;
}
.td_01_title a:hover {
   color:#D17E18;
   text-decoration: underline;
}

.tr_bg_01 {
	background-color:#FDFEFF;
}
.tr_bg_02 {
	background-color:#F2FBF5;
}
.tr_bg_hover {
	color:#D17E18;
	background-color:#FEFBE7;
}
.tr_bg_hover a {
	color:#D17E18;
	text-decoration: none;
}

.td_no {
    text-align:center;
	font-weight:bold;
	color:#551E15;
}
.td_img {
    text-align:center;
}
/*------------------------------------------------------------*/
.div_list_page {
    clear:both;
    width:95%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom:20px;
	letter-spacing:1px;
    text-align:right;
	letter-spacing:0px;
}
.div_list_page table {
    width:100%;
	text-align:right;
}
.div_list_page table td input[type="text"] {
 border:1px solid #CCCCCC;
 color:#333333;
 margin:0 3px 0 3px;
 padding: 0 0 0 0;
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
}


/* Book page ------------------------------------------------------------*/
body.book_body {
  background-image:url(../images/common/bg_book_body_02.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  margin: 0 0 0 0;
  padding: 0 0 20px 0;
}

.div_book {
  background-image:url(../images/common/bg_book_body_01.gif);
  background-position: top;
  background-repeat:repeat-x;
  margin:0 0 0 0;
  padding: 38px 0 0 0;
  letter-spacing:1px;
  min-width:950px;
}
.table_book {
    width:950px;
    margin: 0 auto 0 auto;	
}
.table_book_r1 {
}
.table_book_r1_c1 {
 width:0px;
}
.table_book_r1_c2 {
 height:35px;
 background-image:url(../images/common/bg_book_r1.gif);
 background-position:0 0;
 background-repeat:no-repeat;
 color:#FFFFFF;
 vertical-align: top;
 padding-left:25px;
 padding-top:6px;
 *padding-top:7px;
}
.table_book_r1_c3 {
 width:0px;
}
.table_book_r2_c1 {
}
.table_book_r2_c2 {
 width:915px;
}
.table_book_r2_c3 {
}
.table_book_r3_c1 {
}
.table_book_r3_c2 {
}
.table_book_r3_c3 {
}
.gotop {
 width:915px;
 margin: 5px 5px 5px 0;
 text-align:right;
}
.gotop a {
   color:#666666;
   text-decoration:underline;
}


.div_book_data {
 width:915px;
 height:100%;
 min-height:220px;
 margin:0 0 0 0;
 padding:0 0 20px 0;
 background-image:url(../images/common/bg_book_r2.gif);
 background-position:0 100%;
 background-repeat:no-repeat;
 position:relative;
}
.div_book_data ul {
 margin:0;
 padding-top:20px;
 padding-left:50px;
 height:100%;
}
.div_book_data ul li {
 float:left;
 list-style:none;
 padding-right: 20px;
}
.li_book_cover span {
 display:block;
 width:112px;
 height:160px;
 background-image:url(../images/common/bg_book_cov.gif);
 background-position:0 0;
 background-repeat:no-repeat;
}
.li_book_cover span img {
 width:102px;
 height:142px;
 padding-top:4px;
 padding-left:5px;
}
div.div_book_name {
 color:#255E6B;
 font-size:16px;
 font-weight:bold;
 margin-bottom:18px;
}

.div_book_class a {
 color:#1F4956;
 text-decoration:underline;
}
.div_book_class a:hover {
 color:#D17E18;
 text-decoration:underline;
}
.div_book_author, .div_book_pub, .div_book_isbn, .div_book_date, .div_book_class, .div_book_page {
 color:#793600;
 margin-bottom: 6px;
}
.span_book_author, .span_book_pub, .span_book_isbn, .span_book_date, .span_book_class, .span_book_page {
 color:#333333;
 padding-left:3px;
}
.div_book_use {
 color:#793600;
 padding-top:0px;
 margin-bottom:15px;
}
div.div_book_use a.btn_read { 
  cursor:pointer;
  background-image:url(../images/common/btn_01_c2.gif);
  background-position:100% 0;
  background-repeat:no-repeat;
  font-size:12px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  color:#FFFFFF;
  text-decoration:none;
  display: inline-block;
  height:18px;
  padding-right:5px;
  letter-spacing:1px;
  outline: none; /* for Firefox */
  hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
div.div_book_use a.btn_read b {
  background-image:url(../images/common/btn_01_c1.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  font-weight:normal;
  display: inline-block;
  text-align:center;
  height:16px;
  padding-top:2px;
  padding-left:5px;
}
div.div_book_use a:hover.btn_read {
  background-image:url(../images/common/btn_02_c2.gif);
  background-position:100% 0;
  background-repeat:no-repeat;
  color:#FFFFFF;
  text-decoration:none;
  display: inline-block;
  height:18px;
}
div.div_book_use a:hover.btn_read b {
  font-weight:normal;
  background-image:url(../images/common/btn_02_c1.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  text-align:center;
  text-decoration:none;
  display: inline-block;
  height:16px;
  padding-top:2px;
  padding-left:5px;
}

/*--Book tab Changing---------------------------------------------------------*/
.TabbedPanels {
	margin: 20px 0 0 9px;
	padding: 0px;
	float: left;
	clear: none;
	width:905px;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding-left:17px;
	height:100%;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	margin:0 20px 0 0;
	padding: 0 0 0 0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#FFFFFF;
}
.TabbedPanelsTab span {
   display:block;
   float:left;
   padding-top:5px;
   padding-bottom:4px;
   height:13px;
}
.TabbedPanelsTab span.tab_c1 {
	background-image:url(../images/common/bg_tab_01c1.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	width:10px;
}
.TabbedPanelsTab span.tab_c2 {
 background-image:url(../images/common/bg_tab_01c2.gif);
 background-position: 0 0;
 background-repeat:repeat-x;
}
.TabbedPanelsTab span.tab_c3 {
 background-image:url(../images/common/bg_tab_01c3.gif);
 background-position: 100% 0;
 background-repeat:no-repeat;
 width:10px;
}

.TabbedPanelsTabHover {
}
.TabbedPanelsTabHover span.tab_c1 {
 background-image:url(../images/common/bg_tab_02c1.gif);
 background-position: 0 0;
 background-repeat:no-repeat;
 width:10px;
}
.TabbedPanelsTabHover span.tab_c2 {
 background-image:url(../images/common/bg_tab_02c2.gif);
 background-position: 0 0;
 background-repeat:repeat-x;
}
.TabbedPanelsTabHover span.tab_c3 {
 background-image:url(../images/common/bg_tab_02c3.gif);
 background-position: 100% 0;
 background-repeat:no-repeat;
 width:10px;
}

.TabbedPanelsTabSelected {
}
.TabbedPanelsTabSelected span.tab_c1 {
 background-image:url(../images/common/bg_tab_03c1.gif);
 background-position: 0 0;
 background-repeat:no-repeat;
 width:10px;
}
.TabbedPanelsTabSelected span.tab_c2 {
 background-image:url(../images/common/bg_tab_03c2.gif);
 background-position: 0 0;
 background-repeat:repeat-x;
}
.TabbedPanelsTabSelected span.tab_c3 {
 background-image:url(../images/common/bg_tab_03c3.gif);
 background-position: 100% 0;
 background-repeat:no-repeat;
 width:10px;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	padding-bottom:30px;
	background-image:url(../images/common/bg_tab_con.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	letter-spacing:1px;	
}

.TabbedPanelsContent {
    padding-top:20px;
	padding-right:15px;
	padding-left:15px;
	background-color: #F9FAFB;
	border-left: solid 1px #DDDDDE;
	border-right: solid 1px #DDDDDE;
	border-top: solid 1px #DDDDDE;
}

.div_book_con_tit {
 background-image:url(../images/common/img_book_hline.gif);
 background-position:0 100%;
 background-repeat:repeat-x;
 padding-bottom:5px;
 margin-bottom:9px;
 font-size:13px;
 color:#793600;
}
.div_book_intro_content, .div_book_catalog_content {
 margin: 0 0 0 7px;
 padding: 0 0 0 0;
 min-height:100px;
}
.div_book_catalog_content ol {
 list-style:none;
 margin-top:0;
 margin-bottom:0;
 margin-left:0;
 padding-top:0;
 padding-bottom:0;
 padding-left:0;
 font-size:13px;
 font-weight: normal;
 line-height:25px;
 color:#666666;
}
.div_book_catalog_content ol li a {
 color:#666666;
}
.div_book_catalog_content ol li a:hover {
 color:#D17E18;
 text-decoration:underline;
}
.div_book_catalog_content ol ol {
 margin-top:5px;
 margin-bottom:5px;
 margin-left: auto;
 padding-top:0;
 padding-bottom:0;
 padding-left:30px;
 font-size:12px;
 font-weight: normal;
 line-height:20px;
 color:#333333;
}
.div_book_catalog_content ol ol li a {
 color:#333333;
}
.div_book_catalog_content ol ol li a:hover {
 color:#D17E18;
 text-decoration:underline;
}
.div_book_catalog_content span.clc_amo {
 color:#666666;
}
.div_book_catalog_content ol li:hover span.clc_amo {
 color:#D17E18;
}
.div_book_catalog_content ol ol li:hover span.clc_amo {
 color:#D17E18;
}
/*-----------------------------------------------------------------------------*/

/* Key-in list page ------------------------------------------------------------*/
.div_keyin {
 clear:both;
}
.table_keyin {
 width:95%;
 margin:10px auto 10px auto;
 border-collapse: collapse;
 border-bottom:3px double #CCCCCC; 
}
.table_keyin td {
 border: 1px solid #CCCCCC;
 padding: 5px 5px 5px 5px;
 color:#6D6852;
 line-height:18px;
}
.tr_bg_01_error td{
	color:red;
	background-color:#E9E9F2;
}
.tr_bg_02_error td{
    color:red;
	background-color:#E4ECEF;
}
.tr_bg_hover_error  td{
	color:red;
    background-color:#EFEFE1;
}
.table_keyin a:link,.table_keyin a:visited {
    color:#0066CC;
	text-decoration:underline;
	line-height:18px;
}
.table_keyin a:hover {
	color:#D17E18;
	text-decoration:underline;
}

td.table_keyin_title {
 background-image:url(../images/c_right/bg_class_list_tit.gif);
 background-position: 0 100%;
 background-repeat:repeat-x;
 color:#FFFFFF;
  padding: 5px 5px 5px 10px;
  height:20px;
  font-weight:bold;
  letter-spacing:1px;
  font-size:15px; 
}
td.table_keyin_title a {
  color:#FFFFFF;
}

td.table_title_left {
  font-size:13px;
  font-weight:bold;
  width:20%;
  padding: 5px 10px 5px 10px;
  color:#2D6E96;
}
table.table_keyin .td_01_title {
   text-align:center;
   background-color:#858C6F;
   color:#FFFFFF;
   letter-spacing:1px;
}
table.table_keyin .td_01_title a:link,.table.table_keyin .td_01_title a:visited {
   color:#FFFFFF;
   text-decoration: underline;
}

table.table_keyin .td_01_title a:hover {
   color:#D17E18;
   text-decoration: underline;
}
.div_submit {
  margin:10px auto 20px auto;
  text-align:center;
}
.div_submit span {
  padding: 0 5px 0 5px;
  display: inline-block;
  margin: 0 auto;
}
/*
.btn_btn {
  background-image:url(../images/manage/bg_btn_btn.gif);
  background-position:top;
  background-repeat:repeat-x;
  border:1px solid #FFCC99;
  padding: 5px 10px 5px 10px;
}
*/

/*------------------------------------------------------------*/
.table_02 {
    width:90%;
    margin: 20px auto 20px auto;
}
.table_02_r1 table {
    width:100%;
}
.table_02_r1_c1 {
    background-image:url(../images/manage/bg_title_r1_c1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:12px;
	height:30px;
}
.table_02_r1_c2 {
    background-image:url(../images/manage/bg_title_r1_c2.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:15px;
	letter-spacing:3px;
	padding-left:10px;
}
.table_02_r1_c3 {
    background-image:url(../images/manage/bg_title_r1_c3.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
	width:12px;
}
.table_02_r2 {
    border:1px solid #996666;
	padding: 10px 10px 10px 10px;
}
/*------------------------------------------------------------*/
.table_03 {
    width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
    border-collapse: collapse;
}

.table_03 a:link,.table_03 a:visited {
    color:#0066CC;
	text-decoration:underline;
	margin-left:5px;
	margin-right:5px;
}
.table_03 a:hover {
	color:#0066FF;
	text-decoration:underline;
}
.table_03 td {
    border: 1px solid #F0F0F0;
	height: 20px;
	padding: 5px 5px 5px 10px;	
}
.table_03 a img {
    border: 0px;
}
.td_03_title {
   text-align:center;
   background-image:url(../images/manage/bg_list_title.gif);
   background-position:top;
   background-repeat:repeat-x;
   color:#FFFFFF;
   letter-spacing:1px;
}



.div_list_page_02 {
    width:95%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom:10px;
	letter-spacing:1px;
    text-align:right;
}
.div_list_page_02 table {
    width:100%;
}
.div_list_page_02 table td input {
    text-align:center;
	padding: 0 3px 0 3px;
	margin: 0 2px 0 2px;
	font-size:12px;
}


/*------------------------------------------------------------*/
.required{
	color:red;
}
/*------------------------------------------------------------*/

.onSelfSearch_sel {
 width:850px;
 margin-top:10px;
 margin-left:30px;
}
.os_step {
 color:#2D6E96;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 margin-bottom:3px;
}
div.onSelfSearch{ 
	mini-height:200px;
	width:35%;
	min-width:310px;
	float:left; 
	clear:right;
}   
.table_os_step1 {
  width:100%;
  border-collapse: collapse;
  margin-right:20px;
  border-bottom: 3px double #CCCCCC;
}
.table_os_step1 td {
  border: 1px solid #CCCCCC;
  padding:5px;
}
.table_os_step1_tit {
   background-image:url(../images/c_right/bg_class_list_tit.gif);
   background-position: 0 100%;
   background-repeat:repeat-x;
  color:#FFFFFF;
  padding: 5px;
  height:20px;
  font-weight:bold;
  letter-spacing:1px;
  font-size:15px; 
}
.table_os_step1_left {
	white-space:nowrap;
	color:#5A5F4B;
	font-weight:bold;
}


div.onSelfList{
	mini-height:200px;
	width:520px;
	margin-left:2%;
	float:left;   
	clear:right;
	text-align:left;
}
td.os_info_r {
  text-align: right;
  height:25px;
}
td.os_info_l {
  text-align: left;
  height:25px;
}
table.table_os_step2_tit {
  clear:both;
  border-collapse: collapse;
  margin-right:20px;
  background-image:url(../images/c_right/bg_class_list_tit.gif);
  background-position: 0 100%;
  background-repeat:repeat-x;
}
table.table_os_step2_tit td {
  border: 1px solid #CCCCCC;
}
td.os_step2_t01 {
  color:#FFFFFF;
  padding: 5px 5px 5px 5px;
  text-align:center;
  width:60px;
  *width:50px;
/*
  height:20px;
  font-size:12px;
  text-align:center;*/
}
td.os_step2_t01 a:link, td.os_step2_t01 a:visited {
   color:#FFFFFF;
   text-decoration:underline;
}
td.os_step2_t01 a:hover {
   color:#D17E18;
   text-decoration:underline;
}
td.os_step2_t02 {
  color:#FFFFFF;
  padding: 5px 5px 5px 5px;
  text-align:center;
  width:330px;
  *width:320px;
   /*
  color:#FFFFFF;
  height:20px;
  font-size:12px; */
}
td.os_step2_t03 {
  color:#FFFFFF;
  padding: 5px 5px 5px 5px;
  text-align:center;
  width:110px;
  *width:100px;
   /*
  color:#FFFFFF;
  height:20px;
  font-size:12px; 
  text-align:center;*/
}
.div_os_step2 {
  clear:both;
  width:520spx;
  overflow:auto;
  height:150px;
  padding: 0 0 0 0;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
}
table.table_os_step2 {
  clear:both; 
  border-collapse: collapse; 
  border-bottom: 3px double #CCCCCC;
}
table.table_os_step2 td {
  border: 1px solid #CCCCCC;
}

td.os_step2_td01 {
  padding: 5px 5px 5px 5px;
  width:60px;
  *width:50px;
  /*
  text-align:center;*/
}
td.os_step2_td02 {
  padding: 5px 5px 5px 5px;
  width:330px;
  *width:320px;
}
td.os_step2_td03 {
  padding: 5px 5px 5px 5px;
  width:110px;
  *width:100px;
}


div.onSelfResult{   
 position:relative;
 left:0px;
 min-height:50px;
 width:850px;
 clear:both;	
 margin-top:35px;
 margin-left:30px;
}
table.table_os_step3_tit {
  clear:both;
  border-collapse: collapse;
  margin-right:20px;
   background-image:url(../images/c_right/bg_class_list_tit.gif);
   background-position: 0 100%;
   background-repeat:repeat-x;
}
table.table_os_step3_tit td {
  border: 1px solid #CCCCCC;
  padding: 5px 5px 5px 5px;
  font-size:12px;
  color:#FFFFFF;
  text-align:center;
  height:20px; 
}
.table_os_step3_tit a:link, .table_os_step3_tit a:visited {
   color:#FFFFFF;
   text-decoration:underline;
}
.table_os_step3_tit a:hover {
   color:#D17E18;
   text-decoration:underline;
}
td.os_step3_t01 {
  width:70px;
  *width:60px;
  white-space:nowrap;
  text-align:center;
}
td.os_step3_t02 {
  width:310px;
  *width:300px;
}
td.os_step3_t03 {
  width:160px;
  *width:150px;
}
td.os_step3_t04 {
  width:100px;
  *width:90px;
}
td.os_step3_t05 {
  width:100px;
  *width:90px;
}
td.os_step3_t06 {
  width:100px;
  *width:90px;
}


.div_os_step3 {
  clear:both;
  min-height:50px;
  max-height:200px;
  overflow:auto;
  padding: 0 0 0 0;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
}
table.table_os_step3 {
  clear:both; 
  border-collapse: collapse; 
  border-bottom: 3px double #CCCCCC;}
table.table_os_step3 td {
  border: 1px solid #CCCCCC;
  padding:5px;
}

td.os_step3_td01 {
  width:70px;
  *width:60px;
  white-space:nowrap;
  text-align:center;
}
td.os_step3_td02 {
  width:310px;
  *width:300px;
}
td.os_step3_td03 {
  width:160px;
  *width:150px;
}
td.os_step3_td04 {
  width:100px;
  *width:90px;
}
td.os_step3_td05 {
  width:100px;
  *width:90px;
}
td.os_step3_td06 {
  width:100px;
  *width:90px;
}

div.onSelfSearch_sel span.span_count {
	color:#FF9933;
}
div.onSelfResult span.span_count {
	color:#FF9933;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/