@charset "utf-8";

.comPage #header {
	background:rgb(0,123,128);
}
@media screen and (min-width:991px) {
	.comPage #header {
		background:rgb(0,123,128); /* Old browsers */
		background:-moz-linear-gradient(top, rgba(0,123,128,1) 60%, rgba(42,160,160,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top, rgba(0,123,128,1) 60%,rgba(42,160,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom, rgba(0,123,128,1) 60%,rgba(42,160,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b80', endColorstr='#2aa0a0',GradientType=0 ); /* IE6-9 */
	}
}

/**
table {
	width:auto;
	border:1px solid #CCC;
	border-collapse:collapse;
}
table th,
table td {
	width:auto;
	padding:7px;
	border:1px solid #CCC;
}
**/

.btn-more {
	font-size:0.8rem;
	color:#6f6f6f;
	font-weight:bold;
	background:url(../images/icon-more.png) no-repeat 0 50%;
	padding-left:15px;
}
.btn-more:hover,
.btn-more:focus {
	color:#FF8000;
	background:url(../images/icon-more2.png) no-repeat 0 50%;
}
.btn-send {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	background:#CC4B00 url(../images/btn-send-icon.png) no-repeat 10px 50%;
	border:none;
	padding:9px 15px 11px 35px;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
	cursor:pointer;
	margin:0 5px;
}
.btn-send:hover,
.btn-send:focus {
	background-color:#E64B3B;
}
.btn-reset {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	background:#999 url(../images/btn-reset-icon.png) no-repeat 10px 50%;
	border:none;
	padding:9px 15px 11px 35px;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
	cursor:pointer;
	margin:0 5px;
}
.btn-reset:hover,
.btn-reset:focus {
	background-color:#555;
}
.btn-send-search {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	background:#CC4B00 url(../images/btn-send-search-icon.png) no-repeat 10px 50%;
	border:none;
	padding:9px 15px 11px 35px;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
	cursor:pointer;
	margin:0 5px;
}
.btn-send-search:hover,
.btn-send-search:focus  {
	background-color:#E64B3B;
}



/* breadcrumbs */
#breadcrumbs {
	position:relative;
	width:100%;
	font-size:1.5em ;
	color:#000;
	padding:15px 0;
	margin:75px auto 0 auto;
	background:#F2F2F2;	
}
#breadcrumbs a {
	color:#000;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
	color:#E3007F;
}
#breadcrumbs .bread-home {
	padding-left:27px;
	background:url(../images/bread-home.png) no-repeat 0 1px ;
	margin-left:5px;
}
#breadcrumbs .bread-home:hover,
#breadcrumbs .bread-home:focus {
	background:url(../images/bread-home-over.png) no-repeat 0 1px ;
}
#breadcrumbs .bread-list {
	color:#000000;
}
@media screen and (min-width:991px) {
	#breadcrumbs {
		margin-top:0px;		
	}
	#breadcrumbs a {
		height:37px;
	}	
	#breadcrumbs .bread-home {
		height:37px;
		padding-left:27px;
		background:url(../images/bread-home.png) no-repeat 0 1px ;
		margin-left:5px;
	}
	#breadcrumbs .bread-home:hover,
	#breadcrumbs .bread-home:focus {
		background:url(../images/bread-home-over.png) no-repeat 0 1px ;
	}
}


/** content **/
#content {
	position:relative;
	width:100%;
	padding:20px 0 30px 0;
	background:#FFF;
}
#content .acKey {
	line-height:150%;
}
@media screen and (min-width:991px) {
	#content {
		padding:30px 0 50px 0;
	}	
}


/** com-main **/
#com-main {
	width:100%;
	padding:20px 0;
	margin-bottom:10px;
}
#com-main dl {
	padding-right:115px;
}
#com-main dt {
	color:#000;
	font-family:微軟雅黑, "Microsoft YaHei";
	font-size:3.9em;	
	font-weight:bold;
	margin:-9px 7px 8px 0;
}
#com-main dd {
	font-size:1.5em;
	color:#555;
}
#com-main dd.entit {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.3em;
	line-height:20px;
	color:#333;
	margin-bottom:3px;
}
#com-main.cm1 { background:url(../images/commain-bg1.png) right 50% no-repeat; }
#com-main.cm2 { background:url(../images/commain-bg2.png) right 50% no-repeat; }
#com-main.cm3 { background:url(../images/commain-bg3.png) right 50% no-repeat; }
#com-main.cm4 { background:url(../images/commain-bg4.png) right 50% no-repeat; }
#com-main.cm5 { background:url(../images/commain-bg5.png) right 50% no-repeat; }
#com-main.cm6 { background:url(../images/commain-bg6.png) right 50% no-repeat; }
#com-main.cm7 { background:url(../images/commain-bg7.png) right 50% no-repeat; }
#com-main.cm8 { background:url(../images/commain-bg8.png) right 50% no-repeat; }
#com-main.cm9 { background:url(../images/commain-bg9.png) right 50% no-repeat; }
#com-main.cm10 { background:url(../images/commain-bg10.png) right 50% no-repeat; }
#com-main.cm11 { background:url(../images/commain-bg11.png) right 50% no-repeat; }
#com-main.cm12 { background:url(../images/commain-bg12.png) right 50% no-repeat; }
@media screen and (min-width:991px) {
	#com-main {
		padding:25px 0;
		margin-bottom:30px;
		border-bottom:3px solid #303030;
	}
	#com-main dt {
		float:left;
		margin:-4px 7px 0 0;
	}
	#com-main dd.entit {
		display:inherit;
	}
}


