.banner{position:relative;width:100%;height:300px;background-image:url("/assets/pic/banner.jpg");background-size:cover;background-position:center;font-family:'Roboto Slab',serif;color:white}.top-left{position:absolute;top:20px;left:20px;text-align:left}.top-left .title1{font-size:28px;font-weight:bold;margin-bottom:10px;color:#b2132e;text-shadow:1px 1px 3px #000}.top-left .title1 .year{color:#FFD700}.top-left .title2{font-size:22px;color:#52739e;margin-top:5px;text-shadow:1px 1px 3px #000}.bottom-right{font-size:18px;color:#fafafa;line-height:1.5em;padding:0px 27px 27px 0px;text-align:right;position:absolute;bottom:0px;right:0px;text-shadow:0px 0px 6px #000}td.navigation.dropdown{position:relative}td.navigation.dropdown>a,td.navigation.dropdown>span{display:inline-block;cursor:pointer}.dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#fafafa;min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border:1px solid #ddd;z-index:1000;padding:6px 0}.dropdown-content a{display:block;padding:8px 14px;color:#505050;text-decoration:none;white-space:nowrap;font-size:0.8em}.dropdown-content a:hover{background-color:#eee}td.dropdown:hover .dropdown-content,td.dropdown:focus-within .dropdown-content{display:block}