/* 縮小失敗。正在傳回未縮小的內容。
(3253,21): run-time error CSS1046: Expect comma, found '115'
(3253,27): run-time error CSS1046: Expect comma, found '/'
(3294,27): run-time error CSS1046: Expect comma, found '115'
(3294,33): run-time error CSS1046: Expect comma, found '/'
(4342,20): run-time error CSS1046: Expect comma, found '34'
(4342,26): run-time error CSS1046: Expect comma, found '/'
(4348,21): run-time error CSS1046: Expect comma, found '115'
(4348,27): run-time error CSS1046: Expect comma, found '/'
(5324,34): run-time error CSS1046: Expect comma, found '0'
(5324,38): run-time error CSS1046: Expect comma, found '/'
(5373,34): run-time error CSS1046: Expect comma, found '0'
(5373,38): run-time error CSS1046: Expect comma, found '/'
 */
@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:437px;
    height:56px;
    background:url(../images/logo.png) no-repeat 0 50%;
    background-size:auto 56px;
	margin:20px auto;
}
#errorPage .errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
	background:#00A4AF;
	background-size:cover;
}
#errorPage .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);
}
#errorPage .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);
}
#errorPage .errorBox p {
	color:#FFF;
	font-size:2.1em;
	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 .linkBtn {
	width:100%;
	text-align:center;
    margin:30px auto 0 auto;
}
#errorPage .linkBtn .box {
	letter-spacing:-9px;
    margin:-5px 0;
}
#errorPage .linkBtn a {
	display:inline-block;
	min-width:140px;
    color:#FFF;
    font-size:1.5em;
	letter-spacing:0;
	padding:10px;
	background:#004986;
	box-sizing:border-box;
	margin:5px;
}
#errorPage .linkBtn a:hover,
#errorPage .linkBtn a:focus {
	background:#c3223d;
}
#errorPage .errorBtn {
	width:100%;
	text-align:center;
    margin:30px auto;
}
#errorPage .errorBtn .box {
	letter-spacing:-9px;
    margin:-5px 0;
}
#errorPage .errorBtn a {
	display:inline-block;
	min-width:140px;
    color:#000;
    font-size:1.5em;
	letter-spacing:0;
	padding:10px;
	border:1px solid #202020;
	box-sizing:border-box;
	margin:5px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
#errorPage .errorBtn a:hover,
#errorPage .errorBtn a:focus {
	color:#FFF;
    background:#000;
}
#errorPage .wd {
	text-align:center;
	margin-top:1rem;
}
#errorPage .wd p {
	color:#000;
	font-size:0.95rem;
	line-height:165%;
	margin:0;
}
#errorPage .wd p.cprt {
    font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.2rem;
}
#errorPage .wd a {
    color:#000;
}
#errorPage .wd a:hover,
#errorPage .wd a:focus {
	color:#b34658;
}
#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:480px) {
	#errorPage .logo {
		width:300px;
		height:38px;
		background-size:auto 38px;
	} 
	#errorPage .errorBox {	
		padding:50px 20px;
	}
	#errorPage .errorBox h2 {
		font-size:3.9em;
	}
	#errorPage .errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo{
		width:437px;
		height:56px;
		margin:30px auto;
	}
	#errorPage .errorBox {	
		padding:60px 25%;
	}	
}


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


/** comMain **/
#comMain {
	width:100%;
	height:100px;
	margin:0 auto;
	box-sizing:border-box;
	background-position:50% 50%;	
	background-size:cover;
}
#comMain.cm1 { background-image:url(../images/com-main1.jpg); }
#comMain.cm2 { background-image:url(../images/com-main2.jpg); }
#comMain.cm3 { background-image:url(../images/com-main3.jpg); }
#comMain.cm4 { background-image:url(../images/com-main4.jpg); }
#comMain.cm5 { background-image:url(../images/com-main5.jpg); }
#comMain.cm6 { background-image:url(../images/com-main6.jpg); }
#comMain.cm7 { background-image:url(../images/com-main7.jpg); }
#comMain.cm8 { background-image:url(../images/com-main8.jpg); }
#comMain.cm9 { background-image:url(../images/com-main9.jpg); }
#comMain.cm10 { background-image:url(../images/com-main10.jpg); }
#comMain.cm11 { background-image:url(../images/com-main11.jpg); }
#comMain.cm12 { background-image:url(../images/com-main12.jpg); }
#comMain.cm13 { background-image:url(../images/com-main13.jpg); }
#comMain.cm14 { background-image:url(../images/com-main14.jpg); }
#comMain .container {
	display:flex;
	width:100%;
	height:100%;
	flex-wrap:wrap;
	text-align:center;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#comMain span {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:2.9em;
	font-weight:bold;
	opacity:0;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
}
#comMain.faqmain {
	height:auto;
}
#comMain.faqmain .container {
	min-height:240px;
	padding:0 20px;
	box-sizing:border-box;
}
#comMain.faqmain dl {
	width:100%;
	color:#FFF;
	text-align:center;
	-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);
}
#comMain.faqmain dl dt {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:2.9em;
	font-weight:bold;
}
#comMain.faqmain dl dd {
	font-size:1.7em;
	font-weight:bold;
	line-height:135%;
	margin-top:10px;
}
#comMain.faqmain .faqSearch {
	position:relative;
    width:100%;
	max-width:700px;
	margin:20px auto 0 auto;
}
#comMain.faqmain .faqSearch .search-txt {
    width:100%;
    color:#b30000;
    font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;
    font-size:1.7em;
    height:60px;
    padding:0 60px 0 20px;
    border:none;
    box-sizing:border-box;
    background:#FFF;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
#comMain.faqmain .faqSearch .search-txt::-webkit-input-placeholder { color:#666; }
#comMain.faqmain .faqSearch .search-txt:-moz-placeholder { color:#666; }
#comMain.faqmain .faqSearch .search-txt::-moz-placeholder { color:#666; }
#comMain.faqmain .faqSearch .search-txt:-ms-input-placeholder { color:#666;}
#comMain.faqmain .faqSearch .search-txt:focus {
	color:#b30000;
}
#comMain.faqmain .faqSearch .search-btn {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	padding:0;
	margin:0;	
	border:none;
	cursor:pointer;
	background:#e60012;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
#comMain.faqmain .faqSearch .search-btn span {
	float:left;
	width:100%;
	height:100%;
	opacity:1;
}
#comMain.faqmain .faqSearch .search-btn span em {
	position:relative;
	float:left;
	margin:13px 0 0 13px;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
#comMain.faqmain .faqSearch .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:22px;
	width:22px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#comMain.faqmain .faqSearch .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:16px;
	top:19px;
	width:11px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#comMain.faqmain .faqSearch .search-btn:hover,
#comMain.faqmain .faqSearch .search-btn:focus {
	background:#d64000;
}
@media screen and (min-width:991px) {
	#comMain.faqmain dl dt {
		font-size:3.5em;
	}
	#comMain.faqmain dl dd {
		font-size:1.9em;
		margin-top:15px;
	}	
	#comMain.faqmain .faqSearch .search-txt {
		font-size:1.9em;
	}
}
@media screen and (min-width:1200px) {
	#comMain.faqmain .container {
		min-height:280px;
	}
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;
	padding:20px 0 50px 0;
	margin:0 auto;	
}
#comPage .pageLeft,
#comPage .pageRight,
#comPage .searchPageLeft,
#comPage .searchPageRight {
	position:relative;
	width:100%;
}
#comPage .searchPageRight {
	margin-top:20px;
}
@media screen and (min-width:991px) {
	#comPage {
		padding:30px 0 60px 0;
	}
	#comPage .acKey {
		position:absolute;
		top:-15px;
		left:0;
		margin-left:0;
		z-index:2;
	}
	#comPage .pageLeft {
		float:left;
		width:225px;
	}	
	#comPage .pageRight {
		float:right;
		width:calc(100% - 250px);
	}
	#comPage .searchPageLeft {
		float:left;
		width:calc(100% - 250px);
	}
	#comPage .searchPageRight {
		float:right;
		width:225px;
		margin:0;
	}
}
@media screen and (min-width:1200px) {
	#comPage {
		padding:50px 0 80px 0;
	}
	#comPage .pageLeft {
		width:260px;
	}
	#comPage .pageRight {
		width:calc(100% - 300px);
	}
	#comPage .searchPageLeft {
		width:calc(100% - 300px);
	}
	#comPage .searchPageRight {
		width:260px;
	}
}


/** breadcrumbs **/
#breadcrumbs {
	width:100%;
	padding:10px 0;
	margin:0 auto;
	background:#f2f2f2;
}
#breadcrumbs ul {
	list-style:none;
}
#breadcrumbs ul li {
	position:relative;
	display:inline-block;
	color:#666;
	font-size:1.4em;
	font-weight:bold;
	line-height:135%;
	padding-left:30px;
}
#breadcrumbs ul li:first-child {
	padding-left:0;
}
#breadcrumbs ul li:before{
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:8px;
    top:50%;
    width:9px;
    height:9px;
    border-left:1px solid #666;
    border-bottom:1px solid #666;
	margin-top:-5px;
    z-index:2;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#breadcrumbs ul li:first-child:before{
	display:none;
}
#breadcrumbs ul li a {
	position:relative;
	display:block;
	color:#666;
}
#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus {
	color:#D60000;
}
#breadcrumbs ul li a.bread-home {
	position:relative;
	padding-left:20px;
}
#breadcrumbs ul li a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:17px;
	height:17px;
	margin-top:-9px;
	background:url(../images/icon-home.svg) 50% 50% no-repeat;
	background-size:cover;
}
#breadcrumbs ul li a.bread-home:hover:before,
#breadcrumbs ul li a.bread-home:focus:before {
	background-image:url(../images/icon-home-on.svg);
}
@media screen and (min-width:991px) {
	#breadcrumbs ul li {
		font-size:1.5em;
	}
}


/** asideNav **/
#asideNav {
	width:100%;
	margin:0 auto;
}
@media screen and (max-width:990px) {
	#asideNav {
		margin-bottom:30px;
	}
}


/** asideTitle **/
#asideTitle {
	position:relative;
	display:flex;
	width:100%;
	height:50px;
	background:#00A4B3; /* Old browsers */
	background:-moz-linear-gradient(top, #00A4B3 0%, #007A85 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #00A4B3 0%,#007A85 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #00A4B3 0%,#007A85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A4B3', endColorstr='#007A85',GradientType=0 ); /* IE6-9 */
}
#asideTitle .sideNav {
	display:none;
}
#asideTitle h2 {
	display:flex;
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.1em;
	font-weight:bold;
	text-align:center;
    justify-content:center;
    flex-direction:column;
	z-index:1;
}
@media screen and (max-width:990px) {
	#asideTitle .sideNav {
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		z-index:2;
	}
	#asideTitle h2 {
		position:relative;
		text-align:left;
		padding:13px 40px 13px 15px;
	}
	#asideTitle.open h2 > span {
		color:#FFF;
	}
	#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:#FFF;
		-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.open h2 .arrow span::before,
	#asideTitle.open h2 .arrow span::after {
		right:14px;
		width:18px;
	}
	#asideTitle.open h2 .arrow span::before {
		-webkit-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
				transform:rotate(135deg);
	}
	#asideTitle.open h2 .arrow span::after {
		-webkit-transform:rotate(225deg);
			-ms-transform:rotate(225deg);
				transform:rotate(225deg);
	}
}
@media screen and (min-width:991px) {
	#asideTitle {
		height:100px;
		background:#00A4B3; /* Old browsers */
		background:-moz-linear-gradient(top, #00A4B3 0%, #007A85 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top, #00A4B3 0%,#007A85 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom, #00A4B3 0%,#007A85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A4B3', endColorstr='#007A85',GradientType=0 ); /* IE6-9 */
		overflow:hidden;
		flex-wrap:wrap;
		-webkit-border-radius:10px 10px 0 0;
		   -moz-border-radius:10px 10px 0 0;
				border-radius:10px 10px 0 0;
	}
	#asideTitle:before {
		content:"";
		display:block;
		position:absolute;
		left:10px;
		bottom:0;
		width:143px;
		height:88px;
		background:url(../images/asideTitle-car.svg) 50% 50% no-repeat;
		background-size:100% auto;
	}
	#asideTitle:after {
		content:"";
		display:block;
		position:absolute;
		right:10px;
		bottom:0;
		width:35px;
		height:63px;
		background:url(../images/asideTitle-moto.svg) 50% bottom no-repeat;
		background-size:100% auto;
	}
	#asideTitle h2 {
		font-size:2.9em;
		margin:0 42px 0 20px;
	}
}
@media screen and (min-width:1200px) {
	#asideTitle {
		height:120px;
	}
	#asideTitle:before {
		left:10px;
		width:169px;
		height:104px;
	}
	#asideTitle:after {
		right:10px;
		width:41px;
		height:73px;
	}
	#asideTitle h2 {
		font-size:3.5em;
		margin:0 50px 0 20px;
	}
}


/** asideMenu **/
#asideMenu {
	width:100%;
	background:#f4f4f4;
	-webkit-border-radius:0 0 10px 10px;
       -moz-border-radius:0 0 10px 10px;
            border-radius:0 0 10px 10px;
}
#asideMenu > ul {
	width:100%;
	list-style:none;
}
#asideMenu > ul > li {
	width:100%;
}
#asideMenu > ul > li + li {
	border-top:1px solid #FFF;
}
#asideMenu > ul > li > a {
	position:relative;
	display:inline-block;
	width:100%;	
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:155%;
	padding:17px 15px 17px 30px;
	box-sizing:border-box;
}
#asideMenu > ul > li > a:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:14px;
    top:29px;
    width:5px;
    height:5px;
    border-left:2px solid #000;
    border-bottom:2px solid #000;
    z-index:2;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus {
	color:#CC3D00;
}
#asideMenu > ul > li > a:hover:before,
#asideMenu > ul > li > a:focus:before {
	border-color:#CC3D00;
}
#asideMenu > ul > li.unit-now > a {
	color:#007A85;
}
#asideMenu > ul > li.unit-now > a:before{
    border-color:#007A85;
}
#asideMenu > ul > li.unit-now > a.open {
	background:#ECF8F9;
}
@media screen and (max-width:990px) {
	#asideMenu {
		display:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	#asideMenu > ul > li {
		border-color:rgba(255,255,255,.3);
	}
	#asideMenu > ul > li > a {
		padding:10px 30px 10px 15px;
	}
	#asideMenu > ul > li.unit-now > a.open {
		background:none;
	}
	#asideMenu > ul > li > a:before {
		left:inherit;
		right:20px;
		top:23px;
		width:8px;
		height:8px;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		border:none;
	}
	#asideMenu > ul > li > a.dropBtn:before,
	#asideMenu > ul > li > a.dropBtn: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;
	}
	#asideMenu > ul > li > a.dropBtn:before {
		-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
				transform:rotate(0deg);
	}
	#asideMenu > ul > li > a.dropBtn:after {
		-webkit-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
				transform:rotate(90deg);
	}
	#asideMenu > ul > li > a.dropBtn:hover:before,
	#asideMenu > ul > li > a.dropBtn:focus:before,
	#asideMenu > ul > li > a.dropBtn:hover:after,
	#asideMenu > ul > li > a.dropBtn:focus:after,
	#asideMenu > ul > li > a.dropBtn.open:hover:before,
	#asideMenu > ul > li > a.dropBtn.open:focus:before,
	#asideMenu > ul > li > a.dropBtn.open:hover:after,
	#asideMenu > ul > li > a.dropBtn.open:focus:after  {
		background-color:#CC3D00;
	}
	#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:focus:before,
	#asideMenu > ul > li.unit-now > a.dropBtn:hover:after,
	#asideMenu > ul > li.unit-now > a.dropBtn:focus:after {
		background:#007A85;
	}
	#asideMenu > ul > li > a.dropBtn.open {
		background:#ECF8F9;
	}
	#asideMenu > ul > li > a.dropBtn.open:before,
	#asideMenu > ul > li > a.dropBtn.open:after {
		right:14px;
		width:18px;
	}
	#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(225deg);
			-ms-transform:rotate(225deg);
				transform:rotate(225deg);
	}
}

/** 左側選單 第二層 **/
#asideMenu > ul > li > ul {
	width:100%;
	list-style:none;
	border-top:none;
	margin:0px;
	padding:0 15px 15px 15px;
	box-sizing:border-box;
	background:#f0f0f0;
}
#asideMenu > ul > li:last-child > ul {
	-webkit-border-radius:0 0 10px 10px;
       -moz-border-radius:0 0 10px 10px;
            border-radius:0 0 10px 10px;
}
#asideMenu > ul > li > ul > li {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #f0f0f0;
}
#asideMenu > ul > li > ul > li:last-child {
	border-bottom:none;
}
#asideMenu > ul > li > ul > li a {
	position:relative;
	display:inline-block;
	width:100%;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	line-height:155%;
	text-align:left;
	padding:10px 15px 10px 25px;
	box-sizing:border-box;
	background:#FFF;
}
#asideMenu > ul > li > ul > li a:hover,
#asideMenu > ul > li > ul > li a:focus  {
	color:#CC3D00;
}
#asideMenu > ul > li > ul > li > a:before {
	content:"";
	display:block;    
	position:absolute;
	left:12px;
	top:21px;
	width:5px;
	height:5px;
	background:#000;
	z-index:2;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;    
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}
#asideMenu > ul > li.unit-now > ul {
	display:block;
	background:#ECF8F9;
}
#asideMenu > ul > li.unit-now > ul > li {
	border-color:#dcedef;
}
#asideMenu > ul > li.unit-now > ul li a:hover,
#asideMenu > ul > li.unit-now > ul li a:focus {
	color:#CC3D00;
}
#asideMenu > ul > li.unit-now > ul li.unit-now a {
	color:#007A85 ;
}
#asideMenu > ul > li > ul li a:hover:before,
#asideMenu > ul > li > ul li a:focus:before {
	background:#CC3D00;
}
#asideMenu > ul > li.unit-now > ul li.unit-now a:before {
	background:#007A85 ;
}
@media screen and (max-width:990px) {
	#asideMenu > ul > li > ul {
		display:none;
		width:100%;
		list-style:none;
		padding:0 10px 10px 10px;
		box-sizing:border-box;
		background:#ECF8F9;
	}
	#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;		
	}
}
@media screen and (min-width:1200px) {
	#asideMenu > ul > li > a {
		padding:20px 20px 20px 40px;
	}
	#asideMenu > ul > li > a:before{
		left:19px;
		top:32px;
	}
	#asideMenu > ul > li > a.dropBtn.open:before,
	#asideMenu > ul > li.unit-now > a.dropBtn.open:before {
		left:21px;
		top:30px;
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
	}
}


