@Charset "UTF-8";
body.main {position: relative; font-family : Arial; margin: 0px;}

a {text-decoration:none; margin-bottom: 1px;}
a:hover {color: red; text-decoration:underline;}

#header {display: block; width: 600px; margin: 0px auto 20px auto; text-align:center;}
#header img {margin-bottom: 5px;}
#footer {display: block; margin: 20px auto 10px auto; font: normal 10px arial; color:#666666; text-align:center;}

#pageloadtime { font: normal 10px arial; color:#808080; text-align:left;}

.maincontent {position: relative; border: 2px solid #333399; background: #ffffff; padding: 20px 10px 10px 10px; width: 600px; margin: 30px auto; text-align:left; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.toolcontent {position: relative; border: 2px solid #808080; background: #ffffff; padding: 20px 10px 10px 10px; width: 90%; margin: 30px auto; text-align:left; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }

.bigfont {font: bold 16px arial; }
.desc {font: normal 14px arial; color:#555555; }
.center {text-align:center;}

#submit {position: relative; width: 800px; margin: 30px auto;}
#submit table.segment{position: relative; width: 100%; border: 1px solid #99ccff; background: #ffffee; margin: 20px auto 0px auto; text-align:left; border-collapse: collapse; border-spacing: 0px;}
#submit table.segment tr.header{background: #99ccff; font: bold 16px arial;}
#submit table.segment td{vertical-align: top;}
#submit table.segment td.lotspadding{padding: 20px;}
#submit .fullwidth {width: 99%;}
#mask {display: none; text-align: center;}
#mask .background {position: fixed; top: 0; left: 0; width: 120%; height: 120%; background-color: #000000; z-index: 10; zoom: 1; filter: alpha(opacity=60); opacity: 0.6;}
#mask .dialog {position: fixed; top: 50%; left: 50%;  margin-top: -50px; margin-left: -150px; width: 300px; height: 100px; background-color: #ffffff; zoom: 1; filter: alpha(opacity=100); opacity: 1; z-index: 210;  border: 2px solid #CCFFFF; background: #ffffff; padding: 20px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
#mask .dialog .bar {display: block; margin: 10px auto; width: 200px; height: 10px; text-align: left; background-color: #C0C0C0; border: 1px solid #000000;}
#mask .photoframe {position: absolute; margin-left: auto; margin-right: auto; text-align: center; z-index: 210; opacity: 1; zoom: 1; filter: alpha(opacity=100); background-color: #ffffff; padding: 10px;}
#progressbar {display: block; margin: 0px; width: 0px; height: 10px; text-align: left; background-color: #0000FF;}
.itempic {text-align:center;}

#cat1 {width: 90px;}
#cat2 {width: 90px;}
#cat3 {width: 90px;}

#category {display: block; margin:10px;}
#category .header {font-weight: bold;}
#category .ccc {font: bold 16px arial; margin-bottom: 5px;}
#category table {width: 100%;}
#category td {vertical-align: top;}
#category td.left{width: 150px;}
#category .search {border: 1px solid #cc0000; padding: 5px; margin-bottom: 10px;}
#category .search .textbox{ width: 130px;}
#category .search p.right {text-align: right; margin-bottom: 0px;}
#category .subcat {border: 1px solid #0000ff; padding: 5px; margin-bottom: 10px;}
#category .listing {border: 2px solid #FFCC66; margin-bottom: 10px; border-collapse: collapse; table-layout:fixed; white-space:nowrap;  }
#category .listing td {padding: 2px 5px; text-overflow:ellipsis; overflow: hidden; height: 1.5em; -ms-text-overflow: ellipsis; white-space:nowrap; }
#category .listing tr.dimrow {background-color: #f5f5f5; }
#category .listing .header{background-color: #FFCC66;}
#category .listing .title{ vertical-align: middle; }
#category .listing img{ vertical-align: middle; }
#category .listing .cat{width: 80px; text-align: center; }
#category .listing .country{width: 60px; text-align: center; }
#category .listing .province{width: 80px; text-align: center; }
#category .listing .city{width: 100px; text-align: center; }
#category .listing .date{width: 90px; text-align: center; }
#category .empty {display: block; text-align: center; font: italic 16px arial; color: #666666; }
#category .location {border: 1px solid #66CC66; padding: 5px; margin-bottom:5px;}

#advertisement {display: block; margin:10px;}
#advertisement .segm {display: block; padding: 1px; font: normal 16px arial; background-color: #ffffff; border: 1px solid #333333; margin: 1px 2px;}
#advertisement .title {padding: 3px; font: bold 18px arial; background-color: #C0E0EF;}
#advertisement .title a {text-decoration:none; color:#000000;}
#advertisement .title a:visited { color:#000000;}
#advertisement .title a:hover { color:#000000;}
#advertisement .title h3 {margin:0px;}
#advertisement .grey {background-color: #f5f5f5;}
#advertisement .yellow {background-color: #FFFFCC;}
#advertisement .none {border: 1px solid #ffffff; text-align:right;}
#advertisement .header {font-weight: bold;}
#advertisement table {width: 100%;}
#advertisement table.three td {width: 34%;}
#advertisement table.four td {width: 25%;}
#advertisement .content {display: block; padding: 0px; font: normal 16px arial; background-color: #ffffff;}
#textarea{ width: 100% ; min-height: 380px; border: 1px solid #000000;}
#advertisement .content td {vertical-align: top;}
#advertisement .content .report {width: 150px; background-color: #FFeeFF; padding: 5px; border: 2px solid #FF66FF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#advertisement .content td.right {width: 150px;}

#photoGallery {float: right; position: relative; width: 150px; background-color: #eeeeee; margin-top: 10px; text-align: center;}
#photoGallery .prevPic {position: absolute; top: 0px; display:block; z-index: 7;}
#photoGallery .nextPic {position: absolute; bottom: 0px; display:block; z-index: 7;}
#photoGallery .gallery {margin: 30px auto;}

#okalert {text-align: center; margin: 2em auto 2em auto;}
#okalert table {margin: auto;  border: 2px solid #33CC99; background-color: #E6FFE6; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
#okalert td {width: 500px; height: 50px; top: 30px; padding: 30px 30px 30px 60px; text-align: left; vertical-align: middle;  background-image: url("http://www.taiwanad.com/img/icn-ok.png"); background-repeat: no-repeat; background-position: 20px 20px;}
#okalert p {display: block; text-align: center; margin: 2em auto 2em auto;}
#okalert a {font-weight: bold; }
#badalert {text-align: center; margin: 2em auto 2em auto;}
#badalert table {margin: auto; border: 2px solid #FF0000; background-color: #FFFF99; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
#badalert td {width: 500px; height: 50px; top: 30px; padding: 30px 30px 30px 60px; text-align: left; vertical-align: middle; background-image: url("http://www.taiwanad.com/img/icn-stop.png"); background-repeat: no-repeat; background-position: 20px 20px;}
#badalert p {display: block; text-align: center; margin: 2em auto 2em auto;}
#badalert a {text-decoration:none; color: #660000; font-weight: bold; background-color: #FFFF99; width: auto; padding: 10px 20px 10px 20px; border: 1px dotted #FF0000;}
#badalert a:hover {text-decoration:none; color: #FF0000; font-weight: bold; background-color: #FFFF00; width: auto; padding: 10px 20px 10px 20px; border: 1px solid #FF0000;}

.page_selector {display: block; text-align: center; text-decoration:none;}
.page_selector .page {background-color:#f9f9f9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #dcdcdc;display:inline-block;color:#666666;font-family:arial;font-size:12px;font-weight:normal;padding:6px 10px;text-decoration:none;margin: 2px;}
.page_selector .page:hover {background-color:#e9e9e9;}
.page_selector a {display: block; text-decoration:none; color: #001428;}
.page_selector a:hover {color: #FF9900; font-weight: bold;}
.page_selector .current {background: #000000; color: #ffffff;}
.page_selector .current:hover {background-color:#000000;}

.submit { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271; box-shadow:inset 0px 1px 0px 0px #a4e271; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) ); background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809'); background-color:#89c403; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #74b807; display:inline-block; color:#ffffff; font-family:Arial; font-size:19px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #528009;}
.submit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) ); background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403'); background-color:#77a809;}
.submit:active { position:relative; top:1px;}

.cancel { -moz-box-shadow:inset 0px 1px 0px 0px #fab3ad; -webkit-box-shadow:inset 0px 1px 0px 0px #fab3ad; box-shadow:inset 0px 1px 0px 0px #fab3ad; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) ); background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639'); background-color:#fa665a; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff; font-family:Arial; font-size:19px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #98231a;}
.cancel:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d34639), color-stop(1, #fa665a) ); background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a'); background-color:#d34639;}
.cancel:active { position:relative; top:1px;}

.preview { -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; box-shadow:inset 0px 1px 0px 0px #bbdaf7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color:#79bbff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-family:arial; font-size:19px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #528ecc;}
.preview:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background-color:#378de5;}
.preview:active { position:relative; top:1px;}

.smallbutton {background-color:#f9f9f9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #666666;display:inline-block; color:#333333;font-family:arial;font-size:12px; padding:2px 7px;text-decoration:none; }
.smallbutton:hover {background-color:#e9e9e9;}
.smallbutton:active {position:relative;top:1px;}