/*
Theme Name:Courtyard
Theme URI:http://precisethemes.com/wordpress-theme/courtyard/
Author:Precise Themes
Author URI:https://precisethemes.com/
Description:Courtyard - Responsive WordPress Theme is clean, minimalistic and beautifully designed theme perfectly for Hotel and Resorts. Courtyard theme can likewise be utilized to make site for Motel, Boarding House, Guest House, Lodge, Bed and Breakfast, B&B, Hostel, Inn Hospitality Business, Restaurant, Cuisine, Cafe, and some other kind of site you can envision with effectively adaptable and easily customizable landing page. Preview Demo is available at http://demo.precisethemes.com/courtyard/
Version:1.2
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:courtyard
Tags:one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, theme-options, threaded-comments, blog, e-commerce, food-and-drink

font-family:'Ubuntu', sans-serif;font-family:'Roboto', sans-serif;
*/
/*============================ contact-us ============================*/
/* ------------------------ banner ------------------------*/
.about .banner {
    padding: 50px 0 90px 0;
    text-align: center;
}
.about .caption {
    color: #26639c;
}

/* ------------------------ About Us ------------------------*/
.bg-header.about{
	background-image:url(images/bg-about.png);
	background-position: center bottom;
}
.about-intro {
	background-image: url(images/about-intro_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0 130px 0;
}
.about-intro .col-sm-5 {
    margin: 20px 0 0 0;
}
.intro_icon {
	display: inline-block;
	width: 15%;
    margin: 0 0 0 3%;
}
.intro_icon_text{
	display: inline-block;
	width: 70%;
	margin: 0 0 0 3%;
	vertical-align: top;
}
.intro_icon_text h3{
		margin: 0 0 10px 0;
}
/* ------------------------ Contact Us ------------------------*/
.wrapper_ab {
	padding: 40px 0 80px 0;
}
.about-contact .form .col-md-6 > p{padding:0 0 10px 0}
.about-contact .form .button{margin:0px auto 0}
.about-contact .form .button .btn{display:block;width:100%;text-transform:uppercase}
.about-contact .form textarea{min-height:221px}
.about-contact .location{padding:30px 0 0 0}
.about-contact .location .col-sm-6{padding-top:20px;padding-bottom:20px;position:relative}
.about-contact .location .col-sm-6 ul{list-style:none;margin:0;padding:0;padding-top:10px}
.about-contact .location .col-sm-6 ul li{padding:5px 0;line-height:1.2;}
.about-contact .location .fa{display:inline-block;width:45px;height:45px;position:absolute;left:30px;top:0;font-size:40px;color:#ccc;}
.about-contact .location h3{margin:0;border-bottom:1px solid #555;padding-bottom:5px;}

.form input, .form select, .form textarea{width:100%;height:50px;line-height:50px;padding:10px 15px;border:1px solid #ccc;border-radius:3px}
.form textarea{height:auto;line-height:normal;min-height:230px;resize:vertical}
.form .btn{padding:13px;border:none;cursor:pointer}

/*Contact Us-canvas_cod驗證碼*/
#submit {
	display: none;
}
.code {
	margin: 11px 0 20px 0;
}
#canvas_img {
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #ddd;
	width: 20%;
	height:50px;
	background: #fff;
}
.canvas_icon {
    display: inline;
    font-size: 24px;
    padding: 10px;
    vertical-align: middle;
	cursor: pointer;
}
.code_btn {
	width: 100%;
}
/*成長表*/
.timeline--horizontal {
    width: 80%;
}
/*============================ RWD ============================*/
@media screen and (max-width:1380px){

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

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

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

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

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

}
@media screen and (max-width:480px){
	.about-contact .location .col-md-6{padding-left:15px;}
	.about-contact .location .fa{display:none}
}