@charset "utf-8";
body{
	font: 62.5%/1 "微軟正黑體", Arial, Helvetica, sans-serif;
}
a{
	text-decoration: none;
}
li{
	list-style-type: none;
}
.container {
	width: 100%;
	margin: 0 auto;
  }
  
  @media (min-width: 576px) {
	.container {
	  max-width: 540px;
	}
  }
  
  @media (min-width: 768px) {
	.container {
	  max-width: 768px;
	}
  }
  
  @media (min-width: 992px) {
	.container {
	  max-width: 1200px;
	}
  }
  
  @media (min-width: 1440px) {
	.container {
  /*    max-width: 1140px;*/
		max-width: 1200px;
	}
  }

#wrapper{
	background: url(../images/bg_body.png) 50% top repeat;
}
#wrapper header{
	background: url(../images/bg_header.png) top center no-repeat;
	background-size: 100% 6px;
	position: relative;
	border-bottom: 6px solid #ddd; 
}
#comPage {
	padding: 40px 0;
}
.logo_search{
	padding: 22.5px 52.5px 22.5px 52.5px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.logo_search .logo img{
	width: 172.5px;
}
.logo_search .right_link{
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-top: 18.75px;
	padding-right: 18.75px;
}
.logo_search .right_link li{
	position: relative;
	margin-right: 18.75px;
	padding-left: 22.5px;
}
.logo_search .right_link li a{
	color: #666;
	font-size: 1rem;
}
.logo_search .right_link li.home::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 15px;
	background: url(../images/icon_home.svg) left 50% no-repeat;
}
.logo_search .right_link li.facebook::before{
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../images/icon_fb_gray.svg) left 50% no-repeat;
}
.logo_search .right_link li.search{
	background: rgba(173, 190, 210, 0.3);
	border: 2px solid #adbed2;
	border-radius: 22.5px;
	padding: 7.5px 11.25px;
	margin-left: 15px;
}
.logo_search .right_link li.search input[type="submit"]{
	width: 17px;
	height: 17px;
	background: url("../images/icon_search.svg") 50% 50% no-repeat;
	border: 0;
	margin-right: 5.25px;
}
.logo_search .right_link li a:hover{
	color: #cc0000;
}

/* ----- comMain ----- */
#comMain{
	width:100%;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	background-size:cover;
 	background-image: url(../images/com-main.webp);
}
#comMain .unitBox {
	height:186px;	
	display: flex;
 	flex-flow: row;
 	flex-wrap:nowrap;
	align-items: center;
	justify-content : center;
	padding-top:10px;
}
#comMain .unitBox .icon {
	width:90px;
	height:90px;
	text-align:center;	
}
#comMain .unitBox .icon img{
	width:100%;
	height:auto;
}
#comMain .unitBox strong {
	font-family:"微软雅黑";	
	font-size:5.8em;
	color:#fff;
	margin:-6px 0 0 25px;
	-webkit-text-shadow: 0px 1px 5px rgba(0,0,0,.8), 0px 1px 15px rgba(0,0,0,.8);
	   -moz-text-shadow: 0px 1px 5px rgba(0,0,0,.8), 0px 1px 15px rgba(0,0,0,.8);
	    -ms-text-shadow: 0px 1px 5px rgba(0,0,0,.8), 0px 1px 15px rgba(0,0,0,.8);
	        text-shadow: 0px 1px 5px rgba(0,0,0,.8), 0px 1px 15px rgba(0,0,0,.8);		
}
.unitBox strong small{
	display:block;	
	font-size:0.5em;
	margin-top:6px;
}	
@media screen and (max-width:1300px) {
	#comMain .unitBox {height:168px;}
	#comMain .unitBox .icon {width:80px; height:80px;}
	#comMain .unitBox strong {font-size:5.2em; margin-left:20px;}			
}
@media screen and (max-width:990px) {
	#comMain .unitBox {height:148px;}
	#comMain .unitBox .icon {width:72px; height:72px;}
	#comMain .unitBox strong {font-size:4.6em; margin-left:15px;}			
}
@media screen and (max-width:768px) {
	#comMain .unitBox {height:130px;}
	#comMain .unitBox .icon {width:63px; height:63px;}
	#comMain .unitBox strong {font-size:4em; margin-left:10px;}			
}		
	

/* ----- breadcrumbs ----- */
#comBar {
    width: 100%;
    margin: 0 auto;
	background-color:#000;
}
#breadcrumbs {
	box-sizing:border-box;
	width:auto;
	padding:0;
	margin:0;
}
#breadcrumbs dl {
	position:relative;
	width:100%;
	margin:0 auto;	
}
#breadcrumbs dt {
	float:left;
	border-right:1px solid rgba(255,255,255,.5);
	border-left:1px solid rgba(255,255,255,.5);	
}
#breadcrumbs dt a.bread-home {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
}
#breadcrumbs dt a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-home.svg) no-repeat;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#breadcrumbs dt a.bread-home:hover,
#breadcrumbs dt a.bread-home:focus {
	background:#133b53;		
}
#breadcrumbs dd {
	position:relative;
	float:left;
	color:#fff;
	width:auto;
	min-width:200px;
	font-size:1.8em;
	font-weight:bold;
	border-right: 1px solid rgba(255,255,255,.5);	
}	
#breadcrumbs .breadMenu {
	position:relative;
}
#breadcrumbs a{text-decoration:none;}
#breadcrumbs .breadMenu > a {
	position:relative;
	display:block;
	color:#fff;
	line-height:50px;
	padding:0 40px 0 20px;
}
#breadcrumbs .breadMenu > a:after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 5px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 9;
    -webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);			
}
#breadcrumbs .breadMenu.on > a {
	color:#fff;
	background-color:#133b53;	
}
#breadcrumbs .breadMenu.on > a:after {
	top: 25px;
	border-color:#fff;
	-webkit-transform:rotate(-225deg);
	    -ms-transform:rotate(-225deg);
	        transform:rotate(-225deg);			
}
#breadcrumbs .breadMenu ul {
	display:none;
	width:100%;
	list-style:none;
	background-color:#36a296;
	position:absolute;
	top:50px;
	left:0;
	z-index:5;
}
#breadcrumbs .breadMenu ul li {
	border-bottom:1px dotted rgba(255,255,255,.5);
}
#breadcrumbs .breadMenu ul li a {
	display:block;
	color:#FFF;
	padding:15px 20px;
	font-weight:normal;
}
#breadcrumbs .breadMenu ul li a:hover,
#breadcrumbs .breadMenu ul li a:focus {
	color:#ffcc66;
	background-color:rgba(15,48,75,.9);
}
/* ----- postBtn ----- */
.postBtn {
	position:relative;
	float:right;	
}
/* ----- printBtn ----- */
.printBtn {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	border:none;		
	border-left:1px solid rgba(255,255,255,.3);
	border-right:1px solid rgba(255,255,255,.3);			
}
.printBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-print.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.printBtn:hover,
.printBtn:focus {
	background-color:#133b53;
}
@media screen and (max-width:990px) {
	#breadcrumbs{margin:0 -15px;}
	#breadcrumbs .breadMenu ul li a {padding:15px;}	
	.printBtn {margin-right:-15px;}
}
@media screen and (max-width:768px) {
	#breadcrumbs dt {border-right:1px solid rgba(255,255,255,0.3);}	
	#breadcrumbs dt a.bread-home {width:50px; height:50px;}
	#breadcrumbs dt a:hover,
	#breadcrumbs dt a:focus {background-color:rgba(5,11,37,.9);	}	
	#breadcrumbs dd {
		min-width:auto;
		font-size:1.6em;
		border-right:1px solid rgba(255,255,255,0.3);
		padding:0;
	}
	#breadcrumbs dt a.bread-home:after, 
	#breadcrumbs dd:after {display:none;}
	#breadcrumbs .breadMenu > a {line-height:50px;}
	#breadcrumbs .breadMenu ul {top:50px;}
	#breadcrumbs .breadMenu ul li a {padding:10px;}	
	.printBtn {width:50px; height:50px; line-height:50px;}
}
@media screen and (max-width:420px) {
	#breadcrumbs .breadMenu > a {padding:0 30px 0 10px;}
	#breadcrumbs .breadMenu > a::after {right: 13px;}
	.printBtn {display:none;}			
}


/* ----- Layout ----- */ 
.comR{ 
	box-sizing:border-box; 
	/* border: 1px solid #666;
	padding: 20px;
	border-radius: 10px;
	background: #fff; */
}

/* @media screen and ( max-width: 1300px) {
	.comL{width:230px;}
	.comR{width:calc(100% - 230px); padding-left:30px;}	
}
@media screen and ( max-width: 990px) {
	.comL, .comR{width:100%;}
	.comL{ display:none;}
	.comR{ padding-left:0;}	
	#smTitle{ margin-bottom:0;}
	#smenu > ul > li{ margin-bottom:0;}
} */


.unitName > h2,
.unitName > h3 {
	position:relative;
	display: inline-block;	
	width:100%;
	color:#ffb471;
    font-size: 3.6em;
	line-height:50px;
	text-align: left;
	margin-bottom: 30px;
	/* padding-left:60px; */
	/* background:url(../images/unit-titico.svg) no-repeat 0 50%;	 */
}
.unitName > h2::before,
.unitName > h3::before{
	content: "";
	border-left: 6px solid #ffb471;
	padding-right: 7.5px;
}

