@charset "utf-8";
.Responsible .PageWrapper-Side-Side + .PageContent-Right .page-title-wrapper .page-title { display:none;}
.Responsible_Detail .PageMenu > h2 { display:none;}

.Responsible-04 { text-align:justify; color:#555;}
.Responsible-04 .title-h3 { color:#004d72;}
.Responsible-04 .title-h4 { color:#555; margin-bottom:0;}
.Responsible-04 .title-h4 + * { margin-top:0;}
.Responsible-04 p strong { color:#004d72;}


.Responsible-04 table { border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:1em;}

.Responsible-04 table th,
.Responsible-04 table td { padding:10px; text-align:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal;}
.Responsible-04 table td[align="center"] { text-align:center;}

.Responsible-04 table .title,
.Responsible-04 table th { white-space:nowrap;}
.Responsible-04 table th { color:#004d72;}

.Responsible-04 table tr:nth-child(odd) th,
.Responsible-04 table tr:nth-child(odd) td{ background:#f6efe0;}
.Responsible-04 table tr th.title,
.Responsible-04 table tr td.title,
.Responsible-04 table tr.title th,
.Responsible-04 table tr.title td { background:#004d72; color:white;}

.Responsible-04 table td.bg-white { background:white!important;}
.Responsible-04 table td.bg-odd { background:#f6efe0!important;}

.Responsible-04 .dl-wrap { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.Responsible-04 .dl-wrap dl { width:calc( 33.33% - 10px ); height:auto; overflow:hidden; float:left; border:1px solid #ccc;
/*圓角*/
border-radius:10px;}
.Responsible-04 .dl-wrap dl dt { width:100%; height:auto; overflow:hidden; position:relative;}
.Responsible-04 .dl-wrap dl dt .photo { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.Responsible-04 .dl-wrap dl dt .photo img { display:block; max-width:100%; float:left;}
.Responsible-04 .dl-wrap dl dt .title { display:block; width:100%; position:absolute; padding:10px; background:rgba(0,0,0,0.6); text-align:center; color:white; left:0; bottom:0; z-index:1;}
.Responsible-04 .dl-wrap dl dd { padding:5px 10px; margin:0; border-bottom:1px solid #eee;}
.Responsible-04 .dl-wrap dl dd:last-child { border-bottom:0;}

.Responsible-04 .photo-table { width:100%; display:flex; flex-wrap:wrap;align-items:center;}
.Responsible-04 .photo-table .photo { width:400px; padding:40px;}
.Responsible-04 .photo-table .photo + table { width:calc( 100% - 400px );}

/*灰色字*/
.Responsible-04 .gray { color:#999; color:#555;}
.Responsible-04 li { margin-bottom:1em;}
.Responsible-04 li li { margin-bottom:0; font-size:0.85em; opacity:0.8;}
.Responsible-04 table li { margin-bottom:0;}

.Responsible-04 .photo-wrap { width:100%; display:flex; flex-wrap:wrap; margin-bottom:1em; overflow:hidden;
/*圓角*/
border-radius:10px;}
.Responsible-04 .photo-wrap img { display:block; max-width:100%; height:auto; margin:0 auto;}
.Responsible-04 .photo-wrap.photo-2 > div { width:50%;}
.Responsible-04 .photo-wrap.photo-1 > div { width:100%;}

@media only screen and (min-width:0px) and (max-width:1060px) {
	.table-920X2520 { overflow-x:auto; border-right:1px solid #ccc; margin-bottom:1rem;}
	.table-920X2520 table { width:920px; max-width:none; margin-bottom:0;}
	}

@media only screen and (min-width:0px) and (max-width:768px) {
	.Responsible-04 .photo-table .photo { width:calc( 100% - 200px );}
	.Responsible-04 .photo-table .photo + table { width:200px;}
	}

@media only screen and (min-width:0px) and (max-width:600px) {
	.Responsible-04 .photo-table .photo { width:100%; padding:10px;}
	.Responsible-04 .photo-table .photo + table { width:100%;}
	}

@media only screen and (min-width:0px) and (max-width:400px) {
	.Responsible-04 table th, .Responsible-04 table td { padding:5px;}
	.Responsible-04 table .title td,
	.Responsible-04 table th { white-space:normal; text-align:center;}
	
	}