@charset "utf-8";

/** errorWrap **/
#errorWrap {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#errorWrap{
		display:flex;		
		align-items:center;
		height:100%;
	}
}


/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin:0 auto;
}
#errorPage .logo{
    display:block;
    width:292px;
    height:56px;
    background:url(../images/logo-sp.png) no-repeat 0 50%;
    background-size:auto 56px;
	margin:20px auto;
}
#errorPage .errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
	background:#00a6dc; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #00a6dc 0%, #00bfbf 50%, #00a6dc 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #00a6dc 0%,#00bfbf 50%,#00a6dc 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #00a6dc 0%,#00bfbf 50%,#00a6dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6dc', endColorstr='#00a6dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size:cover;
}
#errorPage .errorBox h2 {
    color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:5.9em;
	margin:10px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox h3 {
	color:#FFF;
	font-size:2.7em;
	margin:10px 0 25px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p {
	color:#FFF;
	font-size:2.3em;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p.eng {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
}
#errorPage .errorBtn {
	width:100%;
	text-align:center;
    margin:2rem auto 1rem auto;
}
#errorPage .errorBtn a {
	display:inline-block;
	width:calc(50% - 10px);
	max-width:160px;
    color:#000;
    font-size:1.7em;
	padding:10px 0;
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:0 5px;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#000;
}
#errorPage .wd {
	text-align:center;
	margin-top:1rem;
}
#errorPage .wd dl.org {
	position:relative;
	display:inline-block;
}
#errorPage .wd dl.org dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:155%;
	margin-bottom:5px;
}
#errorPage .wd dl.org dd {
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:155%;
	margin-top:3px;
}
#errorPage .wd dl.org dd.copy {
	font-size:1.3em;
	font-weight:normal;
	margin-top:10px;
}
@media screen and (max-width:480px) {
	#errorPage .logo {
		width:200px;
		height:38px;
		background-size:auto 38px;
	} 
	#errorPage .errorBox {	
		padding:50px 20px;
	}
	#errorPage .errorBox h2 {
		font-size:3.9em;
	}
	#errorPage .errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo{
		margin:30px auto;
	}
	#errorPage .errorBox {	
		padding:60px 25%;
	}
	#errorPage .errorBtn a {
		font-size:1.9em;
	}
	#errorPage .wd dl.org dt {
		font-size:2.1em;
	}
	#errorPage .wd dl.org dd {
		font-size:1.7em;
	}
	#errorPage .wd dl.org dd.copy {
		font-size:1.5em;
	}	
}


/** comMain **/
#comMain {
	width:100%;
	height:210px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#addadd;
	background-position:50% 50%;	
	background-size:cover;
}
#comMain.cm  { background-image:url(../images/com_main.jpg); }
#comMain.cm1 { background-image:url(../images/com_main1.jpg); }
#comMain.cm2 { background-image:url(../images/com_main2.jpg); }
#comMain.cm3 { background-image:url(../images/com_main3.jpg); }
#comMain.cm4 { background-image:url(../images/com_main4.jpg); }
#comMain.cm5 { background-image:url(../images/com_main5.jpg); }
#comMain .container {
	display:flex;
	width:100%;
	height:100%;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#comMain .title{
	font-family: "Noto Sans TC";
	font-weight: bold;
	color: #FFF;
	font-size:3em;
	margin-top:60px;
}
#comMain .title.tech,
#comMain .title.argi{
	margin-top:-38px;	
}
#comMain .title.tech{	
	margin-left: 80px;
}
#comMain .title.argi{
	margin-left: 40px;
}
#comMain .title h2 {
	color: #fcee21;
	margin-bottom:10px;
}		
#comMain .title p,
#comMain .title strong {
	font-size:130%;
}
#comMain .title strong {
	margin-top:35px;
}
@media screen and (max-width:480px) {
	#comMain {
		height:125px;
	}
	#comMain .title{
		font-size:1.9em;							
	}
	#comMain .title.tech,
	#comMain .title.argi{
		margin-left: 70px;		
		margin-top:-20px;
	}	
	#comMain .title h2 {
		margin-bottom:5px;
	}	
}
@media screen and (min-width:991px) {
	#comMain {
		height:420px;
	}
	#comMain .title{
		font-size:5em;
		margin-top:90px;						
	}
	#comMain .title.tech,
	#comMain .title.argi{
		margin-top:-82px;
	}	
	#comMain .title.argi{
		margin-left: 0;
	}	
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;
	padding:30px 0 40px 0;
	margin:0 auto;
    box-sizing:border-box;
}
#comPage.producerPage {
	padding:20px 0 40px 0;
}
@media screen and (min-width:991px) {
	#comPage {
		padding:40px 0 50px 0;
	}
	#comPage.producerPage {
		padding:0 0 50px 0;	
	}		
}
@media screen and (min-width:1200px) {
	#comPage {
		padding:50px 0 60px 0;
	}	
}


/** breadcrumbs **/
#breadcrumbs {
	width:100%;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}