.com-search{
	display:block;
	width:100%;
	margin:25px auto;
}
/* ----- searchCriteria ----- */
.searchCriteria {
	width:100%;
	margin:0 auto;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
.searchCriteria .tbox,
.searchCriteria .tbox2 {
	float:left;
	width:20%;
	margin:0;
	padding:0;
	position:relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;	   
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border:1px solid #ccc;
	border-right:none;
	border-left:1px solid #e7eaed;		
}
.searchCriteria .tbox.w1,
.searchCriteria .tbox2.w1 {
	border-radius: 10px 0 0 10px;
	border-left:1px solid #ccc;	
}
.searchCriteria .sbox,
.searchCriteria .sbox2 {
	float:right;
	width:40%;
	padding: 0;
	margin: 0;
}
.searchCriteria .sbox2 {
	width:60%;
}
.searchCriteria .listBar {
	width:calc(100% - 4px);
	height:54px;
	line-height:54px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #333;
	font-size:2em;
	font-weight:bold;	
	cursor: pointer;
	text-indent: 0.01px;
	padding:0 25px 0 45px;
	margin:2px;
	-webkit-appearance: none;  
	-moz-appearance: none;  
	-ms-appearance: none;  
	appearance: none;
	background-color:transparent;
	border:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-image: url(../images/select-bg.svg);
	background-size:32px auto ;
    background-repeat: no-repeat;
    background-position: right center;
	background-color:#fff;
}
.searchCriteria .tbox:before,
.searchCriteria .tbox2:before{
	content:"";
	position:absolute;
	left:6px;
	top:0;
	width:41px;
	height:60px;
	float:left;
	background-image:url(../images/listBar-ico1.png);
	background-repeat:no-repeat;
	background-position:center;
}
.searchCriteria .tbox.ico2:before,
.searchCriteria .tbox2.ico2:before{
	background-image:url(../images/listBar-ico2.png);
}
.searchCriteria .tbox.ico3:before,
.searchCriteria .tbox2.ico3:before{
	background-image:url(../images/listBar-ico3.png);
}
.searchCriteria .listBar option {
	color:#333;
	border:none;
	background:#FFF; /* style the dropdown bg color */
}
.searchCriteria .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.searchCriteria .search-query {
	width:100% !important;
	height:60px;
	line-height:60px;
	color: #333;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: none;
	background: none;
	padding:0 10px 0 45px;
	margin:0;
	font-size:2em;
	border:1px solid #ccc;
	border-right:none;
	border-left:1px solid #e7eaed;	
	background:#fff url(../images/listBar-ico4.png) no-repeat 12px 50%;	
}
.searchCriteria .search-query::-webkit-input-placeholder { color: #666; }
.searchCriteria .search-query:-moz-placeholder { color: #666; }
.searchCriteria .search-query::-moz-placeholder { color: #666; }
.searchCriteria .search-query:-ms-input-placeholder { color: #666;}
.searchCriteria .search-btn {
	width: 110px;
	height: 60px;
	border: none;
	cursor: pointer;
	padding-left: 29px;
	margin: 0;
	color: #fff;
	font-size: 2em;
	background-color: #36a296;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 0 10px 10px 0;
	position:relative;
}
.searchCriteria .search-btn:hover{ 
	background-color:#050b25;
}
.searchCriteria .search-btn > span{
	position:absolute;
	left:22px;
	top:21px;
	background:url(../images/searchCriteria-btn.svg);
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	width:20px;
	height:20px;
}
.searchCriteria .abox{
	width:100%;
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0 110px 0 0;
}
.searchCriteria .abox .lbox{
	width:100%;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.searchCriteria .abox .rbox{
	position:absolute;
	right:0;
	top:0;
	width:110px;
	float:right;
}
.searchCriteria .sbox.full{width:100%;}
.searchCriteria .sbox.full .abox{ padding-left:0;}
.searchCriteria .sbox.full .search-query {
	border-left:1px solid #ccc;
	border-radius: 10px 0 0 10px;		
}	
@media screen and (max-width: 1100px) and (min-width: 991px){
	.searchCriteria .tbox,
	.searchCriteria .tbox2 {width:18%;}
	.searchCriteria .sbox {width:46%;}
	.searchCriteria .sbox2 {width:64%;}	
	.searchCriteria .listBar {
		padding:0 20px 0 35px;
		background-image: url(../images/select-bg-2.svg);
		background-size:20px auto;				
	}
	.searchCriteria .tbox:before,
	.searchCriteria .tbox2:before{left:0;}
}
@media screen and (max-width: 768px){
	.searchCriteria .tbox {width:33.33%;}
	.searchCriteria .sbox {width:100%; margin-top:10px;}		
	.searchCriteria .tbox.w3 {
		border-radius: 0 10px 10px 0;
		border-right:1px solid #ccc;	
	}
	.searchCriteria .sbox .search-query {
		border-left:1px solid #ccc;
		border-radius: 10px 0 0 10px;		
	}		
}
@media screen and (max-width: 680px){
	.searchCriteria .tbox2 {width:50%;}
	.searchCriteria .sbox2 {width:100%; margin-top:10px;}
	.searchCriteria .tbox2.w2 {
		border-radius: 0 10px 10px 0;
		border-right:1px solid #ccc;	
	}	
	.searchCriteria .sbox2 .search-query {
		border-left:1px solid #ccc;
		border-radius: 10px 0 0 10px;		
	}				
}
@media screen and (max-width: 420px){
	.searchCriteria .tbox:before,
	.searchCriteria .tbox2:before{
		display:none;
	}
	.searchCriteria .listBar {
		padding:0 20px 0 8px;
		background-image: url(../images/select-bg-2.svg);
		background-size:20px auto;				
	}	
}


/** photoList **/
#photoList{
	width: 100%;
	margin: 30px auto 0;
}
#photoList ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -10px;	
	list-style:none;
}
#photoList ul li{
	width:25%;
	padding:0 10px;
	box-sizing:border-box;
	margin-bottom:25px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#photoList ul li a .picBox{
	position:relative;	
	padding:20px;	
	box-sizing:border-box;
	border:solid 1px #ccc;	
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;			
}
#photoList ul li a:hover .picBox,
#photoList ul li a:focus .picBox{
	border:solid 1px #fff;			
}
#photoList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:54%;
	overflow:hidden;							
}
#photoList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
    background-size: contain !important;
    background-position: center !important;
    background-image: url(../images/nopic.png);
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#photoList ul li a:hover .photo span,
#photoList ul li a:focus .photo span{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);
	opacity:0.2;		
}
#photoList ul li a .picBox .cover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background: rgba(40,155,143,.95) url(../images/link-icon.svg) no-repeat center bottom;
    border-radius: 15px;
	border:solid 5px #ffcc66;	
}
#photoList ul li a:hover .picBox .cover,
#photoList ul li a:focus .picBox .cover{
	opacity:1;
	background-position:center 50%;
}
#photoList ul li a .txtBox{
	width:100%;
	padding:10px 0;
	padding-bottom:0;
	box-sizing:border-box;
	line-height:1.6;
	transition: 0.4s;					
}	
#photoList ul li a .txtBox strong{
	display:block;
	width:100%;
	color:#0f304b;
	font-size:1.8em;
	transform: translateX(1em);		
	/*text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;*/		
}
#photoList ul li a:hover .txtBox strong,
#photoList ul li a:focus .txtBox strong {
	color:rgba(40,155,143,1);
}
@media screen and (max-width:1300px) {
	#photoList ul li a .txtBox strong{
		font-size:1.7em;
		transform: translateX(0.1em);		
	}
	#photoList ul li a .picBox{padding:10px;}		
}
@media screen and (max-width: 1100px) and (min-width: 991px){
	#photoList ul li{width:33.33%;}		
}
@media screen and (max-width:768px) {
	#photoList ul li{width:33.33%;}	
	#photoList ul li a .txtBox strong{font-size:1.6em;}		
}
@media screen and (max-width:520px) {
	#photoList ul li{width:50%;}
	#photoList ul li a .txtBox{padding:5px 0;}		
}
@media screen and (max-width:340px) {
	#photoList ul li a .txtBox strong{font-size:1.5em;}
}


