#menu ul li ul li{
  position: relative;	
  }
  
  #menu .menu3rdlevel{
  position: absolute;
  top: -6px;
  left: 100%;	
  display: none;
  
  z-index:1001;
  min-width:160px;
  padding:5px 0 0 0;
  
  /* background-color:#fff;  */
	background-color: #26ced1;
  /* border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box; */
  }
  
  
  #menu .menu3rdlevel > a{
  color:#FFFFFF;
  }
  
  #menu .menu3rdlevel_inner{
  display: table;	
  }
  
  #menu .menu3rdlevel_inner .dropdown > a {
      font-size: 14px;
  }
  
  #menu .menu3rdlevel_inner ul{
  display: table-cell;
  }
  
  #menu .show3rdlevel{
  display: block;	
  }
  
  #menu .dropdown-inner a {
      white-space: nowrap;
  }
  
  
  @media (min-width: 768px) {
    #menu ul li ul li:hover > .menu3rdlevel {
      display: block;
    }
    
    #menu .arrow{
      background-image: url(/20210329061658oe_/https://cup.cuhk.edu.hk/catalog/view/theme/cupress/image/menu3rdlevel/arrow_w.png); /* another arrow for hover (or delete) */
      background-repeat: no-repeat;
      background-position: right center;
    }
    
    #menu ul li ul li:hover > a.arrow{
      background-image: url(/20210329061658oe_/https://cup.cuhk.edu.hk/catalog/view/theme/cupress/image/menu3rdlevel/arrow_w.png); /* replace with custom arrow if you wish (10 x 8 default) */
      
      background-repeat: no-repeat;
      background-position: right center;
      
      background-color: #4a4a4a; /* replace with your color or delete (for the parent category when hover) */
      color: #FFF;
    }
    
    #menu ul li ul li > a{ /* uncomment this for singe line link */
      /* white-space: nowrap; */	
    }
  }
  
  
  /* mobile code starts here */
  @media (max-width: 767px) {
    #menu .menu3rdlevel {
      left: 0 !important;
      top: 0 !important;
      position: relative;
      display: none;
      padding-bottom: 10px;
      
      background-color: rgba(0, 0, 0, 0.1);
      
      border: 0;
      border-radius: 0; /* edit border */
    }
    
    #menu .arrow{
      text-decoration: none;
      
      background-image: url(/20210329061658oe_/https://cup.cuhk.edu.hk/catalog/view/theme/cupress/image/menu3rdlevel/arrow_d.png); /* replace with custom arrow if you wish (10 x 8 default) */
      background-repeat: no-repeat;
      background-position: right center;
    }
    #menu ul li ul li:hover > a.arrow{
      background-image: url(/20210329061658oe_/https://cup.cuhk.edu.hk/catalog/view/theme/cupress/image/menu3rdlevel/arrow_w_d.png); /* another arrow for hover (or delete) */
      
      background-repeat: no-repeat;
      background-position: right center;
      
    }
    
    #menu .menu3rdlevel_inner {
      display: block;
    }
    
    #menu .menu3rdlevel_inner ul {
      display: block;
    }
    
    #menu .menu3rdlevel_inner a {
      width: 100%;
      color: #fff;  /* color */
    }
    
    #menu .menu3rdlevel .see-all {
      margin-top: 0;
      border: none;
      border-radius: 0;
      color: #fff; /* color */
    }
  }
  /* mobile code ends here */