#breadcrumbs > ul {
	list-style:none;
}
#breadcrumbs > ul li {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	line-height:135%;
	padding-left:30px;
}
#breadcrumbs > ul li:first-child {
	padding-left:0;
}
#breadcrumbs > ul li:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:8px;
    top:50%;
    width:7px;
    height:7px;
    border-left:1px solid #000;
    border-bottom:1px solid #000;
	margin-top:-3px;
    z-index:2;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#breadcrumbs > ul li:first-child:before{
	display:none;
}
#breadcrumbs > ul li a {
	position:relative;
	display:block;
	color:#000;
}
#breadcrumbs > ul li a:hover,
#breadcrumbs > ul li a:focus {
	color:#d64000;
}
#breadcrumbs > ul li a.bread-home {
	position:relative;
	padding-left:27px;
}
#breadcrumbs > ul li a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:20px;
	height:20px;
	margin-top:-11px;
	background:url(../images/icon-home-b.svg) 50% 50% no-repeat;
	background-size:cover;
}
#breadcrumbs > ul li a.bread-home:hover:before,
#breadcrumbs > ul li a.bread-home:focus:before {
	background-image:url(../images/icon-home-b-on.svg);
}
	#breadcrumbs.antiWhite > ul li {
		color:#fff;
	}
	#breadcrumbs.antiWhite > ul li:before{
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	#breadcrumbs.antiWhite > ul li a {
		color:#fff;
	}
	#breadcrumbs.antiWhite > ul li a:hover,
	#breadcrumbs.antiWhite > ul li a:focus {
		color:#fcee21;
	}
	#breadcrumbs.antiWhite > ul li a.bread-home:before {
		background:url(../images/icon-home-w.svg) 50% 50% no-repeat;
	}	
	#breadcrumbs.antiWhite > ul li a.bread-home:hover:before,
	#breadcrumbs.antiWhite > ul li a.bread-home:focus:before {
		background-image:url(../images/icon-home-w-on.svg);
	}		
@media screen and (max-width:767px) {
	#breadcrumbs{
		flex-direction:column-reverse;
		flex-wrap:wrap;
		align-items:flex-start;
	}
	#breadcrumbs > ul li {
		padding-left:20px;
	}	
	#breadcrumbs > ul li:before{
		left:3px;
	}	
}
@media screen and (min-width:991px) {
	#breadcrumbs > ul li {
		font-size:1.5em;
	}
}


/**/
.postShare{
	display:flex;
	align-items:center;
}
.printBtn {
    width:45px;
    height:45px;
    color:#FFF;
    font-size:0;
    line-height:45px;
    margin:0 0 0 5px; 
    box-sizing:border-box;
    display:block;
    border-radius:0;
    border:none;
    box-sizing:border-box;
	background-image:linear-gradient(to right, #00b2cf 0%, #00a6db 100%);
}
.printBtn::before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:url(../images/icon-print.svg) no-repeat 50% 50%;
	background-size:90% auto;
}
@media screen and (max-width:767px) {
	.printBtn{
		background-image:none;
		background-color:#898989;
	}
	.postShare{
		width:100%;
		margin-bottom:15px;
		justify-content:flex-end;
	}
}
@media screen and (min-width:1200px) {
	.printBtn{
		width:50px;
		height:50px;
		line-height:50px;
	}
	.printBtn::before {
		background-size:cover;
	}
}


/* ----- postshareBtn ----- */
.postshareBtn {
	position:relative;
	width:45px;
}
.postshareBtn > a {
	position:relative;
	float:left;
	width:45px;
	height:45px;
	overflow:hidden;
	background-image:linear-gradient(to right, #00bfc0 0%, #00b4cc 100%);
}
.postshareBtn > a span {
	position:relative;
	display:block;
	color:#FFF;
	text-align:center;
	width:100%;
	height:100%;
	margin:0;
	background:url(../images/postshare.svg) 50% 50% no-repeat;
	background-size:90% auto;
}
.postshareBtn > a.show,
.postshareBtn > a:focus {
	background-color:#f28d00;
}
.postshareBtn .postshareMenu {
	display:none;
	position:absolute;
	top:50px;
	right:0;
	list-style:none;
	z-index:1;
}
.postshareBtn .postshareMenu li {display:block;}
.postshareBtn .postshareMenu li + li{margin-top:5px;}
.postshareBtn .postshareMenu a {
	position:relative;
	display:block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-999px;
	overflow:hidden;
}
.postshareBtn .postshareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:45px;
	height:45px;
	margin:-22.5px 0 0 -22.5px;
	background-size:100% auto;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.postshareBtn .postshareMenu a.icon-fb {
	background-color:rgba(59,89,152,1);
}
.postshareBtn .postshareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.postshareBtn .postshareMenu a.icon-twitter {
	background-color:rgba(0,172,237,1);
}
.postshareBtn .postshareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter.svg);
}
.postshareBtn .postshareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.postshareBtn .postshareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.postshareBtn .postshareMenu a:hover:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (max-width:767px) {
	.postshareBtn{ width:auto;}
	.postshareBtn .postshareMenu{
		display:flex !important;
		align-items:center;
		position:relative;
		top:auto;
		left:auto;
	}
	.postshareBtn > a { display:none;}
	.postshareBtn .postshareMenu li + li{ margin-top:0; margin-left:5px;}
}
@media screen and (min-width:1200px) {
	.postshareBtn {
		width:50px;
	}
	.postshareBtn > a {
		width:50px;
		height:50px;
	}
	.postshareBtn > a span {
		background-size:cover;
	}
	.postshareBtn .postshareMenu {
		top:55px;
	}
	.postshareBtn .postshareMenu a {
		width:50px;
		height:50px;
	}	
}


/** asideNav **/
#asideNav {
	position:relative;
	width:100%;
	background:#e6e6e6;
	box-sizing:border-box;
	padding:15px 0;
}