/** videoList **/
#videoList{
	width: 100%;
	margin: 30px auto 0;
}
#videoList ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -10px;	
	list-style:none;
}
#videoList ul li{
	width:33.33%;
	padding:0 10px;
	box-sizing:border-box;
	margin-bottom:25px;
	vertical-align:top;
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#videoList ul li a .picBox{
	position:relative;		
	box-sizing:border-box;
	/*border:solid 1px #ccc;*/	
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
	overflow:hidden;						
}
#videoList ul li a .photo {
	position:relative;
	width:100%;
	height: 0;
	padding-bottom:66.66%;
	overflow:hidden;							
}
#videoList ul li a .photo span {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgba(0,0,0,.8);
	background-repeat:no-repeat;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;    
		 -o-transition: 0.4s;
			transition: 0.4s;						
}
#videoList ul li a:hover .photo span,
#videoList ul li a:focus .photo span{
    -webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
         -o-transform: scale(1.1);    
            transform: scale(1.1);	
}
#videoList ul li a .picBox .cover{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:70px;
	height:70px;
	background:rgba(0,0,0,0.3) url(../images/icon-play.svg) center no-repeat;
	z-index:3;
	border-radius:50%;		
}
#videoList ul li a:hover .picBox .cover,
#videoList ul li a:focus .picBox .cover{
	background-color:rgba(40,155,143,.95);
	border:solid 5px #ffcc66;	
}
#videoList ul li a .txtBox{
	width:100%;
	padding:10px 0;
	padding-bottom:0;
	box-sizing:border-box;
	line-height:1.6;
	transition: 0.4s;					
}	
#videoList ul li a .txtBox strong{
	display:block;
	width:100%;
	color:#0f304b;
	font-size:1.8em;
	transform: translateX(1em);			
}
#videoList ul li a:hover .txtBox strong,
#videoList ul li a:focus .txtBox strong {
	color:rgba(40,155,143,1);
}
@media screen and (max-width:1300px) {
	#videoList ul li a .txtBox strong{font-size:1.7em; transform: translateX(0.1em);}
}
@media screen and (max-width:768px) {
	#videoList ul li a .txtBox strong{font-size:1.6em;}		
}
@media screen and (max-width:640px) {
	#videoList ul li{width:50%;}
	#videoList ul li a .txtBox{padding:5px 0;}		
}
@media screen and (max-width: 540px) and (min-width: 421px){
	#videoList ul li a .picBox .cover{
		background-size:80%;
		width:50px;
		height:50px;
	}
}
@media screen and (max-width:420px) {
	#videoList ul li{width:100%;}	
	#videoList ul li a .txtBox strong{font-size:1.5em;}
}



/** YTlist **/
#YTlist{
	width: 100%;
	margin: 30px auto 0;
}
#YTlist ul{
  	display: flex;
    flex-wrap: wrap;
 	padding:0;
	margin: 0 -10px;	
	list-style:none;
}
#YTlist ul li{
	width:33.33%;
	padding:0 10px;
	box-sizing:border-box;
	margin-bottom:25px;		
	-webkit-transition:all 0.4s ease;
	   -moz-transition:all 0.4s ease;
	     -o-transition:all 0.4s ease;
	        transition:all 0.4s ease;	
}
#YTlist ul li .video {
	position:relative;	
	padding-bottom:56.25%;
	background:#000;	
	overflow:hidden;	
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;	
}
#YTlist ul li .video iframe, 
#YTlist ul li .video object, 
#YTlist ul li .video embed { 
	position: absolute; 
	top: 0;
	left: 0; 
	width: 100%; 
	height: 100%;
}
#YTlist ul li strong{
	display:block;
	width:100%;
	color:#0f304b;
	font-size:1.8em;
	line-height:1.6;	
	padding:10px 0;
}
#YTlist ul li:hover strong,
#YTlist ul li:focus strong {
	color:rgba(40,155,143,1);
}
@media screen and (max-width:1300px) {
	#YTlist ul li strong{font-size:1.7em;}	
}
@media screen and (max-width: 1100px) and (min-width: 991px){
	#YTlist ul li{width:50%;}		
}
@media screen and (max-width:768px) {
	#YTlist ul li strong{font-size:1.6em;}		
}
@media screen and (max-width:340px) {
	#YTlist ul li{width:100%;}	
	#YTlist ul li strong{font-size:1.5em; padding:5px 0;}
}


/* ----- msgList ----- */
.msgList{
	width:100%;
    float:left;
}
.msgList > ul{
	margin:10px 0 0;
    padding:0;
    list-style-type:none;
}
.msgList li {
	position:relative;	
	float: left;
	display:block;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px dashed #CCC;
}
.msgList li a {
	float: left;
	width:100%;
	padding: 20px;
	box-sizing:border-box;
}
.msgList li a:hover,
.msgList li a:focus{
	background-color:#fffff0;
}
.msgList li a time{
	display:block;
	float:left;	
	width:90px;
	height:90px;
	margin-right:15px;	
	color:#fff;
	text-align:center;
	background:#06f;
	position: relative;	
	transition:all 0.4s ease;	
}
.msgList li a:hover time,
.msgList li a:focus time{
	color:#000;
	background-color:#b48100;
	inset: 0 0 0 100px rgba(255,241,0,0.85),
	inset 0 0 0 6px rgba(255,255,255,0.85),
	0 1px 2px rgba(0,0,0,0.1);
}
.msgList li a time span{
  	position: absolute;
 	top:50%;
  	left: 50%;
 	transform: translate(-50%, -50%);
	font-size:1.8em;
	font-weight:bold;			
}
.msgList li a time span small{
	display:block;
	font-size:90%;
	font-weight:normal;
	margin-bottom:10px;
}
.msgList .newsWd {
	display:inline-block;
	width:calc(100% - 105px);
	margin:0;
	vertical-align:middle;
}
.msgList .newsWd strong {
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:1.5;
}
.msgList .newsWd p {
	color:#666;
	font-size:1.6em;
	line-height:1.8em;	
	margin-top:5px;
}
.msgList a:hover strong,
.msgList a:focus strong {
	color:#bc2a24;
}
@media screen and (max-width: 768px) {
	.msgList li a {padding: 15px;}	
	.msgList .newsWd strong {font-size:1.8em;}
	.msgList .newsWd p {font-size:1.5em; line-height:1.7em; margin-top:2px;}
	.msgList li a time{width:80px; height:80px;}
	.msgList .newsWd {width:calc(100% - 95px);}				
}
@media screen and (max-width: 480px) {
	.msgList .newsWd strong {line-height:1.4;}
	.msgList .newsWd p {line-height:1.6em;}
	.msgList li a time{width:70px; height:70px;}
	.msgList li a time span{font-size:1.7em;}	
	.msgList .newsWd {width:calc(100% - 85px);}				
}


/* ----- textList ----- */
#textList{
	width:100%;
    float:left;
}
#textList > ul{
	margin:10px 0 0;
    padding:0;
    list-style-type:none;
}
#textList > ul > li{
	width:100%;
	float: left;
	border-top:1px dashed #CCC;
	padding:20px 0;
}
#textList > ul > li:first-child{
	border-top:1px dashed #ccc;
}
#textList .oneText{
	width:100%;
	float:left;
}
#textList .oneText a{
	width:100%;
	display:block;
	color:#000;
}
#textList .oneText a:hover{
	color:#bc2a24;
	-webkit-transform:translate3d(0, 3px, 0);
	transform:translate3d(0, 3px, 0);
}
#textList .oneText a .text{
	width:100%;
	display:block;
	padding:0;
}
#textList .oneText a .text strong{
	font-size:2.1em;
	line-height: 1.5;
	font-weight:bold;
}
#textList .oneText a .text .data{
	color: #666;
    font-size: 1.6em;
	line-height: 1.8;
}
#textList .oneText a .text span,
#textList .oneText a .text time{
	display:inline-block;
	padding-left: 21px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 16px;
    margin-right: 15px;
}
#textList .oneText a .text .date{
	background-image:url(../images/time.png); padding-left:21px;} 
#textList .oneText a .text .source{
	background-image: url(../images/source.png) ; padding-left:21px;} 
#textList .oneText a .text .visit{
	background-image: url(../images/visits.png) ; padding-left:21px;}  
@media screen and ( max-width: 480px) {
	#textList .oneText a .text span,
	#textList .oneText a .text time{display:block;}
	#textList .oneText a .text time{padding-left:0px; margin-left:0px;}
	#textList .oneText a .text time:before{ display:none;}
}
@media screen and ( min-width: 768px) {
	#textList > ul.list_ico > li{
		padding-left: 65px;
		box-sizing: border-box;
		background-position: left 14px;
		background-repeat: no-repeat;
		background-size: auto 50px;
	}
	#textList > ul.list_ico.allow > li{background-image: url(../images/ch2-list-ico.svg);}
	#textList > ul.list_ico.faqs > li{background-image: url(../images/ch-list-ico-faq.svg);}	
	#textList > ul.list_ico.laws > li{background-image: url(../images/ico_laws.svg);}
}


/*agenda table*/
.agendaTable {
	float:left;
	width: 100%;
	border:1px solid #999;
	border-collapse: collapse;
}
.agendaTable tr {
    background:#FFF;
}
.agendaTable tr:nth-of-type(2n) {
    background: #f0f0f0;
}
.agendaTable th {	
	color:#FFF;
	font-size:1.8em;
	line-height: 1.8;
	text-align: center;
	padding:15px 0;	
	border:none;	
	border-left:1px dotted #999;	
	border-bottom:1px dotted #999;
	background:#414141;	
	box-sizing:border-box;
}
.agendaTable td:first-child{ 
	width:20%;
	text-align:center;
}
.agendaTable td {
	color: #000;
	font-size: 1.7em;
	line-height: 150%;
	padding:15px;
	border:none;	
	border-left:1px dotted #999;	
	border-bottom:1px dotted #999;
	word-break:break-all;
	box-sizing:border-box;
}
.agendaTable td ul,
.agendaTable td ol {
	margin-left:1.5em;
}
@media screen and ( max-width: 667px) {
	.agendaTable th {font-size:1.7em; line-height: 1.7; padding:8px 0;	}
	.agendaTable td:first-child{ width:110px;}	
	.agendaTable td {font-size: 1.6em; padding:8px;}		
}