#com {
	position:relative;
	width:100%;	
}
#com-L {
	position:relative;
	width:100%;
	margin-bottom:20px;
}
#com-R {
	position:relative;
	width:100%;
}
@media screen and (min-width:991px) {
	#com-L {
		float:left;
		width:210px;
		margin:0;
	}
	#com-R {
		float:right;
		width:730px;
	}
}
@media screen and (min-width:1200px) {
	#com-L {
		width:250px;
	}
	#com-R {
		width:900px;
	}
}
@media screen and (min-width:1440px) {
	#com-L {
		width:300px;
	}
	#com-R {
		width:1090px;
	}
}


/* ----- smenuNav ----- */
#smenuNav {
	display:none;
}
@media screen and (max-width:990px) {
	#smenuNav {
		float:left;
		display:block;
		width:100%;
		height:auto;
		border:none;
		background:none;
		margin:0 auto;
	}
	#smenuNav > a {
		position:relative;
		float:left;
		width:100%;
		color:#CC4B00;
		font-size:1.9em;
		font-weight:bold;
		vertical-align:middle;
		padding:13px 15px;
		border:1px solid #CC4B00;
		box-sizing:border-box;
		background:rgba(232,109,38,.1)
	}
	#smenuNav > a.openNav {
		color:#FFF;
		background:#CC4B00;
	}
	#smenuNav > a:before {
		content:"";
		position:absolute;
		display:block;
		width:14px;
		height:2px;
		top:22px;
		right:15px;
		margin:-1px 0 0;
		background:#CC4B00;
	}
	#smenuNav > a:after {
		content:"";
		position:absolute;
		display:block;
		width:2px;
		height:14px;
		top:23px;
		right:21px;
		margin:-8px 0 0;
		background:#CC4B00;
		-webkit-transition:-webkit-transform .2s linear;
		   -moz-transition:-moz-transform .2s linear;
			-ms-transition:-ms-transform .2s linear;
			 -o-transition:-o-transform .2s linear;
				transition:transform .2s linear;
	}
	#smenuNav > a.openNav:after {
		background:#FFF;
		-webkit-transform:rotate(90deg);
		   -moz-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			 -o-transform:rotate(90deg);
				transform:rotate(90deg);
	}
}


/* ---------- smemu ---------- */ 
#smenu {
	float:left;	
	width:100%;
}
#smenu > ul {
	float:left;
	width:100%;
	list-style:none;
	background:#F7F6ED;
}
#smenu > ul > li {
	float:left;
	width:100%;	
	border-bottom:1px solid #FFF;
}
#smenu > ul > li:last-child {
	border-bottom:none;
}
#smenu > ul > li > a {
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	text-decoration:none;	
	background:url(../images/com-smenu.gif) no-repeat 0 15px;
	padding:12px 25px 12px 30px;
	box-sizing:border-box;
}
#smenu > ul > li > a:hover,
#smenu > ul > li > a:focus {
	color:#CC4B00;
	background:url(../images/com-smenu.gif) no-repeat 0 15px;
}
#smenu > ul > li > a:active {
	color:#FFF;
	background:#CC4B00 url(../images/com-smenu-on.gif) no-repeat right 14px;
}
#smenu > ul > li:hover > a {
	color:#CC4B00;
	background:url(../images/com-smenu-hover.gif) no-repeat 0 15px;
}
#smenu > ul > li.unit-now > a {
	color:#FFF;
	font-weight:bold;
	background:#CC4B00 url(../images/com-smenu-on.gif) no-repeat right 14px;
}
@media screen and (max-width:990px) {
	#smenu {
		display:none;
	}
	#smenu > ul > li > a {
		font-size:1.9em;		
	}
}
@media screen and (min-width:1200px) {
	#smenu > ul > li > a {
		font-size:1.9em;
		padding:15px 25px 15px 30px;
		background-position:0 18px;
	}
	#smenu > ul > li > a:hover,
	#smenu > ul > li > a:focus,
	#smenu > ul > li:hover > a {
		background-position:0 18px;
	}
	#smenu > ul > li > a:active,
	#smenu > ul > li.unit-now > a {
		background-position:right 17px;
	}
}

/* ---------- navSmenu ---------- */ 
#smenu .navSmenu {
	float:left;
	width:100%;
	list-style:none;
	border:none;
	margin:0px;
	padding:0px;
	background:#F1E9E2;
	border:10px solid #CC4B00;
	border-top:none;
	box-sizing:border-box;
}
#smenu .navSmenu li {
	float:left;
	width:100%;		
	padding:0;
	border-bottom:1px dotted #CCC;
	box-sizing:border-box;
}
#smenu .navSmenu li:last-child {
	border-bottom:1px solid #DBDAD7;
}
#smenu .navSmenu li a {
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	text-align:left;
	padding:10px 15px;
	box-sizing:border-box;
	background:none;
}
#smenu .navSmenu > li a:hover,
#smenu .navSmenu > li a:focus  {
	color:#CC4B00;
	background:none;
}
#smenu > ul > li:hover > .navSmenu {
	display:block;
	background:#FFF;
	border-color:#F7F6ED;
}
#smenu > ul > li > .navSmenu {
	background:#FFF;
	border-color:#F7F6ED;
}
#smenu > ul > li > .navSmenu li:last-child {
	border-bottom:none;
}
#smenu > ul > li.unit-now > .navSmenu {
	display:block;	
	background:#F6F2EE;
	border-color:#CC4B00;
}
#smenu > ul > li.unit-now > .navSmenu > li a {
	color:#000;
}
#smenu > ul > li.unit-now > .navSmenu > li a:hover,
#smenu > ul > li.unit-now > .navSmenu > li a:focus {
	color:#E3007F;
	text-decoration:none;
}
#smenu > ul > li.unit-now > .navSmenu > li:active a {
	color:#CC4B00;
	font-weight:bold;
	text-decoration:none;
}
#smenu > ul > li.unit-now > .navSmenu > li.unit-now a {
	color:#C73F00;
	font-weight:bold;
	text-decoration:none;
}
@media screen and (min-width:1200px) {
	#smenu .navSmenu li a {
		font-size:1.9em;
		padding:15px 20px;
	}
}


