.div1{
width : 32px;height : 41px;position:absolute;top : 0px;left : 0px;-webkit-transform-origin:0% 0%; -webkit-transform:translate(0px,1px);transform-origin:0% 0%; transform:translate(0px,1px);
}
.div2{
width : 113px;height : 39px;position:absolute;top : 0px;left : 0px;-webkit-transform-origin:0% 0%; -webkit-transform:translate(0px,1px);transform-origin:0% 0%; transform:translate(0px,1px);
}
.div3{
width : 16px;height : 9px;position:absolute;top : 0px;left : 0px;-webkit-transform-origin:0% 0%; -webkit-transform:translate(0px,5.86px);transform-origin:0% 0%; transform:translate(0px,5.86px);
}
.div4{
width : 154px;height : 41px;position:absolute;top : 0px;left : 0px;-webkit-transform-origin:0% 0%; -webkit-transform:translate(0px,1px);transform-origin:0% 0%; transform:translate(0px,1px);
}
.span1{
position:absolute;top : 1px;left : 6px;
}
.span2{
position:absolute;top : 12px;left : 4px;
}
.span3{
position:absolute;top : 10px;left : 0px;
}
.span4{
position:absolute;top : 10px;left : 59px;
}
.span5{
position:absolute;top : 10px;left : 69px;
}
.span6{
position:absolute;top : 10px;left : 78px;
}
.span7{
position:absolute;top : 10px;left : 102px;
}
.span8{
position:absolute;top : 23px;left : 0px;
}
.span9{
position:absolute;top : 23px;left : 18px;
}
.span10{
position:absolute;top : 23px;left : 66px;
}
.span11{
position:absolute;top : -2px;left : 5px;
}
.span12{
position:absolute;top : 10px;left : 0px;
}
.span13{
position:absolute;top : 10px;left : 59px;
}
.span14{
position:absolute;top : 10px;left : 91px;
}


.page8_svg1 {position: absolute;top: 117px;left: 25px;width: 698px;/* transform: scale(1.018); */}
.page8_color1 {position: absolute;top: 63px;left: 440px;width: 130px;}
#red_b,#brown_b,#yellow_b,#green_b,#blue_b,#pink_b,#green1_b{display: inline-block;width: 25px;height: 25px;margin: 2px;padding: 0px;border: solid 1px transparent;cursor: pointer;box-shadow: 1px 1px 2px 2px #808080;margin-top: 3px;}