/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {height: 100%; margin-bottom: 1px;}
form {display:inline;}
body {margin: 0px 0px 0px 0px;}
body, td{font-family: Arial, 新細明體;	font-size: 100%;color: #303438;}

a:link, a:visited {text-decoration: none;font-weight: normal;}
a:hover {text-decoration: underline;font-weight: normal;}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {padding: 3px 0;margin-bottom: 1px;}

div#main_bg{margin:0px auto;width: 988px;text-align:left;}

div#logo_bg{height:69px;margin-left: 4px;margin-right: 4px;width:auto;}

.logo{display: block;float:left;padding-top:15px;}
a.logo,a.logo:hover, a.logo:visited{font-size:197%;line-height: 28px;color:#595959;text-decoration:none;font-weight:bold;}

div#user4{float:right;width:250px;text-align:left;padding-right:10px;}

.search {text-align:left;height:42px;padding:12px 0px 0px 47px;}
.search .inputbox {background:#FFFFFF;width: 156px;height: 17px;font-size: 85%;color: #454545;padding:5px 2px 2px 2px;border: 1px solid #D3D3D3;}

#liblogo {float: left;}
#pillmenu {float: right;text-align:left;margin:0;}
#pillmenu ul {margin: 0;padding: 0 0 0 8px;list-style: none;}
#pillmenu li {float: left;margin: 0;padding: 0;margin-top:12px;}
#pillmenu li a,#pillmenu li a:hover {font-family:"Trebuchet MS",Tahoma;font-size: 100%;	float: left;display: block;	padding: 0 7px 0 7px;color: #5B5858;text-decoration: none;font-weight:bold;border-left: 1px solid #5B5858;}

#banner{margin-left: 0px;margin-right: 0px;width: 986px;height: 110px;background: url(http://localhost:49508/Images/banner.png)}
#banner table.contentpaneopen{margin-top:15px;margin-bottom:15px;margin-left:10px;width:500px;float:left;text-align:left;}
#banner table.contentpaneopen td{color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif;font-size:92%;}

#leftcolumn{margin: 0px;padding: 0 0 0 3px; width: 200px; float: left;}
#rightcolumn{margin: 0px;padding: 0 3px 0 0;width: 200px;float:right;
	/*background:url(../images/right_shadow.png) top left no-repeat;*/
}

#maincolumn{width: 570px;float:left;margin:0px;padding:0px;}
#maincolumn2{width: 784px;float: left;margin: 0px;padding: 0;background-color: #FFFFFF;}

div.path{padding:5px 0 0 5px;font-size:85%;}

div.nopad {padding:0 15px 15px 15px;}
div.nopad ul {clear: both;} 
div.ContentArea {float:left;margin: 0 0 30px 0;}
#leftcolumn {height:400px;}
#leftcolumn div.module_menu, #leftcolumn div.module{padding:0;margin: 0;font-weight:normal;padding: 0px;width: 200px;height:40px;font-size:100%;cursor: pointer;}
#leftcolumn div.module_menu div{ margin: 0px; padding-top: 6px; padding-left: 45px;}

#rightcolumn div.module_menu, #rightcolumn div.module{padding:0;margin: 0;font-weight:normal;padding: 0px;width: 200px;height:32px;font-size:100%;cursor: pointer;}

#rightcolumn div.module_menu div{margin: 0px;padding-top: 6px;padding-left: 45px;}
div.bannergroup_text{margin:10px 13px 10px 13px}
.bannerheader{font-weight:bold;margin-bottom:10px}
.banneritem_text{margin-bottom:10px}
.bannerfooter_text{margin-bottom:10px}
table.poll thead td{text-align:left;padding-left:10px}
table.poll td{text-align:left}
.pollstableborder{margin:5px 0 10px 0}
.poll td div{display:inline}

/* forms */
#leftcolumn ul.menu li ul{list-style: none;}
#rightcolumn ul.menu li ul{list-style: none;}
#leftcolumn .moduletable ul,#rightcolumn .moduletable ul {margin: 6px 0;padding: 0;	list-style: none;}

#leftcolumn .moduletable ul li,#rightcolumn .moduletable ul li {margin: 0;padding: 0 2px;}
.moduletable ul {padding:10px 0px 10px 15px;margin:0px;}

.moduletable ul li {padding:0px 0px 0px 15px;margin:0px;line-height:18px;}
#leftcolumn ul.menu li#current ul li,#rightcolumn ul.menu li#current ul li {margin: 0px;padding: 0px;}
ul.menu {padding:4px 0px 5px 5px;margin:0px;}
ul.menu li{	padding:4px 0px 5px 5px;margin:0px;line-height:18px;}
ul.menu li#current a{text-decoration:underline;	color:#333333;}
ul.menu li ul {padding:0px 0px 5px 0px;	margin:0px;}
ul.menu li ul li{padding:0px 0px 0px 15px;}
ul.menu li#current ul li a{	margin-left:15px;text-decoration:none;}
ul.mostread {padding:10px 0px 10px 15px;margin:0px;}
ul.mostread li{	padding:0px 0px 0px 15px;margin:0px;line-height:18px;}
ul.latestnews {padding:10px 0px 10px 15px;margin:0px;}
ul.latestnews li{padding:0px 0px 0px 15px;margin:0px;line-height:18px;}
div.componentheading{font-weight:bold;font-size:123.1%;margin:7px auto;}
td.contentheading, td.buttonheading{font-weight:normal;font-size:100%;height:33px;background: url(../images/contentheading_line.png) bottom repeat-x;}
div.ContentTitle{float:left;width:550px;height:35px;padding:0;margin:0;background: url(../images/contentheading_line.png) bottom repeat-x;}
div.ContentTitle2{float:left;width:550px;padding:0 0 6px 0;margin:0 0 8px 0;background: url(../images/contentheading_line2.png) bottom repeat-x;}

div.ContentTitleBtn{
    width:750px;padding:0 0 6px 0;margin:0 0 8px 0;background: url(../images/contentheading_line2.png) bottom repeat-x; text-align:right
}
div.ContentLine{
    float:left;width:550px; height:10px;padding:0;margin:0;font-size:92%;background: url(../images/contentheading_line.png) top repeat-x;
}
div.ContentTitle3{
    width:750px;height:35px;padding:0px;margin:0 0 0px 0;background: url(../images/contentheading_line.png) bottom repeat-x;
}
div.TitleName{
    float:left;width:550px;padding:8px 0 0 0;margin:0px;font-weight:bold;font-size:100%;	
}
div.TitleName3{
    float:left;width:135px;padding:0px;margin:0px;font-weight:bold;font-size:100%;	
}
div.TitleName200{
    float:left;width:200px;padding:8px 0 0 0;margin:0px;font-weight:bold;font-size:100%;	
}
div.TitleBtn350{
    width:350px;float:left;text-align:right;padding:6px 0 0 0;margin:0px;
}

div.TitleNameNoBtn{
    width:550px;float:left;padding:8px 0 0 0;margin:0px;font-weight:bold;font-size:100%;	
}
div.TitleBtn{
    width:150px;float:left;text-align:right;padding:6px 0 0 0;margin:0px;
}
div.TitleMore{
    width:30px;float:left;text-align:right;padding:2px 0 0 0;margin:0px;font-size:90%;
}
.fs120 {font-size:120%;}
.fs100 {font-size:100%;}
.fs90 {font-size:90%;}
.fs83 {font-size:83%;}
div.ContentBox2{
  float:left;width:750px; padding:0 0 30px 0;margin:5px 0 5px 0;font-size:92%}
div.ContentBox{
  float:left;width:550px; padding:0 0 30px 0;margin:5px 0 5px 0;font-size:92%}

.container-3col-left, .content3-container-3col-left {overflow: hidden; float: left; width: 176px; margin: 0px 9px 0px 0px; padding: 0px; }
.container-3col-middle, .content3-container-3col-middle {overflow: hidden; float: left; width: 176px; margin: 0px; padding: 0px;}
.container-3col-right, .content3-container-3col-right {overflow: hidden; float: right; width: 176px; margin: 0px; padding: 0px;}

table.ContentBox{
	width:100%; 
}
table.btnBox{
	width:530px; 
}


table.contentpaneopen{
	border-collapse: collapse;
	margin-left:0px;
}
table.contentpaneopen td{
	padding:2px;
}
span.small, td.createdate, td.modifydate{
	font-size:85%;
	color:#999999;
}
span.pagination span, span.pagination a{
	padding:5px;
}


div#f_area{
	margin:0px auto;
	width: 988px;
	text-align:left;
}

#f_area div.moduletable, #f_area div.moduletable_menu{
	float: left;
	margin:0px 10px 10px 10px;
	width: 215px;
}
#f_area h3, #f_area h3{
	text-align: center;
	margin:0px;
	height: 44px;
	width: 208px;
	line-height: 44px;
	color:#FFFFFF;
	font-size:100%;	
}


