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

                /* ---------- 大小與定位 ---------- */
                #news {
                position:relative;
                top:8px;
                        /* 選單大小 */
                        width: 140px;
                        height: 25px;
                }

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

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

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

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

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

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

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

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

                /* 第一層ul背景色彩與邊框 */
                #news ul {
                        background: #8030ac;
                        border-radius: 4px;
                }

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

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

                #news ul li:hover a {
                        color: #FFFFFF;
                        font-weight: bolder;
                }
              
                
a:link { color:#2B2C06; }

a:hover { color:#CC0000; }
a:active { color:#0000FF; }






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

                /* ---------- 大小與定位 ---------- */
                #repair {
                position:relative;
                top:8px;
                        /* 選單大小 */
                        width: 140px;
                        height: 25px;
                }

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

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

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

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

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

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

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

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

                /* 第一層ul背景色彩與邊框 */
                #repair ul {
                        background: #8030ac;
                        border-radius: 4px;
                }

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

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

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













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

                /* ---------- 大小與定位 ---------- */
                #more {
                position:relative;
                top:8px;
                        /* 選單大小 */
                        width: 140px;
                        height: 25px;
                }

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

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

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

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

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

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

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

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

                /* 第一層ul背景色彩與邊框 */
                #more ul {
                        background: #8030ac;
                        border-radius: 4px;
                }

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

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

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











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

                /* ---------- 大小與定位 ---------- */
                #backico {
                position:relative;
                top:8px;
                        /* 選單大小 */
                        width: 80px;
                        height: 25px;
                }

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

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

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

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

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

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

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

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

                /* 第一層ul背景色彩與邊框 */
                #backico ul {
                        background: #e54f93;
                        border-radius: 4px;
                }

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

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

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



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

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

                #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: 40px;
                        width: 150px;
                        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: 22px;
                        font-family: Arial, Helvetica, sans-serif;
                }

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

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

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

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










                <!-- .auto-style4 {
                        border-collapse: collapse;
                        border: 1px solid #FFFFFF;
                }

                .auto-style5 {
                        border: 1px solid #FFFFFF;
                }

                -->
				
				
				#joining{
				font-size:30px;
				font-weight:bold;
margin-right:30px;
border:2px solid #e54f93;
border-radius:10px;
background-color:#e54f93;
color:#FFFFFF;
}
#joining:hover{
background-color:#A20055;
border:2px solid #A20055;
color:#FFFFFF;
cursor:pointer;
}

#joining a:hover{
color:white
}
        
        
    .auto-style6 {
	border-collapse: collapse;
	background-color: #FFE8F3;
}
.auto-style8 {
	color: #2B2C06;
}
.auto-style9 {
	color: #2B2C06;
	font-weight: bold;
}

        
    .auto-style10 {
	border-width: 0;
}
.auto-style11 {
	border: 0px solid #FFFFFF;
}
.auto-style12 {
	font-weight: bold;
	border: 0px solid #FFFFFF;
}
.auto-style13 {
	border-collapse: collapse;
	border-width: 0;
}
.qr_font{
font-size:12px;
	}
}
.auto-style14 {
font-size: 8px;
}