/** asideTitle **/
#asideTitle {
	position:relative;
	width:100%;
}
#asideTitle .sideNav {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
}
#asideTitle h2 {
	width:100%;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.5em;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
	padding:10px 0 15px 0;
	z-index:1;
}
#asideTitle h2.open {
	color:#FFF;
	background:#0f87b4;
}
#asideTitle h2::after{
	content:"";
	width:25px;
	height:25px;
	display:inline-block;
	background-image:url(../images/sideNav-arrow.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin-left:10px;
	transition:all 0.4s ease;
}
#asideTitle h2.open::after {
	transform:rotate(45deg);
}
@media screen and (max-width:990px) {
	#asideNav{
		padding:0;
	}
}
@media screen and (min-width:991px) {
	#asideNav{ padding:20px 0; }
}


/** asideMenu **/
#asideMenu {
	width:100%;
	display:none;
	box-sizing:border-box;
}
#asideMenu > ul {
	width:100%;
	list-style:none;
}
#asideMenu > ul > li {
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.5);
}
#asideMenu > ul > li:last-child {
	border-bottom:none;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;	
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#666;
	font-size:1.9em;
	font-weight:bold;
	line-height:155%;
	padding:10px;
	box-sizing:border-box;
}
#asideMenu > ul > li:hover > a,
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus,
#asideMenu > ul > li > a.dropBtn.open {
	color:#d64000;
}
#asideMenu > ul > li.unit-now > a {
	color:#0f87b4;
}
@media screen and (min-width:991px) {
	#asideMenu{ display:block;}
	#asideMenu > ul {
		text-align:center;
		letter-spacing:-9px;
		margin:0 -20px;
	}
	#asideMenu > ul > li {
		position:relative;
		display:inline-block;
		width:auto;
		letter-spacing:0;
		padding:0 20px;
		border-bottom:none;
		box-sizing:border-box;
	}
	#asideMenu > ul > li + li::before {
		content:"";
		position:absolute;
		left:0;
		top:50%;
		display:block;
		width:1px;
		height:18px;
		margin-top:-9px;
		border-left:2px dotted #666;
	}
	#asideMenu > ul > li > a {
		padding:0 5px;
	}
	#asideMenu > ul > li.unit-now > a {
		position:relative;
	}
	#asideMenu > ul > li.unit-now > a::after {
		content:"";
		position:absolute;
		left:0;
		bottom:-20px;
		display:block;
		width:100%;
		height:4px;
		background:#0f87b4;
	}
}
@media screen and (min-width:1200px) {
	#asideMenu > ul > li > a {
		font-size:2.3em;
	}
}


/** articleBox **/
#articleBox {
	position:relative;
	width:100%;
	margin:0 auto;
}

/* ----- titHead ----- */
.titHead {
	position:relative;
	display:block;
	width:100%;
	padding-top:20px;
	/*padding:15px 0 20px;
	box-sizing:border-box;
	border-bottom:2px solid #000;*/
}
.titHead h2 {
	color: #0f87b4;
	font-family: "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size: 3.2em;
	line-height: 145%;
	font-weight: bold;
	vertical-align: middle;
}
.titHead.antiWhite h2 {
	color: #fff;
}
.titHead h2 small{
	color:#333333;
	font-size:80%;
	font-weight:500;
	margin:-5px 0 0 15px;
}
.titHead h2 span{
	margin:0 5px;
	font-size:120%;
	font-weight:bold;
}
.titHead h2.title {
	position: relative;	
	padding-left: 50px;
}
.titHead h2.title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #0f87b4;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;	
	z-index: 1;	
}
.titHead h2.tit1:before {
	background-image:url(../images/titHead-ico1.svg);
}
.titHead h2.tit2:before {
	background-image:url(../images/titHead-ico2.svg);
}
.titHead h2.tit3:before {
	background-image:url(../images/titHead-ico3.svg);
}
.titHead .ps {
	font-size:1.8em;
	font-weight:bold;
	color:#eb6100;
	margin-top:5px;
	padding-left:50px;
}
@media screen and (max-width:720px) {
	.titHead h2 small{
		display:block;
		margin:0;
	}
}
@media screen and (max-width:420px) {
	.titHead h2 {
		font-size: 2.3em;
		line-height: 110%;
	}
	.titHead h2 small{
		font-size:65%;
	}
	.titHead .ps {
		font-size:1.6em;
	}	
}
@media screen and (min-width:991px) {
	.titHead {
		padding-top:25px;
	}	
	.titHead h2 {
		font-size:3.6em;
	}
	.titHead h2.title {
		padding-left: 65px;
	}	
	.titHead h2.title:before {
		width: 50px;
		height: 50px;
	}	
}
@media screen and (min-width:1200px) {
	.titHead h2 {
		font-size:4em;
	}
	.titHead h2.title:before {
		top: 6px;
	}
	.titHead .ps {
		font-size:2em;
		margin-top:10px;
		padding-left:65px;
	}	
}
@media screen and (min-width:1600px) {
	.titHead .ps {
		position:absolute;
		right:0;
		bottom:20px;
		font-size:2.5em;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding-top:10px;
	margin:0 auto;
}
.postInfo > ul {
	display:inline-block;
	list-style:none;
}
.postInfo > ul > li {
	position:relative;
	display:inline-block;
	color:#000000;
	font-size:1.7em;
	font-weight:bold;
	line-height:21px;
	vertical-align:top;
	padding-left:28px;
	box-sizing:border-box;
	margin:5px 20px 5px 0;
}
.postInfo > ul > li > span{
	/*width:1px;
	height:1px;
	display:block;
	overflow:hidden;
	position:absolute;*/
}
.postInfo > ul > li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:1px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25px;
	height:25px;
	box-sizing:border-box;
	border:4px solid #000;
	border-radius:25px;
}
.postInfo > ul > li:nth-child(1):before {
	background-image:url(../images/icon-calendar.svg);
}
.postInfo > ul > li:nth-child(2):before {
	background-image:url(../images/icon-source.svg);
}
.postInfo > ul > li:nth-child(3):before {
	background-image:url(../images/icon-eye.svg);
}
@media screen and (max-width:580px) {
	.postInfo > ul > li {width:100%;}
}
@media screen and (max-width:420px) {
	.postInfo > ul {width:100%;}
	.postInfo > ul > li {width:auto;}
}
@media screen and (min-width:991px) {
	.postInfo > ul > li {font-size:1.5em;}
}
@media screen and (min-width:1200px) {
	.postInfo > ul > li {		
		line-height:25px;
		padding-left:33px;
	}
}


