body { 
  text-align: center;
  color: #060606;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  background-color:#C8D3AB;
  }

body.welcome1st { background-color:#CCCC9A; height:100%; }
.welcomepic { text-align:center; }
  
body, input , td { font-size: 13px; }


body, input { margin:0; padding:0; }
img { border: 0px;}

/************************************/
#bodydoc {
  width:1000px;
  text-align:left; 
  margin:0 auto;
  }

a { color:#000; text-decoration: none; }
a:hover { color:#BB0000; }

h1.first { display:none; }

.clear { clear:both; *display:inline; }
.center { text-align:center; }
.nodata { padding:10px 0; }

/*** LINE ***/
.mh3 { height:3px; overflow:hidden; }
.mh5 { height:5px; overflow:hidden; }
.mh8 { height:8px; overflow:hidden; }
.mh10 { height:10px; overflow:hidden; }
.mh15 { height:15px; overflow:hidden; }

.lineType1 { background-color:#b2a78b; height:1px; overflow:hidden; }

/********************************************/


#topArea { }
#topArea .nf { background-color:#C8D3AB; }
#topArea .i1, #topArea .i2, #topArea .i3 { float:left; }
#topArea .i4, #topArea .i5, #topArea .i6 { float:left; }

#topArea .i1 { width:350px; height:190px; background:url(images/top1.jpg); }
#topArea .i2 { width:300px; height:190px; background:url(images/top2.jpg); }
#topArea .i3 { width:350px; height:190px; background:url(images/top3.jpg); }

#topArea .i4 { width:350px; height:160px; background:url(images/top4.jpg); }
#topArea .i5 { width:300px; height:160px; background:url(images/top5.jpg); }
#topArea .i6 { width:350px; height:160px; background:url(images/top6.jpg); }

#container { width:100%; background:url(images/container_bg1.jpg) repeat-y top left; }
#container .wrapper_outer { width:100%; background:url(images/container_bg2.jpg) no-repeat top left; }
#container .wrapper_outer2 { width:100%; background:url(images/container_bg4.jpg) no-repeat top left; }
#container .wrapper_inner {
 width:100%;
 background:url(images/container_bg3.gif) no-repeat bottom left;
 }
 
#container .leftnav {
 width:283px;
 float:left;
 overflow:hidden;
 }
#container .leftbg1 {
 background:url(images/leftnav_bg.jpg) no-repeat top left;
 }
#container .leftbg2 {
 background:url(images/leftnav_bg2.jpg) no-repeat top left;
 }
#container .leftnav .leftnav_i { margin-left:42px; margin-top:15px; }
#container .main { width:716px; float:left; overflow:hidden; }
#container .main .main_inner { margin:26px 30px 0; }


#container .leftnav .menu { margin-right:25px; margin-bottom:50px; color:#2B2B2B; }
#container .leftnav .menu a { color:#2B2B2B; }
#container .leftnav .menu a:hover { color:#bb0000; }
#container .leftnav .menu ul { list-style-type:none; margin:0; padding:0; }
#container .leftnav .menu ul.submenu { margin-left:16px; }

#container .leftnav .menu li.item { font-weight:bold; margin-bottom:16px; }
#container .leftnav .menu li.item2 { font-weight:bold; margin:12px 0; color:#0033dd; }
#container .leftnav .menu li.item2 a { color:#0033dd; }
#container .leftnav .menu li.item2 a:hover { color:#bb0000; }

#container .leftnav .epaper { margin-bottom:30px; }
#container .leftnav .epaper .title { margin-bottom:16px; }
#container .leftnav .epaper .content { text-align:left; }
#container .leftnav .epaper .content * { vertical-align:top; }
#container .leftnav .epaper .imgbtn { _margin-top:1px; }
#container .leftnav .epaper input.text {
 width:132px;
 height:17px;
 border:1px solid #c3c3c3;
 margin-right:3px;
 }
 
 