.page-topbtn {
	width:100%;
	text-align:right;
	letter-spacing:-9px;
	margin:20px auto;	
}
.sharebtn {
	display:inline-block;
	letter-spacing:0;
	vertical-align:middle;
}
.sharebtn ul {
	list-style:none;
	font-size:0;
	letter-spacing:-9px;
}
.sharebtn ul li {
	display:inline-block;
	letter-spacing:0;
	margin-left:5px;
}
.sharebtn ul li a {
	display:block;
	width:32px;
	height:32px;	
	color:#000;
	letter-spacing:0;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.sharebtn ul li a.icon-fb { color:#FFF;background:#306199 url(../images/icon-fb-sp.png) 50% 50% no-repeat; }
.sharebtn ul li a.icon-gplus { background:#ce2616 url(../images/icon-gplus-sp.png) 50% 50% no-repeat; }
.sharebtn ul li a.icon-twitter { background:#26c4f1 url(../images/icon-twitter-sp.png) 50% 50% no-repeat; }
.sharebtn ul li a.icon-line { background:#00B900 url(../images/icon-line-sp.png) 50% 50% no-repeat; }
.sharebtn ul li a.icon-fb:hover,
.sharebtn ul li a.icon-fb:focus { background-color:#244872; }
.sharebtn ul li a.icon-gplus:hover,
.sharebtn ul li a.icon-gplus:focus { background-color:#ce2616; }
.sharebtn ul li a.icon-twitter:hover,
.sharebtn ul li a.icon-twitter:focus { background-color:#0eaad6; }
.sharebtn ul li a.icon-line:hover,
.sharebtn ul li a.icon-line:focus { background-color:#0E920E; }
.ctrlbtn {
	display:inline-block;
	letter-spacing:0;
	vertical-align:middle;
}
.ctrlbtn a {
	float:left;
	display:block;
	font-size:0;
	line-height:28px;
	text-decoration:none;	
	color:#555;
	padding:0 14px;
	margin-left:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	border:2px solid #CCC;
}
.ctrlbtn a.prin {	
	background:#CCC url(../images/prin-icon-w.png) no-repeat 50% 50%;
}
.ctrlbtn a.mail {
	background:#CCC url(../images/mail-icon-w.png) no-repeat 50% 50%;
}
.ctrlbtn a:hover,
.ctrlbtn a:focus {
	color:#333;
	background-color:#999;
	border:2px solid #999;
}
@media screen and (min-width:991px) {
	.page-topbtn {
		margin:-30px 0 0 0;
	}
	.ctrlbtn {
		margin-left:0;
	}
	.ctrlbtn a {
		font-size:1.5em;
		padding:0 6px 0 30px;
		border:2px solid #DDD;
	}
	.ctrlbtn a.prin {
		background:url(../images/prin-icon.png) no-repeat 8px 50%;
	}
	.ctrlbtn a.mail {
		background:url(../images/mail-icon.png) no-repeat 8px 50%;
	}
	.ctrlbtn a:hover,
	.ctrlbtn a:focus {
		background-color:none;
		border:2px solid #999;
	}
}


.page-top {
	width:100%;
	margin-bottom:20px;
}
.page-top .stit {
	float:left;
	width:100%;
	margin-bottom:5px;
}
.page-top .stit span{
	display:inline-block;
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
	background:#CC4B00 url(../images/promoTop-div.png) no-repeat right 50%;
	padding:7px 18px 7px 10px;
	margin:0 10px 0 0;
}
.page-top .tit {
	float:left;
	font-size:3.1em;
	font-weight:bold;
	line-height:135%;
	color:#CC4B00;
	padding-right:8px;
	background:url(../images/pagetit-bg.png) no-repeat right 0;
}
.page-top .tit.tt2 {
	padding-right:0;
	background:none;
}
.page-top .titinfo {
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
	padding-bottom:15px;
	border-bottom:1px dashed #bfbfbf;
}
.page-top .titinfo span {
	color:#555;
    font-size:1.5em;
	font-style:normal;
	margin:0 15px 0 0;
	padding-left:20px;
	vertical-align:middle;
	background:url(../images/comPage-list.png) no-repeat 0 3px;
}
.page-top .titinfo span.signup {
	float:right;
	font-size:1.5em;
	font-weight:bold;
	background:none;
	padding:0;
	margin:-6px 0;
}
.page-top .titinfo span.signup a {
	display:inline-block;
	color:#FFF;	
	background:#E3007F url(../images/btn-signup-icon.png) no-repeat 5px 50%;
	border:none;
	padding:8px 8px 8px 31px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.page-top .titinfo span.signup a:hover,
.page-top .titinfo span.signup a:focus {
	background-color:#E64B3B;
}
@media screen and (max-width:560px) {
	.page-top .titinfo span {
		display:block;
		width:100%;
		padding:5px 0 5px 20px;
		background-position:0 5px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:331px) and (max-width:560px) {
	.page-top .titinfo span.signup {
		position:absolute;
		right:0;
		top:5px;
		width:auto;
		margin:0;
	}
	.page-top .titinfo span.signup a {
		padding:12px 8px 12px 31px;
	}
}
@media screen and (max-width:330px) {
	.page-top .titinfo span.signup {
		float:left;
		width:100%;
		text-align:center;
		margin:10px 0 5px 0;
	}
	.page-top .titinfo span.signup a {
		padding:10px 17px 10px 40px;
		background-position:10px 50%;
	}
}
@media screen and (min-width:991px) {
	.page-top .tit.tt2 {
		margin-top:10px;
	}
}


.searchCriteria {
	float:right;		
}
.searchCriteria .tbox {
	float:left;
	height:40px;
	padding:0 0 0 38px;
	margin-right:-1px;
	background:url(../images/icon-calendar.png) no-repeat 10px 50%;
	border:1px solid #CCC;
}
.searchCriteria .listBar {
	width:80px;
	height:40px;
	padding:0px;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#777;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:none;
	padding:0;
	margin:0;
	background: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:none;
	background: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:left;
	height:40px;
	padding:0;
	margin:0;
	border:1px solid #CCC;
}
.searchCriteria .search-query {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	height:40px;
	color:#777;
	width:150px;
	border:none;
	background:none;
	padding:0 10px;
	margin:0;
}
.searchCriteria .search-query2 {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	height:40px;
	color:#777;
	width:250px;
	border:none;
	background:none;
	padding:0 10px;
	margin:0;
}
.searchCriteria .search-btn {
	float:right;
	width:40px;
	height:40px;
	border:none;
	background:url(../images/icon-search.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	padding:0;
	margin:0;
}
.searchCriteria .search-btn:hover,
.searchCriteria .search-btn:focus {
	background-position:0 -40px;
}
@media screen and (max-width:560px) {
	.searchCriteria {
		float:left;
		width:100%;
		margin-top:10px;
	}
	.searchCriteria .tbox {
		width:40%;
		box-sizing:border-box;
	}
	.searchCriteria .listBar {
		width:100%;
	}
	.searchCriteria .sbox {
		position:relative;
		width:60%;
		box-sizing:border-box;
	}
	.searchCriteria .sbox2 {
		width:100%;
	}
	.searchCriteria .search-query {
		width:100%;
		padding-right:50px;
		box-sizing:border-box;
	}
	.searchCriteria .search-btn {
		position:absolute;
		right:-1px;
		top:-1px;
	}
}


/** page **/
#page{
	width:100%;			
	margin-top:30px;
}	
#page .num {
	float:left;
	margin:0 auto;
}
#page .num ul {
	list-style:none;
	margin:0 auto;
}
#page .num ul li {
	float:left;
	margin:0 4px;
}
#page .num ul li:first-child {
	margin:0 4px 0 0;
}
#page .num ul li:last-child {
	margin:0 0 0 4px;
}
#page .num ul li a {
	display:block;
	width:23px;
	height:23px;
	font-size:1.2em;
	color:#777;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	margin:0;
	border:1px solid #CCC;
}
#page .num ul li a.btn {
	margin:0;
	padding:0;		
}
#page .num ul li a:hover,
#page .num ul li a:focus {
	color:#E3007F;
	text-decoration:none;
	border:1px solid #E3007F;
}
#page .num ul li a.cur{
	color:#CC4B00;
	font-weight:bold;
	cursor:text;
	border:1px solid #CC4B00;
}
#page .total{
	float:right;
	color:#656565;	
	font-size:1.3em;	
	line-height:23px;
}
#page .num ul li a.btn-first{
	text-indent:-9999px;
	background:#FFF url(../images/page-first.png) no-repeat;
}
#page .num ul li a.btn-prev{
	text-indent:-9999px;
	background:#FFF url(../images/page-prev.png) no-repeat;
}
#page .num ul li a.btn-next{
	text-indent:-9999px;
	background:#FFF url(../images/page-next.png) no-repeat;
}	
#page .num ul li a.btn-last{
	text-indent:-9999px;
	background:#FFF url(../images/page-last.png) no-repeat;
}
#page .num ul li a.btn-prev:hover,
#page .num ul li a.btn-prev:focus,
#page .num ul li a.btn-next:hover,
#page .num ul li a.btn-next:focus,
#page .num ul li a.btn-first:hover,
#page .num ul li a.btn-first:focus,
#page .num ul li a.btn-last:hover,
#page .num ul li a.btn-last:focus {
	background-position:0 -23px;
}
/*=============== new page =====================*/
.aspnetpager{
	color:#656565;
}
.aspnetpager div:first-child {
	width:100% !important;
	text-align:center;
}
.aspnetpager div:nth-child(2) {
	width:100% !important;
	text-align:center;
}
.aspnetpager a, .aspnetpager .cpb {
	display:inline-block;
	min-width:13px;
	height:23px;
	font-size:1.2em;
	color:#777;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	padding:0 5px;
	margin:5px !important;
	border:1px solid #CCC;
} 
#page .aspnetpager .total {
	float:none;
	color:#656565;	
	font-size:1.3em;	
	line-height:23px;
	margin-bottom:20px;
} 
.aspnetpager a:hover,
.aspnetpager a:focus { 
	color:#E3007F;
	text-decoration:none;
	border:1px solid #E3007F;
}  
.aspnetpager disabled:hover,
.aspnetpager disabled:focus { 
	color:#777;
	text-decoration:none;
	border:1px solid #CCC;
}
.aspnetpager .cpb {
	color:#CC4B00;
	font-weight:bold;
	cursor:text;
	border:1px solid #CC4B00;
}
#WebPager1_input {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#656565;
	width:50px;
	height:23px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
	padding:0;
	margin-right:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
