@charset "utf-8";

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

/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin:0 auto;
}
#errorPage .logo {
    display:block;
    width:345px;
	height:30px;
	background:url(../images/logo.png) no-repeat 0 50%;
	background-size:auto 30px;
	margin:20px auto;
}
#errorPage .errorBox {
	position:relative;
    width:100%;
	text-align:center;
    padding:50px 0;
	box-sizing:border-box;
    margin:0 auto;
	background:#8cbe41; /* Old browsers */
	background:-moz-linear-gradient(-45deg,  #8cbe41 0%, #1b9282 50%, #095fa4 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  #8cbe41 0%,#1b9282 50%,#095fa4 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  #8cbe41 0%,#1b9282 50%,#095fa4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbe41', endColorstr='#095fa4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size:cover;
}
#errorPage .errorBox .acKey {
	position:absolute;
	top:20px;
	left:20px;
	color:transparent;
	font-size:1.1em;
}
#errorPage .errorBox .acKey:hover,
#errorPage .errorBox .acKey:focus {
	color:#FFF;
	outline:1px dashed #FF6600;
}
#errorPage .errorBox h2 {
    color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:4.3em;
	margin:0 0 10px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox h3 {
	color:#FFF;
	font-size:2.1em;
	margin:10px 0 25px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p {
	color:#FFF;
	font-size:1.9em;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
#errorPage .errorBox p.eng {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
}
#errorPage .errorBtn {
	width:100%;
	text-align:center;
    margin:2rem auto 1rem auto;
}
#errorPage .errorBtn a {
	display:inline-block;
	width:calc(100% - 10px);
	max-width:300px;
    color:#000;
    font-size:1.7em;
	padding:10px 0;
	border:1px solid #000;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:5px;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#000;
}
#errorPage .mark {
	text-align:center;
	margin-top:1rem;
}
#errorPage .mark a {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
#errorPage .wd {
	text-align:center;
	margin-top:1rem;
}
#errorPage .wd p {
	color:#000;
	font-size:1rem;
	line-height:165%;
	margin:0;
}
#errorPage .wd p strong {
    font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.2rem;
}
#errorPage .wd p span {
	display:inline-block;
	margin:0 10px;
}
@media screen and (max-width:480px) {
	#errorPage .logo {
		width:210px;
		height:30px;
		background:url(../images/logo_mobile.png) no-repeat 0 50%;
		background-size:auto 30px;
	}
	#errorPage .errorBox h2 {
		font-size:3.9em;
	}
	#errorPage .errorBox h3 {
		font-size:1.7em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo {
		width:460px;
		height:40px;
		background-size:auto 40px;
		margin:30px auto;
	}
	#errorPage .errorBox {	
		padding:60px 0;
	}	
	#errorPage .errorBox .acKey {
		top:30px;
		left:50%;
		margin-left:-450px;
	}
	#errorPage .errorBox h2 {
		font-size:4.9em;
	}
	#errorPage .errorBox h3 {
		font-size:2.1em;
	}
}
@media screen and (min-width:1200px) {
	#errorPage .logo {
        width:575px;
		height:50px;
		background-size:auto 50px;
    }
	#errorPage .errorBox h2 {
		font-size:5.9em;
	}
	#errorPage .errorBox h3 {
		font-size:2.7em;
	}
}


.ui-widget,
.ui-datepicker {
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif !important;
    font-size:1rem !important;
	z-index:2 !important;
}

/** comMain **/
#comMain {
	width:calc(100% - 40px);
	margin:0 auto;
	overflow:hidden;
	-webkit-border-radius:50px 0 50px 0;
	   -moz-border-radius:50px 0 50px 0;
			border-radius:50px 0 50px 0;
}
#comMain .container {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:23%;
	margin:0 auto;
	box-sizing:border-box;
	background-position:50% 50%;	
	background-size:cover;
}
#comMain.cm1 .container { background-image:url(../images/com-main1.jpg); }
#comMain.cm2 .container { background-image:url(../images/com-main2.jpg); }
#comMain.cm3 .container { background-image:url(../images/com-main3.jpg); }
#comMain.cm4 .container { background-image:url(../images/com-main4.jpg); }
#comMain.cm5 .container { background-image:url(../images/com-main5.jpg); }
#comMain.cm6 .container { background-image:url(../images/com-main6.jpg); }
#comMain.cm7 .container { background-image:url(../images/com-main7.jpg); }
#comMain.cm8 .container { background-image:url(../images/com-main8.jpg); }
#comMain.cm9 .container { background-image:url(../images/com-main9.jpg); }
#comMain span {
	position:absolute;
	display:flex;
	width:100%;
	height:100%;
	font-family:"Noto Serif TC", "微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:3.7em;
	font-weight:bold;
	flex-direction:column;
    justify-content:center;
	padding-left:10vw;
	-webkit-text-shadow:0px 1px 10px rgba(0,0,0,.75);
	   -moz-text-shadow:0px 1px 10px rgba(0,0,0,.75);
        -ms-text-shadow:0px 1px 10px rgba(0,0,0,.75);
			text-shadow:0px 1px 10px rgba(0,0,0,.75);
}
#comMain span :lang(en) {
    display:block;
	color:#dcf593;
    font-family:"Times New Roman", Times, serif;
    font-size:.42em;
	font-style:normal;
	text-transform:uppercase;
	margin-top:10px;
    -webkit-hyphens:auto;
       -moz-hyphens:auto;
        -ms-hyphens:auto;
            hyphens:auto;
}
@media screen and (max-width:990px) {
	#comMain {
		margin-top:60px;
	}
}
@media screen and (max-width:768px) {
	#comMain span {
		font-size:3.1em;
	}
}
@media screen and (max-width:560px) {
	#comMain {
		-webkit-border-radius:30px 0 30px 0;
		   -moz-border-radius:30px 0 30px 0;
				border-radius:30px 0 30px 0;
	}
	#comMain .container {
		padding-bottom:120px;
	}
	#comMain span {
		font-size:2.9em;
		padding-left:7vw;
	}
}
@media screen and (min-width:991px) {
	#comMain {
		-webkit-border-radius:100px 0 100px 0;
		   -moz-border-radius:100px 0 100px 0;
				border-radius:100px 0 100px 0;
	}
	#comMain span {
		font-size:4.5em;
	}
}
@media screen and (min-width:1440px) {
	#comMain {
		-webkit-border-radius:120px 0 120px 0;
		   -moz-border-radius:120px 0 120px 0;
				border-radius:120px 0 120px 0;
	}
	#comMain span {
		font-size:4.9em;
	}
}
@media screen and (min-width:1720px) {
    #comMain {
        width:calc(100% - 100px);
    }
	#comMain span {
		font-size:5.5em;
	}
	#comMain span :lang(en) {
		margin-top:12px;
	}
}
@media screen and (min-width:1920px) {
	#comMain {
		width:calc(100% - (100vw - 1720px));
		-webkit-border-radius:150px 0 150px 0;
		   -moz-border-radius:150px 0 150px 0;
				border-radius:150px 0 150px 0;
	}
	#comMain span {
		font-size:5.9em;
	}
}


/** comPage **/
#comPage {
	width:100%;
	padding:20px 0 60px 0;
	margin:0 auto;
}
#comPage .pageLeft,
#comPage .pageRight {
	width:100%;
	box-sizing:border-box;
}
@media screen and (max-width:990px) {
	#comPage .pageLeft {
		margin-bottom:20px;
	}
}
@media screen and (min-width:991px) {
	#comPage {
		padding:40px 0 60px 0;
	}
	#comPage .pageLeft {
		float:left;
		width:250px;
	}
	#comPage .pageRight {
		float:right;
		width:calc(100% - 250px);
		padding-left:40px;
	}
}
@media screen and (min-width:1200px) {
	#comPage .pageLeft {
		width:300px;
	}
	#comPage .pageRight {
		width:calc(100% - 300px);
		padding-left:40px;
	}
}
@media screen and (min-width:1720px) {
	#comPage {
		padding:60px 0 80px 0;
	}
	#comPage .pageLeft {
		width:400px;
	}
	#comPage .pageRight {
		width:calc(100% - 400px);
		padding-left:90px;
	}
}


/** asideNav **/
#asideNav {
	position:relative;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#asideNav .asidePic1,