.main .quick { margin-bottom:20px; }
.main .quick .qimage { float:left; margin-top:1px; line-height:normal; }
.main .quick .qurl { float:right; color:#9a656b; line-height:normal; }
.main .quick .qurl a { color:#9a656b; }
.main .quick .qurl a:hover { color:#ff0000; }

.main .fontsize { text-align:right; color:#333333; margin-bottom:3px; line-height:16px; }
.main .fontsize .now { font-weight:bold; }
.main .fontsize a { color:#333333; }
.main .fontsize a:hover { color:#bb0000; }
.main .fontsize span.text { display:inline-block; height:16px; }
.main .fontsize span * { vertical-align:top; }

.main .page {
 text-align:center;
 color:#545556;
 padding-top:35px;
 line-height:16px;
 }
.main .page .now { font-weight:bold; }
.main .page a { color:#545556; }
.main .page a:hover { color:#ff0000; }
.main .page span { display:inline-block; }
.main .page span.prev { padding-right:35px; vertical-align:top; }
.main .page span.next { padding-left:35px; vertical-align:top; }

.main .main_intro { text-align:justify; line-height:1.5; font-size:1.2em; }

.main .datahtml { padding:16px 0; font-size:12pt; text-align:justify; line-height:1.5; }

.main .news { width:656px; margin-bottom:35px; line-height:1.9; }
.main .news .title {
 margin-bottom:20px;
 padding-left:3px;
 padding-right:6px;
 }
.main .news .title .more { float:right; }
.main .news .postdate { color:#cc0000; font-weight:bold; }
.main .news .subject { color:#990000; font-weight:bold; }

.main .news .newslink { color:#cc0000; text-decoration:none; }
.main .news .newslink:hover { color:#0033ff; text-decoration:none; }

.main .news .item { margin:12px 0; }
.main .news .content { line-height:1.7; text-align:justify; }
.main .news .backURL { text-align:right; margin-top:6px; }

.main .news .msize { font-size:12pt; }
.main .news .lsize { font-size:14pt; }
.main .news .file { text-align:right; margin-top:10px; }


.main .cal_tb { text-align:center; margin-top:35px; }
.main .cal_tb .tb_nav { width:568px; margin:0 auto; padding-right:3px; font-size:12pt; color:#666; padding-bottom:16px; }
.main .cal_tb .tb_content { width:568px; margin:0 auto; padding-right:3px; background:transparent url(images/cal_bg.gif) repeat-y top right; }
.main .cal_prev { margin-right:30px; }
.main .cal_next { margin-left:30px; }


.main table.calendar { border-collapse:collapse; border:0; width:568px; position:relative; top:-3px; }

.main table.calendar th { font-size:12pt; color:#666; padding-bottom:12px; }

.main table.calendar td { border:1px solid #b8c099; padding:5px; background-color:#dee4ca; }
.main table.calendar td a { color:#ff6600; }
.main table.calendar td a:hover { color:#cc0000; }
.main table.calendar td.title { padding:6px; font-size:9pt; color:#333; text-align:center; }
.main table.calendar td .wh { width:70px; height:50px; }
.main table.calendar td .num { margin-bottom:2px; font-size:8pt; text-align:right; color:#747675; }
.main table.calendar td .num a { color:#747675; text-decoration:none; }
.main table.calendar td .num a:hover { color:#bb0000; }

.main table.calendar td.mark { font-size:9pt; text-align:left; }
.main table.calendar td.mark div.num { color:#333; }
.main table.calendar td.mark div.num a { color:#333; text-decoration:none; }
.main table.calendar td.mark div.num a:hover { color:#bb0000; }
.main table.calendar td.mark span.tag { line-height:normal; }

.main table.calendar td.day { }
.main table.calendar td.today { background:#d5ddbd; }
.main table.calendar td.empty { }

/*
.main table.calendar td.r3pxtop { padding:0; border:0; width:3px; background:#9a9899 url(images/cal_r3px.jpg) no-repeat top left; }
.main table.calendar td.r3px { padding:0; border:0; width:3px; background:#9a9899; }
.main table.calendar .b3px { padding:0; border:0; background:#9a9899; }
*/

.main table.calendar a.daily { display:block; width:70px; height:50px; }
.main table.calendar a.daily:hover { cursor:pointer; }
.main table.calendar a.daily:hover .num { color:#ff0000; }

.main .schedule { margin-top:35px; }
.main .schedule .introduction { text-align:justify; }
.main .schedule .item { margin:16px 20px;  }
.main .schedule .postdate { color:#cc0000; font-weight:bold; }
.main .schedule .subject { color:#990000; font-weight:bold; margin-bottom:12px; }
.main .schedule .backURL { text-align:right; margin-top:12px; }
.main .schedule .nav .now { float:left; }
.main .schedule .nav .link { float:right; }

.main .bokar_nav a { color:#336600; }
.main .bokar_nav a:hover { color:#bb0000; }




.main .gallery { width:656px; }
.main .gallery .content { text-align:center; }
.main .gallery .title {
 margin-bottom:20px;
 padding-left:3px;
 padding-right:6px;
 }
.main .gallery .title .more { float:right; }
.main .gallery .item {
 float:left;
 width:147px;
 margin-right:22px;
 }
.main .gallery .clrmr { margin-right:0; }

.main .gallery .item .iborder {
 padding:2px;
 border:1px solid #b4a68b;
 background-color:#dcd1b1;
}
.main .gallery .item .img {
 width:141px;
 height:106px;
 display:table-cell;
 vertical-align:middle;
 }
.main .gallery .item .img * { vertical-align:middle; }
html .main .gallery .item .img span.maxh { display:inline-block; *height:100%; }
.main .gallery .gtitle { font-size:12px; text-align:center; margin-top:3px; }

.main .gallery .pic_item {
 width:509px;
 margin:0 auto;
 background:#888;
}
.main .gallery .pic_item .iborder {
 padding:3px;
 border:1px solid #b4a68b;
 background-color:#dcd1b1;
}
.main .gallery .pic_item .img {
 width:501px;
 height:376px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
.main .gallery .pic_item .img * { vertical-align:middle; }
.main .gallery .pic_item .img span.maxh { display:inline-block; *height:100%; }
.main .gallery .desc { padding:6px 3px; text-align:center; }

.main .webmap ul { list-style-type:none; margin:0; padding:0; }
.main .webmap ul.subcatelog { margin-left:30px; }
.main .webmap ul li.item { margin-bottom:20px; }

.main .webmap ul.top li.item .home { background-color:#bec79c; color:#454545; padding:3px 5px; }
.main .webmap ul.top li.item .home a { color:#454545; }
.main .webmap ul.top li.item .home a:hover { color:#ff2200; }
.main .webmap ul.top li.item .module { background-color:#d2deae; color:#454545; padding:3px 5px; margin-bottom:8px;  }
.main .webmap ul.top li.item .module a { color:#454545; }
.main .webmap ul.top li.item .module a:hover { color:#ff2200; }
.main .webmap ul.subcatelog li.item2 { margin-bottom:1.5em; }
.main .webmap ul.subcatelog li.item2 .module { color:#0033dd; background-color:transparent; margin-bottom:3px; }
.main .webmap ul.subcatelog li.item2 .module a { color:#0033dd; }
.main .webmap ul.subcatelog li.item2 .module a:hover { color:#ff2200; }
.main .webmap ul li.unit { color:#505050; margin:5px 0; }


.main .contact .welcome { margin:36px; color:#333; }

.cform {}

.cform .txt { text-align:center; }
.cform table { margin:0 auto; }
.cform table td.title { vertical-align:top; text-align:right; color:#6a6c6b; }
.cform table td.ftxt { text-align:left; }
.cform .title span { color:#f02020; }

.cform input.text { width:354px; height:19px; border:1px solid #999; }
.cform textarea.text { width:354px; height:145px; border:1px solid #999; }
.cform .confirm { border:1px solid #999; }



#footer {
 width:100%;
 background:#C8D3AB url(images/footer_bg.jpg) no-repeat bottom left;
 position:relative;
 }

#footer .f1 { width:284px; }
#footer .f1 .f1_inner {
 padding:20px 32px 20px 42px;
 font-size:.9em;
 color:#333;
 }
#footer .f1 .webname { margin-bottom:6px; }
#footer .f1 .address { margin-top:6px; }
#footer .f1 a { color:#333; }
#footer .f1 a:hover { color:#bb0000; }

#footer .f2 { width:700px; position:absolute; bottom:20px; left:284px; }
#footer .f2 .f2_inner {
 font-size:.9em;
 margin-left:80px;
 color:#666630;
}