@charset "utf-8";

/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#errorPage .logo{
    display:block;
    width:250px;
    height:60px;
    font-size:0;
    background:url(../images/logo.png) no-repeat 0 50%;
    background-size:auto 60px;
	margin:20px auto;
}
.errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
    /* background-attachment:fixed !important; */
	background:#C8A064;
	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:#99763D;
    font-size:1.7em;
	padding:10px 30px;
	border:1px solid #99763D;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:0 auto;
}
.errorBtn a:hover,
.errorBtn a:focus {
	color:#FFF;
    background:#99763D;
}
#errorPage .wd {
	text-align:center;
	margin-top:4rem;
}
#errorPage .wd p {
	color:#660000;
	font-size:0.95rem;
	line-height:165%;
	margin:0;
}
#errorPage .mark {
	text-align:center;
	margin-top:1rem;
}
#errorPage .mark a {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
@media screen and (max-width:479px) {
	.errorBox {	
		padding:50px 20px;
	}
	.errorBox h2 {
		font-size:3.9em;
	}
	.errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage .logo{
		margin:30px auto;
	}
	.errorBox {	
		padding:60px 25%;
	}	
}


/** comMain **/
#comMain {
	width:100%;
	height:160px;
	padding-top:45px;
	margin:70px auto 0 auto;
	background:#000;
	background-position:50% 50%;
	box-sizing:border-box;
	background-size:auto 160px;
}
#comMain.cm1 { background-image:url(../images/com-main1.png); }
#comMain.cm2 { background-image:url(../images/com-main2.png); }
#comMain.cm3 { background-image:url(../images/com-main3.png); }
#comMain.cm4 { background-image:url(../images/com-main4.png); }
#comMain.cm5 { background-image:url(../images/com-main5.png); }
#comMain.cm6 { background-image:url(../images/com-main6.png); }
#comMain.cm7 { background-image:url(../images/com-main7.png); }
#comMain.cm8 { background-image:url(../images/com-main8.png); }
#comMain.cm9 { background-image:url(../images/com-main9.png); }
#comMain.cm10 { background-image:url(../images/com-main10.png); }
#comMain.cm11 { background-image:url(../images/com-main11.png); }
#comMain dl {
	color:#FFF;
	text-align:center;
	padding:0 10px;
}
#comMain dl dt {
	color:#f9f5dc;
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:3.7em;
	font-weight:bold;
}
#comMain dl dt .mainTit {
	position:relative;
	font-weight:bold;
	z-index:3;
}
#comMain dl dt .mainTit:before{  
    content:attr(data-text);    
    width:100%;
	color:#000;
    position:absolute;  
    top:0px;  
    left:0px;    
    z-index:-1; 
    animation:shadowGo 20s linear infinite;   
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 15px rgba(0,0,0,.7);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 15px rgba(0,0,0,.7);
        -ms-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 15px rgba(0,0,0,.7);
			text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 15px rgba(0,0,0,.7);
}
#comMain dl dt span {
	display:block;
	text-transform:uppercase;
	background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 10%, #f5f0c8 100%);
	background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 10%, #f5f0c8 100%);
    -webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
}
@keyframes shadowGo{     
    0% {background-position:0 0;}
    0% {background-position:-100% 100%;}
}
#comMain dl dd {	
	font-size:1.7em;
	line-height:120%;
	margin-top:10px;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 10px rgba(0,0,0,.7);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 10px rgba(0,0,0,.7);
        -ms-text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 10px rgba(0,0,0,.7);
			text-shadow:0px 1px 5px rgba(0,0,0,.9), 0px 2px 10px rgba(0,0,0,.7);
}
@media screen and (max-width:420px) {
	#comMain {
		height:100px;
		padding-top:35px;
		margin-top:55px;
		background-size:auto 100px;
	}
	#comMain dl dt {
		font-size:2.9em;
	}
	#comMain dl dd {
		display:none;
	}
}
@media screen and (min-width:991px) {
	#comMain {
		height:290px;
		padding-top:100px;
		margin-top:0;
		background-size:auto 290px;
	}
	#comMain dl dt {
		font-size:4.5em;
	}
	#comMain dl dd {
		font-size:2em;
		margin-top:15px;
	}	
}


/** comBar **/
#comBar {
	position:relative;
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#comBar {
		background:#e6f2f7;
	}
}


