/* --------- sec_top --------- */
	.sec_top{
		width: 100%;
		/*height: 955px;*/
		padding:130px 0 50px;
		box-sizing: border-box;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.sec_top ul{
		display: flex;
    	justify-content:space-between;
    	flex-wrap:wrap;
    	margin-top: 50px;
	}
	.sec_top li{
		display: inline-block;
		width: 301px;
		/*margin-left: 5.4335%;*/
		margin: 30px 0;
		vertical-align: top;
		text-align: center;
	}
	.sec_top li:first-child{
		margin-left: 0;
	}
	.sec_top li h3{
		font-size: 1.3em;
		line-height: 1.2em;
		margin:30px 0 0;
		height: 2.5em;
	}
	.sec_top li h3.two_line{
		margin: 20px 0 25px;
	}
	.sec_top li p{
		/*text-align: justify;*/
		text-align: center;
		margin:0 auto;
		line-height: 1.5em;
		padding:0 20px;
	}
	.sec_top li:nth-child(5) img{ /* NEW ADJUST FOR ICON*/
		height: 110px;
	}
/* --------- END sec_top --------- */
/* --------- sec_service --------- */
	.sec_service .menu_container{
		width: 70%;
		margin:50px auto;
	}
	.sec_service .filter{
		display: inline-block;
		width: 25%;
		height: 60px;
		line-height: 58px;
		border-radius: 3px;
		margin-left: -4px;
		text-align: center;
		border:1px solid #dedede;
		cursor: pointer;
		font-size: 1.2em;
		font-weight: normal;
		letter-spacing: 2px;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.sec_service .filter:nth-child(2n-1){
		margin-left: -5px;
	}
	.sec_service .filter:first-child{
		margin-left: -6px;
	}
	.sec_service .filter.active{
		background: #7DAE64;
		border-color: #7DAE64;
		color:white;
		position: relative;
	}
	.service_charge .title:before,
	.sec_service .filter.active:before{
		content:"";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 5px 0 5px;
		border-color: #7dae64 transparent transparent transparent;
		position: absolute;
		left: calc(50% - 8px);
		bottom: -7px;
		z-index: 2;
	}
	.sec_service .mix .description{
		width: 73%;
		text-align: center;
		line-height: 1.5em;
		font-weight: 300;
		margin: 0 auto 60px;
	}
	.sec_service .mix .b_descript{
		margin: 20px auto 0;
	}

	#home_slider{
		width: 65%;
		margin:0 auto;
	}
	#home_slider{
		text-align: center;
		position: relative;
	}
	.owl-prev,
	.owl-next{
		width: 0;
		height: 0;
		opacity: .8;
		border-style: solid;
		position: absolute;
		top: 100px;
	}
	.owl-prev:hover,
	.owl-next:hover{
		opacity: 1;
	}
	.owl-prev{
		border-width: 12px 20px 12px 0;
		border-color: transparent #ffaa00 transparent transparent;
		left: -70px;
	}
	.owl-next{
		border-width: 12px 0 12px 20px;
		border-color: transparent transparent transparent #ffaa00;
		right: -70px;
	}
	#home_slider img,
	#home_slider h3,
	#home_slider p {
		display: block;
		max-width: 205px;
		text-align: center;
		margin: 0 auto;
	}
	#home_slider h3{
		font-size: 1.2em;
		font-weight: 400;
		margin:10px auto 0px;
	}
	#home_slider p{
		line-height: 1.2em;
		font-weight: 300;
	}

	.banner_img{
		display: block;
		width: 1000px;
		max-width: 100%;
		margin:0 auto;
	}

	.mix .btn{
		display: block;
		width: 140px;
		height: 40px;
		line-height: 38px;
		margin:20px auto 0;
		outline: 2px solid;
		-webkit-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		   -moz-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		    -ms-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		     -o-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		        animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	}
	.mix .btn:hover{
		box-shadow: 0 5px 15px rgba(170,110,10,.5),
	 				0 0 0 4px rgba(255,169,0,1) inset,
	 				0 0 0 5px white inset,
	 				0 0 20px 5px rgba(255,169,0,1) inset;
	}

	.mix2 .btn{
		display: block;
		width: 140px;
		height: 40px;
		line-height: 38px;
		font-size: 18px;
		margin:20px auto 0;
		outline: 2px solid;
		-webkit-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		   -moz-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		    -ms-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		     -o-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
		        animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	}
	.mix2 .btn:hover{
		box-shadow: 0 5px 15px rgba(170,110,10,.5),
	 				0 0 0 4px rgba(255,169,0,1) inset,
	 				0 0 0 5px white inset,
	 				0 0 20px 5px rgba(255,169,0,1) inset;
	}

	.service_charge .title{
		width: 220px;
		height: 60px;
		margin:50px auto 30px;
		border-radius: 3px;
		line-height: 58px;
		background: #7dae64;
		color:white;
		text-align: center;
		font-size: 1.2em;
		font-weight: normal;
		letter-spacing: 2px;
		position: relative;
	}
	.service_charge ul{
		width: 80%;
		margin:0 auto;
	}
	.service_charge li{
		display: inline-block;
		vertical-align: top;
		width: 43%;
		padding-left: 20px;
		box-sizing: border-box;
		font-size: 1em;
		line-height: 1.8em;
		position: relative;
	}
	.service_charge li:nth-child(2n){
		margin-left: 7%;
	}
	.service_charge li:before{
		content:"";
		display: inline-block;
		width: 3px;
		height: 3px;
		border-radius: 2px;
		background: #646464;
		position: absolute;
		top: 15px;
		left: 0px;
	}
