/* -- global -- */

html,body {height: 100%;}

body {
background: #473B38;
}

.main {
width: 950px;
margin: 0 auto;

min-height: 100%;
}

* html .main {height: 100%;}
.hFooter {height: 121px;}

.footer {
width: 950px;
margin: 0 auto;
border-top: 1px solid #6A5455;

height: 120px;
margin-top: -121px;
}

/* -- header -- */

.header {
min-height: 100px;
_height: 100px;
border-bottom: 1px solid #6A5455;
position: relative;
}

.header .logotype {
background: url(../img/index/logotype.gif) no-repeat 0 0;
width: 108px;
height: 61px;
display: block; 
position: absolute;
bottom: 14px;
left: 0;
}

.header .menu {
position: absolute;
bottom: 14px;
right: 0;
}

.header .menu li {
float: right;
margin: 0 0 0 24px;
padding: 0;
}

.header .menu li a {
display: block;
padding: 4px 0 0 0;
border-top: 8px solid #473B38;
color: #DECACB;
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}

.header .menu li a:hover {
border-top: 8px solid #594546;
}

.header .menu li.active a {
border-top: 8px solid #594546;
}

/* -- leftColumn -- */

.leftColumn {
float: left;
width: 280px;
padding: 0 0 40px 0;
position: relative;
}

.leftColumn .widget {
width: 2000px;
height: 140px;
background: #594546;
border: 1px solid #7F5E60;
position: absolute;
top: 30px;
left: -1722px; /* 2000px - (280px + 2px) */
}

.leftColumn .widget .slogan {
position: absolute;
top: 0;
right: 0;
padding: 0 20px 0 0;
}

.leftColumn .widget .slogan h1 {
color: #DECACB;
font: bold 20px Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0;
}

.leftColumn .widget .slogan h1 strong {
font-size: 28px;
}

.leftColumn .widget .slogan h3 {
color: #CAC4C1;
font: normal 14px Arial, Helvetica, sans-serif;
}

.leftColumn .sidebar {
background: #3C322F url(../img/index/sidebar.gif) no-repeat 0 -20px;
margin: 200px 0 0 0;
padding: 20px 0 0 0;
}

.leftColumn .sidebar .corner {
height: 20px;
background: url(../img/index/sidebar.gif) no-repeat 0 0;
}

.leftColumn .sidebar p {
padding: 0 10px 25px 10px;
color: #A28C8B;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
}

.leftColumn .sidebar p.address {
color: #FFFFFF;
font-weight: bold;
padding: 0 10px 0px 10px;
}

.leftColumn .sidebar p.maincont {
color: #A28C8B;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0 10px 0px 10px;
}


.leftColumn .sidebar p a.join {
width: 250px;
height: 35px;
display: block;
background: url(../img/index/join.png) no-repeat 0 0;
margin: 20px auto 0 auto;
}

* html .leftColumn .sidebar p a.join {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/join.png');
}

.leftColumn .sidebar p a.rss {
width: 128px;
height: 128px;
display: block;
background: url(../img/index/rss.png) no-repeat 0 0;
margin: 20px auto 0 auto;
}

* html .leftColumn .sidebar p a.rss {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/rss.png');
}

/* -- rightColumn -- */

.rightColumn {
float: left;
width: 630px;
padding: 0 0 40px 40px;
}

.rightColumn div.join {
background: url(../img/index/pile.jpg) no-repeat 0 35px;
min-height: 250px;
padding: 0 20px 0 0;
}

* html .rightColumn div.join {
height: 250px;/* min-height */
}

.rightColumn div.join h4 {
color: #95D0D9;
font: bold 17px Arial, Helvetica, sans-serif;
padding: 30px 0 15px 340px;
}

.rightColumn div.join div.row {
overflow: hidden;
padding: 0 0 10px 0;
width: 100%;
}

.rightColumn div.join div.row div.error {
clear: both;
float: right;
color: #FFC0C0;
font: normal 13px Arial, Helvetica, sans-serif;
text-align: right;
}