/* ----- breadcrumbs ----- */
#breadcrumbs {
	float:left;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	margin:0 auto;
}
#breadcrumbs dl {
	float:left;
	width:100%;
	margin:0 auto ;
	background:#e6f2f7;
}
#breadcrumbs dt {
	float:left;
}
#breadcrumbs dt a.bread-home {
	position:relative;
	display:block;
	width:56px;
	height:56px;
	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/footer-icon.png) -45px -80px no-repeat;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#breadcrumbs dt a.bread-home:hover,
#breadcrumbs dt a.bread-home:focus {
	background-color:#002880;
}
#breadcrumbs dt a.bread-home:hover:before,
#breadcrumbs dt a.bread-home:focus:before {
	background-image:url(../images/footer-icon-on.png);
}
#breadcrumbs dd {
	float:left;
	width:100%;
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#breadcrumbs dd:last-child {
	border-bottom:none;
}
#breadcrumbs .breadMenu {
	position:relative;
}
#breadcrumbs .breadMenu > a {
	position:relative;
	display:block;
	color:#000;
	line-height:110%;
	padding:14px 40px 14px 20px;
}
#breadcrumbs .breadMenu > a:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:20px;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 4.5px 0 4.5px;
	border-color:#000 transparent transparent transparent;
	margin-top:-2.5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#breadcrumbs .breadMenu > a:hover,
#breadcrumbs .breadMenu > a:focus {
	color:#002880;
}
#breadcrumbs .breadMenu > a:hover:after,
#breadcrumbs .breadMenu > a:focus:after {
	border-color:#002880 transparent transparent transparent;
}
#breadcrumbs .breadMenu.on > a {
	color:#FFF;
	background-color:rgba(0,0,0,.9);
}
#breadcrumbs .breadMenu.on > a:after {
	border-color:#FFF transparent transparent transparent;
	-webkit-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	        transform:rotate(180deg);
}
#breadcrumbs .breadMenu ul {
	display:none;
	width:100%;
	list-style:none;
	background-color:rgba(0,40,128,.9);
}
#breadcrumbs .breadMenu ul li {
	border-bottom:1px solid rgba(255,255,255,.5);
}
#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:#FFFF99;
	background-color:rgba(0,40,128,.9);
}
@media screen and (min-width:991px) {
	#breadcrumbs {
		width:auto;
		padding:0;
		margin:0;
	}
	#breadcrumbs dl {
		float:left;
		width:auto;
		background:none;
	}
	#breadcrumbs dt {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
	}
	#breadcrumbs dd {
		width:auto;
		min-width:240px;
		font-size:1.7em;
		border-bottom:none;
		border-right:1px solid #FFF;
	}
	#breadcrumbs .breadMenu > a {
		line-height:56px;
		padding:0 40px 0 20px;
	}
	#breadcrumbs .breadMenu ul li a {
		padding:20px;
	}
	#breadcrumbs .breadMenu ul {
		position:absolute;
		top:56px;
		left:0;
		z-index:5;
	}
}


/* ----- postBtn ----- */
.postBtn {
	position:absolute;
	right:15px;
	bottom:-60px;
	width:auto;
	z-index:2;
}
@media screen and (max-width:480px) {
	.postBtn {
		bottom:-50px;
	}
}
@media screen and (min-width:991px) {
	.postBtn {
		position:relative;
		right:inherit;
		bottom:inherit;
		float:right;
		border-right:1px solid #FFF;
	}
}


/* ----- printBtn ----- */
.printBtn {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	box-sizing:border-box;
	border:1px solid #000;
	margin-right:-1px;
}
.printBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/footer-icon.png) -65px -80px no-repeat;
	-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-color:#002880;
}
.printBtn:hover:before,
.printBtn:focus:before {
	background-image:url(../images/footer-icon-on.png);
}
@media screen and (min-width:991px) {
	.printBtn {
		width:56px;
		height:56px;
		border:none;
		box-sizing:inherit;
		border-left:1px solid #FFF;
		margin:0;
	}
}

/* ----- shareBtn ----- */
.shareBtn {
	position:relative;
	float:right;
	width:50px;
}
.shareBtn .on {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#000;
	font-size:0;
	line-height:50px;
	padding:0 10px;
	border:1px solid #000;
	box-sizing:border-box;
}
.shareBtn .on:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/footer-icon.png) -85px -80px no-repeat;
	-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-color:#002880;
	border:none;
}
.shareBtn .on:focus:before,
.shareBtn .on.show:before,
.shareBtn .on.show:focus:before {
	background-image:url(../images/footer-icon-on.png);
}
.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:url(../images/footer-icon.png);
	-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:hover:before,