#asideNav .asidePic2 {
	position:absolute;
	display:block;
	height:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	z-index:1;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
}
#asideNav .asidePic1 {
	left:90px;
	bottom:165px;
	width:130px;
	padding-bottom:130px;
	background-image:url(../images/about_pic3.png);
}
#asideNav .asidePic2 {
	left:-20px;
	bottom:70px;
	width:170px;
	padding-bottom:170px;
	background-image:url(../images/about_pic2.png);
	z-index:-1;
    -webkit-border-radius:0 0 30px 0;
	   -moz-border-radius:0 0 30px 0;
			border-radius:0 0 30px 0;
}
#asideNav .asidePic1:before,
#asideNav .asidePic2:before {
	position:absolute;
	content:"";
	left:-70px;
	bottom:140px;
	display:block;
	width:20px;
	height:0;
	padding-bottom:20px;
	background:#cedfaa;
	z-index:1;
    -webkit-border-radius:5px 0 5px 0;
	   -moz-border-radius:5px 0 5px 0;
			border-radius:5px 0 5px 0;
}
#asideNav .asidePic2:before {
	left:220px;
	bottom:-40px;
	width:30px;
	padding-bottom:30px;
}
@media screen and (max-width:990px) {
	#asideNav {
		width:100%;
		padding:0;
	}
}
@media screen and (min-width:991px) {
	#asideNav {
		padding-right:40px;
		padding-bottom:400px;
	}
	#asideNav:before {
		position:absolute;
		left:-70px;
		top:-100px;
		content:"";
		display:block;
		width:calc(100% + 70px);
		height:calc(100% - 35px);
		background:linear-gradient(45deg, #ebf3f5 0%,#f5f2f0 100%);
		z-index:-2;
	}
}
@media screen and (min-width:1200px) {
	#asideNav {
		padding-bottom:450px;
	}
	#asideNav:before {
		left:-75px;
		top:-140px;
		width:calc(100% + 75px);
		height:100%;
	}
	#asideNav .asidePic1 {
		left:100px;
		width:150px;
		padding-bottom:150px;
	}
	#asideNav .asidePic2 {
		width:190px;
		padding-bottom:190px;
	}
	#asideNav .asidePic1:before {
		left:-70px;
		bottom:160px;
		width:25px;
		padding-bottom:25px;
	}
	#asideNav .asidePic2:before {
		left:250px;
		bottom:-45px;
		width:35px;
		padding-bottom:35px;
	}
}
@media screen and (min-width:1720px) {
	#asideNav {
		padding-right:80px;
		padding-bottom:520px;
	}
}
@media screen and (min-width:1920px) {
	#asideNav:before {
		top:-170px;
		left:calc(-1 * (100vw - 1720px) / 2);
		width:calc(100% + (100vw - 1720px) / 2);
		height:calc(100% + 35px);
	}
	#asideNav .asidePic1 {
		bottom:165px;
		left:130px;
		width:170px;
		padding-bottom:170px;
	}
	#asideNav .asidePic2 {
		left:0;
		bottom:70px;
		width:210px;
		padding-bottom:210px;
	}
	#asideNav .asidePic1:before {
		left:-70px;
		bottom:180px;
		width:30px;
		padding-bottom:30px;
	}
	#asideNav .asidePic2:before {
		left:290px;
		bottom:-50px;
		width:40px;
		padding-bottom:40px;
	}
}


/** asideTitle **/
#asideTitle {
	position:relative;
	width:100%;
	box-sizing:border-box;
}
#asideTitle .sideNav {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
#asideTitle h2 {
	position:relative;
	width:100%;
	box-sizing:border-box;
}
#asideTitle h2 > span {
	color:#000;
	font-family:"Noto Serif TC", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
}
#asideTitle h2 > span :lang(en) {
    display:block;
	color:#1e7920;
    font-family:"Times New Roman", Times, serif;
    font-size:.42em;
	font-style:normal;
	text-transform:uppercase;
	margin-top:10px;
    -webkit-hyphens:auto;
       -moz-hyphens:auto;
        -ms-hyphens:auto;
            hyphens:auto;
}
@media screen and (max-width:990px) {
	#asideTitle h2 {
		position:relative;
		padding:13px 40px 13px 15px;
		justify-content:center;
		border:1px solid #000;
	}
	#asideTitle h2.open {
		background:#000;
	}
	#asideTitle h2.open > span {
		color:#FFF;
	}
	#asideTitle h2 > span :lang(en) {
		display:none;
	}
	#asideTitle h2 .arrow {
		right:15px;
	}
	#asideTitle h2 .arrow span {
		display:block;
		width:100%;
		height:100%;
	}
	#asideTitle h2 .arrow span::before,
	#asideTitle h2 .arrow span::after {
		content:"";
		position:absolute;
		display:block;
		width:16px;
		height:2px;
		top:50%;
		right:15px;
		margin-top:-1px;
		background-color:#000;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#asideTitle h2 .arrow span::after {
		-webkit-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
				transform:rotate(90deg);
	}
	#asideTitle h2.open .arrow span::before,
	#asideTitle h2.open .arrow span::after {
		right:14px;
		width:18px;
		background-color:#FFF;
	}
	#asideTitle h2.open .arrow span::before {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
	#asideTitle h2.open .arrow span::after {
		-webkit-transform:rotate(225deg);
			-ms-transform:rotate(225deg);
				transform:rotate(225deg);
	}
}
@media screen and (min-width:991px) {
	#asideTitle {
		padding:0 10px;
		margin-top:20px;
	    margin-bottom:30px;
	}
	#asideTitle h2 {
		padding-right:40px;
	}
	#asideTitle h2 > span {
		font-size:2.7em;
	}
	#asideTitle h2 .arrow {
		position:absolute;
		right:0;
		top:50%;
		display:block;
		width:35px;
		height:35px;
		margin-top:-17.5px;
		box-sizing:border-box;
		background:#1e7920;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
				border-radius:100%;
	}
	#asideTitle h2 .arrow span {
		display:block;
		width:100%;
		height:100%;
	}
	#asideTitle h2 .arrow span:before {
		position:absolute;
		content:"";
		display:block;   
		width:9px;
		height:9px;    
		z-index:2;
		box-sizing:border-box;
		right:50%;
		top:50%;
		margin:-4.5px -5.5px 0 0 ;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	#asideTitle h2 .arrow span:after {
		position:absolute;
		left:50%;
		top:50%;
		content:"";
		display:block;   
		width:15px;
		height:1px;    
		z-index:2;	
		box-sizing:border-box;
		background:#FFF;
		margin:-0.5px 0 0 -7.5px;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
}
@media screen and (min-width:1440px) {
	#asideTitle {
	    margin-bottom:40px;
	}
	#asideTitle h2 {
		padding-right:50px;
	}
	#asideTitle h2 > span {
		font-size:3.1em;
	}
	#asideTitle h2 .arrow {
		width:45px;
		height:45px;
		margin-top:-22.5px;
	}
}
@media screen and (min-width:1720px) {
	#asideTitle {
		padding:0 15px;
	}
	#asideTitle h2 {
		padding-right:60px;
	}
	#asideTitle h2 > span {
		font-size:3.9em;
	}
	#asideTitle h2 .arrow {
		width:55px;
		height:55px;
		margin-top:-27.5px;
	}
}


/** asideMenu **/
#asideMenu {
	width:100%;
	box-sizing:border-box;
}
#asideMenu > ul {
	list-style:none;
}
#asideMenu > ul > li {
	position:relative;
	width:100%;
	border-bottom:1px solid #CCC;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	padding:12px 30px 12px 15px;
	box-sizing:border-box;
}
@media screen and (max-width:990px) {
	#asideMenu {
		display:none;
		background:#009944; /* Old browsers */
		background:-moz-linear-gradient(left,  #009944 0%, #005229 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(left,  #009944 0%,#005229 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to right,  #009944 0%,#005229 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009944', endColorstr='#005229',GradientType=1 ); /* IE6-9 */	
	}
	#asideMenu > ul > li {
		border-color:rgba(255,255,255,.3);
	}
	#asideMenu > ul > li:last-child {
		border-bottom:none;
	}
	#asideMenu > ul > li:hover > a,
	#asideMenu > ul > li > a:hover,
	#asideMenu > ul > li > a:focus {
		color:#fff100;
	}
	#asideMenu > ul > li > a:before {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		right:22px;
		width:7px;
		height:7px;
		border-top:2px solid #FFF;
		border-right:2px solid #FFF;
		margin-top:-5px;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		display:none;
	}
	#asideMenu > ul > li:hover > a:before,
	#asideMenu > ul > li > a:hover:before,
	#asideMenu > ul > li > a:focus:before {
		border-color:#fff100;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		content:"";
		position:absolute;
		display:block;
		width:14px;
		height:2px;
		top:25.5px;
		right:17px;
		border:none;
		margin:-1px 0 0 0;
		background-color:#FFF;
		-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
				transform:rotate(0deg);
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:after {
		content:"";
		position:absolute;
		display:block;
		width:2px;
		height:14px;
		top:25.5px;
		right:23px;
		margin:-7px 0 0 0;
		background-color:#FFF;
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:hover:before,
	#asideMenu > ul > li > a.dropBtn:hover:after {
		background-color:#AAFF00;
	}
	#asideMenu > ul > li > a.dropBtn.open:before,
	#asideMenu > ul > li > a.dropBtn.open:hover:after {
		background-color:#AAFF00;
	}
	#asideMenu > ul > li.unit-now > a.dropBtn:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:after,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:after {
		background-color:#fff100;
	}
	#asideMenu > ul > li > a.dropBtn.open {
		background:rgba(0,0,0,.5);
	}
	#asideMenu > ul > li > a.dropBtn.open:before {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
	#asideMenu > ul > li > a.dropBtn.open:after {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
}
@media screen and (min-width:991px) {
	#asideMenu {
		display:block;
		border-top:1px solid #CCC;
	}
	#asideMenu > ul > li > a {
		color:#333333;
		font-size:1.9em;
		padding:10px;
	}
	#asideMenu > ul > li:hover > a,
	#asideMenu > ul > li > a:hover,
	#asideMenu > ul > li > a:focus {
		color:#A40000;
	}
	#asideMenu > ul > li > a.dropBtn {
		padding-right:35px;
	}
	#asideMenu > ul > li > a.dropBtn.open {
		color:#FFF;
		background:#000;
	}
	#asideMenu > ul > li.unit-now > a,
	#asideMenu > ul > li.unit-now > a.dropBtn.open {
		color:#FFF;
		background:#1e7920;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		content:"";
		position:absolute;
		display:block;
		width:15px;
		height:1px;
		top:22px;
		right:13px;
		border:none;
		background-color:#333333;
		-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
				transform:rotate(0deg);
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:after {
		content:"";
		position:absolute;
		display:block;
		width:1px;
		height:15px;
		top:15px;
		right:20px;
		background-color:#333333;
		-webkit-transition:-webkit-transform .3s linear;
		   -moz-transition:-moz-transform .3s linear;
			-ms-transition:-ms-transform .3s linear;
			 -o-transition:-o-transform .3s linear;
				transition:transform .3s linear;
	}
	#asideMenu > ul > li > a.dropBtn:hover:before,
	#asideMenu > ul > li > a.dropBtn:hover:after {
		background-color:#A40000;
	}
	#asideMenu > ul > li > a.dropBtn.open:before,
	#asideMenu > ul > li > a.dropBtn.open:after,
	#asideMenu > ul > li > a.dropBtn.open:hover:before,
	#asideMenu > ul > li > a.dropBtn.open:hover:after {
		background-color:#FFF;
	}
	#asideMenu > ul > li.unit-now > a.dropBtn:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:after,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:after {
		background-color:#FFF;
	}
	#asideMenu > ul > li > a.dropBtn.open:before {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
	#asideMenu > ul > li > a.dropBtn.open:after {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
}
@media screen and (min-width:1720px) {
	#asideMenu > ul > li > a {
		font-size:2.1em;
		padding:15px;
	}
	#asideMenu > ul > li > a.dropBtn {
		padding-right:40px;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		width:19px;
		top:28px;
		right:15px;
	}
	#asideMenu > ul > li > a.dropBtn:after {
		height:19px;
		top:19px;
		right:24px;
	}
}


