/* 評論文章樣式 - Comments & Articles Styles */

/* Comment Styles */
.comment_box .bd, .bought_box .bd, .goods_desc .bd{
    padding:14px
}

.comment_list li{
    padding:5px 0
}

.comment_list li .info{
    margin-bottom:5px;
    padding:5px 10px;
    font-size:14px;
    line-height:20px;
    border-left:4px double #eee
}

.comment_list li .info .name{
    font-size:16px;
    font-weight:bold;
    padding-right:10px;
    text-shadow:0 1px 0 #fff
}

.comment_list li .info .time{
    font-size:12px;
    color:#999
}

.comment_list li .info .drop{
    float:right
}

.comment_list li .info .drop .button{
    margin-top:-3px
}

.comment_list li .talk{
    padding:10px;
    font-size:14px;
    line-height:18px;    
    background-color: #f8f8f8;
}

.comment_list li .talk .title{
    padding:5px 0;
    font-weight:bold
}

.comment_list li .talk .type{
    padding-right:5px
}

.comment_list li .talk .text{
    display:block;
    padding:5px 0;
    line-height:1.8em;
    font-size:14px;
}

.comment_list li .talk .reply{
    margin: 5px 0 5px 50px;
    padding: 10px;
    background-color: #f8f8f8;
    border-left: 3px solid #F14331;
}

.comment_list li .talk .reply p{
    padding:5px 0
}

.comment_list li .talk .reply .name{
    color:#f04331;
    font-weight:bold;
    font-size:16px
}

.comment_box .pagination{
    margin-bottom:20px
}

.comment_box .form{
    padding:10px 20px 20px
}

.comment_box .form div.req{
    top:20px;
    right:20px
}

.comment_box .form #star_tip{
    padding:7px 0 0
}

.comment_list .rank{
    display:block;
    float:right;
    height:17px;
    width:100px;
    margin-top:1px;
    text-indent:-999em;
    background:url('../img/stars.gif') no-repeat left top
}

.comment_list .rank_2{
    background-position:0 -30px
}

.comment_list .rank_3{
    background-position:0 -60px
}

.comment_list .rank_4{
    background-position:0 -90px
}

.comment_list .rank_5{
    background-position:0 -120px
}

/* Reply Blockquote */
blockquote.reply .text { 
    color: #005EAE;
}

blockquote.reply .time {  
    font-size: 13px;
}

/* Article Styles */
.article .bd{
    padding:9px 19px
}

.article_pro .bd{
    padding:19px
}

.article_title{
    margin-bottom:10px;
    padding-bottom:10px;
    background:url('../img/horizontal_spacer.gif') repeat-x left bottom
}

.article h1{
    color:#333;
    font-size:26px;
    line-height:30px
}

.article_info{
    float:right;
    clear:right;
    padding:14px 10px 0;
    color:#999;
    line-height:16px
}

.article_info span{
    padding-left:10px
}

.article_content{
    padding:10px 0 20px;
    color:#333;
    font-size:14px;
    line-height:20px
}

.article_content h2{
    margin:5px 0;
    padding:5px 15px;
    color:#333;
    font-size:16px;
    background-color:#f6f6f6;
    border-bottom:1px solid #eee;
    border-radius:5px
}

.article_content h3, .article_content h4, .article_content h5{
    margin:3px 0;
    padding:5px 10px;
    color:#333;
    font-size:14px
}

.article_content em{
    font-style:italic
}

.article_content a:link, .article_content a:visited{
    color:#069
}

.article_content p{
    margin-bottom:10px;
    padding:5px 0
}

.article_content table{
    margin:10px 0
}

.article_content dl.faq{
    padding:5px 10px
}

.article_content dl.faq dd{
    margin-left:2em;
    margin-bottom:15px
}

.article .download_wrapper{
    padding:10px 0;
    text-align:center
}

.article .nearby{
    margin-top:10px;
    padding:10px;
    line-height:18px;
    background:url('../img/horizontal_spacer.gif') repeat-x left top
}

.article .nearby .next{
    float:right
}

.article_search{
    padding-bottom:10px;
    text-align:right
}

.article_search input{
    vertical-align:middle
}

.article_list li{
    padding:10px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    background:url('../img/horizontal_spacer.gif') repeat-x left top
}

.article_list .first{
    background-image:none
}

.article_list li .title{
    display:inline-block;
}

.article_list li .author, .article_list li .time{
    float:right;
    padding-left:10px;
    color:#999;
    font-size:12px;
    font-weight:normal
}

.article_list li.head{
    margin-bottom:3px;
    color:#444;
    font-weight:bold;
    background-color:#fff;
    border-bottom:1px dashed #888
}