.shareBtn .shareMenu a:focus:before {
	background-image:url(../images/footer-icon-on.png);
}
.shareBtn .shareMenu a.icon-fb {
	background-color:rgba(59,89,152,1);
}
.shareBtn .shareMenu a.icon-fb:before {
	background-position:0 -100px;
}
.shareBtn .shareMenu a.icon-gplus {
	background-color:rgba(214,65,54,1);
}
.shareBtn .shareMenu a.icon-gplus:before {
	background-position:-30px -100px;
}
.shareBtn .shareMenu a.icon-twitter {
	background-color:rgba(0,172,237,1);
}
.shareBtn .shareMenu a.icon-twitter:before {
	background-position:-60px -100px;
}
.shareBtn .shareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.shareBtn .shareMenu a.icon-line:before {
	background-position:-90px -100px;
}
.shareBtn .shareMenu a.icon-fb:hover,
.shareBtn .shareMenu a.icon-fb:focus {
	background-color:rgba(59,89,152,0.2);
}
.shareBtn .shareMenu a.icon-gplus:hover,
.shareBtn .shareMenu a.icon-gplus:focus {
	background-color:rgba(214,65,54,0.2);
}
.shareBtn .shareMenu a.icon-twitter:hover,
.shareBtn .shareMenu a.icon-twitter:focus {
	background-color:rgba(0,172,237,0.2);
}
.shareBtn .shareMenu a.icon-line:hover,
.shareBtn .shareMenu a.icon-line:focus {
	background-color:rgba(1,185,1,0.2);
}
@media screen and (min-width:991px) {
	.shareBtn {
		width:56px;
		border-left:1px solid #FFF;
	}
	.shareBtn .on {
		width:56px;
		height:56px;
		border:none;
	}
	.shareBtn .shareMenu {
		top:56px;
	}
	.shareBtn .shareMenu a {
		width:56px;
		height:56px;
	}
}


/** comPage **/
#comPage {
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
	margin:20px auto 40px auto;
}
#comPage .pageCenter {
	position:relative;
	float:left;
	width:100%;
}
#comPage .pageCenter .acKey {
	position:absolute;
	left:0;
	top:-20px;
}
#comPage .pageLeft {
	position:relative;
	float:left;
	width:100%;
}
#comPage .pageRight {
	position:relative;
	float:left;
	width:100%;
}

@media screen and (min-width:991px) {
	#comPage {
		padding:0;
		margin:60px auto 80px auto;
	}
	#comPage .pageLeft {		
		width:240px;
	}
	#comPage .pageLeft .acKey {
		position:absolute;
		left:0;
		top:-20px;
	}
	#comPage .pageRight {		
		float:right;
		width:720px;
	}
	#comPage .pageRight .acKey {
		position:absolute;
		left:0;
		top:-20px;
	}
}
@media screen and (min-width:1200px) {
	#comPage .pageLeft {
		width:250px;
	}
	#comPage .pageRight {
		width:900px;
	}
}


/* ---------- asideTitle ---------- */ 
#asideTitle {
	position:relative;
	float:left;
	width:100%;
	min-height:120px;
	background:#142266;
	overflow:hidden;
	z-index:0;
}
#asideTitle h2 {
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:2.7em;
	font-weight:bold;
	padding:0 23px;
	margin-top:45px;
	z-index:1;
}
#asideTitle:before {
	content:"";
	display:block;
	position:absolute;
	right:10px;
	top:15px;
	width:120px;
	height:120px;
	background:url(../images/asideTitle-bg.png) no-repeat 0 0;
	opacity:0.25;
	z-index:-1;
}
#asideTitle:after {
	content:"";
	display:block;
	position:absolute;
	right:10px;
	top:15px;
	width:120px;
	height:120px;
	background:url(../images/asideTitle-bg.png) no-repeat 0 0;
	z-index:-1;
}
#asideTitle.atbg1:after { background-position:-120px 0; }
#asideTitle.atbg2:after { background-position:-240px 0; }
#asideTitle.atbg3:after { background-position:-360px 0; }
#asideTitle.atbg4:after { background-position:-480px 0; }
#asideTitle.atbg5:after { background-position:-600px 0; }
#asideTitle.atbg6:after { background-position:-720px 0; }
#asideTitle.atbg7:after { background-position:-840px 0; }
#asideTitle.atbg8:after { background-position:-960px 0; }
#asideTitle.atbg9:after { background-position:-1080px 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;	
	padding:25px 40px 25px 23px;
	box-sizing:border-box;
}
#asideMenu > ul > li > a.link:before,
#asideMenu > ul > li.unit-now > a:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
	right:19px;
    width:8px;
    height:8px;
    border-bottom:2px solid #000;
    border-right:2px solid #000;
    margin-top:-7.5px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    -webkit-transition:all 0.4s;
       -moz-transition:all 0.4s;
		 -o-transition:all 0.4s;
            transition:all 0.4s;
}
#asideMenu > ul > li.unit-now > a:before {
	right:21px;
	margin-top:-5px;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#asideMenu > ul > li.unit-now.show > a:before,