/** searchCriteria **/
#searchCriteria {
	position:absolute;
	right:0px;
	top:50px;
	text-align:right;	
}
#searchCriteria .box {
	position:relative;
	display:inline;
	margin-left:5px;
}
#searchCriteria .listBar {
	width:220px;
	height:50px;	
	color: #fff;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height:50px;	
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border:none;
	border-radius:4px;	
	padding:0px 10px;
	background:#002c4f url(../images/select-bg.svg) no-repeat right;
	-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;
}
#searchCriteria .listBar:focus {
	color:#c86432;
}
#searchCriteria .listBar option {
	color: #fff;
	border: none;
	background:#002c4f; /* style the dropdown bg color */
}
#searchCriteria .listBar:-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
#searchCriteria .search-query {
	width: 340px;
	height:50px;
	color: #fff;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height:50px;
	padding:0 10px;
	border:none;
	border-radius:4px;	
	background:#002c4f;	
	box-sizing:border-box;
}
#searchCriteria .search-query::-webkit-input-placeholder {color:#fff;}
#searchCriteria .search-query:-moz-placeholder,
#searchCriteria .search-query::-moz-placeholder,
#searchCriteria .search-query:-ms-input-placeholder {color:#fff;}	
#searchCriteria .search-btn {
	width:auto;
	height:50px;
	color: #FFF;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height:50px;
	padding:0 15px 0 40px;
	background:#000 url(../images/searchCriteria-btn.svg) no-repeat 15px 52%;
	cursor:pointer;
	border:none;
	border-radius:4px;
	box-sizing:border-box;
	margin-left:5px;				
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background-color: #d64000;
}
@media screen and (max-width: 1200px) {
	#searchCriteria {width:55%;}
	#searchCriteria .listBar {width:30%;}
	#searchCriteria .search-query {width: calc(100% - 30% - 115px);}
}
@media screen and (max-width: 990px) {
	#searchCriteria {
		top:47px;	
	}	
	#searchCriteria .box {
		margin-left:3px;
	}
	#searchCriteria .box:nth-of-type(1) {
		margin-left:0;
	}		
	#searchCriteria .listBar,
	#searchCriteria .search-query,
	#searchCriteria .search-btn {
	    font-size: 1.6em;		
		height:40px;
		line-height:40px;
	}
	#searchCriteria .search-query {width: calc(100% - 30% - 88px);}		
	#searchCriteria .search-btn {
		width:77px;		
		padding: 0 10px 0 35px;
		background-position: 10px 52%;
		margin-left:3px;		
	}
}
@media screen and (max-width: 768px) {
	#searchCriteria {
		top:30px;	
	}	
	#searchCriteria {
		position:relative;
		text-align:left;
		width:100%;
		background:#e6e6e6;
		/*padding:20px;
		box-sizing:border-box;*/
		margin:0 auto 30px auto;
		text-align:center;
	}	
}
@media screen and (max-width: 420px) {
	#searchCriteria .listBar {width:100%;}
	#searchCriteria .box {
		display:block;
		margin-left:0;
	}
	#searchCriteria .box:nth-of-type(2) {
		margin-top:5px;
	}
	#searchCriteria .search-query {width: calc(100% - 83px);}					
}


