@charset "utf-8";
/**----- comMain -----**/
#smTitle{ margin-bottom:2px}
#comMain{
	width:100%;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;
	background-position:center;
	height:200px;
	min-height: 150px;
	position:relative;
	background-size:cover;
 	background-image: url(../images/in-main-1.jpg) ;
}
 
#comMain .mainTitle{
	width:100%;
	box-sizing: border-box;
	padding-left: 8px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#comMain .mainTitle h3{
	color:#fff;
	font-size:6.4em;
	font-weight:bold;
}
@media screen and (max-width:990px){
	#comMain .mainTitle{
		transform: translateY(-100%);
	}
	#comMain .mainTitle h3{
		font-size:4.0em;
	}
}
 
/**----- Layout -----**/
.comL{
	float:left;
	width:250px;
    z-index: 2;
}	
.comR{float:right;width:calc(100% - 250px); box-sizing:border-box; padding-left:50px;}
.comC{
	float:left;
	width:100%;
}
.comL,.comR,.comC{position:relative;}
.comC .acKey,.comR .acKey,.comL .acKey{
    color: transparent;
    font-size: 12px;
    position: absolute;
	top:-18px;
}
@media screen and ( max-width: 990px) {
	.comL, .comR{width:100%;}
	.comL{ 
		margin-bottom:40px; 
		position: relative;
    	margin-top:0;}
		
	.comR{ padding-left:0;}	
	#smTitle{ margin-bottom:0;}
	#smenu > ul > li{ margin-bottom:0}
}
@media screen and ( max-width: 425px){
	.comL{margin-bottom: 20px;}
}
 
 
/* ----- breadcrumbs ----- */
#breadcrumbs {
 	width:100%;
	height:50px;
	position: absolute;
	bottom: -70px;
}
#breadcrumbs dl .container{
	box-sizing:border-box;
	 }
#breadcrumbs dl {
	margin:0;
	color:#000;
	font-size:1.8em;
	line-height:150%;
	width:100%;
 	float:left;
	box-sizing:border-box;
}

.right_b{
 	width:103px;
	height:50px;
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}
	
.right_b a{
	width:50px; height:50px; display:block; text-indent:-9999em;}
	
.right_b .add_share, .right_b .print {
	width:50px; height:50px;
	border-left:1px solid rgba(255,255,255,0.5);
	box-sizing:border-box;}
.right_b .print{border-right:1px solid rgba(255,255,255,0.5)}	
	
.right_b .add_share, 
.right_b .print{float:left}
.right_b .add_share{
	position:relative;
}
.right_b .share_box{
	list-style:none;
	position:absolute;
	z-index:3
}				
.container{
	position:relative;
 }
.right_b .print{
	/* background-image:url(../images/share/add-print.png); */
	background-image: url(../images/share/add-print.svg);
	background-position:center;
	background-repeat:no-repeat;}
	
.right_b .print:hover{
	background-image: url(../images/share/add-print-h.svg);
	background-color:#000;}
	
.right_b a#share_btn{
	/* background-image:url(../images/share/add-share.png); */
	background-image:url(../images/share/add-share.svg);
	background-repeat:no-repeat; background-position:center;}
	
.right_b a#share_btn:hover,
.right_b a#share_btn.on,
.right_b a#share_btn.fus{
	background-image: url(../images/share/add-share-h.svg);
	background-color:#000
}	 

@media screen and ( max-width: 990px) {
	#breadcrumbs{
		height:auto;
		padding:0;
		margin: 0;
		position: absolute;
		background-color: rgba(0,0,0,0.5);
		bottom: 0;
	}
}
@media screen and (max-width:425px){
	#breadcrumbs dl{
		font-size: 1.5em;
	}
	.right_b{
		display: flex;
		flex-direction: column;
		width: 50px;
		height: 100px;
	}
	
}

#breadcrumbs dl {
 	width:100%;
	padding-left:0px;
	float: none;
	margin-left:0
}
/* #breadcrumbs dl dd {
    padding-left: 13px;
    margin-left: 11px;
} */

#breadcrumbs dt {
	float:left;
 }
#breadcrumbs a {
	color:#000;
	font-weight: bold;
	line-height:50px;
}
#breadcrumbs a:hover {
	color:#11723d;
}
/* #breadcrumbs dt a.bread-home {
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:0 50% ;
  	background-image:url(../images/bread-home.png);
} */
#breadcrumbs dt{
	float:left;
	padding-left:52px;
	line-height:50px;
	position: relative;
}
#breadcrumbs dt::before{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #0c914b;
	background-image:url(../images/bread-home.png);
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 45%;

	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#breadcrumbs dd {
	float:left;
	padding-left:52px;
	line-height:50px;
	margin-left:16px;
	position: relative;
	/* background-repeat:no-repeat;
	background-position:0 50% ;
	background-image:url(../images/bread-list.png); */
}
#breadcrumbs dd::before{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #0c914b;
	background-image:url(../images/bread-list.png);
	background-position: 55% 50%;
	background-repeat:no-repeat;
	background-size: 40%;

	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width:990px){
	#breadcrumbs a {
		color:#fff;
	}
	#breadcrumbs dt::before{
		background-color: transparent;
	}
	#breadcrumbs dd::before{
		background-color: transparent;
	}
}
/* ----- unitName ----- */
.unitName{
	width:100%;
	/* float:left; */
	padding-bottom:20px;
	position:relative;
	border-bottom: 1px solid #3F3F3F;
}
.unitName > h2{
	width:60%;
	float:left;
	font-size:3.5em;
	color:#000000;
	font-weight:bold;
	display:block;
	padding:8px 0;
}
.unitName > h2.w40{
	width: 40%;
}
.unitName.w100 > h2{
	width: 100%;
	float: none;
}
.unitName > p{
	font-size: 1.9em;
	margin-top: 8px;
}
.com-search{
	width:60%;
	float:right;
	max-width: 500px;
}
@media screen and (max-width:990px){
	.unitName{
		display: flex;
		flex-wrap: wrap;
	}
	.unitName > h2{
		width:100%;
		margin-bottom: 8px;
	}
	.unitName > h2.w40{
		width: 100%;
	}
	.com-search{
		width: 100%;
		max-width: none;
	}
}
/* ----- searchCriteria ----- */
.searchCriteria {
	width:100%;
	margin:0 auto;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.searchCriteria .tbox {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-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 #378091;
}
.searchCriteria .sbox {
	float:right;
	width:100%;
	padding: 0;
	margin: 0;
}
.searchCriteria .listBar {
	width:100%;
	height:52px;
	line-height:52px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #666;
	cursor: pointer;
	text-indent: 0.01px;
	padding:0;
	padding-right:24px;
	margin:0;
	-webkit-appearance: none;  
	-moz-appearance: none;  
	-ms-appearance: none;  
	appearance: none;
	font-size:1.6em;
	background-color:transparent;
	border:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left:50px;
	background-image: url(../images/select-bg.svg);
    background-image: url(../images/select-bg.png) \9;
	*background-image: url(../images/select-bg.png);
	background-size:20px auto ;
    background-repeat: no-repeat;
    background-position: right center;
	background-color:#fff;
}
.searchCriteria .tbox.date:before{
	content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(../images/listBar.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}
.searchCriteria .tbox.type:before{
	content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(../images/listBar_source.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}
.searchCriteria .tbox.type_2:before{
	content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(../images/listBar_source2.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}
.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:54px;
	line-height:54px;
	color: #666;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	border: none;
	background: none;
	padding:0 10px;
	margin:0;
	font-size:1.6em;
	border:1px solid #378091;
	background-color:#fff;
}
.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:100px;
	height:54px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0;
	color:#fff;
	font-size:1.7em;
	background-color:#378091;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align:center;
}
.searchCriteria .search-btn:hover{ 
	background-color:#000;
}
.searchCriteria .search-btn > span{
	background-image:url(../images/searchCriteria-btn.svg);
	background-image:url(../images/searchCriteria-btn.png) \9;
	*background-image:url(../images/searchCriteria-btn.png);
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	width:16px;
	height:15px;
	margin-right:5px;
}
.searchCriteria .abox{
	width:100%;
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0 100px 0 10px;
}
.searchCriteria .abox .lbox{
	width:calc(100% - 10px);
	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:100px;
	float:right;
}
.searchCriteria .sbox.full{width:100%;}
.searchCriteria .sbox.full .abox{ padding-left:0;}
@media screen and ( max-width: 600px) {
	.searchCriteria .search-btn > span{display:none;}
	.searchCriteria .listBar{ padding-left:10px;}
	.searchCriteria .tbox:before{display:none;}
	
.unitName > h2 {
    font-size: 2.6em;
    padding: 0;
}
	
}
@media screen and ( max-width: 480px) {
	.searchCriteria .search-btn {width:80px;}
	.searchCriteria .abox{
		padding-right:80px;
		padding-left:0;
		margin-top:10px;
	}
	.searchCriteria .abox .rbox{width:80px;}
}
@media screen and ( min-width: 481px) {
	.searchCriteria .tbox{ width:36%;}
	.searchCriteria .sbox{ width:64%;}
}
@media screen and ( min-width: 601px) {
	.searchCriteria .tbox{ width:30%;}
	.searchCriteria .sbox{ width:70%;}
}
/* @media screen and ( min-width: 768px) {
	.searchCriteria .search-btn {width:100px;}
	.searchCriteria .abox{ padding-right:100px;}
	.searchCriteria .abox .rbox{width:100px;}
} */
@media screen and ( min-width: 991px) {
	.searchCriteria { }
}
/** photoList **/
#photoList{
	width:100%;
	float:left;
}
#photoList > ul{
	margin:0 -12px;
	padding:0;
	list-style-type:none;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#photoList > ul > li{
	float:left;
	width:100%;
	padding:12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#photoList .oneBox{
	background-color:#fff;
	width:100%;
	float:left;
	position:relative;
 }
 
#photoList .oneBox.new:before{
	content:'N';
	display:block;
	position:absolute;
	width:26px; height:26px;
	right:8px; top:8px;
	border-radius:50%;
	background-color:#dc1c24;
	color:#fff;
	line-height:28px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	z-index:1} 
 
 
#photoList .oneBox a{
	width:100%;
	height:100%;
	display:block;
}
#photoList .oneBox .pic {
	width:100%;
	height:0;
	padding-bottom:77%;
	position: relative;
	float:left;
	overflow:hidden;
	position:relative;
}
#photoList .oneBox .pic .img{
	position:absolute;
	left:0; top:0;
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	transition:all 0.4s
}

#photoList .oneBox a:hover .pic .img{
	transform:scale(1.1)}

#photoList .oneBox .pic .cover{
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(4,190,208,0.7);
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter: Alpha(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-image: url(../images/cover-icon.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#photoList.movies .oneBox .pic .cover{ background-image:none; background-color:rgba(0,0,0,0.3)}

#photoList.movies .oneBox .pic:before{
	content:'';
	display:block;
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	width:70px; height:70px;
	background:rgba(0,0,0,0.3) url(../images/share/movie.svg) center no-repeat;
	background-size:contain;
	z-index:3;
	border-radius:50%; }
	
	
	
#photoList.movies .oneBox a:hover .pic:before{
	background:rgba(3,189,207,0.7) url(../images/share/movie.svg) center no-repeat;}	
	
#photoList .oneBox:hover .pic .cover{
	opacity:1;
	filter: Alpha(Opacity=100);
	background-position:center center;
}
#photoList .oneBox .text{
	width:100%;
	float:left;
	margin-top:10px;
}
#photoList .oneBox .text h3{
	font-size:1.82em;
 	color:#000;
	line-height:130%;
	margin-bottom:6px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#photoList .oneBox:hover .text h3{ font-weight:bold;}

#photoList .oneBox .text time{
	color:#4dbdf7;
	font-size:1.5em;
	width:100%;
	display:block;
	margin-bottom:8px;
}

#photoList .oneBox .text p {
    color: #4d4d4d;
    font-size: 1.3em;
    line-height: 150%;
    margin-bottom:8px;
    text-align: justify;
	min-height:80px;
}
#photoList .oneBox .text > span{
	color:#03818C;
	font-size:1.5em;
	line-height:20px;
	float:right;
	padding-right:24px;
	background-image: url(../images/listmore.svg);
    background-image: url(../images/listmore.png) \9;
	*background-image: url(../images/listmore.png);
	background-repeat:no-repeat;
	background-position:right center;
}
 