.rightColumn div.join div label {
float: right;
padding: 0 20px 0 0;
color: #C2C2C2;
font: normal 13px Arial, Helvetica, sans-serif;
position: relative;
top: 4px;
}

.rightColumn div.join div input {
float: right;
width: 170px;
border: 1px solid #95D0D9;
color: #000000;
font: normal 16px Arial, Helvetica, sans-serif;
}

.rightColumn div.join div a.join {
width: 250px;
height: 35px;
display: block;
background: url(../img/index/join.png) no-repeat 0 0;
float: right;
margin-top: 15px;
}

* html .rightColumn div.join div a.join {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/join.png');
}

.rightColumn div.join div input.join {
width: 250px;
height: 35px;
display: block;
background: url(../img/index/join.png) no-repeat 0 0;
float: right;
margin-top: 15px;
margin: 15px 0 0 0;
padding: 0;
border: none;
cursor: pointer;
}

* html .rightColumn div.join div input.join {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/join.png');
}

.VIP {
width: 630px;
overflow: hidden;
}

.VIP a {
border: 1px solid #FFFFFF;
padding: 6px;
background: #B7DC70;
float: left;
margin: 0 0 20px 20px;

display: inline;
}

.VIP a img {
padding: 0;
margin: 0;
display: block;
}

.recent {
width: 610px;
padding: 0 0 40px 20px;
overflow: hidden;
}

.recent a {
padding: 10px;
background: #3C312F;
float: left;
margin: 0 17px 17px 0;

display: inline;
}

.recent a img {
padding: 0;
margin: 0;
display: block;
}

.hint {
width: 630px;
overflow: hidden;
padding: 40px 0 20px 0;
}

.hint .a1 {
width: 295px;
padding: 0 0 0 20px;
float: left;
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
}

