@charset "utf-8";
/* CSS Document */
html,body{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-family: 'Arial', '微軟正黑體';
	margin: 0;
	padding: 0;
	color: #333333;
}
@font-face {
    font-family: "TrajanPro";
    src: url('../fonts/TrajanPro-Regular.otf');
}
.pt-15{
	padding-top: 15px;
}
.pb-15{
	padding-bottom: 15px;
}
.pt-20{
	padding-top: 20px;
}
.pb-20{
	padding-bottom: 20px;
}
.pt-40{
	padding-top: 40px;
}
.pb-40{
	padding-bottom: 40px;
}
.mb-20{
	margin-bottom: 20px;
}

































/* 選單================================================================================ */
.navbar{
	border-radius: 0;
}
.YP-navbar{
	background-color: #ffffff;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.75);
	margin-bottom: 0;
}
.navbar-brand{
	/* height: 80px; */
	height: auto;
	/* padding: 0; */
}
.YP-navbar .navbar-nav{
	padding-right: 2%;
}
.YP-navbar .navbar-nav .YP-menu-li{
	width: 160px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
.YP-navbar .navbar-nav .YP-menu-li.dropdown:focus,
.YP-navbar .navbar-nav .YP-menu-li.open>a,
.YP-navbar .navbar-nav .YP-menu-li.dropdown:focus>a,
.YP-navbar .navbar-nav .YP-menu-li.dropdown:hover>a{
	background-color: transparent;
}
.YP-navbar .navbar-nav .YP-menu-li a span{
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	padding: 3px 0;
	font-family: 'Trajanpro','思源黑體','微軟正黑體','Arial';
	font-weight: bold;
	text-align: center;
	transition: .2s;
}
.YP-navbar .navbar-nav .YP-menu-li > a span + span:before{
	content: '';
	width: 0px;
	height: 0;
	display: block;
	position: absolute;
	top: 46%;
	left: 0;right: 0;
	margin: 0 auto;
	border-top: 3px solid #c0eaed;
	transition: .2s;
}
.YP-navbar .navbar-nav .YP-menu-li:hover > a span + span:before{
	width: 40px;
}
.YP-navbar .navbar-nav .YP-menu-li:hover > a span{
	color: #43b3bb;
}
.YP-navbar .navbar-toggle{
	background-color: #c0eaed;
	border: none;
}
.YP-navbar .navbar-toggle .icon-bar{
	background-color:#43b3bb; 
}
.YP-navbar .navbar-toggle:focus,
.YP-navbar .navbar-toggle:hover{
	background-color: #43b3bb;
}
.YP-navbar .navbar-toggle:focus .icon-bar,
.YP-navbar .navbar-toggle:hover .icon-bar{
	background-color: #ffffff;
}
.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li+li:before{
	content: '';
	width: 70%;
	height: 0;
	display: block;
	position: relative;
	left: 15%;
	top: 0;
	border-top: 1px solid #aaaaaa;
}
.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li a{
	padding: 10px 0;
}
.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li a span{
	font-size: 14px;
}

@media screen and (max-width:992px){
	.YP-navbar .navbar-toggle{
		margin-top: 20px;
	}

}
@media screen and (max-width:767px){
	.YP-navbar .navbar-nav .YP-menu-li{
		width: 100%;
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
	}
	.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu{
		width: 100%;
		position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    clear: both;
	    transition: 0s;
	}
	.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li+li:before{
		width: 80%;
		left: 10%;
	}
	.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li a {
		padding: 3px 0;
		text-align: center;
	}
	.YP-navbar .navbar-nav .YP-menu-li.dropdown .dropdown-menu li a span{
		display: inline-block;
	}
}
@media screen and (max-width:400px){
	.YP-navbar .navbar-toggle{
		margin-top: 8px;
	}
}



















/* banner=========================================================================== */
.YP-slider{
	margin-bottom: 35px;
}
.YP-slider .carousel-indicators{
	bottom: -40px;
	/* outline: 1px solid #f00; */
}
.YP-slider .carousel-indicators li{
	width: 15px;
	height: 15px;
	border: none;
	background-color: #c1c1c1;
	margin: 0;
}
.YP-slider .carousel-indicators li.active{
	background-color: #2faeb7;

}
@media screen and (max-width:768px){
	.YP-slider .carousel-indicators li{
		width: 10px;
		height: 10px;
	}
	.YP-slider .carousel-indicators{
		bottom: -30px;
	}

}






























/* 下方選單列表========================================================================= */
.YP-list{
	background-color: #e4f2f3;
	padding-top: 20px;
	padding-bottom: 20px;
}
.YP-list .container-fulid .row{
	margin: 0;
}
.YP-list ul{
	width: 100%;
	padding: 0;
	text-align: center;
	font-family: 'Trajanpro','思源黑體','微軟正黑體','Arial';
}
.YP-list ul li{
	list-style-type: none;
	padding-top:10px;
	padding-bottom:10px;
}
.YP-list ul li.YP-list-title a{
	color: #2faeb7;
	font-weight: bold;
}
.YP-list ul li.YP-list-title:after{
	content: '';
	height: 5px;
	width: 30%;
	display: block;
	position: relative;
	left: 35%;
	top: 0;
	margin-top: 30px;
	margin-bottom: 20px;
	background-color: #c0eaed;
}
.YP-list ul li a{
	color: #666666;
	width: 100%;
	display: block;
}
.YP-list ul li a:hover{
	text-decoration: none;
	font-weight: bold;
}
.YP-list ul li span{
	width: 100%;
	display: block;
	font-size: 14px;
	line-height: 22px;
}

























/* footer========================================================================= */
.YP-footer{
	padding-top: 10px;
	padding-bottom: 10px;
}
.YP-footer .container-fulid .row{
	margin: 0;
}
.YP-footer li {
	margin-right: 30px;
	font-size: 14px;
	color: #000000;
	line-height: 24px;
}
.YP-footer li a{
	color: #000000;
}
.YP-footer li a:hover{
	text-decoration: none;
	color: #2faeb7;
}
.YP-footer li a:focus{
	text-decoration: none;
}
.YP-footer li a .line-icon{
	width: 14px;
	height: 14px;
	display: inline-block;
	background-image: url('../images/line-icon.png');
	background-size: cover;

}
.YP-footer li a:hover .line-icon{
	background-image: url('../images/line-icon-2.png');

}
.YP-footer li i{
	margin-right: 10px;
}

























/* 內容區塊============================================================================ */
.YP-content{
	/* background-color: #aaaaaa; */
	/* padding-top: 20px; */
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.YP-content .YP-item img{
	border: 1px solid #d9d9d9;
	transition: .2s;

}
.YP-content .YP-item:hover img{
	border: 1px solid #c0eaed;

}













































/* 1200================================================================================ */
@media screen and (max-width:1200px){
}
























/* 992================================================================================ */
@media screen and (max-width:992px){

}
































/* 768================================================================================ */
@media screen and (max-width:768px){
	.pb-xs-15{
		padding-bottom: 15px;
	}

}





/* 400================================================================================ */
@media screen and (max-width:400px){

}





/* @media (max-width: @screen-xs-max) { 
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
}
@media (min-width: @screen-lg-min) {
} */