/**/
.mgu-radio[type="radio"],.mgu-check[type="checkbox"]{
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-moz-appearance:none;
	appearance:none;
	opacity:0;margin:0;
	width:0;height:0;
	border-color:transparent;
	background-color:transparent;
}
.mgu-radio[type="radio"] + label{
	vertical-align:middle;
	display:inline-block;
	padding-left:36px;
	cursor:pointer;
	width:auto;
	min-height:42px;
	line-height:42px;
	margin:0 15px 0 0;
	background-repeat:no-repeat;
	background-position:0 50%;
	position:relative;
}
.mgu-radio[type="radio"] + label::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:28px;
	height:28px;
	border:1px solid #ccc;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:4px;
	margin-top:-14px;
	border-radius:14px;
}
.mgu-radio.check,.mgu-radio[type="radio"]:checked + label{background-image:url(../images/radio-check.svg);}
.mgu-radio[type="radio"]:focus + label,
.mgu-radio[type="radio"]:checked:focus + label{color:#d64000;}
.mgu-radio[type="radio"]:focus + label::before{border-color:#d64000;}
.mgu-radio[type="radio"]:checked:focus + label::before{background-image:url(../images/radio-focus.svg);}
/**/
.mgu-check[type="checkbox"] + label{
	display:block;
	padding-left:36px;
	min-height:28px;
	line-height:28px;
	cursor:pointer;
	display:inline-block;
	margin:5px 15px 5px 0;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:0 50%;
	position:relative;
}
.mgu-check[type="checkbox"] + label::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:28px;
	height:28px;
	border:1px solid #ccc;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:4px;
	margin-top:-14px;
}
.checkFrame .mgu-check[type="checkbox"] + label{min-width:160px;}
.mgu-check[type="checkbox"]:checked + label::before{background-image:url(../images/mgu-check-on.svg);}
.mgu-check[type="checkbox"]:focus + label,
.mgu-check[type="checkbox"]:checked:focus + label{color:#d64000;}
.mgu-check[type="checkbox"]:focus + label::before{ border-color:#d64000;}
.mgu-check[type="checkbox"]:checked:focus + label::before{background-image:url(../images/mgu-check-focus.svg);}
/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.formBtn a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px 10px 10px;
	margin:0 auto;
	background:#00a4af;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.formBtn a.next {
	padding:10px 15px 10px 25px;
}
.formBtn a.clear {
	background:#4d4d4d;
}
.formBtn a + a {
	margin-left:10px;
}
.formBtn a span {
	position:relative;
	display:inline-block;
	padding:0 0 0 33px;
}
.formBtn a.next span {
	padding:0 33px 0 0;
}
.formBtn a span em {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:1;
}
.formBtn a.next span em {
	left:inherit;
	right:0;
}
.formBtn a.clear span em,
.formBtn a.clear span em {
	background:#262626;
}
.formBtn a.next span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:50%;
    width:7px;
    height:7px;
    border-right:3px solid #FFF;
    border-top:3px solid #FFF;
	margin-top:-5px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.replay span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
	background:url(../images/icon-pen.svg) 50% 50% no-repeat;
	background-size:cover;
	z-index:2;
}
.formBtn a.ok span em:before {
	content:"";
    display:block;
    position:absolute;
	right:8px;
	top:50%;
    width:5px;
    height:11px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
    margin-top:-9px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.clear span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:5px;
    top:50%;
    width:15px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.clear span em:after {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:11px;
    top:50%;
    width:3px;
    height:15px;
	background:#FFF;
	margin-top:-7.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a:hover,
.formBtn a:focus {	
	background:#d64000;
}
.formBtn a.clear:hover,
.formBtn a.clear:focus {	
	background:#d64000;
}
.formBtn a:hover span em,
.formBtn a:focus span em {
	background:rgba(0,0,0,.5);
}

.formBtn.mt{
	margin:0 auto;
}
.formBtn .btnSend {
    background: #10babb;
}
.formBtn .btnSend span:after {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    width: 7px;
    height: 13px;
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    margin-top: -10px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.formBtn .btnClear {
    background: #949494;
}
.formBtn .btnClear span:before,
.formBtn .btnClear span:after {
    position: absolute;
    content: '';
    left: 12px;
    top: 50%;
    width: 20px;
    height: 3px;
    background: #FFF;
    margin-top: -1.5px;
    z-index: 2;
}
.formBtn .btnClear span:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.formBtn .btnClear span:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.formBtn .btnClear:hover,
.formBtn .btnClear:focus {
    background: #333;
}


@media screen and (max-width:420px) {
	.formBtn a + a {
		margin:10px 10px 0 10px;
	}	
}
@media screen and (min-width:991px) {
	.formBtn {
		margin-top:40px;
	}	
}
@media screen and (min-width:1200px) {
	.formBtn {
		margin-top:50px;
	}
	.formBtn a {
		font-size:2.1em;
		line-height:33px;
	}
	.formBtn a span {
		padding:0 0 0 40px;
	}
	.formBtn a.next span {
		padding:0 40px 0 0;
	}
	.formBtn a span em {
		width:33px;
		height:33px;
	}
	.formBtn a.next span em:before {
		right:12px;
		top:50%;
		width:10px;
		height:10px;
		border-right:3px solid #FFF;
		border-top:3px solid #FFF;
		margin-top:-6.5px;
	}
	.formBtn a.ok span em:before {
		right:10px;
		width:9px;
		height:15px;
		margin-top:-12px;
	}
	.formBtn a.clear span em:before {
		left:6px;
		width:21px;
		height:3px;
		margin-top:-1.5px;
	}
	.formBtn a.clear span em:after {
		left:15px;
		width:3px;
		height:21px;
		margin-top:-10.5px;
	}	
}


/** 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_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;
	}
}

/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.6em;
	line-height:165%;
	margin:30px auto 0 auto;
}
.pageWord img {
	max-width:100%;
	height:auto !important;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:1em 0 1em 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;
}
.pageWord .stit {
	position:relative;
	color:#0f87b4;
	font-size:1.4rem;
	font-weight:bold;
	line-height:135%;
	/*padding-left:38px;*/
}
.pageWord .pd_company_info {
	position:relative;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";	
	color:#000;
	font-size:1.6rem;
	font-weight:bold;
	line-height:135%;
	padding-left:45px;
}
.pageWord .pd_company_info:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:3px;
    width:35px;
    height:35px;
    z-index:1;
	background:#000 url(../images/icon-company.svg) 60% 50% no-repeat;
	background-size:auto 75%;
	border-radius:35px;
	box-sizing:border-box;
}
.pageWord .stit + p,
.pageWord .stit + table,
.pageWord table + .stit,
.pageWord table + p,
.pageWord p + .stit,
.pageWord p + table,
.pageWord p + p,.pageWord h3 + p,
.pageWord ul + p,.pageWord ol + p,
.pageWord h3 + p{
	margin:20px auto;
}
.pageWord p + .stit:last-child,
.pageWord .stit + p:last-child,
.pageWord p + p:last-child {
	margin-bottom:0;
}
.pageWord > h3{ font-size:1.25em;}
.pageWord table {
	font-size:1rem;
	border:1px solid #c2cad6;
	border-collapse:collapse;
}
.pageWord table caption {
	margin-bottom:10px;
}
.pageWord table th {
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	background:#2e466b;	
	box-sizing:border-box;
}
.pageWord table td {
	color:#000;
	padding:15px 5px;
	vertical-align:middle;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.picLeft{
	float:left;
	margin:10px 15px 10px 0;
}
.picRight{
	float:right;
	margin:10px 0 10px 15px;
}
.picLeft,.picRight{
	width:100%;
	text-align:center;
	max-width:100%;
}
.picLeft img,.picRight img{
	border:1px solid #ddd;
	background-color:#fff;
	padding:8px;
}
@media screen and (min-width:481px) {
	.picLeft,.picRight{width:auto;max-width:300px;}
}
@media screen and (min-width:991px) {	
	.pageWord {
		font-size:1.7em;
	}
	.pageWord .stit {
		font-size:1.5rem;
	}
}
@media screen and (min-width:1200px) {	
	.pageWord {font-size:1.9em;}
	.pageWord .stit {font-size:1.6rem;}
	.pageWord .stit:before {top:6px;}
}
/**/
.filmFrame{
	width:100%;
	max-width:1000px;
	margin:20px auto;
}
.filmFrame .inBox{
	width:100%;
	padding-bottom:56%;
	position:relative;
}
.filmFrame .inBox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.font-orange{ color:#eb6100;}

/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	display:block;
	width:100%;
	color:#0f87b4;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	margin-bottom:10px;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding:12px 15px 12px 45px;
}
.pageBot .tit span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:1;
}
.pageBot .tit span::after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	border-radius:45px;
	/*background-image:linear-gradient(-45deg, #96c444 0%, #31abda 80%);*/
	background-color:#0f87b4;
}
.pageBot .tit span.photo:before {
	background-image:url(../images/pageBot-photo.svg);
}
.pageBot .tit span.download:before {
	background-image:url(../images/pageBot-download.svg);
}
.pageBot .tit span.link:before {
	background-image:url(../images/pageBot-link.svg);
}
@media screen and (min-width:991px) {
	.pageBot {margin-top:50px;}
	
}
@media screen and (min-width:1200px) {
	.pageBot .tit {font-size:2.5em;}
	.pageBot .tit span:before,
	.pageBot .tit span::after{
		width:45px; height:45px;
		margin-top:-23px;
	}
	.pageBot .tit span {padding-left:55px;}
}
/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
#gallery ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
#gallery ul li {
	display:inline-block;
	width:33.3333%;
	letter-spacing:0;
	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:#d64000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
}
#gallery figure .pic img {
	display:block;
	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;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.3rem;
	margin-bottom:5px;
}
#gallery figure figcaption strong span {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
	line-height:100%;
	padding:5px 10px;
	background:#8c3c4a;
	margin-right:10px;
	vertical-align:top;
}
@media screen and (max-width:480px) {
	#gallery ul li {width:50%;}
}
@media screen and (max-width:360px) {
	#gallery ul li {width:100%;}
}
@media screen and (min-width:1200px) {	
	#gallery figure figcaption {
		font-size:1.9em;
	}
	#gallery ul li {width:25%;}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:0;
}
.dnLink ul li + li{ margin-top:10px;}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	box-sizing:border-box;
	align-content:center;
	padding:15px;
	/*border:1px solid #b2b2b2;*/
	background-color:#eee;	
}
.dnLink ul li a:hover,
.dnLink ul li a:focus{
	background-color:#faeee1;
	/*border-color:#edccd7;*/
}
.dnLink .labe {
	/*position:relative;
    width:50px;
    height:50px;
	text-transform:uppercase;
	background:#000;
	border-radius:0;
	display:flex;
	justify-content:center;
	align-items:center;*/
	width:45px;
	height:50px;
	display:block;
	background-color:#eee;
	content:"";
	text-align:center;
	text-transform:uppercase;
	padding-top:24px;
	box-sizing: border-box;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	border-radius:3px;
	transition:all 0.4s ease;
	margin-right:15px;
	position:relative;	
}
.dnLink .labe:before {
	/*content:"";
	display:block;
	width:calc(100% - 16px);
	height:calc(100% - 12px);
	border:3px solid #fff;
	box-sizing:border-box;
	margin:0 auto;
	clip-path:polygon(24px 0%, 100% calc(100% - 28px), 100% 100%, 0 100%, 0 0);
	border-radius:5px;
	background-image:url(../images/labe-tx.svg);
	background-repeat:no-repeat;
	background-position:left top;*/
	content:"";
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	border:3px solid #eeeeee;
	border-radius:3px;
	transform: translate3d(50%, -50%, 0);	
}
.dnLink .labe:after {
	/*content:"";
	display:block;
	position:absolute;
	top:6px;
	right:8px;
	width:10px;
	height:10px;
	background-image:url(../images/labe-deg.svg);
	background-repeat:no-repeat;
	background-position:right top;*/
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 11px 0;
	border-color: transparent #eeeeee transparent transparent;	
}
.dnLink a:hover{
	background-color:#faeee1;
}
.dnLink a:hover .labe::before{
	border-color:#faeee1;
}
.dnLink a:hover .labe::after{
	border-color: transparent #faeee1 transparent transparent;
}
.dnLink .labe span {
	position:absolute;
	right:5px;
	bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	padding:2px 0 1px;
}
.dnLink a:hover .labe{
	transform: translate3d(5px, 0, 0);
}
.dnLink .labe.pdf,
.dnLink .labe.pdf span{
	background:#a40000;
}
.dnLink .labe.odt,
.dnLink .labe.doc,
.dnLink .labe.docx,
.dnLink .labe.odt span,
.dnLink .labe.doc span,
.dnLink .labe.docx span{
	background:#0068b7;
}
.dnLink .labe.ods,
.dnLink .labe.xls,
.dnLink .labe.xlsx,
.dnLink .labe.ods span,
.dnLink .labe.xls span,
.dnLink .labe.xlsx span{
	background:#378837;
}
.dnLink .labe.odp,
.dnLink .labe.ppt,
.dnLink .labe.pptx,
.dnLink .labe.odp span,
.dnLink .labe.ppt span,
.dnLink .labe.pptx span{
	background:#FF6600;
}
.dnLink .labe.rar,
.dnLink .labe.rar span{
	background:#8a007b;
}
.dnLink .labe.zip,
.dnLink .labe.zip span{
	background:#5e5e5e;
}
.dnLink dl {
	display:flex;
	width:calc(100% - 65px);
    justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#d64000;
}
.dnLink dd {
	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;
	}
}
@media screen and (min-width:1200px) {	
	.dnLink ul li a{padding:20px;}
	.dnLink dt{ font-size:2.1em;}
}
/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.getLink ul li + li{ margin-top:10px;}
.getLink ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	/*border:1px solid #b2b2b2;*/
	background-color:#eee;	
}
.getLink ul li a:hover,
.getLink ul li a:focus{
	background-color:#faeee1;
}
.getLink dl {
	position:relative;
	width:100%;
	padding-left:65px;
	box-sizing:border-box;
}
.getLink dl:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background:#333 url(../images/icon-getLink.svg) no-repeat 50% 50%;
	background-size:100% auto;
	border-radius:3px;
	transition:all 0.4s ease;		
}
.getLink a:hover dl:before,
.getLink a:focus dl:before{
	background-color:#d64000;
	transform: translate3d(5px, 0, 0);	
}
.getLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.getLink a:hover dt,
.getLink a:focus dt {
	color:#d64000;
}
.getLink dd {
	color:#666;
	font-size:1.5em;
	margin-top:5px;
}
@media screen and (min-width:1200px) {	
	.getLink ul li a{padding:20px;}
	.getLink dt{ font-size:2.1em;}
}


