#re_layout {
    margin: 10px 5px;
}

#re_tb {
    background: #FFFFFF;
    border-collapse: collapse;
    border: solid 1px #C1DAD7;
}

#re_tb th {
    padding: 5px 10px;
    border-left: solid 1px #C1DAD7;
    border-bottom: solid 1px #C1DAD7;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    background: #F5FBFF;
    color: #336699;
}

#re_tb td {
    padding: 10px;
    border-left: solid 1px #C1DAD7;
    border-bottom: solid 1px #C1DAD7;
    vertical-align: middle;
}

#re_tb span#tag {
    display: block;
    padding: 5px 0 0 25px;
    background: url('./images/tag_edit.gif') no-repeat 5px 8px;
}

#re_tb2 {
    background: #FFFFFF;
    border: solid 1px #d1cfcf;
    border-bottom: none;
}

#re_tb2 th {
    background: url('./images/sort_row_bg.gif') repeat-x 0 50%;
    border-width: 1px;
    border-style: solid;
    border-color: #f9f9f9 #d1cfcf #f9f9f9 #f9f9f9;
    padding: 5px;
    font-weight: normal;
    color: #000000;
    /*text-align: left;*/
}

#re_tb2 td {
    border-right: solid 1px #E4E4E4;
    border-bottom: solid 1px #E4E4E4;
    padding: 5px;
    vertical-align: middle;
    border-collapse: collapse;
}

#re_tb2 a:hover {
    color: #FF6600;
}

#re_tb2 tr.even td {
    background: #FFFFFF;
}

#re_tb2 tr.odd td {
    background: #F7F7F7;
}

#re_tb2 tr.highlight td {
    background: #FFFFCC;
}

#re_tb2 tr.selected td {
    background: #FCF5DD;
}


/*#re_tb2 tr:hover td {
    background:#FCF5DD;
    color: #FF6600;
}
#re_tb2 tr:hover td a {
    color: #FF6600;
}*/

#re_tb2 #last {
    border-right: 0;
}

#re_tb2 tr.change td {
    background-color: #FFFFFF;
}

#re_tb2 tr.change2 td {
    background-color: #FCF5DD;
}

span#break {
    color: #CDCDCD;
    padding: 0 3px;
    /*font-size:85%;*/
}

.tcn1 {
    color: #33AADD;
}

.tcn2 {
    color: #85C60A;
}

.tcn3 {
    color: #FF4477;
}

div.row_odd {
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    background-color: #F5FBFF;
    border-top: 1px solid #CEDAD7;
    border-bottom: 1px solid #CEDAD7;
}

div.row_even {
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
}

div.rowbox {
    width: 450px;
    float: left;
}

div.row {
    clear: both;
    padding: 5px;
}

span.label {
    float: left;
    /*width: 40px;*/
    text-align: right;
    color: #336699;
    padding: 2px 10px 2px 0;
    vertical-align: middle;
}

span.form {
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

span.button {
    float: left;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.spacer {
    clear: both;
}


/*
.attention {
  padding-top: 0; padding-left: 20px; padding-bottom: 5px;
  background: url(./images/attention.gif) no-repeat left top;
  text-align: left; font-size: 12px; font-weight: bold; vertical-align: top;
}
.attention a {
  color: #666666;
}
.information {
  padding-top: 0; padding-left: 20px; padding-bottom: 5px;
  background: url(./images/information.gif) no-repeat left top;
  text-align: left; font-size: 12px; font-weight: bold; vertical-align: top;
}
.information a {
  color: #666666;
}*/

.album {
    width: 100%;
    clear: both;
}

span.photoitem {
    float: left;
    text-align: center;
    padding: 10px 0;
    width: 115px;
    line-height: 12pt;
}

span.photoitem div {
    text-align: center;
    padding: 3px 0px;
    color: #3366CC;
}

span.photoitem div a {
    color: #1188BB;
}

span.photoitem div a:hover {
    color: #44AA00;
    text-decoration: underline;
}

span.photoitem span#price {
    color: #666666;
}

span.photoitem img {
    text-align: center;
    line-height: 12pt;
    border: 1px solid #dddddd;
    background-color: #FFF;
    padding: 3px;
    cursor: pointer;
}

.photo {
    /*float: left;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;*/
}


/*.comment { border-top: 1px dashed #DDDDDD;}*/

.comment td.ava {
    /*width: 48px;*/
    padding-right: 5px;
}


/*.comment td.ava img { border: 1px solid #CDCDCD; padding: 2px; background-color: #FFFFFF; }*/

.comment td.com {}

.comment #name {
    font-size: 12px;
    font-weight: bold;
    color: #AA7755;
}

.comment #name a {
    color: #AA7755;
}

.comment #days {
    font-size: 9px;
    color: #6C6C6C;
}

.comment #days a {
    font-size: 9px;
    color: #1188CC;
    text-decoration: underline;
}

.comment #days a:hover {
    font-size: 9px;
    color: #FF3300;
    text-decoration: underline;
}

.comment #info,
#info a {
    color: #1188BB;
}

.comment #date {
    color: #55AA11;
}

.comment #info a:hover {
    color: #339900;
}

.comment #message {
    color: #333333;
    line-height: 20px;
}


/* Page Navigation CSS */

.page {
    text-align: center;
    clear: both;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 5px 0;
}

.page .left {
    width: 50%;
    float: left;
}

