@charset "utf-8";
/* CSS Document */

/* font-family: 'Trajanpro','思源黑體','微軟正黑體','Arial'; */


/* 共用============================================================================ */

.YP-content .container .row{
	/* outline: 1px solid #f00; */
}

.YP-content .container-fulid .row{
	/* outline: 1px solid #00f; */
}
p{
	font-family: 'Arial','思源黑體','微軟正黑體';
	color: #333333;
	font-size: 1em;
	line-height: 1.8em;
}

/* 標題 */
.content_title{
	text-align: center;
	margin-top: 20px;
}
.content_title h1{
	font-size: 36px;
	line-height: 45px;
	display: inline-block;
	font-family: 'Trajanpro','思源黑體','微軟正黑體','Arial';
	color: #2faeb7;
	text-align: left;
	padding-left: 90px;
	background-position: left center;
	background-size: 90px 90px;
	background-repeat: no-repeat;	
}
.inner-banner img{
	width: 100%;
}

/* 頁碼 */
.pager li a{
	color: #2faeb7;
	border: none;
	border-radius: 0;
	font-family: 'Trajanpro','思源黑體','微軟正黑體','Arial';
	padding:3px 7px 0px;
}
.pager li:first-child:hover a,
.pager li:last-child:hover a{
	background-color: transparent;
}
.pager li.active a{
	background-color: #2faeb7;
	color: #ffffff;
}
.pager li:hover a,
.pager li.active:hover a{
	background-color: #a2d9dd;
	color: #2faeb7;
}

@media screen and (max-width:768px){
	.content_title h1{
		font-size: 24px;
		line-height: 30px;
		padding-left: 60px;
		background-size: 60px 60px;

	}
}




























