/*===========表單欄位使用的樣式===========*/
input[type=text], input[type=password], textarea
{
    padding: 3px 5px;
	border: 1px solid #333333;
	color: #102132;
	font: 1em Lucida Grande,Lucida Sans,Arial,sans-serif;
	letter-spacing: 0.1em;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus
{
	border: 1px solid #7F9DB9;
	background-color: #f1fbe5;
}
input[type=text].i
{
    font-style: italic;
}
input[type=text].readonly, textarea.readonly, label.readonly
{
    padding: 3px 5px;
    color: rgb(163, 73, 164);
    background-color: rgb(241, 251, 229);
    border: 0px;
}
input[type=text].label:focus, textarea.label:focus
{
}
select
{
    padding-left: 5px;
	border: 1px solid #333333;
	color: #102132;
	font: 1em Lucida Grande,Lucida Sans,Arial,sans-serif;
	letter-spacing: 0.1em;
}
select option
{
    padding-left: 5px;
	color: #102132;
	font: 1em Lucida Grande,Lucida Sans,Arial,sans-serif;
	letter-spacing: 0.1em;
}
.radiobuttonlist
{
    margin:0;
    padding:0;
    float:left;
}
.radiobuttonlist li
{
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}

/*========排版用途========*/
label.info
{
    color:rgb(29, 182, 37);
}
label.notify
{
    color:Fuchsia;
}
pre.eztext
{
    width: 100%;
    white-space: pre-wrap;
    margin: 5px 0;
}
.eztext.i
{
    font-style: italic;
}
div.inlineContent
{
    margin: 10px;
}
    div.inlineContent h1
    {
        margin: 0;
        color: rgb(128, 128, 128);
        border-bottom: 8px solid rgb(255, 188, 188);
    }
image
{
    border:none;
}
span.link
{
    color:rgb(0, 102, 204);
    cursor:pointer;
}
div.tailholder
{
    height:50px;
}

/*===========jQuery Validation使用的 樣式===========*/
.number{text-align: right;}	/*數字驗證:右靠,右邊內距5px*/
.digits{text-align: right;}	/*整數驗證:右靠,右邊內距5px*/
.email{}	/*電子郵件信箱驗證*/
.date{}		/*日期驗證, 小月曆*/
.dateISO{}	/*日期驗證, 小月曆*/
.url{}		/*網址驗證*/
.alphanumeric{}	/*英文、數字與底線驗證*/
.lettersonly{}	/*英文驗證*/
.nowhitespace{}	/*不允許空白驗證*/
.cancel{}		/*點選按鈕時跳過驗證進行傳送*/
.required{}	/*必輸檢核*/
label.error{display: none; color: Red;}	/*jQuery Validation檢核失敗訊息樣式*/
input.error, textarea.error, select.error{border: 1px solid red;}

/*自訂樣式*/
.upper{}	/*轉大寫*/
.lower{}	/*轉小寫*/

/*===========檔案上傳的進度條使用的樣式===========*/
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

/*===========解說牌版面===========*/
img.b5 { width:850px; height:570px; border:1px solid #000000; }
img.inch6x8 {width:700px; height:460px; border:1px solid #000000; }