#WebPager1_btn {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:25px;
	color:#FFF;
	width:30px;
	height:25px;
	border:none;
	vertical-align:middle;
	padding:0;
	background:#757575;
	cursor:pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
#WebPager1_btn:hover { 
	background:#E3007F;
}
@media screen and (min-width:991px) {
	#WebPager1.aspnetpager {
		display:flex;
		letter-spacing:-9px;
		text-align:left !important;
		justify-content:space-between;
		align-items:center;
	}
	#WebPager1.aspnetpager div {
		float:none !important;
		display:inline-block;
		letter-spacing:0;
		vertical-align:middle;
	}
	.aspnetpager div:first-child {
		width:160px !important;
		text-align:left;
	}
	.aspnetpager div:nth-child(2) {
		width:calc(100% - 160px) !important;
		text-align:right;
	}
	.aspnetpager a, .aspnetpager .cpb {
		letter-spacing:0;
		margin:0 0 0 7px !important;
	}
	.aspnetpager a + span,
	.aspnetpager span + span {
		margin:0 !important;
	}
	#page .aspnetpager .total {
		text-align:left;
		margin:0;
	}
}
@media screen and (min-width:1200px) {
	.aspnetpager div:first-child {
		width:180px !important;
	}
	.aspnetpager div:nth-child(2) {
		width:calc(100% - 180px) !important;
	}
	#page .aspnetpager .total {
		font-size:1.5em;	
		line-height:21px;
		margin:5px 0;
	} 
	.aspnetpager a, .aspnetpager .cpb {
		min-width:21px;
		height:31px;
		font-size:1.5em;
		line-height:31px;
		margin:0 0 0 7px !important;
	}
}


