.wrap-subnav{
    top: 42px;
	position:absolute;
    z-index: 999;
   /* width: 1020px;*/
   width: 400px;
   /* background: rgba(255,255,255,0.95); */
   background:#FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
	display:none;
}
.wrap-subnav .wrap-inner {
    display: inline-flex;
	 display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
	white-space:nowrap;
}
.wrap-subnav .col {
    width: 220px;
	   /* width: 340px;*/
	display: inline-table;
}
.wrap-subnav .wrap-link {
    margin-bottom: 20px;
}
.wrap-subnav .wrap-link .subnav-link{
	margin-left:10px
}

.wrap-subnav .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav .subnav-link span .title{
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}

.wrap-subnav .subnav-link .title {
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav .subnav-link .title {
    padding: 5px;
    font-size: 15px;
	display:inline-block;
}
.wrap-subnav .subnav-link .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav .subnav-link .title > div:last-child {
    display: inline-block;
}
.wrap-subnav .wrap-link a {
    text-decoration: none;
    padding:5px;
}
.wrap-subnav .subnav-link .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}


.wrap-subnav .wrap-link a:hover{
	color:#F60;
	}

/* ------------------------------------------------- */
.wrap-subnav2{
	top: 42px;
    position: absolute;
    z-index: 999;
    width: 60px;
   /* background: rgba(255,255,255,0.95); */
   background: #FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   	display:none;
}
.wrap-subnav2 .wrap-inner2 {
    display: inline-flex;
    display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
}
.wrap-subnav2 .col {
    width: 120px;
}
.wrap-subnav2 .wrap-link2 {
    margin-bottom: 20px;
}
.wrap-subnav2 .wrap-link2 .subnav-link2{
	margin-left:10px
}
.wrap-subnav2 .wrap-link2 a {
    padding: 5px;
}
.wrap-subnav2 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav2 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav2 .subnav-link2 .title {
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav2 .subnav-link2 .title {
    padding: 5px;
    font-size: 15px;
	display:block;
}
.wrap-subnav2 .subnav-link2 .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav2 .subnav-link2 .title > div:last-child {
    display: inline-block;
}
.wrap-subnav2 .wrap-link2 a {
    text-decoration: none;
    padding:5px;
}
.wrap-subnav2 .subnav-link2 .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}

.wrap-subnav2 .wrap-link2 a:hover{
	color:#F60;
	}
/* ------------------------------------------------- */
.wrap-subnav3{
    top: 42px;
    position:absolute;
    z-index: 999;
    width: 270px;
   /* background: rgba(255,255,255,0.95); */
   background: #FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   display:none;
}
.wrap-subnav3 .wrap-inner3 {
    display: inline-flex;
	 display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
	white-space: nowrap;
}
.wrap-subnav3 .col {
    width: 135px;
	display:inline-table;
}
.wrap-subnav3 .wrap-link3 {
    margin-bottom: 20px;
}
.wrap-subnav3 .wrap-link3 .subnav-link3{
	margin-left:10px
}

.wrap-subnav3 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav3 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav3 .subnav-link3 .title {
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav3 .subnav-link3 .title {
    padding: 5px;
    font-size: 15px;
}
.wrap-subnav3 .subnav-link3 .title {
    padding: 5px;
    font-size: 15px;
}
.wrap-subnav3 .subnav-link3 .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav3 .subnav-link3 .title > div:last-child {
    display: inline-block;
}
.wrap-subnav3 .wrap-link3 a {
    text-decoration: none;
}
.wrap-subnav3 .subnav-link3 .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}
.wrap-subnav3 .wrap-link3 a:hover{
	color:#F60;
	}
/* ------------------------------------------------- */
.wrap-subnav5{
    top: 42px;
    position:absolute;
    z-index: 999;
    width: 115px;
   /* background: rgba(255,255,255,0.95); */
   background:#FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   display:none;
}
.wrap-subnav5 .wrap-inner5 {
    display: inline-block;
    padding: 20px;
    justify-content: space-between;
}
.wrap-subnav5 .col {
    width: 115px;
}
.wrap-subnav5 .wrap-link5 {
    margin-bottom: 20px;
}


.wrap-subnav5 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav5 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav5 .wrap-link5 a:hover{
	color:#F60;
	}
/* ---------------------------------- */
.wrap-subnav9{
    top: 42px;
    position:absolute;
    z-index: 999;
    width: 180px;
   /* background: rgba(255,255,255,0.95); */
   background:#FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   display:none;
}
.wrap-subnav9 .wrap-inner9 {
    display: inline-block;
	 display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
}
.wrap-subnav9 .col {
    width: 180px;
}
.wrap-subnav9 .wrap-link9 {
    margin-bottom: 20px;
}


.wrap-subnav9 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav9 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav9 .wrap-link9 a:hover{
	color:#F60;
	}