@media screen and ( min-width:481px) {
	#photoList > ul > li{width:50%;}
 }
 
@media screen and ( min-width:868px) and ( max-width:990px) {
	#photoList > ul > li{width:33.33%;}
}
 
@media screen and ( min-width:1168px) {
 	#photoList > ul > li{width:33.33%;}
 }
/* ----- pageTitle ----- */
.pageTitle{
	width:100%;
	float:left;
	margin-bottom:20px;
	border-bottom:2px solid #333;
    position: relative;
	z-index: 3;
}
.pageTitle.pline{ padding-bottom:15px;}
.pageTitle.nolin{
	border-bottom:0 !important;} 
	
.pageTitle > h2{
	width:100%;
	/* float:left; */
	font-size:3.5em;
	color:#000000;
	font-weight:bold;
}
.pageData{
	width:100%;
	color:#666;
	font-size:1.5em;
	line-height:16px;
	margin-top: 20px;
	padding: 8px 0;
	word-break:break-all;
	position: relative;
	border-top:1px solid #E8E8E8 ;
	border-bottom:1px solid #E8E8E8 ;
	display: flex;
}
.pageData > ul{
	list-style:none;
	width: calc(100% - 120px);
}
.faq_data .pageData{
	float:none !important;
	border:none;
	padding:0;
}
.faq_data .pageData ul{
	width: 100%;
}	

.pageData > ul > li {
	float:left;
	margin-right: 18px;
	background-repeat:no-repeat;
	background-position:left;
	background-size:16px auto;
	padding: 5px 0;
	padding-left:20px;

}
.pageData li.date {
	background-image: url(../images/time.png) ;
}
.pageData li.type{
	background-image: url(../images/type.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) \9;
	*background-image:url(../images/icon-bulletin.png);
}
.pageArticle{
	width:100%;
	float:left;
}
@media screen and (max-width:425px){
	.pageData ul{
		width: calc(100% - 50px);
	}
}

