@charset "utf-8";
/* CSS Document */
html {
	overflow-Y: scroll !important;  /*when hight layer layout not move */
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, fieldset {
	margin:0;
	padding:0;
}
* {
	list-style-type:disc;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	background:none;
	width:100%;
	color:#000000;  /*#454545*/
	font:Arial, Tahoma, Verdana inherit;
}
a {
	outline:none;
	text-decoration:none;
	color:#13365d;
}
a:hover {
	text-decoration:underline;
	color:#488ccb;
}
a img {
	border:0 !important;  /*images link not show border*/
}
img {
	vertical-align:top !important;
}
.clear-all {
	clear:both;
	line-height:0;
	height:0;
}
img {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
/*End Default Style sheet */

/* flash area */
.wrap-flash-area {
	background:#85d0f5;
	/*	float: left;*/
    width: 100%;
	height:645px;
}
.flash-area {
	width:1260px;
	height:630px;
	margin:0 auto;
	background:#85d0f5;
}
.flash-footer {
	background:url(../images/flash-footer.jpg) repeat-x;
	height:15px;
	margin: 0 auto;
}
/* content */
.wrap-content-area {
	background:url(../images/bg-main.jpg) no-repeat center #ddeafa;
	margin:0 auto;
}
.content-area {
	width:949px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg-content.png) repeat-y;
}
.content-area-bottom {
	width:949px;
	margin:0 auto;
	height:37px;
	background:url(../images/bg-content-bottom.png) no-repeat bottom;
}
.content-area .youarehere {
	float:left;
	font-size:11px;
	padding:5px 30px;
	color:#13365d;
	width:500px;
}
.left_column {
	float: left;
	padding:5px 0px 0 30px;
	width: 600px;
}
.left_column .box-top {
	background:no-repeat url(../images/bg-box-top.png) center;
	float: left;
	margin-top: 2px;
	width:601px;
	height:17px;
}
.left_column .box-middle {
	background:url(../images/bg-box-middle.png) repeat-y;
	float: left;
	width:601px;
	overflow:visible;
}
.left_column .box-bottom {
	background:url(../images/bg-box-bottom.png) bottom;
	float: left;
	width:601px;
	height:17px;
}
.left_column .title {
	background:url(../images/title.jpg) no-repeat scroll 0 -1px transparent;
	float: left;
	margin:0 0 0px 10px;
	padding:5px;
	width: 582px;
	color:#fff;
	display: inline;
}
.left_column .title span {
	padding:5px;
}
.left_column ul {
	list-style: none outside none;
	margin-top:10px;
	font-size:12px;
	width:575px;
}
.left_column ul li.event {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	display: inline;
	float: left;
	font-size: 11px;
	height: 70px;
	line-height: 16px;
	margin:0px 0 5px 0px;
	overflow: hidden;
	width: 575px;
}
.left_column ul li.zone {
	background: none repeat scroll 0 0 #FFFFFF;
	/*    border-bottom: 1px solid #CCCCCC;*/
    display: inline;
	float: left;
	font-size: 11px;
	height: 130px;
	line-height: 16px;
	margin:0px 0 5px 0px;
	overflow: hidden;
	width: 190px;
	position: relative;
}
.left_column ul li.zone a.over {
	background:#fff;
	bottom:0px;
	display: block;
	left: 3px;
	padding: 3px 10px;
	position: absolute;
	width: 190px;
	overflow:hidden;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.left_column a, .right_column a {
	outline:none; /*click menu none show outline div*/
	color:#13365d; /*#545454*/
	font-size:14px;
	text-decoration:none;
}
.left_column a:hover, .right_column a:hover {
	outline:none; /*click menu none show outline div*/
	color:#0b71c3; /*#545454*/
	font-size:14px;
	text-decoration:underline;
}
.left_column ul li img {
	float: left;
	padding: 5px 5px 0 5px;
}
.left_column .box-bottom a {
	font-size:12px;
	float:right;
	padding-right:10px;
	font-weight:bold;
}
.right_column {
	float:left;
	padding:5px 0 0 10px;
	width: 290px;
}
.right_column .contact {
	background:url(../images/bg-contact.png) no-repeat top left;
	height:150px;
}
.right_column .contact h1 {
	font-size:14px;
	color:#0b71c3;
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid #CCCCCC;
	width:265px;
	margin-bottom:10px;
}
.right_column .contact img {
	float:left;
	padding:0 5px 0 5px;
}
.right_column .contact span {
	font-size:14px;
}
.right_column .highlight {
	background:url(../images/bg-highlight.png) no-repeat top left;
	width:290px;
	height:440px;
}
.right_column .highlight .title {
	background:url(../images/title.jpg) no-repeat scroll 0 -1px transparent;
	float: left;
	margin:7px 0 5px 7px;
	padding:5px;
	width: 266px;
	color:#fff;
	display: inline;
}
.right_column .title span {
	padding:5px;
}
.right_column .highlight ul {
	list-style: none outside none;
	width:290px;
}
.right_column .highlight ul li {
	padding:5px 0 0 7px;
	list-style:none;
}
.right_column .box-bottom a {
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}
.right_column .static {
	width:290px;
	height:85px;
	background:url(../images/bg-static.png) top left;
}
.right_column .static span {
	font-size: 14px;
	padding: 15px;
	float:left;
	line-height:20px;
	color:#13365d;
}
.right_column .static img {
	padding:10px;
	float:left;
}
.wrap-footer-area {
	background:url(../images/bg-footer.png) bottom repeat-x;
	height:117px;
}
.wrap-footer-area .footer {
	font:Tahoma, Geneva, sans-serif 14px bold;
	color:#fff;
	margin:0 auto;
	width:949px;
	text-align:center;
	padding-top:70px;
}
/* INNER PAGE STYLESHEET */
.wrap-header {
	background:#86d2f5 url(../images/header-min.jpg) no-repeat center;
	height:270px;
	margin:0 auto;
}
.wrap-navigation {
	background:url(../images/bg-navigation.jpg) repeat-x;
/*	width:1250px;*/
	height:30px;
	margin:0 auto;
}
.navigation {
	width:920px;
	display:block;
	margin:0 auto;
}
.navigation li {
	float: left;
	margin-left:30px;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	padding:0 5px;
	list-style:none !important;
}
.navigation li a {
	color:#fff;
	text-decoration:none;
	text-shadow:#000 1px 1px;
	padding:0 5px;
}
.navigation li:hover {
	background:#85572b 70%;
	padding:0 5px;
}
/*box full */
.content-area .box-top-full {
	background:no-repeat url(../images/bg-box-top-full.png) center;
	margin:25px auto 0;
	width:901px;
	height:15px;
}
.content-area .box-middle-full {
	background:url(../images/bg-box-middle-full.png) repeat-y;
	margin:0 auto;
	width:901px;
}
.content-area .box-bottom-full {
	background:url(../images/bg-box-bottom-full.png) bottom;
	margin:0 auto;
	width:901px;
	height:15px;
}
.content-area .box-middle-full p {
	padding:10px 10px 5px 10px;
	font-size:13px;
	text-indent:10px;
}
.content-area .box-middle-full img {
	margin:5px 0 0;	
}
/* photo gallery */
.content-area .box-middle-full .photo-gallery {
    margin:0 auto;
	width:750px;
}
.content-area .box-middle-full .photo-gallery table  .photo-gallery td {
	width:25%;
}
/* end photo gallery */
.content-area .box-middle-full table {
	padding:0 5px;
}
.content-area .box-middle-full table td {
	padding:0 5px;
	width:50%;
	text-align:center;
}
.content-area .box-middle-full .title {
	background:url(../images/title-table.jpg) repeat-x;
	height:35px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.content-area .box-middle-full .alt {
	font-size:14px;
	color:#13365d;
	background:#fffce2;
	line-height:25px;
}
.content-area .box-middle-full .alt a, .ctrl a {
	font-weight:bold;
}
.content-area .box-middle-full .ctrl {
	font-size:14px;
	color:#13365d;
	background:#e3f5f9;
	line-height:25px;
}
.content-area .box-middle-full .tablecounting {
	font-size:11px;
	padding:5px 7px;
	color:#13365d;
	width:450px;
	text-align:left;
}
.content-area .box-middle-full .pagecounting {
	font-size:11px;
	padding:5px 7px;
	color:#13365d;
	text-align:right;
	width:450px;
}
.content-area .object017  {
	background:url(../images/bg-zone.jpg) no-repeat;
	width:879px;
	height:471px;
	margin: 25px auto 0;
}
/* zone */
.obj017h {
    text-indent: -9000px;
}
ul.split-contents {
    padding:40px 0 0 60px;
	font-size:14px !important;
	color:#fff;
}
ul.split-contents a {
	color:#fff;
}
ul.split-contents:after {
    clear: left;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.object017 li.split-region {
    color: #736357;
    display: block;
    float: left;
}
.obj017h-2 {
    display: block;
    text-indent: -9000px;
}
.object017 li.split-region ul.region-4 {
    width: 100px;
}
.object017 li.split-region ul {
    padding: 0 0 0 70px;
	float:left;
}
.object017 li.split-region ul.region-4 a {
	color:#fff;	
}
.object017 li.split-region ul {
    padding: 0 0 0 70px;
}
.object017 li.split-region a {
    color: #FFFFFF;
    text-decoration: none;
}
.object017 li.split-region a:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
/* middle */
.object017 li.split-region ul.region-1 {
    width: 110px;
	padding: 0 0 0 10px;
}
.object017 li.split-region ul {
    padding: 0 0 0 70px;
}
.object017 li.split-region ul.region-2 {
    width: 110px;
	padding: 0 0 0 55px;
}
.object017 li.split-region ul.region-3 {
    width: 110px;
	padding: 0 0 0 50px;
}
.object017 li.split-region ul.region-5 {
    width: 110px;
	padding: 0 0 0 55px;
}
/* end zone */
/* province */
.content-area .object018  {
	background:url(../images/bg-province.jpg) no-repeat;
	width:879px;
	height:238px;
	margin: 25px auto 0;
}
.obj018h {
    text-indent: 20px;
	background:url(../images/title-province.png) no-repeat;
	color:#fff;
	font-size:15px;
	padding:12px 0 15px 0;
	margin:20px 0 0 50px;
}
ul.split-contents {
    padding:40px 0 0 60px;
	font-size:12px;
	color:#fff;
}
ul.split-contents a {
	color:#fff;
}
ul.split-contents:after {
    clear: left;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.object018 li.split-region {
    color: #736357;
    display: block;
    float: left;
}
.obj018h-2 {
    display: block;
    text-indent: -9000px;
}
.object018 li.split-region ul.region-4 {
    width: 100px;
}
.object018 li.split-region ul {
    padding: 0 0 0 15px;
	float:left;
}
.object018 li.split-region ul {
    padding: 0 0 0 15px;
}
.object018 li.split-region ul.region-4 {
    width: 100px;
}
.object018 li.split-region ul.region-4 a {
	color:#fff;	
}
.object018 li.split-region ul {
    padding: 0 0 0 15px;
}
.object018 li.split-region a {
    color: #FFFFFF;
    text-decoration: none;
}
.object018 li.split-region a:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
/* middle */
.object018 li.split-region ul.region-1 {
    width: 110px;
	padding: 0 0 0 55px;
}
.object018 li.split-region ul {
    padding: 0 0 0 15px;
}
.object018 li.split-region ul.region-2 {
    width: 110px;
	padding: 0 0 0 55px;
}
.object018 li.split-region ul.region-3 {
    width: 110px;
	padding: 0 0 0 70px;
}
.object018 li.split-region ul.region-5 {
    width: 110px;
	padding: 0 0 0 45px;
}
/* end province */