/*****************************/
/*** Core html setup stuff ***/
/*****************************/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre, form,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; }
html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  display:inline;
}
body, td{
	font-family: Helvetica,Georgia,Arial,sans-serif,細明體;
	font-size: 100%;
	color: #303438;
	line-height: 1.3em;
}

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;
	font-family:"Trebuchet MS",Arial;
}

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 {width:988px;text-align:right;margin: 0;}
#pillmenu ul {margin: 0;padding: 3px 27px 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;}

#AlbumBox {position:relative;margin: 0;padding: 0; }
#NewAlbum {position: absolute; padding-left:395px;padding-top:51px;}
#NewAlbum img  {margin: 0px 3px ; padding:0px; width:112px;height: 88px;border: 3px solid #FFF; background:#fff;}
#Nippers {position: absolute; padding-left:370px;padding-top:12px;width:533px;height: 54px;}


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

#maincolumn{width: 588px;float:left;margin:0px;	padding:0px;background-color: #FFFFFF;}
#maincolumn2{width: 744px;float: left;margin: 0px; padding: 0px; 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 {
    font-size:100%;
     /*float:left;*/
}


#leftcolumn div.module_menu, #leftcolumn div.module{
	margin: 0px 0px 0px 43px;
	font-weight:normal;
	padding: 0px;
	width: 156px;
    height:37px;
	font-size:14px;
    cursor: pointer;	
}
#leftcolumn div.module_menu div
{
    margin: 0px;
    padding-top: 9px;
    padding-left:30px;
    color:#265225;
}

#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	margin: 10px 0px;
	margin-right:3px;
	padding: 0px;
	width: 191px;
	font-weight:normal;	
	font-size:92%;		
}


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;
}
#leftcolumn div.module_menu,#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	/*background: url(../images/rub_bottom.png) left bottom no-repeat;*/
	
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	width: 191px;
	height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
	background: none;
	padding: 4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
	text-align: center;
	height: 41px;
	width: 191px;
	line-height: 41px;
	color:#494B53;
	font-size:100%;
	font-weight:bold;
	margin:0px;
}
table.poll thead td {
	text-align: left;
	padding-left:10px;
}
table.poll td {
	text-align: left;
}
#leftcolumn ul.menu li ul{
	list-style: none;
	
}
.pollstableborder {
	margin: 5px 0px 10px 0px;
}
.poll td div{
	display:inline;
}

/* forms */

#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:10px 0px 10px 15px;
	margin:0px;
}
ul.menu li{
	padding:0px 0px 0px 15px;
	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:714px;height:35px;padding:0px;margin:0 0 0px 0;background: url(../images/contentheading_line.png) bottom repeat-x;
}
div.TitleNameF{
    float:left;padding:8px 0 0 0;margin:0px;font-weight:bold;font-size:100%;	
}
div.TitleName{
    float:left;width:400px;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:314px;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%;
}
.fs100 {font-size:100%;}
.fs90 {font-size:90%;}
.fs83 {font-size:83%;}
.w250 {width: 250px;}
.w100p {width:100%;}
.w99p {width:99%;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w714 {width: 714px;}
.w750 {width: 750px;}

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:8px 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;
}
.vertical_middle{vertical-align:middle;}