/* ----- pageTitle ----- */
.pageTitle{
	width:100%;
	float:left;
	margin-bottom:20px;border-bottom:2px solid #333;
}
.pageTitle.pline{ padding-bottom:15px;}
.pageTitle.nolin{
	border-bottom:0 !important;} 
	
.pageTitle > h2{
	width:100%;
	float:left;
	font-size:3.6em;
	color:#0f304b;
	font-weight:bold;
}
.pageData{
	float:left;
	width:100%;
	list-style:none;
	color:#c87800;
	font-size:1.6em;
	line-height:20px;
	margin:10px 0;
	word-break:break-all;
}
.pageData li {
	float:left;
	margin:5px 25px 5px 0;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:20px auto;
	padding-left:25px;
}
.pageData li.date {
	background-image: url(../images/time.png) ;
}
.pageData li.source{
	background-image: url(../images/source.png)
}
.pageData li.visit{
	background-image: url(../images/visits.png)
}
.pageData li.bulletin{
	background-image:url(../images/icon-bulletin.svg);
	background-image:url(../images/icon-bulletin.png);
	background-image:url(../images/icon-bulletin.png);
}
.pageArticle{
	width:100%;
	float:left;
}
.articleBox{
	width:100%;
	float:left;
	font-size:2.1em;
	line-height:180%;
}
.articleBox.upline{
	border-top: solid 2px #0f314b;
	padding-top:15px;
}
.articleBox table { max-width:100% !important; width:100% !important; margin:20px 0;}
.articleBox table tr th{
	background-color:#06f; color:#fff; border-right:1px dashed #fff;vertical-align:middle}
.articleBox table tr th:last-child{ border-right:0;}

.articleBox table tr td{ border:1px solid #ccc; border-left:0; border-right:1px dashed #ccc; vertical-align:middle}
.articleBox table tr td:last-child{ border-right:0;}
.articleBox table tr:nth-child(odd){ background-color:#f1f1f1}
.articleBox p{
	text-align:justify;
	margin:10px 0;
}
.articleBox p + p{
	margin:25px 0;
}
.articleBox h3,
.articleBox .pTit{
	display:block;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.5em;
	color:#36a296;
	font-weight:bold;
	margin-top:25px;
}
.articleBox .iconTitle{
	color:#06f;
}
.articleBox .iconTitle:before{
	content:"";
	width:14px;
	height:14px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	display:inline-block;
	position:relative;
	top:0px;
	margin-right:6px;
	border:3px solid #06f;
	background-image:url(../images/icontitle.svg);
	background-repeat:no-repeat;
	background-position:center;
}
.picBord{
	width:100%;
	margin:10px auto;
}
.picBord figcaption{
	color:#696969;
	text-align:center;
	padding-top:6px;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}


/** pageBot **/
.pageBot {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
}
.pageBot .tit {
	display:block;
	color:#36a296;
	width:100%;
	font-family:"PingFang TC Semibold", "微软雅黑", "Microsoft YaHei";
	font-size:1.9em;
	margin-bottom:10px;
}
.pageBot .tit span {
	position:relative;
	display:inline-block;
	padding:12px 15px 12px 45px;
}
.pageBot .tit span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:1;
}
.pageBot .tit span::after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-18px;
	border-radius:45px;
	background:#36a296;
}
.pageBot .tit span.film:before {
	background-image:url(../images/pageBot-film.svg);
}
.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);
}
@media screen and (min-width:991px) {
	.pageBot {margin-top:50px;}
	
}
@media screen and (min-width:1200px) {
	.pageBot .tit {font-size:2.8em;}
	.pageBot .tit span:before,
	.pageBot .tit span::after{
		width:38px;
		height:38px;
		margin-top:-18px;
	}
	.pageBot .tit span {padding-left:45px;}
}


/** filmBox **/
.filmBox {
	width:100%;
	margin:0 auto;
}
.filmBox ul {
	list-style:none;
	letter-spacing:-9px;	
	margin:-10px;
}
.filmBox ul li {
	display:inline-block;
	width:33.3333%;
	padding:10px;
	box-sizing:border-box;
	letter-spacing:0;
	vertical-align:top;		
}
.filmBox ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
.filmBox ul li a:hover,
.filmBox ul li a:focus {
	color:#36a296;
}
.filmBox .embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden; 
	max-width: 100%;
	border-radius:5px;	
} 
.filmBox .embed-container iframe, 
.filmBox .embed-container object, 
.filmBox .embed-container embed { 
	position: absolute; 
	top: 0;
	left: 0; 
	width: 100%; 
	height: 100%;
}
.filmBox strong {
	display:block;
	color:#333;	
	font-size:2em;
	text-align:center;
	margin-top:10px;
}
.filmBox a:hover strong,
.filmBox a:focus strong  {
	color:#36a296;
}
@media screen and (max-width:768px) {
	.filmBox ul li {width:50%;}	
	.filmBox strong {font-size:1.8em;}		
}
@media screen and (max-width:420px) {
	.filmBox ul li {width:100%;}
}


/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
#gallery ul {
	list-style:none;
	letter-spacing:-9px;
	margin:-10px;
}
#gallery ul li {
	display:inline-block;
	width:33.3333%;
	letter-spacing:0;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
#gallery ul li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
#gallery ul li a:hover,
#gallery ul li a:focus {
	color:#36a296;
}
#gallery figure {
	margin:0;
}
#gallery figure .pic {
    position: relative;
    display: block;
    width: 100%;
	height:0;
	padding-bottom:66.66%;
    overflow: hidden;
	background:#f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius:5px;
}
#gallery figure .pic img {
    /*width: auto;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    height: auto!important;*/
	width:100%;
	height:100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -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:translate(-50%,-50%) scale(1.08);
	   -moz-transform:translate(-50%,-50%) scale(1.08);
        -ms-transform:translate(-50%,-50%) scale(1.08);
         -o-transform:translate(-50%,-50%) scale(1.08);    
            transform:translate(-50%,-50%) scale(1.08);
}
#gallery figure figcaption {
	font-size:2em;
	color:#333;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
#gallery a:hover figure figcaption,
#gallery a:focus figure figcaption  {
	color:#36a296;
}
@media screen and (max-width:768px) {
	#gallery ul li {width:50%;}	
	#gallery figure figcaption {font-size:1.8em;}	
}
@media screen and (max-width:420px) {
	#gallery ul li {width:100%;}
}


/* ----- dnLink ----- */
.dnLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:0;
	position:relative;
}
.dnLink ul li:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width:25px;
	height:25px;
	background: url(../images/page-corner.png) no-repeat right top;
	z-index:1;	
}
.dnLink ul li + li{ margin-top:10px;}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	align-content:center;
	padding:15px;
	border: 1px solid #bec8d4;
	background:#eef1f5;
	box-sizing:border-box;
	border-radius:10px;	
}
.dnLink ul li a:hover,
.dnLink ul li a:focus{
	background-color:#fff6e3;
	border-color:#e3bb7f;
}
.dnLink .labe {
	position: relative;
	width: 70px;
	height: 85px;
	text-transform: uppercase;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 30%;
	background-size:30px 30px;
}
.dnLink .labe span {
	position:absolute;
	left:50%;
	bottom:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f53368;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	-webkit-transform: translate(-50%,-50%);
		    transform: translate(-50%,0);
}

