html {overflow-y:scroll;min-width:1200px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {min-width:1200px;margin:0px;padding:0px;font-size:14px;line-height:20px;background:#fff;text-align:center;
      font-family:-apple-system-font,Helvetica Neue,Helvetica,Tahoma,Arial,"PingFang SC",
      "Microsoft YaHei","Microsoft Sans Serif","Hiragino Sans GB","Heiti SC","Noto Sans","Droid Serif",sans-serif;
      background-repeat:no-repeat;background-position:center top;border:0px;}
a {color:#000000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:hover {color:#000000;text-decoration:none;cursor:pointer;}
a.lcblue {color:#000000;}.lchot,a.lchot {color:#000000;}.black,a.black {color:#000;}
a img {border:0}
table {border:0;cellspacing:0;cellpadding:0}
button {outline:none;}
/* :focus {outline:none;} */


.hr_a {height:2px;clear:both;}
.hr_s {height:5px;font-size:4px;line-height:4px;clear:both;}
.hr_m {height:10px;font-size:8px;line-height:8px;clear:both;}
.hr_l {height:20px;font-size:16px;line-height:16px;clear:both;}
.bg_line_gary {height:1px;background-color:#D0D0D0;margin:0;padding:0;}
.bg_line_green{height:1px;background-color:#22B14C;margin:0;padding:0;}

.bg_gray_light{background-color:#F8F8F8;}
.bg_gray_deep {background-color:#E0E0E0;}
.bg_gree_deep {background-color:#A8D8B9;}
.bg_sepia   {filter:sepia(100%);-webkit-filter:sepia(100%);}
.bg_graycale{filter:grayscale(100%);filter:gray;}
.bg_darkmode{background-color:#707070;}
.bg_white   {background-color:white;}

.top_rgba_deep  {background:rgba(0,0,0,0.3);border:0px;}
.top_rgba_light {background:rgba(255,255,255,0.3);border:0px;}
.text_bgdeep  {font-size:14px;color:#E9E9E9;text-shadow:0px 0px 14px #000000;}
.text_bgdeep  a {color:#A5DEE4;text-decoration:underline;cursor:pointer;}
.text_bgdeep  a:hover {text-decoration:underline;cursor:pointer;}
.text_bglight {font-size:14px;color:#1C1C1C;text-shadow:0px 0px 14px #FFFFFF;}
.text_bglight a {color:#0B346E;text-decoration:underline;}
.text_bglight a:hover {text-decoration:underline;}
.text_bglight_big {font-size:26px;color:#0C0C0C;text-shadow:0px 0px 26px #FFFFFF;}
.text_herf_notline a {text-decoration:none;}
.top_nav{width:1180px;height:60px;margin:0 auto;text-align:center;vertical-align:middle;padding-left:10px;padding-right:10px;}
.top_nav div{float:left;font-size:14px;line-height:30px;vertical-align:middle}
.nav_logo_big {width:250px;height:60px;margin:0;padding:0; text-align:left;}
.nav_logo_big #logo-big{width:250px;height:60px;padding:0;border:0px;opacity:0.8;}
.nav_user  {width:430px;height:44px;text-align:right;vertical-align:top;padding-top:16px;}
.nav_book  {width:480px;height:40px;padding:10px 0px 10px 0px;font-size:16px;text-align:left;vertical-align:middle;
            text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}


.font_size_s{font-size:12px;}
.font_size_m{font-size:14px;}
.font_size_l{font-size:16px;}
.color_gray{color:#8F8F8F;}
.color_red {color:#CB1B45;}
.color_gree{color:#1B813E;}
.color_blue{color:#0B346E;}
.color_black{color:#000000;}
.color_link{color:#005CAF;}
.color_tnow{color:#000000;font-weight:bold;}
.color_tabc{color:#666666;}
.img_roate {transform:rotate(90deg);}


.div_flex {display:flex;}
.top_main {width:100%;height:100%;border:0px;min-width:1200px;}
.left_nav {width:200px;}
.right_win{width:100%;}

.nav_logo  {width:200px;height:48px;margin:0;padding:0; text-align:left;}
.nav_logo #logo-edging{width:200px;height:48px;padding:0;border:0px;opacity:0.8;}
.text_nav {font-size:20px;line-height:32px;color:#1C1C1C;text-shadow:0px 0px 14px #FFFFFF;text-align:center;}
.text_nowa{padding:10px 20px 10px 20px;text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.nav_search{width:100%;height:48px;margin:0;padding:0px;text-align:left;vertical-align:middle; justify-content:flex-start;}
.book_score{width:240px;height:160px;vertical-align:top;background:rgba(255,255,255,0.3);border-radius:10px 10px 0px 0px;padding:0px;}

.bt_big_main {font-size:16px;width:200px;height:40px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#FFFFFF;cursor:pointer;}
.bt_sml_main {font-size:14px;width:90px;height:30px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#ffffff;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_narr {font-size:14px;width:60px;height:30px;border:1px solid #828282;background-color:#222222;
              border-radius:5px;color:#ffffff;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_wide {font-size:14px;width:160px;height:30px;border:1px solid #828282;background-color:#222222;
                   border-radius:5px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_main_long {font-size:14px;width:280px;height:30px;border:1px solid #828282;background-color:#222222;
                   border-radius:5px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_big_defa {font-size:16px;width:200px;height:40px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px 5px 5px 5px;color:#000000;cursor:pointer;}
.bt_sml_defa {font-size:14px;width:90px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_defa_narr {font-size:14px;width:60px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
                   border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_defa_wide {font-size:14px;width:160px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
                   border-radius:5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_disa{font-size:14px;width:90px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px;color:#C8C8CD;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_alert{font-size:14px;width:90px;height:30px;border:1px solid #CB1B45;background-color:#F4F4F4;
              border-radius:5px;color:#CB1B45;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_sml_green{font-size:14px;height:30px;border:1px solid #1B813E;;background-color:#F4F4F4;
              border-radius:5px;color:#1B813E;;cursor:pointer;vertical-align:middle;padding-left:5px;padding-right:5px;}
.bt_icon_nol {font-size:14px;width:30px;height:30px;border:1px solid #C8C8CD;background-color:#F4F4F4;
              border-radius:5px 0px 0px 5px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_noc {font-size:14px;width:30px;height:30px;border:1px solid #C8C8CD;border-left-style:none;background-color:#F4F4F4;
              border-radius:0px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_nor {font-size:14px;width:30px;height:30px;border:1px solid #C8C8CD;border-left-style:none;background-color:#F4F4F4;
              border-radius:0px 5px 5px 0px;color:#000000;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_yal {font-size:14px;width:30px;height:30px;border:1px solid #828282;background-color:#222222;
              border-radius:5px 0px 0px 5px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_yac {font-size:14px;width:30px;height:30px;border:1px solid #828282;border-left-style:none;background-color:#222222;
              border-radius:0px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_yar {font-size:14px;width:30px;height:30px;border:1px solid #828282;border-left-style:none;background-color:#222222;
              border-radius:0px 5px 5px 0px;color:#FFFFFF;cursor:pointer;vertical-align:middle;padding-left:0px;padding-right:0px;}
.bt_icon_left{border:1px solid #828282;border-radius:5px 0px 0px 5px;padding-left:0px;padding-right:0px;}
.bt_icon_cent{border:1px solid #828282;border-radius:0px;border-left-style:none;padding-left:0px;padding-right:0px;}
.bt_icon_righ{border:1px solid #828282;border-radius:0px 5px 5px 0px;border-left-style:none;padding-left:0px;padding-right:0px;}
.bt_icon_not {cursor:pointer;font-size:14px;width:30px;height:30px;background-color:#F4F4F4;color:#000000;vertical-align:middle;}
.bt_icon_yes {cursor:pointer;font-size:14px;width:30px;height:30px;background-color:#222222;color:#FFFFFF;vertical-align:middle;}

.input_min {font-size:12px;width:25px;height:22px;border:1px solid #C8C8CD;padding-left:3px;padding-right:3px;
            border-radius:2px;color:#000000;}
.input_sml {font-size:14px;height:30px;border:1px solid #C8C8CD;padding-left:8px;padding-right:8px;
            border-radius:5px;color:#000000;}
.input_sml_big  {font-size:16px;height:30px;border:1px solid #C8C8CD;padding-left:8px;padding-right:8px;
                 border-radius:5px;color:#000000;}
.input_sml_rgba {font-size:14px;height:30px;border:0px;padding-left:10px;padding-right:10px;
                 border-radius:0px;color:#000000;vertical-align:middle;}

.user_icon_s {width:40px;height:40px;border-radius:100%;border:1px solid #C8C8CD;}
.user_icon_m {width:80px;height:80px;border-radius:100%;border:1px solid #C8C8CD;}
.user_icon_l {width:160px;height:160px;border-radius:100%;border:1px solid #C8C8CD;}

.book_list{min-width:980px; margin:0 auto;padding:10px 0px 10px 0px}
.book_list a:hover {text-decoration:none;}
.listtitle{font-size:14px;height:36px;text-align:left;padding-left:24px;}
.listitem {vertical-align:top;padding:0px;height:200px;}
.div_info {width:100%;padding:0px;}

.tab_norm  {width:120px;border-radius:5px 5px 0px 0px;color:#005CAF;text-align:center;}
.tab_check {background-color:#D0D0D0;color:#000000;font-weight:bold;}
.tab_unchk {background-color:#F4F4F4;cursor:pointer;}

/* === OLD === */



#page_foot {width:100%;height:28px; margin:0 auto;padding:0;font-size:12px;}
#page_foot div{color:#666;line-height:20px;}
#page_foot a {color:#666;text-decoration:none;}
#page_foot a:hover {color:#666;text-decoration:underline;}
#page_foot a.lcblue {color:#666;}.lchot,a.lchot {color:#666;}.black,a.black {color:#666;}


.icon_h16   {width:32px;height:16px;border-radius:3px;vertical-align:top;}
.icon_h16_s {width:24px;height:16px;border-radius:3px;vertical-align:top;}
.icon_level {width:40px;height:16px;border-radius:3px;vertical-align:top;}


.listbg1 {font-size:14px;height:26px;text-align:center;padding-left:48px; margin:9px;background-color:#F9F0F9; }
.listbg2 {font-size:14px;height:26px;text-align:center;padding-left:48px; margin:9px;background-color:#F9F9F0; }
.listbg0 {background-color:#FFFFFF; }
.comm_t  {font-size:13px;line-height:22px;text-align:left;padding:5px 20px 5px 20px;width:980px;}
.comm_c  {font-size:13px;line-height:22px;text-align:left;padding:0px 20px 5px 50px;width:980px;}
.mycomm_t{font-size:14px;height:26px;text-align:left;padding-left:48px; margin:9px;background-color:#F9F9F0; }
.mycomm_c{font-size:14px;height:26px;text-align:left;padding-left:48px; margin:9px;}

.img_book {width:140px;height:200px;border-radius:0px;border:1px solid #C8C8CD;}
.book_info{text-align:left;color:#000080;font-size:17px;line-height:27px;vertical-align:top;}
.status {color:#8f8f8f;font-size:15px}

.book_desc {width:1140px;margin:0 auto;text-align:center;}
.book_desc div{padding:7px 20px 0px 10px; font-size:14px;line-height:24px;vertical-align:bottom}
.book_desc #desc_text{width:1140px;text-align:left;word-wrap:break-word;word-break:break-all;}
.div_center{width:1140px;text-align:center;word-wrap:break-word;word-break:break-all;}
.div_left  {width:960px;text-align:left;word-wrap:break-word;word-break:break-all;}
.filesize {font-size:12px;color:#8f8f8f;}
.scorestar{font-size:12px;color:#303030;}
.hd_logo  {font-size:12px;color:#ff3333;}

.upload_form {width:980px;margin:0 auto;text-align:center;}

.book_nav{width:90%;margin:0 auto;font-size:14px;text-align:left;}
.book_nav div{float:left;padding-top:7px;font-size:24px;line-height:30px;}
.book_nav .b{margin-right:3px;font-weight:bold;}
.book_nav .context{margin:0 auto;}
.book_logo{padding:5px 5px 0 0; text-align:left;}
#book-intro {font-size:20px; line-height:26px}

.book_view{ margin:0 auto;text-align:center; }
.book_view div{ float:center; line-height:22px;}
.book_pic{padding:2px 0 0 0; text-align:center;}
/* .book_pic #book-view-pic{height:1200px} */