#asideMenu > ul > li.open > a.link:before {
	margin-top:-2.5px;
    -webkit-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
            transform:rotate(-135deg);
}
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus {
	color:#A40000;
}
#asideMenu > ul > li > a.link:hover:before,
#asideMenu > ul > li > a.link:focus:before {
	border-color:#A40000;
}
#asideMenu > ul > li > a:active {
	color:#FFF;	
}
#asideMenu > ul > li:hover > a {
	color:#A40000;
}
#asideMenu > ul > li:hover > a.link:before {
	border-color:#A40000;
}
#asideMenu > ul > li.unit-now > a {
	color:#FFF;
	font-weight:bold;
	background:#A06B12;
}
#asideMenu > ul > li.unit-now > a:before,
#asideMenu > ul > li.unit-now > a.link:before,
#asideMenu > ul > li.unit-now.show > a:before,
#asideMenu > ul > li.unit-now.show > a:hover:before,
#asideMenu > ul > li.unit-now.show > a:focus:before {
	border-color:#FFF;
}
@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:5px 13px;
	box-sizing:border-box;
	background:#FFF;
}
#asideMenu .navSmenu li {
	float:left;
	width:100%;
	border-bottom:1px dashed #DDD;
	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 0 10px 20px;
	box-sizing:border-box;
}
#asideMenu .navSmenu li a:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:5px;
    width:5px;
    height:5px;
    border-top:2px solid #000;
    border-right:2px solid #000;
    margin-top:-4px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    -webkit-transition:all 0.4s;
       -moz-transition:all 0.4s;
		 -o-transition:all 0.4s;
            transition:all 0.4s;
}
#asideMenu .navSmenu > li a:hover,
#asideMenu .navSmenu > li a:focus  {
	color:#A40000;
}
#asideMenu .navSmenu > li a:hover:before,
#asideMenu .navSmenu > li a:focus:before  {
	border-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:#A06B12;
}
#asideMenu > ul > li.unit-now > .navSmenu li {
	border-color:#A06B12;
}
#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:active a,
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a {
	color:#A06B12;
}
#asideMenu > ul > li.unit-now > .navSmenu > li:active a:before,
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a:before  {
	border-color:#A06B12;
}


/* ----- article-box ----- */
#article-box {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#article-box .titHead {
	width:100%;
	text-align:justify;
	padding-bottom:25px;
	border-bottom:2px solid #000;
}
#article-box .titHead h2 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.6em;
	line-height:125%;
	font-weight:bold;
	margin-top:-7px;
}
#article-box .titHead h2:before {
	content:"";
	display:block;
	float:right;
	width:110px;
	height:40px;
}
@media screen and (max-width:480px) {	
	#article-box .titHead h2 {
		margin-top:40px;
	}
	#article-box .titHead h2:before {
		display:none;
	}
}
@media screen and (min-width:991px) {	
	#article-box .titHead h2:before {
		display:none;
	}
}


/* ----- inquiryHead ----- */
.inquiryHead {
	width:100%;
	text-align:center;
}
.inquiryHead h2 {
	position:relative;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.6em;
	line-height:125%;
	font-weight:bold;
}
.inquiryHead p {
	color:#033e87;
	font-size:1.7em;
	line-height:160%;
	font-weight:bold;
	margin-top:20px;
}
@media screen and (max-width:480px) {	
	.inquiryHead h2 {
		margin-top:40px;
	}
}
@media screen and (min-width:991px) {	
	.inquiryHead h2 {
		padding-bottom:90px;
	}
	.inquiryHead h2:after {
		position:absolute;
		content:"";
		display:block;
		left:50%;
		bottom:0;
		width:61px;
		height:61px;
		margin:0 0 0 -30.5px;
		background:url(../images/inquiryHead-bg.png) no-repeat;
	}
	.inquiryHead p {
		margin-top:30px;
	}
	.inquiryHead p span {
		display:block;
	}
}


