@charset "utf-8";

.color-black { color:#000000;}
.color-red { color:#ed1c24;}
.color-green { color:#128f8a;}
.color-blue { color:#063566;}
.color-orange { color:#f15a24;}
.color-gray { color:#808080;}

.txtCenter { text-align:center;}


/** 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:270px;*/
	width: 300px;
	height: 65px;
	font-size: 0;
	background: url(../images/logo.png) no-repeat 0 50%;
	background-size: auto 65px;
	margin: 20px auto;
}
.errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
    /* background-attachment:fixed !important; */
	background:#737373;
	background-size:cover;
}
.errorBox h2 {
    color:#FFF;
	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);
}
.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);
}
.errorBox p {
	color:#FFF;
	font-size:1.7em;
	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);
}
.errorBtn {
	width:100%;
	text-align:center;
    margin:30px auto;
}
.errorBtn a {
	display:inline-block;
    color:#737373;
    font-size:1.7em;
	padding:10px 30px;
	border:1px solid #737373;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:0 auto;
}
.errorBtn a:hover,
.errorBtn a:focus {
	color:#FFF;
	border-color:#000;
    background:#000;
}
@media screen and (max-width:480px) {
	.errorBox {	
		padding:50px 20px;
	}
	.errorBox h2 {
		font-size:3.9em;
	}
	.errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo{
		margin:30px auto;
	}
	.errorBox {	
		padding:60px 25%;
	}	
}


/** comMain **/
#comMain {
	width:100%;
	height:150px;
	margin:0 auto;
	box-sizing:border-box;
	background-position:50% 50%;	
	background-size:cover;
}
#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.cm6 { background-image:url(../images/com-main6.jpg); }
#comMain.cm7 { background-image:url(../images/com-main7.jpg); }
#comMain.cm8 { background-image:url(../images/com-main8.jpg); }
#comMain .container {
	display: flex;
	width:100%;
	height:100%;
	flex-wrap: wrap;	
}
#comMain span {
	display: flex;
	width:100%;
	font-family: "微軟正黑體","Microsoft JhengHei";
	color:#FFF;
	font-size:4.1em;
	font-weight:bold;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
	text-align:center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
@media screen and (max-width:420px) {
	#comMain {
		height:110px;
		background-size:auto 110px;
	}
	#comMain span {
		font-size:3.7em;
	}
}
@media screen and (min-width:991px) {
	#comMain {
		height:260px;
		padding-bottom:55px;
	}
	#comMain span {
		font-size:5.5em;
	}
}


/** comBar **/
#comBar {
	position:relative;
	width:100%;
	margin:0 auto;
	background:rgba(235,97,0,.9);
}
@media screen and (min-width:991px) {
	#comBar {
		max-width:990px;
		margin-top:-55px;
	}
}
@media screen and (min-width:1200px) {
	#comBar {
		max-width:1200px;
	}
}

/** breadcrumbs **/
#breadcrumbs {
	float:left;
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
}
#breadcrumbs dl {
	position:relative;
	width:100%;
	margin:0 auto ;
}
#breadcrumbs dt {
	position:absolute;
	left:0;
	border-right:1px solid rgba(255,255,255,1);
	z-index:2;
}
#breadcrumbs dt a.bread-home {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
}
#breadcrumbs dt a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-home.svg) 50% 50% no-repeat;
	background-size:cover;
}
#breadcrumbs dt a.bread-home:hover,
#breadcrumbs dt a.bread-home:focus {
	background:rgba(0,0,0,.7);
}
#breadcrumbs dd {
	float:left;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#breadcrumbs #breadMenu1 {
	display:none;
}
#breadcrumbs dd:last-child {
	border-bottom:none;
}
#breadcrumbs dd:nth-child(2) > a,
#breadcrumbs dd:nth-child(2) > span,
#breadcrumbs #breadMenu1 > a,
#breadcrumbs #breadMenu1 > span,
#breadcrumbs #breadMenu2 > a,
#breadcrumbs #breadMenu2 > span {
	padding-left:70px;
}
#breadcrumbs .breadMenu {
	position:relative;
}
#breadcrumbs .breadMenu > a,
#breadcrumbs .breadMenu > span {
	position:relative;
	display:block;
	color:#FFF;
	line-height:115%;
	padding:14px 40px 14px 20px;
}
#breadcrumbs .breadMenu > a:after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 7px;
    height: 7px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 2;
    -webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#breadcrumbs .breadMenu > a:hover,
