@charset "utf-8";

/* ----- itemList ----- */
.itemList {
	width:100%;
	margin:0 auto;
}
.itemList ul {
	width:100%;
	list-style:none;
}
.itemList ul li {
	width:100%;
	border-bottom:1px dashed #CCC;
}
.itemList ul li a {
	position:relative;
	display:block;
    width:100%;
	padding:15px 40px 15px 0;
	box-sizing:border-box;
}
.itemList ul li a:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:9px;
    width:21px;
    height:21px;
    margin-top:-10.5px;
	background:url(../images/itemList-icon.png) no-repeat 0 0;
	z-index:2;
}
.itemList ul li a.download:after { background-position:0 -21px; }
.itemList ul li a.link:after { background-position:0 -42px; }
.itemList ul li a:hover:after,
.itemList ul li a:focus:after {
	background-image:url(../images/itemList-icon-on.png);
}
.itemList ul li p {
	margin-bottom:10px;
}
.itemList ul li p time {
	color:#666;
	font-size:1.5em;
}
.itemList ul li p .keyTag {
	color:#FFF;
	font-size:1.5em;
	padding:0 10px;
	margin-left:15px;
	background:#bf0000;
}
.itemList ul li h3 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	line-height:125%;
	font-weight:bold;
}
.itemList ul li a:hover h3,
.itemList ul li a:focus h3{
	color:#b20000;
}
.itemList ul li h3 span {
	display:inline-block;
	width:80px;
	font-family:"微軟正黑體", Microsoft JhengHei;
	font-size:0.95rem;
	line-height:100%;
	text-align:center;
	padding:4px 0;
	box-sizing:border-box;
	vertical-align:top;
	margin:2px 10px 0 0;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
            border-radius:50px;
}
.itemList ul li h3 span.lock {
	color:#a40000;
	border:1px solid #a40000;
}
.itemList ul li h3 span.lock strong {
	padding-left:18px;
	background:url(../images/icon-lock.png) no-repeat 0 50%;
}
.itemList ul li h3 span.finish {
	color:#FFF;
	background:#a40000;
}
@media screen and (min-width:991px) {
	.itemList ul li a {
		padding:25px 50px 25px 0;
	}
	.itemList ul li a:after {
		right:19px;
	}
}


