<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/** forward **/
@media screen and (min-width:991px) {
	.forward {
		width:880px;
		margin:0 auto;
	}
}
@media screen and (min-width:1200px) {
	.forward {
		width:1080px;
		margin:0 auto;
	}
}

/** contact-top **/
.contact-top {
	position:relative;
	width:100%;
	margin-bottom:20px;
	box-sizing:border-box;
}
.noticewd + .contact-top {
	margin-top:20px;
}
.contact-top.bg1,
.contact-top.bg2,
.contact-top.bg3,
.contact-top.bg4 {
	padding-left:120px;
}
.contact-top.bg1:before,
.contact-top.bg2:before,
.contact-top.bg3:before,
.contact-top.bg4:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px
}
.contact-top.bg1:before {
	background-image:url(../images/contact-pic.png);
}
.contact-top.bg2:before {
	background-image:url(../images/contact-pic2.png);
}
.contact-top.bg3:before {
	background-image:url(../images/contact-pic3.png);
}
.contact-top.bg4:before {
	background-image:url(../images/contact-pic4.png);
}
.contact-top .wd {
	width:100%;
	color:#333;
	font-size:1.7em;
	line-height:165%;
	margin:0;
}
.contact-top .wd span.sp {
    display:inline-block;
	color:#FFF;
	font-size:0.8rem;
	font-weight:bold;
	line-height:100%;
	text-align:center;
    width:35px;
	padding:4px 0;
	margin:0 5px;
	background:#e1310e;
}
@media screen and (max-width:990px) {
	.contact-top {
		display:flex;
		align-items:center;
	}
	.contact-top.bg1,
	.contact-top.bg2,
	.contact-top.bg3,
	.contact-top.bg4 {
		min-height:100px;
	}
}
@media screen and (max-width:360px) {
	.contact-top.bg1,
	.contact-top.bg2,
	.contact-top.bg3,
	.contact-top.bg4 {
		padding:120px 0 0 0;
	}
	.contact-top.bg1:before,
	.contact-top.bg2:before,
	.contact-top.bg3:before,
	.contact-top.bg4:before {
		left:50%;
		margin-left:-50px;
	}
}
@media screen and (min-width:991px) {
	.contact-top {
		padding-top:20px;
	}
}
@media screen and (min-width:1600px) {
	.contact-top {
		margin-bottom:25px;
	}
	.noticewd + .contact-top {
		margin-top:25px;
	}
	.contact-top .wd {
		font-size:1.9em;
	}
}

.noticewd {
	width:100%;
	color:#da2a00;	
	font-size:1.7em;
	line-height:160%;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #da2a00;
	background:#FFF4F4;
}
.noticewd span {
	display:inline-block;
	color:#FFF;
	font-weight:normal;
	padding:2px 10px;
	background:#da2a00;
	margin:0 7px 0 0;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px
}
.noticewd em {
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}
@media screen and (min-width:1600px) {
	.noticewd {
		font-size:1.9em;
	}
}