#breadcrumbs .breadMenu > a:focus {
	color:#fff100;
}
#breadcrumbs .breadMenu > a:hover:after,
#breadcrumbs .breadMenu > a:focus:after {
	border-color:#fff100;
}
#breadcrumbs .breadMenu.on > a {
	color:#FFF;
	background-color:rgba(0,0,0,.7);
}
#breadcrumbs .breadMenu.on > a:after {
	top: 23px;
	border-color:#FFF;
	-webkit-transform:rotate(-225deg);
	    -ms-transform:rotate(-225deg);
	        transform:rotate(-225deg);
}
#breadcrumbs .breadMenu ul {
	display:none;
	width:100%;
	list-style:none;
	background-color:rgba(187,0,59,.9);
}
#breadcrumbs .breadMenu ul li {
	border-bottom:1px dashed rgba(255,255,255,.5);
}
#breadcrumbs .breadMenu ul li:last-child {
	border-bottom:none;
}
#breadcrumbs .breadMenu ul li.unit-now {
	display:none;
}
#breadcrumbs .breadMenu ul li a {
	display:block;
	color:#FFF;
	padding:15px 20px;
}
#breadcrumbs .breadMenu ul li a:hover,
#breadcrumbs .breadMenu ul li a:focus {
	color:#fff100;
	background-color:rgba(187,0,59,.9);
}
@media screen and (min-width:991px) {
	#breadcrumbs {
		width:auto;
		margin:0;
	}
	#breadcrumbs dl {
		float:left;
		width:auto;
		background:none;
	}
	#breadcrumbs dt {
		position:relative;
		float:left;
		border-right:1px solid rgba(255,255,255,.4);
	}
	#breadcrumbs dt a.bread-home {
		width:55px;
		height:55px;
	}
	#breadcrumbs dd {
		width:auto;
		min-width:180px;
		font-size:1.7em;
		border-bottom:none;
		border-right:1px solid rgba(255,255,255,.4);
	}
	#breadcrumbs #breadMenu1 {
		display:block;
	}
	#breadcrumbs dd:nth-child(2) {
		width:auto;
	}
	#breadcrumbs dd:nth-child(2) > a,
	#breadcrumbs dd:nth-child(2) > span,
	#breadcrumbs #breadMenu1 > a,
	#breadcrumbs #breadMenu1 > span,
	#breadcrumbs #breadMenu2 > a,
	#breadcrumbs #breadMenu2 > span {
		padding-left:20px;
	}
	#breadcrumbs .breadMenu > a,
	#breadcrumbs .breadMenu > span {
		line-height:55px;
		padding:0 50px 0 20px;
	}
	#breadcrumbs .breadMenu > a:after {
		right:15px;
		top:20px;
	}
	#breadcrumbs .breadMenu ul li a {
		padding:20px;
	}
	#breadcrumbs .breadMenu.on > a:after {		
		top: 25px;
	}
	#breadcrumbs .breadMenu ul {
		position:absolute;
		display:block;
		top:55px;
		left:0;		
		height:0;
		visibility: hidden;
		opacity: 0;
		overflow:hidden;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
		z-index:5;
	}
	#breadcrumbs .breadMenu ul.focu-show {
		height:inherit;
		visibility:visible;
		opacity: 1;
	}
}


/* ----- postBtn ----- */
.postBtn {
	position:absolute;
	right:15px;
	bottom:-70px;
	width:auto;
	z-index:2;
}
@media screen and (min-width:991px) {
	.postBtn {
		position:relative;
		right:inherit;
		bottom:inherit;
		float:right;
	}
}