/** pageInfo **/
.pageInfo {
	width:100%;
	font-size:1.7em;
	line-height:160%;
	margin-bottom:30px;
}
.pageInfo p {
	margin:15px 0;
}
.pageInfo img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageInfo > ol,
.pageInfo > ul {
	margin:20px 0;
	margin-left:1.5em;	
}
.pageInfo > ol > li,
.pageInfo > ul > li {
	margin:10px 0;
}
.pageInfo li > ol,
.pageInfo li > ul {
	margin:10px 0;
}
.pageInfo li > ol > li,
.pageInfo li > ul > li {
	margin:10px 0;
}
@media screen and (min-width:1200px) {
	.pageInfo {
		font-size:1.9em;
	}
}


/** atTable **/
.atTable {
	float:left;
	width:100%;
	font-size:1.5em;
	line-height:150%;
	border:1px solid #F9D69B;
	border-collapse:collapse;
	margin-bottom:20px;
}
.atTable th {	
	width:20%;
	color:#d60077;
	padding:10px;
	border:1px dotted #F9D69B;
	background:#fef2db;
	text-align:center;
	box-sizing:border-box;
}
.atTable td {
	width:80%;
	color:#333;
	padding:10px;
	background:#FAF9F3;
	border:1px dotted #F9D69B;
	box-sizing:border-box;
}
.atTable td  ul, .atTable td ol {
	margin-left:1.1rem;
}
.atTable td a { color:#333; }
.atTable td a:hover { color:#E3007F; }
@media screen and (max-width:420px) {
	.atTable th {
		display:block;	
		width:100%;
		border-right:none;
		border-left:none;
		padding:7px;	
	}
	.atTable td {
		display:block;
		width:100%;
		border:none;		
	}
}
@media screen and (min-width:991px) {
	.atTable th {
		width:14%;
	}
	.atTable td {
		width:86%;
	}
}
@media screen and (min-width:1200px) {
	.atTable {
		font-size:1.7em;
	}
}


/** gallery **/
#gallery {
	width:100%;
	box-sizing:border-box;
	margin-top:20px;
}
#gallery ul {
	list-style:none;
	margin:-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:#D82B12;
}
#gallery ul li .pic {
	width:100%;
	overflow:hidden;
	border:5px solid #FFF;
	box-sizing:border-box;
	-webkit-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	   -moz-box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
	        box-shadow:0 1px 5px rgba(0%,0%,0%,0.5);
}
#gallery ul li .pic img {
	float:left;
	width:100%;
	height:auto;
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;
}
#gallery ul li a:hover .pic img,
#gallery ul li a:focus .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 ul li p {
	font-size:1.5em;
	line-height:130%;
	text-align:center;	
	margin-top:10px;
}
@media screen and ( max-width:420px) {
	#gallery ul li {
		width:100%;
	}
}
@media screen and (min-width:781px) {
	#gallery ul li {
		width:33.33%;
	}
}
@media screen and (min-width:991px) {
	#gallery ul li {
		width:25%;
	}
}
@media screen and (min-width:1200px) {
	#gallery ul li p {
		font-size:1.7em;
	}
}


