.easy_note {position: relative; padding: 30px; overflow: hidden; font-size:16px; line-height:22px; text-align:justify;}

.easy_note:before {content: ""; position: absolute; top: 0; border-style: solid; background:transparent; display: block; width: 0;}

.easy_note h3 {width: 100%; padding: 0; margin: 0 0 15px 0; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6); font-size: 18px; line-height: 24px;}

.en-float-left {float:left; margin: 0 20px 20px 0;}
.en-float-left:before {right:0; border-width: 0 25px 25px 0; border-color:#fff #fff transparent transparent; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);}
.en-float-right {float:right; margin:0 0 20px 20px;}
.en-float-right:before {left: 0; border-width: 25px 25px 0 0; border-color:#fff transparent #fff #fff; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.2);}

.en-width-20 {width:calc(20% - 60px);}
.en-width-30 {width:calc(30% - 60px);}
.en-width-40 {width:calc(40% - 60px);}
.en-width-50 {width:calc(50% - 60px);}
.en-width-75 {width:calc(75% - 60px);}
.en-width-100 {width:calc(100% - 60px);}

.en-background-blue {background: #AAC2E2;}
.en-background-yellow {background: #FFED6C;}

i.easy_note-own-icon {background-image: url('../images/en-icon.png');}