/* ----- printBtn ----- */
.printBtn {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	background:rgba(0,0,0,.3);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.printBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	background:url(../images/icon-print.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.printBtn:hover,
.printBtn:focus {
	background:rgba(0,0,0,.7);
}
@media screen and (max-width:420px) {
	.printBtn {
		margin-bottom:5px;
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			 -o-transform:scale(0.8);    
				transform:scale(0.8);
	}
}
@media screen and (min-width:991px) {
	.printBtn {
		width:55px;
		height:55px;
		border:none;		
		border-left:1px solid rgba(255,255,255,.4);
		box-sizing:inherit;
		background:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	.printBtn:before {
		width:20px;
		height:20px;
		margin:-10px 0 0 -10px;
	}
}

/* ----- shareBtn ----- */
.shareBtn {
	display:none;
	position:relative;
	float:right;
	width:50px;
}
.shareBtn .on {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#000;
	font-size:0;
	line-height:50px;
	background:rgba(0,0,0,.4);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.shareBtn .on:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-share.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.shareBtn .on:focus,
.shareBtn .on.show,
.shareBtn .on.show:focus {
	background:rgba(0,0,0,.7);
}
.shareBtn .shareMenu {
	display:none;
	position:absolute;
	top:50px;
	right:0;
	background:rgba(255,255,255,.8);
	z-index:200;
	list-style:none;
}
.shareBtn .shareMenu a {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	font-size:0;
}
.shareBtn .shareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	margin:-15px 0 0 -15px;
	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;
}
.shareBtn .shareMenu a.icon-fb {
	background-color:rgba(59,89,152,1);
}
.shareBtn .shareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.shareBtn .shareMenu a.icon-twitter {
	background-color:rgba(0,172,237,1);
}
.shareBtn .shareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter.svg);
}
.shareBtn .shareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.shareBtn .shareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.shareBtn .shareMenu a:hover:before,
.shareBtn .shareMenu a:focus:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (min-width:991px) {
	.shareBtn {
		display:block;
		width:55px;
		border-left:1px solid rgba(255,255,255,.4);
	}
	.shareBtn .on {
		width:55px;
		height:55px;
		border:none;
		background:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	.shareBtn .shareMenu {
		display:block;
		top:55px;
		height:0;
		visibility: hidden;
		opacity: 0;
		overflow:hidden;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.shareBtn .shareMenu.focu-show {
		height:inherit;
		visibility:visible;
		opacity: 1;
	}
	.shareBtn .shareMenu a {
		width:55px;
		height:55px;
	}
}


/* ----- backBtn ----- */
.backBtn {
	position:relative;
	float:left;
	width:45px;
	height:45px;
	color:#FFF;
	font-size:0;
	line-height:45px;
	box-sizing:border-box;
	background:rgba(6,53,102,.5);
}
.backBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:23px;
	height:23px;
	margin:-11px 0 0 -11px;
	background:url(../images/icon-back.svg) 50% 50% no-repeat;
}
.backBtn:hover,
.backBtn:focus {
	background:rgba(6,53,102,1);
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;	
	margin:0 auto;	
}
#comPage .pageCenter {
	width:100%;
	padding:20px 0 190px 0;	
	box-sizing:border-box;
	margin:0 auto;
}
#comPage .cityBg {
	position:absolute;
	bottom:0;
}
#comPage .pageLeft {
	position:relative;	
	width:100%;
}
#comPage .pageRight {
	position:relative;
	width:100%;
}
@media screen and (max-width:420px) {
	#comPage .pageCenter {
		padding-bottom:150px;
	}	
}
@media screen and (min-width:991px) {
	#comPage {
		background:#f2f1ed;
	}
	#comPage .acKey {
		position:absolute;
		top:5px;
		margin-left:5px;
		z-index:2;
	}
	#comPage .pageCenter {
		padding:30px 30px 190px 30px;
		background:#FFF;
	}
	#comPage .pageLeft {
		float:left;
		width:240px;
	}
	#comPage .pageRight {		
		float:right;
		width:calc(100% - 270px);
	}
	#comPage .pageLeft .acKey,
	#comPage .pageRight .acKey {
		position:absolute;
		top:-15px;
		margin-left:0;
		z-index:2;
	}
}
@media screen and (min-width:1200px) {
	#comPage .pageCenter {
		padding:45px 45px 190px 45px;
	}
	#comPage .pageCenter.pc2 {
		padding:30px 30px 190px 30px;
		background:#FFF;
	}
}