/* ------------------------------------ */
.wrap-subnav7{
    top: 42px;
    position:absolute;
    z-index: 999;
    width: 250px;
   /* background: rgba(255,255,255,0.95); */
   background: #FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   display:none;
}
.wrap-subnav7 .wrap-inner7 {
    display: inline-flex;
    display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
}
.wrap-subnav7 .col {
    width: 120px;
}
.wrap-subnav7 .wrap-link7 {
    margin-bottom: 20px;
}
.wrap-subnav7 .wrap-link7 .subnav-link7{
	margin-left:10px
}
.wrap-subnav7 .wrap-link7 a {
    padding: 5px;
}
.wrap-subnav7 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav7 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav7 .subnav-link7 .title {
	display: -ms-flexbox;
	display: inline-block;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav7 .subnav-link7 .title {
    padding: 5px;
    font-size: 15px

}
.wrap-subnav7 .subnav-link7 .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav7 .subnav-link7 .title > div:last-child {
    display: inline-block;
}
.wrap-subnav7 .wrap-link7 a {
    text-decoration: none;
    padding:5px;
}
.wrap-subnav7 .subnav-link7 .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}
.wrap-subnav7 .wrap-link7 a:hover{
	color:#F60;
	}
/* ---------------------------------------------------------- */
.wrap-subnav6{
    top: 42px;
    position:absolute;
	left:450px;
    z-index: 999;
    width: 1020px;
   /* background: rgba(255,255,255,0.95); */
    background: #FFF;
    overflow: hidden;
	border-top: solid 1px #009FCC;
    box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
    display:none;
}
.wrap-subnav6 .wrap-inner6 {
    display: inline-flex;
    display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
	white-space:nowrap;
}
.wrap-subnav6 .col {
    width: 255px;
	display:inline-table;
}
.wrap-subnav6 .wrap-link6 {
    margin-bottom: 20px;
}
.wrap-subnav6 .wrap-link6 .subnav-link6{
	margin-left:10px
}
.wrap-subnav6 .wrap-link6 a {
    padding: 5px;
}
.wrap-subnav6 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav6 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav6 .subnav-link6 .title {
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav6 .subnav-link6 .title {
    padding: 5px;
    font-size: 15px;
	display:block;
}
.wrap-subnav6 .subnav-link6 .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav6 .subnav-link6 .title > div:last-child {
    display: inline-block;
}
.wrap-subnav6 .wrap-link6 a {
    text-decoration: none;
    padding:5px;
}
.wrap-subnav6 .subnav-link6 .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}
.wrap-subnav6 .wrap-link6 a:hover{
	color:#F60;
	}
/* ----------------------------------------------------------- */
.wrap-subnav8{
    top: 42px;
    position:absolute;
    z-index: 999;
	/*left:595px;*/
	width:250px;
    /*width: 720px;*/
    /* background: rgba(255,255,255,0.95);  */
	background:#FFF;
    overflow: hidden;
	 border-top: solid 1px #009FCC;
   box-shadow:0px 2px 16px rgba(0, 0, 0, 0.2);
   display:none;
}
.wrap-subnav8 .wrap-inner8 {
    display: inline-flex;
    display: -ms-flexbox;
    padding: 20px;
    justify-content: space-between;
	white-space:nowrap;
}
.wrap-subnav8 .col {
    width: 120px;
	display:inline-table;
}
.wrap-subnav8 .wrap-link8 {
    margin-bottom: 20px;
}
.wrap-subnav8 .wrap-link8 .subnav-link8{
	margin-left:10px
}
.wrap-subnav8 .wrap-link8 a {
    padding: 5px;
}
.wrap-subnav8 .topic {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 2px;
    color: #000;
	font-family: 微軟正黑體;
    font-weight: bolder;
}
.wrap-subnav8 a.topic:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-right: none;
    border-left-color: #e10500;
}
.wrap-subnav8 .subnav-link8 .title {
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}
.wrap-subnav8 .subnav-link8 .title {
    padding: 5px;
    font-size: 15px;
	display:block;
}

.wrap-subnav8 .subnav-link8 span .title{
    display: flex;
    color: #797979;
    padding: 5px;
    margin: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    overflow: hidden;
}

.wrap-subnav8 .subnav-link8 .title > div:first-child {
    float: left;
    margin-right: 10px;
    word-break: keep-all;
}
.wrap-subnav8 .subnav-link8 .title > div:last-child {
    display: inline-block;
}
.wrap-subnav8 .wrap-link8 a {
    text-decoration: none;
    padding:5px;
}
.wrap-subnav8 .subnav-link8 .title > div span {
    padding-right: 5px;
    color: #999;
    font-size: 14px;
    border-right: solid 1px #999;
}
.wrap-subnav8 .wrap-link8 a:hover{
	color:#F60;
	}