.articleBox{
	width:100%;
	float:left;
	font-size:1.7em;
	line-height:180%;
}
.articleBox table {
	max-width:100% !important;
	width:100% !important;
	margin:20px 0;
}
.articleBox table tr th{
	background-color:#03818C;
	color:#fff;
	border-right:1px dashed #fff;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}
.articleBox table tr td{
	border:1px solid #ccc;
	border-left:0;
	border-right:1px dashed #ccc;
	vertical-align:middle;
}
.articleBox table tr th:first-of-type,
.articleBox table tr td:first-of-type{
	border-left:1px dashed #ccc;
}
.articleBox table tr:nth-child(odd){ background-color:#f1f1f1}
.articleBox ul,
.articleBox ol{ margin-left:1.5em;}
.articleBox > p,
.paragraph > p{
	margin:10px 0;
}
.orgPic img{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.paragraph > p{
	text-indent: -2em;
    padding-left: 2em;
}
.nbPart > h3{
	font-size:1.25em;
	margin-top:20px;
	color: #6ba343;
}
.nbPart > h3:first-child{margin-top:0px;}
.nbPart > p{
	margin:10px 0;
}
.nbPart ul,
.nbPart ol{ padding-left:20px;}
.nbPart .flowChart{
	max-width:730px;
}
.nbPart .flowChart img{
	border:6px solid #fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.pinkTab{
	width:100%;
	background-color:#fff;
	border:1px solid #f59d76;
	border-collapse:collapse;
	margin:10px 0;
}
.pinkTab th,
.pinkTab td{
	padding:6px 10px;
	vertical-align:middle;
}
.pinkTab th{
	background-color:#f59d76;
	color:#fff;
	text-align:center;
	background-image:url(../images/thbg.png);
	background-repeat:repeat;
	border-left:1px dotted #f2d4c7;
}
.pinkTab td{
	border-bottom:1px dotted #f2d4c7;
	border-left:1px dotted #f2d4c7;
}
.pinkTab th:nth-of-type(2){
	width:50%;
}
.pinkTab .disc{
	padding-left:12px;
	position: relative;
	width:100%;
	display:block;
}
.pinkTab .disc:before{
	content:"";
	width:6px;
	height:6px;
	background-color:#000;
	display:inline-block;
	margin-right:6px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position: absolute;
	top:10px;
	left:0;
}
.articleBox > h3{
	font-size:1.625em;
	padding:10px 0;
}
.articleBox .iconTitle{
	color:#03818C;
}
.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 #03818C;
	background-image:url(../images/icontitle.svg);
	background-repeat:no-repeat;
	background-position:center;
}
.itemBox{width:100%;}
.itemBox ul{ padding-left:40px; margin-bottom:10px;}
.itemBox h4{ font-size:1.125em; margin-top:10px; color:#0098a0;}
.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;
}
.blue_ul{
	width:100%;
	border:1px solid #679fda;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#fff;
	margin:10px auto;
	padding:0 10px;
	box-sizing: border-box;
}
.blue_ul > ul{
	list-style-type:none;
	padding:0;
}
.blue_ul > ul > li{
	border-bottom:1px solid #b4d4ed;
	width:100%;
}
.blue_ul > ul > li:last-child{
	border-bottom:none;
}
.blue_ul > ul > li dl{
	width:100%;
	display:table;
}
.blue_ul > ul > li dl dt,
.blue_ul > ul > li dl dd{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.blue_ul > ul > li.title{color:#679fda; line-height:130%;}
.blue_ul > ul > li.title dd{padding:6px;}
.blue_ul > ul > li dl dt{width:20%;padding:6px;}
.blue_ul > ul > li dl dd{padding:0;}
.blue_ul > ul > li dl dd:last-child{ width:50%;}
.blue_ul > ul > li dl dd > div{border-bottom:1px solid #b4d4ed;padding:6px;}
.blue_ul > ul > li dl dd > div:last-child{border-bottom:none;}
.blueLinebox{
	width:100%;
	display:block;
	margin-top:10px;
}
.blueLinebox ul.tabletolist.nrh>li{border: 1px solid #5a9bd5;}
.blueLinebox ul.tabletolist>li>ul>li{border-bottom: 1px solid #b4d4ed;}
.blueLinebox ul.tabletolist ul>li .row_data{ width:67%; text-align:left !important;}
.blueLinebox ul.tabletolist>li>ul>li:hover{background-color:#ebeff8;}
.blueLinetab{
	width:100%;
	border-collapse:collapse;
}
.blueLinetab th,
.blueLinetab td{
	padding:6px 10px;
	vertical-align:middle;
}
.blueLinetab th{
	background-color:#5a9bd5;
	color:#fff;
}
.blueLinetab td{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
.blueLinetab tr td:first-child{border-left:none;}
.blueLinetab tr:nth-child(odd){ background-color:#d3def0;}
.blueLinetab tr:nth-child(even){ background-color:#ebeff8;}

/* ----- bgreenBox ----- */
.bgreenBox{
	width:100%;
	display:block;
	margin-top:10px;
}
.bgreenBox ul.tabletolist.nrh>li{border: 1px solid #54abb2;}
.bgreenBox ul.tabletolist>li>ul>li{border-bottom: 1px solid #bddbd9;}
.bgreenBox ul.tabletolist ul>li .row_data{ width:67%; text-align:left !important;}
.bgreenBox ul.tabletolist>li>ul>li:hover{background-color:#ebfcfc;}
.bgreenBox ul.tabletolist>li>ul>li:first-child .row_data.html{ font-weight:bold;}
.bgreenTab{
	width:100%;
	border-collapse:collapse;
	border:1px solid #54abb2;
	background-color:#fff;
}
.bgreenTab th,
.bgreenTab td{
	padding:6px 10px;
	vertical-align:middle;
}
.bgreenTab th{
	background-color:#79c9d2;
	color:#fff;
	width:28%;
}
.bgreenTab th:first-child{width:16%;}
.bgreenTab td{
	border-top:1px solid #54abb2;
	border-left:1px solid #54abb2;
}
.bgreenTab tr td:first-child{border-left:none;}
.bgreenTab td.gray{background-color:#dedede; text-align:center; font-weight:bold;}
/* ----- twopic ----- */
.twopic{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.twopic >p{
	color: #696969;
    text-align: center;
    padding-top: 6px;
}
.twopic dl{
	width:100%;
	display:table;
}
.twopic dl dt,
.twopic dl dd{
	width:50%;
	display:table-cell;
	padding: 0 6px;
}
.twopic .box{
	background-color:#84a669;
	background-image: url(../images/thbg.png);
    background-repeat: repeat;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.twopic .box > span,
.twopic .box > .pic{
	width:100%;
	display:block;
}
.twopic .box > span{
	text-align:center;
	padding:6px;
	color:#fff;
}
.twopic .box > .pic{
	padding:10px;
	box-sizing: border-box;
}
@media screen and ( max-width: 480px) {
.twopic dl dt,.twopic dl dd{width:100%; display:block; margin:10px 0;}
.pageTitle > h2{
	font-size:2.6em;}
}
/* ----- gallery ----- */
.albumsBox{
	float:left;
	width:100%;
	overflow:hidden;
 }
.albumsBox .pdtTitle{
	color: #000;
    font-size: 1.8em;
    font-weight: bold;
    padding: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-photo.svg);
    background-image: url(../images/icon-photo.png) \9;
	*background-image: url(../images/icon-photo.png);
    line-height: 32px;
    padding-left: 32px;
    float: left;
	width:100%;
}
/** gallery **/
#gallery {
	width:100%;
	margin:0 auto;
}
ul#gallery {
	list-style:none;
	margin:-10px;
}
ul#gallery li {
	display:inline-block;
	width:33.3333%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
ul#gallery li a {
	float:left;
    width:100%;
	height:100%;
	color:#000;
}
ul#gallery li a:hover,
ul#gallery li a:focus {
	color:#99322b;
}
#gallery figure {
	margin:0;
}
#gallery .lightbox > .pic {
	width:100%;
	padding-bottom:66%;
	display:block;
	background-repeat:no-repeat;
	overflow:hidden;
}
#gallery figure .pic img {
	display:block;
	width:100%;
	height:auto;
	transition:0.4s;
}
#gallery a:hover figure .pic img,
#gallery a:focus figure .pic img {
	transform:scale(1.08);
}
#gallery .lightbox .name,
#gallery figure figcaption {
	color:#000;
	font-size:1.7em;
	line-height:130%;
	font-weight:normal;
	text-align:center;
	margin-top:1em;
}
#gallery figure figcaption strong {
	display:inline-block;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	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) {
	ul#gallery li {width:50%;}
}
@media screen and (max-width:360px) {
	ul#gallery li {width:100%;}
}
@media screen and (min-width:991px) {	
	#gallery figure figcaption {
		font-size:1.9em;
	}
}
 
.dt_tit {
    font-size: 2.2em;
    line-height: 38px;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    padding-left: 47px;
    margin-top: 30px; margin-bottom:10px;
	color:#000;
}

.dt_tit.photos{ background-image:url(../images/pic-icon.png);background-size: contain;}
.dt_tit.link{ background-image:url(../images/link-icon.png);background-size: contain;}
.dt_tit.files{ background-image: url(../images/file-icon.png);background-size: contain;}


/* Link */
.linkBox{
	float:left;
	width:100%;
	overflow:hidden;
}
.D_link{
	display:block;
	float:left;
	width:100%;
	list-style:none;
}
.D_link li{
	display:block;
	padding:10px;
	position:relative;
	border-top:1px dashed #cdcdcd;
}

.D_link li:last-child{
	border-bottom:1px dashed #cdcdcd;
}	
.D_link li p{
	font-size:2em;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
	float:left;
	/* width:calc(100% - 47px); */
	box-sizing:border-box;
	padding-left:62px;
	padding-top:5px;
}
.D_link li a:hover p{
	color: #03818C;
}
.D_link li a::before{
	content: "";
	display:block;
	width:46px; height:50px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	position:relative;
	background-image: url(../images/link-icon-in.png);
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width:991px){
	.D_link li{
		padding: 15px;
	}
}

/* ----- dnLink ----- */
.filesBox{
	float: left;
    width: 100%;
}
.dnLink {
	width:100%;
	padding:0;
	margin:0 auto;
	box-sizing:border-box;
}
.dnLink ul {
	list-style:none;
}
.dnLink ul li {
	width:100%;
	padding:0;
}
.dnLink ul li + li{ margin-top:-1px;}
.dnLink ul li a {
	position:relative;
	display:flex;
    height:100%;
    justify-content:space-between;
	flex-wrap:wrap;
	box-sizing:border-box;
	align-content:center;
	padding:10px;
	border-top:1px dashed #cdcdcd;
	align-items: center;
}
.dnLink ul li a:last-child{
	border-bottom:1px dashed #cdcdcd;
}
.dnLink .labe {
	position:relative;
    width:38px;
    height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
	border:3px solid #9fa3a6;
}
.dnLink .labe::before {
    content: "";display: block;
    position: absolute;
    top:-3px;left:-3px;
    width: 0;height: 0;
    border-style: solid;
    border-width: 16px 16px 0 0;
    border-color:#FFFFFF transparent transparent transparent;
	z-index:1;
}
.dnLink .labe:after {
    content: "";
    display: block;
    position: absolute;
    top:-3px;left:-3px;
    width:17px; height:17px;
	background-color:#9fa3a6;
	border-radius:4px;
}
.dnLink .labe span {
	position:absolute;
	right:0;
	bottom:8px;
	width:calc(100% + 5px);
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1em;
	line-height:120%;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding:2px;
	background-color:#9fa3a6;
	transform: translate3d(10px, 0, 0);
	border-radius:5px;
	border:2px solid #fff;
	box-sizing:border-box;
}
.dnLink ul li a:hover .labe span,
.dnLink ul li a:focus .labe span{
	border-color:#eee;
}
.dnLink .labe.pdf{ border-color:#a40000;}
.dnLink .labe.odt,.dnLink .labe.doc,
.dnLink .labe.docx{border-color:#0068b7;}
.dnLink .labe.ods,.dnLink .labe.xls,
.dnLink .labe.xlsx{border-color:#378837;}
.dnLink .labe.odp,.dnLink .labe.ppt,
.dnLink .labe.pptx{border-color:#FF6600;}
.dnLink .labe.rar{border-color:#67005E;}
.dnLink .labe.zip{border-color:#440062;}
.dnLink .labe.jpg,.dnLink .labe.png,
.dnLink .labe.webp{border-color:#7e6b5a;}

.dnLink .labe.pdf:after { background-color:#a40000;}
.dnLink .labe.odt:after,.dnLink .labe.doc:after,
.dnLink .labe.docx:after {background-color:#0068b7;}
.dnLink .labe.ods:after,.dnLink .labe.xls:after,
.dnLink .labe.xlsx:after {background-color:#378837;}
.dnLink .labe.odp:after,.dnLink .labe.ppt:after,
.dnLink .labe.pptx:after {background-color:#FF6600;}
.dnLink .labe.rar:after {background-color:#67005E;}
.dnLink .labe.zip:after {background-color:#440062;}
.dnLink .labe.jpg:after,.dnLink .labe.png:after,
.dnLink .labe.webp:after {background-color:#7e6b5a;}

.dnLink .labe.pdf span{ background-color:#a40000;}
.dnLink .labe.odt span,.dnLink .labe.doc span,
.dnLink .labe.docx span {background-color:#0068b7;}
.dnLink .labe.ods span,.dnLink .labe.xls span,
.dnLink .labe.xlsx span {background-color:#378837;}
.dnLink .labe.odp span,.dnLink .labe.ppt span,
.dnLink .labe.pptx span {background-color:#FF6600;}
.dnLink .labe.rar span {background-color:#67005E;}
.dnLink .labe.zip span {background-color:#440062;}
.dnLink .labe.jpg span,.dnLink .labe.png span,
.dnLink .labe.webp span{background-color:#7e6b5a;}
/**/
.dnLink dl {
	display:flex;
	width:calc(100% - 60px);
    justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:column;	
}
.dnLink dt {
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:2em;color:#333;
	font-weight:bold;line-height:150%;
}
.dnLink a:hover dt,
.dnLink a:focus dt {
	color:#378091;
}
.dnLink dd {
	color:#666666;
	font-size:1.6em;
	line-height:135%;
	margin-top:3px;
}
.dnLink dd span {
	position:relative;
	padding-left:10px;
	margin-right:15px;
	vertical-align:top;
}
.dnLink dd span::before {
	content:"";
	display:block;
	position:absolute;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#333333;
}	
@media screen and (max-width:480px) {	
	.dnLink dd {margin-top:0;}
	.dnLink dd span {
		display:block;
		margin:5px 0;
	}
}
@media screen and (min-width:991px) {	
	.dnLink ul li a {padding:15px;}
}
	 
/* ----- activityInfo ----- */
.activityInfo{
	float:left;
	width:100%;
	font-size:1.8em;
	line-height:160%;
  	margin-bottom:20px;
}
.activityInfo > dl:first-child{
	border-top:2px solid #50d2de;}
	
.activityInfo > dl{
	width:100%;
	display:table;
	border-bottom:1px dashed #ccc;
}
.activityInfo > dl:last-child{
	border-bottom:2px solid #50d2de;}
	
.activityInfo > dl dt,
.activityInfo > dl dd{
	display:table-cell;
	vertical-align:middle;
	padding:6px;
}
.activityInfo > dl dt{
	width:120px;
   }
   
 .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;}
	/*.activityInfo > dl dt{
		text-align: justify;
		text-align-last: justify;
		-webkit-text-align: justify;
		-webkit-text-justify: distribute-all-lines;
		-webkit-text-align-last: justify;
	}*/
}
/*----- filmBox -----*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%;
	width:100%;
	display:block;
	float:left;
	margin:25px 0; } 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; 
	height: 100%; }


.filmBox{
	width:100%;
	float:left;
	padding:20px 0;
	margin:0;
}
.filmBox iframe{
	margin:0 auto;
	display:block;
	max-width:100%;
	border:10px solid #000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
@media screen and ( max-width: 600px) {
	.filmBox iframe{max-height:360px;}
}
@media screen and ( max-width: 480px) {
	.filmBox iframe{max-height:320px;}
}
@media screen and ( max-width: 400px) {
	.filmBox iframe{max-height:260px;}
}
/* ----- pageBot ----- */
.pageBot {
	float:left;
	width:100%;
	padding:20px 0 0;
	margin-top:20px;
	border-top:1px dashed #000;
}
.pageBot .dn {
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	padding:0;
	background-position: left center;
	background-repeat:no-repeat;
	background-image:url(../images/icon-download.svg); 
	background-image:url(../images/icon-download.png) \9;
	*background-image:url(../images/icon-download.png); 
	line-height:32px;
	padding-left:32px;
	float:left;
}
.dnTable {
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.dnTable th {
	color:#fff;
	font-size:1.5em;
	line-height:150%;
	padding:8px;
	border:1px solid #ccc;
	background:#000;
	vertical-align:middle;
	box-sizing:border-box;
}
.dnTable th.w10 {width:14%;}
.dnTable th.w12 {width:15%;}
.dnTable td {
	color:#666;
	font-size:1.5em;
	line-height:150%;
	text-align:center;
	vertical-align:middle;
	padding:8px;
	border:1px dotted #ccc;
	word-break:break-all;
	box-sizing:border-box;
}
.dnTable tbody tr:nth-child(2) td{border-top:none;}
.dnTable td.file-name {
	color:#000;
	text-align:left;
	padding:8px;
	font-weight:bold;	
}
.dnTable td a {
	display:inline-block;
	width:60px;
	color:#FFF;
	padding:3px 0;
	background:#666;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.dnTable td a:hover {background:#b7301d;}
@media only screen and (max-width: 767px) {
	.dnTable tr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.dnTable td {
		border: none;
	}
	.dnTable td a {padding:0;}
	.dnTable td:nth-of-type(2) {
		float: left;
		padding: 2%;
		line-height:28px;
	}
	.dnTable td:nth-of-type(3) {
		float: left;
		padding: 2%;
		border-left: 1px dotted #CCC;
		border-right: 1px dotted #CCC;
		line-height:28px;
	}
	.dnTable td:nth-of-type(4) {
		float: right;
		padding:2% 3%;
		line-height:28px;
	}
	.dnTable td.file-name {
		float: left;
		width: 100%;
		*width: 96%;
		font-size: 16px;
		padding:3% 2% 2% 2%;
		border-bottom: 1px dotted #CCC;
		background: #ffffff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.dnTable th {
		display: none;
	}
}
/* ----- iconList ----- */
#iconList{
	width:100%;
    float:left;
}
#iconList > ul{
	margin:10px 0 0;
    padding:0;
    list-style-type:none;
	border-top:1px dashed #ccc;
}
#iconList > ul > li{
	width:100%;
	float: left;
	border-bottom:1px dashed #ccc;
	padding:10px 0;
}
#iconList .oneText{
	width:100%;
	float:left;
	font-size:1.9em;
	line-height: 130%;
	font-weight:bold;
}
#iconList .oneText a{
	width:100%;
	display:table;
	color:#000;
}
#iconList .oneText a:hover{
	color:#03818C;
	-webkit-transform:translate3d(0, 3px, 0);
	transform:translate3d(0, 3px, 0);
}
#iconList .oneText a .icon,
#iconList .oneText a .text{
	display:table-cell;
	vertical-align:middle;
}
#iconList .oneText a .text{
	width:auto;
}
#iconList .oneText a .icon{
	width:60px;
}
#iconList .oneText a .icon > span{
	width:60px;
	height:60px;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#iconList.lawsPage .oneText a .icon > span{
	background-image:url(../images/laws-icon.svg); 
	background-image:url(../images/laws-icon.png) \9;
	*background-image:url(../images/laws-icon.png);
}
#iconList.lawsPage .oneText a:hover .icon > span{
	background-image:url(../images/laws-icon-ov.svg); 
	background-image:url(../images/laws-icon-ov.png) \9;
	*background-image:url(../images/laws-icon-ov.png);
}
#iconList.faqPage .oneText a .icon > span{
	background-image:url(../images/faq-icon.svg); 
	background-image:url(../images/faq-icon.png) \9;
	*background-image:url(../images/faq-icon.png);
}
#iconList.faqPage .oneText a:hover .icon > span{
	background-image:url(../images/faq-icon-ov.svg); 
	background-image:url(../images/faq-icon-ov.png) \9;
	*background-image:url(../images/faq-icon-ov.png);
}






/* ----- linkList ----- */
#linkList{
	width:100%;
    float:left;
}
#linkList > ul{
	margin:0 -10px;
    padding:0;
    list-style-type:none;
}
#linkList > ul > li{
	width:100%;
	float: left;
	padding:10px;
	box-sizing: border-box;
}
#linkList > ul > li:hover{
	-webkit-transform:translate3d(0, 3px, 0);
	transform:translate3d(0, 3px, 0);
}
#linkList > ul > li,
#linkList .oneLink{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#linkList .oneLink{
	width:100%;
	float:left;
	font-size:1.9em;
	line-height: 130%;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#linkList > ul > li .oneLink:hover{
	border-color:#03818C;
}
#linkList .oneLink a{
	width:100%;
	display:table;
	color:#000;
	height:100px;
	padding:10px;
}
#linkList .oneLink a:hover{color:#03818C;}
#linkList .oneLink a .icon,
#linkList .oneLink a .text{
	display:table-cell;
	vertical-align:middle;
}
#linkList .oneLink a .text{
	width:auto;
}
#linkList .oneLink a .icon{
	width:60px;
}
#linkList .oneLink a .icon > span{
	width:60px;
	height:60px;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
}
#linkList .oneLink a .icon > span{
	background-image:url(../images/link-icon.svg); 
	background-image:url(../images/link-icon.png) \9;
	*background-image:url(../images/link-icon.png);
}
#linkList .oneLink a:hover .icon > span{
	background-image:url(../images/link-icon-ov.svg); 
	background-image:url(../images/link-icon-ov.png) \9;
	*background-image:url(../images/link-icon-ov.png);
}
@media screen and ( min-width: 768px) {
	#linkList > ul > li{width:50%;}
}
/* ----- textList ----- */
#textList{
	width:100%;
    float:left;
}
#textList > ul{
	margin:0;
    padding:0;
    list-style-type:none;
}
#textList > ul > li{
	width:100%;
	float: left;
	border-bottom:1px solid #E8E8E8;
	padding:15px;
}
#textList > ul > li > a{
	display:block;
	width:100%;
}
#textList > ul > li:hover{
	/* color: #fff; */
	background: #ebebeb;
}
#textList > ul > li:hover a .text h3{
	color: #AA8420;
}
#textList .oneText{
	width:100%;
	display:block;
	color:#000;
}
/* #textList > ul > li:hover .oneText{
	color: #fff;
} */
/* #textList .oneText a:hover{
	color:#03818C;
	-webkit-transform:translate3d(0, 3px, 0);
	transform:translate3d(0, 3px, 0);
} */
#textList .oneText .text{
	width: 100%;
	display:block;
	padding:0;
}
#textList .oneText .text h3{
	font-size:2.2em;
	line-height: 130%;
	font-weight:bold;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#textList .oneText .text .data{
	color: #4d4d4d;
    font-size: 1.5em;
	line-height: 150%;
}
/* #textList > ul > li:hover .oneText .text .data{
	color: #fff;
}
#textList ul.iconB > li:hover .oneText .text > ul > li{
	color: #fff;
} */
#textList .oneText .text span,
#textList .oneText .text time{
	display:inline-block;
	/* padding-left: 21px; */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 16px;
    margin-right: 15px;
}
#textList ul.iconB li .oneText .text > ul{
	display: flex;
	list-style: none;
	margin-top: 10px;
	flex-wrap: wrap;
}
#textList ul.iconB li .oneText .text > ul > li{
	border-left: 1px solid;
	padding-left: 8px;
	margin-right: 10px;
	font-size: 1.6em;
	color: #7A7A7A;
	border-top: none;
	margin-bottom: 8px;
}