/* ----- pageOverview ----- */
.pageOverview {
	width:100%;
	margin:20px auto 0 auto;
}
.pageOverview ul {
	list-style:none;
	margin:-10px;
}
.pageOverview ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
.pageOverview ul li a {
	float:left;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#eeeeee;
}
	.pageOverview ul li a span {
		position: relative;
		font-family: "微軟正黑體", "Microsoft JhengHei";
		color: #000;
		font-size: 2.3em;
		line-height: 125%;
		font-weight: bold;
		padding-left: 35px;
		display: flex;
	}
.pageOverview ul li a span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
	top: 50%;
    width: 25px;
    height: 25px;
	margin: -12.5px 0 0 0;
    z-index:1;
	background:#000;
}
.pageOverview ul li a span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
	top: 50%;    
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    margin: -4px 0 0 6px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.pageOverview ul li a:hover span,
.pageOverview ul li a:focus span {
    color:#bb003b;
}
.pageOverview ul li a:hover span:before,
.pageOverview ul li a:focus span:before {
    background:#bb003b;
}
@media screen and (max-width: 640px) {
	.pageOverview ul li {
		width:100%;
	}
}
@media screen and (min-width: 1200px) {
	.pageOverview ul li {
		width:calc(100% / 3);
	}
}



/** asideTitle **/
#asideTitle {
	position:relative;
	float:left;
	width:100%;
	min-height:120px;
	background: rgb(242,161,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(242,161,0,1) 0%, rgba(242,113,48,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(242,161,0,1) 0%,rgba(242,113,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(242,161,0,1) 0%,rgba(242,113,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a100', endColorstr='#f27130',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow:hidden;
}
#asideTitle h2 {
	color:#FFF;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:2.1em;
	font-weight:bold;
	padding:0 23px;
	margin-top:50px;
	z-index:1;
}
#asideTitle:before {
	content:"";
	display:block;
	position:absolute;
	right:15px;
	top:18px;
	width:95px;
	height:95px;
	background:url(../images/asideTitle-icon.png) no-repeat 0 0;
}


/* ---------- asideMenu ---------- */ 
#asideMenu {
	float:left;
	width:100%;
}
#asideMenu > ul {
	float:left;
	width:100%;
	list-style:none;
	background:#F5F4F0;
}
#asideMenu > ul > li {
	float:left;
	width:100%;
	background:#f0f0f0;
	border-top:1px solid #FFF;
}
#asideMenu > ul > li > a {
	position:relative;
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	padding:25px 40px 25px 23px;
	box-sizing:border-box;
}
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus {
	color:#A40000;
}
#asideMenu > ul > li > a:active {
	color:#FFF;	
}
#asideMenu > ul > li:hover > a {
	color:#A40000;
}
#asideMenu > ul > li.unit-now > a {
	color:#FFF;
	font-weight:bold;
	background:#d94800;
}
@media screen and (max-width:990px) {
	#asideMenu {
		display:none;
	}
	#asideMenu > ul > li > a {
		font-size:1.9em;
	}
}

