body,table,form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #6e6e6e;}
body {text-align: center;  background-position: 0 0; background-color: #555555;}
.body-editor {text-align: left; background: 0;}
img {border: 0;}
input, textarea {border: 1px solid #696969;}

h1 {height: 24px; _height: 36px; padding: 11px 0 6px 50px; font-variant: small-caps; color: #FFFFFF; margin: 2px 0 3px 0; font-size: 12px; font-weight: bold; width: 100%; background-image: url(./picture/mask/h1.gif); background-position: 0 0; background-repeat: no-repeat;}
h3 {border-bottom: 2px solid #B30000; color: #000000; margin: 10px 0 15px 0; padding: 0 0 2px 0; font-weight: bold; font-size: 13px; font-variant: small-caps;}
h4 {margin: 20px 0 10px 0; font-weight: bold; font-size: 12px;}

#footer .copyright a {color: #717171;}
a {color: #B30000; text-decoration: none; font-weight: normal; font-size: 11px; padding: 0; margin: 0;}
a:hover, .cms:hover, #footer .copyright a:hover {text-decoration: underline;}

.nodisp {display: none;}
.noborder {border: 0}
.imgp {margin: 0 5px 5px 0; float: left;}
.aarr {width: 100%; text-align: right; float: left;}
.aarr a, .aarrs, .aarrsb, .news-home .title a, .right .main .title a, .news-main .title a, .cat-text a {padding-left: 7px;  color: #333333; text-decoration: none; font-weight: normal; font-size: 11px; background-image: url(./picture/mask/arr-red.gif); background-position: 0 3px; background-repeat: no-repeat;}
.aarr a:hover, .aarrs:hover, .aarrsb:hover, .news-home .title a:hover, .right .main .title a:hover, .news-main .title a:hover, .cat-text a:hover {text-decoration: underline;}
.aarrsb {font-weight: bold;}
.aarg {width: 100%; text-align: right; float: left;}
.aarg a, .webmap-item a {padding-left: 7px;  color: #B30000; text-decoration: none; font-weight: normal; font-size: 11px; background-image: url(./picture/mask/arr-gray.gif); background-position: 0 3px; background-repeat: no-repeat;}
.aarg a:hover, .webmap-item a:hover {text-decoration: underline;}

.flag {border: 1px solid #F24E4F;}

div.half {width: 50%; float: left;}
.clear {clear: both;}

.webmap-item {margin-bottom: 3px;}

.hl-form-ok {color: #1D9F23; font-weight: bold;}
.hl-form-bad {color: #BF1717; font-weight: bold;}

.help {border-bottom: 1px dashed #CCCCCC; cursor: help;}

#cms {position: absolute; top: 100%; left: 5px;}
#page {text-align: left; width: 766px; margin: auto;}
#top {height: 72px; width: 766px; float: left; background-color: #FFFFFF; background-image: url(./picture/mask/top-back.jpg); background-position: 0 0; background-repeat: no-repeat;}
	#top .left {height: 20px; _height: 65px; width: 200px; _width: 220px; text-align: center; float: left; padding: 27px 0 0 20px;}
	#top .left a {color: #aeaeae; text-decoration: none;}
	#top .left a:hover {color: #FFFFFF; text-decoration: none;}
	#top .right {height: 40px; _height: 40px; width: 535px; _width: 545px; text-align: right; float: left; padding: 5px 10px 0 0; color: #FFFFFF;}
	#top .right .menu {margin-top: 25px; width: 100%; float: left;}
	#top .right .menu a {width: 120px; _width: 130px; float: left; text-align: left; padding-left: 10px;}
	#top .right a {color: #FFFFFF; font-weight: bold; font-variant: small-caps; padding: 0; text-decoration: none;}
	#top .right a:hover {text-decoration: underline;}
#top-banner-cs, #top-banner-en {height: 184px; width: 766px; float: left; background-position: 0 0; background-repeat: no-repeat; background-color: #FFFFFF;}
#top-banner-cs {background-image: url(./picture/mask/fl_cs.jpg); }
#top-banner-en {background-image: url(./picture/mask/fl_en.jpg); }
	#top-banner-cs .logo, #top-banner-en .logo {position: absolute; width: 200px; padding: 11px 0 0 20px;}
	#top-banner-cs .bottom, #top-banner-en .bottom {position: absolute; float: left; top: 222px; margin: 0 0 0 10px; color: #DDDDDD; font-weight: bold; padding: 0; width: 180px;}
	#top-banner-cs .bottom a, #top-banner-en .bottom a {color: #EFB3B3; font-weight: bold; text-decoration: none; padding-left: 10px; margin-left: 6px; background-image: url(./picture/mask/tf3.gif); background-position: 0 2px; background-repeat: no-repeat;}
	#top-banner-cs .bottom a:hover, #top-banner-en .bottom a:hover {text-decoration: none; color: #FFFFFF;}
	#top-banner-cs .right, #top-banner-en .right {float: left;}
		#top-banner-cs .right .menu, #top-banner-en .right .menu {position: absolute; top: 190px; margin: 0 0 0 350px; color: #DDDDDD; padding: 0; width: 160px;}
		#top-banner-cs .right .menu a, #top-banner-en .right .menu a {color: #EFB3B3; margin-bottom: 6px; padding-left: 6px; float: left; text-decoration: none; font-weight: bold; background-image: url(./picture/mask/tf3.gif); background-position: 0 3px; background-repeat: no-repeat;}
		#top-banner-cs .right .menu a:hover, #top-banner-en .right .menu a:hover {text-decoration: none; color: #FFFFFF;}
	#top-banner-cs .rightr, #top-banner-en .rightr {position: absolute; top: 193px; margin-left: 545px; text-align: center; width: 165px; height: 30px; color: #ff8000; font-size: 12px; font-weight: bold;}
	#top-banner-cs .rightr a, #top-banner-en .rightr a {padding-left: 7px;  color: #FDA800; text-decoration: none; font-weight: bold; text-transform: capitalize; font-size: 11px; background-image: url(./picture/mask/arr-orange.gif); background-position: 0 4px; background-repeat: no-repeat;}
	#top-banner-cs .rightr a:hover, #top-banner-en .rightr a:hover {text-decoration: none; color: #FFC85F;}
	#top-banner-cs .ico, #top-banner-en .ico {position: absolute; margin: 0px 0 0 740px; width: 20px; height: 100px; padding-top: 0px;}
	#top-banner-cs .ico a, #top-banner-en .ico a {float: left; margin: 10px 0 0 3px;}
#body {width: 766px; float: left; background-color: #FFFFFF;}
	#body .menu {float: left; width: 167px; background-color: #E5E5E5; padding: 10px 0 10px 0;}
	#body .menu h2 {font-size: 12px; float: left; width: 100%; margin: 10px 0 12px 0; padding: 4px 5px 3px 20px; height: 12px; _height: 20px; font-variant: small-caps; color: #FFFFFF; background-image: url(./picture/mask/3-t2.gif); background-position: 0 0; background-repeat: repeat-y;}
	#body .menu .normal a, #body .menu .active a {float: left; width: 147px; _width: 164px; padding: 5px 5px 5px 15px; font-weight: bold; text-decoration: none; background-image: url(./picture/mask/arr-gray.gif); background-position: 7px 7px; background-repeat: no-repeat;}
	#body .menu .normal a:hover, #body .menu .active a:hover {background-image: url(./picture/mask/arr-red.gif);}
	#body .menu .normal a {color: #1f1f1f; border-bottom: 1px solid #BBBBBB;}
	#body .menu .normal a:hover {background-color: #d4d4d4; color: #9C0000;}
	#body .menu .active a {color: #af0102; border-bottom: 1px solid #999999;}
	#body .menu .active a:hover {color: #C00000;}
	#body .main {float: left; width: 315px; _width: 335px; padding: 10px; text-align: justify;}
		#body .main .clickmap {margin-bottom: 10px; border-bottom: 1px solid #9C0000; padding-bottom: 8px;}
		#body .main .clickmap a {font-weight: normal; text-decoration: none;}
		#body .main .clickmap a:hover {text-decoration: underline;}
	#body .right {margin: 0 0 10px 10px; width: 181px; _width: 221px; float: left;}
	#body .right .main {padding: 0 20px 10px 25px; width: 100%; float: left; background-image: url(./picture/mask/m1-dr.gif); background-position: 0 3px; background-repeat: repeat-y; text-align: left;}
	#body .right h3 {margin-top: 0;}
	#body .right .top {margin: 10px 0 0 0; width: 221px; font-size: 5px; float: left; background-image: url(./picture/mask/3-m.gif); background-position: 0 0; background-repeat: no-repeat; height: 12px;}
	#body .right .bottom {margin: 0; width: 221px; float: left; background-image: url(./picture/mask/m1-b.gif); background-position: 0 0; background-repeat: no-repeat; height: 17px;}
#footer {width: 100%; float: left; height: 60px; padding-top: 10px; background-color: #FFFFFF; text-align: center; border-top: 2px solid #A0A0A0;}
	#footer a {font-size: 11px; color: #717171; padding: 0 5px 0 5px; text-decoration: none;}
	#footer a.active {color: #af0102;}
	#footer a:hover {text-decoration: underline; color: #717171;}
	#footer .copyright {margin-top: 15px;}

.home-art {text-align: justify;}

.spnav {width: 100%; float:left;}
.spnav .spnavit {width: 33%; float: left; text-align: center; margin-bottom: 8px;}
.spnav .spnavit a {font-size: 10px;}
.spnav .spnavb {width: 100%; float: left; height: 60px;}
.spnav .spnavb div {float: left;}
.news-main, .news-main .item {width: 100%; float: left;}
.news-main .item {margin-bottom: 15px;}
.news-main .item .image {width: 90px; float: left; text-align: center;}
.news-home .title a, .right .main .title a, .news-main .title a, .cat-text a {font-weight: bold;}

.search-title a {padding-left: 6px; font-weight: bold; background-image: url(./picture/mask/arr-gray.gif); background-position: 0 4px; background-repeat: no-repeat;}
.search-result {background-color: #FFE7AF;}
input.search-box {width: 110px; _width: 120px;}
input.search-submit {padding: 0; border: 1px solid #333333; background-color: #696969; color: #FFFFFF; _height: 20px;}

.reg, .reg textarea, .reg .hunper {width: 100%;}

.cat-all {width: 100%; float: left; margin-bottom: 10px;}
.cat-img {width: 90px; text-align: center; float: left; text-align: center;}
.cat-text {width: 220px; float: left;}

/*gallery*/
.gallery {margin: 10px 0 10px 0; width: 100%; float: left;}
.gallery .photo {width: 145px; float: left; text-align: center; height: 180px;}
.gallery .photo .description {width: 125px; float: left; margin: 5px 10px 0 5px; text-align: right; font-size: 10px;}
/*gallery end*/

div.news-left {margin: 0 8px 0 8px;}
div.news-left .title {margin-bottom: 5px;}
div.news-left a {padding: 0 0 0 7px; font-weight: bold; background-image: url(./picture/mask/arr-gray.gif); background-position: 0 4px; background-repeat: no-repeat;}

.gallery {
	float: left;
	width: 100%;
	margin-top: 10px;	
}

.gallery .item {
	float: left;
	margin: 15px 15px 0 0;
}

.gallery .item img {
	border: 1px solid #DDDDDD;	
}

.zoom {
	position: absolute;
	margin: -5px 0 0 -5px;
	cursor: pointer;
}

.gallery .item .zoom img {
	border: 0;
}

/*enquiry*/
.enquiry-article {float: left; border: 1px solid #8F7962; width: 210px; padding: 1px 5px 10px 8px; margin: 10px 10px 10px 0; border: 1px solid #AAA;}
.enquiry-article h2 {padding: 5px 0 0 0; margin: 0; font-size: 15px;}
.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 {height: 10px; background-color: #B40000; background-image: url(/picture/mask/enquiry-back.gif); background-position: 0 0; background-repeat: repeat-x;}
.enquiry-over {background-color: #F6F6F6; font-size: 8px; height: 10px;}
.enquiry-false {font-weight: bold; color: #973737; margin-top: 10px; width: 100%; text-align: center;}
.fr0, .fr1, .fr-top {padding: 3px; float: left; width: 99%;}
.fr1 {background-color: #ECEEED;}
.fr-top {background-color: #DBDEDF;}
.fr-enq {width: 60%; float: left;}
.fr-zobr {width: 40%; float: left; text-align: right;}
.enquiry-old {float: left; margin-top: 10px;}
/*enquiry end*/