@charset "utf-8";

/*-----------------------------------------------
 sitemap
-----------------------------------------------*/
h2.sitemapTitle { border-bottom:1px dotted #7F7F7F; font-size:14px; padding-bottom:25px; margin-bottom:25px; }
 .sitemapBox { padding:30px; }
 .sitemapBox a { color:#9E9E9E; padding-left:10px; background:url('/th-en/common/images/icon01.png') no-repeat 0 6px; }
 .sitemapLink { line-height:2.2;  }
 .sitemapLink li { float:left; width:290px; margin-left:10px; }
 .sitemapLink li dl {  }
 .sitemapLink li dt { font-size:14px; font-weight:bold;  }
 .sitemapLink li dd { margin-left:10px;  }



h1.pageTitle {
	margin-bottom: 18px;
}

.sitemapBox a:link,
.sitemapBox a:visited {
	text-decoration: none;
}

.sitemapBox a:hover,
.sitemapBox a:active {
	text-decoration: underline;
}


@media screen and (max-width: 768px) {
	h1.pageTitle {
		color: #7d7d7d;
		font-size: 30px;
		line-height: 1.5;
		margin-bottom: 10px;
		padding: 20px 20px 0px;
	}
	
	.target_respo .inner980 h2.sitemapTitle {
		padding: 20px 0 20px 20px;
		margin: 0px;
		border-top: 1px solid #D0D0D0;
		border-bottom: 1px solid #D0D0D0;
	}
	
 	.sitemapBox { padding:0px; }
	
	.sitemapBox a {
		color: inherit;
		padding-left:10px;
		background:url('/th-en/common/images/respo/s_arrow_navy_mini.png') no-repeat left center;
		background-size: 5px 6px;
		color: #004473;
	}
	
	.sitemapBox li:first-of-type a,
	.sitemapBox .sitemapTitle a,
	.sitemapBox dt a {
		/*color: inherit;*/
		background: url("/th-en/common/images/respo/s_arrow_navy.png") no-repeat left center;
		background-size: 10px 11px;
		padding-left: 12px;
	}
	
	.sitemapBox .sitemapLink {
		margin-bottom: 20px;
		line-height: 1.2;
		border-bottom: 1px solid #D0D0D0;
	}
	
	.sitemapBox .sitemapLink li {
		margin-left: 0px;
		padding: 20px 0 20px 20px;
	}
	
	.sitemapBox .sitemapLink li:nth-of-type(3) {
		padding: 20px 0 20px 30px;
	}
	
	.sitemapLink li {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.sitemapLink {
		position: relative;
	}
	
	.sitemapLink::before {
		content: "";
		position: absolute;
		top: 0px;
		left: 50%;
		bottom: 0px;
		border-left: 1px solid #D0D0D0;
		z-index: 1;
	}
	
	.sitemapBox .sitemapLink li:first-of-type {
		position: relative;
		border-bottom: 1px solid #D0D0D0;
		background-color: #FFFFFF;
		float: none;
		width: inherit;
		z-index: 2;
	}
	
	.sitemapBox .sitemapLink li:first-of-type dl {
		margin-bottom: 25px;
	}
	
	.sitemapBox .sitemapLink li:first-of-type dl:last-of-type {
		margin-bottom: 0px;
	}
	
	.sitemapLink li dt {
		margin-bottom: 20px;
	}
	
	.sitemapLink li:first-of-type dl dt:last-of-type {
		margin-bottom: 0px;
	}
	
	.sitemapLink li dd {
		margin-bottom: 10px;
		margin-left: 50px;
	}
	
	.sitemapLink li dl > dd:last-of-type {
		margin-bottom: 0px;
	}
		
	.indexNewsBox .img a img {
		width: 100%;
		display: block;
		line-height: 0;
	}
	
	.roundCornerBox01 {
		position: relative;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		background: #FFF;
		behavior: url('/th-en/common/js/PIE.htc');
	}
	
	.content {
		padding: 30px 0;
		background: none;
	}
	
	.target_respo .content .inner980 .newsBigBox.banner-01 {
		padding-bottom: 25px;
	}
	
	.target_respo .content .inner980 .newsBigBox.banner-02 {
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 480px) {
	
	.sitemapBox .sitemapLink {
		border-bottom: none;
	}
	
	.sitemapLink li {
		width: 100%;
		border-bottom: 1px solid #D0D0D0;
	}
	
	.sitemapLink::before {
		border-left: none;
	}
	
	.sitemapBox .sitemapLink li:nth-of-type(3) {
		padding: 20px 0 20px 20px;
	}
	
	.target_respo .content .inner980 .newsBigBox.banner-01 {
		padding-bottom: 15px;
	}
	
	.target_respo .content .inner980 .newsBigBox.banner-02 {
		padding-bottom: 0px;
	}
}