.contact-info {
	width:100%;
	margin:0 auto;
}
.contact-info dl {
	width:100%;
	margin-top:20px;
	padding:20px 0 0 0;
	border-top:1px dotted #CCC;
}
.contact-info dt {
	color:#007cbe;
	font-size:1.9em;
	font-weight:bold;
	margin-bottom:5px;
}
.contact-info dd {
	font-size:1.7em;
	line-height:165%;
}
.contact-info ul {
	list-style:none;
}
.contact-info li span {
	color:#FFF;
	background:#007cbe;
	padding:0 5px;
	margin-right:5px;	
}
@media screen and (min-width:991px) {
	.contact-info {
		padding-left:120px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:1600px) {
	.contact-info dl {
		margin-top:25px;
		padding:25px 0 0 0;
	}
	.contact-info dt {
		font-size:2.1em;
	}
	.contact-info dd {
		font-size:1.9em;
	}
}

.contact-map {	
	width:100%;
	text-align:right;
	margin:10px 0;
	border:10px solid #FFF;
	box-sizing:border-box;
	-webkit-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	   -moz-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	        box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
}
.contact-map .map {
	position:relative;
	width:100%;
	height:480px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.contact-map .map &gt; span {
	position:absolute;
	left:15px;
	top:15px;
	-webkit-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	   -moz-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	        box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
}
.contact-map a {
	display:block;
	text-align:center;
}
.contact-map a p {
	margin-top:5px;
}
.contact-map a p span {
	position:relative;
	padding-left:20px;
}
.contact-map a p span::before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	display:block;
	width:17px;
	height:17px;
	margin:-8.5px 0 0 0;
	background-color:#B85C00;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-mask-image:url(../images/icon-zoom.svg);
			mask-image:url(../images/icon-zoom.svg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.contact-map a:hover p span::before,
.contact-map a:focus p span::before {
	background-color:#A40000;
}
.contact-map a.zoom {
	font-size:1em;
	color:#B85C00;
	padding-left:18px;
	background:url(../images/icon-zoom.png) no-repeat 0 2px;
	margin-top:5px;
}
.contact-map a.zoom:hover,
.contact-map a.zoom:focus {
	color:#E3007F;
	background:url(../images/icon-zoom2.png) no-repeat 0 2px;
}


/** contact-Form **/
.contact-Form {
	width:100%;	
	margin-top:30px;
	border-top:1px dotted #CCC;
}
.contact-Form .form-list {
	float:left;
	width:100%;	
	font-size:1.7em;
	margin:0;
	padding:15px 0;
	border-bottom:1px dotted #CCC;
}
.contact-Form .form-list .formLabel {
	float:left;
	width:20%;
	color:#e1310e;
    font-weight:bold;
	line-height:36px;
}
.contact-Form .form-list .formLabel span {
	float:left;
	width:93%;
	padding:0 0 0 20px;
	background:url(../images/conTable-list.png) no-repeat 0 50%;
	box-sizing:border-box;
}
.contact-Form .form-list .formLabel span.sp {
	position:relative;
	padding:0 40px 0 20px;
}
.contact-Form .form-list .formLabel span.sp em {
    display:block;
    position:absolute;
	right:0;
    top:8px;
	color:#FFF;
	font-size:0.8rem;
	font-style:normal;
	font-weight:bold;
	line-height:100%;
	text-align:center;
    width:35px;
	padding:4px 0;
	background:#e1310e;
}
.contact-Form .form-list .formBox {
	float:left;
	width:80%;
	color:#000;	
}
.contact-Form .form-list .readbox {
	width:100%;
	color:#007cbe;
    font-size:1.3rem;
    font-weight:bold;
    padding:10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	background:#E5F6FF;
	box-sizing:border-box;
	border:1px solid #B2E5FF;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.contact-Form .form-list .textbox {
	width:100%;
	height:36px;
    padding:0 10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:0.9rem;
	line-height:36px;    
    vertical-align:middle;
	background:#F2F2F2;
	box-sizing:border-box;
	border:1px solid #DDD;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.contact-Form .form-list .textbox:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.contact-Form .form-list .textbox.w1 {
    width:50%;
}
.contact-Form .form-list .textbox.w2 {
    width:60%;
}
.contact-Form .form-list .textbox.w3 {
    width:100px;
	margin-left:5px;
}
.contact-Form .form-list fieldset.sexRadio {
	display:inline-block;
	border:none;
}
.contact-Form .form-list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
	color:#333;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.contact-Form .form-list input[type=radio] {
	margin-left:5px;
	-webkit-appearance:radio;
	vertical-align:middle;
}
.contact-Form .form-list input[type=radio] + label {
	display:inline-block;
	vertical-align:middle;
}
.contact-Form .form-list input[type=checkbox] {
	margin-left:5px;
	-webkit-appearance:checkbox;
	vertical-align:middle;
}
.contact-Form .form-list .formText {
	width:100%;
	min-height:125px;
    padding:10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:0.9rem;
    line-height:160%;
    vertical-align:middle;
	background:#F2F2F2;
	box-sizing:border-box;
	border:1px solid #DDD;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.contact-Form .form-list .formText:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
#cfAFile1_fup,
#cfAFile2_fup,
.contact-Form .form-list .fileBox {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	width:60%;
	padding:7px 5px;
	border:none;
	box-sizing:border-box;
	margin-right:5px;
	background:#F2F2F2;
	vertical-align:middle;
	border:1px solid #DDD;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
#cfAFile1_btnUpLoad,
#cfAFile2_btnUpLoad,
.contact-Form .form-list .fileBtn {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:80px!important;
	height:36px;
	font-size:0.9rem;
	line-height:36px;
	background:#000;
	box-sizing:border-box;
	border:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;	
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#cfAFile1_btnUpLoad:hover,
#cfAFile1_btnUpLoad:focus,
#cfAFile2_btnUpLoad:hover,
#cfAFile2_btnUpLoad:focus,
.contact-Form .form-list .fileBtn:hover,
.contact-Form .form-list .fileBtn:focus {
    background:#eb6100;
}
#cfAFile1_chkboxLstFile,
#cfAFile2_chkboxLstFile {
	margin:5px 0;
}
.contact-Form .form-list .fileList {
	width:100%;
	margin:-15px 0;
}
.contact-Form .form-list .fileList ul {
	list-style:none;
	margin:15px 0;
}
.contact-Form .form-list .fileList ul li {
	margin:10px 0;
}
.contact-Form .form-list .fileList ul li .textbox {
	margin-bottom:10px;
}
.contact-Form .form-list .fileList ul li span {
	color:#666;
	margin-left:5px;
}
#cfAFile1_btnDeleteSelFiles,
#cfAFile2_btnDeleteSelFiles {
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.9rem;
    padding:5px 10px;
	border:none;
    background:#B50808;
	margin-left:5px;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;	
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#cfAFile1_btnDeleteSelFiles:hover,
#cfAFile1_btnDeleteSelFiles:focus,
#cfAFile2_btnDeleteSelFiles:hover,
#cfAFile2_btnDeleteSelFiles:focus {
    background:#eb6100;
}
.contact-Form .form-list .note{
	width:100%;
	color:#E3007F;
	line-height:130%;
	margin:15px 0;
}
.contact-Form .form-list .note.n1 {
	display:inline;
	width:40%;
	margin-left:10px;
}
.contact-Form .form-list .captcha {
	margin:0 0 0 10px;
}
.contact-Form .form-list .captchaImg {
	float:left;
	margin-top:4px;
}
.contact-Form .form-list .btnVoice,
.contact-Form .form-list .btnReload {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:0;
	width:45px;
	height:45px;	
	background:#757575;
	vertical-align:middle;
	margin-left:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.contact-Form .form-list .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:45px;
    height:45px;
    background:url(../images/btnVoice-icon.png) 50% 50% no-repeat;
}
.contact-Form .form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:45px;
    height:45px;  
    background:url(../images/btnReload-icon.png) 50% 50% no-repeat;
}
.contact-Form .form-list .btnVoice:hover,
.contact-Form .form-list .btnVoice:focus,
.contact-Form .form-list .btnReload:hover,
.contact-Form .form-list .btnReload:focus {
	background:#D35E16;
}
.contact-Form .form-btn {
	float:left;
	width:100%;
	text-align:center;
	margin-top:15px;
}
.contact-Form .form-btn input {
	font-size:1.7em;
}
@media screen and (max-width:768px) {
	.contact-Form .form-list {
		padding:20px 0;
	}
	.contact-Form .form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.contact-Form .form-list .formLabel span.sp {
		width:auto;
	}
	.contact-Form .form-list .formLabel span.sp em {
		top:-2px;
	}	
	.contact-Form .form-list .formBox {
		width:100%;
	}
	.contact-Form .form-list .textbox.w2 {
		width:70%;
	}
	.contact-Form .form-list .fileBox {
		width:70%;
	}
	.contact-Form .form-list .fileBtn {
		width:14%;
	}
}
@media screen and (max-width:560px) {
	.contact-Form .form-list .textbox.w1 {
		width:100%;
	}
	.contact-Form .form-list .textbox.w2 {
		width:70%;
	}
	.contact-Form .form-list .fileBox {
		width:50%;
	}
	.contact-Form .form-list .fileBtn {
		width:80px;
	}	
	.contact-Form .form-list input[type=radio] {
		display:inline-block;
		margin-top:15px;
		vertical-align:middle;
	}
	.contact-Form .form-list input[type=radio] + label {
		display:inline-block;
		margin-top:15px;
		margin-right:15px;
	}
	.contact-Form .form-list .note.n1 {
		display:inherit;
		width:100%;
		margin:15px 0 0 0;
	}
}
@media screen and (max-width:420px) {
	.contact-Form .form-list .fileList ul li .textbox {
		width:100%!important;
		margin:10px 0;
	}
	#cfAFile1_fup,
	#cfAFile2_fup {
		width:100%!important;
		margin:10px 0 0 0;
	}
	#cfAFile1_btnUpLoad,
	#cfAFile2_btnUpLoad {
		margin:10px 0 0 0;
	}
	.contact-Form .form-list br { 
       display:none;
    }
}
@media screen and (max-width:360px) {
	.contact-Form .form-list .textbox.w2 {
		width:70%;
	}
	.contact-Form .form-list .fileBox {
		width:40%;
	}	
	.contact-Form .form-btn a:hover span:after,
	.contact-Form .form-btn a:focus span:after{
		right:-25px;
	}
}
@media screen and (min-width:991px) {
	.contact-Form .form-list .formLabel {
		width:20%;
	}
	.contact-Form .form-list .formBox {
		width:80%;
	}
	.contact-Form .form-list .readbox {
		padding:8px 0;
		font-family:"微軟正黑體", Helvetica, sans-serif;
		background:none;
		border:none;
	}	
}
@media screen and (min-width:1600px) {
	.contact-Form .form-list {
		font-size:1.9em;
	}
	.contact-Form .form-list .formLabel {
		width:15%;
	}
	.contact-Form .form-list .formBox {
		width:85%;
	}	
	.contact-Form .form-btn input {
		font-size:1.9em;
	}
}


