/* 公共樣式 */
body { background-color: #894E8F; }
.br { display: block; margin-bottom: 5px; border-right: none; }
.cherries { color: #C00; }
.orange { color: #F60; }
.violet { color: #9A30A4 }
.like, .channel h3, .simple-box h3{ background: url('//img.8891.com.tw/carInfo/exhibition/objs.png') no-repeat; }
    .like { padding-left: 18px; background-position: 0 -187px; height: 20px; }

#context {  background-color: #FFF; box-shadow: 0 2px 10px #444; padding-bottom: 30px; }
    #context a:hover { text-decoration: none; }

/* 頂部導航 */
#top-banner { background-image: url('//img.8891.com.tw/carInfo/exhibition/bg.png'); background-repeat: repeat-x; }
    #top-channel { width: 952px; height: 292px; }
    	#top-channel-img { position: absolute; top: 0; left: -165px; }
    	#top-channel-return { position:absolute; top:15px; left:0; z-index: 1; }

/* 右欄 */
#main { width: 720px; margin-right: 10px; color: #666; }
    .channel { margin-bottom: 10px; }
        .channel h3 { height: 43px; text-indent: -9999em; }
        .channel-box { border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; padding: 10px 0; }
        .channel li { width: 224px; padding: 6px; margin: 5px 1px 5px 2px; }
        .channel li:hover { border: 2px solid #F60; padding: 4px; }
        .channel .pic { width: 222px; height: 167px; background-color: #CCC; }
        .channel .pic img { max-width: 222px; max-height: 167px; }
        .channel p { text-align: center; margin-top: 20px; }
    #slide { margin-bottom: 20px; height: 405px; background-color: #444; }
        #slide li { position: relative; }
        	#slide .pic { width: 720px; height: 360px; overflow:hidden; }
        		#slide .pic img { max-width: 720px; }
        #slide span a { display: block; height: 50px; line-height: 50px; font-size: 23px; font-family: 'microsoft yahei'; width: 720px; text-align: center; background: #444; color: #FEFEFE; letter-spacing: 2px; text-shadow: 1px 2px 3px #222; }
            #slide .slide-btn { position: absolute; top: 150px; background: rgba(0,0,0,.5); width: 40px; height: 40px; border-radius: 20px; cursor: pointer; }
            #slide .slide-btn:hover { background: #000; }
                #slide .slide-btn i { width: 14px; height: 19px; display: block; margin: 11px 0 0; background: url(//img.8891.com.tw/carInfo/exhibition/sbtn.png) no-repeat; }
            #slide .prev { left: 10px; }
                #slide .prev i { background-position: 0 0; margin-left: 12px; }
                #slide .prev:hover i { background-position: 0 -19px; }
            #slide .next { right: 10px; }
                #slide .next i { background-position: -14px 0; margin-left: 14px; }
                #slide .next:hover i { background-position: -14px -19px; }
    #newcar h3 { background-position: 0 0; }
        #newcar span.cherries { display: inline-block; margin-right: 2px; width: 10em; height: 15px; overflow: hidden; vertical-align: text-top; }
    #model h3 { background-position: 0 -44px; }
    #article h3 { background-position: 0 -89px; }
    #article li { width: 330px; height: 95px; }
    #article li:hover { border: none; padding: 6px; }
    #article .channel-box div { width: 194px; height: 90px; margin-left: 10px; position: relative; line-height: 1.3; }
    #article .channel-box div a.br { height: 2em; font-size: 15px; color: #F60; margin-bottom: 15px; font-weight: bold; }
    #article .channel-box div span:after { content: '...'; }
        #article .channel-box div span+a { position: absolute; right: 0; bottom: 0; }
    #article .pic { width: 122px; height: 92px; background-color: #CCC; }
    #article .pic img { max-width: 120px; max-height: 90px; }

/* 左欄 */
#sidebar { width: 220px; }
    #topic { background-color: #E8E8E8; margin-bottom: 27px; height: 404px; }
        #topic div { padding: 10px 8px 10px 12px; }
            #topic h4 { font-size: 15px; text-align: center; }
            #topic h5 { font-size: 13px; text-align: center; }
            #topic h6 { font-size: 13px; font-weight: normal; margin: 0; text-align: center; }
            #topic p { margin-top: 15px; text-indent: 2em; line-height: 1.5; }
    .simple-box { padding: 12px 17px 0 17px; border: 1px solid #CECECE; margin-bottom: 10px; margin-right: 5px; }
        .simple-box h3 { height: 18px; text-indent: -9999em; margin-bottom: 10px; }
        .simple-box .pic-text { margin-bottom: 10px; }
        .simple-box .pic-text div { text-align: center; }
        .simple-box .pic { width: 180px; min-height: 70px; background-color: #CCC; position: relative; }
        .simple-box .pic img { max-width: 180px; max-height: 136px; }
            .simple-box .ot { position: absolute; width: 100%; height: 24px; line-height: 24px; padding: 2px 0; left: 0; bottom: 0; background: rgba(167,167,167,.6); color: #FFF; text-align: left; }
                .simple-box .ot b { background: #F67327; padding: 3px 6px; margin: 0 4px; }
    #rank-newcar h3 { background-position: 0 -151px; }
    #rank-model h3 { background-position: 0 -133px; }
    #promote h3 { background-position: 0 -170px; }
    #promote p { margin: 20px 0; }

/* 底部 */
#Footer .disclaimer { background:#FFF; display: none; }
#Footer a { color: #FFF; }
#Footer a:hover { color: #333; text-decoration: none; }