@charset "utf-8";

body{
	font-family:"微軟正黑體";
}

.top-logo{
	background-color:#FFC;
	background-image:url(../images/top.png);
    background-position: center;
	background-size:cover; 
	height:256px;
	font-size:2em;
	font-weight:bold;
	padding:20px 20px;
	color:#063;
	
}

.site-header .main-navigation {
  background-color: #CDBDAE;
}

/* */
h3{
    text-align:left;
    color:#ff6a00;
    font-size:3em;
    font-weight:bold;
    margin:0px;
    padding-bottom:20px;
    border-bottom:dotted 1px gray;
}

h4{
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}

.icons{
	margin:20px;
	padding:20px;
	text-align:center;
	background-color:#EFEAE4;
	border:gray 1px solid;
	border-radius:10px;
}



#menu-2 img{width:80%;}
.products #icons {
  color: #603621;
  font-size:1.8em;
  text-align:center;
  font-weight:bold;
  width:auto;
  padding-bottom:40px 0px;
  margin:40px 0px;
}

.about-us-content p{font-size:1.4em; line-height:160%;}


table{
    width:98%;
    border:1px solid gray;
    background-color:white;
    margin:20px 0px;
    font-weight:bold;
}

table tr th{
    padding:20px;
    text-align:center;
    background-color:#c5d4ab;
}



table tr td{
    padding:10px;
    border-bottom:dotted 1px gray;
    text-align:left;
    font-size:2em;
    letter-spacing:4px;
}

table tr td:first-child{
    text-align:right;
    padding-right:0px;
}

table tr td:first-child img{
    width:50px;
    vertical-align:middle;
    margin-right:20px;
}

table tr td:last-child img{
    width:20px;
    vertical-align:middle;
    margin-right:20px;
}


#templatemo_footer
{
    border-top: 3px solid #00a99d;
}

@media screen and (max-width: 480px) {
    #menu-4 img{
		width:50%;
	}
}
























































.text-right4foot{text-align:right; padding-right:0px;}
.text-left4foot{text-align:left; padding-left:0px;}


@media screen and (max-width: 1920px) {


}

@media screen and (max-width: 1200px) {
    .top-logo{
		height:130px;
	}
}

@media screen and (max-width: 992px) {
    .top-logo{
		height:180px;
	}
}


@media screen and (max-width: 750px) {
	.top-logo{
		height:86px;
		background-image:url(../images/top4mobil-h.png)
	}
    
    .text-right4foot{text-align:center;}
    .text-left4foot{text-align:center;}

}

@media screen and (max-width: 480px) {
	.top-logo{
		height:80px;
		background-image:url(../images/top4mobil-v.png)
	}

    .text-right4foot{text-align:center;}
    .text-left4foot{text-align:center;}
}