/** articleBox **/
#articleBox {
	position:relative;
	width:100%;
	margin:0 auto;
}


/* ----- titHead ----- */
.titHead {
	position:relative;
	width:100%;
	margin-bottom:20px;
	box-sizing:border-box;
}
.titHead.member {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.titHead.member .mbinfo {
	width:inherit;
	font-size:1.7em;
	line-height:21px;
	font-weight:bold;
	text-align:right;
}
.titHead.member .mbinfo span {
	display:inline-block;
	padding-left:25px;
	background:url(../images/icon-member.svg) no-repeat 0 50%;
}
.titHead.member .mbinfo a.logout {
	display:inline-block;
	color:#FFF;
	padding:5px 10px 5px 28px;
	vertical-align:baseline;
	background:#000 url(../images/icon-logout.svg) no-repeat 10px 50%;
	background-size:auto 19px;
	margin-left:5px;
    -webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.titHead.member .mbinfo a.logout:hover,
.titHead.member .mbinfo a.logout:focus{
	background-color:#D60000;
}
.titHead h2 {
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.5em;
	line-height:130%;
	font-weight:bold;
}
.titHead.member h2 {
	width:inherit;
}
.titHead h2 .icon {
	position:relative;
	display:inline-block;
	padding-left:40px;
}
.titHead h2 .icon:before {
	content:"";
	display:block;    
	position:absolute;
	left:0;
	top:0;
	width:33px;
	height:33px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	z-index:2;
}
.titHead h2 .icon.Q:before {
	background-image:url(../images/icon-question.svg);
}
.titHead h2 .icon.search:before {
	background-image:url(../images/icon-search-tit.svg);
}
.titHead h2 .icon.survey:before {
	background-image:url(../images/icon-survey-tit.svg);
}
@media screen and (min-width:991px) {
	.titHead h2 {
		font-size:2.9em;
	}
	.titHead h2 .icon {
		padding-left:45px;
	}
	.titHead h2 .icon:before {
		width:39px;
		height:39px;
	}
}
@media screen and (min-width:1200px) {
	.titHead h2 {
		font-size:3.5em;
	}
	.titHead h2 .icon {
		padding-left:50px;
	}
	.titHead h2 .icon:before {
		width:45px;
		height:45px;
	}
}


/* ----- postInfo ----- */
.postInfo {
	width:100%;
	border-top:2px solid #000;
	padding-top:20px;
	margin:20px auto;
}
.postInfo > ul {
	display:inline-block;
	list-style:none;
}
.postInfo > ul > li {
	position:relative;
	display:inline-block;
	color:#666666;
	font-size:1.4em;
	font-weight:bold;
	line-height:21px;
	vertical-align:top;
	padding-left:28px;
	box-sizing:border-box;
	margin:10px 0;
}
.postInfo > ul > li + li {
	margin-left:20px;
}
.postInfo > ul > li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.postInfo > ul > li:nth-child(1):before {
	top:1px;
	width:23px;
	height:19px;
	background-image:url(../images/icon-calendar.svg);
}
.postInfo > ul > li:nth-child(2):before {
	top:2px;
	width:25px;
	height:17px;
	background-image:url(../images/icon-eye.svg);
}
@media screen and (max-width:580px) {
	.postInfo > ul {
		width:calc(100% - 195px);
	}
	.postInfo > ul > li {
		width:100%;
		margin:0;
	}
	.postInfo > ul > li + li {
		margin:5px 0 0 0;
	}
}
@media screen and (max-width:420px) {
	.postInfo > ul {
		width:100%;
	}
	.postInfo > ul > li {
		width:auto;
	}
	.postInfo > ul > li + li {
		margin:0 0 0 20px;
	}
}
@media screen and (max-width:380px) {
	.postInfo > ul > li {
		width:100%;
	}
	.postInfo > ul > li + li {
		margin:5px 0 0 0;
	}
}
@media screen and (min-width:991px) {
	.postInfo > ul > li {
		font-size:1.5em;
		margin:5px 0;
	}
}
@media screen and (min-width:1200px) {
	.postInfo > ul > li {		
		line-height:25px;
		padding-left:33px;
	}
	.postInfo > ul > li:nth-child(1):before {
		top:1px;
		width:28px;
		height:23px;
	}
	.postInfo > ul > li:nth-child(2):before {
		top:3px;
		width:29px;
		height:19px;
	}
}


/* ----- postBtn ----- */
.postBtn {
	float:right;
	text-align:right;
}
.postBtn ul {	
	list-style:none;
	letter-spacing:-9px;
	margin:-2.5px;
}
.postBtn ul li {
	display:inline-block;
	letter-spacing:0;
	padding:2.5px;
}
.postBtn ul li a {
	position:relative;
	float:left;
	width:45px;
	height:45px;
	background-size:cover;
    -webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
}
.postBtn ul li a.icon-fb {
	background-color:#3d5a98; 
	background-image:url(../images/share-fb.svg);
}	
.postBtn ul li a.icon-twitter {
	background-color:#38a8e0;
	background-image:url(../images/share-twitter.svg);
}
.postBtn ul li a.icon-X {
	background:#000 url(../images/icon-X.svg) no-repeat 50% 50%;
	background-size:70% auto;
}
.postBtn ul li a.icon-line {
	background-color:#3acd01;
	background-image:url(../images/share-LINE.svg);
}
.postBtn ul li a.icon-prnt {
	background-color:#000;
	background-image:url(../images/share-print.svg);
}
.postBtn ul li a:hover,
.postBtn ul li a:focus{
	background-color:#D60000;
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (max-width:580px) {
	.postBtn {
		width:195px;
	}
}
@media screen and (max-width:420px) {
	.postBtn {
		width:100%;
		text-align:left;
		margin-top:10px;
	}
}
@media screen and (min-width:991px) {
	.postBtn ul li a {
		width:35px;
		height:35px;
	}
}



/** searchCriteria **/
#searchCriteria {
	width:100%;
	text-align:center;
	padding:12px;
	letter-spacing:-9px;
	box-sizing:border-box;
	margin:0 auto;
	background:#f0f0f0;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
}
#searchCriteria .searchform {
	margin:-5px;
}
#searchCriteria .sbox {
	display:inline-block;
	width:calc(100% - 10px);
	margin:5px;
	vertical-align:top;
}
#searchCriteria .sbox.sb1_2 {
	width:calc(20% - 10px);
}
#searchCriteria .sbox.sb1_3 {
	width:calc(30% - 10px);
}
#searchCriteria .sbox.sb1_4 {
	width:calc(40% - 10px);
}
#searchCriteria .sbox.sb1_5 {
	width:calc(50% - 10px);
}
#searchCriteria .dayInput {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:-9px;
	box-sizing:border-box;
}
#searchCriteria .dayInput span {
	position:absolute;
	top:0px;
	left:10px;
	width:90px;
	height:45px;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	letter-spacing:0;
	padding:0 0 0 21px;
	background:#FFF url(../images/date-query-icon.svg) no-repeat 0 50%;
	box-sizing:border-box;
	vertical-align:top;
}
#searchCriteria .dayInput input {
	display:inline-block;
	width:100%;
	height:45px;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	letter-spacing:0;
	padding:0 0 0 100px;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
	background:#FFF;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchCriteria .dayInput input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#searchCriteria input[placeholder]{ color:#000; }
#searchCriteria input::-webkit-input-placeholder { color:#000; }
#searchCriteria input:-moz-placeholder { color:#000; }
#searchCriteria input::-moz-placeholder { color:#000; }
#searchCriteria input:-ms-input-placeholder { color:#000;}

#searchCriteria input:focus {
	color:#D60000;
	border:none;
}

#searchCriteria .listBar {
	display:inline-block;
	width:100%;
	height:45px;	
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	letter-spacing:0;	
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	padding:0 20px 0 10px;
	border:none;
	box-sizing:border-box;
	background:#FFF url(../images/select-bg.png) no-repeat right;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
	vertical-align:top;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchCriteria .sbox.place .listBar {
	width:calc(100% - 180px);
}
#searchCriteria .listBar:focus {
	color:#FF6A00;
	border:none;
	background:#FFF url(../images/select-bg-on.png) no-repeat right;
}
#searchCriteria .listBar option {
	color:#000;
	padding:0 10px;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
#searchCriteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
#searchCriteria .search-query {
	display:inline-block;
	width:calc(100% - 55px);
	height:45px;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:45px;
	letter-spacing:0;
	padding:0 10px;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
	background:#FFF;
	margin-right:10px;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
#searchCriteria .search-query:focus {
	color:#D60000;
}
#searchCriteria .sbox.sb3 .search-query,
#searchCriteria .sbox.sb4 .search-query {
	width:calc(50% - 45px);
}
#searchCriteria .search-btn {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#777777;
	-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:#D60000;
}
@media screen and (max-width:768px) {
	#searchCriteria .sbox.sb1_3 {
		width:calc(50% - 10px);
	}
	#searchCriteria .sbox.sb1_4 {
		width:calc(100% - 10px);
	}
}
@media screen and (max-width:500px) {
	#searchCriteria .sbox.sb1_3 {
		width:calc(100% - 10px);
	}
}
@media screen and (min-width:991px) {
	#searchCriteria .sbox.sb1_3 {
		width:calc(31% - 10px);
	}
	#searchCriteria .sbox.sb1_4 {
		width:calc(38% - 10px);
	}
}
@media screen and (min-width:1200px) {
	#searchCriteria {
		padding:20px;
	}
	#searchCriteria .dayInput span {
		left:15px;
		width:100px;
		height:50px;
		font-size:1.7em;
		line-height:50px;
	}
	#searchCriteria .dayInput input {
		height:50px;
		font-size:1.7em;
		line-height:50px;
		padding:0 0 0 120px;
	}
	#searchCriteria .listBar {
		height:50px;
		font-size:1.7em;
		line-height:50px;
		padding:0 20px 0 15px;
	}
	#searchCriteria .search-query {
		width:calc(100% - 60px);
		height:50px;
		font-size:1.7em;
		line-height:60px;
		padding:0 15px;
	}
	#searchCriteria .search-btn {
		width:50px;
		height:50px;
	}
}



/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.formBtn a,
.formBtn button {
	position:relative;
	display:inline-block;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px 10px 10px;
	margin:0 auto;
	background:#00a4af;
	border:none;
	cursor:pointer;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.formBtn a.next,
.formBtn button.next {
	padding:10px 15px 10px 25px;
}
.formBtn a.clear,
.formBtn button.clear {
	background:#4d4d4d;
}
.formBtn a + a,
.formBtn button + button {
	margin-left:10px;
}
.formBtn a span,
.formBtn button span {
	position:relative;
	display:inline-block;
	padding:0 0 0 33px;
}
.formBtn a.next span,
.formBtn button.next span {
	padding:0 33px 0 0;
}
.formBtn a span em,
.formBtn button span em {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:1;
}
.formBtn a.next span em,
.formBtn button.next span em {
	left:inherit;
	right:0;
}
.formBtn a.clear span em,
.formBtn button.clear span em {
	background:#262626;
}
.formBtn a.next span em:before,
.formBtn button.next span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    right:9px;
    top:50%;
    width:7px;
    height:7px;
    border-right:3px solid #FFF;
    border-top:3px solid #FFF;
	margin-top:-5px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.replay span em:before,
.formBtn button.replay span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
	background:url(../images/icon-pen.svg) 50% 50% no-repeat;
	background-size:cover;
	z-index:2;
}
.formBtn a.ok span em:before,
.formBtn button.ok span em:before {
	content:"";
    display:block;
    position:absolute;
	right:8px;
	top:50%;
    width:5px;
    height:11px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
    margin-top:-9px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.clear span em:before,
.formBtn button.clear span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:5px;
    top:50%;
    width:15px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a.clear span em:after,
.formBtn button.clear span em:after {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:11px;
    top:50%;
    width:3px;
    height:15px;
	background:#FFF;
	margin-top:-7.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
.formBtn a:hover,
.formBtn a:focus,
.formBtn button:hover,
.formBtn button:focus {	
	background:#B20000;
}
.formBtn a.clear:hover,
.formBtn a.clear:focus,
.formBtn button.clear:hover,
.formBtn button.clear:focus {	
	background:#d64000;
}
.formBtn a:hover span em,
.formBtn a:focus span em,
.formBtn button:hover span em,
.formBtn button:focus span em {
	background:rgba(0,0,0,.5);
}
@media screen and (max-width:420px) {
	.formBtn a + a,
	.formBtn button + button {
		margin:10px 10px 0 10px;
	}	
}
@media screen and (min-width:991px) {
	.formBtn {
		margin-top:40px;
	}	
}
@media screen and (min-width:1200px) {
	.formBtn {
		margin-top:50px;
	}
	.formBtn a,
	.formBtn button {
		font-size:2.1em;
		line-height:33px;
	}
	.formBtn a span,
	.formBtn button span {
		padding:0 0 0 40px;
	}
	.formBtn a.next span,
	.formBtn button.next span {
		padding:0 40px 0 0;
	}
	.formBtn a span em ,
	.formBtn button span em {
		width:33px;
		height:33px;
	}
	.formBtn a.next span em:before,
	.formBtn button.next span em:before {
		right:12px;
		top:50%;
		width:10px;
		height:10px;
		border-right:3px solid #FFF;
		border-top:3px solid #FFF;
		margin-top:-6.5px;
	}
	.formBtn a.ok span em:before,
	.formBtn button.ok span em:before {
		right:10px;
		width:9px;
		height:15px;
		margin-top:-12px;
	}
	.formBtn a.clear span em:before,
	.formBtn button.clear span em:before {
		left:6px;
		width:21px;
		height:3px;
		margin-top:-1.5px;
	}
	.formBtn a.clear span em:after,
	.formBtn button.clear span em:after {
		left:15px;
		width:3px;
		height:21px;
		margin-top:-10.5px;
	}	
}


/** 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;
	width:40%;
	text-align:center;
	margin:0 20px 0 0;
}
.pic_left figure {
	margin:0 0 20px 0;
}
.pic_left figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:640px) {
	.pic_left {
		width:45%;
	}
}
@media screen and (max-width:420px) {
	.pic_left {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_left figure {
		margin:0 0 15px 0;
	}
}


/** pic_right **/
.pic_right {
	float:right;
	width:40%;
	text-align:center;
	margin:0 0 0 20px;
}
.pic_right figure {
	margin:0 0 20px 0;
}
.pic_right figcaption {
	color:#946C2C;
	margin-top:10px;
}
@media screen and (max-width:640px) {
	.pic_right {
		width:45%;
	}
}
@media screen and (max-width:420px) {
	.pic_right {
		float:none;
		width:100%;
		margin:15px 0;
	}
	.pic_right figure {
		margin:0 0 15px 0;
	}
}


/* ----- pageWord ----- */
.pageWord {
	width:100%;
	font-size:1.6em;
	line-height:165%;
	margin:30px auto 0 auto;
}
.pageWord img {
	max-width:100%;
	height:auto !important;
	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:#6a3906;
	font-size:1.6rem;
	font-weight:bold;
	line-height:135%;
	padding-left:25px;
}
.pageWord .stit:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:3px;
    width:22px;
    height:31px;
    z-index:1;
	background:url(../images/icon-label.svg) 0 50% no-repeat;
	background-size:cover;
}
.pageWord .stit + p,
.pageWord .stit + table,
.pageWord table + .stit,
.pageWord table + p,
.pageWord figure + .stit,
.pageWord p + .stit,
.pageWord p + table,
.pageWord p + p {
	margin:20px auto;
}
.pageWord p + .stit:last-child,
.pageWord .stit + p:last-child,
.pageWord p + p:last-child {
	margin-bottom:0;
}
.pageWord table {
	font-size:1rem;
	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:15px 5px;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	background:#2e466b;	
	box-sizing:border-box;
}
.pageWord table td {
	color:#000;
	padding:15px 5px;
	vertical-align:middle;
	border:1px solid #c2cad6;
	border-collapse:collapse;
	box-sizing:border-box;
}
@media screen and (min-width:991px) {	
	.pageWord {
		font-size:1.7em;
	}
	.pageWord .stit {
		font-size:1.7rem;
	}
}
@media screen and (min-width:1200px) {	
	.pageWord {
		font-size:1.9em;
	}
	.pageWord .stit {
		font-size:1.9rem;
		padding-left:30px;
	}
	.pageWord .stit:before {
		top:5px;
		width:25px;
		height:35px;
	}
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	display:block;
	width:100%;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	border-bottom:2px solid #59493f;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding:12px 15px 12px 45px;
	background:#59493f;
    -webkit-border-radius:8px 8px 0 0;
       -moz-border-radius:8px 8px 0 0;
            border-radius:8px 8px 0 0;
}
.pageBot .tit span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:15px;
	width:24px;
	height:20px;
	margin:-9px 0 0 0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
}
.pageBot .tit span.photo:before {
	background-image:url(../images/pageBot-photo.svg);
}
.pageBot .tit span.download:before {
	background-image:url(../images/pageBot-download.svg);
}
.pageBot .tit span.link:before {
	background-image:url(../images/pageBot-link.svg);
}
.pageBot .tit span.test:before {
	background-image:url(../images/pageBot-test.svg);
}
@media screen and (min-width:991px) {
	.pageBot {
		margin-top:50px;
	}
}
@media screen and (min-width:1200px) {
	.pageBot .tit {
		font-size:2.3em;
	}
	.pageBot .tit span {
		padding:12px 15px 12px 55px;
	}
	.pageBot .tit span:before {
		left:15px;
		width:30px;
		height:25px;
		margin:-12.5px 0 0 0;
	}
}


/** gallery **/
#gallery {
	width:100%;
	margin:20px auto 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:#D60000;
}
#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:1200px) {	
	#gallery figure figcaption {
		font-size:1.9em;
	}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	padding:0 15px;
	margin:0 auto;
	box-sizing:border-box;
	background:#f0ece6;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:15px 0;
	box-sizing:border-box;
	border-bottom:1px dashed #959595;
}
.dnLink ul li:last-child {
	border-bottom:none;
}
.dnLink a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-around;
	flex-wrap:wrap;
	box-sizing:border-box;
	align-content:center;
}
.dnLink .labe {
	position:relative;
	display:flex;
    width:45px;
    height:50px;
	text-transform:uppercase;
    justify-content:center;
    align-items:center;
	background:#000;
	margin-right:10px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}
