@font-face{
	font-family:"bookman";
	src:url(../font/bookman.eot); /*IE*/
	src:local("Bookman Old Style"), url(../font/bookman.ttf) format("truetype"); /*firefox,chrome*/
}

body{
	margin:0;
	padding:0;
	background:#DED9CB;
	font-family:"Arial";
	font-size:12px;
	color:#666666;
	-webkit-text-size-adjust:none;
}

img{
	border:0;
}

a{
	color:#303000;
	text-decoration:none;
}
a:hover{
	color:#898272;
	text-decoration:underline;
}

h1{
	font-size:16px;
	color:#491B03;
	margin:0 0 3px 0;
	padding:0;
}
h1.smaller{
	font-size:14px;
	border-bottom:1px solid #491B03;
	padding:0 0 5px 0;
}

h2{
	font-family:"bookman";
	font-weight:normal;
	color:#814B1B;
	letter-spacing:2px;
	font-size:16px;
	border-bottom:1px solid #814B1B;
	margin:5px 0;
	padding:0 0 3px 0;
}

h3{
	font-family:"bookman";
	font-size:16px;
	color:#FFF;
	font-weight:normal;
	letter-spacing:1px;
	margin:0 0 10px 0;
	padding:0;
	line-height:16px;
}
h3 span{
	color:#491B03;
}

h4{
	color:#814B1B;
	font-size:16px;
	border-bottom:1px solid #814B1B;
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	/*position:relative;*/
}
h4 .title{
	float:left;
    max-width: 550px;
	/*width:550px;*/
}
h4 .return{
	float:right;
	font-size:12px;
	font-weight:normal;
	/*position:absolute;
	right:0;
	top:3px;*/
}


h5{
	font-size:16px;
	color:#7A6A56;
	margin:10px 0;
	padding:00;
}
h5 small{
	font-weight:normal;
	font-size:12px;
	margin:10px 0 20px 0;
	text-indent:0;
}
p{
	text-align:justify;
	word-wrap:break-all;
	word-break:break-word;
}
/*layout*/
#main{
    max-width: 960px;
    min-width: 360px;
	/*width:960px;*/
	margin:20px auto;
}
#top{
    max-width: 960px;
    min-width: 360px;
	/*width:960px;*/
	height:7px;
	background:url(../top.jpg) no-repeat;
	overflow:hidden;
}
#mid{
    max-width: 960px;
    min-width: 360px;
	/*width:960px;*/
	background:url(../mid.jpg) repeat-y;
	margin:0;
	padding:0;
}
#btm{
    max-width: 960px;
    min-width: 360px;
	/*width:960px;*/
	height:7px;
	background:url(../btm.jpg) no-repeat;
}

#wrap{
	/*width:930px;*/
	max-width: 98%;
	margin:0 auto;
	padding:7px;
	background:#EFF0ED;
}

#header{
	margin:0;
	padding:0;
}

#content{
	width:100%;
	margin:0;
	padding:0;
	background:url(../content_bg.jpg) repeat-y;
}

#leftSide{
	float:left;
	width:240px;
	/*min-height:900px;
	height:auto !important;
	height:900px;*/
	background:#B9A37F;
}
#rightSide{
	float:left;
	width:690px;
}

#footer{
	width:100%;
	/*height: 70px;*/
	margin:0;
	padding:0;
}
/*end of layout*/

/*header*/
#header .tallest{
	margin:0;
	padding:5px 0 10px 0;
}
.favorite{
	float:left;
}
.favorite img{
	margin:0 5px -2px 0;
}
.favorite span{
	margin:0 0 0 10px;
}

.topMenu{
	float:right;
}
.topMenu ul{
	margin:0;
	padding:0;
}
.topMenu ul li{
	display:inline;
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
}
.topMenu ul li span{
	margin:0 0 0 5px;
}
.topMenu ul li a{
	color:#898272;
}

.banner {
    background: url(../banner.jpg) no-repeat;
    width: 100%;
    height: 200px;
}

.banner_en {
    background: url(../banner_en.jpg) no-repeat;
    width: 100%;
    height: 200px;
}

@media (max-width: 468px) {

    .banner {
        background: url(../bannerMobile.jpg) no-repeat;
        width: 100%;
        height: 83px;
    }

    .banner_en {
        background: url(../bannerMobile_en.jpg) no-repeat;
        width: 100%;
        height: 80px;
    }
}

/*end of header*/