/** downList **/
.downList-Hd {
	width:100%;
	color:#FFF;
	font-size:1.5em;
	line-height:45px;
	padding:0;
	border:1px solid #333;
	background:linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin:20px auto 0 auto;
}
.downList-Hd dt {
	float:left;
	width:104px;
	font-weight:normal;
	text-align:center;
}
.downList-Hd dd.tit {
	position:relative;
	float:left;
	width:calc(100% - 344px);
	text-align:center;
	padding:0;
	margin:0;
}
.downList-Hd.d2 dd.tit {
	width:calc(100% - 464px);
}
.downList-Hd dd.tab {
	position:relative;
	float:left;
	width:80px;
	font-weight:normal;
	text-align:center;
	padding:0;
	margin:0;
}
.downList-Hd.d2 dd.skind {
	position:relative;
	float:left;
	width:120px;
	font-weight:normal;
	text-align:center;
	padding:0;
	margin:0;
}
.downList-Hd dd.tit:before,
.downList-Hd dd.tab:before,
.downList-Hd.d2 dd.skind:before {
    content:"";
    display:block;
    position:absolute;
	left:0;
	top:50%;
    width:1px;
    height:20px;
	margin-top:-10px;
    background:rgba(255,255,255,.5);
}
@media screen and (min-width:1600px) {
	.downList-Hd {
		font-size:1.7em;
		line-height:55px;
	}
	.downList-Hd dt {
		width:120px;
	}
	.downList-Hd dd.tit {
		width:calc(100% - 450px);
	}
	.downList-Hd.d2 dd.tit {
		width:calc(100% - 580px);
	}
	.downList-Hd dd.tab {
		width:110px;
	}
	.downList-Hd.d2 dd.skind {
		width:130px;
	}
}