.dnLink .labe:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 13px 13px 0;
	border-color:transparent #f0ece6 transparent transparent;
}
.dnLink .labe:after {
	content:"";
	display:block;
	position:absolute;
	top:4px;
	right:4px;
	width:0;
	height:0;
	border-style:solid;
	border-width:11px 0 0 11px;
	border-color:transparent transparent transparent #f0ece6;
}
.dnLink .labe.pdf {
	background:#a40000;
}
.dnLink .labe.odt,
.dnLink .labe.doc,
.dnLink .labe.docx {
	background:#0068b7;
}
.dnLink .labe.ods,
.dnLink .labe.xls,
.dnLink .labe.xlsx {
	background:#378837;
}
.dnLink .labe.odp,
.dnLink .labe.ppt,
.dnLink .labe.pptx{
	background:#FF6600;
}
.dnLink .labe.rar {
	background:#67005E;
}
.dnLink .labe.zip {
	background:#6a3906;
}
.dnLink .labe span {
	position:relative;	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	padding-top:21px;
}
.dnLink .labe span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:7px;
	width:3px;
	height:15px;
	margin-left:-1px;
	background:#f0ece6;
}
.dnLink .labe span:after {
	content:"";
	display:block;
	position:absolute;
	top:4px;
	left:7px;
    width:8px;
    height:8px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
	margin:0 0 0 -5px;
    z-index:2;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.dnLink dl {
	display:flex;
	width:calc(100% - 55px);
    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:#B20000;
}
.dnLink dd {
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.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:#666;
}
@media screen and (max-width:480px) {	
	.dnLink dd {
		margin-top:0;
	}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}
@media screen and (min-width:1200px) {	
	.dnLink {
		padding:0 20px;
	}
	.dnLink ul li {
		padding:20px 0;
	}
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0 15px;
	margin:0 auto;
	box-sizing:border-box;
	background:#f0ece6;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:15px 0;
	box-sizing:border-box;
	border-bottom:1px dashed #959595;
}
.getLink ul li:last-child {
	border-bottom:none;
}
.getLink a {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
.getLink dl {
	position:relative;
	width:100%;
	padding-left:55px;
	box-sizing:border-box;
}
.getLink dl:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:49px;
	height:45px;
	background:url(../images/icon-getLink.svg) no-repeat 50% 50%;
	background-size:100% auto;
}
.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:#B20000;
}
.getLink dd {
	color:#000;
	font-size:1.5em;
	margin-top:5px;
}
@media screen and (min-width:1200px) {	
	.getLink {
		padding:0 20px;
	}
	.getLink ul li {
		padding:20px 0;
	}
}


/** page **/
#page{
	display:flex;
	width:100%;	
	flex-direction:column;
	margin:30px auto 0 auto;
}	
#page .total {
	display:inline-block;
	color:#666;
	font-size:1.5em;
	text-align:center;
}
#page .total span{
	font-weight:bold;
	margin:0 5px;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background:#eeeeee;
	vertical-align:middle;
	overflow:hidden;
	margin:0 15px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#page .num .cur{	
	display:inline-block;
	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 10px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#000000;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-first:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:14px;
	margin:-7px 0 0 -5px;
	background:#FFF;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin:-5px 0 0 1px;
	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;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#666666;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin:-5px 0 0 -3px;
	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;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#666666;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	margin:-5px -3px 0 0 ;
	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;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#000000;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:2px;
	height:14px;
	margin:-7px -5px 0 0 ;
	background:#FFF;
	z-index:2;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
	     -o-transition:all 0.4s;
	        transition:all 0.4s;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	margin:-5px 1px 0 0;
	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;
}
#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-last:hover,
#page .num a.btn-last:focus {
	background:#D60000;
}
@media screen and (min-width:991px) {
	#page {
		flex-direction:row-reverse;
		justify-content:space-between;
		align-items:center;
		margin-top:40px;
	}
	#page:after {
		display:none;
	}
	#page .num {
		text-align:left;
		margin:0;
	}
	#page .num a {
		display:inline-block;
		width:35px;
		height:35px;
		font-size:1.5em;
		text-align:center;
		font-weight:normal;
		line-height:35px;
		margin:0 5px 0 0;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#D60000;
	}
	#page .num .cur {
		display:inline-block;
		width:35px;
		height:35px;
		color:#FFF;
		font-size:1.5em;		
		line-height:35px;
		text-align:center;
		font-weight:bold;
		background:#C84C60;
		margin:0 5px 0 0;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		display:inline-block;
		width:35px;
		height:35px;
		text-align:left;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		margin:0 5px 0 0;
	}
}
@media screen and (min-width:1200px) {
	#page .num a {
		display:inline-block;
		width:40px;
		height:40px;
		font-size:1.5em;
		text-align:center;
		line-height:40px;
		margin:0 5px 0 0;
	}	
	#page .num a:hover,
	#page .num a:focus {
		color:#D60000;
	}
	#page .num .cur {
		width:40px;
		height:40px;	
		line-height:40px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		width:40px;
		height:40px;
	}
}


/** pageBack **/
#pageBack {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;	
}
#pageBack a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px 10px 10px;
	margin:0 auto;
	background:#00a4af;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#pageBack a span {
	position:relative;
	display:inline-block;
	padding:0 0 0 33px;
}
#pageBack a span:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:10px;
    top:50%;
    width:7px;
    height:7px;
    border-left:3px solid #FFF;
    border-bottom:3px solid #FFF;
	margin-top:-5px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	z-index:2;
}
#pageBack a span:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:1;
}
#pageBack a:hover,
#pageBack a:focus {	
	background:#B20000;
}
#pageBack a:hover span:after,
#pageBack a:focus span:after {
	background:rgba(0,0,0,.5);
}
@media screen and (min-width:991px) {
	#pageBack {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBack a {
		font-size:2.1em;
		line-height:33px;
	}
	#pageBack a span {
		padding:0 0 0 40px;
	}
	#pageBack a span:before {
		left:12px;
		top:50%;
		width:10px;
		height:10px;
		border-left:3px solid #FFF;
		border-bottom:3px solid #FFF;
		margin-top:-6.5px;
	}
	#pageBack a span:after {
		width:33px;
		height:33px;
	}
}


/** pageBtn **/
#pageBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;	
}
#pageBtn a {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	padding:10px 25px 10px 10px;
	margin:0 auto;
	background:#00a4af;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#pageBtn a.clear {
	background:#4d4d4d;
}
#pageBtn a + a {
	margin-left:10px;
}
#pageBtn a span {
	position:relative;
	display:inline-block;
	padding:0 0 0 33px;
}
#pageBtn a span em {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:1;
}
#pageBtn a.clear span em,
#pageBtn a.clear span em {
	background:#262626;
}
#pageBtn a.more span em:before,
#pageBtn a.clear span em:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:5px;
    top:50%;
    width:15px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:2;
}
#pageBtn a.more span em::after,
#pageBtn a.clear span em:after {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:11px;
    top:50%;
    width:3px;
    height:15px;
	background:#FFF;
	margin-top:-7.5px;
	-webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
	z-index:2;
}
#pageBtn a.clear span em:before,
#pageBtn a.clear span em::after {
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#pageBtn a:hover,
#pageBtn a:focus {	
	background:#B20000;
}
#pageBtn a.clear:hover,
#pageBtn a.clear:focus {	
	background:#d64000;
}
#pageBtn a:hover span em,
#pageBtn a:focus span em {
	background:rgba(0,0,0,.5);
}
@media screen and (max-width:420px) {
	#pageBtn a + a {
		margin:10px 10px 0 10px;
	}	
}
@media screen and (min-width:991px) {
	#pageBtn {
		margin-top:50px;
	}	
}
@media screen and (min-width:1200px) {
	#pageBtn a {
		font-size:2.1em;
		line-height:33px;
	}
	#pageBtn a span {
		padding:0 0 0 40px;
	}
	#pageBtn a span em {
		width:33px;
		height:33px;
	}
	#pageBtn a.more span em:before,
	#pageBtn a.clear span em:before {
		left:6px;
		width:21px;
		height:3px;
		margin-top:-1.5px;
	}
	#pageBtn a.more span em::after,
	#pageBtn a.clear span em:after {
		left:15px;
		width:3px;
		height:21px;
		margin-top:-10.5px;
	}	
}


@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;
	}
}
@charset "utf-8";


/* ----- historyList ----- */
.historyList {
	width:100%;
	border-top:2px solid #000;
	margin:20px auto 0 auto;
}
.historyList dl {
	width:100%;
	padding:15px 0;
	border-bottom:1px dashed #CCC;
}
.historyList dl dt {
	position:relative;
	width:100%;
	color:#d23d2a;
	font-size:1.9em;
	font-weight:bold;
	line-height:25px;
	margin-bottom:10px;
	padding-left:30px;
}
.historyList dl dt:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:25px;	
	background:url(../images/history-icon.svg) no-repeat 0 0;
	background-size:100% auto;
}
.historyList dl dd {
	position:relative;
	width:100%;
	font-size:1.6em;
	line-height:165%;
	padding-left:30px;
	margin-top:10px;
	box-sizing:border-box;
}
.historyList dl dd:before {
    content:"";
    display:block;
    position:absolute;
    top:10px;
    left:9px;
    width:7px;
    height:7px;	
	background:#000;
    -webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.historyList dl dd em {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px 0 5px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
}
.historyList dl dd em:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:11.5px 5px 11.5px 0;
	border-color:transparent #ffffff transparent transparent;
}
@media screen and (min-width:991px) {
	.historyList dl dt {
		font-size:2.1em;
	}
	.historyList dl dd {
		font-size:1.7em;
	}
	.historyList dl dd:before {
		top:11px;
	}
}
@media screen and (min-width:1200px) {
	.historyList dl {
		padding:20px 0;
	}
	.historyList dl dt {
		font-size:2.3em;
	}
	.historyList dl dd {
		font-size:1.9em;
	}
	.historyList dl dd:before {
		top:12px;
	}
	.historyList dl dd em {
		line-height:23px;
		margin-bottom:1px;
	}
}