/** 左側選單 第二、三層 **/
@media screen and (max-width:990px) {
	#asideMenu > ul > li > ul {
		display:none;
		width:100%;
		list-style:none;
		padding:0;
		box-sizing:border-box;
		background:rgba(255,255,255,.8);
	}
	#asideMenu > ul > li > ul > li {
		display:inline-block;
		width:100%;
		border-bottom:1px dashed rgba(0,0,0,.3);
	}
	#asideMenu > ul > li > ul > li:last-child {
		border-bottom:none;		
	}
	#asideMenu > ul > li > ul > li a {
		position:relative;
		display:inline-block;
		width:100%;
		color:#333;
		font-size:1.9em;
		font-weight:bold;
		text-align:left;
		padding:15px 15px 15px 35px;
		box-sizing:border-box;
	}
	#asideMenu > ul > li > ul > li a:hover,
	#asideMenu > ul > li > ul > li a:focus {
		color:#eb6100;
	}
	#asideMenu > ul > li > ul > li.unit-now a {
		color:#008a3e;
	}
	#asideMenu > ul > li > ul > li a:before {
		content:"";
		display:block;    
		position:absolute;
		top:50%;
		left:17px;
		width:7px;
		height:7px;
		border-top:2px solid #333;
		border-right:2px solid #333;
		margin-top:-4.5px;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > ul > li.unit-now a:before {
		border-color:#008a3e;
	}
}
@media screen and (min-width:991px) {
	#asideMenu > ul > li > ul {
		width:100%;
		list-style:none;
		padding:7.5px 15px;
		background:#f5f5f5;
		box-sizing:border-box;
		overflow:hidden;
	}
	#asideMenu > ul > li.unit-now > ul {
		background:#f7f6ed;
	}
	#asideMenu > ul > li > ul > li {
		display:inline-block;
		width:100%;
	}
	#asideMenu > ul > li > ul > li a {
		position:relative;
		display:inline-block;
		width:100%;
		color:#000;
		font-size:1.9em;
		font-weight:bold;
		line-height:135%;
		text-align:left;
		padding:7.5px 7.5px 7.5px 17.5px;
		box-sizing:border-box;
	}
	#asideMenu > ul > li > ul > li a:hover,
	#asideMenu > ul > li > ul > li a:focus {
		color:#A40000;
	}
	#asideMenu > ul > li > ul > li.unit-now a {
		color:#1e7920;
	}
	#asideMenu > ul > li > ul > li a:before {
		content:"";
		display:block;    
		position:absolute;
		left:0;
		top:16px;
		width:7px;
		height:7px;
		border-right:1px solid #333;
		border-top:1px solid #333;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;    
			 -o-transition:all 0.3s;
				transition:all 0.3s;
	}
	#asideMenu > ul > li > ul > li a:hover:before,
	#asideMenu > ul > li > ul > li a:focus:before {
		border-color:#A40000;
	}
	#asideMenu > ul > li > ul > li.unit-now a:before {
		border-color:#1e7920;
	}
}



/** breadcrumbs **/
#breadcrumbs {
	position:relative;
	width:100%;
	text-align:right;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	margin:0 auto 20px auto;
}
#breadcrumbs:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:0;
	bottom:-1px;
    width:12px;
    height:1px;
	background:#1e7920;
}
#breadcrumbs > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px 0;
}
#breadcrumbs > ul li {
	position:relative;
	display:inline-block;
	color:#555;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0;
	line-height:135%;
	padding:5px 0;
}
#breadcrumbs > ul li + li {
	padding-left:29px;
}
#breadcrumbs > ul li + li:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:10px;
    top:50%;
    width:10px;
    height:10px;
	margin-top:-5px;
    z-index:2;
	background:#ddd;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#breadcrumbs > ul li a {
	position:relative;
	display:block;
	color:#707070;
}
#breadcrumbs > ul li a:hover,
#breadcrumbs > ul li a:focus {
	color:#A40000;
}
#breadcrumbs > ul li a.bread-home,
#breadcrumbs > ul li:first-child a {
	position:relative;
	padding-left:25px;
}
#breadcrumbs > ul li a.bread-home:before,
#breadcrumbs > ul li:first-child a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	margin:-8px 0 0 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#ddd;
	-webkit-mask-image:url(../images/icon-home.svg);
			mask-image:url(../images/icon-home.svg);
	-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#breadcrumbs > ul li a.bread-home:hover:before,
#breadcrumbs > ul li a.bread-home:focus:before,
#breadcrumbs > ul li:first-child a:hover:before,
#breadcrumbs > ul li:first-child a:focus:before {
	background-color:#A40000;
}
@media screen and (max-width:990px) {
	#breadcrumbs .breadMenu:nth-child(1n+4) {
		display:none;
	}
	#breadcrumbs dd,
	#breadcrumbs dt + dd {
		min-width:calc(40% - 26px);
		max-width:calc(60% - 26px);
	}
}
@media screen and (max-width:640px) {
	#breadcrumbs {
		padding:10px;
	}
	#breadcrumbs dt {
		display:none;
	}
	#breadcrumbs dd,
	#breadcrumbs dt + dd {
		width:100%;
		max-width:100%;
		border-right:none;
	}
	#breadcrumbs .breadMenu ul {
		position:relative;
		top:0;
		width:100%;
	}
	#breadcrumbs .breadMenu ul li {
		border:none;
		border-bottom:1px solid #ddd;
	}
	#breadcrumbs dd + dd {
		border-top:1px solid #FFF;
	}
}
@media screen and (min-width:991px) {
	#breadcrumbs {
		margin-bottom:30px;
	}
	#breadcrumbs:before{
		left:-10px;
	}
}
@media screen and (min-width:1440px) {
	#breadcrumbs {
		margin-bottom:35px;
	}
	#breadcrumbs > ul li {
		font-size:1.7em;
	}
	#breadcrumbs > ul li + li {
		padding-left:35px;
	}
	#breadcrumbs > ul li + li:before{
		left:13px;
	}
}


/* ----- titHead ----- */
.titHead {
	width:100%;
	margin:0 auto 20px auto;
}
.titHead h2 {
	font-family:"Noto Serif TC", "PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:4.1em;
	line-height:135%;
	font-weight:bold;
}
@media screen and (max-width:768px) {
	.titHead h2 {
		font-size:3.7em;
	}
}
@media screen and (min-width:991px) {
	.titHead {
		margin-bottom:30px;
	}
	.titHead h2 {
		font-size:4.5em;
	}
}
@media screen and (min-width:1440px) {
	.titHead {
		margin-bottom:35px;
	}
	.titHead h2 {
		font-size:4.9em;
	}
}
@media screen and (min-width:1720px) {
	.titHead h2 {
		font-size:5.5em;
	}
}


/** searchCriteria **/
#searchCriteria {
	width:100%;
	padding:20px;
	text-align:center;
	box-sizing:border-box;
	background:#f4f4f4;
	margin:0 auto;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#searchCriteria .rowbox {
	display:flex;
	flex-direction:row;
	margin:-5px;
}
#searchCriteria .sbox {
	display:flex;
	flex-direction:row;
	width:50%;
	padding:5px;
	box-sizing:border-box;
}
#searchCriteria .sbox.sw4 { width:40%; }
#searchCriteria .sbox.sw6 { width:60%; }
#searchCriteria .group {
	display:flex;
	flex-direction:row-reverse;
	width:100%;
	background:#FFF;
	box-sizing:border-box;
	vertical-align:middle;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
