@charset "utf-8";
.flow:before, .flow:after{display: table; content: " ";}
.flow:after{clear: both;}
.flow{margin-bottom:20px;}
.flow .item{float:left; margin:0; width:25%; display:inline;}
.flow .item > div{padding-right:10px; position:relative;}
.flow .item .name{height:40px; font-size:20px; color:#fff; line-height:40px; text-align:center; background-color:#84ccc9;}
.flow .item .textbox{padding:5px 8px 5px 12px; height:130px; color:#666; line-height:20px; border:1px solid #ccc;}
.flow .item .arrow1,.flow .item .arrow2,.flow .item .arrow3{position:absolute; right:-2px; top:80px; width:16px; height:16px; z-index:300; background:url(images/Lab_02.png) no-repeat;}
ol.reportls{margin-left:20px; list-style-type:decimal;}
ol.reportls li{list-style-type:decimal; font-size:14px; line-height:24px; color:#39425f; font-family:ss,arial}@media (max-width: 767px) {
.flow .item{float:left; margin:0; width:50%; display:inline;}
.flow .item > div{padding-right:10px; padding-bottom:10px; position:relative;}
.flow .item .arrow1{top:60px;}
.flow .item .arrow2{right:50%; top:130px; background:url(images/Lab_03.png) no-repeat;}
.flow .item .arrow3{top:60px; background:url(images/Lab_04.png) no-repeat;}
.flow .item .textbox{height:100px;}}@media (max-width: 480px) {
.flow .item .arrow1{top:80px;}
.flow .item .arrow2{right:50%; top:180px;}
.flow .item .arrow3{top:80px;}
.flow .item .textbox{height:150px;}}
.securitytext p{padding-bottom:24px;}