/* ----- newsList ----- */
.newsList {
	width:100%;
	margin:0 auto;
}
.newsList ul {
	list-style:none;
}
.newsList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.newsList ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	padding:15px 10px;
	box-sizing:border-box;
}
.newsList ul li time {
	display:inline-block;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	vertical-align:middle;
}
.newsList ul li .label {
	display:inline-block;
	color:#FFF;
	font-size:1.3em;
	padding:4px 10px;
	margin-left:10px;
	vertical-align:middle;
	margin-bottom:2px;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsList ul li h3 {
	position:relative;
	color:#000;
    font-size:1.9em;
    font-weight:bold;
	line-height:135%;
	margin-top:5px;
}
.newsList ul li h3.font-red {
	color:#CC0000;
}
.newsList ul li h3 em {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px 0 5px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
}
.newsList ul li h3 em:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:11.5px 5px 11.5px 0;
	border-color:transparent #ffffff transparent transparent;
}
.newsList ul li .file {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.newsList ul li .file.pdf {
	background:#a40000;
}
.newsList ul li .file.odt,
.newsList ul li .file.doc,
.newsList ul li .file.docx {
	background:#0068b7;
}
.newsList ul li .file.ods,
.newsList ul li .file.xls,
.newsList ul li .file.xlsx {
	background:#378837;
}
.newsList ul li .file.odp,
.newsList ul li .file.ppt,
.newsList ul li .file.pptx{
	background:#FF6600;
}
.newsList ul li .file.rar {
	background:#67005E;
}
.newsList ul li .file.zip {
	background:#6a3906;
}
.newsList ul li a:hover h3,
.newsList ul li a:focus h3 {
	color:#D60000;
}
.newsList ul li a:hover h3.font-red,
.newsList ul li a:focus h3.font-red {
	color:#D14600;
}
.newsList ul li a.link h3:after,
.newsList ul li a.download h3:after {
    content:"";
    display:inline-block;
    width:19px;
    height:19px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	vertical-align:text-bottom;
	margin-left:7px;
	margin-bottom:2px;
}
.newsList ul li a.link h3:after { background-image:url(../images/icon-link.svg); }
.newsList ul li a.download h3:after { background-image:url(../images/icon-download.svg); }
@media screen and (min-width:1200px) {
	.newsList ul li a {
		padding:20px 10px;
	}	
	.newsList ul li time {
		font-size:1.5em;
	}
	.newsList ul li .label {
		font-size:1.5em;
		margin-bottom:1px;
	}
	.newsList ul li h3 {
		font-size:2.1em;
	}
	.newsList ul li .file {
		font-size:0.9rem;
		line-height:23px;
		margin-bottom:1px;
	}
	.newsList ul li h3 em {
		line-height:23px;
		margin-bottom:1px;
	}
	.newsList ul li a.link h3:after,
	.newsList ul li a.download h3:after {
		content:"";
		display:inline-block;
		width:21px;
		height:21px;
	}
}


/** briefBox **/
.briefBox {
	width:100%;
	margin:20px auto;
}
.briefBox p {
	color:#000;
	font-size:1.7em;
	line-height:165%;
}
@media screen and (min-width:1200px) {
	.briefBox p {
		font-size:1.9em;
	}
}


/** claimBtn **/
.claimBtn {
	width:100%;
	margin:20px auto;
}
.claimBtn .box {
	letter-spacing:-9px;
	margin:-5px;
}
.claimBtn a {
	display:inline-block;
	width:calc(50% - 10px);
	height:80px;
	color:#FFF;
	letter-spacing:0;
	text-align:center;
	padding:0 10px;
	margin:5px;
	background:#c3223d;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
			border-radius:10px;
}
.claimBtn a:hover,
.claimBtn a:focus {	
	color:#eb6100;
	background:rgb(238 115 0 / 12%);
}
.claimBtn a span {
	position:relative;
	display:flex;
    min-height:80px;
    flex-direction:initial;
    justify-content:center;
    align-items:center;
    align-content:center;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	vertical-align:middle;
}
.claimBtn a span em {
	position:relative;
	display:inline-block;
	font-style:normal;
	text-align:left;
	padding-left:35px;
}
.claimBtn a span em:before {
	position:absolute;
    content:"";
    display:block;
	left:0;
	top:50%;
    width:29px;
    height:29px;
	margin-top:-14.5px;
	background:rgba(0,0,0,.4) url(../images/icon-claimBtn.svg) 50% 50% no-repeat;
	background-size:cover;
	margin-right:5px;
	-webkit-border-radius:100%;
       -moz-border-radius:100%;
			border-radius:100%;
}
.claimBtn a:hover span em:before,
.claimBtn a:focus span em:before {	
	background-color:rgb(238 115 0 / 70%);
}
@media screen and (max-width:440px) {
	.claimBtn a {
		width:100%;
		height:auto;
		padding:15px 10px;
	}
	.claimBtn a span {
		min-height:30px;
	}
}
@media screen and (min-width:1200px) {
	.claimBtn a span {
		font-size:2.1em;
	}
}


/* ----- graphicList ----- */
.graphicList {
	width:100%;
	border-top:1px dashed #CCC;
	margin:20px auto 0 auto;
}
.graphicList ul {
	list-style:none;
}
.graphicList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
.graphicList ul li a {
	position:relative;
	display:block;
	width:100%;
	letter-spacing:-9px;
	padding:15px 10px;
	box-sizing:border-box;
}
.graphicList ul li .pic {
	display:inline-block;
	width:120px;
	vertical-align:top;
}
.graphicList ul li .pic img {
	max-width:100%;
	height:auto;
}
.graphicList ul li .wd {
	position:relative;
	display:inline-block;
	width:calc(100% - 130px);
	letter-spacing:0;
	vertical-align:top;
	margin-left:10px;
}
.graphicList ul li .wap {
	display:flex;
	min-height:80px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    align-content:center;    
}
.graphicList ul li h3 {
	color:#000;
    font-size:1.9em;
    font-weight:bold;
	line-height:135%;
	margin-top:-3px;
}
.graphicList ul li a:hover h3,
.graphicList ul li a:focus h3{
	color:#D60000;
}
.graphicList ul li p {
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.graphicList ul li p span {
	position:relative;
	display:inline-block;
	letter-spacing:0;
	padding-left:20px;
}
.graphicList ul li p span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:15px;
    height:15px;
	margin-top:-7.5px;	
	background:url(../images/icon-clock.svg) no-repeat 0 0;
	background-size:100% auto;
}
@media screen and (max-width:420px) {
	.graphicList ul li .pic {
		width:102px;
	}
	.graphicList ul li .wd {
		width:calc(100% - 112px);
	}
	.graphicList ul li .wap {
		min-height:68px;  
	}
}
@media screen and (max-width:320px) {
	.graphicList ul li .pic {
		width:100%;
	}
	.graphicList ul li .pic img {
		width:100%;
	}
	.graphicList ul li .wd {
		width:100%;
		margin:10px 0 0 0;
	}
	.graphicList ul li .wap {
		min-height:inherit; 
	}
}
@media screen and (min-width:1200px) {
	.graphicList ul li a {
		padding:20px 10px;
	}
	.graphicList ul li h3 {
		font-size:2.1em;
	}
	.graphicList ul li p {
		font-size:1.5em;
		margin-top:10px;
	}
	.graphicList ul li p span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
}


/* ----- photoList ----- */
.photoList {
	width:100%;
	padding-bottom:20px;
	border-bottom:2px solid #CCC;
	margin:20px auto 0 auto;
}
.photoList ul {
	list-style:none;
	margin:-10px;
}
.photoList ul li {
	display:inline-block;
	width:33.333%;
	letter-spacing:0;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.photoList ul li a {
	position:relative;
	display:block;
	width:100%;
}
.photoList ul li .pic {
	display:inline-block;
	width:100%;
	border:1px solid #CCC;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.photoList ul li a:hover .pic,
.photoList ul li a:focus .pic {
	transform:translate(-1px,-3px);
	box-shadow:3px 3px 5px rgba(0,0,0,.3);
}
.photoList ul li .pic img {
	width:100%;
	height:auto;
}
.photoList ul li .wd {
	display:inline-block;
	width:100%;
	margin-top:5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.photoList.link ul li .wd {
	text-align:center;
}
.photoList ul li a:hover .wd,
.photoList ul li a:focus .wd {
	transform:translate(-1px,-3px);
}
.photoList ul li h3 {
	color:#000;
    font-size:1.9em;
    font-weight:bold;
	line-height:135%;
}
.photoList ul li a:hover h3,
.photoList ul li a:focus h3{
	color:#D60000;
}
.photoList ul li p {
	color:#666;
	font-size:1.3em;
	margin-top:5px;
}
.photoList ul li p.tel {
	font-size:1.5em;
}
.photoList ul li p span {
	position:relative;
	display:inline-block;
	letter-spacing:0;
	padding-left:20px;
}
.photoList ul li p span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:15px;
    height:15px;
	margin-top:-7.5px;	
	background:url(../images/icon-clock.svg) no-repeat 0 0;
	background-size:100% auto;
}
@media screen and (max-width:560px) {
	.photoList ul li {
		width:50%;
	}
}
@media screen and (max-width:380px) {
	.photoList ul li {
		width:100%;
	}
}
@media screen and (min-width:1200px) {
	.photoList {
		padding-bottom:30px;
	}
	.photoList ul {
		margin:-15px -10px;
	}
	.photoList ul li {
		padding:15px 10px;
	}
	.photoList.dm ul li {
		width:25%;
	}
	.photoList ul li h3 {
		font-size:2.1em;
	}
	.photoList ul li p {
		font-size:1.5em;
		margin-top:10px;
	}
	.photoList ul li p.tel {
		font-size:1.7em;
		margin-top:5px;
	}
	.photoList ul li p span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
}


/* ----- downloadList ----- */
.downloadList {
	width:100%;
	border-top:2px solid #000;
	margin:20px auto 0 auto;
}
.downloadList ul {
	list-style:none;
}
.downloadList ul li {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.downloadList ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:-9px;
	padding:15px 10px;
	box-sizing:border-box;
}
.downloadList ul li .pic {
	display:inline-block;
	width:42px;
	vertical-align:top;
}
.downloadList ul li .pic img {
	max-width:100%;
	height:auto;
}
.downloadList ul li .wd {
	position:relative;
	display:inline-block;
	width:calc(100% - 52px);
	letter-spacing:0;
	vertical-align:top;
	margin-left:10px;
}
.downloadList ul li .wap {
	display:flex;
	min-height:50px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    align-content:center;    
}
.downloadList ul li h3 {
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	margin-bottom:7px;
}
.downloadList ul li a.link h3:after,
.downloadList ul li a.download h3:after {
    content:"";
    display:inline-block;
    width:19px;
    height:19px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	vertical-align:text-bottom;
	margin-left:7px;
	margin-bottom:2px;
}
.downloadList ul li a.link h3:after { background-image:url(../images/icon-link.svg); }
.downloadList ul li a.download h3:after { background-image:url(../images/icon-download.svg); }
.downloadList ul li .file {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.downloadList ul li .file.pdf {
	background:#a40000;
}
.downloadList ul li .file.odt,
.downloadList ul li .file.doc,
.downloadList ul li .file.docx {
	background:#0068b7;
}
.downloadList ul li .file.ods,
.downloadList ul li .file.xls,
.downloadList ul li .file.xlsx {
	background:#378837;
}
.downloadList ul li .file.odp,
.downloadList ul li .file.ppt,
.downloadList ul li .file.pptx{
	background:#FF6600;
}
.downloadList ul li .file.rar {
	background:#67005E;
}
.downloadList ul li .file.zip {
	background:#6a3906;
}
.downloadList ul li p {
	color:#666;
	font-size:1.3em;
	letter-spacing:-9px;
	margin:-5px;
}
.downloadList ul li p.disputes {
	color:#b35900;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0;
	line-height:165%;
	margin:-5px 0 10px 0;
}
.downloadList ul li p span {
	position:relative;
	display:inline-block;
	letter-spacing:0;
	padding-left:20px;
	margin:5px;
}
.downloadList ul li p span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:15px;
    height:15px;
	margin-top:-7.5px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.downloadList ul li p span.date:before {
	background-image:url(../images/icon-clock.svg);
}
.downloadList ul li p span.down:before {
	background-image:url(../images/icon-downline.svg);
}
.downloadList ul li p span time,
.downloadList ul li p span em {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
.downloadList ul li a:hover h3,
.downloadList ul li a:focus h3{
	color:#D60000;
}
@media screen and (min-width:1200px) {
	.downloadList ul li a {
		padding:20px 10px;
	}
	.downloadList ul li .pic {
		width:55px;
	}
	.downloadList ul li .wd {
		width:calc(100% - 65px);
	}
	.downloadList ul li .wap {
		min-height:60px;  
	}
	.downloadList ul li h3 {
		font-size:2.1em;
		margin-bottom:10px;
	}
	.downloadList ul li a.link h3:after,
	.downloadList ul li a.download h3:after {
		content:"";
		display:inline-block;
		width:21px;
		height:21px;
	}
	.downloadList ul li .file {
		font-size:0.9rem;
		line-height:23px;
		margin-bottom:1px;
	}
	.downloadList ul li p {
		font-size:1.5em;
		margin:-10px;
	}
	.downloadList ul li p.disputes {
		font-size:1.7em;
	}
	.downloadList ul li p span {
		margin:10px;
	}
	.downloadList ul li p span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
}


/* ----- txtList ----- */
.txtList {
	width:100%;
	border-top:2px solid #000;
	margin:20px auto 0 auto;
}
.txtList.dashed {
	border-top:1px dashed #CCC;
}
.txtList ul {
	list-style:none;
}
.txtList ul li {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.txtList ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	letter-spacing:-9px;
	padding:15px 10px;
	box-sizing:border-box;
}
.txtList ul li .pic {
	display:inline-block;
	width:42px;
	vertical-align:top;
}
.txtList.claim ul li .pic {
	width:30px;
}
.txtList ul li .pic img {
	max-width:100%;
	height:auto;
}
.txtList ul li .wd {
	position:relative;
	display:inline-block;
	width:calc(100% - 52px);
	letter-spacing:0;
	vertical-align:top;
	margin-left:10px;
}
.txtList.claim ul li .wd {
	width:calc(100% - 40px);
}
.txtList ul li .wap {
	display:flex;
	min-height:40px;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    align-content:center;    
}
.txtList.claim ul li .wap {
	min-height:40px;
}
.txtList ul li h3 {
	position:relative;
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.txtList ul li h3 em {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px 0 5px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
}
.txtList ul li h3 em:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:11.5px 5px 11.5px 0;
	border-color:transparent #ffffff transparent transparent;
}
.txtList ul li a.link h3:after,
.txtList ul li a.download h3:after {
    content:"";
    display:inline-block;
    width:19px;
    height:19px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
	vertical-align:text-bottom;
	margin-left:7px;
	margin-bottom:2px;
}
.txtList ul li a.link h3:after { background-image:url(../images/icon-link.svg); }
.txtList ul li a.download h3:after { background-image:url(../images/icon-download.svg); }
.txtList ul li .file {
	position:relative;
	display:inline-block;
	color:#FFF;
    font-size:0.7rem;
	font-style:normal;
	line-height:21px;
	padding:0 10px;
	background:#eb0014;
	vertical-align:text-bottom;
	margin-left:5px;
	margin-bottom:2px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
.txtList ul li .file.pdf {
	background:#a40000;
}
.txtList ul li .file.odt,
.txtList ul li .file.doc,
.txtList ul li .file.docx {
	background:#0068b7;
}
.txtList ul li .file.ods,
.txtList ul li .file.xls,
.txtList ul li .file.xlsx {
	background:#378837;
}
.txtList ul li .file.odp,
.txtList ul li .file.ppt,
.txtList ul li .file.pptx{
	background:#FF6600;
}
.txtList ul li .file.rar {
	background:#67005E;
}
.txtList ul li .file.zip {
	background:#6a3906;
}
.txtList ul li p {
	color:#666;
	font-size:1.3em;
	letter-spacing:-9px;
	margin:-5px;
}
.txtList ul li p.disputes {
	color:#b35900;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0;
	line-height:165%;
	margin:-5px 0 10px 0;
}
.txtList ul li p span {
	position:relative;
	display:inline-block;
	letter-spacing:0;
	padding-left:20px;
	margin:5px;
}
.txtList ul li p span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:15px;
    height:15px;
	margin-top:-7.5px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.txtList ul li p span.date:before {
	background-image:url(../images/icon-clock.svg);
}
.txtList ul li p span.down:before {
	background-image:url(../images/icon-downline.svg);
}
.txtList ul li p span time,
.txtList ul li p span em {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
.txtList ul li a:hover h3,
.txtList ul li a:focus h3{
	color:#D60000;
}
@media screen and (min-width:1200px) {
	.txtList ul li a {
		padding:20px 10px;
	}
	.txtList ul li .pic {
		width:55px;
	}
	.txtList ul li .wd {
		width:calc(100% - 65px);
	}
	.txtList ul li .wap {
		min-height:50px;  
	}
	.txtList ul li h3 {
		font-size:2.1em;
	}
	.txtList ul li h3 em {
		line-height:23px;
		margin-bottom:1px;
	}
	.txtList ul li a.link h3:after,
	.txtList ul li a.download h3:after {
		content:"";
		display:inline-block;
		width:21px;
		height:21px;
	}
	.txtList ul li .file {
		font-size:0.9rem;
		line-height:23px;
		margin-bottom:1px;
	}
	.txtList ul li p {
		font-size:1.5em;
		margin:-10px;
	}
	.txtList ul li p.disputes {
		font-size:1.7em;
	}
	.txtList ul li p span {
		margin:10px;
	}
	.txtList ul li p span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
}


/* ----- faqResult ----- */
#faqResult {
	position:relative;
	width:100%;
	margin:0 auto;
}

/* ----- faqList ----- */
.faqList {
	width:100%;
	border-top:2px solid #000;
	margin:20px auto 0 auto;
}
#faqResult .faqList {
	padding:10px 20px;
	border-top:3px solid #cccccc;
	border-bottom:3px solid #cccccc;
	background:#f4f4f4;
	box-sizing:border-box;
}
.faqList ul {
	list-style:none;
}
.faqList ul li {
	display:inline-block;
	width:100%;
	border-bottom:1px dashed #CCC;
}
#faqResult .faqList ul li:last-child {
	border-bottom:none;
}
.faqList ul li a {
	position:relative;
	display:block;
	width:100%;
	padding:15px 10px;
	box-sizing:border-box;
}
.faqList ul li .highLight,
.faqList ul li .highlight {
	color:#c40000;
	padding:2px 3px;
	background:#ffd800;
}
.faqList ul li .question {
	position:relative;
	min-height:47px;
	padding-left:60px;
}
.faqList ul li .answer {
	position:relative;
	min-height:47px;
	display:-webkit-box;
	padding-left:60px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -o-text-overflow:ellipsis;
	   text-overflow:ellipsis;
    -webkit-line-clamp:3;
}
#faqResult .faqList ul li .answer {
	-webkit-line-clamp:5;
}
.faqList ul li .question:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:52px;
    height:47px;
	background:url(../images/icon-Q.svg) 0 0 no-repeat;
	background-size:auto 100%;
}
.faqList ul li .answer:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:52px;
    height:47px;
	background:url(../images/icon-A.svg) 0 0 no-repeat;
	background-size:auto 100%;
}
.faqList ul li .question h3 {
	color:#000;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	margin-bottom:7px;
}
#faqResult .faqList ul li .question h3 {
	margin-bottom:5px;
}
.faqList ul li a:hover .question h3,
.faqList ul li a:focus .question h3 {
	color:#D60000;
}
.faqList ul li .question p {
	color:#000;
	font-size:1.5em;
	line-height:165%;
	margin-bottom:7px;
}
.faqList ul li .question span {
	position:relative;
	color:#666;
	font-size:1.3em;
	padding-left:19px;
}
.faqList ul li .question span:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:15px;
    height:15px;
	margin-top:-7.5px;
	background:url(../images/icon-clock.svg) 0 0 no-repeat;
	background-size:100% auto;
}
.faqList ul li .question span time {
	font-family:Arial, Helvetica, sans-serif;
}
.faqList ul li .answer {
	margin-top:15px;
}
.faqList ul li .answer p {
	color:#000;
	font-size:1.5em;
	line-height:165%;
	padding-left:10px;
	border-left:1px solid #CCC;
	box-sizing:border-box;
}
.faqList ul li .answer .highlight {
    color:#c40000;
    padding:2px 3px;
    background-color:#ffd800;
}
@media screen and (min-width:991px) {
	.faqList ul li .question,
	.faqList ul li .answer {
		min-height:49px;
		padding-left:65px;
	}
	.faqList ul li .question:before {
		width:55px;
		height:49px;
	}
	.faqList ul li .answer:before {
		width:55px;
		height:49px;
	}
	.faqList ul li .question span {
		font-size:1.3em;
		padding-left:20px;
	}
}
@media screen and (min-width:1200px) {
	#faqResult .faqList {
		padding:10px 30px;
	}
	.faqList ul li a {
		padding:20px 10px;
	}
	.faqList ul li .question,
	.faqList ul li .answer {
		min-height:53px;
		padding-left:70px;
	}
	.faqList ul li .question p {
		font-size:1.7em;
	}
	.faqList ul li .question:before {
		width:59px;
		height:53px;
	}
	.faqList ul li .answer:before {
		width:59px;
		height:53px;
		margin-top:1.5px;
	}
	.faqList ul li .answer p {
		font-size:1.7em;
	}
	.faqList ul li .question span {
		font-size:1.5em;
	}
	.faqList ul li .question span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
	.faqList ul li .question h3 {
		font-size:2.1em;
	}
}


/* ----- faqTit ----- */
.faqTit {
	width:100%;
	margin:30px auto 0 auto;
}
.faqTit span {
	position:relative;
	display:inline-block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:2.1em;
	line-height:47px;
	font-weight:bold;
	padding-left:60px;
}
.faqTit span:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:52px;
    height:47px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:auto 100%;
}
.faqTit span.Q:before {
	background-image:url(../images/icon-Q.svg);
}
.faqTit span.A:before {
    background-image:url(../images/icon-A.svg);
}
@media screen and (min-width:991px) {
	.faqTit span {
		line-height:49px;
		padding-left:65px;
	}
	.faqTit span:before {
		width:55px;
		height:49px;
	}
}
@media screen and (min-width:1200px) {
	.faqTit span {
		line-height:53px;
		padding-left:70px;
	}
	.faqTit span::before {
		width:59px;
		height:53px;
	}
}


/* ----- faqWord ----- */
.faqWord {
	position:relative;
	width:100%;
	font-size:1.6em;
	line-height:165%;
	padding-left:50px;
	box-sizing:border-box;
	margin:10px auto 0 auto;
}
.faqWord:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:25px;
    width:1px;
    height:100%;
	background:#CCC;
}
.faqWord p + p {
	margin:1em auto;
}
.faqWord p + p:last-child {
	margin-bottom:0;
}
@media screen and (min-width:991px) {	
	.faqWord {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {	
	.faqWord {
		font-size:1.9em;
	}
}


/** statisticsBox **/
#statisticsBox {
	width:100%;
	margin:20px auto 0 auto;
}
#statisticsBox > ul {
	position:relative;
}
#statisticsBox > ul > li {
	list-style:none;
}
#statisticsBox > ul > li > a {
	position:relative;
	float:left;
	display:block;
	width:100%;
	color:#c3223d;
	text-align:center;
	padding:0 10px;
	background:rgb(95 34 61 / 12%);
	box-sizing:border-box;
}
#statisticsBox > ul > li > a:hover,
#statisticsBox > ul > li > a:focus {
	color:#eb6100;
	background:rgb(238 115 0 / 12%);
}
#statisticsBox > ul > li > a.saTab,
#statisticsBox > ul > li > a.saTabOn {
	position:absolute;
	top:0;
	width:25%;
	text-align:center;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	box-sizing:border-box;
}
#statisticsBox > ul > li > a.saTabOn {
	position:relative;
	z-index:1;
}
#statisticsBox > ul > li > a.tab1.saTab,
#statisticsBox > ul > li > a.tab1.saTabOn {left:0;}

#statisticsBox > ul > li > a.tab2.saTab,
#statisticsBox > ul > li > a.tab2.saTabOn {left:25%;}
#statisticsBox > ul > li > a.tab3.saTab,
#statisticsBox > ul > li > a.tab3.saTabOn {left:50%;}
#statisticsBox > ul > li > a.tab4.saTab,
#statisticsBox > ul > li > a.tab4.saTabOn {left:75%;}
#statisticsBox > ul > li > a.saTabOn {
	position:relative;
	color:#FFF;
	background:#c3223d;
	cursor:text;
	z-index:1;
}
#statisticsBox > ul > li > a h3 {
	display:flex;
	width:100%;
	min-height:55px;
    font-size:1.7em;
    font-weight:bold;
	line-height:135%;
	text-align:center;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#statisticsBox > ul > li > a.saTabOn:before {  
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0 10px;
	border-color:#c3223d transparent transparent transparent;
	margin-left:-11px;
}
#statisticsBox > ul > li .saCont {
	position:relative;	
	float:left;
	width:100%;
	margin:0 auto;
}
@media screen and ( max-width:400px) {
	#statisticsBox > ul > li > a h3 {
		min-height:60px;
	}
	#statisticsBox > ul > li > a h3 span {
		width:2em;
	}
}
@media screen and ( min-width:1200px) {
	#statisticsBox > ul > li > a h3 {
		font-size:1.9em;
		min-height:60px;
	}
}