/** page **/
#page{
	position:relative;	
	display:flex;
	width:100%;	
	flex-direction:column;
	margin:30px auto 0 auto;
	align-items:center;	
}	
#page .total {
	width:100%;
	display:inline-block;
	color:#000;
	font-size:1.7em;
	line-height:180%;
	font-weight:500;
	text-align:center;
}
#page .total span{
	font-weight:bold;
	margin:0 5px;
	color:#ff6600;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num a {
	display:none;
	color:#000;
	font-weight:bold;
	background:#fff;
	vertical-align:middle;
	overflow:hidden;
	margin:0 15px;
	border-radius:50%;
}
#page .num .cur{	
	display:inline-block;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:45px;
	vertical-align:middle;
	cursor:text;
	margin:0 10px;
	border-radius:50%;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:12px;
	margin:-5px 0 0 -5px;
	background:#000;
	z-index:2;
	transition:all 0.4s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	margin:-3px 0 0 1px;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	margin:-3px 0 0 -3px;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:-3px -3px 0 0 ;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:1px;
	height:12px;
	margin:-5px -5px 0 0 ;
	background:#000;
	z-index:2;
	transition:all 0.4s;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:7px;
	height:7px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:-3px 1px 0 0;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-first,
#page .num a.btn-prev,
#page .num a.btn-next,
#page .num a.btn-last{
	background-color:transparent;
	border:1px solid #ddd;
}
#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 {
	background:#d64000;
}

