hr{
    border:none;
    border-top:dashed 1px #888888;
    height:1px;
    color:#FFFFFF;
    margin: 0 16 0 16;
}

a { text-decoration : none ; border-bottom : dashed 1px  #008080; } 

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 30px;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.pen::before{
width: 20px;
height: 12px;
background: #008080 ;
}
.pen::after{
left: 20px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 10px solid #008080;
}

body{ padding: 0 20px;
}

.box2{
width:90%;
border-width: 2 2 2 2;
display: inline-block;
margin:5px 10px 10px 10px;
padding:10px 5px 5px 10px;
border-color:#008080;
border-style:dashed;
line-height:150%;
text-align:left;}