/* ----- yearSearch ----- */
.yearSearch {
	position:absolute;
	top:-5px;
	right:0;
	width:240px;
	letter-spacing:-9px;
	z-index:2;
}
.yearSearch .box {
	display:inline-block;
	width:calc(100% - 55px);
	margin:0 10px 0 0;
	border:1px solid #000;
	box-sizing:border-box;
	vertical-align:top;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.yearSearch label {
	display:inline-block;
	width:70px;
	color:#FFF;
	font-size:1.5em;
	line-height:43px;
	text-align:center;
	letter-spacing:0;
	font-weight:bold;
	background:#000;
	vertical-align:top;
}
.yearSearch .listBar {
	display:inline-block;
	width:calc(100% - 70px);
	height:43px;
	padding:0px;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	letter-spacing:0;
	text-indent:0.01px;
	text-overflow:"";
	border:none;
	padding:0 0 0 10px;
	background:#FFF url(../images/select-bg.png) 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:top;
}
.yearSearch .listBar:focus {
	color:#FF6A00;
	border:none;
	background:#FFF url(../images/select-bg-on.png) no-repeat right;
}
.yearSearch .listBar option {
	color:#000;
	border:none;
	background:#FFF;
}
.yearSearch .listBar:-ms-expand {
	display:none;
}
.yearSearch .search-btn {
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#000;
	vertical-align:top;
    -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;
}
.yearSearch .search-btn span {
	display:block;
	width:100%;
	height:100%;
	font-size:0;
}
.yearSearch .search-btn span em {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin:12.5px 0 0 0;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.yearSearch .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.yearSearch .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:10px;
	top:13px;
	width:10px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.yearSearch .search-btn:hover,
.yearSearch .search-btn:focus {
	background:#E15315;
}
@media screen and ( max-width:400px) {
	.yearSearch {
		position:relative;
		top:0;
		width:100%;
		margin-bottom:20px;
	}
}
@media screen and ( min-width:1200px) {
	.yearSearch {
		top:0;
		width:260px;
	}
	.yearSearch .box {
		width:calc(100% - 60px);
	}
	.yearSearch label {
		width:80px;
		font-size:1.7em;
		line-height:48px;
	}
	.yearSearch .listBar {
		width:calc(100% - 80px);
		height:48px;
		font-size:1.7em;
	}
	.yearSearch .search-btn {
		width:50px;
		height:50px;
	}
	.yearSearch .search-btn span em {
		margin:15px 0 0 0;
	}
}


/** tableBox **/
.tableBox {
	width:100%;
	margin:30px auto 0 auto;
}
.tableBox .tit {
	position:relative;
	font-size:2em;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	padding-left:30px;
	margin-bottom:10px;
}
.pageWord > .tit {
	position:relative;
	font-size:1.25rem;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	padding-left:30px;
	margin-bottom:10px;
}
.pageWord > .tit + .tableBox {
	margin-top:20px;
}
.pageWord .tableBox .tit {
	font-size:1.25rem;
}
.pageWord > .tit:before,
.tableBox .tit:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:3px;
    width:25px;
    height:25px;
    z-index:1;
	background:#000;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.pageWord > .tit:after,
.tableBox .tit:after {
    content:"";
    display:block;
    position:absolute;
    left:8px;
	top:13px;
    width:0;
	height:0;
	border-style:solid;
	border-width:7px 5px 0 5px;
	border-color:#FFFFFF transparent transparent transparent;
	z-index:2;
}
.tableBox .spUnit {
	font-size:1.6em;
	text-align:right;
	margin:15px auto;
}
.pageWord .spUnit {
	font-size:1rem;
}
.tableBox p {
	font-size:1.6em;
	line-height:165%;
}
.pageWord .tableBox p {
	font-size:1rem;
}
.tableBox ol {
	font-size:1.6em;
	line-height:165%;
	margin-left:1.5em;
}
.pageWord .tableBox ol {
	font-size:1rem;
}
.tableBox ol li {
	margin:10px 0;
}
.tableBox p + p,
.tableBox p + .tit,
.tableBox p + table,
.tableBox p + .overTable,
.tableBox .tit + p,
.tableBox .tit + .tit,
.tableBox .tit + table,
.tableBox .tit + .overTable,
.tableBox table + p,
.tableBox table + .tit,
.tableBox table + table,
.tableBox table + .overTable,
.tableBox .overTable + p,
.tableBox .overTable + .tit,
.tableBox .overTable + table,
.tableBox .overTable + .overTable {
	margin:20px auto;
}
.tableBox .overTable {
	width:100%;
	overflow-x:auto;
}
.tableBox table {
	font-size:1.6em;
	line-height:150%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
.pageWord .tableBox table {
	font-size:1rem;
}
.tableBox table caption {
	margin-bottom:10px;
}
.tableBox table th {
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	border:1px solid #CCC;
	background:#374252;	
	box-sizing:border-box;
}
.tableBox table td {
	color:#000;
	padding:15px 5px;
	vertical-align:middle;
	border:1px solid #CCC;
	box-sizing:border-box;
}
.tableBox table td a {
	display:inline-block;
	word-break:break-word;
}
.tableBox .tabletolist {
	width:100%;
	font-size:1.6em;
	line-height:150%;
	border-bottom:2px solid #CCC;
}
.pageWord .tableBox .tabletolist {
	font-size:1rem;
}
.tableBox .tabletolist.nrh {
	border-bottom:2px solid #CCC;
	box-sizing:border-box;
}
.tableBox .tabletolist.nrh > li  {
    border-top:2px solid #CCC;
}
.tableBox .tabletolist,
.tableBox .tabletolist > li > ul {
    padding:0 !important;
	list-style:none !important;
}
.tableBox .tabletolist > li > ul {
    margin:0 !important;
}
.tableBox .tabletolist > li .titles {
	display:block;
	color:#fff;
	padding:10px;
	font-weight:bold;
	background-color:#bbb;
}
.tableBox .tabletolist > li > ul > li {
	border-bottom:1px dashed #CCC;
}
.tableBox .tabletolist > li > ul > li:last-child {
    border-bottom:none !important;
}
.tableBox .tabletolist ul > li {
	display:flex;
	letter-spacing:-9px;
	align-items:stretch;
}
.tableBox .tabletolist ul > li .row_headers {
	display:inline-block;
	width:calc(40% - 10px);
	letter-spacing:0;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
	box-sizing:border-box;
	background:#F4F4F4;
	margin-right:10px;
}
.tableBox .tabletolist ul > li .row_data {
    display:inline-block;
	width:60%;
	letter-spacing:0;
	padding:10px 0;
	box-sizing:border-box;
}
.tableBox .tabletolist ul > li .row_data a {
	display:inline-block;
	word-break:break-word;
}
.tableBox .tabletolist > li > ul > li { *zoom:1; }
.tableBox .tabletolist > li > ul > li:before,
.tableBox .tabletolist > li > ul > li:after { content:" ";display:table; }
.tableBox .tabletolist > li > ul > li:after { clear:both; }
.tableBox .tabletolist ul > li .row_data.html {
    font-weight:bold;
}
.tableBox .tabletolist ul > li .row_data.html ul {
    list-style-type:disc;
}
@media screen and (min-width:991px) {
	.tableBox .tit {
		font-size:2.1em;
	}
	.pageWord > .tit,
	.pageWord .tableBox .tit {
		font-size:1.313rem;
	}
	.tableBox .spUnit {
		font-size:1.5em;
	}
	.pageWord .tableBox .spUnit {
		font-size:0.938rem;
	}
	.tableBox p {
		font-size:1.7em;
	}
	.pageWord .tableBox p {
		font-size:1.063rem;
	}
	.tableBox ol {
		font-size:1.7em;
	}
	.pageWord .tableBox ol {
		font-size:1.063rem;
	}
	.tableBox table {
		font-size:1.5em;
	}
	.pageWord .tableBox table {
		font-size:0.938rem;
	}
	.tableBox .tabletolist {
		font-size:1.5em;
	}
	.pageWord .tableBox .tabletolist {
		font-size:0.938rem;
	}
}
@media screen and (min-width:1200px) {
	.tableBox .tit {
		font-size:2.3em;
	}
	.pageWord .tableBox .spUnit {
		font-size:1.438rem;
	}
	.tableBox .spUnit {
		font-size:1.7em;
	}
	.pageWord .tableBox .spUnit {
		font-size:1.063rem;
	}
	.tableBox p {
		font-size:1.9em;
	}
	.pageWord .tableBox p {
		font-size:1.188rem;
	}
	.tableBox ol {
		font-size:1.9em;
	}
	.pageWord .tableBox ol {
		font-size:1.188rem;
	}
	.tableBox table {
		font-size:1.7em;
	}
	.pageWord .tableBox table {
		font-size:1.063rem;
	}
	.tableBox .tabletolist {
		font-size:1.7em;
	}
	.pageWord .tableBox .tabletolist {
		font-size:1.063rem;
	}
}


/* ----- dataTable ----- */
#dataTable table {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
#dataTable table tr {
    background:#fff;
}
#dataTable table tr:nth-of-type(2n+1) {
    background:#fffef5;
}
#dataTable table th {	
	width:120px;
	color:#000;
	text-align:center;
	vertical-align:middle;
	border:none;
	border-right:1px dashed #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
	background:#edf7df;
	box-sizing:border-box;
}
#dataTable table td {
	width:calc(100% - 120px);
	color:#000;
	vertical-align:middle;
	border:none;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
	box-sizing:border-box;
}
@media screen and (max-width:420px) {
	#dataTable table th {
		display:block;
		width:100%;
		padding:10px;
		border:none;
	}
	#dataTable table td {
		display:block;
		width:100%;
		padding:10px;
		border:none;
	}
}
@media screen and (min-width:991px) {
	#dataTable table th {
		width:130px;
	}
	#dataTable table td {
		width:calc(100% - 130px);
		padding:15px;
	}
}
@media screen and (min-width:1200px) {
	#dataTable table th {
		width:150px;
	}
	#dataTable table td {
		width:calc(100% - 150px);
	}
}


/** organTable **/
#organTable table {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
#organTable table tr:nth-of-type(2n) {
    background:#fdf8ed;
}
#organTable table th {
	color:#000;
	text-align:center;
	vertical-align:middle;
	background:#edf7df;
	border:none;
	border-right:1px dashed #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#organTable table th:nth-of-type(1),
#organTable table th:nth-of-type(2) {
	width:20%;
}
#organTable table th:nth-of-type(3) {
	width:60%;
}
#organTable table td {
	color:#000;
	border:none;
	border-right:1px dashed #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#organTable table td:nth-of-type(1) {
	text-align:center;
}
#organTable table td:nth-of-type(2) {
	text-align:center;
}
#organTable .tabletolist.nrh {
	border-color:#CCC;
}
#organTable .tabletolist.nrh > li  {
    border-color:#CCC;
}
#organTable .tabletolist ul > li {
	border-color:#CCC;
}
#organTable .tabletolist ul > li .row_headers {
	width:100px;
	color:#8a0000;
	background:#fff9f5;
}
#organTable .tabletolist ul > li .row_data {
	width:calc(100% - 110px);
}
@media screen and (min-width:991px) {
	#organTable table td {
		padding:15px;
	}
}


/** chairTable **/
#chairTable table {
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
}
#chairTable table + h3 {
	margin-top:30px;
}
#chairTable table tr:nth-of-type(2n) {
    background:#fdf8ed;
}
#chairTable table th {
	color:#000;
	text-align:center;
	vertical-align:middle;
	background:#edf7df;
	border:none;
	border-right:1px dashed #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#chairTable table th:nth-of-type(1) {
	width:70px;
}
#chairTable table th:nth-of-type(2) {
	width:90px;
}
#chairTable table th:nth-of-type(3) {
	width:20%;
}
#chairTable table th:nth-of-type(4) {
	width:calc(80% - 180px);
}
#chairTable table td {
	color:#000;
	border:none;
	border-right:1px dashed #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#chairTable table td:nth-of-type(1),
#chairTable table td:nth-of-type(2) {
	text-align:center;	
}
#chairTable .tabletolist.nrh {
	border-color:#CCC;
}
#chairTable .tabletolist.nrh > li  {
    border-color:#CCC;
}
#chairTable .tabletolist ul > li {
	border-color:#CCC;
}
#chairTable .tabletolist ul > li .row_headers {
	width:100px;
	color:#8a0000;
	background:#fff9f5;
}
#chairTable .tabletolist ul > li .row_data {
	width:calc(100% - 110px);
}
@media screen and (min-width:991px) {
	#chairTable table th:nth-of-type(1) {
		width:80px;
	}
	#chairTable table th:nth-of-type(2) {
		width:120px;
	}
	#chairTable table th:nth-of-type(3) {
		width:240px;
	}
	#chairTable table th:nth-of-type(4) {
		width:calc(100% - 440px);
	}
	#chairTable table td {
		padding:15px;
	}
}


/** insuranceTable **/
#insuranceTable table {
	width:100%;
	border:none;
	border-collapse:collapse;
}
#insuranceTable table tr:nth-of-type(2n) {
    background:#fdf8ed;
}
#insuranceTable table th {
	color:#000;
	text-align:center;
	vertical-align:middle;
	background:#edf7df;
	border:none;
	border-collapse:collapse;
}
#insuranceTable table th:nth-of-type(1),
#insuranceTable table th:nth-of-type(2),
#insuranceTable table th:nth-of-type(3) {
	width:20%;
}
#insuranceTable table th:nth-of-type(4) {
	width:40%;
}
#insuranceTable.phone table th:nth-of-type(1) {
	width:40%;
}
#insuranceTable.phone table th:nth-of-type(2) {
	width:30%;
}
#insuranceTable.phone table th:nth-of-type(3) {
	width:30%;
}
#insuranceTable table td {
	color:#000;
	border:none;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;	
}
#insuranceTable table td:nth-of-type(1) {
	font-weight:bold;
	text-align:center;
}
#insuranceTable.phone table td:nth-of-type(1) {
	text-align:left;
}
#insuranceTable.phone table td:nth-of-type(2),
#insuranceTable.phone table td:nth-of-type(3) {
	text-align:center;
}
#insuranceTable .tabletolist.nrh {
	border-color:#CCC;
}
#insuranceTable .tabletolist.nrh > li  {
    border-color:#CCC;
}
#insuranceTable .tabletolist ul > li {
	border-color:#CCC;
}
#insuranceTable .tabletolist ul > li .row_headers {
	width:100px;
	color:#8a0000;
	background:#fff9f5;
}
#insuranceTable .tabletolist ul > li .row_data {
	width:calc(100% - 110px);
	font-weight:normal;
}
@media screen and (min-width:991px) {
	#insuranceTable table td {
		padding:15px;
	}
}


/** statsTable **/
#statsTable ol.number {
	list-style:none;
	margin:0;
}
#statsTable ol.number li {
	position:relative;
	margin:0;
	padding:10px 0 10px 30px;
	border-bottom:1px dashed #CCC;
}
#statsTable ol.number li:before {
	content:"";
    display:block;
	position:absolute;
	left:0;
	top:10px;
	width:25px;
	height:25px;
	background:url(../images/icon-check.svg) 50% 50% no-repeat;
	z-index:2;
}
#statsTable table {
	width:100%;
    border:1px solid #CCC;
    border-collapse:collapse;
}
#statsTable table + table {
	margin-top:20px;
}
#statsTable table thead th {
	color:#000;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	background:#edf7df;
	border:none;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#statsTable table tbody th {
	color:#000;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	background:none;
	border:none;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#statsTable table tbody th[scope="rowgroup"] {
	color:#a40000;
	font-weight:bold;
    background:#fff9f5;
}
#statsTable table tbody tr:nth-of-type(2n+1) {
    background:#fdf8ed;
}
#statsTable table.mergeTable tbody tr:nth-of-type(2n+1) {
    background:#FFF;
}
#statsTable table td {
	color:#000;
	text-align:center;
	vertical-align:middle;
	padding:15px 5px;
	border:1px solid #CCC;
	border:none;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-collapse:collapse;
}
#statsTable table tfoot td {
	padding:15px 10px;
	text-align:left;
}
#statsTable .tabletolist.nrh {
	border:1px solid #CCC;
}
#statsTable .tabletolist.nrh > li  {
   border:none;
}
#statsTable .tabletolist ul > li {
	align-items:center;
	border-bottom:1px solid #CCC;
}
#statsTable .tabletolist ul > li .row_headers {
	width:50%;
	color:#000;
	padding:15px 10px;
	margin:0;
	border-right:1px solid #CCC;
	background:#edf7df;
	box-sizing:border-box;
}
#statsTable .tabletolist ul > li .row_data {
	width:50%;
	padding:15px 10px;
	text-align:center;
}
@media screen and (min-width:991px) {
	#statsTable ol.number li:before {
		top:13px;
	}
}