.downList {
	width:100%;
	margin:0 auto;
}
.downList ul {
	list-style:none;
}
.downList ul li {
	width:100%;
	border:1px solid #DDD;
	margin:15px auto 0 auto;
}
.downList ul li a {
	display:inline-block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.downList ul li a:hover,
.downList ul li a:focus {
	background:#EFF3F3;
}
.downList dl.no {
	float:left;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.downList dt {
	float:left;
	width:100%;
	font-size:1.5em;
	line-height:160%;
	color:#656565;
	font-weight:normal;
}
.downList dd.tit {
	float:left;
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:160%;
	font-weight:bold;
	color:#000;	
}
.downList dd.skind {
	float:left;
	font-size:1.5em;
	line-height:160%;
	color:#CC4B00;
}
.downList dd.tab {
	float:left;
	font-size:1.5em;
	line-height:160%;
	color:#656565;
	margin-right:20px;
}
.downList ul li a dd.tit {
	color:#007cc0;
}
.downList ul li a:hover dd.tit,
.downList ul li a:focus dd.tit {
	color:#E3007F;
}
@media screen and (max-width:990px) {
	.downList ul li a {
		padding:15px;
	}
	.downList.d2 dt {
		width:inherit;
		margin-right:10px;
	}
	.downList.d2 dd.skind {
		width:130px;
		color:#FFF;
		text-align:center;
		background:#CC4B00;
	}
	.downList dd.tab span {
		position:relative;
		padding-left:10px;
	}
	.downList dd.tab span:before {
		content:"";
		display:block;
		position:absolute;
		top:8px;
		left:0;
		width:3px;
		height:3px;
		background:#666;
	}
}
@media screen and (max-width:560px) {
	.downList {
		border-top:none;
		margin-top:-10px;
	}
}
@media screen and (min-width:991px) {
	.downList {
		border-top:none;
	}
	.downList ul li {
		border:none;
		border-bottom:1px dashed #CCC;
		margin:0 auto;
	}
	.downList ul li a {
		padding:0;
	}
	.downList dl {
		display:flex;
		min-height:50px;
		padding:10px 0;
		align-items:center;
        justify-content:space-between;
		box-sizing:border-box;
	}
	.downList dl.no {
		padding:14px 0;
	}
	.downList dt {
		width:105px;
		text-align:center;
	}
	.downList dd.tit {
		width:calc(100% - 345px);
		padding:0 10px;
		box-sizing:border-box;
	}
	.downList.d2 dd.tit {
		width:calc(100% - 465px);
	}
	.downList dd.tab {
		width:80px;
		text-align:center;
		margin:0;
	}
	.downList dd.tab span {
		position:absolute;
		width:1px;
		height:1px;
		padding:0;
		margin:-1px;
		overflow:hidden;
		clip:rect(0,0,0,0);
		border:0;
	}
	.downList.d2 dd.skind {
		width:120px;
		text-align:center;
		margin:0;
	}
}
@media screen and (min-width:1600px) {
	.downList dl {
		min-height:60px;
		padding:15px 0;
	}
	.downList dt {
		width:120px;
	}
	.downList dd.tit {
		width:calc(100% - 450px);
		font-size:2.1em;
		font-weight:bold;
	}
	.downList.d2 dd.tit {
		width:calc(100% - 580px);
	}
	.downList dd.tab {
		width:110px;
	}
	.downList.d2 dd.skind {
		width:130px;
	}
}


/** activity **/
.activity-list {
	width:100%;
	margin:20px auto 0 auto;
}
.activity-list ul {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:-7.5px;
}
.activity-list ul li {
	display:inline-block;
	width:33.33%;
	padding:7.5px;
	box-sizing:border-box;
	vertical-align:top;
}
.activity-list ul li a {
	display:inline-block;
	width:100%;
	height:100%;
}
.activity-list dl {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	border:1px solid #DEDEDE;
	box-sizing:border-box;
}
.activity-list dt {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:75%;
}
.activity-list.video dt:before {
	content:"";
	position:absolute;
	display:block;
	width:100%;
    height:100%;
    background:rgba(0,0,0,.2) url(../images/movie_play.png) no-repeat 50% 50%;
    z-index:50;
}
.activity-list dt img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.activity-list dd {
	padding:12px 12px 35px 12px;
}
.activity-list dd .tit {
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
}
.activity-list a dd .tit {
	color:#000;
}
.activity-list a:hover dd .tit,
.activity-list a:focus dd .tit {
	color:#E3007F;
}
.activity-list dd .date {
	position:absolute;
	left:0;
	bottom:12px;
	width:100%;
	font-size:1.5em;
	color:#e1310e;
	padding:0 12px;
	box-sizing:border-box;
}
.activity-list dd .date .pic {
	float:right;
	color:#767676;
	padding-left:22px;
	background:url(../images/icon-pic.png) no-repeat 0 50%;
}
.activity-list dd .date .view {
	float:right;
	color:#767676;
	padding-left:22px;
	background:url(../images/icon-view.png) no-repeat 0 50%;
}
@media screen and (max-width:768px) {
	.activity-list ul li {
		width:50%;
	}
}
@media screen and (max-width:440px) {
	.activity-list ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.activity-list ul {
		margin:-10px;
	}
	.activity-list ul li {
		padding:10px;
	}
}
@media screen and (min-width:1600px) {
	.activity-list dd .tit {
		font-size:2.1em;		
	}
}
@media screen and (min-width:1720px) {
	.activity-list {
		margin-top:30px;
	}
	.activity-list ul {
		margin:-15px;
	}
	.activity-list ul li {
		padding:15px;
	}
}


/** signList **/
.signList-Hd {
	float:left;
	width:100%;
	color:#FFF;
	font-size:1.7em;
	line-height:39px;
	padding:0;
	border:1px solid #333;
	box-sizing:border-box;
	background:url(../images/newsList-Hd-bg.gif) repeat-x;
}
.signList-Hd dt {
	float:left;
	width:104px;
	font-weight:normal;
	text-align:center;
}
.signList-Hd dd.tit {
	float:left;
	width:calc(100% - 284px);
	text-align:center;
	background:url(../images/newsList-Hd-div.gif) no-repeat 0 50%;
	padding:0;
	margin:0;
}
.signList-Hd dd.tab {
	float:left;
	width:90px;
	font-weight:normal;
	text-align:center;
	background:url(../images/newsList-Hd-div.gif) no-repeat 0 50%;
	padding:0;
	margin:0;
}


.signList {
	width:100%;	
	list-style:none;
	margin:0 auto;
	border-top:1px dashed #CCC;
}
.signList li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
	margin:0;
}
.signList li a {
	float:left;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.signList li a:hover,
.signList li a:focus {
	background:#EFF3F3;
}
.signList dl {
	position:relative;
	padding-left:65px;
	box-sizing:border-box;
}
.signList dt {
	float:left;
	width:100%;
	font-size:1.7em;
	line-height:150%;
	color:#656565;
	font-weight:normal;	
}
.signList dd.tit {
	float:left;
	width:100%;
	font-size:1.7em;
	line-height:150%;
	color:#333;
	margin:0;
}
.signList dd.tit span span{
	display:inline-block;
	width:100%;
	font-size:0.8rem;
	color:#d5422f;
	font-weight:normal;
}
.signList a dd.tit {
	color:#007cc0;
}
.signList a:hover dd.tit,
.signList a:focus dd.tit {
	color:#E3007F;
}
.signList dd.show {
	position:absolute;
	left:0;
	top:5px;	
	color:#656565;
	text-align:center;
	padding:0;
	margin:0;
}
.signList dd.show span {
	display:inline-block;
	width:55px;
	height:55px;
	color:#FFF;
	font-size:1.5em;
	line-height:55px;
	background:#E3007F;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
.signList dd.show span.full {
	background:#007cbe;
}
.signList dd.show span.no {
	color:#FFF;
	background:#767676;
}
.signList dd.tab {
	float:left;
	font-size:1.5em;
	line-height:150%;
	color:#656565;
	padding:0;
	margin:0;
}
@media screen and (min-width:991px) {
	.signList {
		border-top:none;
	}
	.signList li a {
		padding:14px 0;
	}
	.signList dl {
		padding-left:0;
	}
	.signList dt {
		width:105px;
		text-align:center;
	}
	.signList dd.tit {
		width:calc(100% - 285px);
		padding:0 10px;
		box-sizing:border-box;
	}
	.signList dd.show {
		position:relative;
		left:auto;
		top:auto;
		float:left;
		width:90px;
	}
	.signList dd.show span {
		width:auto;
		height:auto;
		line-height:150%;
		padding:3px 8px 5px 8px;
		-webkit-border-radius:4px;
		   -moz-border-radius:4px;
				border-radius:4px;
	}	
	.signList dd.tab {
		width:90px;
		text-align:center;
		margin:0;
	}
}
@media screen and (min-width:1600px) {
	.signList dd.tit {
		font-size:1.9em;
		font-weight:bold;
	}
	.signList dd.tit span span{
		font-size:0.95rem;
	}
}


/** signup **/
.signup-top {
	width:100%;	
	margin-bottom:15px;
}
.signup-top span {
	color:#333;
	font-size:2.1em;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/signup-top-icon.png) no-repeat 0 50%;
	margin:0 5px 0 0;
}
.signup-top a {
	float:right;
	display:block;
	font-size:1.7em;
	color:#FFF;
	font-weight:bold;
	background:#E3007F url(../images/btn-signup-search-icon.png) no-repeat 5px 50%;
	border:none;
	padding:8px 8px 8px 31px;
	margin-top:-5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.signup-top a:hover,
.signup-top a:focus {
	background-color:#e1310e;
}


.signup-info {
	width:100%;	
	padding:15px 20px;
	background:#F5F5F5;
	border:3px double #CCC;
	box-sizing:border-box;
} 
.signup-info dt {
	color:#e1310e;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
}
.signup-info dd {
	font-size:1.7em;
	line-height:135%;
	padding-left:22px;
	margin-top:5px;
}
.signup-info dd.time {
	background:url(../images/icon-time.png) no-repeat 0 0;
}
.signup-info dd.place {
	background:url(../images/icon-place.png) no-repeat 0 0;
}
.signup-info dd.no {
	background:url(../images/icon-no.png) no-repeat 0 0;
}

.signup-wd {
	width:100%;
	font-size:1.7em;
	line-height:160%;
	padding-left:30px;
	margin-bottom:20px;
	box-sizing:border-box;
} 
.signup-wd ul {
	list-style:none;
} 
.signup-wd li {
	text-indent:-2em;
	padding-left:2em;
	margin:10px 0 0 0;
} 
.signup-wd .form-list {
	position:relative;
	float:left;
	width:100%;	
	color:#555;
	font-size:1.7em;
	line-height:135%;
	margin:0;
	padding:15px 65px 15px 0;
	box-sizing:border-box;
}
.signup-wd .sbox {
	position:relative;
	width:450px;
	padding-right:65px;
	margin:15px 0;
	box-sizing:border-box;
}
.signup-wd .textbox {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	width:100%;
	color:#333;
	font-size:0.9rem;
	padding:7px 6px;
	border:1px solid #DDD;
	background:#F2F2F2;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-sizing:border-box;
}
.signup-wd .btn {
	position:absolute;
	right:0;
	top:15px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.9rem;
	background:#E76D26;
	border:none;
	padding:7px 15px 9px 15px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	cursor:pointer;
	box-sizing:border-box;
}
.signup-wd .btn:hover {
	background:#e1310e;
} 
.signup-wd dl {
	float:left;
	width:100%;
	padding:15px 0;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
} 
.signup-wd dt {
	color:#E3007F;
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:7px;
}
.signup-wd dd {
	padding-left:15px;
	background:url(../images/signTable-list.png) 0 6px no-repeat;
}
@media screen and (max-width:560px) {
	.signup-wd .sbox {
		width:100%;
	}
}
@media screen and (min-width:1600px) {
	.signup-wd,
	.signup-wd .form-list {
		font-size:1.7em;
	}
}


/** sign-Form **/
.sign-Form {
	width:100%;	
}
.sign-Form .form-tit {
	float:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:3px double #CCC;
	margin-top:30px;
}
.sign-Form .form-tit strong {
	display:inline-block;
	font-size:1.9em;	
	color:#333;
	padding:8px 0 8px 35px;
	background:url(../images/signTable-list2.png) 0 50% no-repeat;
	vertical-align:middle;
}
.sign-Form .form-tit span {
	display:inline-block;
	font-size:1.7em;
	margin-left:5px;
	vertical-align:middle;
}
.sign-Form .form-list {
	float:left;
	width:100%;	
	color:#555;
	font-size:1.7em;
	line-height:135%;
	margin:0;
	padding:15px 0;
	border-bottom:1px dotted #CCC;
}
.sign-Form .form-list .formLabel {
	display:inline-block;
	width:100%;
	padding:0 0 0 15px;
	background:url(../images/signTable-list.png) no-repeat 0 2px;
	box-sizing:border-box;
	vertical-align:middle;
}
.sign-Form .form-list .formBox {
	display:inline-block;
	width:100%;
	color:#000;
	vertical-align:middle;
	margin-top:10px;
}
.sign-Form .form-list .textbox {
	width:100%;
	height:36px;
    padding:0 10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	line-height:36px;    
    vertical-align:middle;
	background:#F2F2F2;
	box-sizing:border-box;
	border:1px solid #DDD;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
}
.sign-Form .form-list .textbox:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.sign-Form .form-list .textbox.w1 {
    width:50%;
}
.sign-Form .form-list .textbox.w2 {
    width:15%;
}
.sign-Form .form-list .textbox.w3 {
    width:20%;
}
.sign-Form .form-list input[type=radio] {
	margin-left:5px;
	-webkit-appearance:radio;
	vertical-align:middle;
}
.sign-Form .form-list input[type=checkbox] {
    margin-left:5px;
	-webkit-appearance:checkbox;
    box-sizing:border-box;
}
.sign-Form .form-list input[type=radio] + label {
	display:inline-block;
	vertical-align:middle;
}
.sign-Form .form-list .checkbox {
	list-style:none;
}
.sign-Form .form-list .checkbox tr {
	float:left;
	width:20%;
	padding:7px 0;
}
.sign-Form .perInfo  {
	float:left;
	width:100%;
	padding:7px 0;
	border-bottom:1px dotted #CCC;
}
.sign-Form .perInfo .form-list.l1 {
	width:100%;
	padding:7px 0;
	border-bottom:none;
}
.sign-Form .perInfo .form-list.l1 .formLabel {
	width:20%;
}
.sign-Form .perInfo .form-list.l1 .formBox {
	width:79%;
	margin-top:0;
}
.sign-Form .perInfo .form-list.l2 {
	width:100%;
	padding:7px 0;
	border-bottom:none;
}
.sign-Form .perInfo .form-list.l2 .formLabel {
	width:20%;
}
.sign-Form .perInfo .form-list.l2 .formBox {
	width:79%;
	line-height:34px;
	margin-top:0;
}
.sign-Form .note{
	width:100%;
	color:#E3007F;
	line-height:130%;
	margin:15px 0 0 0;
}
.sign-Form .form-btn {
	float:left;
	width:100%;
	text-align:center;
	margin-top:15px;
}
.sign-Form .form-btn input {
	font-size:1.7em;
}
@media screen and (max-width:580px) {
	.sign-Form .form-list .textbox.w3 {
		width:25%;
	}
	.sign-Form .form-list .checkbox tr {
		width:25%;
	}
	.sign-Form .perInfo .form-list.l1,
	.sign-Form .perInfo .form-list.l2 {
		position:relative;
		padding-left:120px;
		box-sizing:border-box;
	}
	.sign-Form .perInfo .form-list.l1 .formLabel,
	.sign-Form .perInfo .form-list.l2 .formLabel {
		position:absolute;
		left:0;
		top:15px;
		width:120px;
	}
	.sign-Form .perInfo .form-list.l1 .formBox,
	.sign-Form .perInfo .form-list.l2 .formBox {
		width:100%;
	}
}
@media screen and (max-width:460px) {
	.sign-Form .form-list .textbox.w3 {
		width:33.33%;
	}
	.sign-Form .form-list .checkbox tr {
		width:33.33%;
	}
}
@media screen and (max-width:360px) {
	.sign-Form .form-list .textbox.w1 {
		width:100%;
	}
	.sign-Form .form-list .textbox.w2 {
		width:100%;
	}
	.sign-Form .form-list .textbox.w3 {
		width:50%;
	}
	.sign-Form .form-list .checkbox tr {
		width:50%;
	}
	.sign-Form .form-list .formBox span {
		float:left;
		margin-top:5px;
	}
	.sign-Form .perInfo .form-list.l1,
	.sign-Form .perInfo .form-list.l2 {
		padding-left:0;
	}
	.sign-Form .perInfo .form-list.l1 .formLabel,
	.sign-Form .perInfo .form-list.l2 .formLabel {
		position:relative;
		left:auto;
		top:auto;
		width:100%;
		margin-bottom:5px;
	}
}
@media screen and (min-width:768px) {	
	.sign-Form .form-list .formLabel {
		width:17%;
	}
	.sign-Form .form-list .formBox {
		width:82%;
		margin-top:0;
	}
	.sign-Form .perInfo {
		padding:7px 0;
		border-bottom:1px dotted #CCC;
	}
	.sign-Form .perInfo .form-list.l1 {
		width:60%;
		padding:7px 0;
		border-bottom:none;
	}
	.sign-Form .perInfo .form-list.l1 .formLabel {
		width:28%;
	}
	.sign-Form .perInfo .form-list.l1 .formBox {
		width:70%;
	}
	.sign-Form .perInfo .form-list.l2 {
		width:40%;
		padding:7px 0;
		border-bottom:none;
	}
	.sign-Form .perInfo .form-list.l2 .formLabel {
		width:38%;
		margin-left:4%;
	}
	.sign-Form .perInfo .form-list.l2 .formBox {
		width:56%;
		line-height:34px;
	}
	.sign-Form .form-list .formBox span {
		margin-left:5px;
	}
	.sign-Form .form-list .formBox a {
		margin-left:5px;
	}	
	.sign-Form .form-list .textbox.w2 {
		width:70px;		
	}
}


/** LinkExchange **/
.linkExchange {
	width:100%;
	margin:20px auto 0 auto;
}
.linkExchange ul{
	list-style:none;
	margin:-10px;
}
.linkExchange ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.linkExchange dd {
	margin-top:10px;
}
.linkExchange .textbox {
	width:100%;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:160%;
	padding:6px;
	border:1px solid #DDD;
	background:#F2F2F2;
	box-sizing:border-box;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}
.linkExchange .linkExchange-icon {
	color:#E3007F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/linkExchange-icon.svg) no-repeat 0 50%;
}
@media screen and (max-width:540px) {
	.linkExchange ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	.linkExchange li:nth-of-type(2) dd.pic {
		min-height:72px;
	}
	.linkExchange li:nth-of-type(3) dd.pic,
	.linkExchange li:nth-of-type(4) dd.pic {
		min-height:60px;
	}
}
@media screen and (min-width:1600px) {
	.linkExchange .textbox {
		font-size:1.9em;
	}
	.linkExchange .linkExchange-icon {
		font-size:2.3em;
		line-height:32px;
	}
}
@media screen and (min-width:1720px) {
	.linkExchange ul {
		margin:-15px;
	}
	.linkExchange ul li {
		padding:15px;
	}
}


/* ----- link-list ----- */
.link-list {
	width:100%;
}
.link-list ul {
	list-style:none;
}
.link-list ul li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.link-list ul li a {
	display:block;
	width:100%;
	padding:15px 0;
}
.link-list ul li a:hover,
.link-list ul li a:focus {
    background:#EFF3F3;
}
.link-list dl {
	position:relative;
	display:block;
	padding-left:85px;
	box-sizing:border-box;
}
.link-list dt {
	position:absolute;
	left:10px;
	top:0;
	width:60px;
}
.link-list dt .pic {
	display:flex;
	width:60px;
	height:60px;
	border:1px solid #DDD;
	box-sizing:border-box;
	overflow:hidden;
	justify-content:center;
	align-items:center;
	-webkit-border-radius:150px;
	   -moz-border-radius:150px;
	        border-radius:150px;
	-webkit-box-shadow:0 0 3px rgba(0%,0%,0%,0.3);
	   -moz-box-shadow:0 0 3px rgba(0%,0%,0%,0.3);
	        box-shadow:0 0 3px rgba(0%,0%,0%,0.3);
}
.link-list dt .pic img {
	max-width:100%;
	max-height:100%;
}
.link-list dd {
	display:flex;
	width:100%;
	min-height:60px;
	flex-direction:column;
	justify-content:center;
}
.link-list dd p {
	font-size:1.5em;
	color:#e1310e;
	line-height:160%;
}
.link-list dd p.linktit {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	color:#000;
}
.link-list ul li a:hover dd p.linktit,
.link-list ul li a:focus dd p.linktit {
	color:#A40000;
}
@media screen and (min-width:1600px) {
	.link-list ul li a {
		padding:20px 0;
	}
	.link-list dl {
		padding-left:105px;
	}
	.link-list dt {
		width:80px;
	}
	.link-list dt .pic {
		width:80px;
		height:80px;
	}
	.link-list dd {
		min-height:80px;
	}
	.link-list dd p {
		font-size:1.7em;
	}
	.link-list dd p.linktit {
		font-size:2.3em;
	}
}


/** onecolTitle **/
.onecolTitle {
	position:relative;
	width:100%;
	padding-left:88px;
	margin:20px auto;
	box-sizing:border-box;
}
.onecolTitle:before {
    content:"";
    display:block;
    position:absolute;
	left:0;
    top:4px;
    width:78px;
    height:72px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	background-color:#000;
	z-index:2;
	-webkit-mask-size:78px 72px;
			mask-size:78px 72px;
	-webkit-mask-image:url(../images/icon_video.svg);
			mask-image:url(../images/icon_video.svg);
}
.onecolTitle h3 {
	width:100%;
	font-size:2.3em;
	font-weight:bold;
	line-height:150%;
}
.onecolTitle p {
	color:#333;
	font-size:1.7em;
	line-height:150%;
}
@media screen and (max-width:560px) {
	.onecolTitle {
		padding:0;
	}
	.onecolTitle:before {
		top:4px;
		width:65px;
		height:60px;
		-webkit-mask-size:65px 60px;
				mask-size:65px 60px;
	}
	.onecolTitle h3 {
		padding-left:75px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:1600px) {
	.onecolTitle {
		display:flex;
		min-height:84px;
		padding-left:105px;
		flex-direction:column;
        justify-content:center;
	}
	.onecolTitle:before {
		top:2px;
		width:91px;
		height:84px;
		-webkit-mask-size:91px 84px;
				mask-size:91px 84px;
	}
	.onecolTitle h3 {
		font-size:2.5em;
	}
	.onecolTitle p {
		font-size:1.9em;
	}
}
@media screen and (min-width:1720px) {
	.onecolTitle {
		margin:30px auto;
	}
}


/* ----- video ----- */
#video {
	width:100%;
	margin:20px auto 0 auto;
}
#video ul {
    list-style:none;
    margin:-7.5px;
}
#video ul li.vList {
	display:inline-block;
    width:33.333%;
    padding:7.5px;
    box-sizing:border-box;
    vertical-align:top;
}
#video ul li.vList a {
	display:inline-block;
    width:100%;
	height:100%;
}
#video ul li.vList .vPic {
	width:100%;
	padding:10px;
	border:1px solid #dddddd;
	box-sizing:border-box;
}
#video ul li.vList .vPic .pic {
	position:relative;
	width:100%;
	height:auto;
}
#video ul li.vList .vPic .pic img {
	width:100%;
	height:auto;
}
#video ul li.vList .vPic .pic .play {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:0;
	padding-bottom:75%;
	background:url(../images/video-play.png) no-repeat 50% 50%;
	background-size:cover;
	opacity:.6;
}
#video ul li.vList a:hover .vPic .pic .play,
#video ul li.vList a:focus .vPic .pic .play {
	background-image:url(../images/video-play-on.png);
	background-color:rgba(0,0,0,.3);
	opacity:1;
}
#video ul li.vList .vTitle {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#00719c;
	font-size:1.9em;
	font-weight:bold;
	margin:10px;
}
#video ul li.vList .vHit {
	color:#767676;
	font-size:1.5em;	
	padding-left:22px;
	background:url(../images/icon-view.png) no-repeat 0 50%;
	margin:10px;
}
@media screen and (max-width:680px) {
	#video ul li.vList {
		width:50%;
	}
}
@media screen and (max-width:360px) {
	#video ul li.vList {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	#video ul {
		margin:-10px;
	}
	#video ul li.vList {
		padding:10px;
	}
	#video ul li.vList .vTitle {
		font-size:1.9em;
	}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1600px) {
	#video ul li.vList .vTitle {
		font-size:2.3em;
	}
}
@media screen and (min-width:1720px) {
	#video {
		margin-top:30px;
	}
	#video ul {
		margin:-15px;
	}
	#video ul li.vList {
		padding:15px;
	}
}