.dnLink .labe.pdf{ background-image: url(../images/file-pdf.svg); }
.dnLink .labe.pdf span{ color: #f53368; }

.dnLink .labe.odt,
.dnLink .labe.doc,
.dnLink .labe.docx{ background-image: url(../images/file-doc.svg); }
.dnLink .labe.odt span,
.dnLink .labe.doc span,
.dnLink .labe.docx span{ color:#2a73be; }

.dnLink .labe.ods,
.dnLink .labe.xls,
.dnLink .labe.xlsx{ background-image: url(../images/file-xls.svg); }
.dnLink .labe.ods span,
.dnLink .labe.xls span,
.dnLink .labe.xlsx span{ color:#49a126; }

.dnLink .labe.odp,
.dnLink .labe.ppt,
.dnLink .labe.pptx{ background-image: url(../images/file-ppt.svg); }
.dnLink .labe.odp span,
.dnLink .labe.ppt span,
.dnLink .labe.pptx span{ color:#ff9353;}

.dnLink .labe.jpg{ background-image: url(../images/file-jpg.svg); }
.dnLink .labe.jpg span{ color:#e8a852; }

.dnLink .labe.rar,
.dnLink .labe.zip{ background-image: url(../images/file-zip.svg); }
.dnLink .labe.rar span,
.dnLink .labe.zip span{ color:#fd7ba8; }

.dnLink dl {
	display:flex;
	width:calc(100% - 85px);
    justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt {
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	line-height:135%;
	margin-bottom:6px;	
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#c87800;
}
.dnLink dd {
	color:#666;
	font-size:1.3em;
	margin-top:6px;		
}
.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:5px;
	height:5px;
	background:#666;
	border-radius:100%;
}
@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 ul {
		display:flex;
		list-style:none;
		flex-direction:row;
		align-items:stretch;
		align-content:stretch;
		flex-wrap:wrap;
		letter-spacing:-9px;
		margin:-10px;
	}
	.dnLink ul li {
		display:inline-block;
		width:50%;
		letter-spacing:0;
		padding:10px;
		box-sizing:border-box;
	}
	.dnLink ul li + li {margin:0;}
	.dnLink ul li a {padding:20px;}
	.dnLink dt {font-size:2em;}
	.dnLink dd {font-size:1.5em;}
}


/* ----- furtherLink ----- */
.furtherLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.furtherLink ul {
	list-style:none;	
	position:relative;	
	box-sizing: border-box;	
	border: 1px solid #bec8d4;
	background:#eef1f5;
	border-radius:10px;	
	padding:15px;	
}
.furtherLink ul:before {
	position: absolute;
	content: "";
	top: -1px;
	right: -1px;
	width:25px;
	height:25px;
	background: url(../images/page-corner.png) no-repeat right top;
	z-index:1;	
}
.furtherLink ul li {
	width:100%;
	padding:0;
	border-bottom:dotted 1px #999;		
}
.furtherLink ul li:last-child {
	border-bottom:none;		
}
.furtherLink ul li a {
	position: relative;
	display: inline-block;
	width: 100%;
}
.furtherLink dl {
	position:relative;
	width:100%;
	padding:10px 15px;
	box-sizing:border-box;	
}
.furtherLink dl:after,
.furtherLink dl:after{
	content:"";
	display:block;
	position:absolute;
	top:18px;
	left:0;
	width:6px;
	height:6px;
	background: #1b6abd; /* Old browsers */
	background: -moz-linear-gradient(left,  #1b6abd 15%, #36a296 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1b6abd 15%,#36a296 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1b6abd 15%,#36a296 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6abd', endColorstr='#36a296',GradientType=1 ); /* IE6-9 */	
	border-radius:100%;
	z-index:1;
}
.furtherLink dt {
	display:inline-block;	
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	line-height:135%;
}
.furtherLink a:hover dt,
.furtherLink a:focus dt,
.furtherLink a:hover dd,
.furtherLink a:focus dd {
	color:#c87800;
}
.furtherLink dd {
	display:inline-block;
	color:#666;
	font-size:1.5em;
	margin-left:5px;
}
.furtherLink dd span{
	display: inline-block;
	margin: 0 3px;
	background: url(../images/icon-slash.svg) no-repeat 50% 50%;
	width: 10px;
	height: 15px;
	vertical-align: middle;
}
.furtherLink dd:before {
	content:"(";
	margin-right:3px;
}
.furtherLink dd:after {
	content:")";
	margin-left:3px;
}
@media screen and (min-width:1200px) {	
	.furtherLink ul{ padding:20px;}
	.furtherLink dt{ font-size:1.9em;}
}


/* ----- getLink ----- */
.getLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.getLink ul {
	list-style:none;
}
.getLink ul li {
	width:100%;
	padding:0;
	position:relative;
}
.getLink ul li:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width:25px;
	height:25px;
	background: url(../images/page-corner.png) no-repeat right top;
	z-index:1;	
}
.getLink ul li + li{ margin-top:10px;}
.getLink ul li a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:15px;
	box-sizing: border-box;	
	border: 1px solid #bec8d4;
	background:#eef1f5;
	border-radius:10px;	
}
.getLink ul li a:hover,
.getLink ul li a:focus{
	background-color:#fff6e3;
	border-color:#e3bb7f;
}
.getLink dl {
	position:relative;
	width:100%;
	padding:10px 0 10px 85px;
	box-sizing:border-box;
}
.getLink dl:before {
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:50px;
	height:50px;
	background:url(../images/icon-getLink.svg) no-repeat 50% 50%;
	background-size:100% auto;
	z-index:2;
}
.getLink a:hover dl:before,
.getLink a:focus dl:before{
	background:url(../images/icon-getLink-ov.svg) no-repeat 50% 50%;
}
.getLink dl:after,
.getLink dl:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
	background-color: #fff;
	border-radius:100%;
	z-index:1;
}
.getLink dt {
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
}
.getLink a:hover dt,
.getLink a:focus dt {
	color:#c87800;
}
.getLink dd {
	color:#666;
	font-size:1.5em;
	margin-top:5px;
}
.getLink dd span{
	margin:0 10px;
	border-right:dotted 1px #999;
}
@media screen and (min-width:1200px) {
	.dnLink ul li:before {
		top: 10px;
		right: 10px;
	}		
	.getLink ul li a{padding:20px;}
	.getLink dt{ font-size:2em;}
}

	 
/* ----- activityInfo ----- */
.activityInfo{
	float:left;
	width:100%;
	font-size:1.8em;
	line-height:160%;
  	margin-bottom:20px;
}
.activityInfo > dl:first-child{
	border-top:2px solid #06f;}
	
.activityInfo > dl{
	width:100%;
	display:table;
	border-bottom:1px dashed #ccc;
}
.activityInfo > dl:last-child{
	border-bottom:2px solid #06f;}
	
.activityInfo > dl dt,
.activityInfo > dl dd{
	display:table-cell;
	vertical-align:middle;
	padding:6px;
}
.activityInfo > dl dt{
	width:120px;
	background:#e5f0ff;
}   
.activityInfo > dl dt:before{
	 content:'';
	 display: inline-block;
	 width:15px; height:16px;
	 background:url(../images/page-sp-next.png) left center no-repeat;
	 background-size: auto 8px;}  
.activityInfo > dl dd{
	width:auto;
	background-color:#ffffff;
}
.activityInfo > dl dd a{
	word-break:break-all;
	word-break: break-word;
}
@media screen and ( max-width: 480px) {
	.activityInfo > dl dt{width:75px; font-weight:bold;}
	.activityInfo{font-size:1.5em;}
	.activityInfo > dl dt:before{display:none;}
	.D_files li{ padding-left:0}
	.D_files li .txts strong{ font-size:1.75em}	
}
@media screen and ( min-width: 991px) {
	.activityInfo > dl dt,
	.activityInfo > dl dd{padding:6px 12px;}
}


/* ---------- contactForm ---------- */ 
.contactForm {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	/*background:#eeeeee;*/
	margin:0 auto;
	border-radius: 10px;
	border: 1px solid #666;
	background: #fff;
}
.contactForm .box {
	margin:-20px auto;
}
.contactForm .word {
	display:inline-block;
	width:100%;
	color:#666;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
    font-size:1.9em;
	line-height:165%;
    font-weight:bold;
	padding-bottom:20px;
	border-bottom:1px dashed #CCC;
	margin-bottom:20px;
}
.contactForm .spNote {
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color:#cc0000;
}
.contactForm .spNote em {
 	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	font-size:0;
	background:#DB0010;
	vertical-align:middle;
	-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%);
}
@media screen and (min-width:991px) {
	.contactForm {padding:30px;}
	.contactForm .word {padding-bottom:30px; margin-bottom:30px;}	
}
@media screen and (min-width:1200px) {
	.contactForm {padding:40px;}	
}


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

/* ---------- form-list ---------- */ 
.form-list {
	width:100%;
	letter-spacing:-9px;
	margin:20px auto;
}
.form-list .formLabel {
	display:inline-block;
	width:160px;
	color:#666;
	font-family:"微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
    font-size:1.9em;
    font-weight:bold;
	line-height:50px;
	letter-spacing:0;
	vertical-align:top;
}
.form-list .formLabel.lb2 {
	line-height:25px;
}
.form-list .formLabel.visitActivity {
	line-height:100%;
}
.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;
	font-size:0;
	background:#666;
	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 em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:13px;
	height:13px;
	font-size:0;
	background:#ff0000;
	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 .sr-only{
	position: absolute;
	color: #000;
	margin-left: 5px;
	width: 1px;
	height: 1px;
	display: block;
	overflow: hidden;
	z-index: 100;
}
.form-list .formBox {
	display:inline-block;
	width:calc(100% - 160px);
	letter-spacing:0;
	vertical-align:top;
}
.form-list .formBox > span {
	display:inline-block;
	font-size:1.9em;
    line-height:50px;
	margin:0 10px;
}
.form-list .formInput {
	float:left;
	width:100%;
	height:50px;
    padding:0 10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.9em;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #cccccc;
	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;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.form-list .zip {
	float:left;
	width:100px;
}
.form-list .add {
	float:right;
	width:calc(100% - 110px);
}
.form-list .w1 {
	width:50%;
}
.form-list .date {
	padding-left:40px;
	background:#FFF url(../images/date-query-icon.svg) no-repeat 10px 50%;
}
.form-list .listBar {
	float:left;
	width:100%;
	height:50px;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.9em;
    line-height:50px; 
	vertical-align:top;
	cursor:pointer;
	text-indent:0.01px;
	border:1px solid #cccccc;
	padding:0 10px;
	background:#FFFFFF url(../images/select-bg.png) no-repeat right;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
}
.form-list .listBar.w2 {
	float:none;
	display:inline-block;
	width:80px;
}
.form-list .listBar:focus {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);	
}
.form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.png) no-repeat right;
	border:none;
}
.form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.form-list fieldset {
	display:inline-block;
}
.form-list fieldset.sexRadio {
	margin-left:15px;
}
.form-list fieldset legend {
    position: fixed;
    width: 1px;
    height: 1px;
	color: #333;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;	
}
.form-list .checknote {
	letter-spacing:-9px;
	vertical-align:top;
	margin:0 -10px;
}
.form-list .checknote label {
	position:relative;
	display:inline-block;
	color:#333;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1.9em;
    font-weight:bold;
	line-height:25px;	
	letter-spacing:0;
	padding:12.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;
}
.form-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;
}
.form-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);
}
.form-list .radionote {
	letter-spacing:-9px;
	vertical-align:top;
	margin:0 -10px;
}
.form-list .radionote label {
	position:relative;
	display:inline-block;
	color:#666;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1.9em;
    font-weight:bold;
	line-height:25px;	
	letter-spacing:0;
	padding:12.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;
}
.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:#666;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.form-list .formCheck {
	content:"";
	display:block;
    position:absolute;
    top:50%;
    left:0;
    height:23px;
    width:23px;
    margin:-11.5px 0 0 0;
    background:#FFF;
	border:1px solid #cccccc;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formCheck.focus {
	outline:dotted 1px;
}
.form-list .formCheck.checked {
	background:#FFF;
	border:1px solid #cccccc;
}
.form-list .formCheck.checked.hover {
	background:#FFF;
}
.form-list .formCheck.checked:after {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:5px;
	width:7px;
    height:12px;
    border-right:4px solid #804a00;
    border-bottom:4px solid #804a00;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.form-list .formText {
	width:100%;
    padding:10px;
    font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.8em;
    line-height:160%;
    vertical-align:middle;
	background:#FFFFFF;
	box-sizing:border-box;
    border:1px solid #cccccc;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formText:focus {
	background-color:#FFFFFF;
    border:1px solid #FF9933;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,153,51,0.6);
}
.form-list .note {
	float:left;
	width:100%;	
	color:#ff0000;
	font-size:1.9em;
	font-weight:bold;
	line-height:130%;
	vertical-align:top;
	margin-top:12px;
}
.form-list .note.n1 {
	display:flex;
	width:calc(50% - 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 .upfile {
	position:relative;
}
.form-list .fileBtn {
	display:inline-block;
	font-family:"PingFang TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:150px;
	height:50px;
	line-height:50px;
	text-align:center;
	box-sizing:border-box;
	border:none;
	vertical-align:middle;
	z-index:1;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.form-list .fileBtn span {
	position:absolute;	
	right:1px;
	top:1px;	
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	font-size:1.9em;
	line-height:50px;
	z-index:11;
	border:none;
	background:#333;
	pointer-events: none;
	margin:0;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .fileBtn:hover span {
	background:#bc2a24;
}
.form-list input[type="file"] {
	position:absolute;	
	right:1px !important;
	top:1px !important;	
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	cursor:pointer;
	opacity:1 !important;
	font-size:0 !important;
	z-index:10 !important;
	border:none !important;
	background:none !important;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
            border-radius:10px;
}
.form-list input[type="file"]:focus {
	outline:1px dotted #FF0000;
}
/*for ie9*/
:root .form-list .fileBtn {
	width:300px\9!important;
}
:root .form-list input[type="file"] {
	font-size:1rem\9!important;
}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.form-list .fileBtn {width:300px !important;}
	.form-list .fileBtn span {display:none;}
	.form-list input[type="file"] {font-size:1rem !important;}
}
.form-list .fileList {
	clear:both;
	width:100%;
}
.form-list .fileList ul {
	margin:10px 0;
}
.form-list .fileList ul li {
	font-size:1.9em;
	margin:5px 0 5px 1.5em;
}
.form-list .fileList ul li a {
	color:#73375f;
	font-weight:bold;
}
.form-list .fileList ul li span {
	color:#666;
	font-size:1rem;
	line-height:35px;
	font-weight:normal;
	margin-left:5px;
}
.form-list .fileList ul li a:hover,
.form-list .fileList ul li a:focus {
    color:#bc2a24;
}
.form-list .fileList ul li .btnDelet {
	display:inline-block;
	color:#FFF;
	font-size:1rem;
    padding:5px 10px;
    background:#B50808;
	margin:5px 0 5px 10px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.form-list .fileList ul li .btnDelet:hover,
.form-list .fileList ul li .btnDelet:focus {
    color:#FFF;
	background:#ffb471;
}
.form-list .captchaImg {
	float:left;
	margin-top:4px;
}
.form-list .btnVoice,
.form-list .btnReload {
	float:left;
	position:relative;
	color:#FFF;
	font-size:0;
	width:50px;
	height:50px;	
	background:#757575;
	vertical-align:middle;
	margin-left:5px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.form-list .btnVoice:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnVoice-icon.png) 50% 50% no-repeat;
}
.form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnReload-icon.png) 50% 50% no-repeat;
}
.form-list .btnVoice:hover,
.form-list .btnVoice:focus,
.form-list .btnReload:hover,
.form-list .btnReload:focus {
	background:#ffb471;
}
@media screen and (max-width:620px) {
	.form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.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;}
}
@media screen and (min-width:991px) {
	.form-list .w1 {width:50%;}
}