/* list_ico iconB */
#textList .com-search{
	margin: 20px 0;
	width: 100%;
	max-width: none;
}
#textList .com-search .searchCriteria .tbox{width: 25%;}
#textList .com-search .searchCriteria .tbox.w3{width: 25%;margin-right: 10px;}
#textList .com-search .searchCriteria .sbox{width: 75%;}
#textList .com-search .searchCriteria .sbox.w3{width: calc(50% - 10px);}
#textList > ul.iconB > li{
	padding: 12px 0;
}
#textList ul.iconB li:first-child{
	border-top: 1px solid #E8E8E8;
}
#textList ul.iconB .oneText {
	display: flex;
	align-items: center;
}
#textList ul.iconB .oneText .No{
	font-size: 3.2em;
	font-weight: bold;
	width: 60px;
    text-align: center;
}
#textList ul.iconB .oneText .sort{
	color: #fff;
	padding: 5px 10px;
	font-size: 1.6em;
	background-color: #378091;
	display: inline-block;
	margin-bottom: 4px;
}

/* #textList > ul.iconB > li:hover .oneText .sort{
	background-color: transparent;
	border: 1px solid #fff;
} */



@media screen and (max-width:600px){
	#textList .com-search .searchCriteria .tbox{width: 50%;}
	#textList .com-search .searchCriteria .tbox.w1{width: 100%;}
	#textList .com-search .searchCriteria .tbox.w3{width: 50%;margin-right: 0px;border-right: none;}
	#textList .com-search .searchCriteria .sbox{width: 100%;margin-top: 10px;}
	#textList .com-search .searchCriteria .sbox .abox{padding: 0;margin: 0;}
	#textList .com-search .searchCriteria .sbox.w3{width: 100%;margin-top: 10px;}
}

@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;}
}
/*list_ico allow*/
@media screen and ( min-width: 768px) {
	#textList .oneText .text{
		width: calc(100% - 100px);
	}
	#textList > ul.list_ico > li{
		padding-left: 70px;
		box-sizing: border-box;
		position: relative;
	}
	#textList > ul.list_ico > li::before{
		content: "";
		display: block;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	#textList > ul.list_ico.iconB > li{
		padding-right: 100px;
		padding-left: 0px;
		box-sizing: border-box;
		position: relative;
	}
	#textList > ul.list_ico.iconB > li::after{
		content: "";
		display: block;
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* allow */
	#textList > ul.list_ico.allow > li::before{
		background-image: url(../images/list-ico.svg);
	}
	/* #textList > ul.list_ico.allow > li:hover::before{
		background-image: url(../images/list-ico-w.svg);
	} */
	/* faq */
	#textList > ul.list_ico.faqs > li::before{
		background-image: url(../images/list-ico-faq.svg);
	}	
	/* #textList > ul.list_ico.faqs > li:hover::before{
		background-image: url(../images/list-ico-faq-w.svg);
	}	 */
	/* link */
	#textList > ul.list_ico.link > li.btn1::after{
		background-image: url(../images/ico_link.svg);
	}	
	#textList > ul.list_ico.link > li.btn2::after{
		background-image: url(../images/ico_download.svg);
	}	
	#textList > ul.list_ico.link > li.btn1:hover::after{
		background-image: url(../images/ico_link-w.svg);
	}
	#textList > ul.list_ico.link > li.btn2:hover::after{
		background-image: url(../images/ico_download-w.svg);
	}
	/* iconb */
	#textList > ul.list_ico.iconB > li.sign::after{
		background-image: url(../images/educate_icon-sign.svg);
	}
	#textList > ul.list_ico.iconB > li.sign:hover:after{
		background-image: url(../images/educate_icon-sign-w.svg);
	}
	#textList > ul.list_ico.iconB > li.notopen::after{
		background-image: url(../images/educate_icon-notopen.svg);
	}
	#textList > ul.list_ico.iconB > li.full::after{
		background-image: url(../images/educate_icon-full.svg);
	}
	#textList > ul.list_ico.iconB > li.timeup::after{
		background-image: url(../images/educate_icon-timeup.svg);
	}
}

/* sitemapBox */
.sitemapBox{
	width:100%;
	float:left;
	overflow:hidden;
	margin: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:33.33%;
	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:#03818C;
	color:#ffffff;
	padding:15px 0;
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
}


.sitemapBox > ul > li > a:hover,
.sitemapBox > ul > li:hover > a{
	background-color:#00949b;
}


