/****************************************************************/
/*   Design:   Multiflex-3.12 / Layout-1                        */
/*   File:     Text formats                                     */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     January 20, 2008                                 */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/
/* mainLogin NAVIGATION */
.mainLogin-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.mainLogin-navigation .loginform p {clear:both; margin:0; padding:0;}
.mainLogin-navigation .loginform fieldset {width:160px; border:none;}
.mainLogin-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.mainLogin-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.mainLogin-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.mainLogin-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.mainLogin-navigation .loginform img.Code { float:right; position: relative; top: -4pt; *top:-26pt; left: -3px;}
.mainLogin-navigation .loginform input.button {float:left; width:5.0em; height:1.8em; margin:10px 0 5px 87px; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
.mainLogin-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(0,0,0); background:rgb(220,220,220); color:rgb(0,0,0);}

.mainLogin-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.mainLogin-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.mainLogin-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:bold; font-size:150%;}
.mainLogin-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(0,0,0); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.mainLogin-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(0,0,0); line-height:1.3em; font-size:110%;}
.mainLogin-navigation p.center {text-align:center;}
.mainLogin-navigation p.right {text-align:right;}

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 20px 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(0,0,0); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(0,0,0); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(0,0,0); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content span.notice {color: #ff0000;}

/* 直接內嵌的表格 */
.column-unit table { margin:0 auto; text-align:left;}
.column-unit table td.L {text-align:left; font-weight:normal; font-size:110%;}
.column-unit table td.C {text-align:center; font-weight:normal; font-size:110%;}
.column-unit table td.R {text-align:right; font-weight:normal; font-size:110%;}

/* 列表資料表格 */
.column1-unit table {clear:both; width:100%; margin:2.0em 0 0.2em 0; *table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.column1-unit table th {padding:0 7px 0 7px; empty-cells:show; border:solid 2px rgb(255,255,255); background-color:rgb(151,151,151); text-align:center; color:rgb(255,255,255); font-weight:bold;}
.column1-unit table th.top {height:3.5em; font-size:110%;}
.column1-unit table th.topLh {height:11em; font-size:110%;}
.column1-unit table th.topSh {height:2em; font-size:110%;}
.column1-unit table th.topSSh {height:1.2em; font-size:110%;}
.column1-unit table th.topSShMw {height:1.2em; font-size:100%;}
.column1-unit table th.topSw {height:3.5em; font-size:90%;}
.column1-unit table th input[type=checkbox] {position:relative; top:2px; left:2px;}

.column1-unit table tr.Row {background-color:rgb(225,225,225); color:rgb(0,0,0);}
.column1-unit table tr.Row2 {background-color:rgb(242,242,242); color:rgb(0,0,0);}
.column1-unit table tr.RowOver {background-color:rgb(194,211,252); color:rgb(0,0,0);}
.column1-unit table tr.RowOver2 {background-color:rgb(194,211,252); color:rgb(0,0,0);}

.column1-unit table tr.RowErr {background-color:rgb(225,225,225); color:rgb(140,0,0);}
.column1-unit table tr.Row2Err {background-color:rgb(242,242,242); color:rgb(140,0,0);}
.column1-unit table tr.RowOverErr {background-color:rgb(194,211,252); color:rgb(140,0,0);}
.column1-unit table tr.RowOver2Err {background-color:rgb(194,211,252); color:rgb(140,0,0);}

.column1-unit table tr.RowWarnC {background-color:rgb(225,225,225); color:rgb(140,0,255);}
.column1-unit table tr.Row2WarnC {background-color:rgb(242,242,242); color:rgb(140,0,255);}
.column1-unit table tr.RowOverWarnC {background-color:rgb(194,211,252); color:rgb(140,0,255);}
.column1-unit table tr.RowOver2WarnC {background-color:rgb(194,211,252); color:rgb(140,0,255);}

.column1-unit table tr.RowWarnO {background-color:rgb(225,225,225); color:rgb(140,0,0);}
.column1-unit table tr.Row2WarnO {background-color:rgb(242,242,242); color:rgb(140,0,0);}
.column1-unit table tr.RowOverWarnO {background-color:rgb(194,211,252); color:rgb(140,0,0);}
.column1-unit table tr.RowOver2WarnO {background-color:rgb(194,211,252); color:rgb(140,0,0);}

.column1-unit table tr.RowWarnP {background-color:rgb(225,225,225); color:rgb(0,99,33);}
.column1-unit table tr.Row2WarnP {background-color:rgb(242,242,242); color:rgb(0,99,33);}
.column1-unit table tr.RowOverWarnP {background-color:rgb(194,211,252); color:rgb(0,99,33);}
.column1-unit table tr.RowOver2WarnP {background-color:rgb(194,211,252); color:rgb(0,99,33);}

.column1-unit table td {padding:2px 7px 2px 7px; border:solid 2px rgb(255,255,255); font-weight:normal; }
.column1-unit table td.L {text-align:left; height:3.0em; font-size:110%;}
.column1-unit table td.C {text-align:center; height:3.0em; font-weight:normal; font-size:110%;}
.column1-unit table td.R {text-align:right; height:3.0em; font-weight:normal; font-size:110%;}
.column1-unit table td.LSw {text-align:left; height:3.0em; font-weight:normal; font-size:90%;}
.column1-unit table td.C_P {text-align:center; height:3.0em; font-weight:normal; font-size:110%; cursor:pointer;}
.column1-unit table td.C_H {text-align:center; color:rgb(0,0,255); cursor: pointer; height:3.0em; font-weight:normal; font-size:110%; text-decoration: underline;}

.column1-unit table td.L2 {text-align:left; height:3.0em; font-weight:normal; font-size:110%;}
.column1-unit table td.C2 {text-align:center; height:3.0em; font-weight:normal; font-size:110%;}
.column1-unit table td.R2 {text-align:right; height:3.0em;  font-weight:normal; font-size:110%;}
.column1-unit table td.LSw2 {text-align:left; height:3.0em; font-weight:normal; font-size:90%;}
.column1-unit table td.C_P2 {text-align:center; height:3.0em; font-weight:normal; font-size:110%; cursor:pointer;}
.column1-unit table td.C_H2 {text-align:center; color:rgb(0,0,255); cursor: pointer; height:3.0em; font-weight:normal; font-size:110%; text-decoration: underline;}

.column1-unit table td.LSh {text-align:left; height:2.2em; background-color:rgb(225,225,225); font-weight:normal; color:rgb(0,0,0); font-size:110%;}
.column1-unit table td.CSh {text-align:center; height:2.2em; background-color:rgb(225,225,225); font-weight:normal; color:rgb(0,0,0); font-size:110%;}
.column1-unit table td.RSh {text-align:right; height:2.2em; background-color:rgb(225,225,225); font-weight:normal; color:rgb(0,0,0); font-size:110%;}
.column1-unit table th img {border: 0px; position:absolute; margin-top:-2px;}
.column1-unit table td img.ws_img { height:54px; width:72px; }

/* 密碼強度 */
.pw-streng1 { font-weight:normal; color:rgb(255,0,0); font-size:110%; padding:4px 3px 1px 3px; margin:0px 0px 0px 8px; background-color:rgb(110,110,110);}
.pw-streng2 { font-weight:normal; color:rgb(220,110,0); font-size:110%; padding:4px 9px 1px 9px; margin:0px 0px 0px 8px; background-color:rgb(110,110,110);}
.pw-streng3 { font-weight:normal; color:rgb(220,220,0); font-size:110%; padding:4px 9px 1px 9px; margin:0px 0px 0px 8px; background-color:rgb(110,110,110);}
.pw-streng4 { font-weight:normal; color:rgb(110,220,0); font-size:110%; padding:4px 9px 1px 9px; margin:0px 0px 0px 8px; background-color:rgb(110,110,110);}
.pw-streng5 { font-weight:normal; color:rgb(0,255,0); font-size:110%; padding:4px 3px 1px 3px; margin:0px 0px 0px 8px; background-color:rgb(110,110,110);}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(0,0,0); font-size:110%;}
p.Empty{clear:both; text-align:center;  color: #FF8080; font-size:150%; line-height:10em;}

.legend {margin:0 0 0 10px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(0,0,0); font-weight:bold; font-size:150%; color: #0099FF;}
.legend2 {margin:0 0 0 10px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(0,0,0); font-weight:bold; font-size:150%; color: #FF2200;}
label.left {float:left; width:80px; margin:0 0 0 10px; padding:2px; font-size:110%;}
input.field {width:200px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}

/***********************/
/* 用於抬頭新增、查詢、刪除  */
/***********************/
.btn {float:right; width:6.0em; height:2.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%; cursor:pointer;}
.btn:hover {cursor: pointer; border:solid 1px rgb(0,0,0); background:rgb(220,220,220); color:rgb(0,0,0);}
.rcontrol {float:right; margin-right:5px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; vertical-align:middle; text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:130%; font-size:120% \9;}
.lbtn {float:left; width:6.0em; height:2.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%; cursor:pointer;}
.lbtn:hover {cursor: pointer; border:solid 1px rgb(0,0,0); background:rgb(220,220,220); color:rgb(0,0,0);}
.lcontrol {float:left; margin-right:5px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; vertical-align:middle; text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:130%; font-size:120% \9;}

/***************************/
/* 用於ContentPlaceHolder  */
/***************************/
.panDetail_D {margin-top: 10px; margin-bottom: 10px; overflow-y: scroll;}
.panDetail { width: 100%; }
/*.panDetail td { border:solid 1px black; }*/
.panDetail td.left {padding:2px; width:105px; text-align:left; line-height:1.8em; font-size:110%;}
.panDetail td.right {padding:2px; width:105px; text-align:right; line-height:1.8em; font-size:110%;}
.panDetail td.right label {font-size:100%; padding:0px; }
.panDetail td.centerLB {padding:2px; text-align:center; background-color:#CCFFFF; line-height:1.8em; font-size:110%;}
.panDetail td.centerN {padding:2px; text-align:center; line-height:1.8em; font-size:110%;}
.panDetail td.rightB {padding:2px; text-align:right; color:Blue; line-height:1.8em; font-size:110%;}
.panDetail td.rightR {padding:2px; text-align:right; color:Red; line-height:1.8em; font-size:110%;}
.panDetail td.Border {border-color:Black; border-width:1px; border-style:solid;}
.panDetail td select {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td option {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=radio] {padding:2px; vertical-align: middle; font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=checkbox] {padding:2px; vertical-align: middle; font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=text] {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=text].H {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%; color: #999999; background-color: #FFFFCC;}
.panDetail td input[type=text].R {padding:2px; text-align:right; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=text].RH {padding:2px; text-align:right; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%; color: #999999; background-color: #FFFFCC;}
.panDetail td input[type=text].C {padding:2px; text-align:center; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=text].CH {padding:2px; text-align:center; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%; color: #999999; background-color: #FFFFCC;}
.panDetail td input[type=file] {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=password] {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=button] {padding:0px !important /*Non-IE6*/; padding:0 /*IE6*/;  border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td input[type=image].cal { clear:both; float:none; vertical-align:middle; margin:-3px 0 0 0; padding:0; border: none; }
.panDetail td label {padding:2px; font-family:verdana,arial,sans-serif;top:0em; font-size:110%;}
.panDetail td span {padding:2px; font-family:verdana,arial,sans-serif; top:0em; font-size:110%;}
.panDetail td textarea {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.panDetail td.LastWtd {width:250px;}
.panDetail td.LastMtd {width:150px;}
.panDetail p {clear:both; display:block;}
.panDetail label {padding:2px; font-family:verdana,arial,sans-serif; line-height:1.8em; top:0.1em;  font-size:110%;}

/**************************/
/* 用於panDetail內的資料列表  */
/**************************/
table.InPan {clear:both; width:100%; margin:0.2em 0 0.2em 0; *table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
table.InPan th {  border:solid 2px rgb(255,255,255); padding:2px 2px 2px 2px; background-color:rgb(151,151,151); text-align:center; color:rgb(255,255,255); font-weight:bold; }
table.InPan th.top {height:1.5em; font-size:110%;}
table.InPan th.topSw {height:3em; font-size:90%;}

table.InPan tr.Row {background-color:rgb(225,225,225); color:rgb(0,0,0);}
table.InPan tr.Row2 {background-color:rgb(242,242,242); color:rgb(0,0,0);}

table.InPan td { padding:2px 2px 2px 2px; border:solid 2px rgb(255,255,255); font-weight:normal; }
table.InPan td.C_TXT {text-align:center; height:3.0em;  font-size:90%;}
table.InPan td.L {text-align:left; height:1.2em; color:rgb(0,0,0); font-size:110%;}
table.InPan td.C {text-align:center; height:1.2em; color:rgb(0,0,0); font-size:110%;}
table.InPan td.CSw {text-align:center; height:2.2em; color:rgb(0,0,0); font-size:90%;}
table.InPan td.R {text-align:right; height:1.2em; color:rgb(0,0,0); font-size:110%;}

   
/**************************/
/* 用於討論區內的資料抬頭  */
/**************************/
table.ForumTop { width:100%;}
table.ForumTop .detail_top { font-size: 2.2em; color: #666; font-family: "微軟正黑體", "新細明體"; font-weight: 800; background-image: url(../_img/detail_top.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; height: 29px; }

/**************************/
/* 用於iframe fileUpload  */
/**************************/
.panDetail input[type=file] {padding:2px; cursor: pointer; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:12px;}
.panDetail input[type=submit] {padding:0px !important /*Non-IE6*/; padding:0 /*IE6*/; cursor: pointer; position:relative; top:-2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:12px;}
.panDetail span {padding:2px; top:1px; position:relative; font-family:verdana,arial,sans-serif; font-size:12px;}
 
/********************/
/*  COMMON CLASSES  */
/********************/
.mainLogin img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.mainLogin img.welcome {clear:both; float:left; margin:3px 10px 7px 50px; padding:1px; border:0px;}
.main img.welcome {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main img.check {clear:both; float:none; vertical-align:middle; margin:-3px 0 0 0; padding:0; border: none;}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}


.fieldset { margin:1em 0 1em 0; }