/* The checkbox */
.checkbox-input{
	font-size:1.8em;	
}
.checkbox-input ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;	
}
.checkbox-input li{
	float:left;
	width:100%;
}
.checkbox-input input[type="checkbox"] {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-moz-appearance:none;
	appearance:none;
	opacity:0;
	margin: 0;
	width:0;
	height:0;
	border-color:transparent;
}
.checkbox-input input[type="checkbox"] + label {
	display:block;
	padding-left:30px;
	line-height:40px;
	margin:0 15px 0 0 ;	
	background:url(../images/check-off.png) no-repeat 0 50%;
	cursor: pointer;
	color:#000;
	float:left;
}
.checkbox-input input[type="checkbox"] + label.laybk {
	float:none;
	line-height:30px;
	margin-top:-10px;
}
.checkbox-input input[type="checkbox"]:focus + label {
	background:url(../images/check-ov.png) no-repeat 0 50%;
	color:#bb511a;
}
.checkbox-input input[type="checkbox"]:checked + label{
	background:url(../images/check-on.png) no-repeat 0 50%;
}
.checkbox-input input[type="checkbox"]:checked:focus + label{
	background:url(../images/check-focus.png) no-repeat 0 50%;
	color:#ca341d;
}
@media screen and (max-width:990px) {
	/*.checkbox-input li{width:50%;}*/	
}
@media screen and (max-width:780px) {
	.checkbox-input{font-size:1.7em; font-weight: normal;}	
}
@media screen and (max-width:620px) {
	/*.checkbox-input ul{width:100%;}*/
}
@media screen and (max-width:480px) {
	/*.checkbox-input li{width:100%;}*/	
}


