@charset "utf-8";
/* CSS Document */
body{
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";	}
body img{max-width:100%;}
a {
	color: #444;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	color: #000;
		}

.certification img{ max-width: 100%;}
#content { font-family:"微軟正黑體", "Arial Unicode MS", "Times New Roman";color:#000 }
#content img{ max-width: 100%;}
#content ol{padding-left: 20px;}
#content h2{margin: 10px 0 }
#content h3{font-family:"微軟正黑體", "Arial Unicode MS", "Times New Roman";}


/*========五大特色========*/
#content .bgcolor1{background-color:#fff799; padding: 5px; border-radius: 15px; width:90%;margin: 10px auto 10px; }
#content .border-color{border-right: 3px solid #0000CD}
@media screen and (max-width: 767px){
	#content .border-color{border-right: 0px solid #0000CD; }
	}
/*========大大工法========*/
#content .bgcolor2{background-color:#bee7fa; padding: 5px; border-radius: 10px; width:100%;margin: 10px auto 10px; }
#content .bgcolor2 h3{ font-size:26px;}
/*========經營理念========*/
#content .title{}
#content .title ul{ margin:0; padding:0}
#content .title ul li{ list-style:none; float:left;background-color: #e60012; color: #fff; padding: 10px 25px;margin-right: 5px;border-radius: 20px; font-weight: 1000; font-size:20px; margin-bottom:10px;}
/*========安裝實績========*/
.case_text{ height: 400px; overflow: auto;}
/*========產品結構========*/
.prod{ margin-bottom:1%}
.prod img{ width:100%}

#nav ol, ul {list-style: none;}

/*#content .bg1{ background-color:#fff45c; padding:15px; border-radius:20px;}*/


/*==coll_info==========================================*/
.coll_info{
	color: #000;
	font-size: 16px;
	line-height: 16px;
	font-family: "微軟正黑體", "Arial Unicode MS";
	letter-spacing: 1.5px;
}
.comp_info_padding{ float:left;margin-bottom: 30px; margin-left: 50px;}
.comp_info_padding >div{ margin-bottom:10px;}
.coll_info a{color: #333;}
.coll_info a:hover{color: #333!important; text-decoration:underline }
.coll_info >h2{ font-size:20px;}
.coll_info h3{ color:#000;line-height:1.5; font-size:18px;}
.coll_info h3 span{ color:#000;line-height:1.5; font-size:15px;}
@media screen and (max-width: 767px){
	.coll_info h3{ color:#000; text-align:center; line-height:1.5; font-size:16px;}
	.comp_info_padding{margin-bottom: 10px; margin-left: 0px;}
	}
/*=============================================*/
.index-container-margin{ padding-bottom:10px;}
.padding_bottom{ padding-bottom:20px;}
@media screen and (max-width: 767px){
.padding_bottom{ padding-bottom:0px;}
.index-container-margin{ margin-top:10px; padding-bottom:5px;}
	}
.margin-bottom{margin-bottom: 15px;}
.img_height {
    width: 100%;
    height: 160px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
	border-radius: 10px;}
@media screen and (max-width: 767px){
	.margin-bottom{margin-bottom: 5px;}
	.img_height {height: 250px;}
	}	
/*==========logoimg========================*/
.logoimg img{margin-top:10px; margin-bottom: 10px; width:370px}
@media screen and (min-width: 1920px){
    .logoimg img {
       width: 340px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
	.logoimg img{width:330px}
	 #nav ul li a{
	 padding: 0.5em 0.5em 0.5em 0.5em;
	 margin: 0 3px;	 
		 }
}
@media screen and (max-width: 767px){
	.logoimg img{width:250px; margin:10px auto;}
	}
/*==========footer========================*/
.footer_text{}
.footer_text i{ padding-bottom:5px;}
.footer_text img{ max-width:100%}
.footer_adm_name{color:#000;line-height:1.2; font-size:19px; font-weight:bold; margin-bottom:10px;}
.footer_adm_name span{font-size:14px;}
/*==========scroll-up========================*/
.scroll-up {
    width: 60px;
    height:60px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -9999px;
	background-image:url(../../images/symbol/scroll_top.png);
    background-repeat: no-repeat;
    z-index: 100;
    cursor: auto;

}

.border-shadow {
    border: 1px solid #B3B3B3;
    box-shadow: 5px 5px 5px #eee;
    display: block;
    margin: 5px auto 10px;
}
/*====scroll-up2-top===========*/
footer a.scroll-up2{ width: 40px; height: 40px;background-color: #313131; border: 1px solid #fff;border-radius: 50%;position: fixed;
    bottom: 74px;right: 20px;z-index: 100;cursor: pointer; text-align: center; line-height: 45px; display: none;color: #fff!important;text-decoration: none}
footer a.scroll-up2::before{content: "\f106";  font-family: FontAwesome; ; color:#fff;  position: absolute;top: -15px;width: 40px;
    left: 0px;}
footer a.scroll-up2:hover{ background-color: #535353;color: #fff}
/*====side===========*/
footer .side {
	z-index: 100;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
	position: fixed;
    bottom: 110px;
    right: 20px;}		
footer .side ul{
	}	
footer .side ul li{
    width: 40px;
    height: 40px;
    border-radius: 50%;
	margin-bottom: 10px;
}
/*====download===========*/
.download{}
.download h1{font-size:18px;}
.download h1:hover{color:#31256f;}
.download hr{width:100%}