/* ----- inquiryStep ----- */
.inquiryStep {
	position:relative;
	width:100%;
	margin-top:30px;
	z-index:1;
}
.inquiryStep:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	z-index:0;
	background:#033e87;
}
.inquiryStep ul {
	list-style:none;
	margin:0 -20px;
}
.inquiryStep ul li {
	position:relative;
	display:inline-block;
	width:25%;
	padding:0 20px;
	box-sizing:border-box;
	vertical-align:top;
}
.inquiryStep ul li:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:-6px;
    width:0;
	height:0;
	border-style:solid;
	border-width:8px 0 8px 12px;
	border-color:transparent transparent transparent #c6a160;
	margin-top:-8px;
	z-index:2;
}
.inquiryStep ul li:last-child:after {
    display:none;
}
.inquiryStep ul li .box {
	position:relative;
	padding-bottom:100%;
	color:#033e87;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.inquiryStep ul li .box:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	z-index:2;
	margin:-2px 0 0 -4px;
	background:#033e87;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.inquiryStep ul li .box:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
	height:100%;
	border:3px solid #033e87;
	box-sizing:border-box;
	z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.inquiryStep ul li.now .box {
	color:#FFF;
	background:#033e87;
}
.inquiryStep ul li.now .box:before {
	background:#FFF;
	margin:-4px 0 0 -4px;
}
.inquiryStep ul li.now .box:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;	
	border:none;
	background:#FFF;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
            border-radius:0;
}
.inquiryStep ul li .box strong {
	position:absolute;
	display:block;
	top:50%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
	margin-top:-30px;
}
.inquiryStep ul li .box span {
	position:absolute;
	display:block;
	top:50%;
	width:100%;
	font-size:1.7em;
	margin-top:15px;
}
@media screen and (max-width:680px) {
	.inquiryStep ul li .box {
		background:#FFF;
	}
	.inquiryStep ul li .box:before,
	.inquiryStep ul li.now .box:after {
		display:none;
	}
	.inquiryStep ul li .box strong {
		width:80%;
		font-size:1.7em;
		margin:0 10%;
		margin-top:-25px;
	}
	.inquiryStep ul li .box span {
		width:60%;
		margin:0 20%;
		margin-top:-5px;
	}
}
@media screen and (max-width:520px) {
	.inquiryStep {
		display:none;
	}
}
@media screen and (min-width:991px) {
	.inquiryStep ul {
		margin:0 -45px;
	}
	.inquiryStep ul li {
		padding:0 45px;
	}
	.inquiryStep ul li:after {
		right:-8px;
		border-width:12px 0 12px 16px;
		margin-top:-12px;
	}
	.inquiryStep ul li .box {
		float:left;
		width:100%;
		padding:0;
		min-height:182.5px;
	}
	.inquiryStep ul li .box strong {
		font-size:1.9em;
		margin-top:-35px;
	}
	.inquiryStep ul li .box span {
		font-size:1.8em;
		margin-top:17px;
	}
}
@media screen and (min-width:1200px) {
	.inquiryStep {
		width:1120px;
		margin:30px 40px 0 40px;
	}
	.inquiryStep ul {
		margin:0 -65px;
	}
	.inquiryStep ul li {
		padding:0 65px;
	}	
}


/* ----- inquiryTit ----- */
.inquiryTit {
	position:relative;
	width:100%;
	background:#0073AA;
	margin-top:30px;
}
.inquiryTit:before {
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 25px 25px;
	border-color:transparent transparent #FFFFFF transparent;
	z-index:1;
}
.inquiryTit h3 {
	position:relative;
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	line-height:70px;
	z-index:2;
}
.inquiryTit span {
	position:relative;
	float:left;
	display:block;
	width:130px;
	color:#0073AA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	line-height:70px;
	padding-left:25px;
	background:#f0f0f0;
}
.inquiryTit span:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 70px 70px;
	border-color:transparent transparent #0073AA transparent;
}
@media screen and (max-width:480px) {
	.inquiryTit:before {
		display:none;
	}
	.inquiryTit h3 {
		line-height:60px;
	}
	.inquiryTit span {
		width:auto;
		line-height:60px;
		padding-left:15px;
		margin-right:35px;
	}
	.inquiryTit span:after {
		right:-25px;
		border-width: 30px 0 30px 25px;
		border-color: transparent transparent transparent #f0f0f0;
	}	
}
@media screen and (min-width:991px) {
	.inquiryTit:before {
		border-width:0 0 35px 35px;
	}
}
@media screen and (min-width:1200px) {
	.inquiryTit {
		width:1120px;
		margin:30px 40px 0 40px;
	}	
}