#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-color:#fff;
}
#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:#fff;
}
@media screen and (max-width:420px) {
	#page .total {
		font-size:1.53em;
	}	
}
@media screen and (max-width:385px) {
	#page .total {
		font-size:1.4em;
	}	
}
@media screen and (min-width:991px) {
	#page {
		justify-content:space-between;
		flex-direction:column;
		align-items:center;
		margin-top:40px;
	}
	#page:after {
		display:none;
	}
	#page .total {
		font-size:1.7em;
	}	
	#page .num {
		text-align:left;
	}
	#page .num a {
		display:inline-block;
		width:45px;
		height:45px;
		font-size:1.7em;
		text-align:center;
		font-weight:normal;
		line-height:45px;
		margin:3px;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#d64000;
	}
	#page .num .cur {
		display:inline-block;
		width:45px;
		height:45px;
		color:#FFF;
		font-size:1.5em;		
		line-height:45px;
		text-align:center;
		font-weight:bold;
		background:#0f87b4;
		margin: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:45px;
		height:45px;
		text-align:left;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		margin:3px;
	}
}


/** pagination **/
.pagination {
	position:relative;
	display:block;
	font-size:1.7em;
	margin-top:25px;
	text-align:center;
	display: flex;
    align-items: center;	
}
.pagination .pageEnter{
	position:relative;
	width:100px;
	height:50px;
	color:#000;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1em;	
	line-height:50px;
	letter-spacing:0;
	padding:0 15px;
	border:solid 1px #ccc;
	box-sizing:border-box;
	vertical-align:top;
	background:#fff;
	margin-left:5px;
	border-radius:25px;		
}
.pagination .pageEnter:focus {
	color:#e60012;
}
.pagination .pageSend {
	position:absolute;
	right:5px;
	top:5px;
	width:40px;
	height:40px;	
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	color:#fff;
	background:#0f87b4;
	-webkit-border-radius:50%;
       -moz-border-radius:50%;
            border-radius:50%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;				
}
.pagination .pageSend:hover,
.pagination .pageSend:focus{ 
	background:#d64000;
}
@media screen and (min-width:991px) {
	.pagination {
		display:none;
	}	
}
@media screen and (min-width:1200px) {
	.pagination {
		/*position:absolute;
		bottom:3px;
		right:0;
		display:none;*/	
	}
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 10px 10px 25px;
	margin:0 auto;
	background:#000;
	border-radius:100px;
}
#pageBack a:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:15px;
	width:24px;
	height:24px;
	background:#fff;
	border-radius:100px;
	z-index:1;
	margin-top:-12px;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#d64000;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 33px 0 0;
}
#pageBack a span:before {
    content:"";
    display:block;
    position:absolute;
    right:20px;
    top:50%;
	margin-top:-8px;
	z-index:2;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 6px 5px 0;
	border-color:transparent #000000 transparent transparent;
}
#pageBack a span:after{
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:50%;
    width:10px;
    height:5px;
	border:3px solid #000;
    border-left:none;
	border-radius:0 20px 20px 0;
	margin-top:-5px;
	z-index:2;
}
#pageBack a:hover span:before,
#pageBack a:focus span:before{
	border-color:transparent #d64000 transparent transparent;
}
#pageBack a:hover span:after,
#pageBack a:focus span:after{
	border-color:#d64000;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBack a {
		font-size:2.1em;
		line-height:33px;
	}
	#pageBack a span {
		padding:0 45px 0 0;
	}
	#pageBack a:after {
		width:32px;
		height:32px;
		margin-top:-16px;
	}
	#pageBack a span:before {
		right:24px;
		margin-top:-8px;
		border-width:5px 6px 5px 0;
	}
	#pageBack a span:after{
		right:12px;
		width:10px;
		height:6px;
		margin-top:-5px;
	}
}


