@charset "utf-8";

.font-red {
	color: #d23d2a;
}
.settingTit {
	color: #d23d2a;
	font-size:21px;
	padding-left:25px;
	background:url(../images/icon-setting.png) no-repeat 0 50%;
}
.btn-mail {
	display: inline-block;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	padding:20px 30px;
	border:5px solid #FFF;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px rgba(0%,0%,0%,0.4);
    -webkit-box-shadow: 0 0 5px rgba(0%,0%,0%,0.4);
    box-shadow: 0 0 5px rgba(0%,0%,0%,0.4);	
	background: #f39900; /* Old browsers */
	background: -moz-linear-gradient(top,  #f39900 0%, #f39900 50%, #f07e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f39900 0%,#f39900 50%,#f07e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f39900 0%,#f39900 50%,#f07e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39900', endColorstr='#f07e00',GradientType=0 ); /* IE6-9 */	
}
.btn-mail span {
	padding-left:35px;
	background:url(../images/btn-mail.png) no-repeat 0 50%;
}
.btn-mail:hover {
	color:#FFF;
	background: #f07e00; /* Old browsers */
	background: -moz-linear-gradient(top,  #f07e00 0%, #f07e00 50%, #E15315 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f07e00 0%,#f07e00 50%,#E15315 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f07e00 0%,#f07e00 50%,#E15315 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07e00', endColorstr='#E15315',GradientType=0 ); /* IE6-9 */
}


/** comMain **/
.comMain {
	position:relative;
	width: 100%;
	height:275px;
	background:#CCC;
}
.comMain.com-bg1 { background:url(../images/com-main1.jpg) no-repeat 50% 0;}
.comMain.com-bg2 { background:url(../images/com-main2.jpg) no-repeat 50% 0;}
.comMain.com-bg3 { background:url(../images/com-main3.jpg) no-repeat 50% 0;}
.comMain.com-bg4 { background:url(../images/com-main4.jpg) no-repeat 50% 0;}
.comMain.com-bg5 { background:url(../images/com-main5.jpg) no-repeat 50% 0;}
.comMain.com-bg6 { background:url(../images/com-main6.jpg) no-repeat 50% 0;}
.comMain.com-bg7 { background:url(../images/com-main7.jpg) no-repeat 50% 0;}
.comMain.com-bg8 { background:url(../images/com-main8.jpg) no-repeat 50% 0;}
.comMain.com-bg9 { background:url(../images/com-main9.jpg) no-repeat 50% 0;}
.comMain.com-bg10 { background:url(../images/com-main10.jpg) no-repeat 50% 0;}
.comMain .mainTit {
	position:absolute;
	left:50%;
	top:105px;
	color:#FFF;
    font-family: 微軟雅黑, "Microsoft YaHei";
	font-size:4.5em;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 6px;
	margin:0 0 0 -470px;
	z-index:2;
}


/** breadcrumbs **/
#breadcrumbs {
	position:relative;
	width:100%;
	margin:0 auto;
}
#breadcrumbs .acKey {
	float:left;
	color:#FFF;
	margin:20px 0 0 0;
}
#breadcrumbs dl {
	float:right;
	margin:20px 0 15px 0;
}
#breadcrumbs dt {
	float:left;
	width:inherit;	
}
#breadcrumbs dt a.bread-home {
	color:#999;
	font-size:1.3em;
	padding-left:15px;
	background:url(../images/bread-home.png) no-repeat 0 50% ;
}
#breadcrumbs dt a.bread-home:hover {
	color: #e52f17;
	background:url(../images/bread-home-hover.png) no-repeat 0 50% ;
}
#breadcrumbs dd {
	float:left;
	color:#000;
	font-size:1.3em;
	padding-left:19px;
	background:url(../images/bread-list.png) no-repeat 0 50% ;
}
#breadcrumbs dd a {
	color:#999;
}
#breadcrumbs dd a:hover {
	color: #e52f17;
}