/* 關於我們============================================================================ */
.content_title_about h1{
	background-image: url('../images/title-icon-about.png');
}
.about_content{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.about_content img{
	margin: 20px auto;
}

















/* 最新消息============================================================================ */
.content_title_news h1{
	background-image: url('../images/title-icon-news.png');
}
.news_list{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid #2faeb7;
	position: relative;
}
.news_list img{
	margin: 0 auto;
}
.news_list .news_title a,
.news_list .news_title a small{
	color: #333333;
}
.news_list .news_title:hover a,
.news_list .news_title:hover a small{
	color: #2faeb7;
	text-decoration: none;
}
.news_list .news_time{
	display: inline-block;
	color: #2faeb7;
	margin-bottom: 10px;
}
.news_list .news_more_btn{
	position: absolute;
	right: 0;
	bottom: 15px;
	color: #2faeb7;
	font-family: '微軟正黑體';
	font-size: 20px;
	line-height: 20px;
	padding: 3px;
}
.news_list .news_more_btn i{
	position: relative;
	top: 3px;
	font-size: 18px;
}
.news_list .news_more_btn:hover{
	color: #a2d9dd;
	text-decoration: none;
}















/* 最新消息內頁======================================================================== */
.news_content_title{
	border-bottom: 2px solid #2faeb7;
	position: relative;
}
.news_content_title .news_back{
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	padding: 3px;
	color: #a2d9dd;
	font-size: 12px;
}
.news_content_title .news_back:hover{
	text-decoration: none;
}
.news_content_title small{
	color: #333333;
}
.news_content .news_time{
	display: inline-block;
	color: #2faeb7;
	margin-bottom: 30px;
	margin-top: 10px;
}



























/* 常見問題============================================================================ */
.content_title_faqs h1{
	background-image: url('../images/title-icon-faqs.png');
}
.panel-YP{
	color: #333333;
	border:1px solid #2faeb7;
}
.panel-YP .panel-heading{
	color: #333333;
	background-color: #e4f2f3;
	padding-left: 60px;
	background-image: url('../images/faqs-icon.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}
.panel-YP .panel-heading:hover{
	background-color: #c0eaed;
}
.panel-YP .panel-heading h4 a{
	color: #333333;
	line-height: 1.2em;
}
.panel-YP .panel-heading h4 a:focus,
.panel-YP .panel-heading h4 a:hover{
	text-decoration: none;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top:1px solid #2faeb7;
}
.panel-YP .panel-body{
	color: #333333;
}



























/* 預約鑑賞============================================================================ */
.content_title_appointment h1{
	background-image: url('../images/title-icon-appointment.png');
}
.appointment_info{
	padding-top: 150px;
	padding-bottom: 150px;
	background-image: url('../images/appointment-banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
}
.YP-form{
	margin-bottom: 80px;
}
.YP-form .form-group{
	/* outline: 1px solid #f00; */
	padding: 5px;
}
.YP-form .form-group .text_label{
	display: inline-block;
	text-align: right;
	border-right: 5px solid #c0eaed;
	font-size: 1em;
	line-height: 1.4em;
}
.YP-form .form-group label .line{
	line-height: 2.4em;
}
.YP-form .form-group div{
	position: relative;
	display: inline-block;
	/* background-color: #aaaaaa; */
	height: 35px;
	/* padding: 0; */
}
.YP-form .form-group div .input_text{
	position: absolute;
	top: 0;bottom: 0;
	margin: 0 auto;
	width: calc(100% - 30px);
	border-radius: 5px;
	border: 1px solid #333333;
}
.YP-form .form-group div .input_text:focus{
	outline: none;
	border: 1px solid #2faeb7;
}
.YP-form .form-group div .input_radio{
	display: none;
}
.YP-form .form-group div .input_radio+.input_radio_label{
	line-height: 2.4em;
	margin-right: 15px;
}
.YP-form .form-group div .input_radio+.input_radio_label:before{
	content: '';
	width: 17px;
	height: 17px;
	margin: 0px 5px;
	position: relative;
	top: 3px;
	display: inline-block;
	background: url('../images/radio_check.png') left top no-repeat;
}
.YP-form .form-group div .input_radio:checked+.input_radio_label:before{
	background-position: left bottom;
}
.YP-form .form-group div .select-YP{
	position: absolute;
	top: 0;bottom: 0;
	left: 15px;
	margin: 0 auto;
	width: calc(100% - 30px);
	border-radius: 5px;
	border: 1px solid #333333;
}
.YP-form .form-group div .select-YP:focus{
	outline: none;
	border: 1px solid #2faeb7;
}
.YP-form .input_checkbox{
	display: none;
}
.YP-form .input_checkbox+.textarea_label:before{
	content: '';
	width: 17px;
	height: 17px;
	margin: 0px 5px;
	position: relative;
	top: 3px;
	display: inline-block;
	background: url('../images/radio_check.png') left top no-repeat;
}
.YP-form .input_checkbox:checked+.textarea_label:before{
	background-position: left bottom;
}
.YP-form div .textarea-YP{
	border-color: #333333;
	margin-bottom: 20px;
}
.YP-form div .textarea-YP:focus{
	outline: none;
	border: 1px solid #2faeb7;
}
.btn-YP{
	text-align: center;
}
.btn-YP button{
	background-color: #c0eaed;
	color: #ffffff;
	padding: 2px 15px;
	transition: .3s;
}
.btn-YP button:hover{
	background-color: #2faeb7;
	color: #ffffff;
}
@media screen and (max-width:992px){
	.appointment_info{
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media screen and (max-width:768px){
	.YP-form .form-group .text_label{
		text-align: left;
		border-left: 5px solid #c0eaed;
		border-right: none;
	}
}


































/* 服務項目============================================================================ */
.content_title_service h1{
	background-image: url('../images/title-icon-service.png');
}
.service_img{
	margin: 15px auto;
}
































/* 聯絡我們============================================================================ */
.content_title_contact h1{
	background-image: url('../images/title-icon-contact.png');
}
.contact_left{
	color: #333333;
	text-align: right;
	border-right: 5px solid #c0eaed;
	margin-bottom: 5px; 
	font-size: 1em;
	line-height: 1.2em;
}
.line1{
	line-height: 2.4em;
	/* display: inline-block; */
}
.contact_right{
	margin-bottom: 20px;
}
.contact_right,
.contact_right a{
	transition: .3s;
	color: #333333;
}
.contact_right a:focus,
.contact_right a:focus i,
.contact_right a:hover,
.contact_right a:hover i{
	text-decoration: none;
	color: #2faeb7;
}
.contact_right a i{
	margin-left: 3px;
	color: #c0eaed;
	transition: .3s;
	font-size: 1.2em;
}
.contact_right a .line-icon{
	width: 14px;
	height: 14px;
	display: inline-block;
	background-image: url('../images/line-icon-3.png');
	background-size: cover;
}
.contact_map{
	width: 100%;
	height: 450px;
}
.contact_right a:focus .line-icon,
.contact_right a:hover .line-icon{
	background-image: url('../images/line-icon-2.png');
}
@media screen and (max-width:768px){
	.contact_left{
		text-align: left;
		border-left: 5px solid #c0eaed; 
		border-right: none; 
	}
	.contact_map{
		height: 200px;
	}
}
































/* 金價==================================================================================== */
.content_title_price h1{
	background-image: url('../images/title-icon-price.png');
}
.price_date{
	text-align: center;
	padding: 20px 0;
	color: #2faeb7;
	font-size: 1.4em;
	font-weight: bold;
	border-top: 2px solid #2faeb7;
	border-bottom: 2px solid #2faeb7;
}
.history_select{
	width: 200px;
	display: inline-block;
}
.history_select select{
	border: 1px solid #2faeb7;
	color: #2faeb7;
}
.today_price_table{
	border: 3px solid #2facb7; 
}
.today_price_table .bb-blue{
	border-bottom: 3px solid #2facb7; 
	text-align: center;
}
.today_price_table span.icon{
	padding-left: 20px;
	margin-right: 10px;
	background: url('../images/price_icon.png') no-repeat;
	background-size: 15px;
}
span.red{
	color: #ff0000;
}
span.green{
	color: #00aa00;
}
span.blue{
	color: #0084ff;
}
.today_price_table_inner>div{
	padding:5px 0;
}
.today_price_table_inner>div>div{
	padding-left:0;
	padding-right:0;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	text-align: center;
}
.boder_top{
	border-top: 1px solid #aaaaaa;
}
.boder_right{
	border-right: 1px solid #aaaaaa;
}
.ptpd-8{
	padding: 8px 0;
}
.ptpd-30{
	padding: 30px 0;
}
.history_price_table th,td{
	text-align: center;
	color: #333333;
}
.history_price_table table{
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.boder_right_xs{
		border-right: 1px solid #aaaaaa;
	}
}


































/* 產品介紹==================================================================================== */
.YP-product a.list-group-item:first-child,
.YP-product a.list-group-item:last-child{
	border-radius: 0; 
}
.YP-product a.list-group-item{
	background-color: #e4f2f3;
	color: #333333;
	border: 2px solid #ffffff;
}
.YP-product a.list-group-item.active{
	background-color: #2faeb7;
	color: #ffffff;
}
.YP-product a.list-group-item.active:focus,
.YP-product a.list-group-item.active:hover{
	background-color: #c0eaed;
	color: #2faeb7;
}
.YP-product a.list-group-item:focus,
.YP-product a.list-group-item:hover{
	background-color: #ffffff;
	color: #2faeb7;
	border-color: #ffffff;
}
.YP-product .input-group{
	margin-top: -10px;
}
.YP-product .input-group input{
	border-color: #c0eaed;
}
.YP-product .input-group input::-webkit-input-placeholder{
	color: #2faeb7;
}
.YP-product .input-group input::-moz-input-placeholder{
	color: #2faeb7;
}
.YP-product .input-group input:-moz-input-placeholder{
	color: #2faeb7;
}
.YP-product .input-group input::-ms-input-placeholder{
	color: #2faeb7;
}
.YP-product .input-group input::-o-input-placeholder{
	color: #2faeb7;
}
.YP-product .input-group button:focus,
.YP-product .input-group button{
	background-color: #c0eaed;
	border-color: #c0eaed;
	outline: none;
}
.product_item{
	width: 100%;
	display: inline-block;
	border: 2px solid #c0eaed;
	transition: .3s;
}
.product_item.product_item_on,
.product_item:hover{
	border-color: #2facb7;
}
.product_top_b2+.product_top_s3,
.product_top_b2+.product_top_s3+.product_top_s4{
	margin-top: -248px;
}
@media screen and (max-width:1200px){
	.product_top_b2+.product_top_s3,
	.product_top_b2+.product_top_s3+.product_top_s4{
		margin-top: -206px;
	}
}
@media screen and (max-width:992px){
	.product_top_b2+.product_top_s3,
	.product_top_b2+.product_top_s3+.product_top_s4{
		margin-top: -145px;
	}
}
@media screen and (max-width:768px){
	.product_top_b2+.product_top_s3,
	.product_top_b2+.product_top_s3+.product_top_s4{
		margin-top: 0;
	}
}






/* 產品介紹內頁==================================================================================== */
.YP-product div div{
	/* outline: 1px solid #f00; */
}
.YP-product .product_img_b{
	width: 100%;
}
.YP-product .product_img_s{
	width: 50px;
	display: inline-block;
}
.product_title{
	border-bottom: 2px solid #2facb7;
	margin-bottom: 10px;
}
.product_title h2,
.product_title h2 small{
	color: #333333;
}
.under_title{
	margin-bottom: 40px;
}
.product_link{
	display: inline-block;
	float: right;
}
.product_link a:hover{
	text-decoration: none;

}
.product_btn_back{
	padding-left: 20px;
	background: url('../images/back_icon.png') no-repeat;
	margin-left: 10px;
	color: #333333;
	transition: .2s;
}
.product_btn_back:hover{
	background-image: url('../images/back_icon2.png');
	color: #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) {
} */