.page .right {
    width: 50%;
    float: right;
}

.pagenav {
    margin-left: auto;
    margin-right: auto;
}

.pagenav a {
    color: #6699CC;
    padding: 2px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
}

.pagenav a:visited {
    padding: 2px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
}

.pagenav a.prev {
    margin-right: 50px;
    padding: 2px 6px;
    border: solid 1px #ddd;
    background: #fff;
}

.pagenav a.next {
    margin-left: 50px;
    padding: 2px 6px;
    border: solid 1px #ddd;
    background: #fff;
}

.pagenav .break {
    padding: 2px 6px;
    border: none;
    background: #fff;
    text-decoration: none;
}

.pagenav .current {
    padding: 2px 6px;
    border-color: #999;
    font-weight: bold;
    /*font-size: 12px;*/
    vertical-align: top;
    background: #fff;
    color: #FF0084;
}

.pagenav a:hover {
    color: #fff;
    background: #0063DC;
    border-color: #003366;
    text-decoration: none;
}

.start {
    margin-right: 50px;
    padding: 2px 6px;
    background: #fff;
    color: #aaa;
}

.end {
    margin-left: 50px;
    padding: 2px 6px;
    background: #fff;
    color: #aaa;
}

.dashed_line {
    height: 1px;
    border-top: 0 solid #FFFFFF;
    border-left: 0 solid #FFFFFF;
    border-right: 0 solid #FFFFFF;
    border-bottom: 1px dashed #DDDDDD;
    clear: both;
}


/* Form Validate CSS */

input.errHilite,
textarea.errHilite {
    border: 1px solid #DDC;
    padding: 2px 1px;
    background-color: #FFFFEE;
}

select.errHilite {
    /*border: 1px solid #DDC;
    padding: 2px 1px;*/
    background-color: #FFFFEE;
}

label.errHilite {
    color: #EE7733;
}


/*
ul#errors {
    display: none;
    margin-top: 1em;
    background-color: #FFE;
    border-top: 1px solid #CC9;
    border-bottom: 1px solid #CC9;
    padding: 5px;
    color: #FF3300;
}
ul#errors li {
    list-style-type: none;
    margin-top: .5em;
    margin-bottom: .5em;
    padding: 0;
}
ul#errors li.heading {
    list-style-type: none;
    color: #000;
    font-weight: normal;
    margin: .5em 0;
    padding: 0;
}
*/

label:hover {
    color: #33AADD;
}


/* Float Order CSS */

div#imageFloat {
    width: 100%;
    clear: both;
    float: left;
    /*background-color: #F5FBFF;
    border: 1px solid #E4F4FC;
    margin-bottom: 10px;*/
}


/* Google adsense */

div.adsense {
    clear: both;
    padding: 10px;
    background-color: #FFFFEE;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}


/* magazine layout */

.magazine-image {
    background: #fff;
    /*border: 1px #000 solid;*/
}

.magazine-image img {
    padding: 0px;
    background: #fff;
    margin: 2px;
    border: 1px #eee solid;
}


/* view type menu */

.typemenu {
    float: right;
}

.typemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.typemenu li {
    float: left;
    padding: 2px 10px;
    background: url('./images/li_line.gif') no-repeat right 7px;
}

.typemenu li.last {
    background: none;
}


/* Tag Cloud */

.reltag {
    display: block;
    padding: 0 0 0 25px;
    background: url('./images/tag.gif') no-repeat 0 50%;
}

.deltag {
    display: block;
    padding: 0 0 0 25px;
    background: url('./images/tag_delete.gif') no-repeat 0 50%;
}


/*related tags*/

.addtag {
    display: block;
    padding: 0 0 0 25px;
    background: url('./images/tag_add.gif') no-repeat 0 50%;
}

.tag12,
.tag12 a {
    /*font-size: 12px;*/
    color: #666;
    text-decoration: none;
    line-height: 23px;
}

.tag12 a:hover {
    background-color: #f8f6e4;
}

.tag13,
.tag13 a {
    /*font-size: 13px;*/
    color: #3a619f;
    text-decoration: none;
    line-height: 23px;
}

.tag13 a:hover {
    background-color: #f8f6e4;
}

.tag16,
.tag16 a {
    /*font-size: 16px;*/
    color: #8f9e3e;
    font-weight: bold;
    text-decoration: none;
    line-height: 23px;
}

.tag16 a:hover {
    background-color: #f8f6e4;
}

.tag20,
.tag20 a {
    /*font-size: 20px;*/
    color: #41A901;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
}

.tag20 a:hover {
    background-color: #f8f6e4;
}

.qrcode {
    height: 128px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 128px;
}

.isw {
    color: #8a6d3b;
    margin: 0 0 5px;
    padding: 5px;
    border-radius: 4px;
    background-color: #fcf8e3;
}

.formError {
    opacity: 0.78!important;
}

.formError .formErrorContent {
    width: 100%;
    margin-left: -40px;
    background-color: #ee0101;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #999;
    border-style: none;
    min-width: 110px;
    line-height: 1.5em;
    margin-bottom: 5px;
    font-size: 11px;
    position: relative;
}

.formError .formErrorContent::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ee0101 transparent transparent transparent;
}

.formErrorArrow {
    display: none;
}

/*讓表格內formError彈窗在正確位置*/
#myForm td {
  position: relative;
}