body{ font-family:Arial, Tahoma, Verdana; font-size:9pt; background-color:#e2e2e2; }
.hhh{height:59px}
.mtlogo{padding-left:30px;}
.mtlogo img{max-height:60px;}
*{ margin:0px; padding:0px;}
.fl { float:left;}
.fr { float:right;}
.quaylai a{color:White;text-decoration:none;}
.quaylai a:hover{color:White;text-decoration:none;}
a.adot { color:#3d97d3; text-decoration:none; font-weight:bold; background:url("Images/bg-link.jpg") top right no-repeat; padding-right:10px;}
a:hover.adot {text-decoration:underline;}
a.adrop { color:#3d97d3; text-decoration:none; font-weight:bold; background:url("Images/bg-link-drop.jpg") top right no-repeat; padding-right:10px;}
a:hover.adrop {text-decoration:underline;}
a.binhluan{font-family:Arial;font-size:10pt; text-decoration:none; color:#3d97d3;}
a:hover.binhluan{font-family:Arial;font-size:10pt; text-decoration:underline; color:#3d97d3;}

.mgt15 { margin-top:15px;}
.mgbt10 { margin-bottom:10px;}
#sb-page{}
#sb-wrapper{width:980px; margin:0 auto; background-color:#fff; overflow:hidden;}
#sb-wrapper_dtt{max-width:100%; min-width:300px;  background-color:#fff;}
.lgdtt{height:60px;}
.bgbar{background-color:#d9e4ea; height:35px; border-bottom:solid 1px #16465a; width:100%;overflow:hidden;}
.bgbar .bar1{background: url("Images/boxreadonline/Logo.jpg") center left no-repeat; height:35px;float:left; width:139px;}
.bgbar .back{background: url("Images/boxreadonline/back.png") center left no-repeat; height:35px;width:80px; margin-right:5px; text-align:center; line-height:35px; vertical-align:middle; cursor: pointer;}
.xemtaca{background: url("Images/boxreadonline/Xem-tat-ca.jpg") center left no-repeat; height:23px;width:98px;  line-height:23px; vertical-align:middle; cursor: pointer; padding-left:5px;}
.xtc{margin-top:20px;}
.xtc a{color:White;font-family:Arial;font-size:9pt; text-decoration:none; }
.bgbar div{white-space:nowrap;}
.cnt_l{width:124px;padding:4px 0px 4px 15px; background-color:#35515d; margin-top:10px;}
#dtt_bookinfo,#sachlienquan{padding-left:7px;}
.cnt_l ul{list-style:none; margin:0px;padding:0px;}
.cnt_l ul li{padding:2px 0px; }
.cnt_l_img{width:87px; height:107px; }
.start-img{width:18px;height:18px;}
.cnt_l ul li p{border:solid 1px #c6c6c6; width:87px;height:107px; overflow:hidden; padding:2px;}
.cnt_l ul li .pimg{border:solid 1px #c6c6c6; width:87px; padding:2px;}
a.dtt { color:#3d97d3; text-decoration:none; font-weight:bold; padding-right:10px; cursor:pointer;}
a:hover.dtt {text-decoration:underline;}
.cnt_l ul div {padding:0px 0px; overflow:hidden;}
.cntlquan{overflow:hidden; height:230px;}
.ovf{overflow:hidden;}
.cnt_r{overflow:hidden;min-height:300px;}
.bdr_dtt{border-left:solid 4px #f2f5fb;}
.icoslideL{cursor:pointer; background: url("Images/previous.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideC{cursor:pointer; background: url("Images/ngan_cach.jpg") center left no-repeat; width:4px;height:10px;}
.icoslideR{cursor:pointer; background: url("Images/next.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideL:hover{cursor:pointer; background: url("Images/previous_hover.jpg") center left no-repeat; width:8px;height:10px;}
.icoslideR:hover{cursor:pointer; background: url("Images/next_hover.jpg") center left no-repeat; width:8px;height:10px;}


.bg-main-menu2{ background-color:#35515d; height:37px;position:relative; }
.gbhdan{background-image:url('images/bg_duongdan.png');background-position:left -11px;background-repeat:repeat-x;height:48px; background-color:#f0f5f8;}
.icozoomout{cursor:pointer; background: url("Images/boxreadonline/zoom_out.png") center left no-repeat; width:55px;height:37px;background-color:#f0f5f8;}
.icozoomout:hover{cursor:pointer; background: url("Images/boxreadonline/zoom_outs.png") center left no-repeat; width:55px;height:37px;background-color:#f0f5f8;}

.icozoomin{cursor:pointer; background: url("Images/boxreadonline/zoom_in.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}
.icozoomin:hover{cursor:pointer; background: url("Images/boxreadonline/zoom_ins.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}

.ico1page{cursor:pointer; background: url("Images/boxreadonline/1_page.png") no-repeat; background-position:center left;width:55px;height:37px; background-color:#f0f5f8;}
.ico1page:hover{cursor:pointer; background: url("Images/boxreadonline/1_pages.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}
.ico1pages{cursor:pointer; background: url("Images/boxreadonline/1_page_s.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}

.ico2page{cursor:pointer; background: url("Images/boxreadonline/2_page.png") center left no-repeat; width:76px;height:37px; background-color:#f0f5f8;}
.ico2page:hover{cursor:pointer; background: url("Images/boxreadonline/2_pages.png") center left no-repeat; width:76px;height:37px; background-color:#f0f5f8;}
.ico2pages{cursor:pointer; background: url("Images/boxreadonline/2_page_s.png") center left no-repeat; width:76px;height:37px; background-color:#f0f5f8;}

.iconpage{cursor:pointer; background: url("Images/boxreadonline/thumbnail.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}
.iconpage:hover{cursor:pointer; background: url("Images/boxreadonline/thumbnails.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}
.iconpages{cursor:pointer; background: url("Images/boxreadonline/thumbnail_s.png") center left no-repeat; width:55px;height:37px; background-color:#f0f5f8;}

.icofullview{cursor:pointer; background: url("Images/boxreadonline/full_screen.png") center left no-repeat; width:72px;height:37px; background-color:#f0f5f8; margin-right:5px;}
.icofullview:hover{cursor:pointer; background: url("Images/boxreadonline/full_screens.png") center left no-repeat; width:72px;height:37px; background-color:#f0f5f8;margin-right:5px;}
.icofullviews{cursor:pointer; background: url("Images/boxreadonline/full_screen_s.png") center left no-repeat; width:72px;height:37px; background-color:#f0f5f8;margin-right:5px;}

.icopre{cursor:pointer; background: url("Images/boxreadonline/previous.png") center left no-repeat; width:37px;height:30px; margin-top:4px;background-color:#f0f5f8;}
.icopre:hover{cursor:pointer; background: url("Images/boxreadonline/previouss.png") center left no-repeat; width:37px;height:30px; margin-top:4px;background-color:#f0f5f8;}

.iconext{cursor:pointer; background: url("Images/boxreadonline/next.png") center left no-repeat; width:37px;height:30px; margin-top:4px; background-color:#f0f5f8;}
.iconext:hover{cursor:pointer; background: url("Images/boxreadonline/nexts.png") center left no-repeat; width:37px;height:30px; margin-top:4px;background-color:#f0f5f8;}

.currentpage {
    background-color:#f0f5f8;
    background: url("Images/boxreadonline/pagenumber.png") center left no-repeat;    
    margin-top:4px;
    width: 40px;
    height:30px;
     font-weight: bold; text-align:center;    
    border:none;
    color:#FFF;
    font-size:12pt;
    font-family:Arial;
}
.idate{cursor:pointer; background: url("Images/Icon_calendar_day.png") center left no-repeat; width:20px;height:20px; padding-left:20px;}

.gach{color:Gray; height:30px;padding-top:13px;font-size:18px;padding-left: 5px;padding-right: 5px;}
.colorml{font-weight:bold;  color:#89a2a9; background-color:#0e323e; height:30px; margin-top:4px;}
    .colorml:hover {
        font-weight:bold;  color:#fff; background-color:#000; height:30px; margin-top:4px;
    }
.iconMucluc{cursor:pointer; background: url("Images/tam_giac.png") center right no-repeat; height:18px;padding-right:10px;}

.b{font-weight:bold;}

.mucluc{}
.mucluc2{clear:both;width:400px; background-color:#374953; padding:8px;}

.dtt_title{background: url("Images/boxreadonline/icon_tuasach.png") left center no-repeat; color:#2690c4;font-weight:bold;font-size:9pt; position:absolute;left:310px; top:10px; padding-left:30px;}
.ml8{padding-top:0px;}
#cnt_mucluc{clear:both;overflow:auto; max-height:400px;margin-right:-5px;}
    
/*
.mucluc1 .bvnbTL{background-image:url('Images/boxreadonline/top_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left bottom;}
.mucluc1 .bvnbTC{background-image:url('Images/boxreadonline/middle_top.png');background-repeat:repeat-x;height:8px; background-position:left bottom; margin-left:8px;margin-right:8px;}
.mucluc1 .bvnbTR{background-image:url('Images/boxreadonline/top_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right bottom;}

.mucluc1 .bvnbCL{background-image:url('Images/boxreadonline/middle_lef_doct.png');background-repeat:repeat-y;width:100%; background-position:left center;}
.mucluc1 .bvnbCC{background-color:#FFFFFF;}
.mucluc1 .bvnbCR{background-image:url('Images/boxreadonline/middle_right.png');background-repeat:repeat-y;width:100%; background-position:right center;}


.mucluc2 .bvnbTL{background-image:url('Images/boxreadonline/top_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left bottom;}
.mucluc2 .bvnbTC{background-image:url('Images/boxreadonline/middle_top.png');background-repeat:repeat-x;height:8px; background-position:left bottom; margin-left:8px;margin-right:8px;}
.mucluc2 .bvnbTR{background-image:url('Images/boxreadonline/top_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right bottom;}

.mucluc2 .bvnbCL{background-image:url('Images/boxreadonline/middle_lef_doct.png');background-repeat:repeat-y;width:100%; background-position:left center;}
.mucluc2 .bvnbCC{background-color:#FFFFFF;}
.mucluc2 .bvnbCR{background-image:url('Images/boxreadonline/middle_right.png');background-repeat:repeat-y;width:100%; background-position:right center;}

.mucluc2 .bvnbBL{background-image:url('Images/boxreadonline/bottom_left.png');background-repeat:no-repeat;height:8px;width:100%; background-position:left top;}
.mucluc2 .bvnbBC{background-image:url('Images/boxreadonline/middle_bottom.png');background-repeat:repeat-x;height:8px; background-position:left top; margin-left:8px;margin-right:8px;}
.mucluc2 .bvnbBR{background-image:url('Images/boxreadonline/bottom_right.png');background-repeat:no-repeat;height:8px;width:100%; background-position:right top;}
.mucluc2 span{text-align:right;}
    */
#cnt_mucluc .pl {cursor:pointer;}
#cnt_mucluc .line0{margin-right:10px; padding:8px 0px; color:GrayText; cursor:default;}
#cnt_mucluc .line{margin-right:10px; padding:8px 0px; color:#FFF; }
#cnt_mucluc .line p{text-decoration:none;}
#cnt_mucluc .line p:hover{text-decoration:underline;}
#cnt_mucluc .bodr{border-bottom:solid 0px #dadada;}
    
.trf{background-color:Transparent;border:solid 0px Transparent;}
.icoSearch{background-image:url('Images/home-search-btn.jpg');background-repeat:no-repeat;height:27px;width:44px; background-position:left center;}


.ratingview{list-style:none;margin:0px;padding:0px;height:13px;float:left;position:relative;background:url(Images/rating/Icon_star1.png) left top no-repeat;width:80px;z-index:0; overflow:hidden;}
.ratingview li{text-indent:-90000px;display:inline;padding:0px;margin:0px;float:left;}
.ratingview li a {outline:none;display:block;width:16px;height:13px;text-decoration:none;text-indent:-9000px;z-index:3;position:absolute;padding:0px;z-index:0;}
.ratingview .current-rating{background:url(Images/rating/Icon_Star2.png) left top ;width:16px;height:13px;}
.ratingview .current-rating-half{background:url(Images/rating/Icon_Star3.png) left top ;width:16px;height:13px;}
.ratingview a.r1-unit{left:0px;}
.ratingview a.r1-unit:hover{width:16px}
.ratingview a.r2-unit{left:16px; }
.ratingview a.r2-unit:hover{width:32px}
.ratingview a.r3-unit{left:32px; }
.ratingview a.r3-unit:hover{width:48px}
.ratingview a.r4-unit{left:48px;}
.ratingview a.r4-unit:hover{width:64px}
.ratingview a.r5-unit{left:64px;}
.ratingview a.r5-unit:hover{width:80px}
.clgr{color:#0b8ddb;}

.icodown{cursor:pointer; background: url("Images/boxreadonline/bt_downpage.png") center left no-repeat; width:59px;height:37px; text-decoration:none; border-left:solid 1px #fff;border-right:solid 1px #fff; background-color:#f0f5f8;}
.icodown:hover{cursor:pointer; background: url("Images/boxreadonline/bt_downpage-over.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;}

.icoup{cursor:pointer; background: url("Images/boxreadonline/bt_uppage.png") center left no-repeat; width:59px;height:37px; text-decoration:none; border-left:solid 1px #fff;border-right:solid 1px #fff; background-color:#f0f5f8;}
.icoup:hover{cursor:pointer; background: url("Images/boxreadonline/bt_uppage-over.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;}


.icodown1{cursor:pointer; background: url("Images/boxreadonline/bt_leftpage.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;border-left:solid 1px #fff;border-right:solid 1px #fff;}
.icodown1:hover{cursor:pointer; background: url("Images/boxreadonline/bt_leftpage-over.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;}

.icoup1{cursor:pointer; background: url("Images/boxreadonline/bt_rightpage.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;border-left:solid 1px #fff;border-right:solid 1px #fff;}
.icoup1:hover{cursor:pointer; background: url("Images/boxreadonline/bt_rightpage-over.png") center left no-repeat; width:59px;height:37px; text-decoration:none;background-color:#f0f5f8;}


/*
.icodown{cursor:pointer; background: url("Images/boxreadonline/button_Down.png") center left no-repeat; width:40px;height:39px; text-decoration:none; }
.icodown:hover{cursor:pointer; background: url("Images/boxreadonline/button_Down_Active.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}

.icoup{cursor:pointer; background: url("Images/boxreadonline/button_Up.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}
.icoup:hover{cursor:pointer; background: url("Images/boxreadonline/button_Up_Active.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}


.icodown1{cursor:pointer; background: url("Images/boxreadonline/button_Down1.png") center left no-repeat; width:40px;height:39px; text-decoration:none; }
.icodown1:hover{cursor:pointer; background: url("Images/boxreadonline/button_Down_Active1.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}

.icoup1{cursor:pointer; background: url("Images/boxreadonline/button_Up1.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}
.icoup1:hover{cursor:pointer; background: url("Images/boxreadonline/button_Up_Active1.png") center left no-repeat; width:40px;height:39px; text-decoration:none;}
    */
#slq_btn_top,#slq_btn_bottom{width:96px; padding:2px 0px;}
.icol{cursor:pointer; background: url("Images/boxreadonline/up.png") center left no-repeat; width:30px;height:30px; text-decoration:none; display:block;margin:0 auto; }
.icol:hover{cursor:pointer; background: url("Images/boxreadonline/up_over.png") center left no-repeat; width:30px;height:30px; text-decoration:none; display:block;margin:0 auto;}
.icox{cursor:pointer; background: url("Images/boxreadonline/down.png") center left no-repeat; width:30px;height:30px; text-decoration:none; display:block; margin:0 auto;}
.icox:hover{cursor:pointer; background: url("Images/boxreadonline/down_Over.png") center left no-repeat; width:30px;height:30px; text-decoration:none;display:block;margin:0 auto;}
.icons{background:url('images/boxreadonline/icon_search.png') no-repeat left center;height:15px; width:19px; cursor:pointer;position:absolute; right:3px; top:2px;}
.ipts{width:130px; height:18px; border:solid 0px #000; background-color:transparent; margin:0px; padding:0px; font-size:9pt;font-family:Arial;vertical-align:middle;line-height:18px; float:left; background-color:#14475c; color:#ffffff;padding-left:3px;}
.diviput {
    float:left;
    position:relative;width:150px;
    background-color:#14475c;
    height:18px;
    margin:8px 0px 0px 5px;    
}

.i{font-style:italic;}
.cgay{color:#628d9d; font-size:8pt;}
.bdr{border:solid 1px red;}
.price{color:#F8A30B; font-weight:bold; padding-right:3px;}
.price_{color:#9f9f9f;padding-right:3px;}
.gach_{position: relative;white-space: nowrap;}
.gach_:after{border-top: 1px solid #4f565c;position: absolute;content: "";right: 0;top:55%;left: 0;}
.s9{font-size:9pt;}
.cF {
   color:#FFF; 
}
.title_buy {
    float:left;
    height:37px; font-weight:bold; color:#7a8e97;font-style:italic;font-size:9pt;
    font-family:Arial;
    line-height:37px;vertical-align:middle;    
    max-width:320px;
    min-width:250px;
    padding-left:5px;
    padding-right:5px;    
}
    .title_buy a {
        color:#fff;
        text-decoration:underline;
    }


.muclucpreview a{
    color:GrayText;
    text-decoration:none;
}
.muclucpreview a.sel{
    color:#fff;
    text-decoration:none;
}
.muclucpreview  a.sel:hover{
    color:#fff;
    text-decoration:underline;
}

.muclucfullview a{
    color:#fff;
    text-decoration:none;
}
.muclucfullview a:hover{
    color:#fff;
    text-decoration:underline;
}
.muclucfullview a.sel{
    color:#fff;
    text-decoration:none;
}



    #cnt_mucluc .pl {cursor:pointer;}
#cnt_mucluc .line0{margin-right:10px; padding:8px 0px; color:GrayText; cursor:default;}

#cnt_mucluc li{margin-right:10px; padding:8px 0px; color:GrayText; }
#cnt_mucluc .line p{text-decoration:none;}
#cnt_mucluc .line p:hover{text-decoration:underline;}
#cnt_mucluc .bodr{border-bottom:solid 0px #dadada;}


/*#cnt_mucluc .pl {cursor:pointer;}
#cnt_mucluc .line0{margin-right:10px; padding:8px 0px; color:GrayText; cursor:default;}
#cnt_mucluc .line{margin-right:10px; padding:8px 0px; color:#FFF; }
#cnt_mucluc .line p{text-decoration:none;}
#cnt_mucluc .line p:hover{text-decoration:underline;}
#cnt_mucluc .bodr{border-bottom:solid 0px #dadada;}*/