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 {text-align:left;}
/*.img2 {border: 1px solid #67CE00;}*/
#dragdrop {position:absolute;width: 615px;}
p {margin:0;padding:0;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
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:766px;border-radius: 15px;}
.s_num {text-align:center;color:#000000;}
#memory_board {width:715px;height:543px;padding:15px;margin-top:-.5em;margin-left:-1em;}
.question {text-align:center;font-size:1.25em;margin-top:-1em;}

#screen1 > .albums {margin-left:107px;margin-top:10px;}
#screen2 > .albums {margin-left:107px;margin-top:10px;}
#screen3 > .albums {margin-left:3px;margin-top:-5px;}


#albums1 {position:absolute;top:380px;left:1px;width:760px;}
#ans1 {position:absolute;top:380px;left:1px;width:760px;color:#008000;}
#albums2 {position:absolute;top:380px;left:1px;width:760px;}
#ans2 {position:absolute;top:380px;left:1px;width:760px;color:#008000;}
#albums3 {position:absolute;top:380px;left:1px;width:760px;}
#ans3 {position:absolute;top:380px;left:1px;width:760px;color:#008000;}




.album {font-weight: bold;border:1px dotted #CDCBC9;display:inline-block;padding: 15px 10px 10px 5px;width: 85px;height: 12px;text-align:center;font-size:120%;line-height:.5em;z-index:0;}
.album1 {font-weight: bold;border:1px dotted #CDCBC9;display:inline-block;padding: 15px 10px 10px 5px;width: 85px;height: 12px;text-align:center;font-size:120%;line-height:.5em;z-index:0;}


.gallery a {font-weight:bold;display: inline-block;opacity: 1;width: 120px;margin:7px;-khtml-user-drag: element;-moz-user-select: none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.ques1 {position:absolute;left:104px;top:438px;width: 511px;color: #000000;/*#93D81B;*/}
.text1 {border: 1px solid #93D81B;border-bottom: 4px solid #93D81B;background-color:#FFFFFF;border-radius: 0px 10px 0px 10px;cursor: pointer;display: block;height: 100%;width: 120px;text-align:center;padding: 5px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
.text1:hover {font-size:1.25em;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ques2 {position:absolute;left:104px;top:438px;width: 511px;color: #000000;/*#FF9A16;*/}
.text2 {border: 1px solid #FF9A16;border-bottom: 4px solid #FF9A16;background-color:#FFFFFF;border-radius: 0px 10px 0px 10px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
.text2:hover {font-size:1.25em;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.ques3 {position:absolute;left:72px;top:438px;width: 650px;color: #000000;/*#D60000;*/}
.text3 {border: 1px solid #D60000;border-bottom: 4px solid #D60000;background-color:#FFFFFF;border-radius: 0px 10px 0px 10px;cursor: pointer;display: block;height: 100%;width: 100%;text-align:center;padding: 5px 2px 2px 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
.text3:hover {font-size:1.25em;padding: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}

.screen {background-color:#FFFFFF;border: 2px solid #EA9800;width:760px;height:547px;text-align:center;padding-left:5px;position:absolute;}

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: 380px;font-family: 'PlutoRegular';background-image:url('../images/rarrow.png');background-repeat: no-repeat;background-position: left;position:absolute;top:729px;left:422px;}
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: 380px;font-family: 'PlutoRegular';background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;position:absolute;top:680px;left:422px;}
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: 380px;height: 89px;top:680px;left:35px;position:absolute;font-family: 'PlutoRegular';}