/* ----- businessList ----- */
.businessList {
	width:100%;
	margin:20px auto 0 auto;
}
.businessList ul {
	list-style:none;
	margin:-10px;
}
.businessList ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.businessList ul li a {
	float:left;
	width:100%;
}
.businessList .box {
	display: flex;
	width:100%;
	min-height:90px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #CCC;
	align-items:center;
	justify-content: space-around;
}
.businessList .photo {
	display: flex;
	width:90px;
	height:90px;
	background: rgb(178,136,80); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(178,136,80,1) 0%, rgba(64,41,25,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(178,136,80,1) 0%,rgba(64,41,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(178,136,80,1) 0%,rgba(64,41,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28850', endColorstr='#402919',GradientType=0 ); /* IE6-9 */
	overflow:hidden;
}
.businessList .photo img {
	width:100%;
	height:auto;
}
.businessList p {
	display: flex;
	width:calc(100% - 90px);
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
	padding-left:20px;
	box-sizing:border-box;
	justify-content: flex-start;
	align-content:center;
	flex-direction: column;
}
.businessList a:hover p,
.businessList a:focus p {
	color:#b20000;
}
@media screen and (max-width:640px) {
	.businessList p {
		padding-left:15px;
	}
}
@media screen and (max-width:520px) {
	.businessList ul li {
		width:100%;
	}
}


/* ----- wordList ----- */
.wordList {
	width:100%;
	margin:0 auto;
}
.wordList ul {
	list-style:none;
}
.wordList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.wordList ul li a {
	position:relative;
	float:left;
    width:100%;
	padding:15px 0;
}
.wordList .photo {
	position:relative;
	float:left;
	width:180px;
	padding-bottom:120px;
	overflow:hidden;
	background:#000;
}
.wordList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.wordList a:hover .photo .img,
.wordList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.wordList .word {
	position:relative;
	float:right;
	width:calc(100% - 195px);
}
.wordList .word h3 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	line-height:155%;
	font-weight:bold;
	margin-top:5px;
}
.wordList .word p {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	margin-top:5px;
}
.wordList .word .bot {
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:30px;
	margin-top:10px;
}
.wordList .word .bot span {
	position:relative;
	float:right;
	font-weight:bold;
	padding-right:35px;
}
.wordList .word .bot span.v1 { color:#e5004f; }
.wordList .word .bot span.v2 { color:#85a621; }
.wordList .word .bot span.v3 { color:#ffaa33; }
.wordList .word .bot span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:0;
    width:30px;
    height:30px;
    margin-top:-15px;
	background:#000;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.wordList .word .bot span.v1:before { background:#e5004f; }
.wordList .word .bot span.v2:before { background:#85a621; }
.wordList .word .bot span.v3:before { background:#ffaa33; }
.wordList .word .bot span:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    width:20px;
    height:20px;
    margin-top:-10px;
	background:url(../images/wordList-icon.png) no-repeat 0 0;
	z-index:2;
}
.wordList .word .bot span.v1:after { background-position:0 0; }
.wordList .word .bot span.v2:after { background-position:0 -20px; }
.wordList .word .bot span.v3:after { background-position:0 -40px; }
.wordList ul li a:hover:after,
.wordList ul li a:focus:after {
	background-image:url(../images/wordList-icon-on.png);
}
.wordList a:hover .word  h3,
.wordList a:focus .word  h3{
	color:#b20000;
}
@media screen and (max-width:420px) {
	.wordList .photo {
		width:100%;
		padding-bottom:67%;
	}
	.wordList .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.wordList ul li a {
		padding:20px 0;
	}
	.wordList .word {
		min-height:120px;
		padding-bottom:35px;
		box-sizing:border-box;
	}
	.wordList .word .bot {
		position:absolute;
		bottom:0;
	}
}


/* ----- newsList ----- */
.newsList {
	width:100%;
	margin:0 auto;
}
.newsList ul {
	list-style:none;
}
.newsList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsList ul li a {
	position:relative;
	float:left;
    width:100%;
	padding:15px 0;
}
.newsList .photo {
	position:relative;
	float:left;
	width:180px;
	padding-bottom:120px;
	overflow:hidden;
	background:#000;
}
.newsList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.newsList a:hover .photo .img,
.newsList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.newsList .word {
	position:relative;
	float:right;
	width:calc(100% - 195px);
}
.newsList .word h3 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	margin-top:5px;
}
.newsList .word h3 span {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
	background:url(../images/itemList-icon.png) no-repeat 0 0;
	background-size:15px auto;
	margin-left:10px;
	z-index:2;
}
.newsList .word h3 span.icon_download { background-position:0 -15px; }
.newsList .word h3 span.icon_link { background-position:0 -30px; }
.newsList .word p {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	margin-top:5px;
}
.newsList .word p.eventsDate { padding-left:25px; background:url(../images/newsList-icon1.png) no-repeat 0 1px; }
.newsList .word p.eventsPlace { padding-left:25px; background:url(../images/newsList-icon2.png) no-repeat 0 1px; }
.newsList .word .bot {
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:30px;
	margin-top:10px;
}
.newsList a:hover .word  h3,
.newsList a:focus .word  h3{
	color:#b20000;
}
.newsList a:hover h3 span,
.newsList a:focus h3 span {
	background-image:url(../images/itemList-icon-on.png);
	background-size:15px auto;
}
@media screen and (max-width:420px) {
	.newsList .photo {
		width:100%;
		padding-bottom:67%;
	}
	.newsList .word {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.newsList ul li a {
		padding:20px 0;
	}
	.newsList .word {
		min-height:120px;
		padding-bottom:35px;
		box-sizing:border-box;
	}
	.newsList .word .bot {
		position:absolute;
		bottom:0;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding:15px 0;
	margin:0 auto;
	border-bottom:1px dashed #cccccc;
}
.postInfo ul {
	list-style:none;
}
.postInfo ul li {
	display:inline-block;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:125%;
	vertical-align:top;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #cccccc ;
}
.postInfo ul li:last-child {
	padding-right:0;
	border-right:none;
	margin-right:0;
}
@media screen and (max-width:420px) {
	.postInfo ul li {
		width:100%;
		padding-right:0;
		border-right:none;
		margin-right:0;
	}
}
@media screen and (min-width:991px) {
	.postInfo {
		padding:20px 0;
	}
}


/** listBox **/
.listBox {
	width:100%;
	margin:30px auto;
}
.listBox > p {
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
.listBox > p span {
	position:relative;
	padding:0 0 0 40px;
}
.listBox > p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin:-17.5px 0 0 0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.listBox > p.pen span:before { background-image:url(../images/icon-pen.svg); }
.listBox > p.note span:before { background-image:url(../images/icon-note.svg); }
@media screen and (min-width:991px) {	
	.listBox {
		margin-bottom:50px;
	}
}


/** tableBox **/
.tableBox {
	width:100%;
	margin:30px auto 0 auto;
}
.tableBox.tb2 {
	margin-top:0;
}
.tableBox table {
	width: 100%;	
	border: 1px solid #d1c0a5;
	border-collapse: collapse;
}
.tableBox table th {	
	width:120px;
	color:#6a3906;
	font-size:1.7em;
	line-height:165%;
	text-align: center;
	padding:15px;
	border: 1px solid #d1c0a5;
	background:#f2f0e6;	
	box-sizing:border-box;
}
.tableBox table td {
	width:calc(100% - 120px);
	color: #000;
	font-size:1.7em;
	line-height:165%;
	padding:15px;
	vertical-align:middle;
	word-break:break-all;
	border: 1px solid #d1c0a5;
	box-sizing:border-box;
}
.tableBox table td ul,
.tableBox table td ol {
	margin-left:1.5em;
}
.tableBox table.extTable {
	border: 1px solid #d1c0a5;
}
.tableBox table.extTable th {	
	color:#6a3906;
	border: 1px solid #d1c0a5;
	background:#f2f0e6;	
}
.tableBox table.extTable td {
	border: 1px solid #d1c0a5;
}
.tableBox table.awTable {
	border: 1px solid #d1a5a5;
}
.tableBox table.awTable th {	
	color:#000;
	border: 1px solid #d1a5a5;
	background:#f7ebeb;	
}
.tableBox table.awTable td {
	border: 1px solid #d1a5a5;
}
@media screen and (max-width: 420px) {
	.tableBox table tr {
		border-top:1px solid #d1c0a5;
	}
	.tableBox table th,
	.tableBox table.extTable th,
	.tableBox table.awTable th {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
	.tableBox table td,
	.tableBox table.extTable td,
	.tableBox table.awTable td {
		display:block;
		width: 100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width: 1200px) {
	.tableBox table th {
		width:140px;
	}
	.tableBox table td {
		width:calc(100% - 140px);
	}
}


/** pageWord **/
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:165%;
	margin:30px auto 0 auto;
}
.pageWord.note {
	margin:0 auto;
}
.pageWord p {
	margin:10px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
}


/** video-wrapper **/
.video-wrapper {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/** pic_two_columns **/
.pageWord > ul.pic_two_columns {
	margin:-10px;
	list-style:none;	
}
.pageWord > ul.pic_two_columns > li {
	display:inline-block;
	width:50%;
	text-align:center;
	padding:10px;
	margin:0;
	box-sizing:border-box;
	vertical-align:top;
}
.pageWord > ul.pic_two_columns > li figcaption {
	line-height:135%;
	margin-top:10px;
}
@media screen and (max-width: 420px) {
	.pageWord > ul.pic_two_columns > li {
		width:100%;
	}
}


/** pic_three_columns **/
ul.pic_three_columns {
	margin:-10px;
	list-style:none;	
}
ul.pic_three_columns > li {
	display:inline-block;
	width:33.33%;
	text-align:center;
	padding:10px;
	margin:0;
	box-sizing:border-box;
	vertical-align:top;
}
ul.pic_three_columns > li figcaption {
	line-height:135%;
	margin-top:10px;
}
@media screen and (max-width: 420px) {
	ul.pic_three_columns > li {
		width:100%;
	}
}


/** pic_left **/
.pic_left {
	float:left;
	width:40%;
	text-align:center;
	margin:0 20px 0 0;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_left {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_left {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	width:40%;
	text-align:center;
	margin:0 0 0 20px;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width: 640px) {
	.pic_right {
		width:45%;
	}
}
@media screen and (max-width: 420px) {
	.pic_right {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}


/** pic_logo **/
.pic_logo {
	border: 1px solid #CCC;
	box-sizing: border-box;
	display: flex;

}
@media screen and (min-width: 768px) {
	.pic_logo {
		float: right;
		padding: 20px;
		margin: 40px 20px;
	}
	.pic_logo img {
		/*position:absolute;
		left:50%;
		top:50%;
		margin:-140px 0 0 -140px;*/
	}
}


/** pic_stockholder **/
ul.pic_stockholder {
	margin:-10px;
	list-style:none;	
}
ul.pic_stockholder > li {
	display:inline-block;
	width:50%;
	text-align:center;
	padding:10px;
	margin:0;
	box-sizing:border-box;
	vertical-align:top;
}
ul.pic_stockholder > li .box {
	display:flex;
	width:100%;
	min-height:105px;
	padding:10px;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	border:1px solid #CCC;
	box-sizing:border-box;
}
ul.pic_stockholder > li img {
	max-height: 50px;
    max-width: 180px;
}
ul.pic_stockholder > li span {
	display:block;
	width:100%;
	text-align:center;
}
ul.pic_stockholder > li span.pic {
	display:flex;
	height: 50px;
	justify-content:center;
	align-items:center;
	margin-bottom:5px;
}
ul.pic_stockholder > li a {
	color:#000;
}
ul.pic_stockholder > li a:hover,
ul.pic_stockholder > li a:focus {	
	color:#B20000;
}
ul.pic_stockholder > li a:hover .box,
ul.pic_stockholder > li a:focus .box {	
	border-color:#B20000;
}
@media screen and (max-width: 420px) {
	ul.pic_stockholder > li {
		width:100%;
	}
}
@media screen and (min-width: 1200px) {
	ul.pic_stockholder > li {
		width:33.33%;
	}
	ul.pic_stockholder > li .box {
		min-height:105px;
	}
}


/** gallery **/
#gallery {
	width:100%;
	box-sizing:border-box;
	margin:20px auto 0 auto;
}
#gallery p {
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
#gallery p span {
	position:relative;
	padding:0 0 0 40px;
}
#gallery p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin:-17.5px 0 0 0;
	background:url(../images/icon-photo.svg) no-repeat 50% 50%;
	background-size:cover;
}
#gallery.ticket p span:before {
	background-image:url(../images/icon-ticket.svg);
}
#gallery ul {
	list-style:none;
	margin:-10px -10px 0 -10px;
}
#gallery ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#B20000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
}
#gallery figure .pic img {
	float:left;
	width:100%;
	height:auto;
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
@media screen and (max-width:420px) {
	#gallery ul li {
		width:100%;
	}
}
@media screen and (min-width:768px) {
	#gallery ul li {
		width:33.3333%;
	}
}
@media screen and (min-width:991px) {	
	#gallery {
		margin-top:40px;
	}
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot > p {
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:20px;
}
.pageBot > p span {
	position:relative;
	padding:0 0 0 40px;
}
.pageBot > p span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin:-17.5px 0 0 0;
	background:url(../images/icon-file.svg) no-repeat 50% 50%;
	background-size:cover;
}
@media screen and (min-width: 991px) {
	.pageBot {
		margin-top:40px;
	}
}


/* ----- lockNote ----- */
.lockNote {
	width:100%;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
	background:#a40000;
}
.lockNote.nt2 {
	background:#556fb5;
}
.lockNote div {
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	text-align:left;
	padding-left:70px;
	background:url(../images/lockNote-icon.png) no-repeat 0 50%;
	margin:0 auto;
}
.lockNote div a {
	color:#ffd400;
}
.lockNote div a:hover,
.lockNote div a:focus {
	color:#fff100;
}
.lockNote div a.btnLogin {
	display:inline-block;
	width:200px;
	color:#000;
	font-family:"微軟雅黑", "Microsoft YaHei";
	text-align:center;
	padding:5px 0;
	background:#ffd400;
	margin-top:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.lockNote div a.btnLogin:hover,
.lockNote div a.btnLogin:focus {
	background:#fff100;
}
.lockNote div a.btnLogin span {
	padding-left:30px;
	background:url(../images/icon-vendor.png) no-repeat 0 50%;
}
@media screen and (min-width: 991px) {
	.lockNote {
		padding:40px 20px;
	}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	list-style:none;
	box-sizing:border-box;
}
.dnLink li {
	float:left;
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin-bottom:-1px;
}
.dnLink li:last-child {
	margin:0;
}
.dnLink a {
	position:relative;
	float:left;
	width:100%;
}
.dnLink .box {
	position:relative;
	display: flex;
    height: 100%;
    justify-content: space-around;
	flex-wrap: wrap;
	padding:14px;
	box-sizing:border-box;
}
.dnLink a:hover .box,
.dnLink a:focus .box {
	background:#F4F4F4;
}
.dnLink .box .labe {
	display: flex;
    width:50px;
    height:50px;
	text-transform:uppercase;
    justify-content: center;
    align-items: center;
	background:#000;
}
.dnLink .box .labe.pdf {
	background:#a40000;
}
.dnLink .box .labe.odt,
.dnLink .box .labe.doc,
.dnLink .box .labe.docx {
	background:#0068b7;
}
.dnLink .box .labe.ods,
.dnLink .box .labe.xls,
.dnLink .box .labe.xlsx {
	background:#8ABF1C;
}
.dnLink .box .labe.odp,
.dnLink .box .labe.ppt,
.dnLink .box .labe.pptx{
	background:#F1662D;
}
.dnLink .box .labe.rar {
	background:#67005E;
}
.dnLink .box .labe.zip {
	background:#653F01;
}
.dnLink .box .labe span {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	padding-top:21px;
}
.dnLink .box .labe span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:18px;
	height:18px;
	margin:0 0 0 -9px;
	background: url(../images/icon-download.svg) no-repeat 50% 50%;
	background-size:cover;
}
.dnLink dl {
	display: flex;
	width: calc(100% - 60px);
    justify-content: flex-start;
    align-content: center;
	flex-wrap: wrap;
}
.dnLink dt {
	width:100%;
	color:#000;
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
	font-weight:bold;
	line-height:125%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#B20000;
}
.dnLink dd {
	width:100%;
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.dnLink dd span {
	position:relative;
	padding-left:10px;
	margin-right:15px;
	vertical-align:top;
}
.dnLink dd span:before {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#666;
}
@media screen and (max-width:480px) {	
	.dnLink dd {
		margin-top:0;
	}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}


/** page **/
#page{
	width:100%;		
	margin:20px auto 0 auto;
}	
#page .total {
	width:100%;
	color:#666;
	font-size:1.5em;
	text-align:center;
}
#page .total span{
	color:#000;
	font-weight:bold;
}
#page .num {
	width:100%;
	text-align:center;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0;
	font-weight:bold;
	vertical-align:middle;
	margin:0 15px;
}
#page .num .cur{	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:40px;
	vertical-align:middle;
	cursor:text;
	margin:0 15px;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 15px 0 0;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:14px;
	margin:-7px 0 0 -5px;
	background:#999;
	z-index:2;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #999;
	border-bottom:2px solid #999;
	margin:-5px 0 0 1px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 15px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #999;
	border-bottom:2px solid #999;
	margin:-5px 0 0 -2px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 0 0 15px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	margin:-5px -2px 0 0 ;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:0 0 0 15px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:2px;
	height:14px;
	margin:-7px -5px 0 0 ;
	background:#999;
	z-index:2;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	margin:-5px 1px 0 0;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus {
	border-color:#eb6100;
}
#page .num a.btn-first:hover:before,
#page .num a.btn-first:focus:before,
#page .num a.btn-last:hover:before,
#page .num a.btn-last:focus:before {
	background:#eb6100;
}
#page .num a.btn-first:hover:after,
#page .num a.btn-first:focus:after,
#page .num a.btn-prev:hover:after,
#page .num a.btn-prev:focus:after,
#page .num a.btn-next:hover:after,
#page .num a.btn-next:focus:after,
#page .num a.btn-last:hover:after,
#page .num a.btn-last:focus:after {
	border-color:#eb6100;
}
@media screen and (min-width:991px) {
	#page {
		margin-top:40px;
	}
	#page .num {
		margin-top:35px;
	}
	#page .num a {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		line-height:40px;
		background:#eeeeee;
		margin:0 3px;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#eb6100;
	}
	#page .num .cur {
		display:inline-block;
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;		
		line-height:40px;
		background:#d94800;
		margin:0 3px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:0;
		background:none;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		margin:0 3px;
	}
}
@media screen and (min-width:1200px) {
	#page .num a {
		margin:0 5px;
	}
	#page .num .cur {
		margin:0 5px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		margin:0 5px;
	}	
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:29px;
	margin:0 auto;
}
#pageBack a:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:29px;
	height:29px;
	background:#000;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
