@charset "utf-8";
/* CSS Document */
.news .date { color: #C04A58; text-align: right; }

.news .newstab li a:link { color: #bbb;  }
.news .newstab li a:visited { color: #bbb; }
.news .newstab li a:hover { color: #C04A58; border: none; border-bottom: #f39800 1px solid; background: none; }

.newstab .nav-item .active:link, .newstab .nav-item .active:visited { background-color: #efefef; font-weight: bold; }

.news .newslist { padding: 0em 0em; list-style-type:square; }
.news .newslist li { border-bottom: #ccc 1px dotted; padding-bottom: .3em; padding-top: .3em; display: inline-block; width: 100%; }
.news .newslist li a { display:block; }
.news .newslist li a:link { color: #000;  }
.news .newslist li a:visited { color: #000; }
.news .newslist li a:hover { color: #C04A58; }

/*工程進度*/
.proj .imgbox { width: 100%; height: 10em; text-align:center; background-color: #fff; }
.proj .imgbox img { width: 100%; max-width: 100%; max-height: 100%; }
.proj .card-text { font-size: .8em; min-height: 2em; }

.works .imgbox { width: 100%; height: 9em; text-align:center; background-color: #fff; }
.works .imgbox img { width: 100%; max-width: 100%; max-height: 100%; }
.works .card-text { font-size: .8em; min-height: 2.5em; }

@media (max-width: 1024px) {
	.works .imgbox { height: 7em; }
	.works .card-text { min-height: 4em; }	
}
@media (max-width: 768px) {
	.proj .imgbox { height: 7em; }
	.proj .card-text { min-height: 3em; }	
	.works .imgbox { height: 5em; }
	.works .card-text { min-height: 6em; }	
}
@media (max-width: 767px) {
	.works .imgbox { height: 7em; }
	.works .card-text { min-height: 4.5em; }	
}
@media (max-width: 640px) {
	.proj .imgbox { height: 5em; }
	.proj .card-text { min-height: 4em; }	
	.works .imgbox { height: 5.5em; }
	.works .card-text { min-height: 5em; }	
}
@media (max-width: 480px) {
	.proj .imgbox { height: 12em; }
	.proj .card-text { min-height: 2.5em; }	
	.works .imgbox { height: 12em; }
	.works .card-text { min-height: 3em; }	
}


/*20170920 內文新樣式 */
#add-like { text-align: right; }
/*
.page-inside { border:1px #666666 solid; }
*/
#content-block h1, #content-block h2{ font-weight:400;}
h2 { font-size:1.3em; letter-spacing:0.2em; color:#000; }
/*
.cont-tit { display:block; margin: 1em 3em 1em 3em; padding-bottom: 0.94em; border-bottom:1px #CCC dashed; }
.cont-tit .col-md-9, .cont-tit .col-sm-8 { padding-left: 0 ; padding-right: 0; }
*/
.ga-photo { padding: 1em 3em 2em 3em; }
#mainbody {
	line-height: 1.5em;
	/*padding: 0 3em 1em 3em !important;*/
}
#mainbody p { letter-spacing: .1em; }
#mainbody h3 { font-size: 1.1em; font-weight:bold; letter-spacing:0.1em; color:#0D6FCA; }
#mainbody h4 { font-size: 1em; }
#mainbody a:visited { color:#666; text-decoration:underline; }
#mainbody a:link { color:#666; text-decoration:underline; }
#mainbody a:hover { color:#F60;	text-decoration:none; }
#mainbody > img { max-width: 100% !important; height: auto !important; }
#mainbody img { max-width: 100% !important; height: auto !important; }
#mainbody li {
	/*list-style-type:none !important;*/
	width:98% !important;
	clear:both !important;
	/*float:left !important;*/
	/*background:url(../images/icon-01.gif) !important;
	background-position:left top !important;
	background-repeat:no-repeat !important;
	*/
	padding:5px 0 5px 0px !important;
}
#mainbody li ol{
	/*margin:0 !important;*/
	padding:0 !important;
	width:99% !important;
	clear:both !important;
	/*float:left;*/
	padding-left: 0px !important;
}
#mainbody li ol li{
	/*list-style-type:lower-roman !important;*/
	background:none !important;
	padding:3px 0 3px 0 !important;
	color:#666 !important;
}
#mainbody li ol li ol{
	margin:0 !important;
	padding:0 !important;
	width:99% !important;
	clear:both !important;
	/*float:left;*/
	padding-left:0px !important;
}
#mainbody li ol li ol li{
	list-style-type:decimal !important;
	background:none !important;
	padding:3px 0 3px 0 !important;
	color:#666 !important;
}

.masonry-item {
	border: #ccc 1px solid;	
}
.accordion-style .btn-link.collapsed:after { color: #666; }

@media (max-width: 767px) {
	#mainbody { padding: 0 1em 1em 1em !important; margin-bottom: 1em; margin-top: 0; }
	/*.cont-tit { margin: 1em; }*/
	#add-like { padding-left: 0; padding-top: .5em; text-align:left; }
	.ga-photo { padding: 1em; }
}