tr.alt td
{

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

/*book*/
div.bookpic {float:left;   padding:1px 0 0 3px; height:65px; margin:0px; }
.booktable{font-size:76%;width:172px;font-weight: normal;border:0px;margin:0px;vertical-align:top;}
booktable2{font-size:76%;width:480px;font-weight: normal;border:0px;vertical-align:top; }
div.moremore {margin:-20px 7px 0px 0; font-size:77%;text-align:right;}
.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%; 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-red {COLOR: #ff0000}
.bg-red03 {background: rgb(245,196,188)}
.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.fields1 {border-width:0px;}
FIELDSET.fields1 DL {PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px;}
FIELDSET.fields1 DT {TEXT-ALIGN:right;BORDER-RIGHT-WIDTH: 0px; WIDTH: 190px; DISPLAY: block; FLOAT: left}
FIELDSET.fields1 DD {MARGIN-LEFT: 15em; BORDER-LEFT-WIDTH: 0px;MARGIN-BOTTOM: 3px; MARGIN-LEFT: 195px; VERTICAL-ALIGN: top}
FIELDSET.fields1 {BACKGROUND-COLOR: transparent}
.validation-summary-errors { text-align:center;}
.word-break-all{word-wrap:break-word;}
table.tb1 {width:580px;}
table.tb1 td {padding: 1px 0px;}


/* 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#rightcolumn {font-size:85%;}
div#rightcolumn ul {list-style:none; padding:0; margin:0;}
div.widget a {display:block; padding:0px; font-size: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;}  */
/* WIDGETS */


/* 密碼變更 */

#CPtable {width:400px;}
#CPtable .c1 {width:200px;}

/* 五日行事曆 */
#CalHtml{padding:10px 0 10px 0;margin:0;}
.recentCaltable{border-collapse: collapse;table-layout:fixed;width:550px;font-size:85%;}
.recentCaltable th {padding: 1px 1px;border: 1px solid #95bce2;background-color: #9ff666;vertical-align: top;TEXT-ALIGN: center;}
.recentCaltable td {padding: 1px 1px;border: 1px solid #95bce2;vertical-align: top;}
/* 校園輪值 */
.dutytable{border-collapse: collapse;table-layout: fixed; width: 550px;margin-bottom: 5px;text-align: center;vertical-align: middle;}
.dutytable td.tduty{font-size: 85%;width: 42px;background-color: #fff100;border-right: 1px solid #FFFFFF;}
.dutytable td.dt {font-size: 85%;width:70px;background-color: #fff100;border-right: 1px solid #FFFFFF;}
.dutytable td.dn {font-size: 85%;width:70px;background-color: #fcf8c3;border-right: 1px solid #FFFFFF;}
.dutytable td.dtl {font-size: 85%;width:70px;background-color: #fff100;}
.dutytable td.dnl {font-size: 85%;width:70px;background-color: #fcf8c3;}
/* 公告管理 */
.NewsAdminTB{border-collapse: collapse;border: 0px; table-layout: fixed; width: 714px;}
.NewsAdminTB .lbTxt{width: 75px;text-align: left; background-color: #deeff7; vertical-align:top;}
.NewsAdminTB .lbTxtBox{width:649px;}
.imgbtn{cursor: pointer;}
.imgbtn:hover{cursor: pointer;background-color: #f2f2f2; }
/*線上投票*/
.votelist {list-style-type:none;}

/*文字按鈕*/
.txtbtn{cursor: pointer; padding: 2px 4px 0 4px;border: 1px solid #95bce2;background-color: #9ff666;}
.txtbtn:hover{cursor: pointer;background-color: #f2f2f2; }
/* 訊息附件 */

.x_newsattachment {padding:0px 10px;margin:0px;color:#333;border:#06c dashed 1px;}
.x_newsattachment legend {padding:0px 10px;color:#06c;background:#fff;} 
.x_newsattachment ul {margin:0px;padding:0px 10px;} 
.x_newsattachment li {clear:both;list-style-type: none;}

/* 基本資料 */
.profiltb{border-collapse: collapse;border: 1px solid #03476F; table-layout: fixed; width:730px;}
table .lbtxt{width:80px;text-align: right;padding-right: 10px;}
table .lbtxtbox{width:660px;}
/* 行事曆 */
.cltbbox{border-collapse: collapse;border: 1px solid #03476F;table-layout:fixed;width:714px;}
.cltbbox td,cltbbox th {border: 1px solid #03476F;padding: 2px 0px;color: #363636;}
.cltbbox th  { text-align: center;background: #9cd2dd;} 
.row  {background: #f3fafb; } 
.row2 {background: #e9f6f8;} 
.row3 {background: #fad6d9;} 
.row4 {background: #fec9d1;}
.row5 {background: #fdd6dc;}
.clevent {border-collapse: collapse;table-layout:fixed;width:624px;}
.clevent tr {   }
.clevent td {margin: 0px;padding: 0px;border:0px;vertical-align: top; }
/* 表格list */
.listTable {border-collapse: collapse;table-layout:fixed;width:730px;font-size:12px;}
.listTable td {padding: 1px 1px;border-bottom: 1px solid #95bce2;vertical-align: top;}
.listTable td * {padding: 1px 1px;}
.listTable .tdi {width:15px;}
.listTable .tdc {width:465px;}
.listTable .tdd {text-align:right;width:70px;}
.listTable tr.alt td {background: #ecf6fc;cursor:pointer;}
.listTable tr.over td {background: #bcd4ec;cursor:pointer;}

.borderTopLine {border-top: 1px solid #000; padding:2px 0px;}

#SelectUnit 
{margin:-30px 0 4px -75px;position:absolute;}
body:nth-of-type(1) #SelectUnit 
{margin:-30px 0 4px -70px;}

.LoginHeight { height:300px;}
/* 訊息 */
.PopBoxMsgRed {padding: 5px;background-color: #FFEBE8;border: 1px solid #DD3C10;display: block;color: #333;font-size: 12px;display:none; margin-bottom:5px; }
.BoxMsgRed, .BoxMsgRed2 {padding: 10px;background-color: #FFEBE8;border: 1px solid #DD3C10;display: block;color: #333;font-size: 12px;display:none; margin-bottom:5px; }

.BoxMsgNull {}

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