#pageBack a span {
	position:relative;
	padding:0 35px 0 0;
}
#pageBack a span:before {
	content:"";
	display:block;
	position:absolute;
	top:4px;
	right:17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index:2;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	right:6px;
	width:12px;
	height:14px;
	border:4px solid #FFF;
	border-left:none;
	box-sizing:border-box;
    -webkit-border-radius:0 50px 50px 0;
       -moz-border-radius:0 50px 50px 0;
            border-radius:0 50px 50px 0;
	z-index:2;
}
#pageBack a:hover,
#pageBack a:focus {	
	color:#B20000;
}
#pageBack a:hover:before,
#pageBack a:focus:before {	
	background:#B20000;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:40px;
	}	
}


/* ----- mbIntro ----- */
.mbIntro {
	width:100%;
	margin:30px auto 0 auto;
}
.mbIntro p {
	font-size:1.9em;
	line-height:165%;
	font-weight:bold;
	margin:20px 0;
}
.mbIntro .spNote {
	color:#ff0000;
}
.mbIntro .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	background:#DB0010;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
@media screen and (min-width:991px) {
	.mbIntro {
		margin-top:50px;
	}
}


/** contactWord **/
.contactWord {
	position:relative;
	width:100%;
	font-size:1.7em;
	line-height:165%;
	margin:20px auto 0 auto;
}
.contactWord p {
	margin:10px 0;
}
.contactWord .spNote {
	color:#ff0000;
}
.contactWord .spNote em {
 	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	background:#ff0000;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactWord .stit {
	border-top:1px dashed #CCC;
	margin:20px 0;
	color: #cc0000;
	font-size:1.3rem;
	font-weight:bold;
	padding:20px 0 0 0;
}
.contactWord > ol,
.contactWord > ul {
	margin:10px 0;
	margin-left:1.5em;
}
.contactWord > ol > li,
.contactWord > ul > li {
	margin:10px 0;
}
.contactWord li ol,
.contactWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.contactWord li ol li,
.contactWord li ul li {
	list-style:square;
	margin:10px 0;
}
.contactWord h3.sendok {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#008FBF;
	font-size:1.9rem;
	margin:0 0 20px 0;
}
.contactWord h3.sendok span {
	position:relative;
	display:inline-block;
	color:#bb003b;
	background:none;
	padding:10px 0 10px 60px;
}
.contactWord h3.sendok span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;	
	width:50px;
	height:50px;
	background:#bb003b url(../images/icon-mail.png) 50% 50%;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}


