body,h1, h2, h3, h4, h5, h6, p{
	font-family: "Raleway", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;

}

img {
    max-width: 100%;
    height: auto;
}

.animate{
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

b{
	color: #333;
}


/*--------------------------------
start. header*/


.logo a {
    width: 220px;
    margin-top: 20px;
}

.logo a:hover {
    opacity: .8;
}

.header-fixed .logo a {
    width: 202px;
    margin-top: 11px;
}

.header.header-prepare, .header.header-light.header-prepare {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}



@media (max-width: 1024px) {
	.header .logo a {
	    margin-top: 15px;
	    width: 150px;
	}
}

@media (max-width: 992px){

}

@media (max-width: 767px){
    .search-overlay-menu form button {
        font-size: 2rem;
        top: 30px;
    }

    .search-overlay-menu input[type="search"] {
        height: 80%;
        font-size: 30px;
    }

}


@media (max-width: 420px){

}

/*end. header
--------------------------------*/





/*--------------------------------
start. footer*/

.footer-logo {
    max-width: 202px;
    margin-bottom: 0;
}

.footer-logo img {
    max-height: 43px;
}

.footer h3 {
    font-size: 21px;
    letter-spacing: 4px;
    line-height: 1.5em;
    margin: 12px 0 0 0;
}

.footer ul.link li {
    line-height: normal;
    padding-bottom: 6px;
}

.footer h3::after {
    content: none;
}

@media (max-width: 992px){


}

@media (max-width: 768px){
    .footer h3 {
        line-height: 1em;
    }

}

@media (max-width: 400px){

}
/*end. footer
--------------------------------*/




/*--------------------------------
start. index*/

.fullwidth-slider .item {
    height: 530px;
}

.bg-img,.bg-image {
    background-position: center center!important;
}

.idx-ser img{
	max-width: 100px;
}




@media (max-width: 468px){



}

@media (max-width: 360px){


}


/*end. index
--------------------------------*/




/*--------------------------------
start. in*/

.inner-intro {
    height: 280px;
    padding: 100px 0;

}

.inner-intro .container .title {
    padding-bottom: 20px;
    padding-top: 20px;
}

.inner-intro h2 {
    color: #fff;
}

.item-img img:hover{
	opacity: .8;
}

.sp-large, .sp-thumbs img{
    border: 1px #cecece solid;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 10px 12px;
}

.contact-iframe-box{
    line-height: 0;
}

.lead {
    color: #888;
}

.ab-offer{
    padding: 0px 20px;
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0 10px 0;
    color: #888;
}

.blog-post-img {
    display: inline-block;
    width: calc(30% - 4px);
    vertical-align: top;
    padding: 15px;
}

.blog-post-text {
    display: inline-block;
    width: calc(70% - 4px);
    vertical-align: top;
    padding: 15px;
}

.blog-post-text .post-meta{
    margin: 5px 0;
}

.blog-post .post-meta {
    color: #323232;
}

.item-box a {
    display: block;
}

.page-breadcrumb {
    margin: 0;
}

.page-breadcrumb > li + li:before {
    content: "/";
    font-size: 13px;
    padding-left: 3px;
}

.page-breadcrumb li {
    display: inline-block;
}

.page-breadcrumb a, .page-breadcrumb span {
    padding-right: 0;
    padding-left: 5px;
}

@media (max-width: 992px){

	.inner-intro {
	    height: 300px;
	    padding: 80px 0;

	}
    
    .blog-post-img,.blog-post-text {
        width: 100%;
        padding: 0px;
    }
}

@media (max-width: 768px){

	.container-filter li {
	    margin:10px 0; 
	    display: block;
	}

	.sp-thumbs img {
	    width: 60px;
	}
	.sp-thumbs a:link, .sp-thumbs a:visited {
	    margin: 5px;
	}
    .ms-full-width{
        width: 100%;
    }
}


/*end. in
--------------------------------*/