/* ---------- navSmenu ---------- */ 
#asideMenu .navSmenu {
	float:left;
	width:100%;
	list-style:none;
	border:5px solid #f0f0f0;
	border-top:none;
	margin:0px;
	padding:10px 20px;
	box-sizing:border-box;
	background:#FFF;
}
#asideMenu .navSmenu li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
	box-sizing:border-box;
}
#asideMenu .navSmenu li:last-child {
	border-bottom:none;
}
#asideMenu .navSmenu li a {
	position:relative;
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	text-align:left;
	padding:10px 20px 10px 0;
	box-sizing:border-box;
}
#asideMenu .navSmenu > li a:hover,
#asideMenu .navSmenu > li a:focus  {
	color:#A40000;
}
#asideMenu > ul > li:hover > .navSmenu {
	display:block;
	background:#FFF;
}
#asideMenu > ul > li > .navSmenu {
	background:#FFF;
}
#asideMenu > ul > li > .navSmenu li:last-child {
	border-bottom:none;
}
#asideMenu > ul > li.unit-now > .navSmenu {
	display:block;
	border-color:#d94800;
}
#asideMenu > ul > li.unit-now > .navSmenu > li a {
	color:#000;
}
#asideMenu > ul > li.unit-now > .navSmenu > li a:hover,
#asideMenu > ul > li.unit-now > .navSmenu > li a:focus {
	color:#A40000;
}
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a {
	color:#d94800;
}
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a:before  {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    width:5px;
    height:5px;
    border-top:2px solid #d94800;
    border-right:2px solid #d94800;
    margin-top:-4px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}


/* ----- articleBox ----- */
#articleBox {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#articleBox .titHead {
	width:100%;
	text-align:justify;
	padding-bottom:15px;
	padding-right:60px;
	box-sizing:border-box;
	border-bottom:1px solid #000;
}
#articleBox .titHead h2,
#articleBox .titHead span {
	float:left;
	color:#d94800;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:3.7em;
	line-height:125%;
	font-weight:bold;
}
#articleBox .titHead .backLevel {
	position:absolute;
	right:55px;
	top:0;
	display:block;
	width:50px;
	background:#e5e5e5;
	box-sizing:border-box;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
#articleBox .titHead .backLevel em {
	position:relative;
	display:inline-block;
	width:50px;
	color:#000;
	font-size:0;
	line-height:50px;
	font-weight:bold;
	font-style:normal;
}
#articleBox .titHead .backLevel em:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:27px;
    height:27px;
    margin:-13.5px 0 0 -13.5px;
	background:url(../images/backLevel-icon.png) no-repeat 50% 50%;
	z-index:2;
}
#articleBox .titHead .backLevel:hover,
#articleBox .titHead .backLevel:focus {
	background:#000;
}
#articleBox .titHead .backLevel:hover em,
#articleBox .titHead .backLevel:focus em{
	color:#FFF;
}
#articleBox .titHead .backLevel:hover em:after,
#articleBox .titHead .backLevel:focus em:after{
	background-image:url(../images/backLevel-icon-on.png);
}
@media screen and (max-width:420px) {
	#articleBox .titHead {
		padding-right:0;
		padding-top:50px;
	}
	#articleBox .titHead .backLevel {
		right:45px;
		margin-top:-5px;
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			 -o-transform:scale(0.8);    
				transform:scale(0.8);
	}
}
@media screen and (min-width:991px) {
	#articleBox .titHead {
		padding-right:0;
	}
	#articleBox .titHead .backLevel {
		right:0;
		top:5px;
		width:auto;
		padding:0 15px;		
	}
	#articleBox .titHead .backLevel em {
		width:auto;
		font-size:2.1em;
		line-height:39px;
		padding-left:35px;
	}
	#articleBox .titHead .backLevel em:after {
		left:0;
		margin-left:0;
	}
}


