@import url('button.css');
body
{
    background-color:White;
}
div.ActivityImg
{
    margin: 0 auto;
    margin-bottom: 20px;
    width: 666px;
    position: relative;
    text-align: center;
}
div.ActivityImg img
{
    max-width: 100%;
    max-height: 100%;
}

div.Item
{
    width: 666px;
    font-size: 11pt;
    margin-bottom: 25px;
}
div.Item > div.Title
{
    width: 100%;
    text-align: left;
    border-bottom: groove thin #fafaf2;
    font-size: 11.5pt;
    height: 25px;
}
div.Item > div.Title > span
{
    padding: 8px;
    padding-left: 15px;
}
div.Item > div.Title > span:first-child
{
    background: url(../images/yellow.png);
    font-weight: bold;
    padding: 8px;
}

div.Item > div.Content
{
    margin-top: 5px;
    padding-left: 25px;
    line-height: 1.6em;
    text-align: left;
    font-size: 11pt;
}
div.Item > div.Books, div.Item > div.BookList
{
    margin-top: 15px;
    padding-bottom: 10px;
    width: 100%;
    line-height: 1.6em;
    text-align: center;
    font-size: 11pt;
    border-bottom: thin groove #fafaf2;
}
div.Item > div.BookList
{
    text-align: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    border-bottom: none;
    margin-bottom:25px;
}

div.Item > div.Books ul, div.Item > div.BookList> ul
{
    margin: 0 2%;
    padding: 0;
    width: 96%;
    text-align: left;
    display: inline-table;
    /*height: 100%;*/
    margin-bottom:20px;
}
div.Item > div.BookList ul
{
    width: 100%;
    margin: 0;
}
div.Item > div.Books ul li
{
    list-style-type: none;
    float: left;
    padding-top: 8px;
    height: 100%;
}
div.Item > div.Books ul li.img
{
    width: 20%;
}
div.Item > div.Books ul li.img img
{
    min-width: 118px;
    max-width: 92%;
    max-height: 100%;
    border: 1px dotted #ddd;
}
div.Item > div.Books ul li.Bookname
{
    width: 30%;
    /*border-right: thin groove #fafaf2;*/
    padding-right:15px;
}

div.Item > div.Books ul li.Bookname div
{
    font-size: 9pt;
    margin-bottom: 10px;
    line-height: 1.3em;
    color: #333;
    padding-left: 5px;
}
div.Item > div.Books ul li.Bookname div.BuyBack
{
    text-align: right;
    padding-right: 10px;
    height: 62px;
}
div.Item > div.Books ul li.Bookname div.BuyBack a
{
    cursor: pointer;
}
div.Item > div.Books ul li.Bookname div.BuyBack > div
{
    margin-top: 5px;
}
div.Item > div.Books ul li.Bookname div.BuyBack > div span
{
    color: Red;
}
div.Item > div.Books ul li.Bookname div span.RedPrice
{
    font-size: 13pt;
    color: Red;
    font-weight: bold;
}
div.Item > div.Books ul li.Bookname div.Bookname
{
    font-weight: bold;
    font-size: 13pt;
}

div.Item > div.Books ul li.Content
{
    padding-left: 10px;
    width: 45%;
    border-left: thin groove #fafaf2;
    min-height:210px;
}

div.Note
{
    color: #FF6633;
    font-size: 13px;
    line-height: 18px;
    margin: 20px 0 0 0;
}
div.Send
{
    margin-top: 20px;
}
div.Send a
{
    cursor: pointer;
}
div.Send a img
{
    border: none;
}
div.Item > div.BookList ul li
{
    list-style-type: none;
    float: left;
    height: 100%;
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    display: table-cell;
}
div.Item > div.BookList ul li div
{
    width: 96%;
    padding: 5px 2%;
    font-size: 9pt;
    color: #333;
    text-align: left;
    line-height: 1.3em;
}
div.Item > div.BookList ul li div.img
{
    text-align: center;
    height: 160px;
}
div.Item > div.BookList ul li div.img img
{
    max-width: 100%;
    max-height: 100%;
    border: 1px dotted #ddd;
}
div.Item > div.BookList ul li div.bookname
{
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制文字只出現 3 行, 結尾出現省略號*/
    height: 38px;
}
div.Item > div.BookList ul li div.price
{
    text-decoration: line-through;
}
div.Item > div.BookList ul li div.sellprice span
{
    color: Red;
    padding-left: 5px;
}
div.Item > div.BookList ul li div.BuyBack
{
    text-align: center;
}
div.Item > div.BookList ul li div.BuyBack a
{
    cursor: pointer;
}
div.Item > div.BookList ul li div.BuyBack img
{
    border: none;
}
div.News
{
    margin-top: 20px;
    max-width:666px;
}
div.News > div:first-child
{
    background: url(../images/index3_47.png);
    width: 100%;
    text-align: center;
    height: 37px;
    font-size: large;
    color: Red;
    font-weight: bold;
    padding-top: 24px;
    font-family: 標楷體;
}
div.News > div.Content
{
    background: url(../images/index3_50.png);
    text-align: left;
    padding: 5px 45px;
}
div.News > div:last-child
{
    background: url(../images/index3_53.png);
    height: 17px;
    margin-bottom: 10px;
}