/* ----- formBtn ----- */
.formBtn {
    width: 100%;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto;
	margin-top: 80px;
}
.formBtn a {
    display: inline-block;
    width: calc(100% - 20px);
    max-width: 160px;
    color: #fff;
    font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 0;
    padding: 20px 0;
    background: #687588;
    margin: 10px;
	border-radius:5px;
}
.formBtn a span {
    position: relative;
    padding: 0 30px 0 0;
}
.formBtn a:hover,
.formBtn a:focus {
    background: #ffb471;
}
.formBtn .btnSend {
    background: rgb(148, 148, 148);
}
.formBtn .btnSend span:before {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 7px;
    height: 13px;
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    margin-top: -10px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.formBtn .btnClear {
    background: #949494;
}
.formBtn .btnClear span:before,
.formBtn .btnClear span:after {
    position: absolute;
    content: '';
    right: 2px;
    top: 50%;
    width: 20px;
    height: 3px;
    background: #FFF;
    margin-top: -1.5px;
    z-index: 2;
}
.formBtn .btnClear span:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.formBtn .btnClear span:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.formBtn .btnClear:hover,
.formBtn .btnClear:focus {
    background: #333;
}


/* sitemapBox */
.sitemapBox{
	width:100%;
	float:left;
	overflow:hidden;
	margin:30px auto 0;
}
.sitemapBox > ul{
	list-style-type:none;
	margin:0px -10px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	
}
.sitemapBox > ul > li{
	width:25%;
	float:left;
	margin:0 0 20px 0;
	padding:0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.sitemapBox > ul > li > ul > li > ul{
	list-style:none;
	font-size:90%;
	}
.sitemapBox > ul > li > ul > li > ul > li{ display:block;} 		
.sitemapBox > ul > li > ul > li > ul > li:last-child{ border-bottom:0  }	
.sitemapBox > ul > li > ul > li > ul > li a{color:#fff; padding-left:29px;background-color:#e5f8fa; color:#000; position:relative;}
.sitemapBox > ul > li > ul > li > ul > li:last-child a{ padding-bottom:15px}	
.sitemapBox > ul > li > ul > li > ul > li a:before{
	content:'-';
	display:block;
	position:absolute;
	color:#ccc;
	left:14px;
	top:8px;
 }	
.sitemapBox > ul > li > ul > li > ul > li > a:hover{ background-color:#000; color:#fff;}		
.sitemapBox > ul > li > ul > li{display:block; background-color:#f1f1f1; border-bottom:1px dashed #ccc}	
.sitemapBox > ul > li > a{
	width:100%;
	display:block;
	background-color:#36a296;
	color:#ffffff;
	padding:20px 0;
	font-size:2em;
	text-align:center;
	font-weight:bold;
	border-radius:10px 40px 0 0;
}
.sitemapBox > ul > li > a:hover,
.sitemapBox > ul > li:hover > a{background-color:#28465e;}
.sitemapBox > ul > li > ul{list-style: none; background-color:#fff;}
.sitemapBox > ul > li > ul > li > ul{position:relative;}
.sitemapBox > ul > li > ul > li > ul:before{
	content:'';
	display:block;
	width:1px;
	height:calc(100% - 20px);
	border-left:1px solid #ccc;
	left:15px; top:0;
	position:absolute;
	z-index:1}
 
.sitemapBox > ul > li > ul > li:last-child{border-bottom:none; 	border-radius:0 0 40px 10px;}
.sitemapBox > ul > li > ul > li a{
	font-size:1.7em;
	color:#000;
	width:100%;
	display:block;
	padding:15px;
	position:relative;
	line-height:1.3;	
}
.sitemapBox > ul > li > ul > li > ul > li > a{padding:8px 15px; padding-left:24px;}	
.sitemapBox > ul > li > ul > li a.dropBtn{ padding-right:25px; position:relative;}	
.sitemapBox > ul > li > ul > li a.dropBtn:after{
	content:'';
	width:6px; height:6px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	position:absolute;
	right:13px; top:50%;
	transform:rotate(45deg) translateY(-50%);
}	
.sitemapBox > ul > li > ul > li a:hover{color:#fff; background-color:#445e73;}
.sitemapBox > ul > li > ul > li:last-child a:hover{border-radius:0 0 40px 10px;}
@media screen and (max-width:769px) {
	.sitemapBox > ul > li{width:33.33%;}
}
@media screen and (max-width:666px) {
	.sitemapBox > ul > li{width:50%;}
}
@media screen and (max-width:420px) {
	.sitemapBox > ul > li{width:100%;}
}


/* ----- pageWord ----- */
.pageWord {
	float:left;
	width:100%;
	font-size:1.8em;
	line-height:180%;
	text-align:justify;
	margin-top:10px;
}
.pageWord p {
	margin:20px 0;
}
.pageWord img {
	height:auto;
	max-width:100%;
	margin:0 auto;
}
.pageWord > ol,
.pageWord > ul {
	margin:20px 0;
	margin-left: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 .titIcon{
    font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";	
	font-size:1.25em;
	font-weight:bold;
	box-sizing:border-box;
	padding:2px 15px;
	color:#fff;
	background-color:#06f;
	display:inline-block;
	border-radius:20px;
	margin-top:30px;
}
.pageWord .arrow {
    width:22px;
    height:22px;
    display: inline-block;
	vertical-align: middle;
    position: relative;
    border-radius:6px;
	background-color:#06f;
    box-sizing: border-box;
	margin-right:8px;
	margin-top: -4px;
}
.pageWord .arrow:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
    margin-left: -4px;
}
.pageWord .titIcon .arrow:before{border: 2px solid #fff;}
/**/
ul.contactInfo{
	list-style:none;
	padding:0;
	margin:0;
}
ul.contactInfo > li{
	position: relative;
	padding:0 0 10px 30px;
	border-bottom:1px dashed #ddd;
}
ul.contactInfo li:last-of-type{border-bottom:none;}
ul.contactInfo li:before{
	content: "";
    width:10px;
    height:10px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 12px;
    margin: 0;
    border-radius: 5px;
    background-color: #06f;
}
ul.contactInfo.traffic > li{
	padding:0 0 0 30px;
	border-bottom:none;
}
ul.contactInfo.traffic li:before{
    background-color: #c90;
}
.textLine{
	border-top:1px dashed #ddd;
}
/**/
.pageWord .stit {
    position: relative;
    color: #c90;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 30px;
}
.pageWord .stit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background: #c90;
}
.pageWord .stit:after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #FFFFFF;
    z-index: 2;
}



/* ----- msgTable CSS ----- */
.msgTable {
	width:100%;
	margin:0;
}
.msgTable thead{
	border-top: 3px solid #0f304b;
	border-bottom:1px solid #dbe9ed;		
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#13709c+0,36a296+100 */
	background: #1b6abd; /* Old browsers */
	background: -moz-linear-gradient(left,  #13709c 0%, #36a296 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #13709c 0%,#36a296 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #13709c 0%,#36a296 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13709c', endColorstr='#36a296',GradientType=1 ); /* IE6-9 */
}
.msgTable th {
	color: #fff;
	font-size: 2em;
	padding: 18px 10px;
	border: none;
	background: url(../images/tab-tit-div.svg) no-repeat right center;
}
.msgTable th:last-child {
	background-image:none;	
}
.msgTable td {
	color:#666; 
	font-size: 1.7em;
	line-height:1.6;	   
	vertical-align:middle;
	padding:18px 10px;
	border:none;
	border-bottom:1px solid #dbe9ed;
	text-align:center;	
}
.msgTable tbody tr:hover,
.msgTable tbody tr:focus{
    background: #fff5e4;
}
.msgTable td:nth-of-type(1) {
	width:60px;
}
.msgTable td.title{
	text-align:left;
}
.msgTable td.title a{
	color:#0f304b;
	font-size:110%;
}
.msgTable td.title a strong:hover,
.msgTable td.title a strong:focus{
	color:#bc2a24;
}
.msgTable td .Nlab,
.msgTable td .Clab {
	color:#fff; 
	font-size: 88%;
	text-align:center;
	background:#36a296;
	padding:3px;
	border-radius:3px;
	min-width:72px;
	display:inline-block;
	line-height:1.4;			
}
.msgTable td .Clab{
	background:#14709c;	
}
.msgTable td.Ytxt{
	width:220px;	
	color:#c87800;
	text-align:left;
}
.msgTable td.Ytxt span:before{
	content:"/";
	margin:0 5px;
	color:#dbe9ed;

}
@media screen and (max-width:1200px) {
	.msgTable th {
		font-size: 1.8em;
		padding: 15px 3px;
	}
	.msgTable td {
		font-size: 1.55em;
		padding:15px 3px;		
	}
	.msgTable td.title a{
		font-size:115%;
	}
	.msgTable td.Ytxt{
		width:100px;				
	}
	.msgTable td.Ytxt span{
		display:block;
	}
	.msgTable td.Ytxt span:before{
		display:none;
	}	
	.msgTable td .Nlab,
	.msgTable td .Clab {
		min-width:65px;	
	}
}
@media screen and (max-width:768px) {
	.msgTable td:nth-of-type(1) {
		width:50px;
	}		
	.msgTable td.Ytxt{
		font-size:1.5em;				
	}	
}
@media screen and (max-width:540px) {
	/*.msgTable {	
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}*/	
}
/* ----- restable CSS ----- */

ul.tabletolist {
	margin:0;
}
ul.tabletolist img {
	max-width:100%
}
ul.tabletolist.nrh > li {
	border-bottom:2px solid #ddd
}
ul.tabletolist,
ul.tabletolist > li > ul {
	padding:0!important;
	list-style:none!important;
}
ul.tabletolist > li {
	font-size:1.6em;
	line-height:1.6;
	margin:20px 0;
}
ul.tabletolist > li .Nlab,
ul.tabletolist > li .Clab {
	color:#fff; 
	font-size: 88%;
	text-align:center;
	background:#36a296;
	padding:3px;
	border-radius:3px;
	min-width:72px;
	display:inline-block;
	line-height:1.4;			
}
ul.tabletolist > li .Clab{
	background:#14709c;	
}
ul.tabletolist > li > ul {
	margin:0!important;
}
ul.tabletolist > li .titles {	
	display:block;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background:#7CD8BE;
}
ul.tabletolist > li > ul > li {	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	padding:10px 0;
	margin:0;
	border-bottom:1px dotted #CCC;
}
ul.tabletolist > li > ul > li:last-child {	
	border-bottom:none;
}
ul.tabletolist ul > li:nth-of-type(1) {
	display:none;
}

ul.tabletolist ul > li .row_headers {
	float:left;
	width:100px;	
	text-align:center;
	font-weight:400;
	padding:0 10px;
	box-sizing:border-box;
}
ul.tabletolist ul > li:nth-of-type(1) .row_headers {
	display:none;
}
ul.tabletolist ul > li .row_data {
	float:right;
	width:calc(100% - 100px);
	padding:0 10px;
	border-left:1px dashed #666;
	box-sizing:border-box;
	word-break: break-all;
}
ul.tabletolist ul > li .row_data i:before{
    content:"@";
	font-style:normal;		
}
ul.tabletolist ul > li:nth-of-type(1) .row_data {
	font-size:1.3rem;
	width:100% !important;
	color:#FFF;
	border-left:none;
}
ul.tabletolist ul > li .row_data .pic {
	display:inline-block;
	width:60px;
	vertical-align:middle;
	margin-right:10px;
}
ul.tabletolist ul > li .row_data .wd {
	display:inline-block;
	font-size:1rem;
	vertical-align:middle;
}
ul.tabletolist ul > li .row_data .wd strong {
	font-size:1.5rem;
}
#stripedTable ul.tabletolist ul > li .row_headers {
	width:120px;	
}
#stripedTable ul.tabletolist ul > li .row_headers span {
	display:block;
}
#stripedTable ul.tabletolist ul > li .row_data {
	width:calc(100% - 120px);
}

ul.tabletolist > li > ul > li {
	zoom:1;
}
ul.tabletolist > li > ul > li:before {
	content:" ";
	display:none;
}
ul.tabletolist > li > ul > li:after {
	content:" ";
	display:none;
	clear:both;
}
ul.tabletolist ul > li .row_data.html ul {
	list-style-type:disc;
}





/* -------- statisticsForm -------- */ 
.statisticsForm {
	color: #666;
	width:100%;
	float:left;
	margin-bottom:10px;
}

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

.statisticstab > tbody > tr:hover {
  background: #fbf8e9;
}
.statisticstab.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.statisticstab > thead > tr > th > span{ display:inline-block;}
.statisticstab > thead > tr > th{
	border-left: 1px solid #E6FFC8;
 	border-top: 1px solid #E6FFC8;
	padding:6px 3px;
    text-align: center;
	font-family: "微軟正黑體";
	font-weight:bold;
	vertical-align:middle;
	color: #336600;
}
.statisticstab > tbody > tr > td{
  font-family: "微軟正黑體";
  border-top: 1px solid #ddd;
  border-left:1px dotted #666666;
  padding:3px;
  text-align: center;
  vertical-align:middle;
  font-size:0.928em;
}
.statisticstab > tbody > tr > td.total{
	background-color:#E6FFC8;
	font-weight:bold;
}
.statisticstab > tbody > tr > td.footable-cell-detail {
  border-left: none;
  background-image: none;
}
.statisticstab > thead > tr > th, .statisticstab > thead > tr > td {
  background-color:#E6FFC8;
  border-top: none;
}
.statisticstab > thead > tr > th.footable-first-column, .statisticstab > thead > tr > td.footable-first-column,
.statisticstab > tbody > tr > td.footable-first-column {
  border-left: none;
  background-image: none;
}
.statisticstab > tbody img {
  vertical-align:middle;
}
.statisticstab > tfoot > tr > th, .statisticstab > tfoot > tr > td {
  background-color: #333333;
  border-top: 1px solid #ddd;
  padding: 10px;
}

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

.budgettab > tbody > tr:hover {
  background: #fbf8e9;
}
.budgettab.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.budgettab > thead > tr > th > span{ display:inline-block;}
.budgettab > thead > tr > th{
	border-left: 1px solid #E6FFC8;
 	border-top: 1px solid #E6FFC8;
	padding:6px 3px;
    text-align: center;
	font-family: "微軟正黑體";
	font-weight:bold;
	vertical-align:middle;
	color: #336600;
}
.budgettab > tbody > tr > td{
  font-family: "微軟正黑體";
  border-top: 1px solid #ddd;
  border-left:1px dotted #666666;
  padding:3px;
  text-align: center;
  vertical-align:middle;
  font-size:0.928em;
}
.budgettab > tbody > tr > td.total{
	background-color:#E6FFC8;
	font-weight:bold;
}
.budgettab > tbody > tr > td.footable-cell-detail {
  border-left: none;
  background-image: none;
}
.budgettab > thead > tr > th, .budgettab > thead > tr > td {
  background-color:#E6FFC8;
  border-top: none;
}
.budgettab > thead > tr > th.footable-first-column, .budgettab > thead > tr > td.footable-first-column,
.budgettab > tbody > tr > td.footable-first-column {
  border-left: none;
  background-image: none;
}
.budgettab > tbody img {
  vertical-align:middle;
}
.budgettab > tfoot > tr > th, .budgettab > tfoot > tr > td {
  background-color: #333333;
  border-top: 1px solid #ddd;
  padding: 10px;
}
/* --- threetab --- */ 
.threetab {
  float: left;
  font-family: "微軟正黑體";
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-bottom:solid #999 1px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  font-size: 1em;
  color: #333;
  background-color:#ffffff;
}
.threetab.breakpoint > tbody > tr > td.expand {
	padding-left: 40px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.threetab.breakpoint > tbody > tr.footable-detail-show > td.expand {
  background: url('../images/minus3.png') no-repeat 10px center;
}
.threetab.breakpoint > tbody > tr.footable-row-detail {
  background: #eee;
}

.threetab > tbody > tr:hover {
  background: #fbf8e9;
}
.threetab.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.threetab > thead > tr > th > span{ display:inline-block;}
.threetab > thead > tr > th{
	border-left: 1px solid #999;
 	border-top: 1px solid #999;
	padding:6px 3px;
    text-align: center;
	font-family: "微軟正黑體";
	font-weight:bold;
	vertical-align:middle;
	color: #333;
}
.threetab > tbody > tr > td{
  font-family: "微軟正黑體";
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  padding:3px 6px;
  text-align: center;
  vertical-align:middle;
  font-size:0.928em;
}
.threetab > tbody > tr > td.total{
	background-color:#E6FFC8;
	font-weight:bold;
}
.threetab > tbody > tr > td.footable-cell-detail {
  border-left: 1px solid #999;
}
.threetab > thead > tr > th, .threetab > thead > tr > td {
  background-color:#FEE7C2;
  border-top: none;
}
.threetab > thead > tr > th.footable-first-column, .threetab > thead > tr > td.footable-first-column,
.threetab > tbody > tr > td.footable-first-column {
  border-left: 1px solid #999;
}
.threetab > tbody img {
  vertical-align:middle;
}
.threetab > tfoot > tr > th, .threetab > tfoot > tr > td {
  background-color: #333333;
  border-top: 1px solid #999;
  padding: 10px;
}
.threetab .tre01{ width:50%; text-align:left;}
.statisticsForm .st01{
	width:120px;
	color:#336600;
}
.statisticsForm .bu01{
	width:120px;
	color:#336600;
}
@media screen and (min-width: 881px) and (max-width: 936px) {
	.statisticstab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.statisticstab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
	.budgettab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.budgettab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
	.threetab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.threetab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
}
@media screen and (max-width: 662px) {
	.statisticstab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.statisticstab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
	.budgettab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.budgettab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
	.threetab.breakpoint > tbody > tr.footable-row-detail .footable-row-detail-inner{
	  text-align: left;
	  padding-left:10px;
	}
	.threetab.breakpoint > tbody > tr.footable-detail-show > td.total {
	  background-color:#E6FFC8;
	}
}
/*------------- statistics-picul ----------*/
.statistics-picul{
	width:100%;
	float:left;
	list-style-type:none;
}
.statistics-picul > li{
	width:100%;
	float:left;
	background-image: url(../images/com-line.gif);
    background-repeat: repeat-x;
    background-position: left top;
	text-align:center;
	padding:20px 0;
}
.statistics-picul > li:first-child{
	background-image:none;
}
/*------------- reportTab ----------*/
.reportTab{
	width:100%;
	float:left;
	border-top: 2px solid #336600;
}
.reportTab > thead > tr > th {
    background-color: #E6FFC8;
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #336600;
}
.reportTab > tbody > tr > th {
    width:50%;
	padding: 6px;
    text-align: center;
	border-bottom: 1px solid #ddd;
	border-right:1px dotted #666666;
	color:#336600;
}
.reportTab > tbody > tr > td {
    width:50%;
	padding: 6px;
    text-align: center;
	border-bottom: 1px solid #ddd;
}
.reportTab > tbody > tr > td > a{ color:#333333;}
.reportTab > tbody > tr > td > a:hover{color:#5893C8;}


footer#footer{
	display: block;
	background: url(../images/bg_footer.png) top center no-repeat #fff;
	background-size: 100% 6px;
	padding-top: 45px;
	padding-bottom: 31.5px;
}
#footer .container{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#footer .logo{
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	padding: 0 15px;
}
#footer .logo >div:first-child{
	margin-right: 30px;
}
#footer .footer_link{
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	padding: 0 15px;
}
#footer .footer_link .share{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-end;
	margin-bottom: 15px;
}
#footer .footer_link .share dd{
	flex: 0 0 auto;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-right: 11.25px;
	font-size: 1rem;
}
#footer .footer_link .share dd:not(:last-child)::after{
	content: "．";
	padding-left: 11.25px;
}
#footer .footer_link .share dd.footerFB img{
	width: 9px;
}
#footer .footer_link .share dd.footerYT{
	padding: 0 11.25px;
}
#footer .footer_link .share dd.footerYT img{
	width: 19px;
}
#footer .footer_link .copyright{
	color: #333;
	text-align: center;
	font-size: 1rem;
}