@charset "utf-8";

.flexslider{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}

.p_tab{width:1140px;margin:0 auto 45px;border-bottom:1px solid #d1d1d1;}
.p_tab .btn{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);padding:16px 22px;margin:0 20px 36px 0;}

.product_gallery{box-sizing:border-box;width:80%;margin:0 auto;}

.product_inner{width:800px;margin:30px auto;min-height:600px;}
.product_inner_info{border-top:1px solid #d1d1d1}
.product_inner_info .title{margin:25px 0 25px;padding:14px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:left;}
.product_inner_info .title h2{font-size:26px;font-weight:bold;line-height:44px;color:#4e4644;letter-spacing:2px;}
.product_inner_info .desc{font-size:15px;color:#666;line-height:28px;margin-bottom:60px;}
.product_inner_info .price{font-size:14px;color:#fff;font-weight:bold;margin-bottom:50px;background:#dcb31c;padding:15px 20px;display:inline-block;}
.product_inner_info .date{font-size:13px;color:#afafaf;letter-spacing:1px;margin-bottom:16px;line-height:30px;}

.about_pic{max-width:100%;margin:30px 0 50px;}
.about_pic img {width:100%;display:block;}
.about_info{}
.about_info .title{margin:25px 0 25px;padding:14px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:left;}
.about_info .title h2{font-size:20px;font-weight:bold;line-height:32px;letter-spacing:2px;}
.about_info .desc{font-size:15px;color:#666;line-height:28px;margin-bottom:60px;}
.about_info .desc p{text-indent:-1.5em;margin-left:1.5em;}
.about_info .desc p span{font-size:16px;font-weight:bold;color:#333;}
.about_info .price{font-size:14px;color:#fff;font-weight:bold;margin-bottom:50px;background:#dcb31c;padding:15px 20px;display:inline-block;}
.about_info .date{font-size:13px;color:#afafaf;letter-spacing:1px;margin-bottom:16px;line-height:30px;}


.news_area .a_news,.contact_area .a_news{background:#fff;padding:20px;}
.news_area .a_news .title{max-height:28px;overflow:hidden;}
.news_area .a_news .btn{margin-bottom:10px;}

.page_menu{width: 100%; margin: 60px auto 40px;}
.page_menu ul li{text-align: center; line-height: 35px; margin:0 10px;}
.page_menu ul li a{font-size: 13px; color:#999; display: block;}
.page_menu ul li a:hover{color:#109a90;}
.page_menu ul li.page{ width: 35px; height: 35px; background: #ddd; margin: 0 6px;}
.page_menu ul li.arrow{width:24px;height:35px;margin:0 3px;}
.page_menu .page:hover, .page_menu ul li.active{background: #109a90;}
.page_menu .page:hover a, .page_menu ul li.active a{color:#fff;}

.contact_form .contact_input{display:block;width:calc(100% - 30px);height:40px;line-height:40px;border:1px solid #d1d1d1;padding:0 15px;font-size:15px;color:#333;margin:30px 0 0;}
.contact_form .contact_textarea{display:block;width:calc(100% - 30px);height:75px;resize:none;padding:15px;border:1px solid #d1d1d1;font-size:15px;color:#333;line-height:25px;margin:30px 0 0;}
.contact_form_submit{background:#fff;cursor:pointer;margin:30px 0 18px;padding:12px 16px;font-size:16px;}
.maps{width:100%;min-width:1200px;height:360px;border:0;}

.a_news.a_contact .left{width:20%;height:92px;position:relative;margin-right:5%;}
.a_news.a_contact .left i{font-size:36px;color:#109a90;}
.a_news.a_contact .right{width:75%;}

.obituary_sec{
	max-width:900px;
	border: 1px solid #cdcdcd;
	position: relative;
}
.obituary-bg{
	background:url("../images/common/ob-bg.jpg") no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 1200px; 
}
.obituary_sec .top{
	position: relative;
	padding:30px;
}
.ob_pic{
	float:right;
	position: relative;
	padding:10px;
	margin-left:20px;
	margin-bottom:30px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.14);
	display: block;
	background:#fff;
}
.ob_pic .pic{
	max-width:400px;
	display: block;
}
.ob_pic .shadow{
	position: absolute;
	right: -27px;
    bottom: -20px;
}
.obituary_sec .bg{
	position: absolute;
	bottom:0;
	right:0;
}
.obituary_sec .bg img{
	max-width:100%;
}
.obituary_sec .obituary_text{
	font-size:16px;
	line-height:30px;
	color:#666;
	position: relative;
	z-index: 1;
}
.up_text{
	font-size:80%;
	position: relative;
	margin-right:5px;
	color:#aaa;
}
.obituary_sec .top .timeline{
	position: relative;
	z-index: 1;
	margin-top:40px;
}
.bottom-line{
	width:100%;
	height:1px;
	background:rgba(0, 0, 0, .15);
	display: block;
	margin-top:30px;
	position: relative;
}
.bottom-line:after{
	content:'';
	position: absolute;
	width:100%;
	height:1px;
	background: rgba(255, 255, 255, 1);
	display:block;
	bottom:-1px;
	left:0;
}
.obituary_sec .top .timeline img{
	max-width:100%;
	display: block;
	margin:0 auto;
}
.obituary_sec .top .form{
	max-width:100%;
	border:2px solid rgba(0,0,0,0.14);
	position: relative;
	z-index: 1;
	margin:40px 0 40px;
	border-radius: 6px;
	background:rgba(255, 255, 255, .5);
}
.obituary_sec .top .form .form-inner{
	padding:20px 10px;
}
.input-ico-text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}
.input-ico-text::before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    color: #f09e4d;
}
.input-text {
    width: 440px;
    max-width: 100%;
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    outline: none;
    background: #e8e8e8;
    border: 1px solid #d5d5d5;
    padding: 0 20px;
    font-size: 13px;
    color: #333;
    -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);
}
.one-res-input .input-float {
    display: inline-block;
}
.input-label{
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
}

.obituary_sec iframe{
	width:100%;
	height:350px;
}

.obt-sub-title{
	font-size:24px;
	line-height:1.4em;
	color:#4a2703;
	font-weight:bold;
	letter-spacing: 0.06em;
}

@media screen and (min-width: 1200px) {
	
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.product_inner{width:92%;}
	.p_tab {width:90%;}
	.ob_pic .pic{
		max-width:320px;
	}
}

@media screen and (max-width: 767px) {
	.product_inner{width:92%;}
	.p_tab {width:90%;}
	.obituary_sec{
		max-width:100％;
	}
	.ob_pic{
		float:none;
		position: relative;
		margin-left:0;
		margin-bottom:30px;
		display:inline-block;
	}
	.ob_pic .pic{
		width:320px;
		max-width:100%;
	}
	.ob_pic .shadow{
		width:default;
	}
	.input-text,.input-wrap-s .input-text{
		padding: 0 10px;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	.obituary_sec .top{
		padding:30px 15px;
	}
	.obituary_sec iframe{
		width:100%;
		height:calc(100vw * 0.5);
	}
}

@media screen and (max-device-width: 480px) {
	
}