#searchCriteria .group.g2 {
	width:calc(100% - 55px);
}
#searchCriteria .groupLabel {
	display:inline-block;
	width:100px;
	color:#FFF;
	font-size:1.7em;
	line-height:45px;
	letter-spacing:0;
	background:#000;
	vertical-align:middle;
	margin:0;
	-webkit-border-radius:5px 0 0 5px;
	   -moz-border-radius:5px 0 0 5px;
			border-radius:5px 0 0 5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
#searchCriteria .listBar {
	width:calc(100% - 100px);
	height:45px;
	padding:0px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#000;
	cursor:pointer;
	letter-spacing:0;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #dddddd;
	border-left:none;
	box-sizing:border-box;
	padding:0 40px 0 10px;
	background:#FFF url(../images/select-bg.svg) no-repeat right;
	-webkit-border-radius:0 5px 5px 0;
	   -moz-border-radius:0 5px 5px 0;
			border-radius:0 5px 5px 0;
	-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:middle;
}
#searchCriteria .listbox .listBar {
	width:100%;
}
#searchCriteria .listBar:focus {
	outline:none;
    border-color:#A40000;
	background:#FCF7F7 url(../images/select-bg-on.svg) no-repeat right;
}
#searchCriteria .listBar:focus + .groupLabel {
	background-color:#A40000;
}
#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:45px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	line-height:45px;
	letter-spacing:0;
	padding:0 10px;
	background:#FFF;
	border:1px solid #dddddd;
	border-left:none;
	box-sizing:border-box;
	vertical-align:middle;
	-webkit-border-radius:0 5px 5px 0;
	   -moz-border-radius:0 5px 5px 0;
			border-radius:0 5px 5px 0;
}
#searchCriteria .search-query:focus {
	outline:none;
	background-color:#FCF7F7;
    border-color:#A40000;
}
#searchCriteria .search-query:focus + .groupLabel {
	background-color:#A40000;
}
#searchCriteria .search-btn {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#737373;
	vertical-align:middle;
	margin-left:10px;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
	-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 {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
#searchCriteria .search-btn span::before {
	position:absolute;
	display:block;
	content:'';
	left:1px;
	top:0;
	height:20px;
	width:20px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#searchCriteria .search-btn span::after {
	position:absolute;
	display:block;
	content:'';
	left:14px;
	top:18px;
	width:11px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background:#A40000;
}
@media screen and (max-width:640px) {
	#searchCriteria .rowbox {
		flex-direction:column;
	}
	#searchCriteria .sbox {
		width:100% !important;
	}
}
@media screen and (max-width:420px) {
	#searchCriteria .sbox {
		flex-direction:column;
	}
	#searchCriteria .group {
		width:100% !important;
	}
	#searchCriteria .search-btn {
		width:100%;
		margin:10px auto 0 auto;
	}
}
@media screen and (min-width:991px) {
	#searchCriteria {
		padding:25px;
		margin-top:20px;
	}
}
@media screen and (min-width:1200px) {
	#searchCriteria .group.g2 {
		width:calc(100% - 60px);
	}
	#searchCriteria .group .groupLabel {
		height:50px;
		line-height:50px;
	}
	#searchCriteria .listBar {
		height:50px;
		line-height:50px;
		padding:0 40px 0 15px;
	}
	#searchCriteria .search-query {
		height:50px;
		line-height:50px;
		padding:0 15px;
	}
	#searchCriteria .search-btn {
		width:50px;
		height:50px;
	}
}
@media screen and (min-width:1720px) {
	#searchCriteria {
		padding:30px;
		margin-top:30px;
	}
	#searchCriteria .group.g2 {
		width:calc(100% - 65px);
	}
	#searchCriteria .group .groupLabel {
		height:55px;
		font-size:1.9em;
		line-height:55px;
	}
	#searchCriteria .listBar {
		height:55px;
		font-size:1.9em;
		line-height:55px;
	}
	#searchCriteria .search-query {
		height:55px;
		font-size:1.9em;
		line-height:55px;
	}
	#searchCriteria .search-btn {
		width:55px;
		height:55px;
	}
}


/* ----- postTit ----- */
.postTit {
	width:100%;
	margin:0 auto;
}
.postTit h2 {
	color:#1e7a21;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.5em;
	font-weight:bold;
	line-height:135%;
}
@media screen and (min-width:1200px) {
	.postTit h2 {
		font-size:2.9em;
	}
}
@media screen and (min-width:1440px) {
	.postTit h2 {
		font-size:3.1em;
	}
}
@media screen and (min-width:1720px) {
	.postTit h2 {
		font-size:3.5em;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	padding:15px 0;
	border-bottom:1px dashed #CCC;
	margin:0 auto;
}
.postInfo > ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-5px -10px;
}
.postInfo > ul > li {
	display:inline-block;
	font-size:1.5em;
	line-height:25px;
	letter-spacing:0;
	vertical-align:top;	
	box-sizing:border-box;
	padding:5px 10px;
}
.postInfo > ul > li:last-child {
	margin-right:0;
}
.postInfo > ul > li > span {
	position:relative;
	display:inline-block;
	font-weight:bold;
	padding-left:33px;
}
.postInfo > ul > li > span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:1px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25px;
	height:25px;
	box-sizing:border-box;
}
.postInfo > ul > li:nth-child(1) span:before {
	background-image:url(../images/icon-calendar.svg);
}
.postInfo > ul > li:nth-child(2) span:before {
	background-image:url(../images/icon-source.svg);
}
@media screen and (max-width:580px) {
	.postInfo > ul > li {
		width:100%;
		margin:5px 0;
	}
}
@media screen and (min-width:1720px) {
	.postInfo {
		padding:20px 0;
	}
	.postInfo > ul > li {
		font-size:1.7em;
	}
}


