body {margin:0.3;font-family: 'PlutoRegular';position: absolute;left: 0px;top: 0pxmargin:0;}
@font-face {    font-family: 'PlutoRegular';    src: url('../font/PlutoRegular.otf');}
.img1 {cursor:pointer;}
.img2 {border: 1px solid #67CE00;}
#dragdrop {position:absolute;width: 615px;}
p {margin:0;padding:0;}
.no {border:1px solid black;width:2.85em;color: #000000;font-size:1em;text-align:center;font-family:'PlutoRegular';}
h3 {color:#FFA500;text-align:center;margin-bottom:0.2em;}
.box1 {border:4px solid #EA9800;background-color:#FAF7EA; padding:1em;box-shadow: 10px 10px 10px #888888;margin-bottom:1em;margin-left:1em;margin-top:1em;width:100%;height:668px;border-radius: 15px;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
.s_num {text-align:center;color:#000000;}
#memory_board {width:615px;height:450px;padding:15px;margin-top:-.5em;margin-left:-1em;}
.screen {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:472px;text-align:left;padding-left:5px;}
#s1 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:450px;text-align:left;padding-left:5px;}
input#btnclr1 {cursor:pointer;padding:5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;font-family: 'PlutoRegular';background-image:url('../images/rarrow.png');background-repeat: no-repeat;background-position: left;position:absolute;top:667px;left:350px;}
input#btn2 {cursor:pointer;padding:5px 5px 5px 5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;font-family: 'PlutoRegular';background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;position:absolute;top:616px;left:350px;}
input#btn1 {cursor:pointer;padding:5px 5px 5px 5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;height: 89px;top:616px;left:35px;position:absolute;font-family: 'PlutoRegular';}
.textbox {   height: 30px;   width: 30px;   vertical-align:middle;}
.question {font-size:1.25em;margin-top:.5em;margin-left:1em;margin-right:1em;}
.no1 {float:right;padding: 2px 10px 2px 14px; border:1px solid #EA9800; color: #000000;width:230px;font-family: 'PlutoRegular';font-size:1em;text-align:center;background-color:#99CCFF;border-radius: 15px 0px 15px 0px;}
.no2 {float:right;padding: 2px 10px 2px 14px; border:1px solid #EA9800; color: #FFFFFF;width:230px;font-family: 'PlutoRegular';font-size:1em;text-align:center;background-color:#008000;border-radius: 15px 0px 15px 0px;}
.ans1 {text-align: left;padding-left: 223px;}
.i1 {background-image:url('../images/img1.jpg');background-repeat: no-repeat;background-position: left; background-size: 130px 40px;padding: 10px 30px 10px 30px;font-weight:bold;}
.i2 {background-image:url('../images/img2.jpg');background-repeat: no-repeat;background-position: left; background-size: 150px 40px;padding: 10px 30px 10px 30px;font-weight:bold;}
.i3 {background-image:url('../images/img3.jpg');background-repeat: no-repeat;background-position: left; font-weight:bold;background-size: 150px 40px;padding: 10px 30px 10px 30px;}
.i4 {background-image:url('../images/img4.jpg');background-repeat: no-repeat;background-position: left; font-weight:bold;background-size: 140px 40px;padding: 10px 30px 10px 30px;}