/** pageFile **/
.pageFile {	
	width:100%;
	margin:20px 0;
}
.pageFile dl{
	position:relative;
	margin:15px 0;
}
.pageFile dt{
	position:absolute;	
	width:95px;
	margin:0;
}
.pageFile dt span {
	color:#E3007F;
	font-size:1.5em;
	padding-left:20px;
	background:url(../images/pageFile-list.png) no-repeat 0 50%;
}
.pageFile dd {
	font-size:1.5em;
	padding:0 0 0 95px;
	margin:0;
	box-sizing:border-box;
}
.pageFile dd a {
	color:#CC4B00;
}
.pageFile dd a:hover,
.pageFile dd a:focus {
	color:#E3007F;
}
@media screen and (max-width:480px) {
	.pageFile dd{
		padding:25px 0 0 0;
	}
}
@media screen and (min-width:1200px) {
	.pageFile dt {
		width:115px;
	}
	.pageFile dt span {
		font-size:1.7em;
	}
	.pageFile dd {
		font-size:1.7em;
		padding:0 0 0 115px;
	}
}


/** dnTable **/
.dnTable {
	width:100%;
	border:1px solid #EDBCD7;
	border-collapse:collapse;
}
.dnTable th {
	color:#d60077;
	padding:10px 0;
	border:1px dotted #EDBCD7;
	border-bottom:1px solid #EDBCD7;
	background:#FBEEF5;
}
.dnTable th:nth-of-type(2),
.dnTable th:nth-of-type(3),
.dnTable th:nth-of-type(5) {
	width:90px;
}
.dnTable th:nth-of-type(4) {
	width:100px;
}
.dnTable td {
	color:#555;
	padding:10px;
	border:1px dotted #EDBCD7;
	word-break:break-all;
}
.dnTable td:nth-of-type(2),
.dnTable td:nth-of-type(3),
.dnTable td:nth-of-type(5) {
	width:90px;
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
}
.dnTable td:nth-of-type(4) {
	width:100px;
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
}
.dnTable .downloadBtn {
	display:block;
	width:18px;
	height:18px;
	font-size:0;
	background:url(../images/download-Btn.png) no-repeat;
	margin:0 auto;
}
.dnTable .downloadBtn:hover,
.dnTable .downloadBtn:focus {
	background-position:0 -18px;
}
@media screen and (max-width:768px) {
	.dnTable th:nth-of-type(2),
	.dnTable th:nth-of-type(3),
	.dnTable th:nth-of-type(5) {
		width:20%;
	}
	.dnTable th:nth-of-type(4) {
		display:none;
	}
	.dnTable td:nth-of-type(2),
	.dnTable td:nth-of-type(3),
	.dnTable td:nth-of-type(5) {
		width:20%;
	}
	.dnTable td:nth-of-type(4) {
		display:none;
	}
}
@media screen and (min-width:991px) {
	.dnTable th:nth-of-type(2),
	.dnTable th:nth-of-type(3),
	.dnTable th:nth-of-type(5) {
		width:90px;
	}
	.dnTable th:nth-of-type(4) {
		width:100px;
	}
	.dnTable td:nth-of-type(2),
	.dnTable td:nth-of-type(3),
	.dnTable td:nth-of-type(5) {
		width:90px;
	}
	.dnTable td:nth-of-type(4) {
		width:100px;
	}
}


/** pagePN **/
.pagePN {
	width:100%;
	margin:20px 0;
}
.pagePN dl {
	position:relative;
	float:left;
	width:100%;	
	padding:15px 0;	
	background:#EFF3F3;	
}
.pagePN dl.pagePrev {
	margin:0 0 1px 0;
	border-radius:8px 8px 0 0 ; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;
}
.pagePN dl.pageNext {
	margin:1px 0 0 0;
	border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;
}
.pagePN dt {
	position:absolute;
	left:10px;
	top:11px;
	text-align:center;
	margin:0;
	vertical-align:middle;
}
.pagePN dl dt span {
	float:left;
	color:#FFF;
	font-size:1.3em;
	line-height:22px;
	padding:0 9px 0 23px;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
}
.pagePN dl.pagePrev dt span {
	background:#0074b4 url(../images/pagePrev-icon.png) no-repeat 6px 4px ;
}
.pagePN dl.pageNext dt span {
	background:#0074b4 url(../images/pageNext-icon.png) no-repeat 6px 4px ;
}
.pagePN dd {
	font-size:1.5em;
	color:#0074b4;			
	padding:0 5px 0 85px;
	margin:0;
	vertical-align:middle;
}
*:first-child+html .pagePN dd {
	float:left;
	padding:9px 1% 9px 0;
}/*--for ie7--*/
.pagePN dd a { color:#0074b4; }
.pagePN dd a:hover,
.pagePN dd a:focus  { color:#E3007F; }	
.pageNext dt span {
	color:#FFF;
	padding:2px 9px 2px 23px;
	background:#0074b4 url(../images/pageNext-icon.png) no-repeat 6px 4px ;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
}
@media screen and (min-width:1200px) {
	.pagePN dd {
		font-size:1.7em;
	}
}


/** pageBack **/
.pageBack {
	width:100%;
	margin-top:30px;
	text-align:center;
}
.pageBack a {
	display:inline-block;
	font-size:1.9em;
	line-height:24px;
	font-weight:bold;
	color:#333;
	padding-left:28px;
	background:url(../images/pageBack-btn.png) no-repeat;
	margin:0 auto;
}
.pageBack a:hover,
.pageBack a:focus {
	color:#CC4B00;
	background:url(../images/pageBack-btn.png) no-repeat 0 -24px;
}


/* ----- topMenu -----  */
#topMenu {
	position:relative;
	width:100%;
	padding:0;
	margin-bottom:20px;
	overflow:hidden;
}
#topMenu .slick-prev,
#topMenu .slick-next {
	position:absolute;
	display:block;
	width:30px;
	height:50px;
	top:50%;
	cursor:pointer;
	z-index:50;
	background:url(../images/topMenu-btn.png) no-repeat;
}
#topMenu .slick-prev {
	left:0px;
	background-position:0 0;
}
#topMenu .slick-next {
	right:0px;
	background-position:-30px 0;
}
#topMenu .slick-prev:before,
#topMenu .slick-next:before {content:'';}
#topMenu .slick-prev:hover {
	background-position:0 -50px;
}
#topMenu .slick-prev:focus {
	background-position:0 -50px;
	outline:1px dotted #FF0000;
}
#topMenu .slick-next:hover {
	background-position:-30px -50px;
}
#topMenu .slick-next:focus {
	background-position:-30px -50px;
	outline:1px dotted #FF0000;
}
#topMenu .box{
	padding:0px;
	overflow:hidden;
	margin:0 auto;
}
#topMenu .box .listshow{
	padding:0 30px;
	overflow:hidden;
}
#topMenu .box .listshow .slick-slide {
	text-align:center;
}
#topMenu .box .listshow .item{
	display:inline-block;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