/** video-wrapper **/
.video-wrapper {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/** pic_left **/
.pic_left {
	float:left;
	max-width:50%;
	text-align:center;
	margin:0 20px 20px 0;
}
.pageWord p + .pic_left,
.pageWord .pic_left + p,
.pageWord h3 + .pic_left,
.pageWord .pic_left + h3 {
	margin-top:1em;
	margin-bottom:1em;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:420px) {
	.pic_left {
		float:none;
		max-width:100%;
		text-align:center;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	max-width:50%;
	text-align:center;
	margin:0 0 20px 20px;
}
.pageWord p + .pic_right,
.pageWord .pic_right + p,
.pageWord h3 + .pic_right,
.pageWord .pic_right + h3 {
	margin-top:1em;
	margin-bottom:1em;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:420px) {
	.pic_right {
		float:none;
		max-width:100%;
		text-align:center;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}


/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.7em;
	line-height:170%;
	margin:30px auto 0 auto;
}
.pageWord img {
	max-width:100%;
	height:auto;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:1em 0 1em 1.5em;
}
.pageWord > ol > li,
.pageWord > ul > li {
	margin:10px 0;
}
.pageWord li ol,
.pageWord li ul {
	margin:10px 0;
	margin-left:2em;
}
.pageWord li ol li,
.pageWord li ul li {
	margin:10px 0;
}
.pageWord .stit {
	position:relative;
	color:#76AA00;
	font-size:1.6rem;
	font-weight:bold;
	line-height:135%;
	padding-left:38px;
}
.pageWord .stit:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:3px;
    width:30px;
    height:30px;
    z-index:1;
	background:linear-gradient(to bottom, #a0d702 0%,#57a63b 100%);
	box-sizing:border-box;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pageWord .stit:after {
    content:"";
    display:block;
    position:absolute;
    left:9px;
	top:16px;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 6px 0 6px;
	border-color:#ffffff transparent transparent transparent;
	z-index:1;
}
.pageWord .stit.at1:before { background:url(../images/philosophy-icon1.gif) no-repeat 0 0; background-size:cover; }
.pageWord .stit.at2:before { background:url(../images/philosophy-icon2.gif) no-repeat 0 0; background-size:cover; }
.pageWord .stit.at3:before { background:url(../images/philosophy-icon3.gif) no-repeat 0 0; background-size:cover; }
.pageWord .stit.at4:before { background:url(../images/philosophy-icon4.gif) no-repeat 0 0; background-size:cover; }
.pageWord .stit.at1:after,
.pageWord .stit.at2:after,
.pageWord .stit.at3:after,
.pageWord .stit.at4:after { display:none; }
.pageWord .tips {
	position:relative;
	font-size:1.4rem;
	font-weight:bold;
	line-height:135%;
	padding-left:1.25em;
}
.pageWord .tips:before,
.pageWord .tips:after {
	position:absolute;
	content:"";
	display:block;   
	width:9px;
	height:9px;    
	z-index:2;
	box-sizing:border-box;
	top:50%;
	margin-top:-4.5px;
	border-right:2px solid #000;
	border-top:2px solid #000;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.pageWord .tips.font-green:before,
.pageWord .tips.font-green:after {
	border-color:#5aae08;
}
.pageWord .tips:before {
	left:2px;
}
.pageWord .tips:after {
	left:9px;
}
.pageWord .stit + p,
.pageWord .stit + table,
.pageWord table + .stit,
.pageWord table + p,
.pageWord p + .stit,
.pageWord p + table,
.pageWord p + p,
.pageWord h3 + p,
.pageWord ul + p,
.pageWord ol + p,
.pageWord ul + .stit,
.pageWord ol + .stit {
	margin:1em auto
}
.pageWord p + .stit:last-child,
.pageWord .stit + p:last-child,
.pageWord p + p:last-child {
	margin-bottom:0;
}
.pageWord table {
	border:1px solid #c2cad6;
	border-collapse:collapse;
}
.pageWord table caption {
	margin-bottom:10px;
}
.pageWord table th {
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:12px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	background:#2e466b;	
	box-sizing:border-box;
}
.pageWord table td {
	color:#000;
	padding:12px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.pageWord table td ul,
.pageWord table td ol {
	margin-left:1em;
}
.pageWord table.compInfo {
	border:1px solid #9DCF70;
	border-collapse:collapse;
}
.pageWord table.compInfo th {
	color:#468C00;	
	border:1px dashed #9DCF70;
	background:#e9f1e2;
}
.pageWord table.compInfo td {
	border:1px dashed #9DCF70;
	background:#f7f7f7;
}
@media screen and (min-width:1720px) {
	.pageWord {
		font-size:1.9em;
		margin-top:35px;
	}
	.pageWord .stit {
		font-size:1.9rem;
	}
	.pageWord .stit:before {
		top:6px;
	}
	.pageWord .stit:after {
		top:19px;
	}
	.pageWord .stit.at1,
	.pageWord .stit.at2,
	.pageWord .stit.at3,
	.pageWord .stit.at4 { padding-left:40px; }
	.pageWord .stit.at1:before,
	.pageWord .stit.at2:before,
	.pageWord .stit.at3:before,
	.pageWord .stit.at4:before { top:4px; width:35px; height:35px; }
	.pageWord table th {
		padding:15px;
	}
	.pageWord table td {
		padding:15px;
	}
}


/* ----- flexWord ----- */
.flexWord {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-start;
}


/* ----- pics ----- */
.pics {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-start;
	margin:20px -10px;
}	
.pics figure { 
	display:inline-block;
	max-width:calc(100% - 20px);
	text-align:center;
	padding:10px; 
	box-sizing:border-box;
	border:1px solid #ccc; 
	vertical-align:top;
	margin:10px;
}	
.pics.two figure {
	max-width:calc(50% - 20px);
}
.pics.three figure {
	max-width:calc(33.333% - 20px);
}
.pics figure figcaption {
	text-align:center;
	margin-top:10px;
}


/* ----- mapInfo ----- */
.mapInfo {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin:0 auto;
	overflow:hidden;
    -webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
.mapInfo .map {
	position:relative;
	width:calc(100% - 280px);
	padding-bottom:360px;
	height:0;
}
.mapInfo .map iframe {
	position:absolute;
	width:100%;
	height:100%;
}
.mapInfo .mapWd {
	width:280px;
	padding:25px;
	background:url(../images/map-bg.svg) no-repeat right bottom #67B123;
	background-size:auto 45%;
	box-sizing:border-box;
}
.mapInfo .mapWd dl {
	color:#FFF;
}
.mapInfo .mapWd dt {
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
	line-height:135%;
}
.mapInfo .mapWd dd {
	color:#FFF;
	font-weight:bold;
	line-height:135%;
	margin-top:10px;
}
.mapInfo .mapWd dd span {
	display:inline-block;
	margin-left:3em;
	text-indent:-3em;
}
.mapInfo .mapWd dd a {
	display:inline-block;
	color:#FFF;
	padding:10px 20px;
	background:#238C00;
	margin-top:10px;
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
.mapInfo .mapWd dd a:hover,
.mapInfo .mapWd dd a:focus {
	color:#238C00;
	background:#FFFF33;
}
@media screen and (max-width:600px) {
	.mapInfo .map {
		width:100%;
		padding-bottom:340px;
	}
	.mapInfo .mapWd {
		width:100%;
		padding:20px;
		background-size:auto 70%;
	}
	.mapInfo .mapWd dt {
		font-size:1.9em;
	}
}
@media screen and (min-width:991px) {
	.mapInfo .map {
		width:calc(100% - 230px);
		padding-bottom:340px;
	}
	.mapInfo .mapWd {
		width:230px;
		background-size:auto 50%;
	}
	.mapInfo .mapWd dt {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
	.mapInfo .map {
		width:calc(100% - 340px);
		padding-bottom:360px;
	}
	.mapInfo .mapWd {
		width:340px;
	}
	.mapInfo .mapWd dt {
		font-size:2.1em;
	}
}
@media screen and (min-width:1440px) {
	.mapInfo .map {
		width:calc(100% - 380px);
		padding-bottom:400px;
	}
	.mapInfo .mapWd {
		width:380px;
		padding:30px;
	}
	.mapInfo .mapWd dt {
		font-size:2.3em;
	}
}
@media screen and (min-width:1720px) {
	.mapInfo .map {
		width:calc(100% - 400px);
		padding-bottom:480px;
	}
	.mapInfo .mapWd {
		width:400px;
		padding:35px;
	}
	.mapInfo .mapWd dt {
		font-size:2.7em;
	}
}


/* ----- IRtable ----- */
.IRtable {
	width:100%;
	font-size:1.7em;
	line-height:170%;
}
.IRtable .table-top {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
	margin:-5px;
}
.IRtable .IRsearch {
	display:flex;
	flex-direction:row-reverse;
	width:100%;
	max-width:220px;
	background:#FFF;
	box-sizing:border-box;
	vertical-align:middle;
	margin:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
.IRtable .IRsearch label {
	display:inline-block;
	width:100px;
	color:#FFF;
	text-align:center;
	line-height:45px;
	letter-spacing:0;
	background:#000;
	vertical-align:middle;
	margin:0;
	-webkit-border-radius:5px 0 0 5px;
	   -moz-border-radius:5px 0 0 5px;
			border-radius:5px 0 0 5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
		 -o-transition:all 0.5s ease;
			transition:all 0.5s ease;
}
.IRtable .IRsearch .listBar {
	width:calc(100% - 100px);
	height:45px;
	padding:0px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	cursor:pointer;
	letter-spacing:0;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #dddddd;
	border-left:none;
	box-sizing:border-box;
	padding:0 40px 0 10px;
	background:#FFF url(../images/select-bg.svg) no-repeat right;
	-webkit-border-radius:0 5px 5px 0;
	   -moz-border-radius:0 5px 5px 0;
			border-radius:0 5px 5px 0;
	-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:middle;
}
.IRtable .IRsearch .listbox .listBar {
	width:100%;
}
.IRtable .IRsearch .listBar:focus {
	outline:none;
    border-color:#A40000;
	background:#FCF7F7 url(../images/select-bg-on.svg) no-repeat right;
}
.IRtable .IRsearch .listBar:focus + label {
	background-color:#A40000;
}
.IRtable .IRsearch .listBar option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.IRtable .IRsearch .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.IRtable .IRmarks {
	color:#339900;
	font-weight:bold;
	margin:5px;
}
.IRtable .IRword {
	color:#FF6600;
	font-size:1.5rem;
	font-weight:bold;
	margin:5px;
}
.IRtable .yrtab + .table-responsive,
.IRtable .table-top + .table-responsive {
	margin-top:20px;
}
.IRtable .table-responsive {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.IRtable table {
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:12px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.IRtable table th {
	padding:12px;
	vertical-align:middle;
}
.IRtable table td {
	padding:12px;
	vertical-align:middle;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
.IRtable table.results {
	border:1px solid #9DCF70;
	border-collapse:collapse;
}
.IRtable table.results th {
	color:#FFF;
	border:1px dashed #9DCF70;
	background:#408000;
}
.IRtable table.results td.Tit {
	color:#728D1D;	
	border:1px dashed #9DCF70;
	background:#f4f5e9;
}
.IRtable table.results td {
	color:#333;
	border:1px dashed #9DCF70;
	background:#f7f7f7;
}
.IRtable table.results td.Total {
	color:#468C00;
	font-weight:bold;
	border:1px dashed #9DCF70;
	background:#e9f1e2;
}
.IRtable table.formTab {
	margin-top:25px;	
}
.IRtable table.formTab th {
	color:#339900;
	font-weight:bold;
	text-align:center;
}
.IRtable table.formTab td {
	color:#666;
}
.IRtable table.formTab th span,
.IRtable table.formTab td span {
 	color:#F60;
}
.IRtable table.formTab .input {
 	color:#333;
 	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 新細明體;
 	border:1px solid #ddd;
 	border-radius:4px;
 	-webkit-border-radius:4px;
 	-moz-border-radius:4px;
 	padding:3px 5px;
}
.IRtable table.formTab .input:focus {
 	border:1px solid #e1ba6f;
 	box-shadow:0px 0px 4px rgba(225,186,111,1);
 	-webkit-box-shadow:0px 0px 4px rgba(225,186,111,1);
 	-moz-box-shadow:0px 0px 4px rgba(225,186,111,1);
}
.IRtable table.formTab .line {
 	background:url(../images/dotline.gif) repeat-x left center;
}
.IRtable .IRnote {
	margin-top:20px;
}
.IRtable .yrtab {
	width:100%;
	box-sizing:border-box;
}
.IRtable .yrtab .listshow {
	display:block;
	width:100%;
	letter-spacing:-0.9em;
	margin-bottom:25px;
	box-sizing:border-box;
	z-index:1;
}
.IRtable .yrtab .listshow .slick-list {
	position:relative;
	margin:0;
}
.IRtable .yrtab .listshow .slick-list:after {
    content:"";
    display:block;
    position:absolute;
    left:0;
	bottom:0;
    width:100%;
	height:1px;
	background:#57a63b;
	z-index:-1;
}
.IRtable .yrtab .listshow a + .slick-list {
	margin:0 45px;
}
.IRtable .yrtab .listshow .slick-list .slick-track {
	margin:0;
}
.IRtable .yrtab .item {
	display:inline-block;
	text-align:center;
	padding:0 5px;
	box-sizing:border-box;
	letter-spacing:0;
}
.IRtable .yrtab .item a {
	display:block;
	color:#FFF;
	line-height:25px;
	text-align:center;
	padding:10px;
	border:1px solid #73AA00;	
	background:linear-gradient(to bottom, #a0d702 0%,#57a63b 100%);
	-webkit-border-radius:5px 5px 0 0;
	   -moz-border-radius:5px 5px 0 0;
	        border-radius:5px 5px 0 0;
}
.IRtable .yrtab .item a:hover {
	color:#FFFF66;
}
.IRtable .yrtab .item.current a {
	color:#4A8E06;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	background:linear-gradient(to bottom, #E4F1B9 0%,#FFFFFF 100%);
}
.IRtable .yrtab .slick-prev,
.IRtable .yrtab .slick-next {	
	position:absolute;
	width:35px;
	height:35px;
	display:block;
	overflow:hidden;
	background-color:#656d73;
	z-index:10;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
    -webkit-transition:all 0.8s;
	        transition:all 0.8s;
}
.IRtable .yrtab .slick-arrow:hover,
.IRtable .yrtab .slick-arrow:focus {
	background-color:#A40000;
}
.IRtable .yrtab .slick-disabled {
	background:rgba(0,0,0,.2) !important;
}
.IRtable .yrtab .slick-prev {left:0;}
.IRtable .yrtab .slick-next {right:0;}
.IRtable .yrtab .slick-prev:before,
.IRtable .yrtab .slick-next:before{
	display:none;
}
.IRtable .yrtab .slick-prev span,
.IRtable .yrtab .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
.IRtable .yrtab .slick-prev span:before {
	position:absolute;
	top:50%;
	content:"";
	left:14px;
    top:50%;
	width:10px;
    height:10px;
	margin:-6.5px 0 0 0;
	border-left:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.IRtable .yrtab .slick-next span:before {
	position:absolute;
	top:50%;
	content:"";
	right:14px;
    top:50%;
	width:10px;
    height:10px;
	margin:-6.5px 0 0 0;
	border-right:2px solid #FFF;
    border-top:2px solid #FFF;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
@media screen and (min-width:1200px) {
	.IRtable .IRsearch label {
		height:50px;
		line-height:50px;
	}
	.IRtable .IRsearch .listBar {
		height:50px;
		line-height:50px;
		padding:0 40px 0 15px;
	}
}
@media screen and (min-width:1720px) {
	.IRtable {
		font-size:1.9em;
		margin-top:35px;
	}	
	.IRtable .IRsearch {
		max-width:250px;
	}
	.IRtable .IRsearch label {
		height:55px;
		line-height:55px;
	}
	.IRtable .IRsearch .listBar {
		height:55px;
		line-height:55px;
	}
	.IRtable .yrtab .listshow a + .slick-list {
		margin:0 55px;
	}
	.IRtable .yrtab + .table-responsive,
	.IRtable .table-top + .table-responsive {
		margin-top:30px;
	}	
	.IRtable table th {
		padding:15px;
	}
	.IRtable table td {
		padding:15px;
	}
	.IRtable .IRnote {
		margin-top:30px;
	}
	.IRtable .yrtab .item a {
		line-height:35px;
	}
	.IRtable .yrtab .slick-prev,
	.IRtable .yrtab .slick-next {	
		width:45px;
		height:45px;
	}
	.IRtable .yrtab .slick-prev span:before {
		left:18px;
	}
	.IRtable .yrtab .slick-next span:before {
		right:18px;
	}
}


/* ----- IRLinks ----- */
.IRLinks {
	width:100%;
	margin-top:30px;
}
.IRLinks ul {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	list-style:none;
	margin:-10px;	
}
.IRLinks ul li {
	width:50%;
	padding:10px;
	box-sizing:border-box;
}
.IRLinks ul li a {
	display:block;
    width:100%;
	height:100%;
}
.IRLinks ul li .box {
	display:flex;
    width:100%;	
	height:100%;
	padding:18px;
    flex-direction:row;
    box-sizing:border-box;
    justify-content:space-between;
    align-items:center;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
			box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.IRLinks ul li .icon {
	position:relative;
	display:block;
	width:90px;
	height:0;
	padding-bottom:90px;
}
.IRLinks ul li .icon span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background-color:#5aae08;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
    -webkit-border-radius:20px 0 20px 0;
	   -moz-border-radius:20px 0 20px 0;
			border-radius:20px 0 20px 0;
}
.IRLinks ul li .word {
	position:relative;
	width:calc(100% - 105px);
	box-sizing:border-box;
}
.IRLinks ul li .word h3 {
	color:#000;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
	vertical-align:middle;
}
.IRLinks ul li a:hover .word h3,
.IRLinks ul li a:focus .word h3{
	color:#D82B12;
}
.IRLinks ul li .word p {
	color:#333;
	font-size:1.7em;
	line-height:135%;
	margin-top:5px;
}
@media screen and (max-width:720px) {
	.IRLinks ul li {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.IRLinks ul li {
		width:100%;
	}
}
@media screen and (min-width:1200px) {
	.IRLinks ul li {
		width:50%;
	}
	.IRLinks ul li .box {
		padding:20px;
	}
}
@media screen and (min-width:1440px) {
	.IRLinks ul li .word h3 {
		font-size:2.3em;
	}
}
@media screen and (min-width:1720px) {
	.IRLinks ul {
		margin:-15px;	
	}
	.IRLinks ul li {
		padding:15px;
	}
	.IRLinks ul li .box {
		padding:25px;
	}
	.IRLinks ul li .icon {
		width:100px;
		padding-bottom:100px;
	}
	.IRLinks ul li .word {
		width:calc(100% - 120px);
	}
	.IRLinks ul li .word h3 {
		font-size:2.5em;
	}
	.IRLinks ul li .word p {
		font-size:1.9em;
	}
}


/* ----- IRContact ----- */
.IRContact {
	width:100%;
	margin-top:30px;
}
.IRContact ul {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	list-style:none;
	margin:-10px;
}
.IRContact ul li {
	width:33.333%;
	padding:10px;
	box-sizing:border-box;
}
.IRContact ul li .box {
	display:flex;
    width:100%;	
	height:100%;
	padding:20px;
    flex-direction:row;
    flex-wrap:wrap;
	align-content:flex-start;
	box-sizing:border-box;
    -webkit-border-radius:30px 0 30px 0;
	   -moz-border-radius:30px 0 30px 0;
			border-radius:30px 0 30px 0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
			box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.IRContact ul li .pic {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
}
.IRContact ul li .pic span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background-color:#5aae08;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
    -webkit-border-radius:20px 0 20px 0;
	   -moz-border-radius:20px 0 20px 0;
			border-radius:20px 0 20px 0;
}
.IRContact ul li .word {
	position:relative;
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
}
.IRContact ul li .word h3 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;
}
.IRContact ul li .word h4 {
	color:#76AA00;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	margin-top:5px;
}
.IRContact ul li .word p {
	position:relative;
	color:#333;
	font-size:1.5em;
	line-height:135%;
	margin-top:5px;
	padding-left:1em;
}
.IRContact ul li .word p:before {
	content:"";
	display:block;
	position:absolute;
	top:9px;
	left:5px;
	width:5px;
	height:5px;
	background:#666;
}
@media screen and (max-width:768px) {
	.IRContact ul {
		margin:-15px -10px;
	}
	.IRContact ul li {
		width:50%;
		padding:15px 10px;
	}
}
@media screen and (max-width:540px) {
	.IRContact {
		max-width:420px;
		margin:0 auto;
	}
	.IRContact ul li {
		width:100%;
		padding:15px 10px;
	}
}
@media screen and (min-width:991px) {
	.IRContact ul {
		margin:-15px;
	}
	.IRContact ul li {
		width:50%;
		padding:15px;
	}
}
@media screen and (min-width:1200px) {
	.IRContact ul li .box {
		padding:25px;
	}
	.IRContact ul li .box {
		-webkit-border-radius:50px 0 50px 0;
		   -moz-border-radius:50px 0 50px 0;
				border-radius:50px 0 50px 0;
	}
	.IRContact ul li .pic span {
		-webkit-border-radius:35px 0 35px 0;
		   -moz-border-radius:40px 0 35px 0;
				border-radius:35px 0 35px 0;
	}
}
@media screen and (min-width:1440px) {
	.IRContact ul li {
		width:33.33%;
	}
	.IRContact ul li .word h3 {
		font-size:2.3em;
	}
	.IRContact ul li .word h4 {
		font-size:2.1em;
	}
	.IRContact ul li .word p {
		font-size:1.7em;
	}
}
@media screen and (min-width:1720px) {
	.IRContact ul li .word h3 {
		font-size:2.5em;
	}
	.IRContact ul li .word h4 {
		font-size:2.3em;
	}
	.IRContact ul li .word p {
		font-size:1.9em;
	}
	.IRContact ul li .word p:before {
		top:11px;
	}
}


/* ----- BtnPDF ----- */
.BtnPDF {
	position:relative;
	display:inline-block;
	line-height:35px;
	padding-left:40px;
}
.BtnPDF:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:url(../images/icon-pdf.svg) no-repeat 50% 50%;
	background-size:cover;
}
.BtnLink {
	position:relative;
	display:inline-block;
	line-height:35px;
	padding-left:40px;
}
.BtnLink:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:url(../images/icon-link.svg) no-repeat 50% 50%;
	background-size:cover;
}


/* ----- pageBot ----- */
.pageBot {
	display:flex;
	width:100%;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	width:115px;
	font-size:1.7em;
	font-weight:bold;
	line-height:125%;
}
.pageBot .tit.download {
	margin-top:12px;
}
.pageBot .tit span {
	position:relative;
	padding-left:25px;
}
.pageBot .tit span:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:0;
    width:21px;
    height:21px;
	background:#000;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.pageBot .tit span:after {
    content:"";
    display:block;
    position:absolute;
    left:9px;
	top:5px;
    width:0;
	height:0;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-color:transparent transparent transparent #ffffff;
	z-index:1;
}
.pageBot .box {
	width:calc(100% - 115px);
	font-size:1.7em;
	line-height:125%;
}
.pageBot .box a {
	color:#CC4B00;
}
.pageBot .box a:hover,
.pageBot .box a:focus {
	color:#A40000;
}
@media screen and (max-width:768px) {
	.pageBot {
		flex-direction:column;
	}
	.pageBot .tit {
		width:100%;
	}
	.pageBot .box {
		width:100%;
		padding-left:25px;
		margin-top:10px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:991px) and (max-width:1200px) {
	.pageBot {
		flex-direction:column;
	}
	.pageBot .tit {
		width:100%;
	}
	.pageBot .box {
		width:100%;
		padding-left:25px;
		margin-top:10px;
		box-sizing:border-box;
	}
}
@media screen and (min-width:1720px) {
	.pageBot {
		margin-top:35px;
	}
	.pageBot .tit {
		width:130px;
		font-size:1.9em;
	}
	.pageBot .tit.download {
		margin-top:15px;
	}
	.pageBot .tit span:before {
		top:2px;
	}
	.pageBot .tit span:after {
		top:7px;
	}
	.pageBot .box {
		width:calc(100% - 130px);
		font-size:1.9em;
	}
}


/** dnTable **/
.dnTable {
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
}
.dnTable > li {
	list-style:none;
	border-bottom:1px dashed #CCC;
}
.dnTable > li:nth-child(1) {
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:#EFEFEF;
}
.dnTable > li:last-child {
	border-bottom:none;
}
.dnTable > li ul  {
	display:flex;
}
.dnTable > li ul li {
	display:flex;
	padding:12px 0;
	list-style:none;
}
.dnTable > li ul li + li {
	border-left:1px dashed #CCC;
}
.dnTable > li:nth-child(1) ul li {
	color:#000 !important;
	font-size:1em !important;
	justify-content:center;
}
.dnTable > li ul li:nth-child(1) {
	width:calc(100% - 315px);
	padding:12px;
	font-weight:bold;
}
.dnTable > li ul li:nth-child(2),
.dnTable > li ul li:nth-child(3),
.dnTable > li ul li:nth-child(4) {
	width:105px;
	color:#555;
	font-size:0.9rem;
	padding:12px 5px;
	justify-content:center;
	word-break:break-all;
}
.dnTable > li ul li:nth-child(2) span,
.dnTable > li ul li:nth-child(3) span,
.dnTable > li ul li:nth-child(4) span {
	display:none;
}
@media screen and (max-width:560px) {
	.dnTable {
		border:none;
		margin:-10px 0;
	}
	.dnTable > li {
		padding:10px 0;
	}
	.dnTable > li:nth-child(1) {
		display:none;
	}
	.dnTable > li ul {
		flex-direction:row;
		flex-wrap:wrap;
	}
	.dnTable > li ul li + li {
		border-left:none;
	}
	.dnTable > li ul li:nth-child(1) {
		width:100%;
		padding:0;
		margin-bottom:5px;
	}
	.dnTable > li ul li:nth-child(2),
	.dnTable > li ul li:nth-child(3),
	.dnTable > li ul li:nth-child(4) {
		position:relative;
		width:auto;
		padding:0 10px 0 0;
	}
	.dnTable > li ul li:nth-child(2) span,
	.dnTable > li ul li:nth-child(3) span,
	.dnTable > li ul li:nth-child(4) span {
		position:relative;
		display:inline-block;
		padding-left:15px;
	}
	.dnTable > li ul li:nth-child(2) span:after,
	.dnTable > li ul li:nth-child(3) span:after,
	.dnTable > li ul li:nth-child(4) span:after {
		content:"";
		display:block;
		position:absolute;
		top:8px;
		left:5px;
		width:5px;
		height:5px;
		background:#666;
	}

}
@media screen and (min-width:1440px) {
	.dnTable > li ul li:nth-child(1) {
		width:calc(100% - 360px);
	}
	.dnTable > li ul li:nth-child(2),
	.dnTable > li ul li:nth-child(3),
	.dnTable > li ul li:nth-child(4) {
		width:120px;
	}
}
@media screen and (min-width:1720px) {
	.dnTable > li ul li:nth-child(1) {
		width:61%;
		padding:15px;
	}
	.dnTable > li ul li:nth-child(2),
	.dnTable > li ul li:nth-child(3),
	.dnTable > li ul li:nth-child(4) {
		width:13%;
		font-size:1rem;
		padding:15px 5px;
	}
}


/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
#gallery ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
#gallery ul li {
	display:inline-block;
	width:33.3333%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#A40000;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
	width:100%;
	overflow:hidden;
}
#gallery figure .pic img {
	display:block;
	width:100%;
	height:auto;
	-webkit-transition:0.4s;
	   -moz-transition:0.4s;    
         -o-transition:0.4s;
            transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
    -webkit-transform:scale(1.08);
	   -moz-transform:scale(1.08);
        -ms-transform:scale(1.08);
         -o-transform:scale(1.08);    
            transform:scale(1.08);
}
#gallery figure figcaption {
	font-size:1.7em;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.3rem;
	margin-bottom:5px;
}
#gallery figure figcaption strong span {
	display:inline-block;
	color:#FFF;
	font-size:0.9rem;
	line-height:100%;
	padding:5px 10px;
	background:#8c3c4a;
	margin-right:10px;
	vertical-align:top;
}
@media screen and (max-width:480px) {
	#gallery ul li {width:50%;}
}
@media screen and (max-width:360px) {
	#gallery ul li {width:100%;}
}
@media screen and (min-width:991px) {	
	#gallery figure figcaption {
		font-size:1.9em;
	}
	#gallery ul li {
		width:25%;
	}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:0;
}
.dnLink ul li + li{ margin-top:10px;}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	box-sizing:border-box;
	align-content:center;
	padding:15px;
	background-color:#f2f2f2;
}
.dnLink ul li a:hover,
.dnLink ul li a:focus{
	background-color:#FAF0F0;
}
.dnLink .labe {
	position:relative;
    width:50px;
    height:50px;
	border-radius:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.dnLink .labe:before {
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:40px;
	height:50px;
	box-sizing:border-box;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	-webkit-mask-size:40px 50px;
			mask-size:40px 50px;
	-webkit-mask-image:url(../images/dnLink-icon.svg);
			mask-image:url(../images/dnLink-icon.svg);
}
.dnLink .labe span {
	position:absolute;
	right:0;
	bottom:13px;
	width:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding:3px 0 2px 0;
	background:#000;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;	
}
.dnLink .labe.pdf span {
	background:#a40000;
}
.dnLink .labe.pdf:before {
	background-color:#a40000;
}
.dnLink .labe.odt span,
.dnLink .labe.doc span,
.dnLink .labe.docx span{
	background:#0068b7;
}
.dnLink .labe.odt:before,
.dnLink .labe.doc:before,
.dnLink .labe.docx:before {
	background-color:#0068b7;
}
.dnLink .labe.ods span,
.dnLink .labe.xls span,
.dnLink .labe.xlsx span{
	background:#378837;
}
.dnLink .labe.ods:before,
.dnLink .labe.xls:before,
.dnLink .labe.xlsx:before {
	background-color:#378837;
}
.dnLink .labe.odp span,
.dnLink .labe.ppt span,
.dnLink .labe.pptx span{
	background:#FF6600;
}
.dnLink .labe.odp:before,
.dnLink .labe.ppt:before,
.dnLink .labe.pptx:before {
	background-color:#FF6600;
}
.dnLink .labe.rar span{
	background:#67005E;
}
.dnLink .labe.rar:before {
	background-color:#67005E;
}
.dnLink .labe.zip span{
	background:#6a3906;
}
.dnLink .labe.zip:before {
	background-color:#6a3906;
}
.dnLink dl {
	display:flex;
	width:calc(100% - 60px);
    justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#A40000;
}
.dnLink dd {
	color:#333333;
	font-size:1.3em;
	line-height:135%;
	margin-top:3px;
}
.dnLink dd span {
	position:relative;
	padding-left:10px;
	margin-right:15px;
	vertical-align:top;
}
.dnLink dd span:before {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#333333;
}
@media screen and (max-width:480px) {	
	.dnLink dd {margin-top:0;}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}
@media screen and (min-width:991px) {	
	.dnLink ul li a {
		padding:20px;
	}
	.dnLink dt {
		font-size:2.1em;
	}
	.dnLink dd {
		font-size:1.5em;
	}
}
@media screen and (min-width:1200px) {	
	.dnLink ul {
		display:flex;
		list-style:none;
		flex-direction:row;
		align-items:stretch;
		align-content:stretch;
		flex-wrap:wrap;
		letter-spacing:-9px;
		margin:-10px;
	}
	.dnLink ul li {
		display:inline-block;
		width:50%;
		letter-spacing:0;
		padding:10px;
		box-sizing:border-box;
	}
	.dnLink ul li + li {
		margin:0;
	}
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.getLink ul li + li{ margin-top:10px;}
.getLink ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	background-color:#f2f2f2;
}
.getLink ul li a:hover,
.getLink ul li a:focus{
	background-color:#FAF0F0;
}
.getLink dl {
	position:relative;
	width:100%;
	padding-left:60px;
	box-sizing:border-box;
}
.getLink dl:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	box-sizing:border-box;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	-webkit-mask-size:50px 50px;
			mask-size:50px 50px;
	-webkit-mask-image:url(../images/icon-getLink.svg);
			mask-image:url(../images/icon-getLink.svg);
}
.getLink a:hover dl:before,
.getLink a:focus dl:before{
	background-color:#A40000;
}
.getLink dt {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.getLink a:hover dt,
.getLink a:focus dt {
	color:#A40000;
}
.getLink dd {
	color:#333333;
	font-size:1.3em;
	line-height:135%;
	word-wrap:break-word;
	margin-top:3px;
}
@media screen and (min-width:991px) {	
	.getLink ul li a {
		padding:20px;
	}
	.getLink dt {
		font-size:2.1em;
	}
	.getLink dd {
		font-size:1.5em;
	}
}
@media screen and (min-width:1200px) {	
	.getLink ul {
		display:flex;
		list-style:none;
		flex-direction:row;
		align-items:stretch;
		align-content:stretch;
		flex-wrap:wrap;
		letter-spacing:-9px;
		margin:-10px;
	}
	.getLink ul li {
		display:inline-block;
		width:50%;
		letter-spacing:0;
		padding:10px;
		box-sizing:border-box;
	}
	.getLink ul li + li {
		margin:0;
	}
}


/** page **/
#page{
	display:flex;
	width:100%;	
	flex-direction:column;
	margin:40px auto 0 auto;
}
#page .go {
	display:flex;
	color:#000;
	font-size:1.7em;
	text-align:center;
	align-items:center;
	justify-content:center;
}
#page .go + .total {
	margin-top:20px;
}
#page .go select {
	width:auto;
	min-width:80px;
	height:45px;
	padding:0px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	cursor:pointer;
	letter-spacing:0;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:0 40px 0 15px;
	background:#FFF url(../images/select-bg.svg) no-repeat right;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-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:middle;
	margin:0 10px;
}
#page .go select:focus {
	outline:none;
    border-color:#A40000;
	background:#FCF7F7 url(../images/select-bg-on.svg) no-repeat right;
}
#page .go select option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
#page .go select:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}	
#page .total {
	display:inline-block;
	color:#000;
	font-size:1.7em;
	text-align:center;
	vertical-align:middle;
}
#page .total span{
	color:#dc1c24;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1rem;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num .cur {	
	display:inline-block !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:45px;
	vertical-align:middle;
	cursor:text;
	margin:0 20px;
}
#page .num a.btn-first,
#page .num a.btn-prev,
#page .num a.btn-next,
#page .num a.btn-end {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	border:1px solid #000;
	box-sizing:border-box;
	margin:0 5px;
	vertical-align:middle;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:13px;
	background:#000;
	margin:-6.5px 0 0 -5px;
	z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	margin:-4.5px 0 0 1px;
	z-index:2;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	margin:-4.5px 0 0 -3px;
	z-index:2;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	margin:-4.5px 0 0 -6px;
	z-index:2;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-end:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:13px;
	background:#000;
	margin:-6.5px 0 0 4px;
	z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-end:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:7px;
	height:7px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	margin:-4.5px 0 0 -9px;
	z-index:2;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus,
