/* CSS Reset */
* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, font, p, input, select, ul, ol, li, div, span { font-family:"arial",sans-serif; text-align:justify; color:#6d6d6d; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* Container */
#container { width:790px; margin:5px auto; padding:0; padding-bottom:5px; background:#fff; }

/* Header */
#header { width:790px; margin:5px auto 0; padding:0; }
#header img { margin:0; padding:0; vertical-align:middle; }
#header h1 { font-family: "微軟正黑體", "Trebuchet MS", Arial; font-weight:bold; font-size:2.5em; letter-spacing:0.1em; margin:0; padding:20px; }

/* Menu*/
#menu { float:left; width:150px; padding-left:0; margin:10px 5px 5px 8px; font-family:"Trebuchet MS", Verdana, Arial; font-size:small; }
#menu ul { list-style:none; padding:2px; margin:0px; }
#menu li {  width:130px; padding:5px; letter-spacing:0.1em; font-weight:normal; }
 
/* Attachment */
#attachment { float:left; width:150px; margin:5px 5px 0 8px; border:#E1E1E1 solid 1px; font-size:small; } 
#attachment p { font-weight:normal; padding:5px; letter-spacing:0.1em; }
#attachment ul { list-style-type:none; margin:0; padding:0px; }
#attachment li { padding:5px 3px 3px; } 
#attachment li a { color:#666; text-decoration:underline; }
#attachment li a:hover { text-decoration:none; }

/* Content */
#content { float:right; width:610px;_width:600px; margin:10px 10px 5px 5px;_margin:10px 5px 5px 5px; background:#fff; font-size:small; }
#content p { padding-bottom:10px; }
#content a { color:#1F709F; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content span a { color:#FFF; padding:5px; } 
#content-in { padding:10px; background:#FFF; }
#content-in ul { padding:10px 0 10px 30px; }
#content-in ol { padding:10px 0 10px 30px; }

/* Footer */
#footer { width:780px; margin:5px auto; padding:10px 5px; height:35px; font-family:"Trebuchet MS", Verdana, Arial; font-size:small; background:#FFF; }

/* Success List */
.tbl { border-collapse:collapse; border:#E1E1E1 solid 1px; margin:5px auto; }
.tbl tr{ border:#E1E1E1 solid 1px; line-height:2em; text-align:center; }
.tbl th{ border:#E1E1E1 solid 1px; }
.tbl td{ border:#E1E1E1 solid 1px; background:#FFF; }

/* Form */
form.regie { margin:10px 30px; }
form.regie div { line-height:1.5; margin-bottom:20px; padding-left:20px; }
form.regie div label { margin-left:-30px; font-weight:bold; }
form.regie input{ vertical-align: middle; }
form.regie ul.option { list-style-type:none; }
span.checkbox_label{padding-right: 5px; _vertical-align: bottom; }
.tbl-confirm { border:none; margin:15px auto; } 
.tbl-confirm tr { border:none; }
.tbl-confirm th { border:none; text-align:right; }
.tbl-confirm td { border:none; padding-left:0; padding-bottom:15px; font-weight:bold; }
.tbl-confirm td span.data { padding-left:30px; font-weight:normal; }
/* .tbl-form { border:none; margin:10px auto; } 
.tbl-form tr { border:none; line-height:2.8em; padding-top:5px; vertical-align:top; }
.tbl-form th { border:none; text-align:right; font-weight:normal; }
.tbl-form td { border:none; text-align:left; padding-left:5px; padding-top:5px; } 
.tbl-confirm { border:none; margin:10px auto; } 
.tbl-confirm tr { border:none; line-height:2.8em; vertical-align:top; }
.tbl-confirm th { border:none; text-align:right; font-weight:normal; }
.tbl-confirm td { border:none; text-align:left; padding-left:5px; }*/
 
/* Remarks */
#remarks { margin:0; padding:5px; }
#remarks p { padding:0; margin-bottom:0; }
#remarks ol { margin:0 35px; padding:5px; list-style-type: decimal; }
#remarks ol li { padding:5px 0 0; }

/* Errors */
#errors { margin:0 0 10px; padding:5px; border:#D54E21 solid 1px; background-color:#FCF3EF; }
#errors p { color:#f00; }
#errors ul { margin:5px 45px; padding:0; }
#errors ul li { padding:5px 0; }
#errors ul li span.errorMessage{ color: red;  padding:5px 0; }
/*.errors p { padding:0; margin-bottom:0;  color: red;}
.errors ul li span{ color: red;}
.errors {border: 1px solid #CD0A0A; background: #FEF1EC url(images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x scroll 50% 50%;}*/

/* Guestbook */
#addMessage { margin-top:15px; }
ul.msg_list { list-style: none; margin:0; padding:0; }
ul.msg_list li { margin:0 auto; margin-bottom:10px; font-size:1em; font-weight:bold; padding:5px; }
ul.msg_list p, ul.msg_list div, ul.msg_list ol li, ul.msg_list ul li { margin-left:10px; margin-bottom:5px; padding:0; font-weight:normal; }
ul.msg_list div { padding:3px 8px; }
ul.msg_list ol li { margin:3px 40px; list-style-type: decimal; }
ul.msg_list ul li { margin:3px 40px; list-style-type: disc;  }
#comment h2 { font-size:small; }

/* Google-ads */
#google-ads-top { width:728px; height:90px; margin:5px auto; }

/* Share Links */
ul.share { padding:0; margin:0; }
ul.share li { list-style-type:none; display:inline; padding-left:20px; margin-right:5px; }
ul.share li.facebook { background:url(../images/facebook.gif) no-repeat center left; }
ul.share li.plurk { background:url(../images/plurk.gif) no-repeat center left; }
ul.share li.twitter { background:url(../images/twitter.gif) no-repeat center left; }

/* other */
.page { text-align:right; font-family:"Trebuchet MS", Verdana, Arial; }
.red { color:#F00; }
.fake-btn { color:#fff; }
input.ui-state-default{ padding: 5px; vertical-align: middle; text-align: center;}
.error ul li span.errorMessage {width: 16px; height: 16px; background: url(../images/exclamation.png);}