.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;}
.sitemapBox > ul > li > ul > li a{
	font-size:1.6em;
	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:#000;}
 
 
@media screen and ( max-width: 480px) {
	.sitemapBox > ul > li{width:100%;}
}
@media screen and ( min-width: 481px){
	.sitemapBox > ul > li{width:50%;min-height:260px;}
}
@media screen and ( min-width: 768px) and ( max-width: 1167px){
	.sitemapBox > ul > li{width:33.33%;}
}
@media screen and ( min-width: 1168px) {
	.sitemapBox > ul > li{width:25%;}
}
/* contact-focus */
.contact-focus{
	width:100%;
	float:left;
	line-height:150%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:0 0 20px;
}
.contact-focus > dl{
	padding:0;
	width:100%;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display:table;
}
.contact-focus > dl > dt,
.contact-focus > dl > dd{
	display:table-cell;
}
.contact-focus > dl > dt{
	width:60px;
	vertical-align:middle;
}
.contact-focus > dl > dt .icon{
	width:60px;
	height:60px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
}
.contact-focus > dl > dt .icon.focus1{
	background-image:url(../images/focus-icon1.svg);
	background-image:url(../images/focus-icon1.png) \9;
	*background-image:url(../images/focus-icon1.png);
}
.contact-focus > dl > dt > img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	max-width:100px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.contact-focus > dl > dd{
	width:auto;
	padding-left:10px;
	vertical-align:middle;
	font-size:1.5em;
	line-height:150%;
	margin-top:6px;
}
.contact-focus > dl > dd .focus-mm{
	padding:0 10px;
}
@media screen and ( min-width:991px) {
	.contact-focus > dl > dd > span{width:100%;}
}
/* ----- pageForm ---*/
.pageForm {
	/* float:left; */
	width: 100%;
}
.formList{
	width:100%;
	list-style:none;
	padding:0;
	margin:0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float:left;
}
.pageForm ul {
	width:100%;
	list-style:none;
	float:left;
}
.pageForm li {
	float:left;
	width:100%;
	padding: 15px;
	border-bottom: 1px dashed #AA8420;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin-bottom: 10px;
	background-color:#fff;
}
.pageForm li > p{
	color:#ff0000;
	padding-top:8px;
	font-size:0.85em;
	text-align:right;
}
.pageForm li > span{
	color:#999;
	padding-top:8px;
	font-size:0.85em;
	text-align:right;
	width:100%;
	display:block;
}
.pageForm li strong{
	font-size: 2.4em;
	color: #AA8420;
	position: relative;
}
.pageForm li strong::after{
	content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    z-index: 2;
    border-right: 3px solid #AA8420;
    border-top: 3px solid #AA8420;
}
.form-label {
    width: 100%;
    font-size: 2em;
    padding: 0;
    margin: 5px 0;
    box-sizing: border-box;
    border: none;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-weight: bold;
}
.form-label .required {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
}
.form-label > span.required em {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 2px;
    width: 13px;
    height: 13px;
    text-align: left;
    text-indent: -999px;
    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-input {
	width: 100%;
    line-height: 38px;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ccc;
    font-size: 2em;
    border-radius: 3px;
}
.form-note{
	font-size: 1.6em;
	line-height: 1.5;
}
.form-note p{
	margin-bottom: 8px;
}
.form-note p em{
	display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    text-align: left;
    text-indent: -999px;
    background: #ff0000;
    margin: 0 5px;
    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-box -----*/
.form-box{
	width:100%;
}
.form-box dt,
.form-box dd{ width:100%;}
.form-box .flex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.form-box .flex-c{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.form-box .flex-c > span{
	padding-top: 12px;
}
.form-box dd > p{
	font-size:0.875em;
	color:#F03;
	margin-top:6px;
	text-align:right;
}
.form-box dd >span{
	font-size: 1.6em;
    color: #AA8420;
    padding-left: 12px;
}
.form-box .flex-m{
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-box .flex-m span{
	font-size: 1.6em;
	color: #000;
}
.form-box dd .radio-box{
	display: flex;
	align-items: center;
}
.form-box dd .radio-box span.check{
	font-size: 1.6em;
    color: #000;
    padding-left: 4px;
	margin-right: 16px;
}
.form-box dd > select{
	width: 100%;
	line-height: 38px;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ccc;
    font-size: 1.6em;
    border-radius: 3px;
	position: relative;
	background-image: url(../images/select-bg.svg);
	background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: right center;
}
.form-box input[type="checkbox"] {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 5px 5px 5px 0;
    border: 1px solid #CCC;
    background: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.form-box input[type="checkbox"]:checked:before{
	content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 8px;
    width: 7px;
    height: 12px;
    border-right: 4px solid #333;
    border-bottom: 4px solid #333;
    margin-top: -10px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form-box .half{width:50%!important}
.form-box .w7{width:70%!important}
.form-box .w100{width:100px!important}
.form-box .w150{width:150px}
.form-box .w200{width:200px}
.form-box .note{
	width:auto;
	max-width:50%;
	display:inline-block;
	color:#006573;
	font-size:1.5em;
	padding-left:0.5em;
}
.form-box.straight{justify-content: flex-end;padding: 10px 0;}
.captcha-img{
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:143px;
}
.captcha-img img{
	height:36px;
	width:auto;
}
.txt-cen{
	float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.form-box{ display:table;}
.form-box dt,
.form-box dd{
	display: table-cell;
	vertical-align:middle;
}
.form-box dt.w0{
	width: 0;
}

.form-box dt{width:200px;}
.form-box dd{ width:auto;}
.form-box input[type="radio"]{
	position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 5px 5px 5px 0;
    border: 1px solid #CCC;
    background: #FFFFFF;
    vertical-align: middle;
    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-box input[type="radio"]:checked:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    left: 6px;
    width: 14px;
    height: 14px;
    background: #000;
    z-index: 2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
@media screen and ( max-width: 500px) {
	.form-box dt,
	.form-box dd{
		display: block;
		width:100%;
	}
	.form-box .half{
		width: 100%!important;
		margin-bottom: 12px;
	}
}
@media screen and ( max-width: 400px) {
	.form-box .input-text.captcha{width:100%;}
}
span.mm {
	width:6px;
	height:26px;
	padding-right:16px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left center;
	background-image: url(../images/span-mm.svg);
    background-image: url(../images/span-mm.png) \9;
	*background-image: url(../images/span-mm.png);
	font-size:0;
}

/* formBtn */
.formBot{
	text-align: center;
	margin-top: 20px;
}
.formBot .btnSend{
	padding: 8px 30px;
    border-radius: 8px;
    border: none;
    background: #378091;
    color: #fff;
    font-size: 2.0em;
    font-weight: bold;
	cursor: pointer;
}
.formBot .btnClear{
	padding: 8px 30px;
    border-radius: 8px;
    border: none;
    background: #888888;
    color: #fff;
    font-size: 2.0em;
    font-weight: bold;
	margin-left: 32px;
	cursor: pointer;
}
.formBtn{
	display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 10px 50px 10px 30px;
    background: #000;
    margin: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	background-repeat:no-repeat;
	background-position:80% center;
	border:none;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	cursor:pointer;
	font-size:1.5em;
}
.formBot .btnSend:hover{
	background: #000;
}
.formBot .btnClear:hover{
	background: #000;
}
.formBtn.send{
	background-image:url(../images/sendBtn.svg);
	background-image:url(../images/sendBtn.png) \9;
	*background-image:url(../images/sendBtn.png);
}
.formBtn.modify{
	background-image:url(../images/modifyBtn.svg);
	background-image:url(../images/modifyBtn.png) \9;
	*background-image:url(../images/modifyBtn.png);
}
@media screen and (max-width:425px){
	.formBot{
		display: flex;
		flex-direction: column;
	}
	.formBot .btnSend{
		margin: 0 35px;
	}
	.formBot .btnClear{
		margin: 0 35px;
		margin-top: 10px;
	}
	
}
/* ----- orangeTab ----- */
.orangeTab{
	width:100%;
	border:1px solid #ffc000;
	border-collapse:collapse;
	background-color:#fff;
}
.orangeTab thead{
	background-color:#ffc000;
	font-weight:bold;
}
.orangeTab th,.orangeTab td{
	border-left:1px solid #ffc000;
	border-top:1px solid #ffc000;
	padding:6px;
	text-align:center;
	vertical-align:middle;
}
.orangeTab.fs-left tbody tr td:first-child{
	width:20%;
	text-align:left;
	font-weight:bold;
}
.orangeTab tbody tr:nth-child(odd){
	background-color:#fff3cd;
}
/* ----- grayTab ----- */
.grayTab{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	background-color:#fff;
}
.grayTab th{
	background-color:#ccc;
	font-weight:bold;
}
.grayTab th,.grayTab td{
	border:1px solid #ccc;
	padding:6px;
	text-align:center;
	vertical-align:middle;
}
/* ----- tabletolist ----- */
ul.tabletolist{margin:0 0 20px;color:#333;line-height:150%;}
ul.tabletolist img{max-width:100%}
ul.tabletolist.nrh{border-bottom:none;}
ul.tabletolist.nrh>li{border:1px solid #ddd;box-sizing:border-box;margin-bottom:20px;border-radius:5px; background-color:#ffffff;}
ul.tabletolist.nrh>li:last-child{margin-bottom:0px;}
ul.tabletolist,ul.tabletolist>li>ul{padding:0!important;list-style:none!important}
ul.tabletolist>li>ul{margin:0!important}
ul.tabletolist>li .titles{background-color:#bbb;display:block;color:#fff;padding:10px;font-weight:800}
ul.tabletolist>li>ul>li{font-weight:200;border-bottom:1px solid #eee;padding:10px}
ul.tabletolist>li>ul>li:hover{background-color:#efefef}
ul.tabletolist>li>ul>li:last-child{border-bottom:none}
ul.tabletolist ul>li .row_headers{font-size:1em;font-weight:800;max-width:30%;float:left;margin-right:3%}
ul.tabletolist ul>li .row_data{float:right;font-weight:800;max-width:67%;}
ul.tabletolist>li>ul>li{*zoom:1}
ul.tabletolist>li>ul>li:before{content:" ";display:table}
ul.tabletolist>li>ul>li:after{content:" ";display:table;clear:both}
ul.tabletolist ul>li .row_data.html{font-weight:400;text-align:right;}
.orangeBox ul.tabletolist ul>li:first-child .row_data.html{font-weight:bold;}
ul.tabletolist ul>li .row_data.html >ul{list-style-type:disc}
@media screen and (max-width:320px){
	ul.tabletolist ul>li .row_headers{width:100%;max-width:100%;margin-right:0;}
	ul.tabletolist ul>li .row_data{max-width:100%;width:100%;}
	ul.tabletolist ul>li .row_data.html{text-align:left;}
}
/* ----- directoryList ----- */
.directoryList{
	width:100%;
	float:left;
	padding:0;
	margin:0;
	font-size:1.5em;
	line-height:150%;
}
.directoryTab{
	width:100%;
 	border-collapse:collapse;
	background-color:#fff;
}
.directoryTab th,
.directoryTab td{
 	vertical-align:middle;
	text-align:center;
}

.directoryTab th{
	background-color:#03bdcf;
	font-weight:bold;
	background-repeat:repeat;
	color:#fff;
	padding:15px 10px;
	border-right:1px dashed #fff;
}

.directoryTab tr{ border-bottom:1px solid #bbbbbb}

.directoryTab th:last-child{ border-right:none }
.directoryTab td{padding:10px;border-right:1px dashed #bbbbbb}
.directoryTab td:last-child{ border-right:0; }
.directoryTab tr td:first-child{width:40%;text-align:left;}
.directoryTab tr td:nth-of-type(2){width:20%;}
.directoryTab tr:nth-child(even){ background-color:#e5f8fa}
.directoryTab table tr td:last-child{width:20%;}
.directoryTab a{color:#4d4d4d; font-weight:bold;}
.directoryTab a:hover{color:#03bdcf; text-decoration:underline}
.directoryTab tr:hover{ background-color:#fefdeb;}
.pdtList{
	width:100%;
	display:block;
	text-align:left;
}
.pdtList ul{
	list-style-type:none;
}
.pdtList ul > li{
	background-image:url(../images/pdt_off.svg);
	background-image:url(../images/pdt_off.png) \9;
	*background-image:url(../images/pdt_off.png);
	background-repeat:no-repeat;
	padding-left:22px;
}
.pdtList ul > li.has{
	background-image:url(../images/pdt_on.svg);
	background-image:url(../images/pdt_on.png) \9;
	*background-image:url(../images/pdt_on.png);
}
.directoryList ul.tabletolist.nrh>li{ border-color:#03818C;}
.directoryList ul.tabletolist>li>ul>li{ border-bottom:1px dotted #03818C;}
.directoryList ul.tabletolist>li>ul>li:last-child{border-bottom:none;}
.directoryList ul.tabletolist>li>ul>li:hover{background-color:#fefdeb;}
.directoryList ul.tabletolist ul>li .row_headers,
.directoryList ul.tabletolist ul>li .row_data{
	max-width:100%;width:100%;
	margin:0;
	text-align:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.directoryList ul.tabletolist ul>li .row_headers{
	color:#03818C;
	width:100%;
	font-size:1.125em;
}
.directoryList ul.tabletolist ul>li .row_data{
	padding-left:16px;
	padding-top:6px;
}
.directoryList ul.tabletolist ul>li .row_headers:before{
    content: "";
    width:10px;
    height:10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: inline-block;
    position: relative;
    top:2px;
	right:0;
	margin-right:3px;
    border:3px solid #03818C;
    background-image: url(../images/greentitle.svg);

    background-repeat: no-repeat;
    background-position: center;
}
/* ----- dirySort ----- */
.dirySort{
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
.dirySort ul{
	list-style-type:none;
	margin:0 -6px;
}
.dirySort ul li{
	width:25%;
	float:left;
	margin:0;
	padding:6px;
}
.dirySort ul li a{
	width:100%;
	display:block;
	background-color:#84a669;
	padding:10px;
	color:#fff;
	text-align:center;
	font-size:1.5em;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.dirySort ul li a:hover{
	background-color:#3c6620;
}
.dirySort ul li a .icon{
	width:60px;
	height:60px;
	display: inline-block;
	margin:0 auto 6px;
	background-repeat: no-repeat;
    background-position: center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-color:#03818C;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.dirySort ul li a:hover .icon{
	background-color:#84a669;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.dirySort ul li a .diry1{
	background-image: url(../images/diry1.svg);
    background-image: url(../images/diry1.png) \9;
	*background-image: url(../images/diry1.png);
}
.dirySort ul li a .diry2{
	background-image: url(../images/diry2.svg);
    background-image: url(../images/diry2.png) \9;
	*background-image: url(../images/diry2.png);
}
.dirySort ul li a .diry3{
	background-image: url(../images/diry3.svg);
    background-image: url(../images/diry3.png) \9;
	*background-image: url(../images/diry3.png);
}
.dirySort ul li a .diry4{
	background-image: url(../images/diry4.svg);
    background-image: url(../images/diry4.png) \9;
	*background-image: url(../images/diry4.png);
}
.dirySort ul li a .diry5{
	background-image: url(../images/diry5.svg);
    background-image: url(../images/diry5.png) \9;
	*background-image: url(../images/diry5.png);
}
.dirySort ul li a .diry6{
	background-image: url(../images/diry6.svg);
    background-image: url(../images/diry6.png) \9;
	*background-image: url(../images/diry6.png);
}
.dirySort ul li a .diry7{
	background-image: url(../images/diry7.svg);
    background-image: url(../images/diry7.png) \9;
	*background-image: url(../images/diry7.png);
}
.dirySort ul li a .diry8{
	background-image: url(../images/diry8.svg);
    background-image: url(../images/diry8.png) \9;
	*background-image: url(../images/diry8.png);
}
.dirySort ul li a .diry9{
	background-image: url(../images/diry9.svg);
    background-image: url(../images/diry9.png) \9;
	*background-image: url(../images/diry9.png);
}
.dirySort ul li a .diry10{
	background-image: url(../images/diry10.svg);
    background-image: url(../images/diry10.png) \9;
	*background-image: url(../images/diry10.png);
}
.dirySort ul li a .diry11{
	background-image: url(../images/diry11.svg);
    background-image: url(../images/diry11.png) \9;
	*background-image: url(../images/diry11.png);
}
.dirySort ul li a .diry12{
	background-image: url(../images/diry12.svg);
    background-image: url(../images/diry12.png) \9;
	*background-image: url(../images/diry12.png);
}
@media screen and ( max-width: 600px) {
	.dirySort ul li a{font-size:1.4em;}
	.dirySort ul li a > p{ min-height:30px;}
}
@media screen and ( max-width: 400px) {
	.dirySort ul li { width:50%;}
}
@media screen and ( min-width: 1025px) {
	.dirySort ul li a{font-size:2em;}
}
/* ----- directory_show ----- */
.directory_show{
	width:100%;
	float:left;
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.5em;
	line-height:150%;
	background-color: #fff;
    padding: 15px;
}
.directory_show dl{
	display:block;
	width:100%;
	border-collapse:collapse;
	border-bottom:1px dashed #ccc;
	padding:10px 0;
}

.directory_show dl ol, .directory_show dl ul{ margin-left:1.5em;}

.directory_show dl a{ color:#F30;}
.directory_show dl a:hover{ color:#399}
.directory_show .title{
	display:block;
	width:100%;
	background-color: #03818C;
    font-weight: bold;
     background-repeat: repeat;
    color: #fff;
	padding:15px 16px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.directory_show .title h2{font-size:1.5em;}
.directory_show dl:last-child{border-bottom:none;}
.directory_show > dl > dt,
.directory_show > dl > dd{
	display:block;
	width:100%;
	padding:0;
}
.directory_show > dl > dt{
    font-weight: bold;
    color:#1ab1b5;
	font-size:1.125em;
	padding-bottom:6px;
}
.directory_show > dl > dt:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: inline-block;
    position: relative;
    top:2px;
    margin-right:3px;
    border:3px solid #03818C;
    background-image: url(../images/greentitle.svg);
    background-image: url(../images/greentitle.png) \9;
	*background-image: url(../images/greentitle.png);
    background-repeat: no-repeat;
    background-position: center;
}
.directory_show > dl > dd{
	padding-left:16px;
}
.directory_show > dl > dd > p{ margin:10px 0;}
.directory_show > dl > dd > p:first-child{ margin-top:0;}
.digital_ul{
	list-style-type:none;
}
.digital_ul > li{
	margin-left:1.5em;
	text-indent:-1.55em;
}
@media screen and ( max-width: 600px) {
}
/* ----- Search ----- */
.search_results{
	width:100%;
	float:left;
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_results .search_style{
	width:100%;
	margin:0 auto;
 }
.searchTab{
	width:100%;
	margin:0 auto;
}
.searchTab > dt,.searchTab > dd{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
 
.searchTab > dt > .google-search {
    width:100%;
    height:40px;
    float: left;
    background-image: url(../images/googleLogo.png);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size:100% auto;
}
.searchTab > dd{
	width:100%;
	float:left;
 }
@media screen and ( max-width: 600px) {
	.search_results .search_style {
		max-width: 400px;
	}
 
	.searchTab > dt > .google-search {
		margin-bottom:10px;
		background-image: url(../images/googleLogo_sp.png);
		background-position: 50% 50%;
		background-size: auto 40px;
	}
}
.searchTab > dd > .gsbox{
	width:100%;
	float:left;
	display:table;
}
.searchTab > dd > .gsbox .searchL,
.searchTab > dd > .gsbox .searchR{
	display:table-cell;
	vertical-align:middle;
}
.searchTab > dd > .gsbox .searchL{ width:auto;}
.searchTab > dd > .gsbox .searchR{ width:80px;}
.searchTab > dd > .gsbox .search-txt{
    width:100%;
    height:50px;
    color: #000;
    font-size:1.6em;
    margin:0;
    padding: 0 10px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #03818C;
	border-right:none;
	float:left;
}
.searchTab > dd > .gsbox .search-txt::-webkit-input-placeholder { color:#000; }
.searchTab > dd > .gsbox .search-txt:-moz-placeholder { color:#000; }
.searchTab > dd > .gsbox .search-txt::-moz-placeholder { color:#000; }
.searchTab > dd > .gsbox .search-txt:-ms-input-placeholder { color:#000;}
.searchTab > dd > .gsbox .search-btn {
    width:100%;
    height:50px;
    line-height: 30px; 
    margin:0px;
	padding:0;
    text-indent: -9999px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	border:none;
	background-color:#03818C;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-image: url(../images/zoom-btn.svg);
	background-size:20px auto;
	float:right;
}
.searchTab > dd > .gsbox .search-btn:hover{
	background-color:#528c41;
}
#search-list{
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0px;
}
#search-list img{
	max-width:100%;
	height:auto;
}
#search-list .comingSoon{
	font-family:"微軟正黑體";
}
/*----- teamList -----*/
.teamList{
	width:100%;
	float:left;
	padding:0;
}
.teamList > ul{
	list-style-type:none;
	margin:10px 0 0;
	display:flex;
	flex-wrap:wrap;
}
.teamList > ul > li{
	width:100%;
	float:left;
	padding:0;
	box-sizing: border-box;
	margin:10px 0;
}
.teamList .oneMember{
	width:100%;
	float:left;
	font-size:1.5em;
	line-height:150%;
	margin-bottom:10px;
	display:flex;
	flex-wrap:wrap;
}
.teamList .oneMember .photo{
	width: 100px;
    height: 100px;
    overflow: hidden;
    max-height: 100px;
    display: block;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
}
.teamList .oneMember .photo img{
	width: 100%;
    height: auto;
}
.teamList .oneMember .text{
	width:calc(100% - 100px);
	padding-left:10px;
	box-sizing:border-box;
}
.teamList .oneMember .text > dl,
.teamList .oneMember .text > dl > dt,
.teamList .oneMember .text > dl > dd{width:100%;}
.teamList .oneMember .text > dl > dt > h3{
	font-size:1.5em;
	color:#03818C;
}
.teamList .oneMember .text > dl > dt > h3 > span{
	color:#666;
	font-size:0.625em;
	display:block;
	padding-top:6px;
}
.teamList .oneMember .text > dl > dd{
	width:100%;
	display:block;
	padding-left:28px;
	position:relative;
	margin-top:6px;
	word-break:break-all;
	word-break: break-word;
}
.teamList .oneMember .text > dl > dd .mail{
	background-color:#000;
	color:#fff;
	width:22px;
	height:22px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	border-radius:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	font-size:0;
	background-image: url(../images/team_mail.svg);
    background-image: url(../images/team_mail.png) \9;
	*background-image: url(../images/team_mail.png);
    background-repeat: no-repeat;
	background-position:center;
}
/* ----- 推動成員簡介展開收合 ----- */
.teamList .dmenu {
	float:left;
	width:100%;
	display:block;
	padding:15px;
	box-sizing: border-box;
	background-color: #fff;
    box-shadow: 1px 2px 5px rgba(0%,0%,0%,0.4);
	position:relative;
}
.teamList .dmenu_head {
	cursor: pointer;
	color:#000;
	width:auto;
	float:right;
}
.teamList .dmenu_head > span {
	display:inline-block;
    padding-right: 24px;
    background-image: url(../images/listmore.svg);
    background-repeat: no-repeat;
    background-position: right center;
	font-size:1.5em;
	line-height:150%;
	color: #03818C;
}
.teamList .dmenu_body {
	float: left;
	width: 100%;
	margin:10px 0 0;
	padding:0;
	font-size:1.5em;
	line-height:150%;
}
.teamList .dmenu_body .briefIntro{
	min-height:100px;
	width:100%;
	display:block;
}
.teamList .dmenu_body .briefIntro dl{
	border-top:1px dashed #dedede;
	padding:10px 0;
}
.teamList .dmenu_body .briefIntro dt{
	font-weight:bold;
	color: #03818C;
}
.teamList .dmenu_body .briefIntro dd > ul,
.teamList .dmenu_body .briefIntro dd > ol{
	padding-left:20px;
}
.teamList .dmenu_body .briefIntro dd > ul > li{ list-style-type:disc;}
.dmenu_btn {
	float:right;
	width:auto;
	font-size:1.5em;
	line-height:150%;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-11px;
}
.dmenu_btn a{
	display:inline-block;
	color: #000; 
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:left center;
	margin:0; 
	padding:0 8px 0 25px;
	width:auto;
}
.dmenu_btn a:hover{color:#f7931e;}
.dmenu_btn .btn-close { 
	background-image:url(../images/close-icon.svg);
	background-image:url(../images/close-icon.png) \9;
	*background-image:url(../images/close-icon.png);
}
@media screen and ( max-width: 600px) {.teamList .dmenu {width:100%;}}
@media screen and ( max-width: 400px) {
	.dmenu_btn {
		width:100%;
		position:relative;
		top:0;
		margin-top:20px;
	}
	.teamList .oneMember .photo{width:50px;height: 50px;}
	.dmenu_btn a{
		padding-left: 0;
	}
}
@media screen and ( min-width: 601px) {.teamList .dmenu_body .briefIntro{min-height:152px;}}
@media screen and ( min-width: 601px) and ( max-width: 767px){
	.teamList .oneMember .photo,
	.teamList .oneMember .text{
		display:block;
		width:100%;
	}
	.teamList .oneMember .photo{
		padding-bottom:10px;
		width: 100px;
		margin: 0 auto;
	}
	.teamList .oneMember .photo img{ width:100px;}
	.teamList .dmenu_body .briefIntro{min-height:174px;}
}
@media screen and ( min-width: 768px) {
	.teamList > ul > li{ width:calc(50% - 8px);}
	.teamList > ul > li:nth-child(even){
		margin-left:16px;
	}
}
/* .mglWdBox */
.mglWdBox{width:100%;text-align: justify;}
.mglWdBox .articleTitle{
	padding: 16px 0;
}
.mglWdBox .articleTitle h3{
	font-size: 1.6em;
	margin-bottom: 16px;
	color: #378091;
	position: relative;
}
.mglWdBox .articleTitle h3::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 #378091;
    background-image: url(../images/icontitle.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mglWdBox .articleTitle ul,
.mglWdBox .articleContent ul{list-style: none;}
.mglWdBox .articleContent ul> li dl {
    display: flex;
    padding: 4px 0;
}
.articleContent dt {
    width: 110px;
    text-align: left;
    color: #BA5808;
    font-weight: bold;
    line-height: 2;
}
.articleContent dt.Stitle{
	width: 100%;
	position: relative;
	font-size: 1.6em;
	color: #378091;
}
.articleContent dt.Stitle::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 #378091;
    background-image: url(../images/icontitle.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.articleContent dd {
    width: calc(100% - 110px);
    line-height: 2;
    text-align: justify;
}
.articleContent dd.listOpen ul{
	list-style: initial;
	list-style-position:outside;
}
@media screen and (max-width:600px){
	.mglWdBox .articleContent ul> li dl {
		flex-direction: column;
	}
	.articleContent dd{
		width: 100%;
		padding-left: 20px;
	}
}
.tg-r{ text-align:right !important;}
.tg-l{ text-align:left !important;}
.tg-c{ text-align:center !important;}
.greenBox{width:100%;}
.greenTab{
	width:100%;
	border-collapse:collapse;
}
.greenTab > thead{
	background-color:#70ad46;
	color:#fff;
	text-align:center;
}
.greenTab tbody > tr:nth-child(even){background-color:#e2f0d9;}
.greenTab tbody > tr:nth-child(odd){background-color:#c5e0b3;}
.greenTab th,
.greenTab td{
	vertical-align:middle;
	padding:6px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
}
.greenTab td{width:16%;}
.greenTab tbody > tr td:first-child{
	background-color:#70ad46;
	color:#fff;
	text-align:left;
}
.greenTab th:last-child,
.greenTab td:last-child{border-right:none;}
.greenTab tbody > tr:last-child td{border-bottom:none;}
@media screen and ( min-width: 481px) {
	.greenTab th:nth-of-type(1){width:20%;}
	.greenTab th:nth-of-type(2){width:40%;}
	.greenTab th:nth-of-type(3){width:40%;}
}
@media screen and ( max-width: 480px) {
	.greenTab > thead{display:none;}
	.greenTab td{
		border-bottom:none;
		width:20%;
		float:left;
		font-size:0.875em;
	}
	.greenTab td:first-child{
		width:100%;
		border-right:none;
		min-height:39px !important;
	}
	.greenTab tr:nth-of-type(3) td{min-height:93px;}
	.greenTab tr:nth-of-type(5) td{min-height:66px;}
}
/* reusegreenTab */
.reusegreenTab{
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}
.reusegreenTab > thead{
	background-color:#70ad46;
	color:#fff;
	text-align:center;
}
.reusegreenTab tbody > tr{background-color:#e2f0d9;}
.reusegreenTab tbody > tr:nth-of-type(2),
.reusegreenTab tbody > tr:nth-of-type(3){background-color:#c5e0b3;}
.reusegreenTab th,
.reusegreenTab td{
	vertical-align:middle;
	padding:6px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	text-align:center;
}
.reusegreenTab tbody th{
	background-color:#70ad46;
	color:#fff;
}
.reusegreenTab th:last-child,
.reusegreenTab td:last-child{border-right:none;}
.reusegreenTab thead th{border-top:none;}
.reusegreenTab thead th:nth-of-type(1){width:30%;}
.reusegreenTab thead th:nth-of-type(2){width:50%;}
.reusegreenTab thead th:nth-of-type(3){width:20%;}
/* ----- benefitBox ----- */
.benefitBox{
	width:100%;
	float:left;
	font-size:1.5em;
	line-height:150%;
	margin-bottom:20px;
}
.benefitForm {
    width: 100%;
    float: left;
    padding:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
}
.benefitForm > form{width: 100%;float: left;}
.benefitForm > p{margin:10px 0;}
.benefitForm .line{
	width:100%;
	border-bottom:1px dashed #aaa;
	margin:20px 0;
    float: left;
}
.benefitForm  .btnBox{
	width: 100%;
    float: left;
    text-align: center;
}
.benefitBtn, .benefitBtn:link, .benefitBtn:visited, .benefitBtn:active {
    font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
    font-size: 1.071em;
    text-decoration: none !important;
    cursor: pointer;
    color: #ffffff;
    background-color: #000;
    line-height: 24px;
    margin: 10px 6px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: none;
	background-position:82% center;
	background-repeat: no-repeat;
	padding: 6px 40px 6px 20px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.benefitBtn.count {
	background-color:#f15a24;
	background-image: url(../images/sendBtn.svg);
    background-image: url(../images/sendBtn.png) \9;
	*background-image: url(../images/sendBtn.png);
}
.benefitBtn.remove {
	background-color: #aaa;
	background-image: url(../images/modifyBtn.svg);
    background-image: url(../images/modifyBtn.png) \9;
	*background-image: url(../images/modifyBtn.png);
}
.benefitBtn:hover {
	background-color:#7ab84d;
	background-position: 88% center;
}
.benefitForm .bTitle{
	width: 100%;
    float: left;
	color:#70ad46;
	font-size: 1.25em;
	font-weight:bold;
	margin-bottom:10px;
}
.benefitForm .bTitle:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: inline-block;
    position: relative;
    top:3px;
    margin-right: 6px;
    border: 3px solid #7ab84d;
    background-image: url(../images/icontitle.svg);
    background-image: url(../images/icontitle.png) \9;
    background-repeat: no-repeat;
    background-position: center;
}
.benefitForm dl{
	width:100%;
	display:table;
	margin-bottom:10px;
	float:left;
}
.benefitForm .twoField{
	width:100%;
	float: left;
}
.benefitForm .twoField dl{ width:50%;}
.benefitForm dl:last-child{margin-bottom:0;}
.benefitForm dl dt,
.benefitForm dl dd{
	display:table-cell;
	vertical-align:middle;
}
.benefitForm dl dt{
	background-color:#70ad46;
	color:#fff;
	width:198px;
	height:42px;
	line-height:40px;
	padding:0 10px;
	text-align:center;
}
.bf-input {
    border: none;
    width:100%;
	height:42px;
	line-height:40px;
    padding:0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #70ad46;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	font-size:1em;
}

.benefitForm dl.yellow dt{background-color:#f15a24;}
.benefitForm dl.yellow .bf-input{ border-color:#f15a24;}
.benefitForm dl.yellow .bf-input:focus{background-color:#fdf7dd;}
@media screen and ( max-width: 767px) {.benefitForm .twoField dl{ width:100%; margin-bottom:10px;}}
@media screen and ( max-width: 480px) {
	.benefitForm dl{margin-bottom:0;}
	.benefitForm dl dt{ text-align:left;}
	.benefitForm dl dt,
	.benefitForm dl dd{
		width:100%;
		display:block;
	}
	.benefitForm dl:last-child dd{margin-bottom:0;}
}

/*FAQ*/

.faq_data{ display:block; margin:15px 0; float:left; width:100%;}

.faq_data dt, .faq_data dd{
	display:block;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:30px;
	padding-left:134px;
	position:relative;
	background-position:23px center;
	background-repeat:no-repeat;
	min-height:145px;
	}
.faq_data dt{ background-color:#ccf1f5; background-image: url(../images/faq_ico_Q.svg);}
		
.faq_data dd{ background-color:#f1f1f1; background-image:url(../images/faq_ico_A.svg);}
.faq_data dt strong{display:block; font-weight:bold; color:#333; font-size:2.5em;}	
.faq_data .txts{ font-size:1.8em; line-height:1.8; font-weight:normal;} 	
	
@media screen and (max-width: 560px){
.faq_data dt, .faq_data dd {
    padding: 20px;
    padding-left: 65px;
    background-position: 15px 30px;
    min-height: 145px;
    background-size: 39px;}
.faq_data dt{padding-top: 27px;}	
.faq_data dt strong{
	font-size:2.2em;}
.faq_data .txts{ font-size:1.55em; }	
		
	}	
	
.contx dt{ display:block; margin:10px 0; margin-top:20px;}

.contx dt strong{ 
	display:inline-block; padding:5px 20px; color:#fff; 
	background-color:#03818C; border-radius:20px; line-height:1; 
	font-size:1.15em; }
	
strong.BLIN{ display:block; box-sizing:border-box; padding:8px 10px; border:1px solid #04bed0; margin:10px 0}		
	
.contx dd.line_L{ padding-left:15px; border-left:2px solid #03818C; box-sizing:border-box; margin-left:15px}

.itemBox .lines li{ padding:10px 0; border-bottom:1px dotted #ccc;}

/* member-list */
#memberList{
	width: 100%;
    float: left;
}
#memberList .SignBox{
	display: flex;
    background-color: #E8E8E8;
    border-radius: 0 0 8px 8px;
	margin: 32px 0 130px 0;
}
#memberList .SignBox .SignL,
#memberList .SignBox .SignR{
	width: 100%;
}
#memberList .SignBox .loginBox{
	/* padding: 0 70px; */
    margin: 30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#memberList .SignBox .SignL .loginBox{
	border-right: 1px solid #000;
}
#memberList .SignBox .title{
	text-align: center;
	margin-bottom: 12px;
	width: 72%;
}
#memberList .SignBox .SignR .title{
	padding-top: 10px;
}
#memberList .SignBox .title.icon{
	padding-top: 30px;
	position: relative;
}
#memberList .SignBox .title.icon::before{
	content: "";
	display: block;
	width: 112px;
	height: 112px;
	background: url(../images/login-Icon.png);
	background-repeat: no-repeat;
	background-size: contain;

	position: absolute;
	top: -100px;
    left: 50%;
    transform: translateX(-50%);
}
#memberList .SignBox .title h3{
	font-size: 2.4em;
	font-weight: bold;
	margin-bottom: 8px;
}
#memberList .SignBox .title P{
	font-size: 1.4em;
}
#memberList .SignBox .login{
	width: 82%;
	margin:0 auto;
}
#memberList .SignBox .login .text{
	padding: 20px 10px;
	background-color: #fff;
	border-radius: 8px;
	text-align: justify;
	margin-bottom: 19px;
}
#memberList .SignBox .login .text p{
	font-size: 1.4em;
	line-height: 2;
}
.login a.link{
    display: block;
	width: 100%;
    padding: 12px 0;
	color: #fff;
	font-size: 2.0em;
    font-weight: bold;
	text-align: center;
	border-radius: 8px;
	background-color: #378091;
}
.login a.link:hover{
	background-color: #000;
}
.formBot.logoin{
	background-color: #378091;
	border-radius: 8px;
}
.formBot.logoin button{
	text-align: center;
	background: none;
    box-shadow: none;
	border: none;
	width: 100%;
	cursor: pointer;
}
.login .login-list{
	display: flex;
	overflow: hidden;
	margin-bottom: 12px;
}
.login .login-list .formLabel{
	width: 40px;
	background-color: #378091;
	border-radius: 8px 0 0 8px;
}
.login .login-list .formLabel span{
	font-size: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
    height: 40px;
    display: block;
}
.login .login-list .formLabel span.account{
	background-image: url(../images/loginList-icon1.svg);
}
.login .login-list .formLabel span.password{
	background-image: url(../images/loginList-icon2.svg);
}
.login .login-list .formLabel span.captcha{
	background-image: url(../images/loginList-icon3.svg);
}
.login .login-list input{
	width: calc(100% - 40px);
	border: none;
	padding-left: 12px;
	font-size: 1.5em;
	border-radius:0 8px 8px 0;
}
.login .login-list input#captchaTextBox,
#captchaText{
	width: calc(100% - 264px);
	border-radius: 0 8px 8px 0;
}
.verification{
	width: 250px;
	display: flex;
	margin-left: 8px;
}
.verification img{
	width: 100%;
	height: auto;
}
.login .login-list:has(.verification){
	display:flex;
	flex-wrap:wrap;
}
.login-list .verWrap{
	width:224px;
	display:flex;
	flex-wrap:wrap;
	padding-left:8px;
	box-sizing:border-box;
}
.login-list .verWrap .verification{
	width:120px;
	margin-left:0;
}
.refresh{
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #E8E8E8;
	cursor: pointer;
	margin-left: 8px;
	background-image: url(../images/refresh.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.refresh:hover{
	background-color: #000;
	background-image: url(../images/refresh-w.svg);
}
.btnVoice,
.btnReload {
	display:inline-block;
	position:relative;
	width: 40px;
    height: 40px;
    display: block;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #E8E8E8;
	vertical-align:middle;
	text-indent:-999px;
	overflow:hidden;
	cursor: pointer;
    margin-left: 8px;
}
.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;
}
.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;
}
.btnVoice:hover:after,
.btnVoice:focus:after{
	background-image:url(../images/btnTxt-icon-w.svg);
}
.btnReload:hover,
.btnReload:focus{
	background-image:url(../images/btnReload-icon-w.svg);
}
.btnVoice:hover,
.btnVoice:focus,
.btnReload:hover,
.btnReload:focus {
	background:#000;
}

@media screen and (max-width:990px){
	#memberList .SignBox .login {
		width: 80%;
	}
	.verification{width: 150px;}
}
@media screen and (max-width:768px){
	#memberList .SignBox{
		flex-direction: column;
	}
}
@media screen and (max-width:520px){
	#memberList .SignBox .login {width: 90%;}
	.login .login-list input#captchaTextBox,
	#captchaText{width: calc(100% - 40px);}
	.login-list .verWrap{
		width:100%;
		padding-left:40px;
		padding-top:8px;
	}
}

.msg-box{
	display: flex;
	margin: 18px 0 32px;
	padding: 30px 0 0;
}
.msg-box .Pic{
	width: 270px;
	border-right: 1px dashed #AA8420;
	display: flex;
	align-items: center;
	justify-content: center;.
	padding: 45px 0;
}
.msg-box .text{
	width: calc(100% - 270px);
	text-align: left;
	display: flex;
	flex-direction: column;
	padding: 45px 20px;
}
.msg-box .text h3{
	font-size: 4em;
	font-weight: bold;
	color: #378091;
	margin: 20px 0;
}
.msg-box .text p{
	font-size: 1.8em;
	line-height: 1.5;
	text-align: justify;
}
@media screen and (max-width:425px){
	.msg-box{
		padding: 0;
	}
}
.LintBtn{
	display: flex;
	justify-content: center
}
.LintBtn a.btn{
	padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #378091;
    color: #fff;
    font-size: 2.0em;
    font-weight: bold;
}
.LintBtn a.btn:hover{
	background: #000;
}
.LintBtn.educate a.btn:nth-child(1){
	margin-right: 32px;
	position: relative;
	padding-left: 45px;
}
.LintBtn.educate a.btn:nth-child(1)::before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/educate-btn-1.svg);
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.LintBtn.educate a.btn:nth-child(2){
	position: relative;
	padding-left: 45px;
}
.LintBtn.educate a.btn:nth-child(2)::before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../images/educate-btn-2.svg);
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width:768px){
	.msg-box .Pic{
		display: none;
	}
	.msg-box .text{
		width: 100%;
		padding: 20px;
	}
}
@media screen and (max-width:425px){
	.LintBtn{
		flex-direction: column;
	}
	.LintBtn.educate a.btn:nth-child(1){
		margin: 0 32px;
		margin-bottom: 10px;
		text-align: center;
	}
	.LintBtn.educate a.btn:nth-child(2){
		margin: 0 32px;
		text-align: center;
	}
	.LintBtn.educate a.btn:nth-child(1)::before,
	.LintBtn.educate a.btn:nth-child(2)::before{
		left: 40px;
	}
}

/* trainList Tabel */
.trainList{
	width: 100%;
	font-size: 1.6em;
}
.trainList ul{
	padding: 20px 0;
	width: 100%;
	list-style: none;
}
.trainList ul > li.R1{
	width: 100%;
	cursor: pointer;
	border-bottom: 1px dashed #ddd;
}
/* .trainList ul > li.bg-grey{
	background-color: #DDDCDB;
} */
.trainList ul > li > ul{
	display: flex;
	flex-direction: row;
	text-align: center;
	align-items: center;
}
.trainList ul > li > ul > li{position: relative;}
.trainList ul > li > ul > li:nth-child(1){width: 7%;min-width: 30px;}
.trainList ul > li > ul > li:nth-child(2){width: 7%;min-width: 50px;}
.trainList ul > li > ul > li:nth-child(3){width: 51%; text-align: left;}
.trainList ul > li > ul > li:nth-child(4){width: 11%;min-width: 45px;}
.trainList ul > li > ul > li:nth-child(5){width: 11%;min-width: 45px;}
.trainList ul > li > ul > li:nth-child(6){width: 13%;min-width: 65px;}


.trainList ul li.title{
	background: #378091;
	color: #fff;
	font-weight: bold;
}
.trainList ul.inside{
	background: #FAF2D8;
	padding: 0;
	flex-wrap: wrap;
    text-align: left;
    padding-left: 75px;
	display: none;
	cursor: default;
}
.trainList ul > li > ul.inside > li{
	width: 60%;
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
}
.trainList ul > li > ul.inside > li > ul{
	display: flex;
	flex-direction: row;
	width: 450px;
	text-align: left;
	padding: 0;
	margin-bottom: 12px;
}
.trainList ul > li > ul.inside > li > ul:last-child{margin: 0;}
.trainList ul > li > ul.inside > li > ul > li{
	width: 100%;
	border-left: 1px solid #000;
	padding-left: 8px;
}
.trainList ul > li.R1:hover{
	background: #ebebeb;
    color: #AA8420;
}
.trainList ul > li.R1:hover > ul.inside,
.trainList ul > li.R1:hover > ul.inside > li{
	background: #FAF2D8;
}
.trainList ul > li.R1:hover > ul.inside > li > ul > li{
	color: #000;
	background: #FAF2D8;
	
}
.trainList li.btn a{
	padding: 8px 10px;
	cursor: pointer;
	z-index: 3;
	display: inline-block;
}
.trainList li.cancel a{
	background-color: #DD4B50;
	color: #fff;
}
.trainList li.finish a{
	background-color: #378091;
	color: #fff;
}
.trainList li.cancel a:hover,
.trainList li.finish a:hover{
	background-color: #000;
}
@media screen and (max-width:990px){
	
	.trainList ul.inside{
		padding-left: 0;
	}
}
@media screen and (max-width:768px){
	.trainList ul > li > ul > li:nth-child(1){width: 30px;}
	.trainList ul > li > ul > li:nth-child(2){width: 50px;}
	.trainList ul > li > ul > li:nth-child(3){width: calc(100% - 235px);}
	.trainList ul > li > ul > li:nth-child(4){width: 45px;}
	.trainList ul > li > ul > li:nth-child(5){width: 45px;}
	.trainList ul > li > ul > li:nth-child(6){width: 65px;}
}
@media screen and (max-width:600px){
	.trainList ul > li > ul.inside > li > ul{
		width: 370px;
	}
	.trainList ul > li > ul.inside > li{
		padding: 10px;
	}
}
@media screen and (max-width:425px){
	.trainList ul > li > ul > li:nth-child(1){display: none;}
	.trainList ul > li > ul > li:nth-child(2){display: none;}
	.trainList ul > li > ul > li:nth-child(3){
		width: calc(100% - 155px);
		padding-left: 5px;
	}
	.trainList ul > li > ul.inside > li > ul{
		flex-direction: column;
		width: 270px;
	}
	.trainList ul > li > ul.inside > li > ul > li{
		display: block;
	}
}

/* manager_List */
#manager_List  ul > li > ul > li:nth-child(1){width: 7%;min-width: 30px;}
#manager_List  ul > li > ul > li:nth-child(2){width: 7%;min-width: 50px;}
#manager_List  ul > li > ul > li:nth-child(3){width: 14%;text-align: center;min-width: 120px;}
#manager_List  ul > li > ul > li:nth-child(4){width: 20%;min-width: 60px;}
#manager_List  ul > li > ul > li:nth-child(5){width: 45%; text-align: left;}
#manager_List  ul > li > ul > li:nth-child(6){width: 7%;min-width: 70px;}

#manager_List  ul > li > a > ul > li:nth-child(1){width: 7%;min-width: 30px;}
#manager_List  ul > li > a > ul > li:nth-child(2){width: 7%;min-width: 50px;}
#manager_List  ul > li > a > ul > li:nth-child(3){width: 14%;text-align: center;min-width: 120px;}
#manager_List  ul > li > a > ul > li:nth-child(4){width: 20%;min-width: 60px;}
#manager_List  ul > li > a > ul > li:nth-child(5){width: 45%; text-align: left;}
#manager_List  ul > li > a > ul > li:nth-child(6){width: 7%;min-width: 70px;}
#manager_List ul > li > a > ul{
	display: flex;
}
#manager_List ul > li > a > ul > li{
	text-align: center;
	color: #000;
}
#manager_List ul > li > a:hover > ul > li{
	color: #AA8420;
}
@media screen and (max-width:600px){
	#manager_List  ul > li > ul > li:nth-child(2),
	#manager_List  ul > li > a > ul > li:nth-child(2){
		display: none;
	}
	#manager_List  ul > li > ul > li:nth-child(4),
	#manager_List  ul > li > a > ul > li:nth-child(4){
		display: none;
	}
	#manager_List  ul > li > ul > li:nth-child(5),
	#manager_List  ul > li > a > ul > li:nth-child(5){
		width: calc(100% - 220px);
	}
}
@media screen and (max-width:425px){
	#manager_List  ul > li > ul > li:nth-child(1),
	#manager_List  ul > li > a > ul > li:nth-child(1){display: none;}
	#manager_List  ul > li > ul > li:nth-child(5),
	#manager_List  ul > li > a > ul > li:nth-child(5){
		width: calc(100% - 190px);
	}
}

/* train */
.train-Tbox{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0;
}
.train-Tbox .title{
	width: 170px;
	background-color: #378091;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	padding: 12px 0;
}
.train-Tbox .train{
	width: calc(100% - 170px);
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	padding: 12px 0;
	padding-left: 16px;
}
.trainTabel strong{
	font-size: 2.4em;
    color: #AA8420;
    position: relative;
}
.trainTabel strong::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    z-index: 2;
    border-right: 3px solid #AA8420;
    border-top: 3px solid #AA8420;
}
.trainTabel .remark{
	width: 100%;
	margin: 25px 0;
}
.trainTabel .remark .PNumber{
	float: left;
}
.trainTabel .remark .PNumber p{
	font-size: 1.6em;
}
.trainTabel .remark .Adow{
	float: right;
}
.trainTabel .remark .Adow a{
	padding: 8px 12px;
	font-size: 1.6em;
	color: #fff;
	background-color: #378091;
}
.trainTabel .remark .Adow a:hover{
	background-color: #000;
}
.trainTabel-box table{
	width: 100%;
}
.trainTabel-box table thead{
	background-color: #378091;
}
.trainTabel-box table tbody tr{
	border-bottom: 1px dashed #ddd;
}
.trainTabel-box table th,
.trainTabel-box table td{
	font-size: 1.6em;
	padding: 20px 0;
}
.trainTabel-box table th{
	color: #fff;
}
.trainTabel-box table td{
	text-align: center;
	position: relative;
}
.trainTabel-box table td a{
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 0;
	background-image: url(../images/trainDow.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.trainTabel-box table td a:hover{
	background-image: url(../images/trainDow-B.svg);
}
.tableWrap .footable.table .footable-first-visible > button {
    position: relative;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border: none;
}
.tableWrap .footable.table .footable-first-visible .fooicon-plus {
    border: 1px solid #666666;
    background-color: transparent;
}
.tableWrap .footable.table .footable-first-visible > button::before, 
.tableWrap .footable.table .footable-first-visible > button::after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -1px;
    transition: all 0.4s ease;
}
.tableWrap .footable.table .footable-first-visible .fooicon-plus::before, 
.tableWrap .footable.table .footable-first-visible .fooicon-plus::after {
    background-color: #666;
}
.tableWrap .footable.table .footable-first-visible .fooicon-plus::after {
    transform: rotate(90deg);
}
.tableWrap .footable.table .footable-first-visible .fooicon-minus {
    background-color: #000;
}
.tableWrap .footable.table .footable-first-visible .fooicon-minus::before, 
.tableWrap .footable.table .footable-first-visible .fooicon-minus::after {
    background-color: #fff;
}
.tableWrap .footable.table .footable-first-visible .fooicon-minus::before {
    transform: rotate(-45deg);
}
.tableWrap .footable.table .footable-first-visible .fooicon-minus::after {
    transform: rotate(45deg);
}
.tableWrap .footable-detail-row .footable-details th,
.tableWrap .footable-detail-row .footable-details td{
	font-size: 1em;
}
.trainTabel-box table tr.footable-detail-row{
	background: #FAF2D8
}
.tableWrap .footable-detail-row td{
	padding: 0;
}
.tableWrap .footable-detail-row .footable-details th{
	color: #378091;
	width: 100px;
    text-align: right;
}
.tableWrap .footable-detail-row .footable-details td{
	text-align: left;
	padding-left: 10px;
}
@media screen and (max-width:760px){
	.train-Tbox{
		flex-direction: column;
		align-items: flex-start;
	}
	.train-Tbox .train{
		width: 100%;
	}
}
@media screen and (max-width:425px){
	.trainTabel .remark{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.trainTabel .remark .PNumber{
		float: none;
		display: block;
		margin-bottom: 20px;
	}
	.trainTabel .remark .Adow{
		float: none;
		display: block;
	}
}


/* personal tabel */
#personal .table tr td{
	vertical-align: middle
}
#personal .table tr th:nth-child(1),
#personal .table tr td:nth-child(1){
	min-width: 50px;
}
#personal .table tr th:nth-child(3),
#personal .table tr td:nth-child(3){
	text-align: left;
	padding: 8px
}
#personal .table tr th:nth-child(8),
#personal .table tr td:nth-child(8){
	min-width: 50px;
}
#personal .table tr th:nth-child(11),
#personal .table tr td:nth-child(11){
	width: 100px;
}
#personal td a.btn{
    cursor: pointer;
    z-index: 3;
    display: inline-block;
	color: #fff;
	background-image: none;
	font-size: 1em;
	width: 90px;
	height: 35px;
	text-align: center;
    line-height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#personal td a.btn.cancel{
	background-color: #DD4B50;
}
#personal td a.btn.finish{
	background-color: #378091;
}
#personal td a.btn:hover{
	background-color: #000;
}
@media screen and (max-width:430px){
	#personal td a.btn{
		width: 45px;
    	height: 45px;
    	padding: 3px;
    	line-height: 1.2;
	}
	#personal .table tr th:nth-child(10),
	#personal .table tr td:nth-child(10){
		width: 50px;
	}
}

/* educateBox */
.educateBox{margin:0;}
.educateBox ul{
	list-style: none;
}
.educateBox ul li{
	font-size: 1.8em;
	line-height:180%;
}
.educateBox ul li:nth-child(even){
	background-color:#f5f5f5;
}
.educateBox ul li dl{
	display: flex;
	width: 100%;
}
.educateBox ul li dl dt{
	width: 200px;
	color: #347989;
	background-color: transparent;
	padding: 18px 0;
	text-align: center;
	font-weight: bold;
}
.educateBox ul li dl dd{
	width: calc(100% - 200px);
	padding: 18px 0;
	padding-left: 16px;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
}
.educateBox dl dd p + p{margin-top:1.5em;}
@media screen and (max-width:768px){
	.educateBox ul li dl{
		flex-direction: column;
	}
	.educateBox ul li dl dt{
		width: 100%;
		color: #378091;
		background-color: transparent;
		text-align: left;
		padding: 0;
		padding: 5px;
	}
	.educateBox ul li dl dd{
		width: 100%;
		text-align: left;
		border: none;
		padding: 0;
		padding: 5px;
	}
	.educateBox ul li{
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	.educateBox ul li:last-child{
		border-bottom: 1px solid #ddd;
	}
}



/* register-box */
.register-box{
	float: right;
	margin-top: 10px;
}
.register-box a{
	color: #fff;
	background: #DD4B50;
	padding: 8px 36px;
	font-size: 2.4em;
	font-weight: bold;
	border-radius: 8px;
}
.register-box a:hover{
	background: #000;
}
@media screen and (max-width:990px){
	.register-box a{
		font-size: 2em;
		padding: 4px 30px;
	}
}

/* Sitemap */
.sitemapWrap {
    width: 100%;
    margin-top: 16px;
    position: relative;
}
.sitemapWrap .info {
    font-size: 1.6em;
    line-height:200%;
    color: #333;
    margin-bottom: 20px;
}
.sitemapWrap .info .colorText {
    color:#0A8746;
}
.sitemapWrap > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -10px;
}
.sitemapWrap > ul > li {
    display: block;
	width: 33.3333%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1.6em;
    line-height: 150%;
}
.sitemapWrap > ul > li > a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 15px;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    background-image: url(../images/menuL_BG.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
}
.sitemapWrap > ul > li > ul > li {
    display: block;
    border-bottom: 1px dashed #ccc;
}
.sitemapWrap > ul > li > ul > li > a {
    color: #333;
    padding: 12px 10px 12px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.sitemapWrap > ul > li > ul > li > a::before, .sitemapWrap > ul > li > ul > li > a::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 10px;
    top: calc(0.75em + 10px);
    border-top: 1px solid #fd8000;
    border-right: 1px solid #fd8000;
    transform: rotate(45deg);
}
.sitemapWrap > ul > li > ul > li > a::after {
    left: 15px;
}
@media screen and (max-width:768px){
	.sitemapWrap > ul > li {
		width: 50%;
	}
}
@media screen and (max-width:425px){
	.sitemapWrap > ul > li {
		width: 100%;
	}
}