.position{margin-left:auto;margin-right:auto;text-align:center;    margin:3% 0 2%;}
#workarea{width:100%;height:100%;font-family:Raleway}
#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{margin-top:0;position:relative;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px}
#shape{stroke-width:3px;fill:transparent;stroke-dasharray:85 400;stroke-dashoffset:-165;transition:1s all ease}
#text{text-align:center}
#text a{color:#000;text-decoration:none;font-weight:100;font-size:1.1em;    font-family: 微软雅黑;}
/* .svg-wrapper:hover #shape{stroke-dasharray:250 0;stroke-width:3px;stroke-dashoffset:0;stroke:#FF0018}
 */
#text a:hover{color:#F00;}

.service-detail-contain{padding: 0}
.service-detail-section {padding-bottom: 5%;}
.flickerplate ul li .flick-title{
	padding: 0px;
    text-align: center;
    line-height: 56px;
    line-height: 3.5rem;
    font-size: 28px;
    font-size: 1.75rem;
}
.flickerplate ul li .flick-title span{
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: rgba(0,0,0,0.6);
}






@media screen and (max-width:800px){
    .svg-wrapper{ float: left;
    width: 22%;
    margin-bottom: 3%;}
	.breadcrumb-box{margin-top:050px;}

}



@media screen and (max-width:480px){

.svg-wrapper{    float: left;    width: 30%;    margin-bottom: 3%;}

}