/* ----- spCheck ----- */
.spCheck {
	position:relative;
	float:left;
    width:100%;
	font-size:1.9em;
	font-weight:bold;
	text-align:center;
	line-height:130%;
	margin-top:20px;
	z-index:2;
}
.spCheck .checkCont {
	position:relative;
	float:left;
	width:100%;
	padding:28px 0;
    cursor:pointer;
}
.spCheck .checkbox {
    position:absolute;
    top:0;
    left:0;
	width:100%;
    height:100%;
	cursor:pointer;
	background:rgba(164,0,0,.1);	
	z-index:-1;
}
.spCheck .checkbox.hover {
	background:#f2eadf;
}
.spCheck .checkbox.focus {
	background:#f2eadf;
	outline:dotted 1px;
}
.spCheck .checkbox.checked {
	color:#FFF;
	background:rgba(164,0,0,1);
}
.spCheck .checkbox.checked.focus {
	outline:dotted 1px;
}
.spCheck span {
	position:relative;
	color:#a40000;
	padding:0 0 0 30px;
	z-index:2;
}
.spCheck span:after {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;    
    padding:0;
    width:22px;
    height:22px;
    background:#FFF;
	margin:-11px 0 0 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
}
.spCheck span:before {
	content:"";
	position:absolute;
    display:none;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #000;
    border-bottom:4px solid #000;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.spCheck .checkbox ~ span {
	color:#a40000;	
}
.spCheck .checkbox.hover ~ span:after,
.spCheck .checkbox.focus ~ span:after {
	background:rgba(255,255,255,.7);
}
.spCheck .checkbox.checked ~ span {
	color:#FFF;	
}
.spCheck .checkbox.checked ~ span:after {
	background:#FFF;
}
.spCheck .checkbox.checked ~ span:before {
    display:block;
}
@media screen and (max-width:500px) {
	.spCheck {
		text-align:left;
	}
	.spCheck .checkCont {
		padding:20px;
		box-sizing:border-box;
	}
	.spCheck span {
		display:block;
	}
}


