﻿body 
{
    background:#fff url(../img/book/phone_Bg1.png);
}
#topBox
{
    padding: 8px 12px;
    background: #09f;
    position: relative;
    height: 28px;
}
#btn_topBar_left
{
    display:block;
    text-indent:-99999px;
    width:28px;
    height:28px;
    background:url(../img/book/phone_btn_back_2.png) no-repeat;
    margin-left:10px;
}

#btn_erweima
{
    display:block;
    width:20px;
     height:20px;
     position:absolute;
     right:40px;
     text-indent:-9999px;
     background:url(../img/book/icon_erweima.png) no-repeat left center;
     top:50%;
     margin-top:-10px;
}
#btn_share
{
    display:block;
    width:20px;
     height:20px;
     position:absolute;
     right:12px;
     text-indent:-9999px;
     background:url(../img/book/icon_share_white.png) no-repeat left center;
     background-size:100% 100%;
     top:50%;
     margin-top:-10px;
}
#headBox
{
  background:url(../img/book/phone_book_bg2.jpg) no-repeat center center;
  background-size:100% 100%;
}

#headBox table
{
    width:100%;
    
}
#headBox table tr td
{
    padding:5px;
}
#bookCoverImgBox
{
    padding-bottom:0 !important;
}
#bookCoverImg
{
    width:100px;
    margin:10px;
    margin-bottom:0;
}
#bookInfo
{
}
#bookInfo h1
{
    font-size:16px;
    font-family:"微软雅黑";
    margin:5px 0;
    color:#09f;
}
#bookInfo a#btn_selectBook
{
    font-size:12px;
    color:#fff;
    border-radius:4px;
    padding:5px;
    display:inline-block;
    margin-left:8px;
    background:#9DD8F6;
    /*padding-right:20px;
    background:#9DD8F6 url(../img/book/icon_down.png) no-repeat center right 5px;*/
}

#actionBox
{
    vertical-align:top;
}

#btn_bookshelf
{
     display:inline-block;
     background:#09f url(../img/book/icon_add_18.png) no-repeat 7px center;
     font-size:14px;
     color:#fff;
     font-family:"微软雅黑";
     line-height:30px;
     border-radius:4px;
     padding:0 10px 0 28px;
    margin-left:8px;
    margin-bottom:7px;
}
#btn_bookshelf.remove
{
     background:#f90 url(../img/book/icon_remove_18.png) no-repeat 7px center;
     color:#fff;
}

#btn_unlock
{
}

#btn_neetLogin
{
    font-size:12px;
    line-height:1.5em;
    color:#f66;
    padding:0.5em;
    margin-left:8px;
    border-radius:6px;
    text-indent:22px;
    display:inline-block;
    background:#ffc url(../img/book/icon_info_red.png) no-repeat 5px center;
}
#lbl_unlocked
{
    color:#09f;
    padding:0.5em;
    font-size:12px;
    line-height:1.5em;
    margin-left:8px;
    border-radius:4px;
    display:inline-block;
    text-indent:22px;
    background:#fff url(../img/book/icon_unlocked_blue.png) no-repeat 5px center;
    border:1px solid #9DD8F6;
}
#btn_unlock
{
    font-size:12px;
    line-height:1.5em;
    color:#c00;
    padding:0.5em;
    margin-left:8px;
    border-radius:4px;
    text-indent:22px;
    display:inline-block;
    background:#ffc url(../img/book/icon_lock_red.png) no-repeat 5px center;
}

#extBox
{
    text-align:center;
    padding-top:0 !important;
}

#btn_bczl
{
    font-size:12px;
    color:#d81e06;
    display:inline-block;
    text-indent:23px;
    background:url(../img/book/icon_remind.png) no-repeat 5px center;
    border-radius:4px;
}

#bookActionBox
{
    width:100%;
}
#bookActionBox tr td
{
    width:33.333%;
} 
#bookActionBox tr td a
{
    width:33.333%;
}
#bookActionBox tr td a img
{
    display:block;
    width:70%;
    margin:8px auto;
}

#bookMenuBox
{
    padding:7px 5px;
    background:url(../img/phone/phone_icon_right_blue_48.png) no-repeat right 10px center;
    border-bottom:2px solid #efefef;
    border-top:10px solid #efefef;
}
#bookMenuBox a
{
    display:block;
}
#bookMenuBox table
{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}
#bookMenuBox table tr td
{
    font-size:14px;
    color:#393939;
    vertical-align:middle;
}
#bookMenuBox table tr td.logo
{
    text-align:center;
    width:80px;
}
#bookMenuBox table tr td.logo img
{
    display:inline-block;
    height:46px;
}
#bookMenuBox table tr td.title
{
    font-size:16px;
    font-weight:bold;
    font-family:"微软雅黑";
}
#bookMenuBox table tr td.count
{
    color:#999;
}





#bookshelf
{
     white-space:nowrap; 
     overflow-x:scroll;
     -webkit-overflow-scrolling : touch;
     padding:10px 5px;
}

#bookshelf div.item
{
    text-align: center;
    display:inline-block;
    width:110px;
    padding:0 3px;
}

#bookshelf div.item a
{
    display: block;
    position:relative;
}

#bookshelf div.item a img.cover
{
    display: block;
    width: 100%;
    border: none;
    border:1px solid #efefef;
}

#btn_moreKeCheng,#btn_moreBook
{
    display:block;
    margin:0 auto 10px;
    width:120px;
    max-width:200px;
}
#btn_moreKeCheng img,#btn_moreBook img
{
    display:block;
    width:100%;
}


#bookBC
{
    color:#9DD8F6;
    text-align:center;
    line-height:1.5em;
    font-size:12px;
}

#relationKeChengBox
{
    background-color:transparent !important;
}