body,table,form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif;}
body {text-align: center;}
.body-editor {text-align: left;}
/*h1 {padding: 5px 5px 5px 5px; margin: 5px; font-size: 14px; background-color: #DDDDDD; color: #285186; width: 590px;}*/
h1 {margin: 0px 0 10px 5px; font-size: 14px; padding-left: 17px; color: #284D69; text-transform: uppercase; background-image: url(./picture/mask/back_h1.gif); background-position: 0 1px; background-repeat: no-repeat;}
h2 {padding: 5px 0 10px 15px; margin: 0; font-size: 13px; background-image: url(./picture/arr_red_sm.gif); background-repeat: no-repeat; background-position: 5px 13px;}
h3 {margin: 0; font-size: 13px;}
h5 {font-size: 11px; color: #666666; margin: 0; padding-left: 5px;}
img {border: 0;}
textarea {overflow: auto; border: 1px solid #CCCCCC;}
hr {background-color: #FFFFFF; border: 1px dashed #9ac116; clear: both;}
a {color: #396185; text-decoration: none;}
a:hover {color: #396185; text-decoration: underline;}
tr.tab-top {background-color: #DFDFDF; font-weight: bold;}
tr.tab-back {background-color: #f7f7f7;}
td.tab-left {width: 35%;}
td.tab-right {width: 65%;}
.search-highlight, .search-result {background-color: #fff0b2;}
.fl {float: left;}
.hidden {display: none;}

#page {text-align: left; width: 760px; margin: auto;}
/*#top {height: 50px; width: 760px; float: left;}*/
#top {height: 50px; width: 760px;}
#search {padding-top: 10px;}
#search .is {border: 1px solid #CCCCCC; width: 130px; font-size: 9px; margin-bottom: 5px;}
#top .logo {float: left;}
#menu-top {background-image: url(./picture/mask/menu_back_all.gif); background-repeat: repeat-x; background-position: 0 0; height: 25px; float: left; width: 100%;}
#clickmap .left, #clickmap .right {background-repeat: repeat-x; background-position: 0 0; height: 20px; float: left;}
#clickmap .left {width: 160px; padding-top: 5px; background-image: url(./picture/mask/back_clickmap_l.gif); background-repeat: no-repeat; background-position: 0 0;}
#clickmap .right {font-size: 10px; color: #777777; padding: 0 0 0 5px; width: 595px; background-image: url(./picture/mask/back_clickmap_r.gif); background-repeat: repeat-y; background-position: 0 0;}
#body {width: 100%; float: left;}
	#body .menu {padding-top: 5px; float: left; width: 160px; padding-bottom: 10px; background-image: url(./picture/mask/menu_left_back.gif); background-repeat: repeat-y; background-position: right top; border-bottom: 1px solid #BED3EF;}
	#body .menu .items {padding: 0; width: 160px; float: left; padding-bottom: 5px;}
	#body .menu .items h3 {color: #284D69; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #BED3EF; border-top: 1px solid #BED3EF; padding-top: 5px; background-color: #f6f9fd; padding: 4px 5px 2px 5px;}
	#body .main {float: left; width: 600px;}
	#body .main .text {float: left; padding: 5px; width: 98%;}
	#body .main .search {width: 590px;}
#footer-arrow {text-align: right; margin-top: 10px; float: right; width: 100%;}
#footer {color: #244061; text-align: right; width: 600px; float: right; margin-top: 20px; float: left; width: 750px; padding: 5px;}

.home {float: left; width: 380px; margin-bottom: 15px;}
.home .news-sub {width: 100%; float: left; font-weight: bold; font-size: 13px;}
.news-sub-small {padding-left: 3px; width: 100%; float: left; font-weight: bold; font-size: 10px;}
.news-date {color: #9ac116; font-weight: bold; font-size: 10px;}
.home .news-img {width: 90px; text-align: center;}
.home .news-text {width: 280px; float: left; margin: 2px;}
.home-info {float: right; width: 202px;}
.home-info div {text-align: justify; margin-bottom: 5px; color: #555555; font-size: 10px;}
.home-info h3 {color: #284D69; font-size: 11px; text-transform: uppercase; text-align: right; border-bottom: 1px solid #BED3EF; border-top: 1px solid #BED3EF; padding-top: 5px; background-color: #f6f9fd; padding: 4px 5px 2px 5px; margin: 5px 0 10px 0;}
.last-hidden {color: #AAAAAA;}

table.news {margin-bottom: 10px; width: 100%;}
table.news td {vertical-align: top;}
table.news td .date {color: #858585;}
td.img-news {width: 100px; text-align: center;}

table.border {border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB;}
table.border td {padding: 2px; border-left: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB;}
table.man {margin-bottom: 10px; width: 100%; border-bottom: 1px #728aa2 dotted;}
table.man td {vertical-align: top;}
table.man td .date {color: #728aa2;}
td.img-man {width: 30px;}

.hl-form-bad, .hl-form-ok {font-weight: bold;}
.hl-form-bad {color: #e85757;}
.hl-form-ok {color: #53bc4b;}

.pages {width: 100%; text-align: center; margin-top: 10px; float: left;}

.logout {color: red; text-decoration: none;}
.logout:hover {text-decoration: underline;}

/*menu left*/
.left-normal, .left-active, .left-locked {padding-bottom: 5px;}
.left-normal a {padding-left: 7px; color: #505d63; text-decoration: none; background-image: url(./picture/arr_red_sm_menu.gif); background-repeat: no-repeat; background-position: 0 5px;}
.left-normal a:hover {color: #244161; text-decoration: underline;}
.left-locked a {padding-left: 7px; color: #BBBBBB; text-decoration: none; background-image: url(./picture/arr_red_sm_menu.gif); background-repeat: no-repeat; background-position: 0 5px;}
.left-locked a:hover {color: #BBBBBB; text-decoration: underline;}
.left-active {padding-left: 7px; font-weight: bold; background-image: url(./picture/arr_green_sm_menu.gif); background-repeat: no-repeat; background-position: 0 5px;}
/*menu left end*/

/*Interrelated and download*/
#interrelated {width: 49%; padding-top: 15px; float: left;}
#interrelated h3 {margin: 0; background-color: #F7F7F7; width: 100%; padding: 6px; color: #285186;}
#interrelated .text {width: 100%;}
#interrelated a, #interrelated a:hover, #download a, #download a:hover {padding-left: 7px; background-image: url(./picture/arr_red_sm_menu.gif); background-repeat: no-repeat; background-position: 0 3px;}

#download {width: 49%; padding-top: 15px; float: left;}
#download h3 {background-color: #F7F7F7; width: 100%; padding: 6px; color: #285186;}
#download .text {width: 100%;}
/*Interrelated and download end*/

/*faq*/
a.faq {padding-left: 5px; background-image: url(./picture/arr_red_sm_menu.gif); background-repeat: no-repeat; background-position: 0 3px;}
/*faq end*/

/*menu top*/
.top-normal, .top-active, .top-locked {float: left; width: 80px; height: 28px; padding-top: 4px; text-align: center;}
.top-normal {background-image: url(./picture/mask/menu_back.gif); background-repeat: no-repeat; background-position: 0 0;}
.top-active {background-image: url(./picture/mask/menu_back_active.gif); background-repeat: no-repeat; background-position: 0 0;}
.top-normal:hover, .top-active:hover {background-image: url(./picture/mask/menu_back_on.gif); background-repeat: no-repeat; background-position: 0 0;}
.top-normal a, .top-active a {font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.top-normal a:hover, .top-active a:hover {color: #FFFFFF;}
.top-locked {background-image: url(./picture/mask/menu_back_secret.gif); background-repeat: no-repeat; background-position: 0 0; color: #444444; font-weight: bold; font-size: 10px;}
/*menu top end*/

/*webmap*/
#menutree {width: 100%; float: left;}
#menutree a {background-image: url(./picture/arr_red_sm.gif); padding-left: 10px; background-repeat: no-repeat; background-position: 0 5px;}
#menutree a.lock {background-image: url(./picture/arr_gray_sm.gif); color: grey;}
/*webmap end*/

/*category*/
.cat-all, .cat-all-hidden {float: left; padding: 5px 0 5px 0; width: 100%;}
.cat-img {text-align: center; padding: 0 5px 0 5px;}
.cat-text {}
/*category end*/
.il {border: 1px solid #CCCCCC; width: 89px; height: 15px;}
.ilb {border: 1px solid #CCCCCC; height: 15px;}
.ic {border: 1px solid #9ac116; background-color: #9ac116; color: #FFFFFF; height: 18px; font-size: 10px; font-weight: bold;}
.log-in {width: 100%; padding: 10px 0 0 0;}
.red {color: red;}
table.reg {width: 100%; margin: 10px 0 10px 0;}
.reg0 {font-weight: italic;}
.reg1 input, .reg1 textarea, .reg-input {border: 1px solid #CCCCCC;}
.reg1 input {height: 15px;}
.star-comment {font-size: 10px; color: #666666;}
.isel {font-size: 11px;}
.reg .note {color: #999;}

/*editor*/
.Bold {font-weight: bold;}
.Title {font-weight: bold; font-size: 18px; color: #cc3300;}
.Title-dark-red {font-weight: bold; font-size: 18px; color: #800000;}
div.space-before:first-letter {padding-left: 10px;}
div.space-before {padding-bottom: 5px;}
.Code {border: #8b4513 1px solid; padding-right: 5px; padding-left: 5px; color: #000066; font-family: 'Courier New' , Monospace; background-color: #ff9933;}
/*editor end*/

/*enquiry*/
.enquiry-article {float: left; background-color: #F7F7F7; border: 1px solid #DFDFDF; width: 210px; padding: 1px 5px 10px 8px; margin: 10px 10px 10px 0;}
.enquiry-article h2 {padding: 5px 0 0 0; background: 0;}
.enquiry-question {font-weight: bold; margin: 5px 5px 10px 0; font-size: 11px;}
.enquiry-answer {font-size: 11px; margin: 8px 0 2px 0;}
.enquiry-answer a {font-size: 11px; font-weight: bold;}
.enquiry-back {background-color: #bad4eb; border: 1px solid #92acc4; height: 10px; background-image: url(../picture/mask/enq_back.gif); background-repeat: repeat-x; background-position: 0 0;}
.enquiry-over {background-color: #D9E5ED; font-size: 8px; height: 10px; background-image: url(../picture/mask/enq_over.gif); background-repeat: repeat-x; background-position: 0 0;}
.enquiry-false {font-weight: bold; color: #FF0000; margin-top: 10px; width: 100%; text-align: center;}
/*enquiry end*/

/*gallery*/
#gallery, #gallery form, #gallery table {color: #624831;}
#gallery .preview {background-color: #b7c2cf; border-top: 10px solid #dee6f0;}
/*gallery end*/

/*commnet*/
.message {background-color: #EFEFEF; border: 1px solid #AAAAAA; color: #697579; font-weight: bold; padding: 10px 10px 10px 45px; margin-bottom: 10px; background-image: url(./picture/mask/comment-alert.jpg); background-position: 10px center; background-repeat: no-repeat;}
.comment0 {background-color: #EEEEEE;}
div.comment-t, div.comment-l, div.comment-i, div.comment-b {height: 21px; float: left; background-position: 0 0; background-repeat: repeat-y;}
div.comment-t {background-image: url(./picture/mask/t.gif);}
div.comment-l {background-image: url(./picture/mask/l.gif);}
div.comment-i {background-image: url(./picture/mask/i.gif);}

.comment-reag {width: 100%; text-align: right; }
.comment-detail {float: left;}
.comment-detail .all {float: left; width: 100%;}
.comment-detail .all .comment-head {float: left; width: 100%;}
.comment-detail .all .comment-text {float: left; width: 100%;}
.comment-submit {border: 0; background: 0;}
.comment-submit-preview, .comment-submit-save {height: 26px; color: #445071; font-size: 11px; font-weight: bold; font-style:italic; border: 0; background: 0; background-position: 0 0; background-repeat: no-repeat;}
.comment-submit-preview {width: 116px; background-image: url(./picture/mask/comment-preview-back.gif);}
.comment-submit-save {width: 65px; background-image: url(./picture/mask/comment-add-back.gif);}
.comment-add {width: 560px; padding: 10px; border: 1px solid #E1E1E1; background-color: #F7F7F7;}
.comment-add table {width: 100%;}
.comment-add textarea {width: 100%; height: 200px;}
.comment-warning {padding-bottom: 5px; font-weight: bold; color: #e47f7f;}
.comment-quality {clear: both; padding: 0 0 8px 0; width: 100%; padding-top: 10px; text-align: center; background-image: url(./picture/mask/comment-quality-back.gif); background-position: center center; background-repeat: no-repeat;}
.unreg-user {margin-left: 5px; font-size: 10px; color: #999999;}
.ip {font-size: 10px; color: #BEB296;}

.comment-detail0 {float: left; width: 100%; background-color: #EEEEEE; margin-bottom: 5px; padding: 5px;}
.comment-detail1 {float: left; width: 100%; background-color: #F7F7F7; margin-bottom: 5px; padding: 5px;}
/*comment end*/

/*phone call*/
div.reg {
	padding-left:6px; 
}

div.reg, div.reg .row {
	width: 100%;
}
div.reg .label{
	width: 200px;
	float: left;
}
div.reg .value{
	width: 100%;
	float: none;
}
div.reg .other {
	width: 90px;
	display: none;
}
div.reg .ic {
	margin-bottom: 10px;
}

/*phone call end*/

#fbanner {float: left; width: 100%; text-align: center;}

#top a{
	display: block;
	width: 100%;
	height: 50px;
}

#top {
	background-image: url('picture/banner/top.png');
}

a.leftLink {
	float: left;
	display: block;
	height: 100px;
	width: 560px;
	background-image: url('picture/banner/left.png');
}

a.rightLink {
	display: block;
	height: 100px;
	width: 200px;
	margin-left: 560px;
	background-image: url('picture/banner/right.png');
}

.noDisplay {
	display: none;
}

div.bannerCover {
	width: 100%;
}