/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/bn_02.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
.table_ul{display: table;width: 100%;}
.table_ul li{display: table-cell;float: none;vertical-align: middle;width: 50%;}
.table_ul .li1{padding-right: 1%;}
.table_ul .li2{padding-left: 1%;}
.sec_common_h2{margin-bottom: 30px;}
.sec_common_h2 span{color: #737c9a;}
.p_custom1{color: #737c9a;margin: 40px 0 20px 0;}
/* sub default */
.section_div > section *{text-align: left;}

.section_div > .sec-bna{padding: 50px 0 0 0;}

section > h2 span{color:#737c9a;}
section > h2{margin-bottom: 30px;}
.sec1{border-bottom: 1px solid #e3e3e3;}

.sec2 .ul1 li{width: 32%;margin-top: 65px;}
.sec2 .ul1 .li2{margin: 65px 2% 0 2%;}
.sec2 .ul1 li > div *{text-align: center;}
.sec2 .ul1 li > div{max-width: 320px;margin: 0 auto;display: table;position: relative;width: 100%;}
.sec2 .ul1 li > .div1 p{position: absolute;}
.sec2 .ul1 li > .div2{background: #999;height: 45px;}
.sec2 .ul1 li > .div3{background: #f4f4f4;height: 77px;}
.sec2 .ul1 li > .div2 h4{color: #fff;display: table-cell;vertical-align: middle;}
.sec2 .ul1 li > .div3 p{color: #2e2d2d;display: table-cell;vertical-align: middle;}
.sec2 .ul1 li > .div1 .p1{color: #2e2d2d;width: 90px;height: 90px;line-height: 90px;top: -45px;margin-left: -45px;left: 50%;border-radius:50%;background:#ccd3ed;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);}

.sec2 .ul1 .li1 > .div1 .p2{top: 35.5%;left: 69%;}
.sec2 .ul1 .li2 > .div1 .p2{top:37%;left: 70%;}
.sec2 .ul1 .li2 > .div1 .p3{top: 85%;left: 39%;}
.sec2 .d1{background:url("/www-img/sub/bulbouse-nose/bn_06.png") no-repeat;background-position: 0 0;margin-top: 20px;}
.sec2 .d1 > .div1{float: right;width: 58%;}
.sec2 .d1 > .div1 > div{background: #f4f4f4;padding: 20px;border-radius:20px;margin-bottom: 15px;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.30);
}
.sec2 .d1 > .div1 > div .p1{position: relative;}
.sec2 .d1 > .div1 > div .p1 span{font-size: 18px;position: absolute;top: 0;left: 0;background: #ccd3ed;color: #222;padding: 5px 0;border-radius:200px;
text-align: center;display: block;}
.sec2 .d1 > .div1 > .in1 .p1{padding-left: 150px;}
.sec2 .d1 > .div1 > .in1 .p1 span{width: 140px;}
.sec2 .d1 > .div1 > .in2 .p1{padding-left: 110px;}
.sec2 .d1 > .div1 > .in2 .p1 span{width:100px;}
.sec2 .d1 > .div1 > .in1 > div{margin: 0 auto;max-width: 431px;position: relative;}
.sec2 .d1 > .div1 > .in2 > div{margin: 0 auto;max-width: 472px;position: relative;}
.sec2 .d1 > .div1 > div > div p{position: absolute;font-size: 15px;text-align: center;}
.sec2 .d1 > .div1 > .in1 > div p{top: 56%;left: -25px;line-height: normal;}
.sec2 .d1 > .div1 > .in2 > div .in_p1{top: 67%;left: 2px;}
.sec2 .d1 > .div1 > .in2 > div .in_p2{top: 67%;right:10px;}
.sec2 .d1 > .div1 a{width: 160px;display: block;margin: 20px auto 0 auto;padding: 12px 0;color: #fff;text-align: center;background: #7b7b7b;}

.sec2 .ul2 > li{width: 32%;margin-top: 20px;}
.sec2 .ul2 > .li2{margin: 20px 2% 0 2%;}
.sec2 .ul2 > li > div{max-width: 349px;margin: 0 auto;width: 100%;display: table;}
.sec2 .ul2 > li *{text-align: center;}
.sec2 .ul2 > li h4{height: 45px;color: #fff;background:#29384f;line-height: 45px; }
.sec2 .ul2 > li > .div2{border: 1px solid #d5d1d2;height: 160px;padding: 10px;}
.sec2 .ul2 > li > .div2 p{display: table-cell;vertical-align: middle;color: #222;}

body #main .sec-sub-bna{background-color: #ee95d5;margin-top: 50px;}

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{height: 300px;background-size:cover;}
	.h1_hr{margin: 20px auto;}
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec2 .ul1 li > .div1 .p1{width: 70px;height: 70px;line-height: 70px;top: -35px;margin-left: -35px;}
	.sec2 .ul1 li{width: 32%;margin-top: 50px;}
	.sec2 .ul1 .li2{margin: 50px 2% 0 2%;}
	
	.sec2 .d1{background-position: -150px 0;}
	.sec2 .d1 > .div1{width: 67%;}
	
	.sec2 .d1 > .div1 > div > div p{position: absolute;font-size: 10px;}
	
	.sec2 .d1 > .div1 > .in1 > div p{top: 58%;left: -2px;}
	.sec2 .d1 > .div1 > .in2 > div .in_p1{top: 67%;left: 9px;}
	.sec2 .d1 > .div1 > .in2 > div .in_p2{top: 67%;right:20px;}
	
	.sec2 .ul2 > li > .div2 p br{display: none;}
	.section_div > .sec-bna{padding: 20px 0 0 0;}

	body #main .sec-sub-bna{margin-top: 20px;}
}


@media only screen and (max-width: 767px) {
	/* sub default */
	.table_ul li{display: block;width: 100%;margin: 0 auto;}
	.table_ul .li1{padding-right: 0%;margin-bottom: 20px;}
	.table_ul .li2{padding-left: 0%;}
	/* sub default */
	
	
	.sec2 .d1{background: none;}
	.sec2 .d1 > .div1{width: 100%;}
	
	.sec2 .ul2 > li{width: 100%;display: table;}
	.sec2 .ul2 > li > .div2{height: auto;border: none;background:#e0e1e5; }
	.sec2 .ul2 > .li2{margin: 20px auto 0 auto;}
	.sec2 .ul2 > li > div{max-width: 100%;display: table-cell;vertical-align: middle;}
	.sec2 .ul2 > li > .div1{width: 35%;}
	.sec2 .ul2 > li > .div2{width: 65%;}
	
}
@media only screen and (max-width: 640px) {
	.sec2 .ul1 li{width: 100%;margin: 0 auto;margin-top: 20px;}
	.sec2 .ul1 .li2{margin: 20px auto 0 auto;}
	
	.sec2 .d1 > .div1 > .in1 > div p br,
	.sec2 .ul1 li > .div3 p br{display: block;}
	.sec2 .ul1 li > .div1 .p1{margin-left: 0;top: 10px;left: 10px;}
	
	.sec2 .d1 > .div1 > .in1 > div p{top: 58%;left: -15px;}
	.sec2 .d1 > .div1 > .in2 > div .in_p1{top: 65%;left: 0px;}
	.sec2 .d1 > .div1 > .in2 > div .in_p2{top: 65%;right:3px;}
	
	.sec2 .ul2 > li > .div2 p{font-size: 12px;}
	
	.sec2 .ul2 > li > .div1{width: 50%;}
	.sec2 .ul2 > li > .div2{width: 50%;}
	
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/* sub default */
	.section_div > section{padding: 20px;}
	/* sub default */
}