/*
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;
*/
/* ------------------------ menu begin ------------------------ */
.header .menu .menu_full .new_red {
	margin: 0 0 0 10px;
	color: #f19113;
	display: inline-block;
	font-size: 12px;
}
.header{width:100%;padding:35px 0 15px;position:relative;z-index:99;}
/*logo*/
#toggle{display:none}
.logo, .logo-w{width:102px;height:44px;text-indent:-9999px;overflow:hidden}
.logo-w{background-position:0 0px}
.logo{background-position:0 0}
.logo-partner{width:259px;height:107px;background-position:0 -269px;margin:0 auto}
/*menu*/
.mod_minor1 {display: none;}
.header .logo-w, .header .menu{float:left}
.header .menu, .header .menu a{color:#fff;font-family:'Roboto', Arial, sans-serif}
.header .menu > ul{padding:15px 0 0 20px; text-align: left;}
.header .menu > ul > li{float:left;position:relative}
.header .menu > ul > li.mobile{display:none}
.header .menu > ul > li > a{display:block;padding:.65rem 1rem;font-size:1rem;line-height:1}
.header .menu > ul > li:hover > a, .header .menu > ul > li.last:hover a{background:#328dda;color:#fff}
.header .menu > ul > li.last a{font-weight:bold}
.header .menu > ul > li > ul{
	display:none;
	opacity:0;
	background:#328dda;
	position: absolute;
	left:0;
	top:auto;
	min-width:220px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	z-index:99
}
.header .menu > ul > li:nth-child(3) > ul{
	min-width:265px;
}
.header .menu > ul > li:hover > ul{display:block;opacity:1;transition:all 0.3s linear}
.header .menu > ul > li > ul > li > a{display:block;padding:.65rem 1rem;font-size:.875rem;}
.header .menu > ul > li > ul > li > a:hover{background:rgba(30,120,200,.8)}
/*選單第三層-下*/
.menu_minor1title {
	display:block;
	padding:.65rem 1rem;
    font-size: .875rem;	
}
.menu_minor1 .fa-angle-down{
	float: right;
}
.menu_minor1 .menu_minor1title {
	color: #fff;
}
/*第三層排版*/
.header .menu > ul > li > ul .menu_minor1 > ul {
	background:#43a3f4;
}
.menu_minor1 > ul > li > a {
	color: #fff;
	display:block;
	padding:.65rem 1rem .65rem 2.5rem ;
    font-size: .875rem;
}
.menu_minor1 > ul > li > a:hover{background:rgba(30,120,200,.8);}
/*right-bar*/
.header .right-bar{float:right;margin:13px 0 0;text-align:right}
.header .right-bar .btn{display:inline-block;vertical-align:top;margin:0 4px;color:#fff;font-size:1rem;line-height:1;text-transform:uppercase}
.header .login:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.header .right-bar .language{padding:5px .1rem 0;opacity:.8;border:none;font-size:1.5rem;}
.header .right-bar .language a{color:#fff;}
.header .right-bar .language:hover, .header .right-bar .language.open{opacity:1}
.header .right-bar .language:focus, .header .right-bar .language:active, .header .right-bar .language:visited{border:none;outline:none}
.header .right-bar .language .dropdown-menu{float:inherit;padding:0;right:0;left:inherit;border:none;min-width:inherit}
.header .right-bar .language .dropdown-menu a{display:block;padding:15px 20px;margin:0;text-align:center;font-size:.75rem;color:#999;}
.header .right-bar .language .dropdown-menu a:hover{background:#f3f3f3;color:#000;}
/*scroll-fixed-top*/
.header.scroll-fixed-top{background:#223a6c;padding:10px 0;position:fixed;left:0;right:0;top:0;z-index:99}
.header.scroll-fixed-top .logo-w{margin:-3px 0 -5px -12px;transform:scale(.85,.85)}
.header.scroll-fixed-top .menu > ul{padding-left:0;padding-top:3px;}
.scroll-fixed-padding {padding: 103px 0px 0px;}

/* ------------------------ menufull-Products ------------------------ */
.header .menu > ul > li > .menu_full {
	width: 100%;
	position: fixed;
	background: rgba(255,255,255,.96);
	padding: 0px 0% 20px 0%;
	box-shadow: 0 20px 20px rgba(0,0,0,.15);
}
.header .menu_minor1_bgcolor {
	background: #328dda;
	color: #fff;
	padding: 20px 0 10px 0;
	margin:  0 0 20px 0
}
.header .menu_minor1_bgcolor .container{
	padding: 0 30px;
    margin: 0 auto;
}
.menu_minor1_bgcolor li{
	display: inline-block;
	margin: 0 0.5%;
}
.menu_minor1_bgcolor li{
	border-right: 1px solid #ccc;
}
.menu_minor1_bgcolor li:last-child{
	border: none;
}
.menu_minor1_bgcolor .menu_resellers{
    width: 53%;
    margin: 0 0px 0 43px;
    text-align: center;
}
.menu_minor1_bgcolor .menu_private{
    width: 30%;
    margin: 0 0px 0 43px;
	text-align: center;
}
/**/
.header .menu .menu_full .menu_minor1 {
    vertical-align: top;
    display: inline-block;
}
.header .menu .menu_full .menu_minor1.menu_prc {
    width: 790px
}
.header .menu .menu_full .menu_minor1.menu_pbc {
    width: 472px;
}
.header .menu .menu_full .menu_minor1.menu_pbt {
    width: 230px;
}
.header .menu .menu_full li span{
    display: block;
    margin: 0 0 5px 0;
	font-weight: bold;
}
.header .menu .menu_full li .menu_prc a{color: #2382c6;}
.header .menu .menu_full li .menu_pbc a{color: #5897d0;}
.header .menu .menu_full li .menu_pbt a{color: #0E64AD;}
.header .menu .menu_full li span img{
	width: 35px;
	margin: 0 3px 0 0;
	display: inline-block;
}
.header .menu .menu_full li .menu_minor1_list {
	background: rgba(255,255,255,.0);
	display: inline-block;
	vertical-align: top;
}
.header .menu .menu_full li .menu_minor1_list li{
    width: 100%;
    margin: 0 10px 0 0;
}
.header .menu .menu_full li .menu_minor1_list a{
    color: #333;
}
.header .menu .menu_full li .menu_minor1_list a:hover {
	color: #328dda;
	background: rgba(255,255,255,.0);
}
.header .menu .menu_full li .menu_prc .menu_minor1_list .prc_title a{
	font-weight: bold;
	color:#5897d0;
}
/*============================ RWD ============================*/
@media screen and (max-width:1380px){
	/* ------------------------ menufull-Products ------------------------ */
	.menu_minor1_bgcolor .menu_resellers{
		width: 55%;
	}
	.menu_minor1_bgcolor .menu_private{
		width: 30%;
	}
	.header .menu .menu_full .menu_minor1.menu_prc {
		width: 62%;
	}
	.header .menu .menu_full .menu_minor1.menu_pbc {
		width: 37%;
	}
	.menu_minor1 > ul > li > a {
		padding: .65rem 0rem .65rem 2.5rem;
	}
}
@media screen and (max-width:1200px){
	.header{padding:10px 0}
	.header .right-bar{float:inherit;margin:-10px -30px 10px;padding:6px 25px 6px 30px;background:#0b1120;text-align:right}
	.header .right-bar .btn{font-size:13px;padding:8px 12px}
	.header .right-bar .language{padding:5px;font-size:1.25rem;}
	.header .right-bar .btn-white{padding:7px 11px}
	.header .right-bar .btn-white img{height:13px}
	/* ------------------------ menufull-Products ------------------------ */
	.menu_minor1_bgcolor .menu_private {
		width: 30%;
	}
	.menu_minor1_bgcolor .menu_resellers{
		width: 58%;
	}
	.header .menu .menu_full .menu_minor1 {
		margin: 0 1%;
	}
	.header .menu .menu_full .menu_minor1.menu_prc {
		padding: 0px 0% 0 0%;
		width: 61%;
	}
	.header .menu .menu_full .menu_minor1.menu_pbc {
		width: 34%;
	}
	.menu_minor1 > ul > li > a {
		padding: .65rem .5rem .65rem 0rem;
		font-size: .8rem;
	}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:890px){
	.header, .header.scroll-fixed-top{background:#142547;box-shadow:0 0 5px rgba(0,0,0,.8)}
	.header .logo-w, .header.scroll-fixed-top .logo-w{margin:-3px 0 -4px -10px;transform:scale(.8);}
	.header .right-bar{padding:0;margin:0}
	.header .right-bar .btn{display:none}
	.header .right-bar .language{
		display:inline-block;
		position:absolute;
		right:80px;
		top:10px;
		font-size: 1.7em;
	}
    #toggle{float:right;display:block;width:35px;height:30px;margin:7px 0 0 0}
	#toggle span:after, #toggle span:before{content:"";position:absolute;left:0;top:-8px}
	#toggle span:after{top:9px}
	#toggle span{position:relative;display:block;margin-top:9px}
	#toggle span, #toggle span:after, #toggle span:before{width:100%;height:4px;background-color:#fff;transition:all 0.3s;backface-visibility:hidden;border-radius:1px}
	#toggle.on span{background-color:transparent}
	#toggle.on span:before{transform:rotate(45deg) translate(5px, 5px)}
	#toggle.on span:after{transform:rotate(-45deg) translate(7px, -8px)}
	#toggle.on + #menu{opacity:1;display:block}
	#menu{position:absolute;left:0;right:0;top:57px;background:#223a6c;color:#fff;margin:0;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.8);opacity:0;display:none;transition:opacity .4s;z-index:999}
	#menu > ul{padding:0}
	#menu > ul > li{float:inherit;width:auto;border-top:1px solid rgba(255,255,255,.05)}
	#menu > ul > li > a, #menu > ul > li.last a{background:none;color:#fff;padding:20px 30px;text-align:left;margin:0}
	#menu > ul > li.mobile{display:block;text-align:center;border:none}
	#menu > ul > li.mobile a, #menu > ul > li.mobile:hover a{float:left;display:block;width:calc(100% / 2 - 10px);margin:10px 5px;padding:15px 30px;text-align:center;background:none}
	#menu > ul > li.mobile a.btn-default:hover{background-color:#097fe2}
	#menu > ul > li.mobile a.btn-green:hover{background-color:#1c974b}
	#menu > ul > li > a:hover{background:rgba(30,120,200,.8)}
	#menu > ul > li > ul{width:100%;min-width:inherit;position:relative;background:rgba(0,0,0,.2)}
	#menu > ul > li > ul > li > a{padding:15px 10px 15px 40px;text-align:left;color:rgba(255,255,255,.7)}
	
	/* ------------------------ menufull-Products ------------------------ */
	.menu_minor1 > ul > li > a {
		padding: 15px 10px 15px 40px;
	}
	.header .menu .menu_full .menu_minor1 {
		vertical-align: top;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.header .menu .menu_full .menu_minor1.menu_prc {
		width: 100%;
	}
	.header .menu .menu_full .menu_minor1.menu_pbc {
		width: 100%;
	}
	.header .menu .menu_full .menu_minor1.menu_pbt {
		width: 100%;
	}
	.header .menu > ul > li > .menu_full {
		padding: 0px;
	}
	.header .menu .menu_full li span img {display: none;}
	.header .menu .menu_full li .menu_pbc .menu_minor1_list{display: none;}
	.header .menu .menu_full li .menu_prc .menu_minor1_list li:not(.prc_title) {
    	display: none;
	}
	.header .menu .menu_full li .menu_prc .menu_minor1_list {
    	display: block;
	}
	.header .menu .menu_full li .menu_prc .menu_minor1_list .prc_title a{
		padding: 15px 10px 15px 70px;
    	color: #43a3f4;
	}
	.header .menu .menu_full li span {
		margin: 0 0 0px 0;
		font-weight: normal;
	}
	.header .menu .menu_full li .menu_prc a,
	.header .menu .menu_full li .menu_pbc a,
	.header .menu .menu_full li .menu_pbt a{
		padding: 15px 10px 15px 40px;
	    color: rgba(255,255,255,.7);
		display: block;
		font-size: .875rem;
	}
	.header .menu .menu_full li .menu_prc a:hover,
	.header .menu .menu_full li .menu_pbc a:hover,
	.header .menu .menu_full li .menu_pbt a:hover{
		color: rgba(255,255,255,.7);
	    background: rgba(30,120,200,.8);
	}
	.menu_minor1_bgcolor {
		display: none;
	}
	.menu_minor1_bgcolor li {
		width: 32%;
		display: inline-block;
		margin: 0 0.5%;
	}
	.menu_full .container {padding: 0px;}
}
@media screen and (max-width:768px){

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

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

}
@media screen and (max-width:480px){
	#menu > ul > li.mobile a, #menu > ul > li.mobile:hover a{padding:15px 10px}
}
@media screen and (max-width:350px){
    .header .right-bar .btn{font-size:12px}
	.header .language-m{right:70px}
}


/*============================ menu Modal Box main.js============================*/
/* trial_accbtn-------------------------------------*/
.accbtn_title {
	color: #013474;
	text-align: center;
}
.accbtn_footer {
    color: #3b3b3b;
	text-align: center;
}
.accbtn_group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto;
}
.trial_accbtn {
    width: 42%;
    text-align: center;
    margin: 30px 4%;
}
.trial_btn {
    border: 5px #fff solid;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    border-radius: 20px;
    padding: 20px 15px;
	display: block;
}
.trial_btn:hover {
    border: 5px #ddedff solid;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%), 0 6px 20px 0 rgb(0 0 0 / 29%);
}
.trial_accbtn img{
	margin: 0 auto;
}
.trial_accbtn .trial_title{
	color: #003474;
	font-size: 22px;
}
.trial_accbtn .trial_subtitle{
    color: #3b3b3b;
}
.trial_accbtn .btn{
    font-size: 1.3rem;
    margin: 20px 0;
    font-weight: bold;
}
.trial_btn:hover .btn-default{
    border-color: #097fe2;
    background-color: #097fe2;
    color: #fff;
}
/* Modal-------------------------------------*/
/* The Modal (background) */
.modal_trial {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal_trial::-webkit-scrollbar {
  display: none;
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: 5% auto;
    padding: 20px;
	border: 1px solid #888;
    width: 60%;
    max-width: 900px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;	
}
/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}
/*============================ RWD ============================*/
@media screen and (max-width:1200px){
	.modal-content {
		width: 80%;
		max-width: 80%;
	}
}
@media screen and (max-width:890px){
	.trial_accbtn {
		width: 100%;
	}
	.modal-content {
		width: 80%;
		max-width: 80%;
	}
}
@media screen and (max-width:640px){
	.accbtn_group {
		width: 100%;

	}
	.trial_accbtn .btn {
		font-size: 1rem;
	}
}