/** comPage **/
#comPage{
	width:100%;
	margin: 0px auto;
	padding:0 0 60px 0;
}
#comPage .com {
	float:left;
	width:100%;
}
#comPage .com-L{
	float:left;
	width: 200px;
}
#comPage .com-R {
	float:right;
	width: 750px;
}


/** aside-menu **/
#aside-menu {
	float:left;
	width:100%;
	margin:0;
}
#aside-menu > ul {
	width:100%;
	list-style:none;
	padding:0;
	margin:0 auto;
}
#aside-menu > ul > li {
	background:#f0f4f5;
	border-bottom: 1px solid #dae0e1;
}
#aside-menu > ul > li > a,
#aside-menu > ul > li > a:active {
	display: block;
	color: #333;
	font-size:1.7em;
	line-height:120%;
	padding:15px 30px 15px 15px;
	text-decoration:none;
	background:url(../images/aside-menu-list.png) no-repeat right 0;
}
#aside-menu > ul > li > a:hover,
#aside-menu > ul > li > a:focus,
#aside-menu > ul > li:hover > a,
#aside-menu > ul > li:hover > a:active {
	color:#FFF;
	font-weight:bold;
	background:#000 url(../images/aside-menu-list-hover.png) no-repeat right 0;
}
#aside-menu > ul > li.unit-now > a,
#aside-menu > ul > li.unit-now > a:hover {
	color:#FFF;
	font-weight:bold;
	background:#d23d2a url(../images/aside-menu-list-now.png) no-repeat right 0;
}


/** navSmenu **/ 
#aside-menu > ul > li > ul.navSmenu {
	width:100%;
	list-style:none;
	border:none;
	margin:0px;
	padding:10px 0;
	background:rgba(255,255,255,0.6);
}
#aside-menu > ul > li > ul.navSmenu > li {
	width:100%;
	font-size: 1.6em;
	color: #888;
}
#aside-menu > ul > li > ul.navSmenu > li a {
	display: block;
	color: #333;
	padding:10px 15px 10px 28px;
	background:url(../images/navSmenu-list.png) no-repeat 10px 0;
}
#aside-menu > ul > li > ul.navSmenu > li a:hover {
	color:#ff7800;
	background:url(../images/navSmenu-list-hover.png) no-repeat 10px 0;
}
#aside-menu > ul > li:hover > ul.navSmenu {
	display:block;	
}
#aside-menu > ul > li.unit-now > ul.navSmenu {
	display:block;
	background:#fff3eb;
}
#aside-menu > ul > li.unit-now > ul.navSmenu > li:active a,
#aside-menu > ul > li.unit-now > ul.navSmenu > li.unit-now a {
	color:#bf2626;
	font-weight:bold;
	background:url(../images/navSmenu-list-on.png) no-repeat 10px 0;
}


/** pageTop **/
.pageTop {
	float:left;
	width:100%;
}
.pageTop h1 {
	float:left;
	color:#bf2626;
	font-family: "微軟雅黑","Microsoft YaHei", Helvetica, Verdana, Arial, sans-serif;
	font-size:3.7em;
	font-weight:bold;
	line-height:125%;
}


/** pageCen **/
.pageCen {
	float:left;
	width:100%;
	margin-top:15px;
	background:#faf2e1;
}
/* ----- postInfo ----- */
.postInfo {
	float:left;
}
.postInfo ul {
	float:left;
	list-style:none;
}
.postInfo ul li {
	float:left;
	color:#ff6a00;
	font-size:1.5em;
	line-height:20px;
	padding:0 15px;
	margin:15px 0;
	border-right: 1px dashed #bbb5a9;
}
.postInfo ul li:last-child {
	border-right:none;
}
.postInfo ul li span {
	color:#000;
}
/* ----- postBtn ----- */
.postBtn {
	float:right;
}
.printBtn {
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	margin-right:1px;
	background:#ffbf7f url(../images/icon-print.png) no-repeat 50% 50%;
}
.printBtn:hover {
	background-color:#ff6a00;
}
/* ----- shareBtn ----- */
.shareBtn {
	position:relative;
	float:right;
	width:50px;
}
.shareBtn .on {
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	padding:0 10px;
	box-sizing:border-box;
	background:#ffbf7f url(../images/icon-share-on.png) no-repeat 50% 50%;
}
.shareBtn .on.show {	
	background-color:#ff6a00;
}
.shareBtn .shareMenu {
	display:none;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 200;
	list-style:none;
}
.shareBtn .shareMenu a {
	float:left;
	width:50px;
	height:50px;
	font-size:0;
}
.shareBtn .shareMenu a.icon-fb {
	background:#3b5998 url(../images/icon-fb-hover.png) no-repeat 50% 50%;
}
.shareBtn .shareMenu a.icon-gplus {
	background:#d64136 url(../images/icon-gplus-hover.png) no-repeat 50% 50%;
}
.shareBtn .shareMenu a.icon-twitter {
	background:#00aced url(../images/icon-twitter-hover.png) no-repeat 50% 50%;
}
.shareBtn .shareMenu a:hover {
	background-color:#000;
}


