body.ecms-mobile-viewport { 
  Xbackground:#555;
}

.container { padding-bottom:300px; }
.cteb_book_list { position:relative; }

.cteb_book_list { margin-top:0; display:table; padding-left:10px; } 
  .cteb_book_list .book_ { cursor:pointer; position:relative; display:block; float:left; margin:1em 1em .8em; Xwidth:170px; Xheight:130px; }
    .cteb_book_list a.disabled_ { opacity:0.5; filter:alpha(opacity=50); cursor:default; }
    .cteb_book_list .display_ { 
	bottom:0; overflow:hidden; 
	box-shadow: 0 0 25px #333;
	/* -webkit-filter: drop-shadow(5px 2px 15px rgba(054, 019, 000,0.7)); filter: drop-shadow(5px 2px 15px rgba(054, 019, 000,0.7));  */
      }
      .cteb_book_list .display_ .title_ { display:none; } 
	.cteb_book_list .display_.generic_ .title_ { 
	  display:block; position:absolute; width:115px; top:20px; left:25px; 
	  text-align:center; color:#044F5E;  font-size:110%; 
	} 
      .cteb_book_list .display_ .level_ { position:absolute; bottom:0; right:5px; color:#fff; font-weight:normal; text-shadow:none; background:#333; opacity:.5; padding:0 4px; } 
      .cteb_book_list .display_ .gotgame_ { position:absolute; top:0; right:5px; color:#fff; font-weight:normal; text-shadow:none; background:#b52cd8; opacity:.5; padding:0 4px; } 
      .cteb_book_list .tn_ { 
	position:relative;
      }
	  
#sidebar { }
  #sidebar h2 { font-size:14px; text-shadow:none; background-color:rgba(255, 255, 255, 0.50); padding:5px 10px 5px 15px; border-radius:8px; width:90%; margin-top:20px; margin-bottom:10px; }
  #sidebar .visit_store_ { padding:20px 6px; }
  #sidebar .browsed_ ul { padding:0; }
  #sidebar .browsed_ li { list-style-type:none; margin:0 0 10px; width:90%; }
    #sidebar .browsed_ li a { text-decoration:none; display:table; width:100%; padding:6px 10px; text-align:left; font-size:14px; }
    #sidebar .browsed_ li img { width:50px; float:left; margin-right:6px; }

.zoomer { z-index:1000; position:fixed!important; }

.ecms-collapsible { clear:both; }
.profile_row { float:right; }
  .profile_row .message_ { color:#a00; font-weight:bold; }
  .profile_row th { padding-right:10px; padding-left:50px; }


/* ------ expanded_item ------ */
#expanded_item { opacity:.8; display:none; width:100%; text-shadow:none; color:#fff; margin:0!important; }
  #expanded_item .content_ { display:table; width:95%%; background-color:#262626; padding:25px 30px; }
  #expanded_item .inner_ { margin-left:280px; }
    #expanded_item .coverbox_ { margin-left:-280px; float:left; margin-right:30px; width:240px; min-height:200px; }
    #expanded_item .cover_ { max-width:240px;}
    #expanded_item .title_ { font-size:32px; margin-bottom:20px; }
    #expanded_item .topbar_ { height:21px; }
      #expanded_item .topbar_ .horn_ { position:absolute; }
    #expanded_item .excerpt_ { color:#aaa; font-size:18px; }
     .arp_level { display:none; color:#262626; float:right; text-align:center; padding:5px 12px; }
       .arp_level .value_ { font-size:32px; font-weight:bold; }
	.Xarp_level.l1_  { background-color:rgb(16, 0, 204); color:#aaa; }
	.Xarp_level.l2_  { background-color:rgb(0, 116, 219); color:#aaa; }
	.arp_level.l1_  { background-color:rgb(0, 164, 224); }
	.arp_level.l2_  { background-color:rgb(0, 214, 229); }
	.arp_level.l3_  { background-color:rgb(0, 234, 203); }
	.arp_level.l4_  { background-color:rgb(0, 239, 155); }
	.arp_level.l5_  { background-color:rgb(0, 244, 110); }
	.arp_level.l6_  { background-color:rgb(0, 255, 12); }
	.arp_level.l7_  { background-color:rgb(151, 255, 15); }
	.arp_level.l8_  { background-color:rgb(204, 255, 20); }
	.arp_level.l9_  { background-color:rgb(251, 255, 25); }
	.arp_level.l10_ { background-color:rgb(255, 213, 30); }
	.arp_level.l11_ { background-color:rgb(255, 170, 35); }
	.arp_level.l12_ { background-color:rgb(255, 126, 40); }
	.arp_level.l13_ { background-color:rgb(255, 87, 45)}; }
	.arp_level.l14_ { background-color:rgb(255, 87, 45)}; }
	.arp_level.l15_ { background-color:rgb(255, 87, 45)}; }
    #expanded_item .price_ { font-size:24px; margin:10px 0 10px; }
      #expanded_item .price_::before { content:'RM'; font-size:14px; display:inline-block; margin-right:7px; }
    #expanded_item .props_ { color:#aaa; font-size:12px; margin-top:9px; }
      #expanded_item .props_ > div { display:inline-block; }

    #expanded_item .btnbar_ { margin-top:20px; }
      #expanded_item .btn_ { display:inline-block; font-family:Lato, Calibri, Arial, sans-serif; border:1px solid #fff; color:#fff; text-decoration:none; padding:5px 15px; width:165px; margin:0 0 5px; }
	#expanded_item .btn_:hover { background-color:#555; }
	#expanded_item .btn_::before { content: '\2192'; display: inline-block; margin-right: 10px; }
      #expanded_item .btn_.disabled_ { opacity:.4; }
	#expanded_item .btn_.disabled_:hover { background-color:initial!important; }

    #expanded_item .readerinfo_ { display:none; color:#aae; margin:10px 0; font-size:14px; }
    #expanded_item .readerinfo_:after { display:table; content:''; clear:both; }
      #expanded_item .readerinfo_ .ipad_ { float:left; background-image:url(/rs/part/dl_ipad.png); width:181px; height:62px; opacity:.8; margin:5px 0 0 0;}
      #expanded_item .readerinfo_ .android_ { float:left; background-image:url(/rs/part/dl_android.png); width:181px; height:62px; opacity:.8; margin:5px 5px 0 0;}

    #expanded_item .quotes_ h3 { color:#aaa; clear:both; font-size:18px; font-weight:normal; font-style:italic; }
    #expanded_item .quotes_ li { color:#aaa; }
    #expanded_item .quotes_ li { font-size:15px; font-weight:normal; margin-top:5px; }

	    
#main_menu { opacity:.9; border: 1px solid #333; background: #111; : #fff; font-weight: 700; text-shadow: 0 -1px 0 #000; }
#main_menu .bar_ { height:auto; padding:4px 15px 4px; }
  #main_menu .bar_ .notjqm_ { width:32px; height:32px; float:right; margin:0 8px; }
    /* LIST */
    #main_menu .search_ { background: url(/rs/cc/icon/silver/search.png); width:32px; height:32px; display:inline-block; margin:0px 3px; }
    #main_menu .cart_ { background: url(/rs/cc/icon/silver/basket.png); width:32px; height:32px; display:inline-block;  margin:0px 3px; }
    #main_menu .options_ { background: url(/rs/cc/icon/silver/gear.png); width:32px; height:32px; display:inline-block;  margin:0px 3px; }

    #main_menu a.logo_ { background:none; float:none !important; margin:auto !important; text-indent:0; width:141px!important; color:#FFFFFF; display:block; }

    #main_menu a.cats_ { margin:0px; width:auto; float:left; }
      #main_menu a.cats_ .ecms-btn-text { font-size:18px; }

    /* BROWSE */
    #main_menu .pages_ { float:right; text-indent:0; width:140px!important; text-align:center; color:#fff; text-decoration:none; font-size:12px; padding:8px 4px 6px; margin:0 6px; }
      #main_menu .pages_ .ecms-btn-inner { padding:5px 15px; }
    #main_menu .title_ { margin-left:10px; float:left; font-size:18px; padding:9px 0 0 10px; width:420px; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; }

    #main_menu .next_ { float:right; margin-top:0; margin-left:0; }
    #main_menu .prev_ { float:right; margin-top:0; margin-right:0; }

    #main_menu .bookmark_ { float:right; margin:0 8px 0; }
      #main_menu .bookmark_ .ecms-btn-inner { padding:5px 15px; }	
	  
	  .panel { display:none; position:absolute; width:50%; border:1px solid #CCCCCC; border-radius:5px; left:0px; right:0px; margin:auto; height:auto; z-index:1200; }
	  .panel DIV.header { background:#000000; color:#FFFFFF; padding:5px; border-top-left-radius:inherit; border-top-right-radius:inherit; }
	  .panel DIV.header  * { font-size:14px; text-align:center; margin:0px; line-height:150%; }
	  .panel DIV.content_ { background:#FFFFFF; padding:5px; }
	  
	  #pub_menu .itemlist_{ text-align:center; }
	  #pub_menu a.half_  { display:inline-block; width:95px; border:1px solid #ccc; background:#eee; border-radius:0.4em; box-shadow:0 1px 3px rgba(0,0,0,.2); text-align:center; padding:0px 5px; background-image:linear-gradient(#fff,#f1f1f1); margin:5px 0px; }
	  #pub_menu a.half_ .text_ { height:42px; width:95px; white-space:normal; display:table-cell; vertical-align:middle; text-align:center; color:#2f3e46;  text-decoration:none; font-size:12.5px; line-height:20px; } 

	  #genre_menu .itemlist_{ text-align:center; }
	  #genre_menu a.half_  { display:inline-block; width:95px; border:1px solid #ccc; background:#eee; border-radius:0.4em; box-shadow:0 1px 3px rgba(0,0,0,.2); text-align:center; padding:0px 5px; background-image:linear-gradient(#fff,#f1f1f1); margin:5px 0px; color:#2f3e46;  line-height:42px; }
	  
	 
	  .sidepanel {  width:280px; position:fixed; right:0px; top:0px; bottom:0px; background:#DFDFDF; display:none; z-index:1200; }
	  #id_section, #admin_section, #coll_section { padding:20px; }
	  #search_box { display:none; position:fixed; top:42px; right:0px; width:300px; z-index:1500; background:#FFFFFF; padding:5px; height:auto; bottom:auto; }
	  
	  #footer_menu {  opacity:.9; z-index:100; border: 1px solid #333; background: #111; : #fff; font-weight: 700; text-shadow: 0 -1px 0 #000; position:fixed; width:100%; bottom:0px; }
	  #footer_menu P { text-align:center; color:#FFFFFF; }
	  
	  #app_body { padding:20px 15px; }
	  #app_body .sublist_ { clear:both; }
	  #lo_main.lo-non-ebook-app #app_body { padding-top:0; padding-bottom:0; }
	  #lo_main.lo-non-ebook-app #app_body h1 { font-size:30px; margin-bottom:15px; }
	  
	  .btn-logout, #admin_section a.btn, #coll_section a.btn { display:block; margin:3px 0px; }
	  XIMG.tn_ { float:left; margin-right:10px; }
	  DIV.pagination { margin:0px; }