/* --------- END sec_service --------- */
/* --------- sec_noservice --------- */
	.sec_noservice .container{
		width: 1300px;
		padding:20px 20px 40px 20px;
		box-sizing: border-box;
		margin:100px auto;
		border:1px solid #7dae64;
		position: relative;
	}
	.sec_noservice .container:after{
		content:"";
		display: block;
		width: 59px;
		height: 59px;
		background: url("../img/icon/icon_notice.png") 0 0 no-repeat;
		position: absolute;
		top:-30px;
		left: calc(50% - 225px);
	}
	.sec_noservice h4{
		font-size: 1.7em;
		font-weight: normal;
		letter-spacing: 5px;
		text-align: center;
		margin-bottom: 30px;
	}
	.sec_noservice ul{
		width: 75%;
		margin:0 auto;
	}
	.sec_noservice li{
		display: inline-block;
		vertical-align: top;
		width: 43%;
		padding-left: 20px;
		box-sizing: border-box;
		font-size: .9em;
		line-height: 2em;
		position: relative;
	}
	.sec_noservice li:nth-child(2n){
		margin-left: 7%;
	}
	.sec_noservice li:before{
		content:"";
		display: inline-block;
		width: 3px;
		height: 3px;
		border-radius: 2px;
		background: #646464;
		position: absolute;
		top: 15px;
		left: 0px;
	}
/* --------- END sec_noservice --------- */
/* --------- sec_noservice_weekly --------- */
.sec_noservice_weekly .container{
	width: 1300px;
	padding:20px 20px 40px 20px;
	box-sizing: border-box;
	margin:100px auto;
	border:1px solid #7dae64;
	position: relative;
}
.sec_noservice_weekly .container:after{
	content:"";
	display: block;
	width: 59px;
	height: 59px;
	background: url("../img/icon/icon_notice.png") 0 0 no-repeat;
	position: absolute;
	top:-30px;
	left: calc(50% - 225px);
}
.sec_noservice_weekly h4{
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
	margin-bottom: 30px;
}
.sec_noservice_weekly h5{
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
	margin-bottom: 30px;
}
.sec_noservice_weekly ul{
	width: 75%;
	margin:0 auto;
}
.sec_noservice_weekly li{
	/* display: inline-block; */
	vertical-align: top;
	/* width: 43%; */
	padding-left: 20px;
	box-sizing: border-box;
	font-size: .9em;
	line-height: 2em;
	position: relative;
}
.sec_noservice_weekly li:before{
	content:"";
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 2px;
	background: #646464;
	position: absolute;
	top: 15px;
	left: 0px;
}
/* --------- END sec_noservice_weekly --------- */
/* --------- sec_process --------- */
	.sec_process{
		padding: 70px 0 50px;
	}
	.sec_process .container{
		width: 1300px;
		flex-wrap: nowrap;
	}
	.sec_process ul{
		margin-top: 0;
	}
	.sec_top ul{
		display: flex;
    	justify-content:space-between;
    	flex-wrap:wrap;
    	margin-top: 30px;
	}
	.sec_process li{
		position: relative;
	}
	.sec_process li:after{
		content:"";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 10px;
		border-color: transparent transparent transparent #ffaa00;
		position: absolute;
		top:18%;
		right: 0;
	}
	.sec_process li:last-child:after{
		display: none;
	}
	/*.sec_process span{
		font-family: 'PT Sans', sans-serif;
		font-size: 2em;
		position: absolute;
		top: 0;
		right: 50px;
	}*/