/** searchCriteria **/
.searchCriteria {
	float:left;
	width:100%;
	padding:25px 0;
	background:#ffe8e5;
	margin-top:15px;
}
.searchCriteria .tbox {
	float:left;
	margin-left:35px;
}
.searchCriteria .tbox span {
	float:left;
	width:90px;
	height:40px;
	color:#FFF;
	font-size:1.5em;
	line-height:40px;
	text-align:center;
	background:#ffb2b2;
}
.searchCriteria .listBar {
	width:200px;
	height:40px;
	padding:0px;	
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #000;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border: 1px solid #ffb2b2;
	padding:0 0 0 15px;
	background:#FFF url(../images/select-bg.png) 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:#FF6A00;
	border: 1px solid #FF6A00;
	background:#FFF url(../images/select-bg-on.png) no-repeat right;
}
.searchCriteria .listBar option {
	color: #333;
	border: none;
	background:#FFF; /* style the dropdown bg color */
}
.searchCriteria .listBar:-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
.searchCriteria .sbox {
	float:right;
	height:38px;
	border:1px solid #ffb2b2;
	margin-right:35px;
}
.searchCriteria .search-query {
	width: 310px;
	height:38px;
	color: #000;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:38px;
	border: none;
	background:#FFF;
	padding:0 15px;
	margin:0;
}
.searchCriteria .search-btn {
	float:right;
	width:38px;
	height:38px;
	border:none;
	background:#FFF url(../images/search-btn2.png) no-repeat 50% 50%;
	text-indent:-9999px;
	cursor:pointer;
	padding:0;
	margin:0;
}
.searchCriteria .search-btn:hover {
	background:#ffb2b2 url(../images/search-btn-hover.png) no-repeat 50% 50%;
}


/** pageOverview **/
.pageOverview {
	float:left;
	width:100%;
	padding-top:20px;
	overflow:hidden;
	border-top:1px solid #bf2626;
	margin-top:15px;
}
.pageOverview ul {
	float:left;
	width:1020px;
	list-style:none;	
	margin-right: -7.5px;
    margin-left: -7.5px;
}
.pageOverview li {
	display:inline-block;
	width:320px;
	padding:7.5px;
	vertical-align:top;
}
.pageOverview li a {
	float:left;
	width:100%;
	padding:10px;	
	box-sizing:border-box;
	background:url(../images/overview-bg.png);
}
.pageOverview li a:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.pageOverview li a img {
	width:70px;
	margin-right:15px;
}
.pageOverview li a span {
	width:200px;
	display: inline-block;
	vertical-align: middle;
	color:#000;
	font-size: 2em;
	font-weight:bold;
	line-height:125%;
}
.pageOverview li a:hover span,
.pageOverview li a:focus span {
	color: #e52f17;
}