/* ----- contactWord ----- */
.contactWord {
	position:relative;
	width:100%;
    margin:20px auto;
}
.contactWord.sendok {
	position:relative;
	border:8px solid #DFDFDF;
	background:#f4f4f4;
	padding:20px 20px 20px 150px;
	box-sizing:border-box;
}
.contactWord.sendok:before {
	content:"";
    display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #FFF;
	box-sizing:border-box;
	z-index:2;
}
.contactWord.sendok:after {
	content:"";
	position:absolute;
	top:20px;
	left:20px;
	display:block;
	width:100px;
	height:0;
	padding-bottom:100px;
	visibility:visible;
	background:#d64000 url(../images/listStep-icon2.svg) 50% 50% no-repeat;
	border:5px solid #FFF;
    box-shadow:0px 0px 7px rgb(0 0 0 / 30%);
	background-size:80% auto;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.contactWord.surveyok {
	position:relative;
	min-height:200px;
	display:flex;
    flex-direction:column;
    justify-content:center;
	align-items:center;
	padding:20px;
	border:8px solid #DFDFDF;
	background:#f4f4f4;	
	box-sizing:border-box;
}
.contactWord.surveyok:before {
	content:"";
    display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #FFF;
	box-sizing:border-box;
	z-index:2;
}
.contactWord.surveyok .box {
	position:relative;
	display:inline-block;
	padding-left:130px;
	box-sizing:border-box;
}
.contactWord.surveyok .box:after {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:100px;
	height:0;
	padding-bottom:100px;
	margin-top:-55px;
	visibility:visible;
	background:#d64000 url(../images/surveyok-icon.svg) 50% 50% no-repeat;
	border:5px solid #FFF;
    box-shadow:0px 0px 7px rgb(0 0 0 / 30%);
	background-size:80% auto;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.contactWord.sendok h3,
.contactWord.surveyok h3 {
	color:#d64000;
    font-size:2.3em;
	margin-bottom:10px;
}
.contactWord > p,
.contactWord > .box p {
	font-size:1.6em;
	line-height:165%;
}
.contactWord .spNote {
	color:#D90000;
}
.contactWord .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	font-size:1.5em;
	background:#D90000;
	vertical-align:middle;
	text-indent:-999px;
	overflow:hidden;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactWord .spWord {
	font-size:1.5em;
	line-height:165%;
	padding:15px 20px;
	box-sizing:border-box;
	border:4px double #CCC;
	margin:1em 0;
}
.contactWord .spWord ul {
	margin-left:1.5em;
}
.contactWord .spWord ul li {
	margin-top:5px;
}
.contactWord h3.stit {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size:2.3em;
    margin:2em 0 1em 0;
}
.contactWord h3.stit span {
	position:relative;
	padding:0 0 0 35px;	
}
.contactWord h3.stit span:before {
    content:"";
    display:block;
    position:absolute;
	left:0;
    top:4px;
    width:25px;
    height:25px;
	background:#000;
    z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.contactWord h3.stit span:after {
    content:"";
    display:block;
    position:absolute;
	left:7px;
	top:9px;
    width:11px;
    height:11px;
    border-right:3px solid #FFF;
    border-bottom:3px solid #FFF;
	box-sizing:border-box;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
@media screen and (max-width:768px) {
	.contactWord.sendok {
		padding:140px 20px 20px 20px;
	}
	.contactWord.sendok:after {
		top:20px;
		left:50%;
		margin-left:-50px;
	}
	.contactWord.surveyok .box {
		padding:130px 0 0 0;
	}
	.contactWord.surveyok .box:after {
		top:0;
		left:50%;
		margin:0 0 0 -55px;
	}
	.contactWord.sendok h3,
	.contactWord.surveyok h3 {
		text-align:center;
	}
}
@media screen and (min-width:991px) {
	.contactWord.sendok {
		padding:20px 20px 20px calc(20% + 20px);
	}
	.contactWord.sendok:after {
		top:20px;
		left:20px;
		width:16%;
		padding-bottom:16%;
	}
	.contactWord.sendok h3,
	.contactWord.surveyok h3 {
		font-size:2.5em;
	}
	.contactWord > p,
	.contactWord > .box p {
		font-size:1.7em;
	}
	.contactWord .spWord {
		font-size:1.5em;
	}
	.contactWord > ol,
	.contactWord > ul {
		font-size:1.7em;
	}	
}
@media screen and (min-width:1200px) {
	.contactWord.sendok {
		padding:30px 20px 30px calc(15% + 40px);
		border:10px solid #DFDFDF;
	}
	.contactWord.sendok:after {
		top:25px;
		left:25px;
		width:14%;
		padding-bottom:14%;
	}
	.contactWord.sendok h3,
	.contactWord.surveyok h3 {
		font-size:2.7em;
	}
	.contactWord > p,
	.contactWord > .box p {
		font-size:1.9em;
	}
	.contactWord .spWord {
		font-size:1.7em;
	}
	.contactWord > ol,
	.contactWord > ul {
		font-size:1.9em;
	}	
}


/* ----- faqWay ----- */
.faqWay {
	width:100%;
	letter-spacing:-9px;
    margin:20px auto;
}
.faqWay .search {
	display:inline-block;
	width:calc(100% - 170px);
	text-align:center;
	padding:15px;
	box-sizing:border-box;
	background:#f1e8e8;
	vertical-align:top;
	margin-right:10px;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
			border-radius:10px;
}
.faqWay .search .box {
	display:inline-block;
	width:calc(100% - 60px);
	margin:0 10px 0 0;
	border:1px solid #dbbdbd;
	box-sizing:border-box;
	vertical-align:top;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.faqWay .search label {
	display:inline-block;
	width:70px;
	color:#FFF;
	font-size:1.5em;
	line-height:48px;
	text-align:center;
	letter-spacing:0;
	font-weight:bold;
	background:#bd2841;
	vertical-align:top;
	-webkit-border-radius:5px 0 0 5px;
       -moz-border-radius:5px 0 0 5px;
			border-radius:5px 0 0 5px;
}
.faqWay .search .search-txt {
	display:inline-block;
	width:calc(100% - 70px);
	height:48px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:48px;
	padding:0 15px;
	background:#FFF;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
			border-radius:5px;
}
.faqWay .search .search-txt:focus {
	color:#FF6A00;
	border:none;
}
.faqWay .search .search-btn {
	display:inline-block;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#bd2841;
	-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;
}
.faqWay .search .search-btn span {
	position:relative;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-left:22px;
}
.faqWay .search .search-btn span em {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	left:0;
	top:50%;
	margin-top:-10px;
}
.faqWay .search .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.faqWay .search .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:11px;
    top:15px;
    width:9px;
    height:3px;
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.faqWay .search .search-btn:hover,
.faqWay .search .search-btn:focus {
	background:#E15315;
}
.faqWay .btnWrite {
	display:inline-block;
	width:160px;
	height:80px;
	color:#FFF;
	letter-spacing:0;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#d04125;
	vertical-align:top;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
			border-radius:10px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.faqWay .btnWrite:hover,
.faqWay .btnWrite:focus {	
	background:#B20000;
}
.faqWay .btnWrite span {
	position:relative;
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	line-height:30px;
	margin-top:25px;
	padding-left:35px;
}
.faqWay .btnWrite span:before {
	position:absolute;
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0.5px;
    width:29px;
    height:29px;
	background:rgba(0,0,0,.4) url(../images/icon-pen.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-border-radius:100%;
       -moz-border-radius:100%;
			border-radius:100%;
	z-index:2;
}
@media screen and (max-width:520px) {
	.faqWay .search {
		width:100%;
		padding:12px;
		margin:0;
	}
	.faqWay .btnWrite {
		height:auto;
		margin:20px calc(50% - 80px) 0 calc(50% - 80px);
	}
	.faqWay .btnWrite span {
		margin:15px 0;
	}
}
@media screen and (min-width:991px) {
	.faqWay .search label {
		width:100px;
	}
	.faqWay .search .search-txt {
		width:calc(100% - 100px);
	}
}
@media screen and (min-width:1200px) {
	.faqWay .search label {
		font-size:1.7em;
	}
	.faqWay .search .search-txt {
		font-size:1.7em;
	}
}


/* ----- faqCategory ----- */
.faqCategory {
	width:100%;
    margin:30px auto 0 auto;
}
.faqCategory h3 {
	display:block;
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	padding:15px;
	background:#473d37;
}
.faqCategory > ul {
	margin:0;
	padding:5px 15px;
	background:#f2f2f2;
	box-sizing:border-box;
}
.faqCategory > ul > li {
	list-style:none;
	padding:10px;
	border-bottom:1px dashed #CCC;
}
.faqCategory > ul > li:last-child {
	border-bottom:none;
}
.faqCategory > ul > li > a {
	position:relative;
	display:block;
	color:#4d2b19;
	font-size:1.6em;
	font-weight:bold;
	line-height:165%;
	padding:0 0 0 30px;
	box-sizing:border-box;
}
.faqCategory > ul > li > a:hover,
.faqCategory > ul > li > a:focus {
	color:#d64000;
}
.faqCategory > ul > li > a:before {
	content:"";
    display:block;
	position:absolute;
	left:0;
	top:0;
	width:25px;
	height:25px;
	background:url(../images/icon-folder.svg) 50% 50% no-repeat;
	z-index:2;
}
.faqCategory > ul > li > ul > li {
	list-style:none;
}
.faqCategory > ul > li > ul > li > a  {
	position:relative;
	color:#4d2b19;
	font-size:1.6em;
	font-weight:bold;
	line-height:165%;
	padding-left:30px;
}
.faqCategory > ul > li > ul > li > a:hover,
.faqCategory > ul > li > ul > li > a:focus {
	color:#d64000;
}
.faqCategory > ul > li > ul > li > a:before {
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:9px;
	width:10px;
	height:10px;
	border-left:1px dashed #4d2b19;
	border-bottom:1px dashed #4d2b19;
}
@media screen and (min-width:991px) {
	.faqCategory h3 {
		font-size:2.1em;
	}
	.faqCategory > ul > li > a {
		font-size:1.7em;
	}
	.faqCategory > ul > li > a:before {
		top:2px;
	}
	.faqCategory > ul > li > ul > li > a  {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
	.faqCategory h3 {
		font-size:2.3em;
	}
	.faqCategory > ul > li > a {
		font-size:1.9em;
	}
	.faqCategory > ul > li > ul > li > a  {
		font-size:1.9em;
	}
}


/* ----- listStep ----- */
.listStep {
	position:relative;
	width:100%;
	padding:15px 10px;
	border:8px solid #DFDFDF;
	background:#f4f4f4;
	box-sizing:border-box;
}
.listStep:before {
	content:"";
    display:block;
    position:absolute;
	left:0;
	top:0;
    width:100%;
	height:100%;
	border:1px solid #FFF;
	box-sizing:border-box;
	z-index:2;
}
.listStep ul {
	list-style:none;
	margin:-10px;
}
.listStep ul li {
	position:relative;
	display:inline-block;
	width:20%;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;
	vertical-align:top;
}
.listStep ul li:after {
	content:"";
    display:block;
    position:absolute;
	right:0;
	top:50%;
    width:15px;
	height:15px;
	border-top:4px solid #000;
	border-right:4px solid #000;
	margin-top:-9px;
	margin-right:-2.5px;
	z-index:2;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.listStep ul li:last-child:after {display:none;}
.listStep ul li p {
	position:relative;
	min-height:45px;
	color:#000;
	font-size:1.6em;
	line-height:135%;
	text-align:center;
	padding:calc(65% + 10px) 0 0 0;
	font-weight:bold;
	line-height:120%;	
}
.listStep ul li p span {
	display:block;
	width:100%;
}
.listStep ul li p:before {
	content:"";
    display:block;
    position:absolute;
	left:calc(20% - 5px);
	top:0;
    width:60%;
	height:0;
	padding-bottom:60%;
	border:5px solid #FFF;
	box-shadow:0px 0px 7px rgba(0,0,0,.3);
	background:#c3223d;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	z-index:2;
}
.listStep ul li:nth-child(2n) p:before {
	background:#d64000;
}
.listStep ul li p:after {
	content:"";
    display:block;
    position:absolute;
	left:calc(20% - 5px);
	top:0;
    width:60%;
	height:0;
	padding-bottom:60%;
	border:5px solid rgba(255,255,255,.0);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:70% auto;
	z-index:3;
}
.listStep ul li.s1 p:after { background-image:url(../images/listStep-icon1.svg); }
.listStep ul li.s2 p:after { background-image:url(../images/listStep-icon2.svg); }
.listStep ul li.s3 p:after { background-image:url(../images/listStep-icon3.svg); }
.listStep ul li.s4 p:after { background-image:url(../images/listStep-icon4.svg); }
.listStep ul li.s5 p:after { background-image:url(../images/listStep-icon5.svg); }
@media screen and (max-width:640px) {
	.listStep ul li {
		width:33.33%;
	}
	.listStep ul li.s3:after {display:none;}
}
@media screen and (max-width:340px) {
	.listStep ul li {
		width:50%;
	}
	.listStep ul li.s3:after {display:block;}
	.listStep ul li.s2:after,
	.listStep ul li.s4:after {display:none;}
}
@media screen and (min-width:991px) {
	.listStep ul {
		margin:0 -15px;
	}
	.listStep ul li {
		padding:0 15px;
	}
	.listStep ul li p {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
	.listStep {
		padding:20px 10px;
		border:10px solid #DFDFDF;
	}
	.listStep ul li p {
		font-size:1.9em;
	}
}


/* ---------- contactForm ---------- */ 
.contactForm {
	width:100%;
	padding:20px;
	border-top:3px solid #cccccc;
    border-bottom:3px solid #cccccc;
	box-sizing:border-box;
	background:#f4f4f4;
	margin:0 auto;
}
.contactForm .box {
	margin:-20px auto;
}
@media screen and (min-width:1200px) {
	.contactForm {
		padding:30px;
	}	
	.contactForm .box {
		margin:-25px auto;
	}
}


/* ----- eventBox ----- */
.eventBox {
	width:100%;
	padding:15px 20px;
	border:6px solid #4b809b;
	background:#FFF;
	box-sizing:border-box;
	margin:20px auto;
}
.eventBox dl {
	width:100%;
	margin:0 auto;
}
.eventBox dl dt {
	width:100%;
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	padding-bottom:10px;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
}
.eventBox dl dd {
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:135%;
	margin:10px auto 0 auto;
	box-sizing:border-box;
}
.eventBox dl dd span {
	position:relative;
	padding-left:21px;
}
.eventBox dl dd span:before {
 	content:"";
	display:block;
	position:absolute;	
    left:0;
	top:3px;
	width:16px;
	height:16px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.eventBox dl dd.date span:before { background-image:url(../images/icon-clock.svg); }
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.eventBox {
		padding:20px 25px;
		border-width:8px;
	}
	.eventBox dl dt {
		font-size:2.1em;
	}
	.eventBox dl dd {
		font-size:1.7em;
	}
	.eventBox dl dd span {
		padding-left:24px;
	}
	.eventBox dl dd span:before {
		top:2px;
		width:19px;
		height:19px;
	}
}


/* ----- spCheck ----- */
.spCheck {
	position:relative;
    width:100%;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	line-height:150%;
	letter-spacing:0;
	margin-top:15px;
}
.spCheck input[type="checkbox"] {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	border-color:transparent;
	background-color:transparent;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.spCheck input[type="checkbox"] + label {
	display:inline-block;
	width:100%;
	padding:30px 20px;
	box-sizing:border-box;
	vertical-align:middle;
	cursor:pointer;
	background:none;
	color:#000;
	background-color:#ECF8F9;
	border:1px solid #bdd9db;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.spCheck input[type="checkbox"] + label span {
	position:relative;
	display:inline-block;
	padding-left:1.5em;
	text-align:left;
}
.spCheck input[type="checkbox"] + label span:after {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;    
    padding:0;
    width:22px;
    height:22px;
    background:#fff;
	margin:-11px 0 0 0;
	border-radius:4px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.spCheck input[type="checkbox"]:hover + label,
.spCheck input[type="checkbox"]:focus + label,
.spCheck input[type="checkbox"]:checked + label,
.spCheck input[type="checkbox"]:checked:hover + label {
	border-color:#ecc6c6;
	background:#fdf1f1;
}
.spCheck input[type="checkbox"]:checked + label span:before,
.spCheck input[type="checkbox"]:checked:hover + label span:before,
.spCheck input[type="checkbox"]:checked:focus + label span:before {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:7px;
	width:5px;
    height:10px;
    border-right:4px solid #fff;
    border-bottom:4px solid #fff;
    margin-top:-8px;
    z-index:2;
	transform:rotate(45deg);
}
.spCheck input[type="checkbox"]:checked + label span:after,
.spCheck input[type="checkbox"]:checked:hover + label span:after,
.spCheck input[type="checkbox"]:checked:focus + label span:after {
	background:#000;
	border-color:transparent;
}
.spCheck input[type="checkbox"] + label span a,
.spCheck input[type="checkbox"]:hover + label span a,
.spCheck input[type="checkbox"]:checked:hover + label span a,
.spCheck input[type="checkbox"]:checked + label span a {
	color:#2F6FA7;
}
.spCheck input[type="checkbox"] + label span a:hover,
.spCheck input[type="checkbox"] + label span a:focus,
.spCheck input[type="checkbox"]:hover + label span a:hover,
.spCheck input[type="checkbox"]:checked:hover + label span a:hover,
.spCheck input[type="checkbox"]:checked + label span a:hover,
.spCheck input[type="checkbox"]:checked + label span a:focus {
	color:#D60000;
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.spCheck { font-size:1.9em; }
}


/* ---------- form-list ---------- */ 
.form-list {
	width:100%;
	letter-spacing:-9px;
	margin:20px auto;
}
.form-list .formLabel {
	display:inline-block;
	width:120px;
	color:#000;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size:1.5em;
    font-weight:bold;
	line-height:50px;
	letter-spacing:0;
	word-break:keep-all;
	overflow:hidden;
	vertical-align:top;
}
.form-list .formLabel.lb2 {
	line-height:25px;
}
.form-list .formLabel span {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0 0 0 25px;
	box-sizing:border-box;
}
.form-list .formLabel span strong {
	display:block;
}
.form-list .formLabel span:before {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:4.5px;
	width:7px;
	height:7px;
	background:#000;
	margin:-3.5px 0 0 0;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.form-list .formLabel span.required:before {
	display:none;
}
.form-list .formLabel span.wd2 {
	letter-spacing:2em;
}
.form-list .formLabel span.wd3 {
	letter-spacing:0.5em;
}
.form-list .formLabel span.wd8 {
	max-width:calc(4em + 25px);
	word-break:break-all;
	line-height:135%;
}
.form-list .formLabel span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	text-align:left;
	text-indent:-999px;
	background:#e20000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.form-list .formBox {
	display:inline-block;
	width:calc(100% - 120px);
	vertical-align:top;
}
.form-list .formInput {
	display:inline-block;
	width:100%;
	max-width:100%;
	height:50px;
    padding:0 10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formInput.w2 {
    width:100px;
	margin-left:10px;
}
.form-list .formInput:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
}
.form-list .w1 {
	width:40%;
}
.form-list fieldset {
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.form-list fieldset.sexRadio {
	margin-left:15px;
}
.form-list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
	color:#000;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.form-list .radionote {	
	vertical-align:top;
	margin:0 -7.5px;
}
.form-list .radionote label {
	position:relative;
	display:inline-block;
	color:#000;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1.5em;
	letter-spacing:0;
	line-height:25px;	
	letter-spacing:0;
	padding:12.5px 0;
	box-sizing:border-box;
	margin:0 7.5px;
	cursor:pointer;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-list .radionote label input[type="radio"] {
	position:relative;
	display:inline-block;
	width:25px;
    height:25px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-list .radionote label input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:4px;
	left:4px;
	width:15px;
    height:15px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.form-list .formText {
	width:100%;
    padding:10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.5em;
    line-height:165%;
	letter-spacing:0;
    vertical-align:middle;
	background:#FFFFFF;
	box-sizing:border-box;
    border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formText:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
}
.form-list .note {
	display:inline-block;
	width:100%;	
	color:#e20000;
	font-size:1.5em;
	letter-spacing:0;
	line-height:135%;
	vertical-align:top;
	margin-top:12px;
}
.form-list .note.n1 {
	width:calc(60% - 15px);
	margin-left:15px;
	margin-top:0;
}
.form-list .note.n1 span {
	display:flex;
	width:100%;
	height:100%;
	min-height:50px;
	justify-content:left;
	align-items:center;
}
.form-list .note.n2 {
	float:left;
}
.form-list .captchaImg {
	display:inline-block;
	vertical-align:middle;
}
.form-list .btnVoice,
.form-list .btnReload {
	display:inline-block;
	position:relative;
	color:#FFF;
	width:50px;
	height:50px;
	text-indent:-999px;
	text-align:left;
	background:#757575;
	vertical-align:middle;
	overflow:hidden;
	margin-left:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.form-list .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
    background:url(../images/btnTxt-icon.svg) 50% 50% no-repeat;
	background-size:cover;
}
.form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
    background:url(../images/btnReload-icon.svg) 50% 50% no-repeat;
	background-size:cover;
}
.form-list .btnVoice:hover,
.form-list .btnVoice:focus,
.form-list .btnReload:hover,
.form-list .btnReload:focus {
	background:#D35E16;
}
@media screen and (max-width:768px) {
	.form-list .w1 {
		width:50%;
	}
	.form-list .note.n1 {
		width:calc(50% - 15px);
	}
}
@media screen and (max-width:620px) {
	.form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:normal;
		margin-bottom:15px;
	}
	.form-list .formLabel span.wd8 {
		max-width:100%;
		line-height:normal;
	}
	.form-list .formLabel span strong {
		display:inline;
	}
	.form-list .formBox {
		width:100%;
	}
}
@media screen and (max-width:480px) {
	.form-list .formInput.add {
		float:left;
		width:100%;
		margin-top:10px;
	}
	.form-list .w1 {
		width:100%;
	}
	.form-list .note.n1 {
		width:100%;
		margin-left:0;
		margin-top:10px;
	}
	.form-list .note.n1 span {
		display:inline-block;
		min-height:inherit;
	}
	.form-list fieldset.sexRadio {
		margin-left:0;
	}
	.form-list .radionote label {
		padding-bottom:0;
	}
}
@media screen and (min-width:1200px) {
	.form-list {
		margin:25px auto;
	}
	.form-list .formLabel {
		line-height:55px;
		font-size:1.7em;
	}
	.form-list .formBox > span {
		font-size:1.7em;
	}
	.form-list .formInput {
		height:55px;
		font-size:1.7em;
		line-height:55px;
		padding:0 15px;
	}
	.form-list .checknote label {
		font-size:1.7em;
	}
	.form-list .radionote label {
		font-size:1.7em;
	}
	.form-list .formText {
		font-size:1.7em;
		padding:15px;
	}
	.form-list .note {
		font-size:1.7em;
	}
	.form-list .btnVoice,
	.form-list .btnReload {
		width:55px;
		height:55px;
	}
}


/* ----- form-line ----- */
.form-line {
	width:100%;
	border-bottom:1px dashed #CCC;
	margin:25px auto;
}


/* ----- radionote ----- */
.form-radio {
	width:100%;
	margin:20px auto;
}
.form-radio fieldset {
	width:100%;
	background:#ede5d4;
}
.form-radio fieldset legend {
	position:relative;
	display:block;
	width:100%;
	color:#FFF;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
    font-size:1.7em;
    font-weight:bold;
	line-height:130%;
	padding:15px 15px 15px 30px;
	box-sizing:border-box;
	background:#2e466b;
}
.form-radio fieldset legend em {
 	content:"";
	position:absolute;
	left:10px;
	top:19px;
	display:block;
	width:15px;
	height:15px;
	font-size:1.5em;
	background:#ffff33;
	vertical-align:middle;
	text-indent:-999px;
	overflow:hidden;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.radionote {
	letter-spacing:-9px;
	margin:0 -10px;
}
.form-radio .radionote {
	padding:5px 20px;
	margin:0;
}
.radionote label {
	position:relative;
	display:inline-block;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1.7em;
    font-weight:bold;
	line-height:25px;
	letter-spacing:0;
	padding:12.5px 0;
	box-sizing:border-box;
	margin:0 10px;
	vertical-align:top;
	cursor:pointer;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-radio .radionote label {
	width:25%;
	max-width:150px;
	margin:0 auto;
}
.radionote label input[type="radio"] {
	position:relative;
	display:inline-block;
	width:25px;
    height:25px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.radionote label input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:4px;
	left:4px;
	width:15px;
    height:15px;
	background:#333;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
@media screen and (max-width:620px) {
	.form-radio .radionote label {
		width:50%;
		max-width:inherit;
	}
}
@media screen and (max-width:360px) {
	.form-radio .radionote label {
		width:100%;
	}
}
@media screen and (min-width:1200px) {
	.form-radio fieldset legend {
		font-size:1.9em;
	}
	.radionote label {
		font-size:1.9em;
	}
}


/* ---------- form-list ---------- */ 
.field-validation-error {
	position:relative;
	display:inline-block;
	color:#FFF !important;
    font-size:1.5em;
	font-weight:bold;
	line-height:155% !important;
	letter-spacing:0;
	padding:5px 10px !important;
	background:#E00000;
	box-sizing:border-box;
	margin:-10px 0 0 120px;
}
#gameform .bulletin .field-validation-error {
	margin:10px 0 0 120px !important;
}
#gameform .bulletin #agree-error.field-validation-error {
	left:50%;
	margin:10px 0 0 -163px !important;
}
#gameform .bulletin .radionote .field-validation-error {
	position:absolute;
    left:0;
    top:100%;
    width:max-content;
	margin:10px 0 0 0 !important;
}
.field-validation-error + .field-validation-error {
	margin-left:10px;
}
.field-validation-error:last-child {
	margin-bottom:20px;
}
.field-validation-error:before {
	content:"";
	position:absolute;
	display:block;
	top:-6px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 6px 7px 6px;
	border-color:transparent transparent #E00000 transparent;
	margin-left:-7px;
	z-index:2;
}
@media screen and (max-width:620px) {
	.field-validation-error  {
		margin-left:0;
	}
	#gameform .bulletin .field-validation-error {
		margin:10px 0 0 0 !important;
	}
}
@media screen and (max-width:420px) {
	.field-validation-error {
		width:100%;
		text-align:center;
	}
	.field-validation-error + .field-validation-error {
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:1200px) {
	.field-validation-error  {
		font-size:1.7em;
	}
}

/** Sitemap **/
#sitemap {
	width:100%;
	margin:20px auto 0 auto;
}
#sitemap .info {
	width:100%;
	color:#000;
	font-size:1.6em;
	line-height:165%;	
}
#sitemap .info .color-red {
	color:#ec0e1a;
}
#sitemap .info p + p {
	margin:1em 0;
}
#sitemap .info ul {
	list-style:none;	
	margin:10px 0; 
	padding:0px;
}
#sitemap .info ul li {
	margin:10px 0 10px 1.5em;
}
#sitemap .sitemapList {
	width:100%;
	margin-top:20px;
}
#sitemap .sitemapList > ul {
	list-style:none;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;	
}
#sitemap .sitemapList > ul > li > a {
	display:block;
	color:#FFF;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.6em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px;
	background:#A32929;
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#d64000;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:5px 20px;
	background:#F2F2F2;
}
#sitemap .sitemapList > ul > li ul ul {
	padding:0 0 0 20px;
	background:none;
}
#sitemap .sitemapList > ul > li ul li {
	margin:1em 0;
}
#sitemap .sitemapList > ul > li ul li a {
	position:relative;
	display:block;
	color:#000;
	font-size:1.6em ;
	line-height:135%;
	padding-left:40px;	
}
#sitemap .sitemapList > ul > li ul ul li a {
	padding-left:50px;	
}
#sitemap .sitemapList > ul > li ul li a span {
	position:absolute;
	left:0;
	top:0;
	font-size:1rem ;
}
#sitemap .sitemapList > ul > li ul li a:hover,
#sitemap .sitemapList > ul > li ul a:focus {
	color:#d64000;
}
@media screen and (max-width:480px) {
	#sitemap .sitemapList > ul > li {
		width:100%;
	}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {
		width:33.33%;
	}
}
@media screen and (min-width:991px) {
	#sitemap .info {
		font-size:1.7em;
	}
	#sitemap .sitemapList > ul > li > a {
		font-size:1.7em;
	}
	#sitemap .sitemapList > ul > li ul li a {
		font-size:1.7em;
	}
}
@media screen and (min-width:1200px) {
	#sitemap .info {
		font-size:1.9em;
	}
	#sitemap .sitemapList {
		margin-top:30px;
	}
	#sitemap .sitemapList > ul > li > a {
		font-size:1.9em;
	}
	#sitemap .sitemapList > ul > li ul li a {
		font-size:1.9em;
	}
}

