@charset "utf-8";
body { font-size:13px; font-family:"微軟正黑體"; line-height:180%; color:#333; margin:0; padding:0; padding-bottom:0; margin-bottom:0; background:url(../images/bg.jpg) repeat-x;  }
h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea { margin:0; padding:0; }
button, input, select, textarea { font-size:13px; font-family: "微軟正黑體"; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size:100%;font-family:"微軟正黑體"; }
ul, ol { list-style:none outside none; }
* { padding:0; margin:0; }
a { color:#000000; font-size:14px; text-decoration:none ;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
a:hover{ color:#734038;}
img { border:0 none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }
.clear{clear: both;}
.top{ height:94px; padding:8px; background:#734038;}
.logo{ width:1000px; margin:0px auto;position: relative;}
.nav{ width:100%; height:45px;border-bottom:solid 1px #CEC8C8}
.jianti{width:186px;height:45px;border-left:solid 1px #ccc;position:relative;float:left; background:url(../images/navbg.png) no-repeat; background-position:165px 26px;}
.jianti div{width:186px;height:45px;line-height:45px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-align:center;}
.bed {
	background: url(../images/bed.png) no-repeat right 0px;
    color: #FFF;
    font-size: 32px;
    width: 550px;
    height: 110px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    right: 0;
    top: -8px;
}

.logo span {
	position: absolute;
    bottom: 28px;
    font-family: "標楷體";
    letter-spacing: 4.7px;
}
.jianti .one{top:0;left:0;z-index:2;}
.jianti:hover .one{top:0px;left:18px; opacity: 0;}
.jianti .one a{text-decoration:none;color:#734038; display:inline-block;width:100%; height:100%;}

.jianti .two{left:-18px;z-index:-1;opacity: 0; }
.jianti:hover .two{bottom:0px;left:0;z-index:-1; opacity: 1; background:url(../images/navbg.png) no-repeat #f7f8f8;background-position:165px 26px;}
.jianti .two a{text-decoration:none;color:#734038;display:inline-block; width:100%; height:100%;}

.nav2 .navli{ position:absolute; top:45px;border-top:solid 1px #ccc; left:-1px; z-index:9999; width:186px; display:none;}
.nav2 .navli a{ width:180px;border:solid 1px #ccc; line-height:25px; padding:8px 3px;  color:#734038; display:block; background:#fff; border-top:none;}
.nav2 .navli a:hover{ background:#f6f6f6;}
.imidd{ width:1000px; margin:0px auto;}
.imidd1{ border:solid 1px #919191; overflow:hidden; position:relative; padding:5px; width:302px; float:left; margin-right:28px;}
.imidd1:last-child{margin-right: 0;}
.imidd1 a{ color:#fff;}
.imidd2{ float:left;}
.imiddtex{position:absolute; z-index:999; bottom:0px; left:0; padding:10px 5%;  background: rgba(155,64,56,0.5); text-align:center; width:90%;}
.imiddtex span{line-height:20px; font-size:18px; }
#inmovice{ width:400px; height:255px;}
.content{ width:1000px; overflow:hidden; margin:0 auto;} 
.ctitle{background:url(../images/tbg.png) no-repeat center; color:#734038; width:100%; height:72px; line-height:33px;letter-spacing:2px; margin:35px auto 40px auto;}
.ctitle .ct1{ width:49.5%; text-align:right; float:left; font-size:23px; }
.ctitle .ct2{ width:45.5%; text-align:left; float:right; font-size:16px;}

.pleft{ width:585px; padding-right:40px; border-right:solid 1px #ccc; float:left;}
.pright{ width:333px; overflow:hidden; float:right; padding-left:40px;}

.plefttitle{ font-size:17px; padding-bottom:15px; margin-bottom:22px; border-bottom:solid 1px #ccc;}
.prot tr td{ border-bottom:solid 1px #ccc; padding:20px 0; vertical-align:top}

.cleft{width:210px; float:left;  }
.cleft a{ display:block; font-size: 20px; border-left:solid 3px #704548; padding: 0 10px 0 5px; margin:0px 0 20px 0;}
.cleft a.cur{color:#734038; font-weight: 800; }

.cright{margin-left: 210px;}
.cright .title{font-size: 22px;color:#734038; font-weight: 800; padding-left: 10px;}
.clubs li{width: 30.333%;float: left;padding:20px 1.5% 0px 1.5%; }
.clubs li:nth-child(3n){padding:20px 0 0px 1.5%; }
.clubs li a{ border:solid 1px #704548; border-radius: 5px; display: block;}
.clubs li a img{ width: 96%;height: 170px;  padding:2%; }
.clubs li a:hover img{ opacity: .8;  }
.clubs li a .name{font-size: 18px; height: 43px; margin-bottom: 5px; border-top:solid 1px #704548; padding: 5px 10px; overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; }

    .cright .title span{font-size: 18px;color:#111; font-weight: 100;}
    .cright .title a.btn{font-size: 18px;color:#fff; padding: 5px 10px; border-radius: 3px; display: inline-block; background: #734038;}
    .cright .title a.btn:hover{ background: #e06b6a}

.clubs_c{margin:20px 0 0 10px; border:solid 1px #704548; border-radius: 10px; padding: 10px;}
.clubs_c_l{width: 46%;float: left;}
.clubs_c_l img{max-width: 100%; cursor: pointer;}
.clubs_c_l .img_b{padding: 10px; min-height: 245px; text-align: center;}
.clubs_c_l .l_imgs{width: 100%; overflow: auto; }
.clubs_c_l .imgs{width: 500%; }
.clubs_c_l .imgs li{ width: 100px;height: 90px;margin-bottom: 5px; float: left; margin-right: 5px; border-radius: 3px; border:solid 1px #704548; padding: 5px;}

.clubs_c_r{margin-left:50%;font-size: 20px;}
.clubs_c_r .t{margin-bottom:15px; color: #734038; font-size: 22px; font-weight: 800;}
.clubs_c_r>div{margin: 10px 0;}
.clubs_c_r>div.y{color: #e06b6a;}
.clubs_c_r>div span{width: 100px; float: left;}
.clubs_c_r>div p{margin-left: 100px;}
.clubs_c_r>div span.w{width: 60px;}
.clubs_c_r>div p.w{margin-left: 60px;}
.clubs_c_c{ font-size: 20px; padding: 5px; overflow: hidden; }

.line{height: 1px; background: #8C4D48; margin:15px 0;}


/* .story li{ width:498px; margin:0 3px 10px 0; float:left;}
.story li.margin0{margin:0 0px 10px 0;}
.story li .storyt{ width:453px; height:31px;  font-size:14px; padding:10px 0 0 45px; background:url(../images/stitlebg.png)}
.story li .storyt a{color:#fff;}
.story li .storyc{ background:#f6f6f6; padding:5px 10px 5px 10px; margin:3px 0;}
.story li .storycon{ width:260px; float:left;}
.story li .storycon tr td{ border-bottom:solid 1px #CEC8C8; line-height:20px; color:#734038; text-align:left; padding:8px 0;}
.story li .storycon tr td div{ width:42px; border-right:solid 1px #CEC8C8; height:100%;} */

/* .storyc{margin:0 3px 40px 0;}
.storyc .storyt{ width:1000px; height:31px; color:#fff; font-size:14px; padding:10px 0 0 45px; background:url(../images/sctitlebg.png)}
.storyc .storyc2{margin:8px 0;}
.storyc .storycon{ width:770px; float:left;}
.storyc .storycon tr td{ border-bottom:solid 1px #CEC8C8; line-height:20px; color:#734038; text-align:left; padding:10px 0;}
.storyc .storycon tr td div{ width:42px; border-right:solid 1px #CEC8C8; height:100%;}
.storyc3 div.storyc3c{ width:200px; height:35px; margin-bottom:12px; background:url(../images/stoimg.png) no-repeat 0px center; color:#8C4D48; font-size:15px; padding-left:29px; line-height:35px;}
.storyc3 tr td{ border-right:solid 1px #ccc; padding:0 27px; width:33.3%; vertical-align:top;} */

.ntitle{ height:70px; font-size:14px; color:#734038; line-height:38px; padding-left:62px; cursor:pointer; background:url(../images/qt1.png) no-repeat top left;}
.ncontent{ display:none;font-size:12px; margin-bottom:18px; width:920px; padding:0 0 0 62px; overflow:hidden;background:url(../images/qca.png) no-repeat 4px top; }

.contact tr td{ border-bottom:solid 1px #ccc; color:#734038;}
.contact tr td input{ width:207px; height:30px; padding-left:3px; border:solid 1px #ccc; margin:6px 0 6px 35px;}
.contact tr td textarea{ width:409px; height:105px;padding-left:3px; border:solid 1px #ccc; margin:6px 0 6px 35px;}
.contact tr td input.submit{ width:409px; height:38px; cursor:pointer; border:0; background:url(../images/sendbg.png) no-repeat}
.contact tr td input.submit:hover{ width:409px; background:url(../images/sendbgh.png) no-repeat}

.foot{ height:74px; padding:8px 0; margin-top:80px; color:#CEC8C8; background:#734038} 

.page{text-align: center}
.page span,.page a{ display:inline-block; width:31px; height:30px; font-size:14px; text-align:center; background:rgb(83, 66, 66); color:#fff; margin:0 3px; line-height:28px;}
.page img{margin-bottom: -11px;}
.page span.current{ display:inline-block; width:31px; height:30px; font-size:14px; text-align:center; background:#EC6D6D; color:#fff; margin:0 3px; line-height:28px;}
.page span.current2{ display:inline-block; width:31px; height:30px; font-size:14px; text-align:center; background:#8C4D48; color:#fff; margin:0 3px; line-height:28px;}
.page span.current2:hover{ background:#EC6D6D;}







::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
    background: #535353;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
    border-radius: 10px;
    background: #EDEDED;
}