/** pageEvent **/
.pageEvent {
	float:left;
	width:100%;	
	margin-top:15px;
}
.pageEvent dl {
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
.pageEvent dt {
	float:left;
	width:100px;
	margin-right:10px;
}
.pageEvent dt span {
	float:left;
	width:100%;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	background:#000;
}
.pageEvent dd {
	float:left;
	width:640px;
	color:#000;
	font-size:1.6em;
	padding:5px 0;
}


/** pageWord **/
.pageWord {
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	line-height:170%;
	text-align:justify;
	margin-top:15px;
}
.pageWord p {
	margin:20px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:20px 0;
	margin-left:1.5em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li > ol,
.pageWord li > ul {
	margin:10px 0;
}
.pageWord li > ol > li,
.pageWord li > ul > li {
	margin:10px 0;
}
.pageWord .btn-rss {
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	padding:3px 15px;
	background:#F39800;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
            border-radius:4px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.pageWord .btn-rss span {
	padding-left:25px;
	background:url(../images/icon-rss.png) no-repeat 0 50%;
}
.pageWord .btn-rss:hover {
	background:#bf2626;
}


/** topicList **/
.topicList {
	float:left;
	width:100%;
}
.topicList ul {
	float:left;
	width:100%;
	list-style:none;	
}
.topicList li {
	position:relative;
	float:left;
	width:100%;
	margin:15px 0 0 0;
	background:url(../images/overview-bg.png);
}
.topicList li a {
	float:left;
	width:100%;
	color:#000;
	padding:15px 0;
	background:#fff7f7;
	box-sizing:border-box;
	border:1px solid #ffd9df;
}
.topicList li a h3 {
	float:left;
	width:660px;
	font-size: 1.7em;
	font-weight:bold;
	line-height:125%;
	padding:5px 20px;
	border-right: 1px dotted #d3412f;
}
.topicList li a span {
	position:absolute;
	display:block;
	width:22px;
	height:22px;
	right:13px;
	top:50%;
	margin-top:-11px;
}
.topicList li a span.v1 {
	background:url(../images/topicList-icon1.png) no-repeat 50% 50%;
}
.topicList li a span.v2 {
	background:url(../images/topicList-icon2.png) no-repeat 50% 50%;
}
.topicList li a span.v3 {
	background:url(../images/topicList-icon3.png) no-repeat 50% 50%;
}
.topicList li a span.v4 {
	background:url(../images/topicList-icon4.png) no-repeat 50% 50%;
}
.topicList li a:hover,
.topicList li a:focus {
	color: #d3412f;
}


/** topicList-2 **/
.topicList-2 {
	float:left;
	width:100%;
	border-top:1px solid #bf2626;
	margin:15px 0 0 0;
}
.topicList-2 ul {
	float:left;
	width:100%;
	list-style:none;	
}
.topicList-2 li {
	position:relative;
	float:left;
	width:100%;	
	border-bottom:1px dotted #CCC;
}
.topicList-2 li a {
	float:left;
	width:100%;
	color:#000;
	padding:18px 0;
}
.topicList-2 li a h3 {
	font-size: 1.7em;
	font-weight:bold;
	line-height:125%;
	margin-bottom:7px;
}
.topicList-2 li a time {
	float:left;
	color:#999999;
	font-size: 1.4em;
	line-height:22px;
	padding-left:30px;
	background:url(../images/icon-calendar.png) no-repeat 0 50%;
}
.topicList-2 li a span {
	float:right;
	color:#CCC;
	font-size: 1.4em;
	line-height:20px;
	padding:0 10px;
	border:1px solid #CCC;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.topicList-2 li a span.v1 {
	color:#ffb2b9;
	border-color:#ffb2b9;
}
.topicList-2 li a span.v2 {
	color:#ffb266;
	border-color:#ffb266;
}
.topicList-2 li a span.v3 {
	color:#61d0f2;
	border-color:#61d0f2;
}
.topicList-2 li a:hover,
.topicList-2 li a:focus {
	color: #bf2626;
}
.topicList-2 li a:hover span,
.topicList-2 li a:focus span {
	color:#FFF;
	background-color:#CCC;
}
.topicList-2 li a:hover span.v1,
.topicList-2 li a:focus span.v1 {
	background-color:#ffb2b9;
}
.topicList-2 li a:hover span.v2,
.topicList-2 li a:focus span.v2 {
	background-color:#ffb266;
}
.topicList-2 li a:hover span.v3,
.topicList-2 li a:focus span.v3 {
	background-color:#61d0f2;
}


/** downloadList **/
.downloadList {
	float:left;
	width:100%;
}
.downloadList ul {
	float:left;
	width:100%;
	list-style:none;	
}
.downloadList li {
	position:relative;
	float:left;
	width:100%;
	min-height:48px;
	padding:20px 0;
	border-bottom:1px dotted #CCC;
}
.downloadList li .wdbox {
	float:right;
	width:690px;
}
.downloadList li h3 {	
	font-size: 1.7em;	
	font-weight:bold;
	line-height:125%;
	margin-top:5px;
}
.downloadList li p {
	color:#999999;
	font-size: 1.4em;
	line-height:150%;
	margin-top:7px;
}
.downloadList li p span {
	display:inline-block;
	line-height:22px;
	padding-left:30px;
	background:url(../images/icon-file.png) no-repeat 0 50%;
}
.downloadList li .icon {
	float:left;
	display:block;
	width:48px;
	height:48px;
	background:#9aa2ac url(../images/serviceList-icon2.png) no-repeat 50% 50%;
}
.downloadList li a {
	color:#000;
}
.downloadList li a:hover,
.downloadList li a:focus {
	color: #d3412f;
}


/** faqList **/
.faqList {
	float:left;
	width:100%;
}
.faqList ul {
	float:left;
	width:100%;
	list-style:none;	
}
.faqList li {
	position:relative;
	float:left;
	width:100%;	
	min-height:48px;
	padding:20px 0;
	border-bottom:1px dotted #CCC;
}
.faqList li a {
	color:#000;
}
.faqList li .wdbox {
	float:right;
	width:690px;
}
.faqList li .icon {
	float:left;
	display:block;
	width:48px;
	height:48px;
	background:#9aa2ac url(../images/faqList-icon.png) no-repeat 50% 50%;
}
.faqList li h3 {	
	font-size: 1.7em;	
	font-weight:bold;
	line-height:125%;
	margin-top:5px;
}
.faqList li a:hover,
.faqList li a:focus {
	color: #d3412f;
}


/** serviceList **/
.serviceList {
	float:left;
	width:100%;
	border-top:1px solid #bf2626;
	margin-top:15px;
}
.serviceList ul {
	float:left;
	width:100%;
	list-style:none;	
}
.serviceList li {
	position:relative;
	float:left;
	width:100%;	
	border-bottom:1px dotted #CCC;
}
.serviceList li a {
	float:left;
	width:100%;
	min-height:48px;
	color:#000;
	padding:20px 0;
}
.serviceList li a:before {
	content: "";
	height: 100%;
	min-height:48px;
	display: inline-block;
	vertical-align: middle;
}
.serviceList li .wdbox {
	display: inline-block;
	vertical-align: middle;
	width:690px;
	padding-left:6px;
}
.serviceList li a h3 {	
	font-size: 1.7em;	
	font-weight:bold;
	line-height:125%;
}
.serviceList li a p {
	margin-top:7px;	
}
.serviceList li a time {
	float:left;
	color:#999999;
	font-size: 1.4em;
	line-height:22px;
	padding-left:30px;
	background:url(../images/icon-calendar.png) no-repeat 0 50%;
}
.serviceList li a span {
	display: inline-block;
	vertical-align: middle;
	width:48px;
	height:48px;
	background:#9aa2ac no-repeat 50% 50%;
}
.serviceList li a span.v1 {
	background-image: url(../images/serviceList-icon1.png);
}
.serviceList li a span.v2 {
	background-image: url(../images/serviceList-icon2.png);
}
.serviceList li a span.v3 {
	background-image: url(../images/serviceList-icon3.png);
}
.serviceList li a span.v4 {
	background-image: url(../images/serviceList-icon4.png);
}
.serviceList li a:hover,
.serviceList li a:focus {
	color: #d3412f;
}
.serviceList li a:hover span,
.serviceList li a:focus span {
	background-color: #d3412f;
}


/** infoList **/
.infoList {
	float:left;
	width:100%;
	border-top:1px solid #bf2626;
	margin-top:15px;
}
.infoList ul {
	float:left;
	width:100%;
	list-style:none;	
}
.infoList li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.infoList li a {
	float:left;
	width:100%;
	color:#000;
}
.infoList li a:before {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.infoList li a h3 {
	display: inline-block;
	vertical-align: middle;
	width:645px;
	font-size: 1.7em;
	font-weight:bold;
	line-height:125%;
	padding:25px 15px 25px 0;
	background:#FFF;
}
.infoList li a span {
	display: inline-block;
	vertical-align: middle;
	width:85px;
	color:#000;
	font-size: 1.4em;
	text-align:center;
	padding-top:25px;
}
.infoList li a.v1 {
	background:#fff0f0;
}
.infoList li a.v1 span {
	color:#ff9999;
	background:url(../images/infoList-icon1.png) no-repeat 50% 0;
}
.infoList li a.v2 {
	background:#fff7e5;
}
.infoList li a.v2 span {
	color:#ffb266;
	background:url(../images/infoList-icon2.png) no-repeat 50% 0;
}
.infoList li a.v3 {
	background:#e5f7ff;
}
.infoList li a.v3 span {
	color:#7ac2f5;
	background:url(../images/infoList-icon3.png) no-repeat 50% 0;
}
.infoList li a.v4 {	
	background:#ffa6a6;
}
.infoList li a.v4 span {
	color:#FFF;
	background:url(../images/infoList-icon4.png) no-repeat 50% 0;
}
.infoList li a:hover,
.infoList li a:focus {
	color: #d3412f;
}


/** newsList **/
.newsList {
	float:left;
	width:100%;
}
.newsList ul {
	float:left;
	width:100%;
	list-style:none;
}
.newsList ul li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.newsList ul li a {
	float: left;
    width:100%;
	color:#000;
	padding:20px 0;
}
.newsList ul li a:hover,
.newsList ul li a:focus {
	color: #bf2626;
}
.newsList ul li p {
	margin-bottom:10px;
}
.newsList ul li span {
	display:inline-block;
	min-width:80px;
	color:#FFF;
	font-size:1.4em;
	text-align:center;
	padding:5px 10px;
	background:#9D9EA2;
}
.newsList ul li time {
	color:#999;
	font-size:1.4em;
	margin-left:10px;
}
.newsList ul li h3 {
	font-size:1.7em;
	line-height:125%;
	font-weight:bold;
}
.newsList ul li a:hover span,
.newsList ul li a:focus span{
	background: #bf2626;
}


/** eventList **/
.eventList {
	float:left;
	width:100%;
	overflow:hidden;
}
.eventList ul {
	float:left;
	width:780px;
	list-style:none;
	margin:10px -9px 0 -9px;
}
.eventList ul li {
	position:relative;
	float:left;
	width:236px;
	margin:10px;
	box-sizing:border-box;
	border:1px solid #DDD;
}
.eventList ul li a {
	float: left;
    width:100%;
	height:100%;
	color:#000;
}
.eventList ul li a:hover,
.eventList ul li a:focus {
	color: #bf2626;
}
.eventList ul li .photo {
	width:234px;
	height:156px;
	overflow:hidden;
	margin-bottom:10px;
}
.eventList ul li .photo img {
	-moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.eventList ul li h3 {
	height:65px;
	font-size:1.7em;
	line-height:125%;
	font-weight:bold;
	padding:0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -o-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
}
.eventList ul li p {
	color:#999;
	font-size:1.4em;
	padding:0 10px;
	margin:10px 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.eventList ul li a:hover span,
.eventList ul li a:focus span{
	background: #bf2626;
}
.eventList ul li a:hover .photo img,
.eventList ul li a:focus .photo img {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}


/** linkList **/
.linkList {
	float:left;
	width:100%;
	border-top:1px solid #bf2626;
	margin-top:15px;
}
.linkList ul {
	float:left;
	width:100%;
	list-style:none;
}
.linkList ul li {
	float:left;
	width:100%;
	border-bottom:1px dotted #CCC;
}
.linkList ul li a {
	float: left;
    width:100%;
	color:#000;
	padding:25px 0;
	background:url(../images/icon_blank.png) no-repeat 10px 50%;
}
.linkList ul li a:hover,
.linkList ul li a:focus {
	color: #bf2626;
	background:url(../images/icon_blank-hover.png) no-repeat 10px 50%;
}
.linkList ul li h3 {
	font-size:1.7em;
	line-height:125%;
	font-weight:bold;
	margin-left:40px;
}


/** gallery **/
#gallery {
	float:left;
	width:100%;
	padding:0;
	ZOOM: 1;
	overflow: hidden;
}
#gallery ul {
	float:left;
	width:1020px;
	list-style:none;
	margin-right: -10px;
    margin-left: -10px;
}
#gallery li {		
	float:left;
	width:365px;
	padding:20px 10px;
}
#gallery li a {		
	float:left;
	width:100%;
	box-sizing:border-box;
}
#gallery li .pic {
	float:left;
	padding:9px;
	border: 1px solid #CCC;
	overflow:hidden;
}
#gallery li .pic img {
	-moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#gallery li .name {
	float: left;
	width:100%;
	color: #000;
	font-size:1.5em;
	text-align: center;	
	margin-top: 10px;
}
#gallery li a:hover .pic img,
#gallery li a:focus .pic img {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}