/** pageBtn **/
#pageBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;	
}
#pageBtn a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px 10px 10px;
	margin:0 auto;
	background:#00a4af;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#pageBtn a.clear {
	background:#4d4d4d;
}
#pageBtn a + a {
	margin-left:10px;
}
#pageBtn a span {
	position:relative;
	display:inline-block;
	padding:0 0 0 33px;
}
#pageBtn a span em {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:1;
}
#pageBtn a.clear span em,
#pageBtn a.clear span em {
	background:#262626;
}
#pageBtn a.more span em:before,
#pageBtn a.clear span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:5px;
    top:50%;
    width:15px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:2;
}
#pageBtn a.more span em::after,
#pageBtn a.clear span em:after {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:11px;
    top:50%;
    width:3px;
    height:15px;
	background:#FFF;
	margin-top:-7.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:2;
}
#pageBtn a.clear span em:before,
#pageBtn a.clear span em::after {
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#pageBtn a:hover,
#pageBtn a:focus {	
	background:#d64000;
}
#pageBtn a.clear:hover,
#pageBtn a.clear:focus {	
	background:#d64000;
}
#pageBtn a:hover span em,
#pageBtn a:focus span em {
	background:rgba(0,0,0,.5);
}
@media screen and (max-width:420px) {
	#pageBtn a + a {
		margin:10px 10px 0 10px;
	}	
}
@media screen and (min-width:991px) {
	#pageBtn {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBtn a {
		font-size:2.1em;
		line-height:33px;
	}
	#pageBtn a span {
		padding:0 0 0 40px;
	}
	#pageBtn a span em {
		width:33px;
		height:33px;
	}
	#pageBtn a.more span em:before,
	#pageBtn a.clear span em:before {
		left:6px;
		width:21px;
		height:3px;
		margin-top:-1.5px;
	}
	#pageBtn a.more span em::after,
	#pageBtn a.clear span em:after {
		left:15px;
		width:3px;
		height:21px;
		margin-top:-10.5px;
	}	
}


@media print {
	#comMain {
		margin-top:0!important;
	}
	#comBar,
	#topMenu {
		display:none!important;
	}
	#comPage {
		margin-top:0!important;
	}
	#comPage .pageLeft {
		display:none!important;
	}
	#articleBox .titHead h2{
		margin:0!important;
	}
	#articleBox .titHead h2::before {
		display:none!important;
	}
}