/***********樂多閱讀  樂多部落格  閒置燈箱CSS*************/
/* Reset CSS + 共用CSS*/
.float_l{
    float:left;
}
.float_r{
    float:right;
}
img {
    border: 0;
}
a {
    text-decoration: none;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
button{
    outline:none;
    border: 2px outset buttonface;
    font:normal 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica;
}
button:active{
    border-style: inset;
}
.font_gray{
    color:#9B9B9B;
}
.grayborder{
    border:1px solid #D4D1CD;
    box-sizing:border-box;
}

/*個別CSS*/
.light_box_wrap{
    width:100%;
    height:100%;
    position:fixed;
    z-index:1000;
    left:0;
    right:0;
    top:0;
    bottom:0;
    font:normal 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica;
    margin:0;
    padding:0;
    background-color: rgba(0,0,0,.4);
}
.light_box{
    width: 780px;
    height: 512px;
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:85px auto 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 10px #696969;
    padding:25px;
    background:#fff;
    box-sizing:border-box;
    z-index:1001;
    font:normal 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica!important;
}
.x_btn{
    position: absolute;
    right: 6px;
    top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}
.arrow_doodles{
    position: absolute;
    right: 40px;
    top: 15px;
}
.arrow_doodles img{
    height:65px;
}
.light_box_header{text-align:center;}
.boxlogo{margin: 10px 0 20px 0;}
.boxtitle{margin:0 0 20px 0;}
.small_pic{
    width:100px; 
    height:100px;
    overflow:hidden;
    margin-right: 10px;
}
.small_pic a{
    display:block;
}
.blog_box{
    width:300px; 
    height:100px;
    padding:10px;
    box-sizing:border-box;
    text-align:left;
}
.blog_box  h1{
    margin:5px 0;
    color:#808080;
    font:normal 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica!important;
}
    
.blog_box  h1 a{
    color:#808080;
    text-decoration:none;
    font:normal 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica!important;
}
.blog _box h1 a:hover{color:#ff6a00;}
.bottom_cont{
    width:410px; 
    height:140px;
    margin-top:10px;
    padding: 7px 10px;
    box-sizing:border-box;
    text-align: left;
}
.bottom_cont h1{
    font:bold 14px 微軟正黑體,arial,"細明體",Corbel,Verdana,Helvetica;
    color:#808080;
    padding: 0;
    margin: 0;
}
.bottom_cont:after, .light_box_cont:after{
    content:' ';
    display:block;
    clear:both;
}
.bottom_cont ul {
    margin: 5px 0 0 0;
    box-sizing:border-box;
    padding:0;
}
.bottom_cont ul li{
    background:url('http://reader.roodo.com/images/lightbox/list-style-box.png') no-repeat left;
    padding-left:18px;
}
.bottom_cont ul li a{
    color:#808080;letter-spacing:1px;
    display:block;
    width:366px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-decoration:none;
}
.bottom_cont ul li a:hover, .blog_box h1 a:hover{
    color:#ff6a00;
}
.left_box{
    width:300px;
    height:250px;
    box-sizing:border-box;
}
.bottom_box{
    margin: 18px 0;
    width:728px;
    height:90px;
    box-sizing:border-box;
}
/***********樂多閱讀  樂多部落格  閒置燈箱CSS*************/