/** pageBack **/
.pageBack {
	float:left;
	width:100%;
	margin-top:50px;
	text-align:center;
}
.pageBack a {
	font-size:2.1em;
	line-height:21px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 24px;
	background:url(../images/btn-pageBack.png) no-repeat 0 50%;
	margin:0 auto;
}
.pageBack a:hover {
	color:#ff6600;
	background:url(../images/btn-pageBack-hover.png) no-repeat 0 50%;
}


/** page **/
#page{
	float:left;
	width:100%;
	margin:40px 0 0 0;
}
#page .total{
	float:right;
	width:22%;
	color: #555555;	
	font-size: 1.4em;
	line-height:30px;
	text-align:right;
}
#page .num {
	float:left;
	width:78%;
	margin:0 auto;
}
#page .num a {
	display: inline-block;
	width:30px;
	height:30px;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:30px;
	text-align:center;
	border:1px solid #CCC;
	margin-right:5px;
}
#page .num a:hover,
#page .num a:focus {
	color: #E86D25;
	border-color:#E86D25;
}
#page .num .cur{	
	display: inline-block;
	width:30px;
	height:30px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:30px;
	text-align:center;
	cursor:text;
	padding:0;
	margin-right:5px;
	background: #bf2626;
	border:1px solid #bf2626;
}	
#page .num a.btn-first {
	display: inline-block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border-color:#333;
	background:#333 url(../images/page-first.png) no-repeat 50% 50%;	
}
#page .num a.btn-prev {
	display: inline-block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/page-prev.png) no-repeat 50% 50%;
	padding:0;
}
#page .num a.btn-next {
	display: inline-block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/page-next.png) no-repeat 50% 50%;
	padding:0;
}	
#page .num a.btn-last {
	display: inline-block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border-color:#333;
	background:#333 url(../images/page-last.png) no-repeat 50% 50%;
}
#page .num a.btn-first:hover,
#page .num a.btn-last:hover {
	border-color:#E86D25;
	background-color: #E86D25;
}
#page .num a.btn-prev:hover {
	border-color:#E86D25;
	background:url(../images/page-prev-hover.png) no-repeat 50% 50%;
}
#page .num a.btn-next:hover {
	border-color:#E86D25;
	background:url(../images/page-next-hover.png) no-repeat 50% 50%;
}