/*nav*/
.nav{
	width:100%;
	height:52px;
	background:url(../menu.jpg) repeat-x;
	border-top:8px solid #695E3E;
	overflow:hidden;
}
table.navTable{
	width:100%;
	height:52px;
}
table.navTable td{
	margin:0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
table.navTable a{
	display:block;
	height:52px;
	line-height:52px;
	color:#5B5341;
}
table.navTable a:hover{
	background:url(../menu_hover.jpg) repeat-x;
	text-decoration:none;
	color:#5B5341;
}
/*table.navTable a.dbLine{
	height:45px;
	line-height:18px;
	padding:10px 0 0 0;
}*/
table.navTable td.segment{
	width:5px;
	background:url(../menu_seg.jpg) no-repeat;
}

table.navTable_en{
	width:100%;
	height:52px;
}
table.navTable_en td{
	margin:0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
table.navTable_en a{
	display:block;
	height:52px;
	line-height:52px;
	color:#5B5341;
}
table.navTable_en a:hover{
	background:url(../menu_hover.jpg) repeat-x;
	text-decoration:none;
	color:#5B5341;
}
table.navTable_en td.segment{
	width:5px;
	background:url(../menu_seg.jpg) no-repeat;
}
/*end of nav*/

/*form*/
form.QA{
	margin:0;
	padding:0;
}
form.QA select{
	width:100px;
	color:#808080;
	border:1px solid #CCC;
	font-size:12px;
}
/*end of form*/

/*footer*/
.footerLeft{
	float:left;
	width:240px;
	height:70px;
	background:#B9A37F;
}
.footerRight{
	/*float:left;
	width:690px;
	height:70px;*/
}
.footerInfo{
	margin:0 10px;
	border-top:5px solid #A59F8B;
	text-align:center;
}
.footerInfo p{
	margin:0;
	padding:7px 0 0 0;
}
.footerInfo p span{
	margin:0 10px;
	padding:0;
}
/*end of footer*/

/*table*/
table.datalist1{
	width:100%;
	margin:0;
	text-align:justify;
	word-wrap:break-all;
	word-break:break-word;
}
table.datalist1 th{
	text-align:left;
	color:#303000;
	font-size:14px;
	padding:5px 0;
}
table.datalist1 td{
	padding:4px 0;
	/*text-indent:10px;*/
}

table.datalist2{
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
}
table.datalist2 th,
table.datalist2 td{
	border:1px solid #C7BDAB;
	padding:8px;
}
table.datalist2 th{
	text-align:left;
	background:#E0D6BD;
	color:#694A2C;
}
table.datalist2 .title{
	width:20px;
	font-weight:bold;
}

table.datalist3{
	width:100%;
	border-collapse:collapse;
}
table.datalist3 th,
table.datalist3 td{
	border:1px solid #C7BDAB;
}
table.datalist3 th{
	padding:5px;
	color:#FFF;
	background:#491B03;
}
table.datalist3 td{
	padding:9px 5px;
}
table.datalist3 td.date{
	text-align:center;
	color:#491B03;
}
table.datalist3 td.detail{
	text-align:center;
	font-size:10px;
}
table.datalist3 td.detail a{
	display:block;
}
table.datalist3 td.detail img{
	margin:0 3px -2px 0;
}

table.datalist4{
	width:100%;
}
table.datalist4 td{
	margin:0;
	padding:15px 10px;
	border-bottom:2px dotted #D9D9D9;
	/*text-align:justify;*/
}
table.datalist4 a{
	display:block;
	font-weight:bold;
	font-size:15px;
	background:url(../arrow2.jpg) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 7px 0;
}
table.datalist4 table{
	margin:0 0 0 10px;
}
table.datalist4 table td{
	margin:0;
	padding:0;
	border:none;
	vertical-align:top;
	text-align:justify;
}

table.dir{
	width:100%;
}
table.dir td{
	margin:0;
	padding:10px 0;
}

table.detail{
	width:100%;
}
table.detail td{
	vertical-align:top;
}
table.detail td.pic{
	width:200px;
	text-align:center;
}
table.detail td.pic img{
	margin:0 20px 0 0;
	border:5px solid #303000;
}
table.detail td.dir{
	margin:0;
	padding:0;
}
table.detail td.dir a{
	display:block;
	background:url(../arrow2.jpg) left no-repeat;
	margin:5px 0;
	padding:0 0 0 10px;
}
table.detail ul.btnList{
	float:right;
}
/*end of table*/

/*usual*/
.clear{
	clear:both;
}

.space{
	height:20px;
}

.set15{
	width:15%;
}

.search{
	width:240px;
	margin:0 0 20px 0;
	text-align:center;
}
.search .top{
	background:url(../search_top.jpg) no-repeat;
	height:30px;
}
.search .en{
	background:url(../search_en.jpg) no-repeat;
	height:30px;
}
.search .mid{
	background:url(../search_mid.jpg) repeat-y;
}
.search .btm{
	background:url(../search_btm.jpg) no-repeat;
	height:18px;
}
.search p{
	margin:0;
	padding:10px 15px 5px;
	color:#898272;
	text-align:center;
}
.search input.input{
	width:140px;
	font-size:18px;
	border:none;
	background:#57453F;
	color:#FFF;
}
.search input.submit{
	background:#57453F;
	border:none;
	color:#FFF;
}

span.red{
	color:#B04754;
}

.column{
	padding:10px 12px;
}

ul.datalist1{
	margin:0;
	padding:0;
}
ul.datalist1 li{
	list-style:none;
	margin:10px 0;
	padding:0 0 0 5px;
}

ul.datalist2{
	margin:0;
	padding:0;
}
ul.datalist2 li{
	list-style:inside;
	margin:10px 0;
	padding:0 0 0 5px;
}

.marquee{
	margin:10px 0;
	padding:0;
}
.marquee img{
	float:left;
	margin:0 5px 0 0;
}

.marquee marquee{
	float:left;
	/*width:640px;*/
}

small{
	display:block;
	font-size:10px;
	margin:0 0 5px 0;
	color:#808080;
	font-weight:bold;
	text-indent:3px;
}
small span{
	margin:0 0 0 10px;
}

.text{
	margin:0;
	padding:0 10px;
}
.text p{
	margin:5px 0 15px 0;
	padding:0;
	line-height:25px;
}

.inner{
	margin:0 0 20px 0;
	padding:0 10px;
}

.dirColumn{
	width:160px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.dirColumn img{
	_display:block;
}
.dirColumn a{
	display:block;
	border:5px solid #FFF;
	color:#FFF;
}
.dirColumn a:hover{
	border:5px solid #303000;
	text-decoration:none;
}
.cover{
	behavior:url(js/iepngfix.htc);
	width:150px;
	height:60px;
	position:absolute;
	background:url(../cover_bg.png);
	left:5px;
	bottom:5px;
}
.cover p{
	color:#FFF;
	text-align:center;
	margin:0;
	padding:3px 3px 0 3px;
}
.cover p.double{
	padding:5px 0 0 0;
	line-height:15px;
}

.statute{
	margin:0 0 15px 0;
	padding:0;
}
.statute .pic{
	float:left;
	margin:0 7px 0 0;
}
.statute .intro{
	float:left;
}
.statute a{
	display:block;
	cursor:pointer;
	padding:6px;
}
.statute a:hover{
	background:#695E3E;
}
.statute a img{
	border:2px solid #695E3E;
}
.statute a:hover img{
	border:2px solid #CABC9D;
}
.statute a p.en{
	margin:0;
	padding:5px 0;
	color:#FFFFB8;
	font-size:10px;
}

.statute a p.en2{
	margin:0;
	padding:0;
	color:#FFFFB8;
	font-weight:bold;
	font-size:12px;
	width:140px;
}

.statute a p.ch{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
}
.statute a:hover{
	text-decoration:none;
	color:#CABC9D;
}

.journal{
	float:right;
	background:url(../journal_bg.jpg) no-repeat;	
    width: 100%;
	/*width:680px;*/
	
	height:270px;
	margin:0 0 20px 0;
}
/*.journal .intro{
	float:right;
	min-width:460px;
	width:auto !important;
	_width:460px;
	max-width:500px;
	height:270px;
	margin:0 20px 0 0;
}*/
.journal .intro {
	float: right;
	/*min-width: 460px;
	_width: 460px;
	width: auto !important;
	max-width: 500px;*/
	height: 270px;
	margin: 0 20px 0 0;
}

    .journal_Perp {
        /*float: right;
        background: url(../journal_bg.jpg) no-repeat;*/
        width: 100%;
        /*width:680px;*/
        height: 270px;
        margin: 0 0 20px 0;
    }

    .journal_Perp .intro {
        /*float: right;*/
        height: 270px;
        margin: 0 20px 0 0;
    }

.more1{
	padding:5px 0;
	text-align:center;
}
.more1 a{
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
.more1 a:hover{
	color:#4D4D4D;
}
.more2{
	text-align:center;
}
.more2 a{
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
.more2 a:hover{
	text-decoration:none;
}
.dash
{
	height:1px;
	border-top: 2px dotted #ccc;
	margin: 40px 0;
}
/*end of usual*/

/* Peggy */

.hot {
    margin-left: -25px;
}

.hot li {
    text-align: justify;
    /*list-style: none;*/
    padding: 0px 0px 6px 0px;
}

.hot li a {
	color: #303000;
}

#leftBackg {
    background: #B9A37F;
    width: 240px;
    margin-top: -20px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}