/** searchCriteria **/
#searchCriteria {
	width:100%;
	text-align:center;
	padding:25px;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	background:#f0f0f0;
}
#searchCriteria .sbox {
	display:inline-block;
	width:100%;
	margin:0 0 15px 0;
	vertical-align:top;
}
#searchCriteria label {
	display:inline-block;
	width:100px;
	color:#FFF;
	font-size:1.7em;
	line-height:50px;
	font-weight:bold;
	background:#000;
	vertical-align:top;
}
#searchCriteria .sb2 label {
	width:170px;
}
#searchCriteria .listBar {
	display:inline-block;
	width:calc(100% - 100px);
	height:50px;
	padding:0px;	
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color: #000;
	font-weight:bold;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border:none;
	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;
	vertical-align:top;
}
#searchCriteria .sb2 .listBar {
	width:calc(100% - 170px);
}
#searchCriteria .listBar:focus {
	color:#FF6A00;
	border:none;
	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 .search-query {
	width:calc(100% - 100px);
	height:50px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:50px;
	padding:0 15px;
	background:#FFF;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
}
#searchCriteria .sb2 .search-query {
	width:calc(100% - 170px);
}
#searchCriteria .search-query:focus {
	color:#FF6A00;
	border:none;
}
#searchCriteria .date-query {
	width:calc(50% - 65px);
	height:50px;
	color:#000;
	font-size:1.7em;
	line-height:50px;
	padding:0 0 0 45px;
	background:#FFF url(../images/date-query-icon.png) no-repeat 0 50%;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
}
#searchCriteria .date-query:focus {
	color:#FF6A00;
	background:#FFF url(../images/date-query-icon-on.png) no-repeat 0 50%;
    border:none;
}
#searchCriteria .boxInter {
	display:inline-block;
	width:30px;
	height:50px;
	color:#000;
	font-size:0;
	background:#FFF url(../images/boxInter-icon.png) no-repeat 50% 50%;
	vertical-align:top;
}
#searchCriteria .search-btn {
	display:inline-block;
	width:100%;
	height:50px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#737373;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#searchCriteria .search-btn span {
	font-family:"微軟正黑體", Microsoft JhengHei;
	color:#FFF;
	font-size:1.2rem;
	font-weight:bold;
}
#searchCriteria .search-btn span em {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin:4px 5px 0 0;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
#searchCriteria .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#searchCriteria .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:10px;
	top:13px;
	width:10px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background:#E15315;
}
@media screen and (max-width: 520px) {
	#searchCriteria {
		padding:15px;
	}
	#searchCriteria label,
	#searchCriteria .sb2 label {
		width:100%;
	}
	#searchCriteria .listBar,
	#searchCriteria .sb2 .listBar {
		width:100%;
		padding:0 0 0 10px;
	}
	#searchCriteria .boxInter {
		width:20px;
	}
	#searchCriteria .search-query,
	#searchCriteria .sb2 .search-query {
		width:100%;
		padding:0 10px;
	}
	#searchCriteria .date-query {
		width:calc(50% - 10px);
		padding:0 0 0 40px;
		background-position:-5px 50%;
	}
}
@media screen and (max-width: 380px) {
	#searchCriteria .date-query {
		padding:0 10px;
		background:#FFF;
	}
	#searchCriteria .date-query:focus {
		background:#FFF;
	}
}
@media screen and (min-width: 991px) {
	#searchCriteria {
		padding:35px 0;
	}
	#searchCriteria .sbox {
		width:auto;
		margin:0 5px;
	}
 	#searchCriteria .sbox.sb2 {
		margin-top:12px;
	}
	#searchCriteria .listBar {
		width:260px;
	}
	#searchCriteria .search-query {
		width:260px;
	}
	#searchCriteria .sb2 .search-query {
		width:590px;
	}
	#searchCriteria .date-query {
		width:160px;
	}
	#searchCriteria .search-btn {
		width:50px;
		margin:0 5px;
	}
	#searchCriteria .search-btn.sb2 {
		margin-top:12px;
	}
	#searchCriteria .search-btn span {
		float:left;
		width:100%;
		height:100%;
		font-size:0;
		padding-left:0;
	}
	#searchCriteria .search-btn span em {
		margin:15px 0 0 0;
	}
}
@media screen and (min-width: 1200px) {
	#searchCriteria .listBar {
		width:340px;
	}
	#searchCriteria .search-query {
		width:340px;
	}
	#searchCriteria .date-query {
		width:200px;
	}
	#searchCriteria .sb2 .search-query {
		width:750px;
	}
}