/* --------- END sec_process --------- */
/* --------- sec_area --------- */
	.sec_area .container{
		width: 1300px;
		padding:70px 0 0px;
	}
	.area_notice{
		display: block;
		box-sizing: border-box;
		width: 290px;
		max-width: 100%;
		padding:14px 20px;
		border-radius: 3px;
		margin:70px auto;
		border:1px solid #7DAE64;
		color:#7DAE64;
		letter-spacing: 3px;
		font-size: 1.05em;
		position: relative;
	}
	.area_notice:after{
		content:"";
		display: block;
		width: 59px;
		height: 59px;
		background: url("../img/icon/icon_notice.png") 0 0 no-repeat;
		position: absolute;
		top:-30px;
		right: 15px;
	}
	.area_left,
	.area_right{
		display: inline-block;
		vertical-align: top;
		width: 50%;
		text-align: center;
	}
	.area_right{
		margin-left: -4px;
	}
	.sec_area .map{
		display: inline-block;
		vertical-align: middle;
		margin:40px 0;
		width: 229px;
		height: 215px;
		background-repeat: no-repeat;
		background-position: center center;
		box-sizing: border-box;
	}
	.sec_area .content{
		display: inline-block;
		vertical-align: middle;
	}
	.sec_area h3{
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.sec_area ul{
		width: 370px;
		margin:0 auto;
		padding-left: 4px;
		box-sizing: border-box;
		text-align: left
	}
	.sec_area li{
		font-size: 1.2em;
		letter-spacing: 5px;
		width: 90px;
		padding-right: 5px;
		box-sizing: border-box;
		height: 48px;
		line-height: 48px;
		display: inline-block;
		margin-left: -4px;
		text-align: right;
	}
/* --------- END sec_area --------- */
/* --------- sec_charge --------- */
	.sec_charge{
		padding-bottom:100px;
	}
	.sec_charge .container{
		width: 1300px;
		padding-top: 80px;
	}

	.sec_charge .container > ul{
		display: flex;
		justify-content: space-around;
			flex-wrap: nowrap;
		margin-top: 50px;
	}

	.charge_wrap{
		display: inline-block;
		width: 25%;
		max-width: 265px;
		min-width: 260px;
		margin: 10px 0;
		vertical-align: top;
	}
	.charge_wrap .charge_img{
		width: 264px;
		height: 248px;
		background-repeat: no-repeat;
		/*opacity: .4;*/
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
		box-sizing: border-box;
		padding:70px 0;
	}
	.charge_wrap .charge_img p{
		font-size: 2.5em;
		font-weight: bold;
		line-height: 1em;
		letter-spacing: 1px;
		display: block;
		text-align: center;
		text-shadow: 0 2px 10px rgba(0,0,0,.5);

	}
	.charge_wrap:hover .charge_img{
		opacity: 1;
		box-shadow: 0 0 50px rgba(0,0,0,.5) inset;
	}
	.charge_wrap .content{
		/*height: 250px;*/
		padding:30px 45px 0;
		box-sizing: border-box;
		position: relative;
		margin-top: -4px;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.charge_wrap .title{
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 20px;
		letter-spacing: 0px;
		margin-bottom: 30px;
	}
	/*.charge_wrap .special .title{
		color:#FFAB00;
	}*/
	/*.charge_wrap:hover .content h3,
	.charge_wrap:hover .content p,
	.charge_wrap:hover .btn.order{
		color:#FFAB00;
		border-color:#FFAB00;
	}*/
	/*.charge_wrap:hover .btn.order.disabled{
		color:#646464;
		border-color: #646464;
	}*/

	.price{
		font-size: .9em;
	}
	.special .price{
		color:#FFAB00;
	}
	.charge_wrap .price span{ /*crown*/
		display: inline-block;
		width: 32px;
		height: 22px;
		background:0 0 no-repeat;
		margin-bottom: -2px;
		margin-left: 15px;
	}
	.price~.enhance, .enhance{
		font-size: 2.4em;
		letter-spacing: 0;
		line-height: 1em;
	}
	.btn.order{
		display: block;
		width: 152px;
		height: 42px;
		line-height: 40px;
		margin:20px auto;
		border:2px solid white;
		background: transparent;
		color:white;
		font-size: .9em;
		font-weight: bold;
		letter-spacing: 0;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		z-index: 2;
	}
	.charge_wrap:hover .btn.order{
		box-shadow: 0 5px 15px rgba(170,110,10,.2);
		color:white;
		border-color: #FFAB00;
	}
	/*.btn.order:after{
		content:"";
		display: block;
		background: url(../img/icon/m_icon_arrow.png);
		width: 10px;
		height: 24px;
		position: absolute;
		left: 15px;
		top:8px;
	}*/
	/*.btn.order.disabled{
		cursor:default;
	}
	.btn.order.disabled:before{
		display: none;
	}
	.charge_wrap:hover .btn.order.disabled:hover{
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
		box-shadow: none;
		color:#646464;
	}*/
	/*.charge_wrap:hover .btn.order:after{
		filter:brightness(200%);
		-webkit-filter:brightness(200%);
	}
	.charge_wrap:hover .btn.order:after{
		filter:brightness(250%);
		-webkit-filter:brightness(250%);
	}*/
	/*.charge_wrap:hover .btn.order.disabled:after{
		filter:none;
		-webkit-filter:none;
	}*/
	.btn.order:before{ /*background color transition*/
		content:"";
		display: block;
		opacity: 0;
		width: 0;
		height: 100%;
		background: #FFAB00;
		position: absolute;
		top: 0;
		left: -20px;
		right: 0;
		margin:auto;
		z-index: -1;
		-webkit-transform: skew(135deg);
		   -moz-transform: skew(135deg);
		    -ms-transform: skew(135deg);
		     -o-transform: skew(135deg);
		        transform: skew(135deg);
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	.charge_wrap:hover .btn.order:before{
		opacity: 1;
		width: 150%;
	}
	/*.info{
		background: #ededed;
		height: 95px;
		box-sizing: border-box;
		padding:32px 0;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	ul.info{
		padding:10px 0;
	}
	.charge_wrap:hover .info{
		background: #FFEACF;
	}
	.info p{
		text-align: center;
	}
	.info li{
		width: 140px;
		margin:0 auto;
		text-align: left;
	}
	.info.warning{
		outline: 2px solid;
	-webkit-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	   -moz-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	    -ms-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	     -o-animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	        animation: warning 1.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	}
	input[type=radio   ]:not(old) + label > span{
		width            : 18px;
		height           : 18px;
		margin           : 0px 8px 2px 0px;
		border-radius    : 9px;
	}
	input[type=radio]:not(old):checked +  label > span > span{
		width            : 12px;
		height           : 12px;
		border-radius    : 6px;
		-webkit-animation: showsmallradio .2s forwards;
		-o-animation: showsmallradio .2s forwards;
		animation: showsmallradio .2s forwards ease;
	}*/
/* --------- END sec_charge --------- */
/* --------- RWD --------- */
	@media only screen and (max-width: 1380px){
		.sec_noservice .container,
		.sec_noservice_weekly .container,
		.sec_process .container,
		.sec_area .container,
		.sec_charge .container{
			width: 90%;
		}
		.sec_noservice ul{
			width: 85%;
		}
	}
	@media only screen and (max-width: 1250px){
		.container{
			width: 90%;
		}

		.sec_process h3{
			letter-spacing: 2px;
		}
		.area_notice{
			margin-bottom: 30px;
		}
	}
	@media only screen and (max-width: 1200px){
		.charge_wrap{
			min-width: 0;
			margin:10px 5px;
		}
		.charge_wrap .content{
			width: 100%;
			padding:30px 7% 0;
		}
		.charge_wrap .content p{
			text-align: center;
		}
		.charge_wrap .charge_img{
			width: 100%;
			max-width: 265px;
			min-width: 180px;
			box-sizing: border-box;
		}
	}
	@media only screen and (max-width: 980px){
		.sec_top{
			padding:0;
		}
		.sec_top ul,
		.sec_process ul{
	    	justify-content:space-around;
		}
		.sec_top li img,
		.sec_process li img{
			height: 80px;
		}

		.service_charge ul,
		.sec_noservice ul{
			width: 100%;
		}

		.sec_process .container{
			flex-wrap: wrap;
		}
		.sec_process li{
			width: 50%;
		}
		.sec_process li:nth-child(2):after{
			display: none;
		}
		.sec_process h3{
			letter-spacing: 0px;
		}

		.sec_charge .container{
			width: 100%;
			box-sizing: border-box;
			padding:80px 20px 0px;
			text-align: center;
		}

	}
	@media only screen and (max-width: 768px){
		.sec_service .menu_container{
			width: 100%;
		}
		.sec_service .filter,
		.service_charge li{
			font-size: 1em;
		}

		.service_charge li:nth-child(2n),
		.sec_noservice li:nth-child(2n){
			margin-left: 3%;
		}

		.sec_noservice .container{
			padding-top: 50px;
			margin: 70px auto 50px;
		}
		.sec_noservice h4{
			font-size: 1.5em;
			letter-spacing: 2px;
		}
		.sec_noservice .container:after{
			left: calc(50% - 30px)
		}

		.area_left,
		.area_right{
			display: block;
			width: 100%;
		}

		/*.charge_wrap .charge_img{
			width: 200px;
			height: 187px;
			vertical-align: bottom;
		}
		.charge_wrap .title{
			margin-bottom: 20px;
			vertical-align: bottom;
		}
		.charge_wrap .content{
			width: calc(100% - 201px);
			height: 187px;
			padding:10px 7%;
		}
		.price~.enhance{
			text-align: center;
			margin-bottom:20px;
		}
		.charge_wrap .info{
			width: 100%;
			padding:20px 0;
			margin:0;
			height: auto;
		}*/

		.sec_charge .container > ul{
			display: block;
		}
		.charge_wrap{
			width: 47%;
			margin:30px 0;
		}
		.price{
			text-align: center;
		}

	}
	@media only screen and (max-width: 480px){
		.sec_top li	{
			margin: 15px 0;
		}
		.sec_service .filter{
			display: block;
			width: 100%;
			height: 40px;
			line-height: 38px;
		}
		.sec_service .mix .description{
			width: 90%;
		}

		.owl-prev{
			left: -40px;
		}
		.owl-next{
			right: -40px;
		}

		.sec_process li{
			width: 100%;
			margin:25px 0;
		}
		.sec_process li:nth-child(2):after{
			display: block;
		}
		.sec_process li:after{
			border-width: 10px 6px 0 6px;
			border-color: #FFAB00 transparent transparent transparent;
			right: 50%;
			top:auto;
			bottom: -25px;
		}

		.service_charge li,
		.sec_noservice li{
			width: 100%;
		}
		.service_charge li:nth-child(2n),
		.sec_noservice li:nth-child(2n){
			margin-left: 0;
		}

		.sec_area .container{
			padding:70px 0;
		}
		.sec_area .map{
			width: 90%;
			padding:20px 0;
		}
		.sec_area li{
			width: 70px;
			height: 40px;
			line-height: 40px;
			letter-spacing: 3px;
		}
		.sec_area ul{
			width: 280px;
		}
		.sec_area h3{
			margin-bottom: 10px;
		}

		.charge_wrap{
			width: 100%;
			max-width: 264px;
			margin:10px auto;
			border:1px solid #ededed;
		}
		.charge_wrap .charge_img{
			width: 100%;
			height: 150px;
			padding:20px 0 0 ;
			opacity: .8;
		}
		.charge_wrap .charge_img p{
			font-size: 2em;
		}
		.charge_wrap .content{
			width: 100%;
			min-width: 0;
			height: auto;
			padding:30px 35px;
		}
		.charge_wrap .title{
			line-height: 20px;
			letter-spacing: 1px;
			margin-bottom: 30px;
		}
		.price~.enhance, .enhance{
			font-size: 2.4em;
		}
		.info{
			padding:27px 0;
		}

	}
	@media only screen and (max-width: 390px){
		.sec_process{
			padding:50px 0 0;
		}
		.sec_top li img,
		.sec_process li img{
			height: 90px;
		}
		.sec_content .page_title_zh:before, .sec_content .page_title_zh:after{
			width: 20%;
		}
	}
/* --------- END RWD --------- */