.hint .a1 a {
color: #DECACB;
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.hint .a1 a:hover {
text-decoration: none;
}

.hint .a2 {
width: 295px;
padding: 0 20px 0 0;
float: left;
text-align: right;
}

.hint .a2 a {
color: #DECACB;
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.hint .a2 a:hover {
text-decoration: none;
}

.overview {
width: 630px;
overflow: hidden;
padding: 40px 0 20px 0;
}

.overview .a1 {
width: 230px;
float: left;
}

.overview .a1 a {
border: 1px solid #FFFFFF;
padding: 6px;
background: #B7DC70;
display: block;
float: left;
}

.overview .a1 a img {
padding: 0;
margin: 0;
display: block;
}

.overview .a2 {
width: 400px;
float: left;
}

.overview .a2 .description {
color: #C2C2C2;
font: normal 13px Arial, Helvetica, sans-serif;
}

.overview .a2 .description span {
color: #FFFFFF;
font: bold 13px Arial, Helvetica, sans-serif; 
}

.overview .a2 .description strong {
color: #B7DC70;
font: normal 28px Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
line-height: 13px;
}

.overview .a2 .description h5 {
color: #FFFFFF;
font: normal 18px Arial, Helvetica, sans-serif;
}

.overview .a2 .description li {
padding: 0 0 20px 0;
}

.overview .a2 .description a {
color: #DECACB;
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.overview .a2 .description a:hover {
text-decoration: none;
}

.opinion {
min-height: 250px;
}

* html .opinion {
height: 250px;/* min-height */
}

.opinion div.row {
overflow: hidden;
padding: 0 0 10px 0;
width: 100%;
}

.opinion div.error {
color: #FFC0C0;
font: normal 13px Arial, Helvetica, sans-serif;
}

.opinion label {
display: block;
color: #C2C2C2;
font: normal 13px Arial, Helvetica, sans-serif;
padding: 0 0 4px 0;
}

.opinion input {
width: 250px;
border: 1px solid #95D0D9;
color: #000000;
font: normal 16px Arial, Helvetica, sans-serif;
}

.opinion textarea {
width: 250px;
border: 1px solid #95D0D9;
color: #000000;
font: normal 16px Arial, Helvetica, sans-serif;
}

.opinion input.comment {
width: 250px;
height: 35px;
display: block;
background: url(../img/index/comment.png) no-repeat 0 0;
margin: 15px 0 0 0;
padding: 0;
border: none;
cursor: pointer;
}

* html .opinion input.comment {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/comment.png');
}







.content h2 {
color: #95D0D9;
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 25px 0;
}

.content h2.img {
padding: 25px 0 25px 20px;
}

.content h6 {
color: #95D0D9;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 0 0 25px 0;
clear: both;
}

.content p {
color: #C2C2C2;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
padding: 0 0 25px 0;
}

.content a {
color: #FFFFFF;
}

.content a:hover {
text-decoration: none;
}

.content p span.time {
color: #FFFFFF;
font: bold 12px Arial, Helvetica, sans-serif;
}

.content p span.author {
color: #B7DC70;
font: bold 12px Arial, Helvetica, sans-serif;
}

.content p b {
color: #FFFFFF;
font: bold 12px Arial, Helvetica, sans-serif;
}

.content ol {
list-style-type: decimal;
list-style-position: outside;
color: #C2C2C2;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
padding: 0 0 25px 0;
}

/* -- clear -- */

.clear {
clear: both;
}

/* -- footer -- */

.footer .circle {
padding: 0 0 0 0;
overflow: hidden;
}

.footer .circle li {
float: left;
width: 190px;
padding: 10px 0 10px 0;
text-align: center;
}

.footer .circle li p a {
color: #FFFFFF;
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}

.footer .circle li p a:hover {
text-decoration: underline;
}

/* -- roll -- */

.roll {
padding: 10px 0 10px 0;
clear: both;
overflow: hidden;
border-top: 1px solid #6A5455;
border-bottom: 1px solid #6A5455;
width: 100%;
}

.rollFirst {
margin-top: 20px;
border-bottom: none;
}

.rollLast {
margin-bottom: 20px;
}

.roll li {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}

.roll li span {
display: block;
float: left;
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 12px;
padding: 5px 5px 5px 5px;
}

.roll li a {
display: block;
float: left;
color: #DECACB;
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 12px;
padding: 5px 5px 5px 5px;
}

.roll li a:hover {
color: #FFFFFF;
background: #3C322F;
}

/* -- gallery -- */

.gallery {
overflow: hidden;
}

.gallery li {
float: left;
padding : 0 17px 17px 0;
}

.gallery a {
padding: 10px;
background: #3C312F;
float: left;

display: inline;
}

.gallery a img {
padding: 0;
margin: 0;
display: block;
}

/* -- article -- */

.article {
overflow: hidden;
}

/* -- movie -- */

.movie {
overflow: hidden;
padding: 0 0 25px 0;
}











div.filter {
min-height: 250px;
}

* html div.filter {
height: 250px;/* min-height */
}

div.filter div.row {
overflow: hidden;
padding: 0 0 10px 0;
width: 100%;
}

div.filter label {
display: block;
color: #C2C2C2;
font: normal 13px Arial, Helvetica, sans-serif;
padding: 0 0 4px 0;
}

div.filter select {
width: 250px;
border: 1px solid #95D0D9;
color: #000000;
font: normal 16px Arial, Helvetica, sans-serif;
}

div.filter input.filter {
width: 250px;
height: 35px;
display: block;
background: url(../img/index/filter.png) no-repeat 0 0;
margin: 15px 0 0 0;
padding: 0;
border: none;
cursor: pointer;
}

* html div.filter input.filter {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/design/img/index/filter.png');
}




.hidden { display: none; }

.banner-200 {
    text-align: center;
}

.banner-500 {
    text-align: right;
    min-height: 100px;
    _height: 100px;
    padding: 20px 0 50px 0;
}.furjbqy {	height:151px;		right: 0px;	position:fixed;	-position: absolute;	top:263px;	width:21px;	z-index:5;}