@charset "utf-8";
/* CSS Document */
/*header*/
#header{border-top:8px solid #eb3d41; background:#FFF;}
#header .page{padding: 1em 0em;}
.nav a{font-size:15px; color:#333333;}
.nav span.line{width:1px; height:15px; background:#a9a6a6; display:inline-block;}
#defaultimg {margin-top: 7em;}
.tit{ font-size:28px; color:#e34920;text-align:center;padding:1em 1.5em; display:inline-block;  background-image:url(images/h4bg.png); background-repeat:no-repeat;margin: 0.5em 0 -1em 0;    background-size: contain;}
.tit span{ color:#999; font-size:14px;}
h1.tit1{ font-size: 34px ; color:#f4a951; font-weight:normal;line-height: 39px;border-bottom: 3px solid #f6c18b;}
.tit1 span{ font-size: 25px ; color:#000;}
.subject{font-size: 24px;}
.subject span { border-bottom:3px solid #f97754;color: #000;}
.frm{ padding:1em; margin:1em;cursor: pointer;}
.frm p{ color:#333;}
.frm:hover{background:#fbfaf8;}
.frm:hover img{transform:scale(1.1,1.1);}
.frm .pic{float:left; height: 279px; overflow:hidden;width: 100%;}
.frm .pic img{transition:transform 0.5s;}
.frm .section{ float:left;width: 100%;}
.about-d{ background-image:url(images/aboutbg.png); background-size:cover; padding:6em 3em;margin-top:1.8em;}
.more{ color:#FFF;border-radius:3em; padding:0.5em 3em; background:#f4a951;}
.more:hover{background:#f97754;}
.detail{margin-top: 2em;}
.contactinfo{margin-top: 2em;}
.innerhtml{margin-top: 2em;}

/*footer*/
#footer{text-align:center; color:#999; padding:1em 0;  background-color:#f4f4f4; border-top: 2px solid #666464; margin-top:3em;}
#footer a{color:#999;}
#footer a:hover{color:#f97754;}



/*------------------------
---Scrolling animations---
-------------------------*/
.scrollimation.scale-in{
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform:scale(0.5);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

@media screen and (max-width:767px) {/*mobile*/
/*nav*/
#header{padding:0;}
.nav a:hover{background:#333; color:#fff;}
.frm .pic{height:auto;}
.frm { margin: 0;}
#defaultimg {margin-top: 4.5em;}
.about-d{ padding:3em;}

}
@media screen and (min-width:768px) and (max-width:1199px){/*pad*/
/*nav*/
#header{padding:0;}
.nav{width:75%; text-align:right;}
.nav a{padding:0.5em 1em;}

}
@media screen and (min-width:900px) and (max-width:1199px){/*desktop*/
/*nav*/
.nav a{padding:0.5em 2em;}

}
@media screen and (min-width:1200px){/*desktop*/
/*header*/
/*nav*/
.nav{margin-top: 2.3em;}
.nav a{padding:0.5em 2.5em;}
.nav a:hover{color:#d13a00;}

}