.processadvicearea {
    float: left;
    width: 95%;
    margin: 2% 2% 2% 2%;
    padding: 2% 2% 2% 2%;
    border: dashed 1px #212121;
}


.beforearea .processimg{
	width: 48%;
	float:left;
}

.processimg img{
	width: 100%;
	float:left;
}

.beforearea {
    float: left;
    width: 95%;
    margin: 2% 2% 2% 2%;
    padding: 4% 4% 4% 4%;
    background-color: #ddd1c2;
     border-radius: 10px;
}

.beforearea p{
	float:left;
	width: 50%;
	padding: 0 0 1% 1%;
}

.beforearea img{
	float:left;
	width: 50%;
	margin: 0 0 0% 0%;
}

.beforearea  .head{
	float:left;
	width: 50%;
	padding: 2% 0 0% 2%;
}

.beforearea  .textmain{
	float:left;
	width: 50%;
	padding: 2% 0 0% 2%;
}

.beforearea2 .textmain{
	float:left;
	width: 41%;
	margin: 0 0 8% 1%;

}

.itemarea {
	float:left;
	width: 100%;
	margin: 4% 0 4% 0%;
}


.processarea .processimg{
	width: 48%;
	float:left;
}

.processimg img{
	width: 100%;
	float:left;
}

.processarea p{
	float:left;
	width: 50%;
	padding: 0 0 1% 4%;
}

.processadvicearea p{
	float:left;
	width: 100%;
	padding: 0 0 8% 1%;
}

.processadvicearea  .stylistimg{
	float:left;
	width: 50%;
	padding: 0% 0 0% 0;
}


.processadvicearea  .head{
	float:left;
	width: 50%;
	padding: 0% 0 0% 2%;
}

.processadvicearea  .profile{
	float:left;
	width: 50%;
	padding: 2% 0 24% 2%;
}

	

.styleorder .fullangle{
	width: 100%;
	float:left;
	padding: 2% 2% 2% 2%;
}

.styleorder .fullangle{
	width: 100%;
	float:left;
	padding: 2% 2% 2% 2%;
}


.styleorder-inner .children{
    margin-right: 0px;
    margin-left: 0px;
    padding: 4px;
}

.styleorder-inner .children .child {
    width: 50%;
    padding: 4px;
}

.orderarea .main {
    padding:8px;
    margin-bottom: 10px;
}

.orderarea .children{
margin-right:0px;
margin-left:0px;
padding: 4px;
margin-top:15px;
}

.orderarea .child{
width: 50%;
padding: 4px;
float:left;
}