.article_list li.even{
    background-color:transparent
}

/* Goods Description */
.goods_description{
    padding:10px 10px 20px;
    color:#333;
    font-size:14px;
    line-height:20px
}

.goods_description p{
    padding:10px 0 20px;
    color:#333;
    font-size:14px;
    line-height:20px
}

.goods_description h1{
    margin:8px 0;
    padding:5px 10px;
    color:#333;
    font-size:18px
}

.goods_description h2{
    margin:5px 0;
    padding:5px 10px;
    color:#333;
    font-size:16px;
    background-color:#f6f6f6;
    border-bottom:1px solid #eee
}

.goods_description h3, .goods_description h4, .goods_description h5{
    margin:3px 0;
    padding:5px 10px;
    color:#333;
    font-size:14px
}

.goods_description em{
    font-style:italic
}

.goods_description a:link, .goods_description a:visited{
    color:#069
}

.goods_description table{
    margin:10px 0
}

.goods_description dl.faq{
    padding:5px 10px
}

.goods_description dl.faq dd{
    margin-left:2em;
    margin-bottom:15px
}

.goods_description dl.table{
    padding:0;
    border-width:0
}

.goods_description .time em{
    padding:0 5px;
    color:#069;
    font-size:1.2em;
    font-weight:bold
}

.goods_description .price{
    font-size:1.3em
}

.goods_description img.left{
    float:left;
    margin:2px 20px 16px 0
}

.goods_description img.right{
    float:right;
    margin:2px 0 16px 20px
}

.goods_description img.reflection{
    margin-bottom:0
}

.goods_description .back_to_top{
    display:block;
    float:right;
    height:22px;
    margin:10px 0;
    padding-right:14px;
    color:#069;
    font-size:12px;
    line-height:22px;
    background:url('../img/icon.gif') no-repeat right -51px
}

.goods_description .section{
    margin-top:36px;
    padding-top:18px;
    border-top:1px solid #e5e5e5
}

.goods_description .section h2{
    margin-bottom:25px;
    font-size:18px;
    background-color:transparent;
    border-bottom-width:0
}

.goods_description .section img.across{
    display:block;
    margin:0 auto 25px
}

.goods_description .grid4col{
    margin:10px 0 20px;
    padding:10px 15px;
    text-align:left
}

.goods_description .grid4col .column{
    float:left;
    width:167px;
    padding-left:20px
}

.goods_description .grid4col .column.first{
    padding-left:0
}

.goods_description .grid4col .column h3{
    margin-bottom:5px;
    font-size:14px;
    line-height:18px
}

.goods_description .grid4col .column h4, .goods_description  .grid4col .column p{
    padding:0;
    font-size:12px;
    line-height:18px
}

.goods_description .grid3col{
    margin:10px 0 20px;
    padding:10px 15px;
    text-align:left
}

.goods_description .grid3col .column{
    float:left;
    width:208px;
    padding-left:25px
}

.goods_description .grid3col .column.first{
    padding-left:0
}

.goods_description .grid3col .column h3, .goods_description .grid3col .column h4, .goods_description  .grid3col .column p{
    padding:0;
    font-size:12px;
    line-height:18px
}

.goods_description .grid3col .column h3{
    font-size:14px
}

.goods_description .grid2col{
    margin:10px 0 20px;
    padding:10px 15px;
    text-align:left
}

.goods_description .grid2col .column{
    float:left;
    width:348px;
    padding-left:33px
}

.goods_description .grid2col .column.first{
    padding-left:0
}

.goods_description .grid2col .column h3, .goods_description .grid2col .column h4, .goods_description  .goods_description .grid2col .column p{
    padding:0;
    font-size:12px;
    line-height:18px
}

.goods_description .grid2col .column h3{
    font-size:14px
}

/* Goods Articles */
.goods_article li{
    padding:5px;
    line-height:16px
}

.goods_article li a{
    display:block;
    padding-left:10px;
    background:url('../img/icon.gif') no-repeat 0 -24px
}

/* Topic */
.topic .bd{
    padding:9px 19px
}

.topic h1{
    margin-bottom:10px;
    padding:8px 0;
    color:#555;
    font-size:26px;
    line-height:30px;
    background:url('../img/horizontal_spacer.gif') repeat-x left bottom
}

.topic .display_grid ul{
    padding:10px
}

/* Cat Articles */
.cat_articles .bd{
    padding:6px 9px
}

/* Tags Cloud */
.tags_cloud .bd{
    padding:14px
}

.tags_cloud .description{
    padding-bottom:20px;
    font-size:14px;
    line-height:18px
}