/** search_criteria **/
.search_criteria {
	width:100%;
	text-align:center;
	padding:20px;
	letter-spacing:-9px;
	box-sizing:border-box;
	margin:0 auto;
	background:#edf6f7;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
			border-radius:10px;
}
.search_criteria .box {
	margin:-5px;
}
.search_criteria .sbox {
	display:inline-block;
	width:100%;
	letter-spacing:0;
	padding:5px;
	box-sizing:border-box;
	vertical-align:top;
}
.search_criteria .listBar {
	position:relative;
	display:inline-block;
	width:100%;
	height:50px;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#000;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #CCC;
	padding:0 15px;
	background:#FFF url(../images/select-bg.png) no-repeat right 5px top 20px;
	-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:top;
}
.search_criteria .listBar::-ms-expand {
    display:none;
}
.search_criteria .listBar:focus {
	color:#FF6A00;
	border:1px solid #FF6A00;
	background:#FFF url(../images/select-bg-on.png) no-repeat right 5px top 20px;
}
.search_criteria .listBar option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.search_criteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.search_criteria .interval {
	display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    align-content:center;
	margin:-5px 0;
}
.search_criteria .interval .boxTime {
	display:flex;
    flex-direction:row;
	width:100%;
    justify-content:space-between;
    align-items:center;
    align-content:center;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:#FFF;
	overflow:hidden;
	margin:5px 0;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
			border-radius:5px;
}
.search_criteria .interval .boxTime span {
	display:inline-block;
	width:150px;
	height:48px;
    color:#000;
    font-size:1.5em;
	line-height:48px;
	font-weight:bold;	
    padding:0 0 0 30px;
    background:url(../images/icon-calendar.svg) no-repeat 15px 50%;
	border-right:1px solid #CCC;
    box-sizing:border-box;
}
.search_criteria .interval .boxTime span.map {
    background:url(../images/icon-map.svg) no-repeat 15px 50%;
}
.search_criteria .interval .boxTime span em {
	font-style:normal;
}
.search_criteria .interval .boxTime span em.wd2 {
	letter-spacing:1em;
}
.search_criteria .interval .boxTime span em.wd4 {
	letter-spacing:0.3333333em;
}
.search_criteria .interval .boxTime .listBar {
	width:calc(100% - 150px);
	height:48px;
	border:none;
}
.search_criteria .interval .boxTime .listBar.w2 {
	width:calc(50% - 75px);
}
.search_criteria .interval .boxInter {
	display:none;
}
.search_criteria .search-query {
	width:100%;
	height:50px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:50px;
	padding:0 15px;
	background:#FFF;
	border:1px solid #CCC;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
			border-radius:5px;
}
.search_criteria .search-query:focus {
	color:#FF6A00;
	border:1px solid #FF6A00;
}
.search_criteria .date-query {
	width:100%;
	height:50px;
	color:#000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:50px;
	padding:0 15px 0 45px;
	background:#FFF url(../images/date-query-icon.svg) no-repeat 15px 50%;
	border:1px solid #CCC;
	box-sizing:border-box;
	vertical-align:top;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
			border-radius:5px;
}
.search_criteria .date-query:focus {
	color:#FF6A00;
    border:1px solid #FF6A00;
}
.search_criteria .search-btn {
	display:block;
	width:100%;
	height:50px;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#000;
	-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;
}
.search_criteria .search-btn span {
	position:relative;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-left:22px;
}
.search_criteria .search-btn span em {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	left:0;
	top:50%;
	margin-top:-10px;
}
.search_criteria .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.search_criteria .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:11px;
    top:15px;
    width:9px;
    height:3px;
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.search_criteria .search-btn:hover,
.search_criteria .search-btn:focus {
	background:#E15315;
}
.search_criteria .clear-btn {
	display:block;
	width:100%;
	height:50px;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#000;
	-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;
}
.search_criteria .clear-btn span {
	position:relative;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-right:25px;
}
.search_criteria .clear-btn span:before,
.search_criteria .clear-btn span:after {
    position:absolute;
	content:'';
	right:2px;
	top:50%;
	width:20px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
    z-index:2;
}
.search_criteria .clear-btn span:before {
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.search_criteria .clear-btn span:after {
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.search_criteria .clear-btn:hover,
.search_criteria .clear-btn:focus {
	background:#E15315;
}
.search_criteria .advanced-btn {
	display:block;
	width:100%;
	height:50px;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#797979;
	-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;
}
.search_criteria .advanced-btn span {
	position:relative;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-right:29px;
}
.search_criteria .advanced-btn span em {
	position:absolute;
	display:block;
	content:'';
	right:0;
	top:50%;
	height:25px;
	width:25px;
	margin-top:-12.5px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.search_criteria .advanced-btn span:before {
    position:absolute;
	content:'';
	right:7px;
	top:50%;
	width:11px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
    z-index:2;
}
.search_criteria .advanced-btn span:after {
    position:absolute;
	content:'';
	right:11px;
	top:50%;
	width:3px;
    height:11px;
	background:#FFF;
	margin-top:-5.5px;
    z-index:2;
}
.search_criteria .advanced-btn.open span:after {
    -webkit-transform:rotate(90deg);
       -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
}
.search_criteria .buttonBox {
	display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    align-content:center;	
}
.search_criteria .buttonBox .search-btn,
.search_criteria .buttonBox .clear-btn {
	width:27%;
	margin-right:10px;
}
.search_criteria .buttonBox .advanced-btn {
	width:calc(46% - 20px);
}
.search_criteria .datebox {
	display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    align-content:center;	
}
.search_criteria .datebox .date-query {
	width:calc(50% - 15px);
}
.search_criteria .datebox .boxInter {
	font-size:1.5em;
	color:#000;
}
@media screen and (max-width:480px) {
	.search_criteria .datebox {
		flex-wrap:wrap;
	}
	.search_criteria .datebox .sr-only {
		position:relative;
		font-size:1.9em;
		opacity:1;
		margin:10px 0;
	}
	.search_criteria .datebox .sr-only:first-child {
		margin-top:0;
	}
	.search_criteria .datebox .date-query {
		width:100%;
	}
	.search_criteria .datebox .boxInter {
		display:none;
	}
}
@media screen and (max-width:360px) {
	.search_criteria .buttonBox {
		flex-wrap:wrap;	
	}
	.search_criteria .buttonBox .search-btn,
	.search_criteria .buttonBox .clear-btn {
		width:calc(50% - 5px);
		margin:0;
	}
	.search_criteria .buttonBox .advanced-btn {
		width:100%;
		margin-top:10px;
	}
}
@media screen and (min-width:991px) {
	.search_criteria .box {
		margin:-7.5px;
	}
	.search_criteria .sbox {
		padding:7.5px;
	}
	.search_criteria .sbox.sb1 {
		width:50%;
	}
	.search_criteria .sbox.sb1-1 {
		width:40%;
	}
 	.search_criteria .sbox.sb2 {
		width:calc(100% - 160px);
	}
	.search_criteria .sbox.sb2-1 {
		width:calc(60% - 160px);
	}
	.search_criteria .sbox.sb3 {
		width:160px;
	}
	.search_criteria .interval {
		flex-direction:row;
	}
	.search_criteria .interval .boxInter {
		display:inline-block;
		font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
		margin:0 10px;
	}
	.search_criteria .search-btn span {
		width:100%;
		height:100%;
	}
	.search_criteria .buttonBox .search-btn,
	.search_criteria .buttonBox .clear-btn {
		margin-right:15px;
	}
	.search_criteria .buttonBox .advanced-btn {
		width:calc(46% - 30px);
	}
}
@media screen and (min-width:1200px) {
	.search_criteria {
		padding:25px;
	}
	.search_criteria .listBar {
		font-size:1.7em;
	}
	.search_criteria .interval .boxTime span {
		font-size:1.7em;
	}
	.search_criteria .search-query {
		font-size:1.7em;
	}
	.search_criteria .date-query {
		font-size:1.7em;
	}
	.search_criteria .search-btn {
		font-size:1.7em;
	}
	.search_criteria .clear-btn {
		font-size:1.7em;
	}
	.search_criteria .advanced-btn {
		font-size:1.7em;
	}
	.search_criteria .datebox .boxInter {
		font-size:1.7em;
	}
	.search_criteria .interval .boxInter {
		font-size:1.7em;
	}
}


/* ----- search_advanced ----- */
.search_advanced {
	width:100%;
	text-align:left;
	letter-spacing:0;
}
.input_list {
	width:100%;
	letter-spacing:-5px;
	margin:15px auto;
}
.input_list .input_title {
	display:inline-block;
	width:100px;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
    font-size:1.7em;
    font-weight:bold;
	line-height:40px;
	letter-spacing:0;
	vertical-align:top;
}
.input_list .input_title span {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0 0 0 25px;
	box-sizing:border-box;
}
.input_list .input_box {
	display:inline-block;
	width:calc(100% - 100px);
	letter-spacing:0;
	vertical-align:top;
}
.input_list fieldset {
	display:inline-block;
}
.input_list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.input_list .checknote {
	letter-spacing:-5px;
	vertical-align:top;
	margin:0 -10px;
}
.input_list .checknote label {
	position:relative;
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:1.5em;
	line-height:25px;	
	letter-spacing:0;
	padding:7.5px 0;
	box-sizing:border-box;
	margin:0 10px;
	cursor:pointer;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.input_list .checknote label em {
	font-style:normal;
	font-size:1rem;
}
.input_list .checknote label input[type="checkbox"] {
	position:relative;
	display:inline-block;
	width:25px;
    height:25px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.input_list .checknote label input[type="checkbox"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:1px;
	left:6px;
	width:7px;
    height:12px;
    border-right:4px solid #000;
    border-bottom:4px solid #000;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.input_list .radionote {
	letter-spacing:-5px;
	vertical-align:top;
	margin:0 -10px;
}
.input_list .radionote label {
	position:relative;
	display:inline-block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:1.5em;
	line-height:25px;	
	letter-spacing:0;
	padding:7.5px 0;
	box-sizing:border-box;
	margin:0 10px;
	cursor:pointer;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.input_list .radionote label input[type="radio"] {
	position:relative;
	display:inline-block;
	width:25px;
    height:25px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.input_list .radionote label input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:4px;
	left:4px;
	width:15px;
    height:15px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
@media screen and (max-width:620px) {
	.input_list .input_title {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.input_list .input_box {
		width:100%;
	}
}
@media screen and (min-width:991px) {
	.input_list .listBar {
		width:calc(50% - 15px) !important;
	}
}
@media screen and (min-width:1200px) {
	.input_list .input_title {
		font-size:1.9em;
	}
	.input_list .checknote label {
		font-size:1.7em;
	}
	.input_list .radionote label {
		font-size:1.7em;
	}
}


/* ----- hotQueryBox ----- */
.hotQueryBox {
	width:100%;
	text-align:left;
	letter-spacing:0;
	padding-top:15px;
	border-top:1px dotted #CCC;
	margin:15px auto 0 auto;
}
.hotQueryBox p {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:15px;
}
.hotQueryBox .data {
	width:100%;
	letter-spacing:-9px;
	margin:-7.5px;
}
.hotQueryBox .data a {
	display:inline-block;
	color:#007399;
	font-size:1.5em;
	letter-spacing:0;
	margin:7.5px;
	vertical-align:top;
}
.hotQueryBox .data a:hover,
.hotQueryBox .data a:focus {
	color:#d64000;
}
@media screen and (min-width:1200px) {
	.hotQueryBox p {
		font-size:1.9em;
	}
	.hotQueryBox .data a {
		font-size:1.7em;
	}
}



/* ----- resultBox_tit ----- */
.resultBox_tit {
	display:flex;
	width:100%;		
	margin:30px auto 0 auto;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    align-content:center;
}
.resultBox_tit .search_text {
	position:relative;
	display:inline-block;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	padding-left:30px;
	margin:10px 0;
}
.resultBox_tit .search_text .color-org {
	font-family:Arial, Helvetica, sans-serif;
	color:#fb6400;
}
.resultBox_tit .search_text .color-red {
	font-family:Arial, Helvetica, sans-serif;
	color:#ee0000;
}
.resultBox_tit .search_text::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:2px;
	height:23px;
	width:23px;
    background:#000;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.resultBox_tit .search_text::after {
	position:absolute;
	display:block;
	content:'';
	left:4px;
	top:6px;
	height:19px;
	width:19px;
    background:url(../images/searchTit-icon.svg) no-repeat 50% 50%;
	background-size:cover;
}
.resultBox_tit .search_order {
	display:inline-block;
}
.resultBox_tit .search_order span {
	display:inline-block;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	vertical-align:middle;
}
.resultBox_tit .search_order .listBar {
	position:relative;
	display:inline-block;
	width:140px;
	height:45px;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#000;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	border:1px solid #CCC;
	padding:0 10px;
	margin:0 5px;
	background:#FFF url(../images/select-bg.png) no-repeat right 50%;
	-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;
}
.resultBox_tit .search_order .listBar::-ms-expand {
    display:none;
}
.resultBox_tit .search_order .listBar:focus {
	color:#FF6A00;
	border:1px solid #FF6A00;
	background:#FFF url(../images/select-bg-on.png) no-repeat right 50%;
}
.resultBox_tit .search_order .listBar option {
	color:#000;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.resultBox_tit .search_order .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
@media screen and (max-width:640px) {
	.resultBox_tit {
		flex-direction:column;
		align-items:flex-start;
	}
	.resultBox_tit .excel-btn {
		margin:10px auto 0 auto;
	}
}
@media screen and (min-width:1200px) {
	.resultBox_tit .search_text {
		font-size:2.1em;
	}
	.resultBox_tit .search_text::before {
		top:4px;
	}
	.resultBox_tit .search_text::after {
		top:8px;
	}
	.resultBox_tit .search_order span {
		font-size:2.1em;
	}
	.resultBox_tit .search_order .listBar {
		height:50px;
		font-size:1.9em;
		padding:0 15px;
	}
	
}


/* ----- resultBox_inner ----- */
.resultBox_inner {
	width:100%;
	margin:20px auto 0 auto;
}
.resultBox_inner ul {
	list-style:none;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
}
.resultBox_inner ul li {
	position:relative;
	width:100%;
	padding:20px;
	background:#f2f2f2;
	border-top:1px solid #FFF;
	border-bottom:1px dotted #d3b8b8;
	box-sizing:border-box;
}
.resultBox_inner ul li:first-child {	
	border-top:none;
}
.resultBox_inner ul li:last-child {	
	border-bottom:none;
}
.resultBox_inner .result_no {
	position:absolute;
	left:20px;
	top:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
}
.resultBox_inner .result_data {
	padding-left:50px;
	margin:-10px auto;
}
.resultBox_inner .result_data dl {
	width:100%;
	letter-spacing:-9px;
	margin:10px auto;
}
.resultBox_inner .result_data dt {
	display:inline-block;
	width:90px;
	font-family:"微軟雅黑", "Microsoft YaHei";
	font-size:1.7em;
	line-height:165%;
	font-weight:bold;
	letter-spacing:0;
	vertical-align:top;
}
.resultBox_inner .result_data dt .w2 {
	letter-spacing:2em;
}
.resultBox_inner .result_data dd {
	display:inline-block;
	width:calc(100% - 90px);
	font-size:1.7em;
	line-height:165%;
	font-weight:bold;
	letter-spacing:0;
	text-align:justify;
	vertical-align:top;
}
.resultBox_inner .result_data dd .highLight,
.resultBox_inner .result_data dd .highlight {
	color:#c40000;
	padding:2px 3px;
    background-color:#ffd800;
}
.resultBox_inner .result_data dd .color1 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#007b94;
}
.resultBox_inner .result_data dd .color2 {
	color:#2a7da7;
}
.resultBox_inner .result_data dd .color3 {
	color:#990000;
}
.resultBox_inner .result_data dd img {
	display:inline-block;
	width:23px;
	height:auto;
	vertical-align:text-top;
	margin-right:5px;
}
.resultBox_inner .result_data dd a:hover span,
.resultBox_inner .result_data dd a:focus span {
	color:#d64000;
}
@media screen and (max-width:640px) {
	.resultBox_inner .result_no {
		top:20px;
		color:#FFF;
		padding:5px 10px;
		background:#000;
	}
	.resultBox_inner .result_data {
		padding:35px 0 0 0;
	}
}
@media screen and (max-width:420px) {
	.resultBox_inner .result_data dt {
		width:100%;
	}
	.resultBox_inner .result_data dd {
		width:100%;
	}
}
@media screen and (min-width:1200px) {
	.resultBox_inner .result_no {
		font-size:1.9em;
	}
	.resultBox_inner .result_data dt {
		width:100px;
		font-size:1.9em;
	}
	.resultBox_inner .result_data dd {
		width:calc(100% - 100px);
		font-size:1.9em;
	}
}


/* ----- boxTitle ----- */
.boxTitle {
	position:relative;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	padding:15px;
	background:#333333;
	box-sizing:border-box;
	margin:0 auto;
}
.boxTitle:nth-child(n+3) {
	margin-top:20px;
}
.boxTitle:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:15px;
	width:17px;
	height:15px;
	margin-top:-6.5px;
	background:url(../images/bread-arrow.svg) no-repeat 50% 50%;
	background-size:contain;
	opacity:.5;
}
@media screen and (min-width:1200px) {
	.boxTitle {
		font-size:2.1em;
	}
}


/* ----- hotKeyword ----- */
.hotKeyword {
	width:100%;
	padding:10px 0;
	margin:0 auto;
}
.hotKeyword div {
	display:inline-block;
	white-space:nowrap;
	padding:5px;
}
.hotKeyword div a {
    font-size:1.6em;
	color:#c11532;
	font-weight:bold;
}
.hotKeyword div a:link,
.hotKeyword div a:visited{
	color:#00838F;
}
.hotKeyword div a:hover,
.hotKeyword div a:focus {
	color:#d64000;
}
.hotKeyword .hot1 {
	font-size:80%;
}
.hotKeyword .hot2 {
	font-size:100%;	
}
.hotKeyword .hot3 {
	font-size:120%;
}
.hotKeyword .hot4 {
	font-size:140%;
}
.hotKeyword .hot5 {
	font-size:160%;
}
.hotKeyword .hot6 {
	font-size:180%;
}
.hotKeyword .hot7 {
	font-size:200%;
}
@media screen and (min-width:991px) {
	.hotKeyword div a {
		font-size:1.7em;
	}
}


/* ----- categorysBox ----- */
.categorysBox {
	width:100%;
	margin:0 auto;
}
.categorysBox dl {
	width:100%;
}
.categorysBox dt {
	font-size:1.6em;
	line-height:135%;
	font-weight:bold;
	padding:10px 15px;
	background:#D1F0F0;
	border-top:1px dashed rgba(0,0,0,.2);
}
.categorysBox dt:nth-child(1) {
	border-top:none;
}
.categorysBox dt a {
	color:#007580;
}
.categorysBox dt a:hover,
.categorysBox dt a:focus {
	color:#d64000;
}
.categorysBox dd {
	font-size:1.6em;
	line-height:135%;
	font-weight:bold;
	padding:0 15px 10px 15px;
	background:#f4f4f4;
}
.categorysBox dt + dd {
	padding-top:10px;
}
.categorysBox dd a {
	position:relative;
	display:inline-block;
	color:#000;
	padding-left:20px;
	vertical-align:middle;
}
.categorysBox dd a:after {
	content:'';
    display:block;
    position:absolute;
    left:4px;
    top:7px;
    width:0;
    height:0;
    border-style:solid;
    border-width:4px 0 4px 6px;
    border-color:transparent transparent transparent #000;
}
.categorysBox dd a:hover,
.categorysBox dd a:focus {
	color:#d64000;
}
.categorysBox dd a.unlock {
	width:22px;
	height:22px;
	padding-left:0;
}
	.categorysBox dd a.unlock:after {
		left:0;
		top:0;
		width:100%;
		height:100%;
		border:none;
		background:url(../images/unlocked_icon.svg) no-repeat 50% 50%;
		background-size:cover;
	}
@media screen and (min-width:991px) {
	.categorysBox dt {
		font-size:1.7em;
	}
	.categorysBox dd {
		font-size:1.7em;
	}
}


/* ----- tableNote ----- */
.tableNote {
	width:100%;
	margin:20px auto 0 auto; 
}
.tableNote p {
	font-size:1.5em;
	line-height:165%;
}
.pageWord .tableNote p {
	font-size:0.938rem;
}
@media screen and (min-width:1200px) {
	.tableNote p {
		font-size:1.7em;
	}
	.pageWord .tableNote p {
		font-size:1.063rem;
	}
}


/* ----- segment ----- */
.segment {
	width:100%;
	margin:30px auto 0 auto; 
}
.segment ul {
	list-style:none;
	margin:-15px;
}
.segment ul li {
	display:inline-block;
	width:100%;
	letter-spacing:0;
	padding:15px;
	box-sizing:border-box;
	vertical-align:top;
}
.segment ul li a {
	display:flex;
	align-items:center;
    justify-content:space-between;
}
.segment ul li .pic {
	display:inline-block;
	width:200px;
}
.segment ul li .pic img {
	width:100%;
	height:auto;
}
.segment ul li .pic span {
	position:relative;
    display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:2;
    -webkit-border-radius:100%;
       -moz-border-radius:100%;
            border-radius:100%;
}
.segment ul li:nth-child(1) .pic span { background-color:#008F88; }
.segment ul li:nth-child(2) .pic span { background-color:#007AA3; }
.segment ul li dl {
	display:inline-block;
	width:calc(100% - 230px);
}
.segment ul li dt {
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	color:#000;
	font-size:2.9em;
	font-weight:bold;
	padding-bottom:15px;
	border-bottom:1px solid #000;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.segment ul li a:hover dt,
.segment ul li a:focus dt {
	color:#D60000;
}
.segment ul li dd {
	color:#000;
	font-size:1.7em;
	line-height:135%;
	margin-top:15px;
}
.segment ul li dd + dd {
	margin-top:20px;
}
.segment ul li .morebtn {
	display:inline-block;
	width:100%;
	max-width:200px;
	text-align:center;
	padding:15px 20px;
	background:#59493f;
	box-sizing:border-box;
	-webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
.segment ul li a:hover .morebtn,
.segment ul li a:focus .morebtn {
	background:#D60000;
}
.segment ul li .morebtn span {
	position:relative;
	color:#FFF;
    line-height:24px;
	font-weight:bold;
	padding-right:30px;
}
.segment ul li .morebtn span:before {
	position:absolute;
	content:"";
	display:block; 
	right:5px;
	top:50%;
	width:14px;
	height:14px;
	margin:-6px 1px 0 0;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	z-index:2;
	box-sizing:border-box;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
}
@media screen and (max-width:540px) {
	.segment ul {
		margin:-20px;
	}
	.segment ul li {
		padding:20px;
	}
	.segment ul li a {
		flex-direction:column;
	}
	.segment ul li .pic {
		width:50%;
	}
	.segment ul li dl {
		width:80%;
		margin:10px auto 0 auto;
	}
}
@media screen and (min-width:991px) {
	.segment {
		margin-top:40px;
	}
	.segment ul li {
		width:50%;
	}
	.segment ul li .pic {
		width:40%;
	}
	.segment ul li dl {
		width:calc(60% - 30px);
	}
}
@media screen and (min-width:1200px) {
	.segment ul {
		margin:-20px;
	}
	.segment ul li {
		padding:20px;
	}
	.segment ul li dt {
		font-size:3.5em;
	}
	.segment ul li dd {
		font-size:1.9em;
		margin-top:10px;
	}
	.segment ul li dd span:before {
		width:16px;
		height:16px;
		margin-top:-8px;
	}
}


/* ----- loginBox ----- */
.loginBox {
	width:100%;
	max-width:530px;
	padding:40px;
	box-sizing:border-box;
	background:#f4f4f4;
	margin:0 auto;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}
.loginBox .mbTitle {
	position:relative;
	display:flex;
	width:100%;
	justify-content:center;
	box-sizing:border-box;
	margin-bottom:30px;
}
.loginBox .mbTitle .box {
	position:relative;
	display:flex;
	width:100%;
	max-width:max-content;
	min-height:90px;
	flex-direction:column;
	justify-content:center;
	padding-left:120px;
	box-sizing:border-box;
}
.loginBox .mbTitle .box:before {
    content:"";
    display:block;
    position:absolute;
	left:15px;
    top:0;
    width:90px;
    height:90px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	background-color:#000;
	-webkit-mask-size:90px 90px;
			mask-size:90px 90px;
	z-index:2;
	-webkit-mask-image:url(../images/member-login.svg);
			mask-image:url(../images/member-login.svg);
}
.loginBox .mbTitle .box h2 {
	font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";
	font-size:3.9em;
	font-weight:bold;
}
.loginBox .mbTitle .box p {
	font-size:1.7em;
	line-height:165%;
	font-weight:bold;
}
.loginBox .mbTitle .box h2 + p {
	margin-top:10px;
}
.loginBox .mbTitle .box p + p {
	margin-top:1em;
}
.loginBox .login-list {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:20px auto 0 auto;
}
.loginBox .formLabel {
	display:inline-block;
	width:120px;
	height:50px;
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	background:#000;
	box-sizing:border-box;
	-webkit-border-radius:5px 0 0 5px;
	   -moz-border-radius:5px 0 0 5px;
            border-radius:5px 0 0 5px;
}
.loginBox .formLabel > span {
	display:inline-block;
	max-width:3em;
	overflow:hidden;
}
.loginBox .formLabel > span.wd2 {
	letter-spacing:1em;
	white-space:nowrap;
}
.loginBox .inputTxt {	
	display:inline-block;
	width:calc(100% - 120px);
	height:50px;
    padding:0 10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	letter-spacing:0;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #CCC;
	border-left:none;
	background:#FFF;
	-webkit-border-radius:0 5px 5px 0;
	   -moz-border-radius:0 5px 5px 0;
            border-radius:0 5px 5px 0;
}
.loginBox .inputTxt:focus {
	outline:0;
	background-color:#f8f2e2;
    border-color:#FF9933;
}
.loginBox .inputTxt.w1 {
    width:calc(100% - 340px);
}
.loginBox .verification {
	width:210px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-left:10px
}
.loginBox .verification img {
	width:100px;
	height:auto;
}
.loginBox .verification .btnVoice,
.loginBox .verification .btnReload {
	display:inline-block;
	position:relative;
	color:#FFF;
	width:50px;
	height:50px;
	text-indent:-999px;
	text-align:left;
	background:#757575;
	vertical-align:middle;
	overflow:hidden;
	margin-left:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.loginBox .verification .btnVoice:before,
.loginBox .verification .btnReload:before {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:100%;
    height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.loginBox .verification .btnVoice:before {
	background-image:url(../images/btnTxt-icon.svg);
}
.loginBox .verification .btnReload:before {
	background-image:url(../images/btnReload-icon.svg);
}
.loginBox .verification .btnVoice:hover,
.loginBox .verification .btnVoice:focus,
.loginBox .verification .btnReload:hover,
.loginBox .verification .btnReload:focus {
	background:#cc0000;
}
@media screen and (max-width:640px) {
	.loginBox {
		padding:30px;
	}
	.loginBox .mbTitle .box {
		min-height:inherit;
		align-items:center;
		padding:90px 0 0 0;
	}
	.loginBox .mbTitle .box:before {
		left:50%;
		width:80px;
		height:80px;
		margin-left:-40px;
		-webkit-mask-size:80px 80px;
				mask-size:80px 80px;
	}
}
@media screen and (max-width:520px) {
	.loginBox .formLabel {
		width:110px;
	}
	.loginBox .inputTxt {
		width:calc(100% - 110px) !important;
	}
	.loginBox .verification {
		width:100% !important;
		justify-content:center;
		margin-top:20px;
	}
	.loginBox .loginBot {
		margin:20px auto -10px auto;
	}
	.loginBox .loginBot a,
	.loginBox .loginBot a + a {
		margin:10px;
	}
}
@media screen and (min-width:991px) {
	.loginBox {
		max-width:550px;
		padding:50px;
	}
}
@media screen and (min-width:1200px) {
	.loginBox {
		max-width:620px;
	}
	.loginBox .mbTitle .box {
		padding-left:150px;
	}
	.loginBox .mbTitle .box:before {
		left:20px;
		width:110px;
		height:110px;
		-webkit-mask-size:110px 110px;
				mask-size:110px 110px;
	}
	.loginBox .mbTitle .box h2 {
		font-size:4.1em;
	}
	.loginBox .mbTitle .box p {
		font-size:1.9em;
	}
	.loginBox .formLabel {
		width:150px;
		height:55px;
		font-size:1.9em;
		line-height:55px;
	}
	.loginBox .formLabel > span {
		min-height:55px;
	}
	.loginBox .inputTxt {
		width:calc(100% - 150px);
		height:55px;
		font-size:1.9em;
		line-height:55px;
		padding:0 15px;
	}
	.loginBox .inputTxt.w1 {
		width:calc(100% - 380px);
	}
	.loginBox .verification {
		width:220px;
	}
	.loginBox .verification .btnVoice,
	.loginBox .verification .btnReload {
		width:55px;
		height:55px;
	}
}


@media print {
	#picShow,
	#picShow .listshow,
	#picShow .listshow .item,
	#picShow .listshow .pic {
		width:680px;
	}
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}