/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	padding-top:30px;
	border-top:1px dashed #CCC;
	margin-top:35px;
}
.formBtn a {
	display:inline-block;
	width:calc(50% - 10px);
	max-width:200px;
	color:#fff;
	font-size:1.9em;
	font-weight:bold;
	padding:20px 0;
	background:#687588;
	margin:5px;
	-webkit-border-radius:7px;
	   -moz-border-radius:7px;
            border-radius:7px;
}
.formBtn a span {
	position:relative;
	padding:0 30px 0 0;
}
.formBtn a:hover,
.formBtn a:focus {
	background:#eb6100;
}
.formBtn .btnSend {
	background:#004986;
}
.formBtn .btnSend span:after {
    content:"";
    display:block;
    position:absolute;
	right:5px;
	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:'';
	right:2px;
	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;
}
.formBtn .btnNext {
	background:#687588;
}
.formBtn .btnNext span:after {
    content:"";
    display:block;
    position:absolute;
	right:5px;
	top: 50%;
    width: 10px;
    height: 10px;
    border-right: 3px solid #FFF;
    border-top: 3px solid #FFF;
    margin-top: -6px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.formBtn .btnNext:hover,
.formBtn .btnNext:focus {
	background-color:#ED5424;
}
.formBtn .btnBack {
	background:#687588;
}
.formBtn .btnBack span:after {
    position:absolute;
	content:'';
	right:0;
	top:50%;
	width:17px;
    height:17px;
	margin-top:-8.5px;
	background:url(../images/footer-icon-on.png) -125px -80px;
}
.formBtn .btnMail {
	background:#687588;
}
.formBtn .btnMail span:before,
.formBtn .btnMail span:after {
    position:absolute;
	display:block;
	content:'';
	right:0;
	top:50%;
    z-index:2;
}
.formBtn .btnMail span:before {
	width:22px;
    height:18px;
	box-sizing:border-box;
	border:3px solid #FFF;
	margin-top:-9px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
}
.formBtn .btnMail span:after {
    width:11px;
    height:11px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
    margin-top:-13px;
	margin-right:4px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.formBtn .btnMail:hover,
.formBtn .btnMail:focus {
	background:#ED5424;
}
	.formBtn .btnSearch span:before,
	.formBtn .btnSearch span:after {
		position: absolute;
		display: block;
		content: '';
		right: 0;
		top: 50%;
		z-index: 2;
	}
	.formBtn .btnSearch span:before {
		box-sizing: border-box;
		/*position: relative;
		display: block;*/
		transform: scale(var(--ggs,1));
		width: 16px;
		height: 16px;
		border: 2px solid;
		border-radius: 100%;
		/*margin-left: -4px;
		margin-top: -4px;*/
		margin-top: -9px;
		margin-right: 4px;
	}

	.formBtn .btnSearch span:after {
		content: "";
		display: block;
		box-sizing: border-box;
		position: absolute;
		border-radius: 3px;
		width: 2px;
		height: 8px;
		background: currentColor;
		transform: rotate(-45deg);
		/*top: 10px;
		left: 12px*/
		margin-right: 3px;
		margin-top: 4px;
	}

/* ----- .comTable ----- */
.comTable {
	width: 100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin:15px 0;
}
.comTable caption {
	font-size: 1.4rem;
    color: #946C2C;
    font-weight: bold;
    line-height: 145%;
	text-align:left;
	padding-left:30px;
	margin:0 0 15px 0;
	background: url(../images/icon-star.png) 0 0 no-repeat;
}
.comTable th {
	color: #fff;
    font-weight: bold;
    line-height: 145%;
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	padding:10px;
	background-color:#374252;
	border-right:1px solid #FFF;
	border-collapse:collapse;
}
.comTable td {
	color:#000;    
    line-height:145%;	
	vertical-align:middle;
	padding:10px;
	border:1px solid #CCC;	
}
.comTable td ul li {
	margin:5px 0;
}



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