#topMenu .box .listshow .item a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.6em;
	width:127px;
	height:127px;
	border:4px solid #757575;
	margin:0 auto;
	background:#757575 url(../images/pm-bg.png) no-repeat 0 0 ;
	border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px;
}
#topMenu .box .listshow .item a:hover,
#topMenu .box .listshow .item a:focus,
#topMenu .box .listshow .item.pm a:active,
#topMenu .box .listshow .item.pm a.unit-now {
	color:#757575;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item a span{
	position:absolute;
	width:99px;
	left:14px;
	bottom:18px;
	text-align:center;
}
#topMenu .box .listshow .item.pm1 a {
	border:4px solid #578300;
	background:#578300 url(../images/pm1-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm1 a:hover,
#topMenu .box .listshow .item.pm1 a:focus,
#topMenu .box .listshow .item.pm1 a:active,
#topMenu .box .listshow .item.pm1 a.unit-now {
	color:#578300;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item.pm2 a {
	border:4px solid #db3b08;
	background:#db3b08 url(../images/pm2-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm2 a:hover,
#topMenu .box .listshow .item.pm2 a:focus,
#topMenu .box .listshow .item.pm2 a:active,
#topMenu .box .listshow .item.pm2 a.unit-now {
	color:#db3b08;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item.pm3 a {
	border:4px solid #228782;
	background:#228782 url(../images/pm3-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm3 a:hover,
#topMenu .box .listshow .item.pm3 a:focus,
#topMenu .box .listshow .item.pm3 a:active,
#topMenu .box .listshow .item.pm3 a.unit-now {
	color:#228782;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item.pm4 a {
	border:4px solid #9E6C00;
	background:#9E6C00 url(../images/pm4-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm4 a:hover,
#topMenu .box .listshow .item.pm4 a:focus,
#topMenu .box .listshow .item.pm4 a:active,
#topMenu .box .listshow .item.pm4 a.unit-now {
	color:#9E6C00;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item.pm5 a {
	border:4px solid #3c77c5;
	background:#3c77c5 url(../images/pm5-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm5 a:hover,
#topMenu .box .listshow .item.pm5 a:focus,
#topMenu .box .listshow .item.pm5 a:active,
#topMenu .box .listshow .item.pm5 a.unit-now {
	color:#3c77c5;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box .listshow .item.pm6 a {
	border:4px solid #9462b2;
	background:#9462b2 url(../images/pm6-bg.png) no-repeat;
}
#topMenu .box .listshow .item.pm6 a:hover,
#topMenu .box .listshow .item.pm6 a:focus,
#topMenu .box .listshow .item.pm6 a:active,
#topMenu .box .listshow .item.pm6 a.unit-now {
	color:#9462b2;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
@media screen and (max-width:690px) {
	#topMenu .box .listshow{
		padding:0 calc((100% - 465px)/2);
	}
}
@media screen and (max-width:560px) {
	#topMenu .box .listshow{
		padding:0 calc((100% - 310px)/2);
	}
}
@media screen and (max-width:380px) {
	#topMenu .box .listshow{
		padding:0 calc((100% - 155px)/2);
	}
}


#topMenu .box2 {	
	padding:0px;
	overflow:hidden;
	margin:0 auto;
}
#topMenu .box2 .listshow {
	padding:0 30px;
	overflow:hidden;
}
#topMenu .box2 .listshow .slick-slide {
	text-align:center;
}
#topMenu .box2 .listshow .item {
	display:inline-block;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