/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}

.align_center{text-align:center;}
.align_right{
    text-align:right;
}
.align_left{
    text-align:left;
}

tr.alt td
{

    background: #EEE4D9;
} 
tr.over td {background: #E1E7DD;}

/*book*/

.article_separator {line-height:20px;}
    
.pagination {
	MARGIN-TOP: 5px; WIDTH: auto; TEXT-ALIGN:right;/*HEIGHT: 1%;*/
}
.pagination SPAN.page-sep {
	DISPLAY: none
}   
.pagination STRONG {
	FONT-WEIGHT: normal
}
.pagination SPAN STRONG {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bfbfbf 1px solid; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #bfbfbf 1px solid; BACKGROUND-COLOR: #bfbfbf
}
.pagination SPAN A {
	BORDER-RIGHT: #bababa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bababa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bababa 1px solid; COLOR: #747474; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; BORDER-BOTTOM: #bababa 1px solid; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none
}
.pagination SPAN A:link {
	BORDER-RIGHT: #bababa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bababa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bababa 1px solid; COLOR: #747474; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; BORDER-BOTTOM: #bababa 1px solid; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none
}
.pagination SPAN A:visited {
	BORDER-RIGHT: #bababa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bababa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bababa 1px solid; COLOR: #747474; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; BORDER-BOTTOM: #bababa 1px solid; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none
}
.pagination SPAN A:active {
	BORDER-RIGHT: #bababa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bababa 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 90%m; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #bababa 1px solid; COLOR: #747474; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; BORDER-BOTTOM: #bababa 1px solid; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none
}
.pagination SPAN A:hover {
	BORDER-LEFT-COLOR: #d2d2d2; BORDER-BOTTOM-COLOR: #d2d2d2; COLOR: #fff; BORDER-TOP-COLOR: #d2d2d2; BACKGROUND-COLOR: #d2d2d2; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #d2d2d2
}

.txt-black {COLOR: rgb(0,0,0)}
.txt-grey01 {COLOR: rgb(242,242,242)}
.txt-grey02 {COLOR: rgb(230,230,230)}
.txt-grey03 {COLOR: rgb(217,217,217)}
.txt-grey04 {COLOR: rgb(204,204,204)}
.txt-grey05 {COLOR: rgb(191,191,191)}
.txt-grey06 {COLOR: rgb(178,178,178)}
.txt-grey07 {COLOR: rgb(153,153,153)}
.txt-grey08 {COLOR: rgb(127,127,127)}
.txt-grey09 {COLOR: rgb(89,89,89)}
.txt-grey10 {COLOR: rgb(51,51,51)}
.txt-yellow01 {COLOR: rgb(254,252,232)}
.txt-yellow02 {COLOR: rgb(253,249,201)}
.txt-yellow03 {COLOR: rgb(253,246,185)}
.txt-yellow04 {COLOR: rgb(252,243,162)}
.txt-yellow05 {COLOR: rgb(251,239,139)}
.txt-yellow06 {COLOR: rgb(250,236,116)}
.txt-yellow07 {COLOR: rgb(249,233,93)}
.txt-yellow08 {COLOR: rgb(249,230,69)}
.txt-yellow09 {COLOR: rgb(248,227,46)}
.txt-yellow10 {COLOR: rgb(247,224,23)}
.txt-blue01 {COLOR: rgb(238,237,249)}
.txt-blue02 {COLOR: rgb(222,220,242)}
.txt-blue03 {COLOR: rgb(205,202,236)}
.txt-blue04 {COLOR: rgb(189,185,229)}
.txt-blue05 {COLOR: rgb(172,167,223)}
.txt-blue06 {COLOR: rgb(155,149,217)}
.txt-blue07 {COLOR: rgb(139,132,210)}
.txt-blue08 {COLOR: rgb(122,114,204)}
.txt-blue09 {COLOR: rgb(106,97,197)}
.txt-blue10 {COLOR: rgb(89,79,191)}
.txt-green01 {COLOR: rgb(237,246,229)}
.txt-green02 {COLOR: rgb(220,238,204)}
.txt-green03 {COLOR: rgb(202,229,178)}
.txt-green04 {COLOR: rgb(185,220,153)}
.txt-green05 {COLOR: rgb(167,211,127)}
.txt-green06 {COLOR: rgb(149,203,102)}
.txt-green07 {COLOR: rgb(132,194,76)}
.txt-green08 {COLOR: rgb(114,185,51)}
.txt-green09 {COLOR: rgb(97,177,25)}
.txt-green10 {COLOR: rgb(79,168,0)}
.txt-red01 {COLOR: rgb(252,235,233)}
.txt-red02 {COLOR: rgb(248,216,211)}
.txt-red03 {COLOR: rgb(245,196,188)}
.txt-red04 {COLOR: rgb(242,177,166)}
.txt-red05 {COLOR: rgb(238,157,144)}
.txt-red06 {COLOR: rgb(235,137,122)}
.txt-red07 {COLOR: rgb(232,118,100)}
.txt-red08 {COLOR: rgb(229,98,77)}
.txt-red09 {COLOR: rgb(225,79,55)}
.txt-red10 {COLOR: rgb(222,59,33)}
.txt-darkred {color :#8b0000}
.txt-maroon {color :#800000}
.txt-mediumblue {color :#0000cd}
.txt-darkgreen {color :#006400}
.txt-gold {color :#ffd700}
.txt-yellow {color :#ffff00}
.txt-red {color:#ff0000}
.txt-darkmagenta{color:#8b008b}

.bg-red03 {background: rgb(245,196,188)}
.bg-yellowgreen {background: #9acd32}
.bg-teal {background: #008080}
.bg-darkkhaki {background:#bdb76b}
.bg-peachpuff {background:#ffdab9}
.bg-blanchedalmond {background:#ffebcd}
.bg-lightblue {background:#add8e6}

.bg-whitesmoke {background:#fCfCfC}

/* icons */
.delicon{background: url(../images/delete_16.png) center top no-repeat;width:16px;height:16px; padding:0; margin:0}
.tickicon{background: url(../images/tick_16.png) center top no-repeat;width:16px;height:16px; padding:0; margin:0}

/* Fieldset */
FIELDSET {BORDER-RIGHT-WIDTH: 0px; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
FIELDSET.fields1 DL {PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px}
FIELDSET.fields1 DT {TEXT-ALIGN: left;BORDER-RIGHT-WIDTH: 0px; WIDTH: 100px; DISPLAY: block; FLOAT: left}
FIELDSET.fields1 DD {MARGIN-LEFT: 15em; BORDER-LEFT-WIDTH: 0px;MARGIN-BOTTOM: 3px; MARGIN-LEFT: 101px; VERTICAL-ALIGN: top}
FIELDSET.fields1 {BACKGROUND-COLOR: transparent}
.word-break-all{word-wrap:break-word;}


/*WIDGETS*/
.widget {border:1px solid #ccc; padding:10px 15px !important; margin:2px 5px 0px  0px; -moz-border-radius:10px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x;}
div.widget h4 {border-bottom:1px dotted #ccc; font-size:110%; margin:0; padding:0 0 3px 0;}

div.widget a {display:block; padding:0px; font:normal 90%; color:#7b0440;}
div.widget a:hover {color:#666; text-decoration:none;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
/*  驗證  */
#VerificationForm .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
#VerificationForm .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
#VerificationForm .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

#ScoreVerificationForm .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:130px; vertical-align:middle;}
#ScoreVerificationForm .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:130px; vertical-align:middle;}
#ScoreVerificationForm .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:130px; vertical-align:middle;}
#ScoreVerificationForm .onLoading{background:url(../images/loading.gif) no-repeat;color:#696969;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

#PasswordForm .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
#PasswordForm .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
#PasswordForm .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

#RegistrationForm .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:195px; vertical-align:middle;}
#RegistrationForm .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:195px; vertical-align:middle;}
#RegistrationForm .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:195px; vertical-align:middle;}
#RegistrationForm .onLoading{background:url(../images/loading.gif) no-repeat;color:#696969;padding:3px 0 0 22px;font-size: 12px;width:195px; vertical-align:middle;}

.GroupRegistrationTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:110px; vertical-align:middle;}
.GroupRegistrationTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:110px; vertical-align:middle;}
.GroupRegistrationTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:110px; vertical-align:middle;}
.GroupRegistrationTable .onLoading{background:url(../images/loading.gif) no-repeat;color:#696969;padding:3px 0 0 22px;font-size: 12px;width:110px; vertical-align:middle;}

.GroupLoginTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.GroupLoginTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.GroupLoginTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

.SchoolTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.SchoolTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.SchoolTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

.GroupPostTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.GroupPostTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.GroupPostTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

.NewStdTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:140px; vertical-align:middle;}
.NewStdTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:140px; vertical-align:middle;}
.NewStdTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:140px; vertical-align:middle;}
.NewStdTable .onLoading{background:url(../images/loading.gif) no-repeat;color:#696969;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

.KeyTable .onError{background:url(../images/onError.gif) no-repeat;color:red;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.KeyTable .onCorrect{background:url(../images/onCorrect.gif) no-repeat;color:green;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.KeyTable .onFocus{background:url(../images/onFocus.gif) no-repeat;color:blue;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}
.KeyTable .onLoading{background:url(../images/loading.gif) no-repeat;color:#696969;padding:3px 0 0 22px;font-size: 12px;width:100px; vertical-align:middle;}

/*  個人報名  */
#VerificationForm{ padding:5px 0 10px 0;margin:0; width:550px}

.VerificationTable{border-collapse: collapse;table-layout:fixed;width:350px; margin:0px auto;font-size:85%}
.VerificationTable th {padding: 1px 1px;border: 0px solid #79b8e5;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center}
.VerificationTable col.c1{width:90px;}
.VerificationTable col.c2{width:140px;}
.VerificationTable col.c3{width:120px;}
.VerificationTable td.td1{padding: 1px 1px;TEXT-ALIGN: right;background-color: #e7f6fb;color :#800000}
.VerificationTable td.td2{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.VerificationTable td.td3{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.VerificationTable td.confirm{padding: 5px 1px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;}
.VerificationTable td.memo{padding: 5px 1px;border: 0px; TEXT-ALIGN: left;background-color: #ffffff;}
#ScoreVerificationForm{ padding:5px 0 10px 0;margin:0; width:550px}
.ScoreVerificationTable{border-collapse: collapse;table-layout:fixed;width:360px; margin:0px auto;font-size:85%}
.ScoreVerificationTable th {padding: 1px 1px;border: 0px solid #79b8e5;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center}
.ScoreVerificationTable col.c1{width:60px;}
.ScoreVerificationTable col.c2{width:150px;}
.ScoreVerificationTable col.c3{width:150px;}
.ScoreVerificationTable td.td1{padding: 1px 1px;TEXT-ALIGN: right;background-color: #e7f6fb;color :#800000}
.ScoreVerificationTable td.td2{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.ScoreVerificationTable td.td3{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.ScoreVerificationTable td.confirm{padding: 5px 1px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;}
.ScoreVerificationTable td.memo{padding: 5px 1px;border: 0px; TEXT-ALIGN: left;background-color: #ffffff;}
#ScoreViewForm{ padding:5px 0 10px 0;margin:0; width:550px}
.ScoreViewTable{ padding:0;margin:0; width:550px}

.ScoreViewTable th {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;padding: 6px 6px 6px 12px;}
.ScoreViewTable col.c1{width:115px;}
.ScoreViewTable col.c2{width:100px;}
.ScoreViewTable col.c3{width:80px;}
.ScoreViewTable col.c4{width:80px;}
.ScoreViewTable col.c5{width:80px;}
.ScoreViewTable td.tdp{background: #FAFAFA; color: #000000; border: 1px solid #CCCCCC; padding: 0px;}

.ScoreViewTable td.tdt1{padding: 6px 6px 6px 12px;TEXT-ALIGN: center;background: #F5FAFA;border-top: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;}
.ScoreViewTable td.tdv1{padding: 6px 6px 6px 12px;TEXT-ALIGN: center;background: #FFFFFF;border-top: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;}
.ScoreViewTable td.tdt2{padding: 6px 6px 6px 12px;TEXT-ALIGN: center;background: #f5f5f5;border-right: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;}
.ScoreViewTable td.tdv2{padding: 6px 6px 6px 12px;TEXT-ALIGN: center;background: #FFFFFF;border-right: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;}
.ScoreViewTable td.tdv3{color:#0000ff;padding: 6px 6px 6px 12px;TEXT-ALIGN: left;background: #FFFFFF;border-right: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;}

#PasswordForm{ padding:5px 0 10px 0;margin:0; width:550px}

.PasswordTable{border-collapse: collapse;table-layout:fixed;width:370px; margin:0px auto;font-size:85%}
.PasswordTable th {padding: 1px 1px;border: 0px solid #79b8e5;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center}
.PasswordTable col.c1{width:90px;}
.PasswordTable col.c2{width:140px;}
.PasswordTable col.c3{width:140px;}
.PasswordTable td.td1{padding: 1px 1px;TEXT-ALIGN: right;background-color: #e7f6fb;color :#800000}
.PasswordTable td.td2{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.PasswordTable td.td3{padding: 1px 1px;TEXT-ALIGN: left;background-color: #e7f6fb;}
.PasswordTable td.confirm{padding: 5px 1px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;}
.PasswordTable td.memo{padding: 5px 1px;border: 0px; TEXT-ALIGN: left;background-color: #ffffff;}

#RegistrationForm{padding:5px 0 20px 0;margin:0; width:550px;}
.RegistrationTable{border-collapse: collapse;table-layout:fixed;width:550px;margin:0px auto;}
.RegistrationTable col.c1{width:100px;}
.RegistrationTable col.c2{width:280px;}
.RegistrationTable col.c3{width:170px;}
.RegistrationTable .td1{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: right;font-size:12px;}
.RegistrationTable .td2{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: left;font-size:12px;}
.RegistrationTable .td3{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: left;font-size:12px;}
.RegistrationTable .td3img{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: center;font-size:12px;}
.RegistrationTable td.confirm{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;font-size:12px;}
.RegistrationTable td.confirm1{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;font-size:12px;}
.RegistrationTable td.confirm2{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: left;background-color: #ffffff;font-size:12px;}
.RegistrationTable td.memo{border-bottom:1px dotted #87cefa;padding:2px 0 5px 0; TEXT-ALIGN: left;font-size:12px;}


#NewStdForm{padding:5px 0 20px 0;margin:0; width:550px;}
.NewStdTable{border-collapse: collapse;table-layout:fixed;width:550px;margin:0px auto;}
.NewStdTable col.c0{width:25px;}
.NewStdTable col.c1{width:80px;}
.NewStdTable col.c2{width:280px;}
.NewStdTable col.c3{width:165px;}
.NewStdTable .td0{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: center;font-size:12px;}
.NewStdTable .td1{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: right;font-size:12px;}
.NewStdTable .td2{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: left;font-size:12px;}
.NewStdTable .td3{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: left;font-size:12px;}
.NewStdTable .td3img{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: center;font-size:12px;}
.NewStdTable td.confirm{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;font-size:12px;}
.NewStdTable td.confirm1{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: right;background-color: #ffffff;font-size:12px;}
.NewStdTable td.confirm2{padding: 5px 0px 1px 0px;border: 0px; TEXT-ALIGN: left;background-color: #ffffff;font-size:12px;}
.NewStdTable td.memo{border-bottom:1px dotted #87cefa;padding:2px 0 5px 0; TEXT-ALIGN: left;font-size:12px;}


#RegistrationListForm{padding:5px 0 20px 0;margin:0; width:550px;}
.RegistrationListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.RegistrationListTable col.c1{width:20px;}
.RegistrationListTable col.c2{width:40px;}
.RegistrationListTable col.c3{width:40px;}
.RegistrationListTable col.c4{width:80px;}
.RegistrationListTable col.c5{width:160px;}
.RegistrationListTable col.c6{width:110px;}
.RegistrationListTable col.c7{width:100px;}
.RegistrationListTable th{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;}

.RegistrationListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationListTable .td7{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}


.RegistrationEduTestListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.RegistrationEduTestListTable col.c1{width:20px;}
.RegistrationEduTestListTable col.c2{width:50px;}
.RegistrationEduTestListTable col.c4{width:90px;}
.RegistrationEduTestListTable col.c5{width:180px;}
.RegistrationEduTestListTable col.c6{width:110px;}
.RegistrationEduTestListTable col.c7{width:100px;}

.RegistrationEduTestListTable col.ca1{width:20px;}
.RegistrationEduTestListTable col.ca2{width:80px;}
.RegistrationEduTestListTable col.ca4{width:80px;}
.RegistrationEduTestListTable col.ca5{width:160px;}
.RegistrationEduTestListTable col.ca6{width:110px;}
.RegistrationEduTestListTable col.ca7{width:100px;}
.RegistrationEduTestListTable th{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;}

.RegistrationEduTestListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationEduTestListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationEduTestListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationEduTestListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationEduTestListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationEduTestListTable .td7{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

#ScoreViewForm{padding:5px 0 20px 0;margin:0; width:550px;}
.ScoreGroupListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.ScoreGroupListTable col.c1{width:50px;}
.ScoreGroupListTable col.c2{width:75px;width:100px;}
.ScoreGroupListTable col.c3{width:195px;width:210px;}
.ScoreGroupListTable col.c4{width:40px;width:80px;}
.ScoreGroupListTable col.c5{width:40px;width:100px;}
.ScoreGroupListTable col.c6{width:40px;}
.ScoreGroupListTable col.c7{width:50px;}
.ScoreGroupListTable col.c8{width:60px;}
.ScoreGroupListTable th{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;}

.ScoreGroupListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.ScoreGroupListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.ScoreGroupListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.ScoreGroupListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.ScoreGroupListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.ScoreGroupListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.ScoreGroupListTable .td7{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.ScoreGroupListTable .td8{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}

#AdminGroupListTable{padding:5px 0 20px 0;margin:0; width:550px;}
.AdminGroupListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.AdminGroupListTable col.c1{width:110px;}
.AdminGroupListTable col.c2{width:50px;}
.AdminGroupListTable col.c3{width:120px;}
.AdminGroupListTable col.c4{width:60px;}
.AdminGroupListTable col.c5{width:50px;}
.AdminGroupListTable col.c6{width:60px;}

.AdminGroupListTable th{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;}

.AdminGroupListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.AdminGroupListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.AdminGroupListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.AdminGroupListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.AdminGroupListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.AdminGroupListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

.KeyTable{border-collapse: collapse;table-layout:fixed;width:550px;margin:0px auto;}
.KeyTable col.c1{width:100px;}
.KeyTable col.c2{width:350px;}
.KeyTable col.c3{width:100px;}
.KeyTable .td1{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: right;font-size:12px;}
.KeyTable .td2{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: left;font-size:12px;}
.KeyTable .td3{border-bottom:1px dotted #87cefa;padding:2px 0 2px 0;TEXT-ALIGN: center;font-size:12px;}



.RegistrationCCampListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.RegistrationCCampListTable col.c1{width:20px;}
.RegistrationCCampListTable col.c2{width:80px;}
.RegistrationCCampListTable col.c3{width:180px;}
.RegistrationCCampListTable col.c4{width:112px;}
.RegistrationCCampListTable col.c5{width:125px;}
.RegistrationCCampListTable col.c6{width:30px;}
.RegistrationCCampListTable th{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;}

.RegistrationCCampListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

.RegistrationCCampListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationCCampListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.RegistrationCCampListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationCCampListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.RegistrationCCampListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}



#RegistrationListSearch {padding:0px 0px 5px 0px;margin:-36px 0 3px 0;TEXT-ALIGN:right;}
.CountTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.CountTable col.c1{width:92px;}
.CountTable col.c2{width:90px;}
.CountTable col.c3{width:90px;}
.CountTable col.c4{width:92px;}
.CountTable col.c5{width:90px;}
.CountTable col.c6{width:90px;}
.CountTable .th1{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #ffa500;color:#ffffff;TEXT-ALIGN: center;}
.CountTable .th2{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #32cd32;color:#ffffff;TEXT-ALIGN: center;}
.CountTable .th3{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #ff0000;color:#ffffff;TEXT-ALIGN: center;}
.CountTable .th4{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #d3d3d3;color:#ffffff;TEXT-ALIGN: center;}
.CountTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

.CountTable2 {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.CountTable2 col.c1{width:182px;}
.CountTable2 col.c2{width:180px;}
.CountTable2 col.c3{width:180px;}
.CountTable2 .th1{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #ffa500;color:#ffffff;TEXT-ALIGN: center;}
.CountTable2 .th2{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #32cd32;color:#ffffff;TEXT-ALIGN: center;}
.CountTable2 .th3{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #ff0000;color:#ffffff;TEXT-ALIGN: center;}
.CountTable2 .th4{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #d3d3d3;color:#ffffff;TEXT-ALIGN: center;}
.CountTable2 .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable2 .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CountTable2 .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}


.CCampCountTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.CCampCountTable col.c1{width:60px;}
.CCampCountTable col.c2{width:76px;}
.CCampCountTable .th1{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #ffa500;color:#ffffff;TEXT-ALIGN: center;}
.CCampCountTable .th2{padding: 2px 0px 0px 0px;border-left:1px solid #FFFFFF;background-color: #32cd32;color:#ffffff;TEXT-ALIGN: center;}
.CCampCountTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CCampCountTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CCampCountTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CCampCountTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CCampCountTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.CCampCountTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

/*  團體報名  */
.GroupStepTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:85%;}
.GroupStepTable col.c1{width:60px;background-color: #79b8e5;}
.GroupStepTable col.c2{width:487px;}

.StepMsg {font-size:85%;}

.GroupRegistrationTable {border-collapse: collapse;table-layout:fixed;width:480px;}
.GroupRegistrationTable col.c1{width:76px;background-color: #79b8e5;}
.GroupRegistrationTable col.c2{width:260px;}
.GroupRegistrationTable col.c3{width:140px;}
.GroupRegistrationTable td.td1{TEXT-ALIGN:right;color:#ffffff; border-bottom:1px dotted #ffffff;}

.GroupLoginTable {border-collapse: collapse;table-layout:fixed;width:300px;font-size:12px;}
.GroupLoginTable col.c1{width:40px;background-color: #79b8e5;}
.GroupLoginTable col.c2{width:155px;}
.GroupLoginTable col.c3{width:90px;}
.GroupLoginTable td.td1{TEXT-ALIGN:center;color:#ffffff; border-bottom:1px dotted #ffffff;}

.SchoolTable {border-collapse: collapse;table-layout:fixed;width:300px;font-size:12px;}
.SchoolTable col.c1{width:50px;background-color: #79b8e5;}
.SchoolTable col.c2{width:145px;}
.SchoolTable col.c3{width:90px;}
.SchoolTable td.td1{TEXT-ALIGN:center;color:#ffffff; border-bottom:1px dotted #ffffff;}

.GroupPostTable {border-collapse: collapse;table-layout:fixed;width:350px;font-size:12px;}
.GroupPostTable col.c1{width:70px;background-color: #79b8e5;}
.GroupPostTable col.c2{width:155px;}
.GroupPostTable col.c3{width:120px;}
.GroupPostTable td.td1{TEXT-ALIGN:center;color:#ffffff; border-bottom:1px dotted #ffffff;}

#UsersListForm {padding:0px 0 20px 0;margin:0;}
#UsersListTable{padding:0px 0 10px 0;margin:0;}
.UsersListTable {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.UsersListTable col.c1{width:36px;}
.UsersListTable col.c2{width:30px;}
.UsersListTable col.c3{width:65px;}
.UsersListTable col.c4{width:150px;}
.UsersListTable col.c5{width:100px;}
.UsersListTable col.c6{width:125px;}
.UsersListTable col.c7{width:35px;}
.UsersListTable th {padding: 4px 0 1px 0;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;font-size:12px;}
.UsersListTable tr.tr1 {background-color: #ffffff;}
.UsersListTable tr.tr2 {background-color: #f5f5dc;}
.UsersListTable tr.tr3 {background-color: #fffacd;}
.UsersListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.UsersListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.UsersListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable .td7{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable .null{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

#UsersListTable1{padding:0px 0 10px 0;margin:0;}
.UsersListTable1 {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.UsersListTable1 col.c1{width:36px;}
.UsersListTable1 col.c2{width:80px;}
.UsersListTable1 col.c3{width:65px;}
.UsersListTable1 col.c4{width:150px;}
.UsersListTable1 col.c5{width:100px;}
.UsersListTable1 col.c6{width:75px;}
.UsersListTable1 col.c7{width:35px;}
.UsersListTable1 th {padding: 4px 0 1px 0;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;font-size:12px;}
.UsersListTable1 tr.tr1 {background-color: #ffffff;}
.UsersListTable1 tr.tr2 {background-color: #f5f5dc;}
.UsersListTable1 tr.tr3 {background-color: #fffacd;}
.UsersListTable1 .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable1 .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable1 .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.UsersListTable1 .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.UsersListTable1 .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable1 .td6{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable1 .td7{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.UsersListTable1 .null{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}

.GroupListTable  {border-collapse: collapse;table-layout:fixed;width:550px;font-size:12px;}
.GroupListTable col.c1{width:36px;}
.GroupListTable col.c2{width:85px;}
.GroupListTable col.c3{width:125px;}
.GroupListTable col.c4{width:240px;}
.GroupListTable col.c5{width:30px;}
.GroupListTable th {padding: 4px 0 1px 0;border-left:1px solid #FFFFFF;background-color: #79b8e5;color:#ffffff;TEXT-ALIGN: center;font-size:12px;}
.GroupListTable tr.tr2 {background-color: #f5f5dc;}
.GroupListTable tr.tr3 {background-color: #fffacd;}
.GroupListTable .td1{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.GroupListTable .td2{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.GroupListTable .td3{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.GroupListTable .td4{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:left;}
.GroupListTable .td5{border-bottom:1px dotted #87cefa;padding:1px 0 1px 0;TEXT-ALIGN:center;}
.DelGroup {cursor: pointer;}
.CancelPost {cursor: pointer;}
.DelBlock {cursor: pointer;}
.EditUser {cursor: pointer;}
.RemoveUser {cursor: pointer;}
.PrintReg {cursor: pointer;}
.CantRemoveUser {cursor: not-allowed;}

.gtxt2{background:url(../images/group_bg1.gif) no-repeat;width:34px;padding: 0px 0 0 5px; margin: 0px 0px 0px 2px;color: #FFFFFF;font-size: 12px;}
.gtxt3{background:url(../images/group_bg2.gif) no-repeat;width:34px;padding: 0px 0 0 5px; margin: 0px 0px 0px 2px;color: #FFFFFF;font-size: 12px;}

.imgbtn{cursor: pointer; }


#ImportUser  {cursor: pointer;}
#ImportUser:hover  {cursor: pointer;background-color: #e6e6fa;}

#AddUser  {cursor: pointer;}
#AddUser:hover  {cursor: pointer;background-color: #e6e6fa;}

#AddPost  {cursor: pointer;}
#AddPost:hover  {cursor: pointer;background-color: #e6e6fa;}

#GroupHelp  {cursor: pointer;}
#GroupHelp:hover  {cursor: pointer;background-color: #e6e6fa;}

#UploadHelp  {cursor: pointer;}
#UploadHelp:hover  {cursor: pointer;background-color: #e6e6fa;}

#VerificationOK  {cursor: pointer;}
#VerificationOK:hover  {cursor: pointer;background-color: #e6e6fa;}

#VerificationCancel  {cursor: pointer;}
#VerificationCancel:hover  {cursor: pointer;background-color: #e6e6fa;}

#RegistrationCancel  {cursor: pointer;}
#RegistrationCancel:hover  {cursor: pointer;background-color: #e6e6fa;}

#RegistrationSave  {cursor: pointer;}
#RegistrationSave:hover  {cursor: pointer;background-color: #e6e6fa;}

#Registration  {cursor: pointer;}
#Registration:hover  {cursor: pointer;background-color: #e6e6fa;}

#KeyGen  {cursor: pointer;}
#KeyGen:hover  {cursor: pointer;background-color: #e6e6fa;}

#ClearKey  {cursor: pointer;}
#ClearKey:hover  {cursor: pointer;background-color: #ffdab9;}

#ChangeSession  {cursor: pointer;}
#ChangeSession:hover  {cursor: pointer;background-color: #e6e6fa;}

#pdfReport  {cursor: pointer;}
#pdfReport:hover  {cursor: pointer;background-color: #e6e6fa;}

.startreg  {cursor: pointer;}
.startreg:hover  {cursor: pointer;background-color: #e6e6fa;}

#Login  {cursor: pointer;}
#Login:hover  {cursor: pointer;background-color: #e6e6fa;}
#Search  {cursor: pointer;padding:0;margin:0 0 -5px 0;}
#Search:hover  {cursor: pointer;background-color: #e6e6fa;}
/* about */

#about {font-size:85%;padding:0 20px 0 20px;margin:0 0 0 10px }

#comingsoon {padding: 50px 0 50px 0;width:550px;text-align: center}
/*  讀取  */
.jloadfade{background-color: #FFFFFF;}
div.jload{ position: absolute; background-color: #ffffff;border: solid 1px #000000;padding: 5px 40px 10px 40px; margin: 4px;padding: 7px;}

#imgIdPhoto {background: #FAFAFA; color: #000000; border: 1px solid #CCCCCC; padding: 4px;}
 

/*Score*/
.pMessageBox{background: #FAFAFA; color: #000000; border: 1px dotted #CCCCCC; padding: 0px; margin: 0px 50px 0px 50px;}

.txtbtn{cursor: pointer; padding: 2px 4px 0 4px;border: 1px solid #95bce2;background-color: #9ff666;}
.txtbtn:hover{cursor: pointer;background-color: #f2f2f2;text-decoration: none }