/* ----- videoNotice ----- */
.videoNotice {
	width:100%;
	color:#da2a00;	
	padding:10px;
	box-sizing:border-box;
	border:1px solid #da2a00;
	background:#FFF4F4;
	margin:20px auto 0 auto;
}
.videoNotice dl {
	display:flex;
	width:100%;
	align-items:stretch;
}
.videoNotice dt {
	display:flex;
	width:80px;
	color:#FFF;
	font-size:1.7em;
	font-weight:normal;
	line-height:120%;
	text-align:center;
	padding:5px 10px;
	justify-content:center;
	align-items:center;
	background:#da2a00;
	margin-right:10px;
}
.videoNotice dd {
	display:flex;
	width:calc(100% - 90px);
	font-size:1.7em;
	line-height:160%;
	align-items:center;
}
@media screen and (max-width:640px) {
	.videoNotice dt {
		width:40px;
		min-height:50px;
	}
	.videoNotice dd {
		width:calc(100% - 50px);
	}
}
@media screen and (min-width:1600px) {
	.videoNotice dt,
	.videoNotice dd {
		font-size:1.9em;
	}
}
@media screen and (min-width:1720px) {
	.videoNotice {
		margin-top:30px;
	}
}


/* ----- videoNav ----- */
#videoNav {
	display:flex;
	width:100%;
	flex-direction:column;
	align-items:stretch;
	margin:30px auto;
}
#videoNav .label {
	display:flex;
	width:100%;
	min-height:50px;
	justify-content:center;
	align-items:center;
	padding:10px;
	background:#333;	
	box-sizing:border-box;
}
#videoNav .label span {
	position:relative;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	color:#FFF;
	font-weight:bold;
	line-height:115%;
	padding-left:35px;
}
#videoNav .label span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:28px;
	height:25px;
	margin-top:-12.5px;
	background:url(../images/icon_video.svg) 50% 50% no-repeat;
	background-size:auto 100%;
}
#videoNav ul.playList {
	width:100%;
	display:flex;
    list-style:none;
    flex-direction:row;
    align-items:stretch;
    align-content:stretch;
    flex-wrap:wrap;
    letter-spacing:-9px;
	border:1px solid #CCC;
	border-top:none;
	box-sizing:border-box;
}
#videoNav ul.playList li {
	display:inline-block;
	width:12.5%;
	letter-spacing:0;
	box-sizing:border-box;
	border-top:1px solid #CCC;
}
#videoNav ul.playList li + li {
	border-left:1px solid #CCC;
}
#videoNav ul.playList li a {
	display:flex;
	width:100%;
	height:100%;
	font-size:1.7em;
	color:#333;
	font-weight:bold;
	justify-content:center;
	align-items:center;
	padding:10px 7px;
	box-sizing:border-box;
}
#videoNav ul.playList li a:hover,
#videoNav ul.playList li a:focus {
	color:#E3007F;
}
#videoNav ul.playList li a:active,
#videoNav ul.playList li a.unit-now {
	color:#007299;
}
@media screen and (max-width:640px) {
	#videoNav ul.playList li {
		width:50%;
	}
	#videoNav ul.playList li:nth-child(2n+1) {
		border-left:none;
	}
}
@media screen and (max-width:480px) {
	#videoNav ul.playList {
		padding:5px 15px;
	}
	#videoNav ul.playList li {
		width:100%;
		border:none !important;
	}
	#videoNav ul.playList li + li {
		border-top:1px dashed #CCC !important;
	}
}
@media screen and (min-width:1600px) {
	#videoNav ul.playList li a {
		font-size:1.9em;
		padding:10px;
	}
}
@media screen and (min-width:1440px) {
	#videoNav {
		flex-direction:row;
	}
	#videoNav .label {
		width:140px;
	}
	#videoNav .label span {
		width:2em;
		padding-left:50px;
	}
	#videoNav .label span:before {
		width:45.5px;
		height:42px;
		margin-top:-21px;
	}
	#videoNav ul.playList {
		width:calc(100% - 140px);
	}
	#videoNav ul.playList li a {
		padding:15px;
	}
}</pre></body></html>