html,body { height:100%; }
div#space { width:1px; height:50%; margin-bottom:-262px; float:left; }
div#container { width:320px; height:525px; margin:0 auto; position:relative; clear:left; }
body { background-color:#000080; color:#000000; font-family:Tahoma; font-weight:normal; font-size:13px; line-height:1.1875; margin:0; padding:0; }
#Editbox2 { border:1px solid #CCCCCC; border-radius:4px; background-color:#FFFFFF; background-image:none; color:#00008B; font-family:Tahoma; font-weight:normal; font-size:19px; line-height:25px; padding:4px 4px 4px 4px; margin:0; text-align:center; -webkit-animation:animate-fade-in 1000ms linear 1500ms 1 normal both; -moz-animation:animate-fade-in 1000ms linear 1500ms 1 normal both; animation:animate-fade-in 1000ms linear 1500ms 1 normal both; }
#Editbox2:focus { border-color:#00008B; box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,139,0.60); outline:0; }
#I-DED { border:0px solid #000000; padding:0; -webkit-animation:animate-fade-in 500ms linear 500ms 1 normal both; -moz-animation:animate-fade-in 500ms linear 500ms 1 normal both; animation:animate-fade-in 500ms linear 500ms 1 normal both; margin:0; left:0; top:0; width:100%; height:100%; object-fit:contain; }
#wb_T-text-ded { background-color:#000080; background-image:none; border:4px solid #FFFF00; border-radius:10px; padding:0; margin:0; text-align:center; -webkit-animation:animate-fade-in 1000ms linear 500ms 1 normal both; -moz-animation:animate-fade-in 1000ms linear 500ms 1 normal both; animation:animate-fade-in 1000ms linear 500ms 1 normal both; }
#wb_T-text-ded { color:#FFFF00; font-family:Tahoma; font-weight:normal; font-size:19px; }
#wb_T-text-ded div { text-align:center; }
#Button2 { border:3px solid #F5FFFA; border-radius:3px; background-color:#FF0000; background-image:none; color:#FFFFFF; font-family:Tahoma; font-weight:normal; font-size:21px; -webkit-appearance:none; margin:0; -webkit-animation:Filter_blur_in 1000ms linear 1500ms 1 normal both; -moz-animation:Filter_blur_in 1000ms linear 1500ms 1 normal both; animation:Filter_blur_in 1000ms linear 1500ms 1 normal both; }
#Layer1 { background-color:transparent; background-image:url(../images/20%2dRGB_320%2d425.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:scroll; background-size:cover; }
#L-Footer { background-color:#000000; background-image:none; -webkit-animation:animate-fade-in 1000ms linear 1800ms 1 normal both; -moz-animation:animate-fade-in 1000ms linear 1800ms 1 normal both; animation:animate-fade-in 1000ms linear 1800ms 1 normal both; }
#I-W { border:0px solid #000000; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#I-V { border:0px solid #000000; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#I-Mo { border:0px solid #000000; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#I-VK { border:0px solid #000000; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#I-MA { border:0px solid #000000; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#wb_Text1 { background-color:transparent; background-image:none; border:4px solid transparent; border-radius:10px; padding:0; margin:0; text-align:center; -webkit-animation:animate-fade-in 1000ms linear 1500ms 1 normal both; -moz-animation:animate-fade-in 1000ms linear 1500ms 1 normal both; animation:animate-fade-in 1000ms linear 1500ms 1 normal both; }
#wb_Text1 { color:#FFFF00; font-family:Tahoma; font-weight:normal; font-size:13px; }
#wb_Text1 div { text-align:center; }
#Layer3 { background-color:transparent; background-image:none; -webkit-animation:animate-fade-in 2000ms linear 2500ms 1 normal both; -moz-animation:animate-fade-in 2000ms linear 2500ms 1 normal both; animation:animate-fade-in 2000ms linear 2500ms 1 normal both; }
#wb_Text3 { background-color:#000080; background-image:none; border:1px solid #FFFF00; border-radius:3px; padding:0; margin:0; text-align:center; -webkit-animation:animate-fade-in 1500ms linear 2500ms 1 normal both; -moz-animation:animate-fade-in 1500ms linear 2500ms 1 normal both; animation:animate-fade-in 1500ms linear 2500ms 1 normal both; }
#wb_Text3 { color:#FFFF00; font-family:Tahoma; font-weight:normal; font-size:15px; }
#wb_Text3 div { text-align:center; }
#wb_uid1 { color:#FFFF00; }
#wb_uid2 { color:#FFFF00; }
#wb_Text1 { position:absolute; left:36px; top:462px; width:229px; height:16px; text-align:center; z-index:13; }
#wb_I-Mo { position:absolute; left:103px; top:4px; width:30px; height:30px; z-index:3; }
#Editbox2 { position:absolute; left:24px; top:281px; width:250px; height:25px; z-index:6; }
#wb_Text3 { position:absolute; left:9px; top:390px; width:288px; height:51px; text-align:center; z-index:11; }
#Layer1 { position:absolute; text-align:center; left:0.3125%; top:0%; width:319px; height:525px; z-index:20; }
#wb_I-MA { position:absolute; left:191px; top:4px; width:30px; height:30px; z-index:5; }
#Layer3 { position:absolute; text-align:left; left:19px; top:24px; width:90px; height:90px; z-index:10; }
#Layer1_Container { width:319px; position:relative; margin-left:auto; margin-right:auto; text-align:left; }
#wb_I-VK { position:absolute; left:146px; top:4px; width:30px; height:30px; z-index:4; }
#L-Footer { position:absolute; text-align:left; left:36px; top:480px; width:237px; height:39px; z-index:12; }
#wb_I-DED { position:absolute; left:35px; top:32px; width:240px; height:172px; z-index:9; }
#wb_T-text-ded { position:absolute; left:25px; top:185px; width:252px; height:66px; text-align:center; z-index:8; }
#wb_I-V { position:absolute; left:18px; top:4px; width:30px; height:30px; z-index:2; }
#JavaScript1 { color:#FFFF00; font-size:13px; font-family:Tahoma; font-weight:normal; width:100%; height:100%; animation:spinZ 20s linear infinite; text-align:center; }
#Button2 { position:absolute; left:34px; top:334px; width:240px; height:40px; z-index:7; }
#wb_I-W { position:absolute; left:62px; top:3px; width:30px; height:32px; z-index:1; }
#wb_JavaScript1 { position:absolute; left:5px; top:0px; width:80px; height:80px; z-index:0; }
#wb_uid0 { color:#FFFF00; }
@media only screen and (min-width: 900px) {
div#container { width:320px; height:525px; }
body { background-color:#000080; }
#Editbox2 { left:24px; top:281px; width:250px; height:25px; visibility:visible; display:inline; color:#00008B; font-size:19px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FFFFFF; background-image:none; border-radius:4px; margin:0; padding:4px 4px 4px 4px; text-align:center; }
#Editbox2 { line-height:25px; }
#wb_I-DED { left:35px; top:32px; width:240px; height:172px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_T-text-ded { left:25px; top:185px; width:252px; height:66px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:10px; }
#wb_T-text-ded { font-family:Tahoma; font-weight:normal; font-size:19px; margin:0; padding:0; text-align:center; }
#Button2 { left:34px; top:334px; width:240px; height:40px; visibility:visible; display:inline; color:#FFFFFF; font-size:21px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FF0000; background-image:none; border-radius:3px; margin:0; }
#Layer1 { left:1px; top:0px; width:320px; height:525px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:url(../images/20%2dRGB_320%2d425.jpg); background-repeat:no-repeat; background-position:center center  !important; background-attachment:scroll; background-size:cover; }
#Layer1 { left:0.3125%; }
#Layer1_Container { width:320px; }
#L-Footer { left:36px; top:480px; width:237px; height:39px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:#000000; background-image:none; }
#wb_I-W { left:62px; top:3px; width:30px; height:32px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-V { left:18px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-Mo { left:103px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-VK { left:146px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-MA { left:191px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_Text1 { left:36px; top:462px; width:237px; height:24px; visibility:visible; display:inline; background-color:transparent; background-image:none; border-radius:10px; }
#wb_Text1 { font-family:Tahoma; font-weight:normal; font-size:13px; margin:0; padding:0; text-align:center; }
#wb_JavaScript1 { left:5px; top:0px; width:80px; height:80px; visibility:visible; display:inline; }
#Layer3 { left:19px; top:24px; width:90px; height:90px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:none; }
#wb_Text3 { left:9px; top:390px; width:288px; height:51px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:3px; }
#wb_Text3 { font-family:Tahoma; font-weight:normal; font-size:15px; margin:0; padding:0; text-align:center; }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
div#container { width:320px; height:525px; }
body { background-color:#140945; }
#Editbox2 { left:31px; top:281px; width:250px; height:25px; visibility:visible; display:inline; color:#00008B; font-size:19px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FFFFFF; background-image:none; border-radius:4px; margin:0; padding:4px 4px 4px 4px; text-align:center; }
#Editbox2 { line-height:25px; }
#wb_I-DED { left:41px; top:33px; width:240px; height:174px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_T-text-ded { left:31px; top:186px; width:252px; height:66px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:10px; }
#wb_T-text-ded { font-family:Tahoma; font-weight:normal; font-size:19px; margin:0; padding:0; text-align:center; }
#Button2 { left:41px; top:334px; width:240px; height:35px; visibility:visible; display:inline; color:#FFFFFF; font-size:21px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FF0000; background-image:none; border-radius:3px; margin:0; }
#Layer1 { left:0px; top:0px; width:320px; height:525px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:url(../images/20%2dRGB_320%2d425.jpg); background-repeat:no-repeat; background-position:center center  !important; background-attachment:scroll; background-size:cover; }
#Layer1 { left:0%; }
#Layer1_Container { width:320px; }
#L-Footer { left:45px; top:484px; width:237px; height:39px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:#000000; background-image:none; }
#wb_I-W { left:62px; top:3px; width:30px; height:32px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-V { left:18px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-Mo { left:103px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-VK { left:146px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-MA { left:191px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_Text1 { left:33px; top:465px; width:260px; height:24px; visibility:visible; display:inline; background-color:transparent; background-image:none; border-radius:10px; }
#wb_Text1 { font-family:Tahoma; font-weight:normal; font-size:13px; margin:0; padding:0; text-align:center; }
#wb_JavaScript1 { left:2px; top:9px; width:80px; height:80px; visibility:visible; display:inline; }
#Layer3 { left:5px; top:5px; width:90px; height:90px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:none; }
#wb_Text3 { left:5px; top:387px; width:308px; height:51px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:3px; }
#wb_Text3 { font-family:Tahoma; font-weight:normal; font-size:15px; margin:0; padding:0; text-align:center; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
div#container { width:320px; height:525px; }
body { background-color:#000080; }
#Editbox2 { left:31px; top:281px; width:250px; height:25px; visibility:visible; display:inline; color:#00008B; font-size:19px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FFFFFF; background-image:none; border-radius:4px; margin:0; padding:4px 4px 4px 4px; text-align:center; }
#Editbox2 { line-height:25px; }
#wb_I-DED { left:41px; top:33px; width:240px; height:172px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_T-text-ded { left:31px; top:186px; width:252px; height:66px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:10px; }
#wb_T-text-ded { font-family:Tahoma; font-weight:normal; font-size:19px; margin:0; padding:0; text-align:center; }
#Button2 { left:41px; top:334px; width:240px; height:35px; visibility:visible; display:inline; color:#FFFFFF; font-size:21px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FF0000; background-image:none; border-radius:3px; margin:0; }
#Layer1 { left:0px; top:0px; width:320px; height:525px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:url(../images/20%2dRGB_320%2d425.jpg); background-repeat:no-repeat; background-position:center center  !important; background-attachment:scroll; background-size:cover; }
#Layer1 { left:0%; }
#Layer1_Container { width:320px; }
#L-Footer { left:45px; top:481px; width:237px; height:39px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:#000000; background-image:none; }
#wb_I-W { left:62px; top:3px; width:30px; height:32px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-V { left:18px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-Mo { left:103px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-VK { left:146px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-MA { left:191px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_Text1 { left:43px; top:464px; width:240px; height:24px; visibility:visible; display:inline; background-color:transparent; background-image:none; border-radius:10px; }
#wb_Text1 { font-family:Tahoma; font-weight:normal; font-size:13px; margin:0; padding:0; text-align:center; }
#wb_JavaScript1 { left:2px; top:8px; width:80px; height:80px; visibility:visible; display:inline; }
#Layer3 { left:5px; top:5px; width:90px; height:90px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:none; }
#wb_Text3 { left:10px; top:387px; width:301px; height:51px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:3px; }
#wb_Text3 { font-family:Tahoma; font-weight:normal; font-size:15px; margin:0; padding:0; text-align:center; }
}
@media only screen and (max-width: 479px) {
div#container { width:320px; height:525px; }
body { background-color:#000080; }
#Editbox2 { left:31px; top:281px; width:250px; height:25px; visibility:visible; display:inline; color:#00008B; font-size:19px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FFFFFF; background-image:none; border-radius:4px; margin:0; padding:4px 4px 4px 4px; text-align:center; }
#Editbox2 { line-height:25px; }
#wb_I-DED { left:41px; top:33px; width:240px; height:173px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_T-text-ded { left:31px; top:186px; width:252px; height:66px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:10px; }
#wb_T-text-ded { font-family:Tahoma; font-weight:normal; font-size:19px; margin:0; padding:0; text-align:center; }
#Button2 { left:41px; top:334px; width:240px; height:40px; visibility:visible; display:inline; color:#FFFFFF; font-size:21px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:#FF0000; background-image:none; border-radius:3px; margin:0; }
#Layer1 { left:0px; top:0px; width:320px; height:525px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:url(../images/20%2dRGB_320%2d425.jpg); background-repeat:no-repeat; background-position:center center  !important; background-attachment:scroll; background-size:cover; }
#Layer1 { left:0%; }
#Layer1_Container { width:320px; }
#L-Footer { left:42px; top:480px; width:237px; height:39px; visibility:visible; display:inline; font-size:8px; font-family:Arial; font-weight:normal; font-style:normal; text-decoration:none; background-color:#000000; background-image:none; }
#wb_I-W { left:62px; top:3px; width:30px; height:32px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-V { left:18px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-Mo { left:103px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-VK { left:146px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_I-MA { left:191px; top:4px; width:30px; height:30px; visibility:visible; display:inline; margin:0; padding:0; }
#wb_Text1 { left:39px; top:456px; width:240px; height:24px; visibility:visible; display:inline; background-color:transparent; background-image:none; border-radius:10px; }
#wb_Text1 { font-family:Tahoma; font-weight:normal; font-size:13px; margin:0; padding:0; text-align:center; }
#wb_JavaScript1 { left:6px; top:8px; width:80px; height:80px; visibility:visible; display:inline; }
#Layer3 { left:5px; top:5px; width:91px; height:90px; visibility:visible; display:inline; font-size:13px; font-family:Tahoma; font-weight:normal; font-style:normal; text-decoration:none; background-color:transparent; background-image:none; }
#wb_Text3 { left:10px; top:387px; width:298px; height:51px; visibility:visible; display:inline; background-color:#000080; background-image:none; border-radius:3px; }
#wb_Text3 { font-family:Tahoma; font-weight:normal; font-size:15px; margin:0; padding:0; text-align:center; }
}
#JavaScript1 span { position:absolute; display:inline-block; left:0; right:0; top:0; bottom:0; transition:all .5s cubic-bezier(0,0,0,1); }
@keyframes spinZ {
0% { transform:rotateZ(360deg); }
100% { transform:rotateZ(0deg); }
}