/***********************************/
/***************通用***************/
/*********************************/

body{
    background: #F2F2F2;
}

/*廣告*/
.ad{
    margin-top: 24px;
    margin-bottom: 24px;
}

/***********************************/
/*************【表頭】**************/
/*********************************/
.header{
    width: 1024px;
    margin: 0 auto;
    background: #000000;
}

h1{
    font-family: 'Roboto';
    font-weight: 900;
    font-style: italic;
    font-size: 36px;
    color: #50FF44;
    text-align: center;
    line-height: 42px;
    padding-top: 16px;
    padding-bottom: 16px;
}

/***********************************/
/*************【內容】**************/
/*********************************/
.container{
    max-width: 620px;
    margin: 0 auto;
}

.content{
    width: 620px;
}

/**********/
/*漫畫封面*/

.comicFrontCover{
    float: left;
    width: 300px;
    height: 446px;
    border: 4px solid #000000;
    background-color: #3C3C3C;
    background-image: url(../img/comicCover_home.jpg);
    background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 292px auto;
	-webkit-background-size: 292px auto;
	-o-background-size: 292px auto;
	background-size: 292px auto;
}

/**********/
/*漫畫資料*/
.comicData{
    float: left;
    width: 320px;
}

/*漫畫資料標題*/
.comicData .dataTitle{
    float: left;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-left: 20px;
    margin-bottom: 8px;
    width: 70px;
}

/*漫畫資料內容*/
.comicData .dataContent{
    float:left;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    margin-left: 2px;
}

/*漫畫名稱標題*/
.comicData_ComicName{
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #FFFFFF;
    background: #000000;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 24px;
}

/*Rate的星星*/
.comicData_Rate .dataContent i{
    margin-right: 3px;
    font-size: 16px;
    line-height: 16px;
} 

/*Summary標題*/
.comicData_Summary .dataTitle{
    float: none;
    margin-top: 16px;
}

/*Summary內容*/
.comicData_Summary .dataContent{
    float: none;
    padding-left: 20px;
}

/***********************************/
/*************【表尾】**************/
/*********************************/

.footer{
    max-width: 620px;
    margin: 0 auto;
}

.chaptersListTitle{
    float: left;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    background: #000000;
    padding: 8px 24px 8px 24px;
}

.chaptersList{
    width: 620px;
    border: 4px solid #000000;
    padding-top: 7px;
    padding-bottom: 7px;
}

.chaptersList_ChapterItem_ChapterTital{
    float: left;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 16px 10px 24px;
}

.chaptersList_ChapterItem_NewMark{
    float: left;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    background: #50FF44;
    padding: 2px 12px 2px 12px;
    margin-top: 14px;
}

.chaptersList_ChapterItem a{
    display: block;
    color: #000000;
}

.chaptersList_ChapterItem a:hover{
    background: #000000;
    color: #ffffff;
}