/* ---------- contactForm ---------- */ 
.contactForm {
	width:100%;
	border-top:1px dashed #CCC;
	margin:20px auto 0 auto;
}
.contactForm.logbx {
	padding-top:10px;
	margin-bottom:-25px;
}
.contactForm .Tit {
	float:left;
	width:100%;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#FFF;
    font-size:1.9em;
    font-weight:bold;
	text-align:center;
	padding:18px 10px;
	box-sizing:border-box;
	background:#59493f;
	margin-top:40px;
}
.contactForm .CaseNo {
	float:left;
	width:100%;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#59493f;
    font-size:1.9em;
    font-weight:bold;
	padding:18px 10px;
	box-sizing:border-box;
	background:#f3f2f1;
	border-bottom:1px dotted #59493f;
}
.contactForm .CaseNo span {
	padding-left:30px;
	background:url(../images/CaseNo-icon.png) no-repeat 0 0;
}
.contactForm .box {
	float:left;
	width:100%;
	padding:10px 0;
}
.contactForm .addBtn {
	float:left;
	width:100%;
	text-align:center;
	border-top:1px solid #59493f;
}
.contactForm .btnAdd {
	display:inline-block;
	position:relative;	
	width:150px;
	height:50px;	
	color:#FFF;
	font-family:"微軟正黑體", Microsoft JhengHei;
	font-size:1.7em;
	font-weight:bold;
	background:#a40035;
	border:none;
	cursor:pointer;
	vertical-align:top;
	margin-top:25px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;	
}
.contactForm .btnAdd span em {
	position:relative;
	display:inline-block;
	width:21px;
	height:21px;
	background:#FFF;
	vertical-align:top;
	margin-left:10px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
.contactForm .btnAdd span em:before {
	content:"";
	position:absolute;
	display:block;
	width:13px;
	height:3px;
	top:0px;
	right:0px;
	margin:9px 4px 0 0;
	background-color:#a40035;
}
.contactForm .btnAdd span em:after {
	content:"";
	position:absolute;
	display:block;
	width:3px;
	height:13px;
	top:0px;
	right:0px;
	margin:4px 9px 0 0;
	background-color:#a40035;
}
.contactForm .btnAdd:hover,
.contactForm .btnAdd:focus {
	background:#eb6100;
}
.contactForm .btnAdd:hover span em:before,
.contactForm .btnAdd:focus span em:before,
.contactForm .btnAdd:hover span em:after,
.contactForm .btnAdd:focus span em:after {
	background:#eb6100;
}
@media screen and (max-width:620px) {
	.contactForm {
		padding-top:20px;
	}
}


/* ---------- form-list ---------- */ 
.form-list {
	display:inline-block;
	width:100%;
	margin:10px auto;
}
.form-list.fcap {
	padding-top:20px;
	border-top: 1px dashed #CCC;
	margin-top:40px;
	margin-bottom:-15px;
}
.form-list .formLabel {
	float:left;
	width:140px;
	color:#000;
    font-size:1.7em;
    font-weight:bold;
	line-height:50px;
	overflow:hidden;
}
.form-list.flt1 .formLabel {
	width:100%;
}
.form-list .formLabel span {
	position:relative;
	padding:0 0 0 25px;
	word-break:keep-all;
	box-sizing:border-box;
}
.form-list .formLabel span:before {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:4.5px;
	width:7px;
	height:7px;
	font-size:0;
	background:#000;
	margin:-3.5px 0 0 0;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.form-list.required .formLabel span:before {
	display:none;
}
.form-list .formLabel span.wd2 {
	letter-spacing:2em;
}
.form-list .formLabel span.wd3 {
	letter-spacing:0.5em;
}
.form-list .formLabel span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	font-size:0;
	background:#ff0000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.form-list .formBox {
	float:left;
	width:calc(100% - 140px);
}
.form-list.flt1 .formBox {
	width:100%;
}
.form-list .checknote {
	width:100%;
	padding:20px;
	box-sizing:border-box;
    border:1px solid #e5e5e5;
	background:#f7f7f7;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .checknote ul {
	list-style:none;
	margin:-5px;
}
.form-list .checknote ul li {
	display:inline-block;
	width:33.33%;
	padding:5px;
	box-sizing:border-box;
}
.form-list .checkCont {
	position:relative;
	float:left;
	font-size:1.7em;
	line-height:25px;
	padding-left:30px;
	margin:0 15px 0 0 ;
	cursor:pointer;
}
.form-list input[type=checkbox] {
	margin-left:5px;
}
.form-list .formInput {
	float:left;
	width:100%;
	height:50px;
    padding:0 10px;
    font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:1.7em;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #e5e5e5;
	background:#f7f7f7;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formInput: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);
}
.form-list .w2 {
	width:80px;
	margin-left:10px;
}
.form-list .listBar {
	float:left;
	width:100%;
	height:50px;
	font-family:"微軟正黑體", Helvetica, sans-serif;
	font-size:1.7em;
    line-height:50px; 
	vertical-align:top;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #e5e5e5;
	padding:0 10px;
	background:#f7f7f7 url(../images/select-bg.png) no-repeat right;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
}
.form-list .listBar:focus {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
    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);	
}
.form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
	border:none;
}
.form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.form-list .radionote {
	display:inline-block;
	vertical-align:top;
	margin:14px 0 14px 15px;
}
.form-list .radioCont {
	position:relative;
	float:left;
	font-size:1.7em;
	padding-left:30px;
	margin:0 15px 0 0;
	cursor:pointer;
}
.form-list input[type=radio] {
	margin-left:5px;
}
.form-list .formRadio {
	content:"";
	display:block;
    position:absolute;
    top:50%;
    left:0;
    height:23px;
    width:23px;
    margin:-11.5px 0 0 0;
    background:#FFF;
	border:1px solid #e5e5e5;
	cursor:pointer;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.form-list .formRadio.focus {
	outline:dotted 1px;
}
.form-list .formRadio.checked {
	background:#FFF;
	border:1px solid #e5e5e5;
}
.form-list .formRadio.checked.hover {
	background:#FFF;
}
.form-list .formRadio.checked:after {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:0;
	width:15px;
	height:15px;
	background:#000;
	margin:-7.5px 0 0 4px;
	z-index:2;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
.form-list .formCheck {
	content:"";
	display:block;
    position:absolute;
    top:50%;
    left:0;
    height:23px;
    width:23px;
    margin:-11.5px 0 0 0;
    background:#FFF;
	border:1px solid #e5e5e5;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formCheck.focus {
	outline:dotted 1px;
}
.form-list .formCheck.checked {
	background:#FFF;
	border:1px solid #e5e5e5;
}
.form-list .formCheck.checked.hover {
	background:#FFF;
}
.form-list .formCheck.checked:after {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #000;
    border-bottom:4px solid #000;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.form-list .note {
	float:left;
	width:100%;
	color:#ff0000;
	font-size:1.7em;
	font-weight:bold;
	line-height:130%;
	vertical-align:top;
}
.form-list input[type="file"] {
    display: none;
}
.form-list .fileBtn {
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:150px;
	height:50px;
	font-size:1.7em;
	line-height:50px;
	text-align:center;
	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;
}
.form-list .fileBtn:hover {
	background:#eb6100;
}
.form-list .fileList {
	clear:both;
	width:100%;
}
.form-list .fileList ul {
	margin:10px 0;
}
.form-list .fileList ul li {
	font-size:1rem;
	margin:5px 0 5px 1.5em;
}
.form-list .fileList ul li span {
	color:#666;
	font-size:0.95rem;
	margin-left:5px;
}
.form-list .fileList ul li .btnDelet {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
    padding:5px 10px;
    background:#B50808;
	margin:5px 0 5px 10px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.form-list .fileList ul li .btnDelet:hover,
.form-list .fileList ul li .btnDelet:focus {
    background:#eb6100;
}
.form-list .captchaImg {
	float:left;
	margin-top:4px;
}
.form-list .btnVoice,
.form-list .btnReload {
	float:left;
	position:relative;
	color:#FFF;
	font-size:0;
	width:42px;
	height:42px;	
	background:#757575;
	vertical-align:middle;
	margin-top:4px;
	margin-left:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.form-list .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
	width:42px;
	height:42px;   
    background:url(../images/btnVoice-icon.png) 50% 50% no-repeat;
}
.form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
	width:42px;
	height:42px;    
    background:url(../images/btnReload-icon.png) 50% 50% no-repeat;
}
.form-list .btnVoice:hover,
.form-list .btnVoice:focus,
.form-list .btnReload:hover,
.form-list .btnReload:focus {
	background:#eb6100;
}
@media screen and (max-width:620px) {
	.form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:10px;
	}
	.form-list .checknote ul li {
		width:50%;
	}
	.form-list .formBox {
		width:100%;
	}
}
@media screen and (max-width:480px) {
	.form-list .w1 {
		width:100%;
	}
	.form-list .note.n1 {
		width:100%;
		margin-left:0;
	}
	.form-list .radionote {
		margin-left:0;
	}
}
@media screen and (min-width:769px) and (max-width:990px) {
	.form-list.flt2 {
		width:50%;
		padding-right:10px;
		box-sizing:border-box;
	}
	.form-list.flt3 {
		width:50%;
		padding-left:10px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:1200px) {
	.form-list.flt2 {
		width:50%;
		padding-right:20px;
		box-sizing:border-box;
	}
	.form-list.flt3 {
		width:50%;
		padding-left:20px;
		box-sizing:border-box;
	}
	.form-list .checknote ul {
		margin:-5px 0;
	}
	.form-list .checknote ul li {
		width:20%;
		padding:5px 0;
	}
}



/* ----- mapInfo ----- */
.mapInfo {
	width:100%;
	margin:30px auto 0 auto;
}
.mapInfo .tit {
	position:relative;
	color:#000;
	font-size: 1.9em;
    line-height: 165%;
    text-align: justify;
    font-weight: bold;
	padding-left:65px;
	box-sizing:border-box;
	margin:30px auto;
}
.mapInfo .tit:before {
	content:"";
	display:block;
	position:absolute;
	top:-12px;
	left:0;
	width:55px;
	height:55px;
	background: url(../images/mapInfo-icon.svg) 50% 50% no-repeat;
	background-size:auto 100%;
	z-index:2;
}
.mapInfo dl {
	padding:25px;
	box-sizing:border-box;
	background:rgba(242,236,230,.5);
}
.mapInfo dl dt {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:15px;
}
.mapInfo dl dd {
	color:#000;
	font-size:1.9em;
	padding:15px 0;
	border-bottom:1px dashed #CCC;
}
.mapInfo dl dd:nth-child(2) {
	border-top:1px solid #000;
}
.mapInfo dl dd:last-child {
	padding-bottom:0;
	border-bottom:none;
}
.mapInfo iframe {
	margin-top:15px;
}
@media screen and (min-width:991px) {
	.mapInfo {
		margin-top:50px;
	}
}


/** loginBox **/
#loginBox {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	left:0;
	top:0;
	z-index:999;
}
#loginBox .flexWap {	
	display: flex;
    align-items:center;
	width:100%;
	height:100%;
}
#loginBox .sbox {
	position:relative;
	display:block;
	width:90%;
	padding:25px 20px;
	background:#FFF;
	border:5px solid #d9534f;
	margin: 0 auto;
	box-sizing:border-box;    
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.5);
            box-shadow: 0 0 7px rgba(0,0,0,.5);
}
#loginBox .sbox .infoWord {
	width:100%;
	box-sizing:border-box;
}
#loginBox .sbox .infoWord h3 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.5em;
	font-weight:bold;
	margin-bottom:10px;
}
#loginBox .sbox .infoWord p {
	font-size: 1.5em;
    line-height: 145%;
}
#loginBox .sbox .formBtn {
	padding-top:20px;
}
#loginBox .btnClose {
	position:absolute;
	top:10px;
	right:10px;
}
#loginBox .btnClose a {	
	display:block;
	width:40px;
	height:40px;
	font-size:0;
	border:1px solid #d9534f;
}
#loginBox .btnClose a span {
	position:relative;
	float:left;
	margin:19px 0 0 8px;
}
#loginBox .btnClose a span::before,
#loginBox .btnClose a span::after {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:2px;
	width:24px;
	border:none;
	background:#d9534f;
}
#loginBox .btnClose a span::before {
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
#loginBox .btnClose a span::after {
	 -webkit-transform:rotate(45deg);
		 -ms-transform:rotate(45deg);
			 transform:rotate(45deg);
}
#loginBox .btnClose a:hover span {
	 -webkit-transform:rotate(360deg);
		 -ms-transform:rotate(360deg);
			 transform:rotate(360deg);
}
#loginBox .btnClose a:hover,
#loginBox .btnClose a:focus {
	background:#d9534f;
}
#loginBox .btnClose a:hover span::before,
#loginBox .btnClose a:focus span::before,
#loginBox .btnClose a:hover span::after,
#loginBox .btnClose a:focus span::after {
	background:#FFF;
}
@media screen and (max-width:767px) {
	#loginBox .sbox .infoWord h3 {
		position:relative;
		padding-left:30px;
	}
	#loginBox .sbox .infoWord h3:before {
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:25px;
		height:25px;
		background:url(../images/infoWord-icon.png) no-repeat 0 0;
		background-size:100% auto;
		z-index:2;
	}
}
@media screen and (min-width:768px) {
	#loginBox .sbox {
		padding:40px;
	}
	#loginBox .sbox .infoWord {
		position:relative;
		padding-left:80px;
	}
	#loginBox .sbox .infoWord:before {
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:75px;
		height:75px;
		background:url(../images/infoWord-icon.png) no-repeat 0 0;
		background-size:100% auto;
		z-index:2;
	}
	#loginBox .btnClose {
		top:20px;
		right:20px;
	}
}
@media screen and (min-width:991px) {
	#loginBox .sbox {
		width:700px;
	}
}