#topMenu .box2 .listshow .item a {
	position:relative;
	display:inline-block;
	color:#FFF;	
	width:135px;
	height:135px;
	overflow:hidden;	
	margin:0 auto;
	border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px;
	background:url(../images/application-btn-bg.gif) no-repeat;
}
#topMenu .box2 .listshow .item a:hover,
#topMenu .box2 .listshow .item a:focus,
#topMenu .box2 .listshow .item a:active,
#topMenu .box2 .listshow .item a.unit-now {
	color:#757575;
	font-weight:bold;
	background-position:0 -127px;
	background-color:#FFF;
}
#topMenu .box2 .listshow .item a:hover .wd,
#topMenu .box2 .listshow .item a:focus .wd,
#topMenu .box2 .listshow .item a:active .wd,
#topMenu .box2 .listshow .item a.unit-now .wd {
	display:none;
}
#topMenu .box2 .listshow .item a .wd {
	position:absolute;
	display:flex;
	top:0px;
	left:0px;
	width:135px;
	height:135px;
	padding:5%;
	box-sizing:border-box;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	background:rgba(0,0,0,0.7);
	background:transparent\9;
	zoom:1\8; /* required for the filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */
}
#topMenu .box2 .listshow .item a .wd span {
	width:105px;
	font-size:1.6em;
	line-height:20px;
	display:inline-block;
	vertical-align:middle;
	text-shadow:0px 1px 2px rgba(0,0,0,0.5);
}
@media screen and (max-width:690px) {
	#topMenu .box2 .listshow{
		padding:0 calc((100% - 465px)/2);
	}
}
@media screen and (max-width:560px) {
	#topMenu .box2 .listshow{
		padding:0 calc((100% - 310px)/2);
	}
}
@media screen and (max-width:380px) {
	#topMenu .box2 .listshow{
		padding:0 calc((100% - 155px)/2);
	}
}


/** iframe RWD **/
.video-wrapper {
	width:100%;
	text-align:center;
}
.video-wrapper iframe {
    max-width:100%;
	margin:0 auto;
}
@media screen and (max-width:990px) {	
	.video-wrapper {
		position:relative;
		padding-bottom:56.25%;
		overflow:hidden;
	}
	.video-wrapper iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}


/** ptable **/
.ptable {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
.ptable th {
	width:auto;
	color:#000;
	font-weight:bold;
	padding:7px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #DFDFDF;
	background:#EAEAEA;
}
.ptable td {
	width:auto;
	padding:7px;
	border:1px solid #DFDFDF;
    background:rgba(255,255,255,.6);
}


/** explain **/
#explain {
	position:relative;
	width:100%;
	padding:50px 0;
	background:#f1f1f1;
}
#explain h1 {
	font-size:3.1em;
	font-weight:bold;
	color:#CC4B00;
}
#explain .explain-box {
	width:100%;
	font-size:1.5em;
	line-height:160%;
	padding:25px 20px;
	border:5px solid #DDD;
	background:#FFF;
	margin-top:20px;
	box-sizing:border-box;
}
#explain .explain-box ol, #explain .explain-box ul {
	margin-left:2em;
}


/* --- postTab --- */ 
.postTab {
  float:left;
  font-family:"微軟正黑體";
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  border:1px solid #72cfff;
  font-size:1em;
  color:#333;
  background-color:#ffffff;
  margin-top:10px;
}
.postTab.breakpoint > tbody > tr > td.expand {
	padding-left:40px;
	background-image:url(../images/plus.png);
	background-repeat:no-repeat;
	background-position:10px center;
}
.postTab.breakpoint > tbody > tr.footable-detail-show > td.expand {
  background:url('../images/minus.png') no-repeat 10px center;
}
.postTab.breakpoint > tbody > tr.footable-row-detail {
  background:#eff8fd;
}

.postTab > tbody > tr:hover {
  background:#fbf8e9;
}
.postTab.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor:pointer;
}
.postTab > thead > tr > th{
	color:#006699;
	border-bottom:1px solid #72cfff;
	border-right:1px dotted #72cfff;
}
.postTab > tbody > tr > td{
	border-bottom:1px dotted #72cfff;
	border-right:1px dotted #72cfff;
}
.postTab > tbody > tr > td, .postTab > thead > tr > th {
  font-family:"微軟正黑體";
  padding:5px;
  text-align:center;
  vertical-align:middle;
}
.postTab > tbody > tr > td.download{text-align:center;}
@media screen and (max-width:767px) {
	.postTab > tbody > tr > td{
	  text-align:left;
	}	
}
.postTab > tbody > tr > td.footable-cell-detail {
  border-left:none;
}
.postTab > thead > tr > th, .postTab > thead > tr > td {
  background-color:#cceafa;
  border-top:none;
}
.postTab > thead > tr > th.footable-first-column, .postTab > thead > tr > td.footable-first-column,
.postTab > tbody > tr > td.footable-first-column {
  border-left:none;
}
.postTab > tbody img {
  vertical-align:middle;
}
.postTab > tfoot > tr > th, .postTab > tfoot > tr > td {
  background-color:#333333;
  border-top:1px solid #ddd;
  padding:10px;
}

@media print {
	#breadcrumbs {
		margin-top:0px;
	}
	#com-main {
		padding:15px 0 !important;
		margin-bottom:15px;
		border-bottom:3px solid #303030;
		background-size:auto 70px !important;
	}
	#content .acKey {
		display:none;
	}
	.aspnetpager div:first-child {
		float:left;
		width:250px !important;
		text-align:left;
	}
	.aspnetpager div:nth-child(2) {
		float:left;
		width:calc(100% - 250px) !important;
		text-align:right;
	}
	.aspnetpager div:nth-child(3) {
		display:none;
	}
	#page {
		width:100%;
		page-break-before:avoid;
		page-break-after:avoid;
		page-break-inside:avoid;
		margin-top:15px;
	}
}