ul {
  /* 取消ul預設的內縮及樣式 */
  margin: 0;
  padding: 0;
  position:relative;
left:20;

  list-style: none;
}

ul.drop-down-menu {
  padding-top: 15;
  padding-bottom: 50;
  border: #ffffff 0px solid;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 20px;
  display: block;
  text-align:center;
  border-left: #ffffff 50px solid;
}

ul.drop-down-menu li {
    position: relative;


  white-space: nowrap;
  border-right: #ccc 1px solid;

}

ul.drop-down-menu>li:last-child {
  border-right: none;
}

ul.drop-down-menu>li {
  float: left;
  /* 只有第一層是靠左對齊*/
}

ul.drop-down-menu a {
position:relativ;
left:30;
  background-color: #e54f93;
  color: #FFFFFF;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  line-height: 30px;
  font-weight:bold;
  border: #e54f93 1px solid;
  text-align:left;
}

ul.drop-down-menu a:hover {
  /* 滑鼠滑入按鈕變色*/
  border: #ffffff 1px solid;
  background-color: #C10066;
  color: #C10066;
}

ul.drop-down-menu li:hover>a {
  /* 滑鼠移入次選單上層按鈕保持變色*/

  color: #fff;
}

ul.drop-down-menu ul {
  border: #e54f93 8px solid;
  position: absolute;
  z-index: 99;
  left: -1px;
  top: 100%;
  //min-width: 200px;
}

ul.drop-down-menu ul li {
  border-bottom: #ccc 0px solid;
  border-right: #ccc 0px solid;
  letter-spacing: 0px;
}

ul.drop-down-menu ul li:last-child {
  border-bottom: none;
}

ul.drop-down-menu ul ul {
  /*第三層以後的選單出現位置與第二層不同*/
  z-index: 999;
  top: 10px;
  left: 90%;
}

ul.drop-down-menu ul {
  /*隱藏次選單*/
  display: none;
}

ul.drop-down-menu li:hover>ul {
  /* 滑鼠滑入展開次選單*/
  display: block;
}





 /* 加載csshover3.htc，解決IE6沒有li:hover擬類的問題 */
                * html body {
                        behavior: url("csshover3.htc");
                }

                /* ---------- 大小與定位 ---------- */
                #meauico {
                position:relative;
                top:1px;
                        /* 選單大小 */
                        width: 155px;
                        height: 30px;
                }

                #meauico ul {
                        /* 取消ul樣式符號 */
                        list-style-type: none;
                        /* 重設ul邊界與留白為零 */
                        margin: 0;
                        padding: 0;
                        /* 內有浮動元件時，需設overflow才會自動調整大小 */
                        overflow: auto;
                }

                * html #meauico ul {
                        /* 解決IE6不理overflow問題，直接指定高度 */
                        height: 36px;
                }

                #meauico ul li {
                        /* 利用float讓第一層li水平排列 */
                        float: left;
                }

                /* 解決IE6條列式餘白問題*/
                * html #meauico ul li {
                        display: inline;
                }

                #meauico ul li a {
                        /* 將a改為區塊元件，以便指定寬高 */
                        display: block;
                        /* 這邊也要設float，否則IE6會以100%寬度顯示 */
                        float: left;
                        /* 固定高度 */
                        height: 36px;
                        width: 154px;
                        text-align: center;
                }

                /* 修正IE7絕對定位差異 */
                *:first-child+html #meauico ul li ul {
                        margin-top: 0;
                }

                /* 修正IE6絕對定位差異 */
                * html #meauico ul li ul {
                        margin-top: 0;
                }

                /* 預設字體 */
                #meauico {
                        font-size: 26px;
                        font-family: Arial, Helvetica, sans-serif;
                       
                }

                /* 第一層ul背景色彩與邊框 */
                #meauico ul {
                        background: #e54f93;
                        border-radius: 6px;
                        border: #e54f93 1px solid;
                        overflow-x: hidden;
                }

                /* 第一層a字型 */
                #meauico ul li a {
                        color:  #FFFFFF;
                        font-weight: bolder;
                        text-decoration: none;
                        line-height: 36px;
                }

                /* 觸動第一層li時，改變背景色 */
                #meauico ul li:hover,
                #meauico ul li a:hover {
                        background:  #A20055;
                }

                #meauico ul li:hover a {
                        color: #FFFFFF;
                        font-weight: bolder;
                }














		

		
		
		* {
			margin: 0;
			padding: 0;
			
		}
		



.wrapper {
height: 30px;
			width: 1253px;
			overflow: hidden;
			position: relative;
			left:15px;
			top:5px;
			z-index:99;
			background-color:#8030ac;
			display: flex;
}

.marquee {
			position:relative;
			top:0px;
			color: white;
			font-size: 20px;
			font-weight: bold;
			left: 100px;
			margin-right: 10px;
			white-space: nowrap;
}

		
		
		#lbtn tr td a:hover a{
	background-color:black;
		
		}
		.auto-style2 {
			border-collapse: collapse;			
		}