#page .num a.btn-end:hover,
#page .num a.btn-end:focus {
	border-color:#A40000;
	background:#A40000;
}
#page .num a.btn-first:hover:before,
#page .num a.btn-first:focus:before,
#page .num a.btn-end:hover:before,
#page .num a.btn-end:focus:before {
	background:#FFF;
}
#page .num a.btn-first:hover:after,
#page .num a.btn-first:focus:after,
#page .num a.btn-prev:hover:after,
#page .num a.btn-prev:focus:after,
#page .num a.btn-next:hover:after,
#page .num a.btn-next:focus:after,
#page .num a.btn-end:hover:after,
#page .num a.btn-end:focus:after {
	border-color:#FFF;
}
@media screen and (max-width:990px) {
	#page .num {
		display:none;
	}	
}
@media screen and (min-width:991px) {
	#page {
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		flex-direction:row;
		margin-top:40px;
	}
	#page .go + .total {
		margin:0 0 0 30px;
	}
	#page .num {
		width:100%;
		text-align:center;
	}
	#page .num a {
		position:relative;
		display:inline-block;
		height:35px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		font-weight:normal;
		text-align:center;
		line-height:35px;
		vertical-align:middle;
		padding:0 15px;
		background:none;
		box-sizing:border-box;
		margin:3px 0;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#A40000;
	}
	#page .num span {
		position:relative;
		display:inline-block;
		height:35px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		text-align:center;
		line-height:35px;
		vertical-align:middle;
		padding:0 15px;
		background:none;
		box-sizing:border-box;
		margin:3px 0;
	}
	#page .num .cur {
		position:relative;
		display:inline-block;
		height:35px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		font-weight:bold;
		text-align:center;
		line-height:35px;
		vertical-align:middle;
		padding:0 15px;
		background:none;
		box-sizing:border-box;
		margin:3px 0;
	}
	#page .num a:before,
	#page .num span:before,
	#page .num .cur:before {
		position:absolute;
		left:0;
		top:50%;
		content:"";
		display:block;   
		width:1px;
		height:12px;    
		background:#CCC;
		margin:-6px 0 0 0;
	}
	#page .num a.btn-prev + a:before,
	#page .num a.btn-prev + .cur:before {
		display:none;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-end {
		display:inline-block;
		margin:3px;
	}
	#page .num a.btn-prev {
		margin-right:20px;
	}
	#page .num a.btn-next {
		margin-left:20px;
	}
	#page .num a.btn-prev:before,
	#page .num a.btn-next:before {
		display:none;
	}
}
@media screen and (min-width:1440px) {
	#page {
		margin-top:50px;
	}
	#page .num a {
		font-size:1.7em;
		margin:5px 0;
	}
	#page .num span,
	#page .num .cur {
		font-size:1.7em;
		margin:5px 0;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-end {
		width:50px;
		height:50px;
		margin:5px;
	}
	#page .num a.btn-prev {
		margin-right:25px;
	}
	#page .num a.btn-next {
		margin-left:25px;
	}
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:40px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	width:90%;
	max-width:200px;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
	line-height:55px;
	margin:0 auto;
	background:#000;
	box-sizing:border-box;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#cc0000;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 30px 0 0;
}
#pageBack a span:before {
    content:"";
    display:block;
    position:absolute;
    right:14px;
    top:50%;
	margin-top:-11px;
	z-index:2;
	width:0;
	height:0;
	border-style:solid;
	border-width:7px 8px 7px 0;
	border-color:transparent #FFF transparent transparent;
}
#pageBack a span:after{
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:50%;
    width:12px;
    height:8px;
	border:5px solid #FFF;
    border-left:none;
	border-radius:0 20px 20px 0;
	margin-top:-7px;
	z-index:2;
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBack {
		margin-top:60px;
	}
	#pageBack a {
		max-width:220px;
		line-height:60px;
	}
	#pageBack a span {
		padding:0 30px 0 0;
	}
	#pageBack a span:before {
		right:14px;
		margin-top:-11px;
		border-width:7px 8px 7px 0;
	}
	#pageBack a span:after{
		right:0;
		width:12px;
		height:8px;
		margin-top:-7px;
	}
}
@media screen and (min-width:1720px) {
	#pageBack a {
		font-size:2.3em;
		line-height:70px;
	}
}


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

.body-font {
	font-size:19px;
}

.ui-datepicker {
	font-size:1.1rem;
}