/* CSS Document */

/*汽車論壇 - 首頁 start*/
.hack { width: 0px; height: 100%; }
.at { display: block !important; }
.n-bl { border-left: none !important; }
.n-pl { padding-left: 0px !important; }
.club-main { margin: 10px auto; }
.club-navs { width: 950px; }
.back-ncar { float: right; font-weight: normal; font-size: 15px; margin-top: 40px; }
.club-navs .club-nav { width: 726px; }
.club-navs .club-m { width: 210px; margin-left: 10px; }
.club-nav, .club-m { float: left; height: 337px; border: solid 1px #CCD3E4; border-top: none; }
.club-nav .nav-top { width: 726px; height: 45px; } 
.club-nav .nav-top .nav-title { width: 120px; height: 42px; border-top: solid 3px #F60; text-align: center; line-height: 42px; font-size: 15px; font-weight: bold; float: left; } 
.club-nav .nav-top .nav-c { width: 605px; height: 42px; border: solid 1px #CCD3E4; border-top: solid 3px #3A62C2; border-right: none; float: left; } 
.club-nav .nav-top .nav-c .cq-bbs { width: 69px; height: 27px; margin: 5px 0px 0px 30px; display: block; float: left; } 
.club-nav .nav-top .nav-c .bbs-m { margin-top: 5px; margin-left: 5px; display: block; float: left; } 
.club-nav .nav-top .nav-c ul { width: 380px; height: 15px; float: left; margin-left: 5px; margin-top: 12px; } 
.club-nav .nav-top .nav-c ul li { height: 15px; line-height: 15px; padding: 0px 5px; float: left; border-left: solid 1px #CCD3E4;  } 
.brand-navs { width: 700px; margin: 20px 0px 5px 20px; height: 22px; }
.brand-navs li { height: 20px; float: left; border: solid 1px #CCD3E4; line-height: 20px; margin-right: 4px; }
.brand-navs li a { display: block; padding: 0px 5px; }
.brand-navs li a:hover { background: #345CBC; color: #FFF; text-decoration: none; }
.brand-navs li span { display: block; padding: 0px 5px; color: #999; }
.brand-navs li .at { background: #345CBC; color: #FFF; text-decoration: none; }
.brand-list { width: 720px; height: 165px; display: none; position: relative; }
.brand-list li { width: 123px; height: 25px; float: left; margin-left: 20px; margin-top: 8px; line-height: 25px; }
.brand-list li a{ max-width: 94px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; }
.club-nav .search { width: 720px; height: 50px; margin: 15px auto 0px; border-top: dashed 1px #C0C0C0; position: relative; }
.club-nav .search .search-bg { width: 19px; height: 17px; position: absolute; background: url(//img.8891.com.tw/carInfo/club/search-bg.png) 0 no-repeat; top: 19px; left: 18px; }
.club-nav .search .search-text { width: 223px; height: 21px; margin: 15px 0px 0px 15px; padding-left: 25px; }
.club-nav .search .search-btn { width: 57px; height: 25px; background: url(//img.8891.com.tw/carInfo/club/search-btn.png) 0 no-repeat; border: none; position: absolute; top: 15px; left: 266px; cursor: pointer; }
.club-nav .search ul { position: absolute; top: 19px; left: 327px; }
.club-nav .search ul li { max-width:65px; padding: 0px 5px; height: 20px; line-height: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.club-nav .search ul .hot-title { margin-right: 10px; color: #C00; }
.club-nav .search .search-error { margin-left: 15px; margin-top: 5px; color: #c00; }

.head-img { border-top: solid 3px #3A62C2; margin-bottom: 20px; }
.head-img .headpic { max-width: 115px; max-height: 115px; margin: 10px auto 0px; }
.head-img .headpic img { width: 115px; height: 115px; }
.head-img .m-name {  text-align: center; margin-top: 10px; }
.head-img .m-login {  text-align: center; margin-top: 40px; }
.m-navs { width: 125px; margin: 0 auto; padding-top: 15px; padding-left: 15px; border-top: solid 1px #EEE; }
.m-navs .my-art, .m-navs .my-rec, .m-navs .my-cou, .m-navs .my-con{ width: 125px; }
..m-navs .post {  }
.m-navs .my-art .m-art{ background: url(//img.8891.com.tw/carInfo/club/m-icon.png) top no-repeat; width: 25px; height: 25px; background-position: 0px 0px; float: left; display: block; }
.m-navs .my-rec .m-rec{ background: url(//img.8891.com.tw/carInfo/club/m-icon.png) top no-repeat; width: 25px; height: 25px; background-position: 0px -25px; float: left; display: block; }
.m-navs .my-cou .m-cou{ background: url(//img.8891.com.tw/carInfo/club/m-icon.png) top no-repeat; width: 25px; height: 25px; background-position: 0px -50px; float: left; display: block; }
.m-navs .my-con .m-con{ background: url(//img.8891.com.tw/carInfo/club/m-icon.png) top no-repeat; width: 25px; height: 25px; background-position: 0px -75px; float: left; display: block; }

.img-post { width: 950px; margin-top: 10px; } 
.img-post .post-navs { width: 950px; height: 35px; border-top: solid 2px #3155A7; } 
.img-post .post-navs .nav-title { width: 120px; height: 35px; float: left; margin-top: -4px; } 
.img-post .post-center { width: 950px; }
.img-post .post-center ul li { width: 232px; height: 256px; background: #F9F9F9; margin: 10px 5px 0px 0px; float: left; }
.img-post .post-center .post-img{ width: 210px; height: 157px; margin: 10px auto; vertical-align: middle; overflow: hidden; text-align: center; display: block; }
.img-post .post-center .post-img img{ vertical-align: middle; max-width: 210px; }

.img-post .post-center .post-title{ width: 210px; margin: 0px auto; height: 32px; overflow: hidden; }
.img-post .post-center .post-title a{ color: #666; }
.img-post .post-center .post-icon{ width: 210px; margin: 10px auto 0px; border-top: dashed 1px #C3D6E5; }
.img-post .post-center .post-icon .post-view{ float: left; width: 65px; height: 30px; line-height: 30px; }
.img-post .post-center .post-icon .post-view .view-icon{ width: 15px; height: 15px; background: url(//img.8891.com.tw/carInfo/club/post-icon.png) 0 no-repeat; background-position: 0px 0px; display: block; margin-top: 8px; margin-right: 5px; float: left; }
.img-post .post-center .post-icon .post-com{ float: left; height: 30px; line-height: 30px; }
.img-post .post-center .post-icon .post-com .com-icon{ width: 15px; height: 15px; background: url(//img.8891.com.tw/carInfo/club/post-icon.png) 0 no-repeat; background-position: -15px 0px; display: block; margin-top: 8px; margin-right: 5px; float: left; }

.rec-post { width: 950px; margin-top: 10px; } 
.rec-post .post-left { width: 728px; float: left; }
.rec-post .post-navs { width: 728px; height: 42px; border-top: solid 2px #3155A7; border-bottom: solid 1px #CCD3E4; } 
.rec-post .post-navs .nav-title { width: 120px; height: 42px; float: left; margin-top: -4px; } 
.rec-post .post-navs .nav-c { width: 728px; height: 42px; float: left; } 
.rec-post .post-navs .nav-c ul { height: 18px; line-height: 18px; margin-top: 12px; margin-left: 10px; float: left; } 
.rec-post .post-navs .nav-c ul li { float: left; padding: 0px 10px; border-left: solid 1px #CCD3E4; } 
.rec-post .post-navs .nav-c ul li a { color: #666; } 
.rec-post .post-navs .nav-c ul li .at { color: #C00; } 
.rec-post .post-center { width: 728px; }
.rec-post .post-center ul { width: 718px; margin: 10px auto; border-bottom: solid 1px #C3D6E5; }
.rec-post .post-center ul li { width: 718px; height: 30px; line-height: 30px; }
.rec-post .post-center ul li .post-title a { float: left; }
.rec-post .post-center .art-fire { width: 27px; height: 18px; background: url(//img.8891.com.tw/carInfo/club/art-icon.png) 0 no-repeat; display: block; float: left; margin-top: 7px; }
.rec-post .post-center .art-top { width: 32px; height: 19px; background: url(//img.8891.com.tw/carInfo/club/art-icon.png) 0 no-repeat; background-position: -27px 0px; display: block; float: left; margin-top: 4px; }
.rec-post .post-center .art-rec { width: 37px; height: 23px; background: url(//img.8891.com.tw/carInfo/club/art-icon.png) 0 no-repeat; background-position: -61px 0px; display: block; float: left; margin-top: 4px; }
.post-author, .post-time, .post-d { float: right; margin-left: 10px; }
.rec-post .post-center .post-d { margin-left: 30px; width: 75px; }
.post-author a { max-width: 80px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rec-post .post-right { width: 212px; margin-left: 10px; float: left; }
.rec-post .post-right .post-active { width: 210px; border: solid 1px #CCD3E4; border-top: solid 2px #3155A7; }
.rec-post .post-right .post-active .active-title { height: 35px; line-height: 35px; text-align: center; color: #333; font-weight: bold; border-bottom: solid 1px #CCD3E4; }
.rec-post .post-right .post-active .active-center { width: 210px; margin-top: 15px; }
.rec-post .post-right .post-active .active-center li { height: 25px; line-height: 25px; }
.rec-post .post-right .post-active .active-center li .a-title { float: left; margin-left: 10px; color: #333; width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rec-post .post-right .post-active .active-center li .active-url { float: right; margin-right: 5px; }
.rec-post .post-right .post-ad { width: 210px; height: 300px; margin-top: 10px; }
.sfn-nav { height: 200px; }
/* 汽車論壇 - 首頁 end */

/* 汽車論壇 - 列表 start */

.rq-tw { width: 728px; float: left; } 
.rq-tw .rq-navs { width: 728; height: 35px; border-top: solid 2px #3155A7; } 
.rq-tw .rq-navs .rq-title { width: 120px; height: 35px; float: left; margin-top: -4px; } 
.rq-tw .rq-center { width: 728px; }
.rq-tw .rq-center ul { width: 728px; }
.rq-tw .rq-center ul li { width: 232px; height: 256px; background: #F9F9F9; margin: 10px 5px 0px 0px; float: left; }
.rq-tw .rq-center .post-img{ width: 210px; height: 157px; margin: 10px auto; vertical-align: middle; overflow: hidden; text-align: center; display: block; }
.rq-tw .rq-center .post-img img{ vertical-align: middle; max-width: 210px; }
.rq-tw .rq-center .post-title{ width: 210px; margin: 0px auto; height: 32px; overflow: hidden; }
.rq-tw .rq-center .post-title a{ color: #666; }
.rq-tw .rq-center .post-icon{ width: 210px; margin: 10px auto 0px; border-top: dashed 1px #C3D6E5; }
.rq-tw .rq-center .post-icon .post-view{ float: left; width: 65px; height: 30px; line-height: 30px; }
.rq-tw .rq-center .post-icon .post-view .view-icon{ width: 15px; height: 15px; background: url(//img.8891.com.tw/carInfo/club/post-icon.png) 0 no-repeat; background-position: 0px 0px; display: block; margin-top: 8px; margin-right: 5px; float: left; }
.rq-tw .rq-center .post-icon .post-com{ float: left; height: 30px; line-height: 30px; }
.rq-tw .rq-center .post-icon .post-com .com-icon{ width: 15px; height: 15px; background: url(//img.8891.com.tw/carInfo/club/post-icon.png) 0 no-repeat; background-position: -15px 0px; display: block; margin-top: 8px; margin-right: 5px; float: left; }
.list-header { height: 230px; margin-top: 10px;} 
.list-header .list-ad { height: 165px; background: #CCC; } 
.list-header .list-center { height: 65px; position: relative; } 
.list-header .list-center .b-logo{ width: 150px; height: 130px; position: absolute; top: -75px; left: 15px; border: solid 1px #CCC; background: #FFF; } 
.list-header .list-center .b-name{ height: 35px; margin-left: 180px; margin-top: 15px; line-height: 35px; font-size: 30px; font-weight: bold; float: left;  } 
.list-header .list-center .b-count{ height: 20px; margin-left: 10px; margin-top: 30px; line-height: 20px; float: left;  } 
.list-search { float: right; width: 220px; position: relative; margin: 8px auto 0px; }
.list-search .search-bg { width: 19px; height: 17px; position: absolute; background: url(//img.8891.com.tw/carInfo/club/search-bg.png) 0 no-repeat; top: 4px; left: 2px; }
.list-search .search-text { width: 130px; height: 21px; padding-left: 25px; }
.list-search .search-btn { width: 57px; height: 25px; background: url(//img.8891.com.tw/carInfo/club/search-btn.png) 0 no-repeat; border: none; position: absolute; top: 0px; left: 158px; cursor: pointer; }
.list-search ul { width: 300px; position: absolute; top: 19px; left: 327px; }
.list-search ul li { padding: 0px 5px; height: 20px; line-height: 20px; float: left; }
.list-search ul .hot-title { margin-right: 10px; color: #C00; }
.list-search .search-error { margin-left: 15px; margin-top: 5px; color: #c00; }

/* 汽車論壇 - 列表 end */
/* 汽車論壇 - 常用論壇 start */
.bbs-control { width: 100%; }
.bbs-control ul { width: 730px; margin: 20px auto 0px; }
.bbs-control li{ width: 150px; height: 200px; float: left; margin-left: 10px; text-align: center; }
.bbs-control li .kind-logo { width: 150px; height: 130px; border: solid 1px #ccc; }
.bbs-control li .kind-name { width: 150px; margin-top: 10px; }
.bbs-control li .kind-btn { width: 150px; margin-top: 10px; }
/* 汽車論壇 - 常用論壇 end */