/** commissioner **/
.commissioner {
	width:100%;
	margin:0 auto;
}
.commissioner .pic {
	width:100%;
	margin:0 0 20px 0;
}
.commissioner .wd {
	width:100%;
	margin:0 auto;
}
.commissioner .wd ul {
	margin-left:1.5em;
}
@media screen and (min-width:991px) {
	.commissioner .pic {
		display:inline-block;
		width:auto;
		vertical-align:top;
		margin:0 20px 0 0;
	}
	.commissioner .wd {
		display:inline-block;
		width:auto;
		vertical-align:top;
	}
	.commissioner .wd p:first-child {
		margin:0 auto !important;
	}
}

.map-list {
	list-style:none;
	margin:-15px 0 0 0 !important;
}
.map-list > li {
	padding:10px 0 10px 25px;
	margin:0 !important;
	border-bottom:1px dotted #CCC;
	background: url(../images/mapinfo-icon.png) 0 17px no-repeat;
}
.btn-map {
	float:right;
	color:#946C2C;
	font-size:0.9em;
	font-weight:bold;
	line-height:100%;
	padding:4px 10px 5px 10px;
	border:2px solid #946C2C;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
.btn-map:hover,
.btn-map:focus {
	color:#FFF;
	background:#946C2C;
}


/** businTable **/
.businTable {
	width: 100%;
	border:1px solid #CCC;
	margin:15px 0;
}
.businTable caption {
	font-size: 1.4rem;
    color: #946C2C;
    font-weight: bold;
    line-height: 125%;
	text-align:left;
	padding-left:30px;
	margin:0 0 15px 0;
	background: url(../images/icon-star.png) 0 0 no-repeat;
}
.businTable th {
	color: #fff;
    font-weight: bold;
    line-height: 125%;
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	padding:10px;
	background-color:#374252;
	border-right:1px solid #FFF;
}
.businTable th:nth-of-type(1),
.businTable th:nth-of-type(3) {
	width:15%;
}
.businTable td {
	color:#000;    
    line-height:125%;	
	vertical-align:middle;
	padding:10px;
	border-bottom:1px solid #CCC;	
}
.businTable td:nth-of-type(1) {
	color:#374252;
	font-weight: bold;
	text-align:center;
	background:#F4F4F4;
	border-right:1px dotted #CCC;	
}
.businTable td:nth-of-type(3) {
	text-align:center;
	border-left:1px dotted #CCC;	
}


/** cpList **/
.cpList {
	width: 100%;
	padding:10px;
	border:1px solid #DDD;
	margin:10px 0 0 0;
	box-sizing:border-box;
}
.cpList .pic {
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
}
.cpList dl {
	display:inline-block;
	vertical-align:middle;
}
.cpList dt {
    color:#000;
	font-size:1.2rem;
	font-weight: bold;
    line-height: 125%;
}
.cpList dd {
    line-height: 125%;
}
.cpList dd strong {
	color:#F00;
}


/** bnList **/
.bnList {
	list-style:none;
	margin:0 -15px !important;
}
.bnList li {	
	display:inline-block;
	width:33.33%;
	padding:0 15px;
	vertical-align:top;
	box-sizing:border-box;
}
.bnList li p {
	position:relative;
	padding-left:10px;
	border-left:1px solid #C93;
}
.bnList li span {
	position:absolute;
	top:-40px;
	right:10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1rem;
	padding:4px 7px;
	background:rgba(204,153,51,.9);
	z-index:1;
}
@media screen and (max-width:640px) {
	.bnList {
		margin:0 -10px !important;
	}
	.bnList li {	
		width:50%;
		padding:0 10px;
	}
}
@media screen and (max-width:380px) {
	.bnList li {	
		width:100%;
	}
}



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