/** searchBox **/
.searchBox {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
}
.searchBox .box {
	position:relative;
	display:inline-block;
	width:80%;
	margin:0 10%;
}
.searchBox .search-txt {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	width:100%;
	height:50px;
	color:#000;
	font-size:1.9em;
	padding:0 50px 0 15px;
	margin:0;
	border:2px solid #000;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.searchBox .search-txt:focus {
    color:#e54d00;
	border:2px solid #e54d00;	
    outline:0;
}
.searchBox .search-btn {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	padding:0;
	margin:0;
	font-size:0;
	border:none;
	cursor:pointer;
	background:none;
}
.searchBox .search-btn span {	
	float:left;
	width:100%;
	height:100%;
}
.searchBox .search-btn span em {
	position:relative;
	float:left;
	margin:13px 0 0 16px;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.searchBox .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:-4px;
	top:-2px;
	height:23px;
	width:23px;
	border:4px solid #000;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
}
.searchBox .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:13px;
	top:18px;
	width:9px;
	height:4px;	
	background:#000;
	-webkit-transition:-webkit-transform .2s;
	        transition:transform .2s;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.searchBox .search-btn:hover span em::before,
.searchBox .search-btn:focus span em::before {
	border-color:#e54d00;
}
.searchBox .search-btn:hover span em::after,
.searchBox .search-btn:focus span em::after {
	background:#e54d00;
}
.searchShow {
	float:left;
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
}
@media screen and (max-width:480px) {
	.searchBox {
		margin-top:10px;
	}
	.searchBox .box {
		width:100%;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	.searchBox {
		margin:0 auto;
	}
	.searchBox .box {
		width:50%;
		margin:0 25%;
	}
}


/** Sitemap **/
#sitemap {
	width:100%;
	margin:30px auto 0 auto;
}
#sitemap .info {
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:170%;	
}
#sitemap .info p {
	margin:15px 0;
}
#sitemap .info ul {
	list-style-type:none; 
	margin:10px 0; 
	padding:0px;
}
#sitemap .info ul li { 
	margin:10px 0 10px 1.5em;
}
#sitemap .sitemapList {
	width:100%;
	margin:0 auto;
}
#sitemap .sitemapList > ul {
	list-style:none;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;	
}
#sitemap .sitemapList > ul > li > a {
	position:relative;
	display:block;
	color:#FFF;
	font-size:1.9em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px 15px 40px;
	background:#59493f;
}
#sitemap .sitemapList > ul > li > a:before {
    content: "";
    display: block;
    position: absolute;
    left:12px;
	top: 17px;
    width: 21px;
    height: 21px;
    z-index:1;
	background:#FFF;
    -webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
}
#sitemap .sitemapList > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
	top: 50%;    
    width: 7px;
    height: 7px;
    border-top: 2px solid #59493f;
    border-right: 2px solid #59493f;
    margin: -4px 0 0 6px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#bf2626;
}
#sitemap .sitemapList > ul > li > a:hover:after,
#sitemap .sitemapList > ul > li > a:focus:after {
	border-color:#bf2626;
}
#sitemap .sitemapList > ul > li ul {
	width:100%;
	list-style:none;
}
#sitemap .sitemapList > ul > li li {
	color:#000;
	font-size:1.7em;
	line-height:130%;
	margin:0;
	padding:10px 0;
	border-bottom:1px dashed #CCC;
}
#sitemap .sitemapList > ul > li li:last-child {
	border-bottom:none;
}
#sitemap .sitemapList > ul > li li a {
	position:relative;
	display:block;
	color:#000;
	padding:0 0 0 40px;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;
}
#sitemap .sitemapList > ul > li li a:hover {
	color: #bf2626;
	-webkit-transform:translate3d(3px, 0, 0);
	        transform:translate3d(3px, 0, 0);
}
#sitemap .sitemapList > ul > li li a:before{
	position:absolute;
	top:10px;
	left:19px;
	content:"";
	float:left;
	width:8px;
	height:1px;
	background-color:#000;
}
#sitemap .sitemapList > ul > li li a:after{
	position:absolute;
	top:8px;
    left:21px;
    content: "";
    width: 4px;
    height: 4px;
	float:left;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#sitemap .sitemapList > ul > li li a:hover:after{
	border-color:#bf2626;
}
#sitemap .sitemapList > ul > li li a:hover:before{
	background-color:#bf2626;
}
@media screen and (max-width:480px) {
	#sitemap .sitemapList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {
		width:33.3%;
	}
}
@media screen and (min-width:991px) {	
	#sitemap .sitemapList {
		margin-top:20px;
	}
}


@media print {
	#page .num {
		margin-top:35px;
	}
	#page .num a {
		display: inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		line-height:40px;
		background:#eeeeee;
		margin:0 3px;
	}
	#page .num .cur {
		width:40px;
		height:40px;
		color:#FFF;
		font-size:1.5em;		
		line-height:40px;
		background:#d94800;
		margin:0 3px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		font-size:0;
		margin:0 3px;
		background:#FFF;
	}
}