/** pageBot **/
.pageBot {
	float:left;
	width:100%;
	padding:0;
	margin-top:30px;
}
.pageBot .dn {
	color:#000;
	font-size:2.1em;
	line-height:25px;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/pageBot-download.png)  no-repeat 0 50%;
}
.dnTable {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-top:10px;
}
.dnTable th {
	color:#FFF;
	font-size:1.5em;
	padding:15px 10px;
	border:1px solid #CCC;
	background:#000;
	vertical-align:middle;
}
.dnTable th.w10 {
	width:12%;
}
.dnTable th.w12 {
	width:15%;
}
.dnTable td {
	color:#000;
	font-size:1.5em;
	text-align:center;
	vertical-align:middle;
	padding:15px 10px;
	border:1px solid #CCC;
	word-break:break-all;
}
.dnTable td.file-name {
	text-align:left;	
}
.dnTable td a {	color:#e60012; }
.dnTable td a:hover { color: #ff6600; }


/** bilingual **/
.bilingual {
	float:left;
	width: 100%;
	margin-top:20px;
	white-space: nowrap;
}
.bilingual th {
	width:35%;
	color: #fff;
	font-size: 1.7em;
    font-weight: bold;
    line-height: 125%;
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	padding:15px 10px;
	background-color: #DCA74E;
	border-right: #ddd 1px solid;
}
.bilingual th:nth-of-type(2n) {
	width:65%;
	background-color: #D58500;
	border-right: none;
}
.bilingual td {
	color:#000;	
	font-size: 1.7em;
    font-weight: bold;
    line-height: 125%;
	text-align:left;
	vertical-align:middle;
	padding:15px 10px;
	border-bottom:1px dotted #CCC;
}
.bilingual td:nth-of-type(2n) {
	color:#bf2626;
}
.bilingual tr:nth-of-type(2n) {
	background: #FBFAEE;
}


/** Sitemap **/
.sitemap {
	float: left;
	width: 100%;
	font-size: 1.7em;
	line-height:170%;
	color: #000;
	margin-top:15px;
}
.sitemap p {
	text-align:justify;
	margin:20px 0;
}
.sitemap ul {
	list-style-type: none; 
	margin:10px 0; 
	padding: 0px;
}
.sitemap ul li { 
	width: 100%;
	padding: 0;
	margin-left:1.5em;
	background:none;
	border:none;
}
.sitemapTree {
	float: left;
	width:100%;
	overflow:hidden;
	margin-top:15px;
	border-top:1px dashed #CCC;
}
.sitemapTree .port {
	float: left;
	width: 1020px;
	margin:0 -15px;
}
.sitemapTree .port > ul {
	float: left;
	width: 360px;
	padding:0 15px;
	list-style: none;
}
.sitemapTree .port > ul > li {
	margin-top:30px;
}
.sitemapTree .port > ul > li > a {
	display: block;
	color: #bf2626;
	font-size:1.7em ;
	font-weight: bold;
	padding:15px;
	background: #f6f6f6;
}
.sitemapTree .port > ul > li > a:hover,
.sitemapTree .port > ul > li > a:focus {
	color:#F90;
}
.sitemapTree .port > ul > li ul {
	list-style:none;
	margin-top:10px;
}
.sitemapTree .port > ul > li li {
	padding-left:1.5em;
}
.sitemapTree .port > ul > li li a  {
	display: block;
	color: #000;
	font-size:1.7em ;
	padding:10px;
}
.sitemapTree .port > ul > li li a:hover,
.sitemapTree .port > ul > li li a:focus {
	color:#F90;
}


/* ----- comSearch ----- */
.comSearch {
	position:relative;
	width:100%;
	margin: 0 auto;
}
.comSearch .search-box {
	position:relative;
	width:430px;
	height:50px;
	padding:0;
	border: 1px solid #CCC;
	margin:20px auto;	
}
.comSearch .search-query {
	float:left;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	width:350px;	
	height:50px;
	color:#000;
	font-size:1.7em;	
	padding:0 15px;
	margin:0;
	border:none;
}
.comSearch .search-btn {
	float:right;
	display:block;
	width:50px;
	height:50px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	margin:0;
	padding:0;
	background:#000000 url(../images/comSearch-btn.png) no-repeat 50% 50% ;
	background-size: 25px auto;
}
.comSearch .search-btn:hover,
.comSearch .search-btn:focus {
	background-color:#d23d2a;
}
.comSearch .search-show {
	float:left;
	width:100%;
	margin:30px 0 0 0;
}