#launchbtn { display: block; position: absolute; top: 315px; right: 145px; height: 76px; width: 76px; border-radius: 100px; background: url(../images/play.png) no-repeat rgba(255,255,255,0.88); border: 5px solid #fff;background-position: 27px center;-webkit-animation: flash4s linear forwards; -moz-animation: flash 4s linear forwards; animation: flash 4s linear forwards; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
#launchbtn:hover { display: block; position: absolute; top: 315px; right: 145px; height: 76px; width: 76px; border-radius: 100px; border: 5px solid #fff;background-color: #333;opacity: 0.8; }
#launchImage { background: url(../images/launch.jpg) no-repeat top left; height: 672px; width: 1024px; }
#endImage { background: url(../images/endpage.png) no-repeat top left; height: 672px; position: absolute; top: 92px; left: 0; width: 1024px; }
/*Page1*/
ul.f1List01 { margin: 0px 2px 3px 50px; padding: 0; }
.f1List01 li { list-style-type: lower-alpha; padding-left: 20px; margin-left: 20px; color: #0ff; font-size: 20px; margin-bottom: 10px; }
/*Page3*/
#fr3 { width: 1024px; height: 514px; overflow: hidden; position: relative; }
#fr3 input.f3video01 { width: 79px; height: 79px; position: absolute; right: 102px; top: 103px; display: block; outline: 0; background: #fff; cursor: pointer; border: 0; display: none; z-index: 10; filter: alpha(opacity=0); opacity: 0 }
#fr3 input.f3video02 { width: 79px; height: 79px; position: absolute; right: 102px; top: 202px; display: block; outline: 0; background: #fff; cursor: pointer; border: 0; display: none; z-index: 10; filter: alpha(opacity=0); opacity: 0 }
#fr3 input.f3video03 { width: 79px; height: 79px; position: absolute; right: 102px; top: 298px; display: block; outline: 0; background: #fff; cursor: pointer; border: 0; display: none; z-index: 10; filter: alpha(opacity=0); opacity: 0 }
#fr3 input.f3video04 { width: 79px; height: 79px; position: absolute; right: 102px; top: 7px; display: block; outline: 0; background: #fff; cursor: pointer; border: 0; display: none; z-index: 10; filter: alpha(opacity=0); opacity: 0 }
/*Page4*/
#f4 { width: 1024px; height: 514px; overflow: hidden; background: #d77778 url(../images/f4.jpg) no-repeat top left; }
#f4 .grid690 { width: 690px; }
#f4 .grid334 { width: 334px; }
#f4 .pullLeft { float: left; }
#f4 .pullRight { float: right; }
#f4 .padding10 { padding: 10px; }
#f4 p { color: #a72122; font-size: 16px; line-height: 21px; }
#f4 ul.list01 { list-style: none; margin-top: 20px; }
#f4 .option { background: #d9302f; padding: 3px 5px; color: #fff; margin-bottom: 2px; font-size: 14px; line-height: 16px; text-align: left; border: 1px solid #d77778 }
#f4 #inputCtrl { width: 20px; float: left; }
#f4 #optionText { width: 275px; float: left; }
#f4 #hind_div { position: absolute; bottom: 110px; }
#f4 #hind_div input, #submit_div input, #reset_div input, #next_div input { background: #d9302f; padding: 3px 15px; border: 0; outline: 0; font-size: 15px; color: #fff; cursor: pointer; }
#f4 #reset_div, #next_div { display: none; }
#f4 #submit_div, #reset_div, #next_div { position: absolute; bottom: 110px; right: 13px; }
#f4 #answer { position: absolute; height: 90px; width: 325px; right: 13px; text-align: center; bottom: 10px; color: #a72122; font-size: 22px; }
/*Page6*/
#f6 { width: 1024px; height: 514px; overflow: hidden; background: url(../images/f7.jpg) no-repeat top left; -webkit-user-select: none;  /* Chrome all / Safari all */ -moz-user-select: none;     /* Firefox all */ -ms-user-select: none;      /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; position: relative; top: 0; left: 0; }
#f6 #dragBox_1 { width: 127px; height: 44px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 116px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; padding-top: 7px; cursor: pointer; }
#f6 #dragBox_2 { width: 127px; height: 51px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 174px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 51px; cursor: pointer; }
#f6 #dragBox_3 { width: 127px; height: 51px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 232px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 51px; cursor: pointer; }
#f6 #dragBox_4 { width: 127px; height: 51px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 290px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 51px; cursor: pointer; }
#f6 #dragBox_5 { width: 127px; height: 44px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 349px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; padding-top: 7px; cursor: pointer; }
#f6 #dragBox_6 { cursor: pointer; width: 127px; height: 44px; border: 1px solid #007cc2; position: absolute; left: 70px; top: 410px; color: #FFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 51px; }
#f6 #dropBox_1 { width: 133px; height: 57px; position: absolute; top: 77px; left: 700px; }
#f6 #dropBox_2 { width: 133px; height: 57px; position: absolute; top: 402px; left: 486px; }
#f6 #dropBox_3 { width: 133px; height: 57px; position: absolute; top: 221px; left: 823px; }
#f6 #dropBox_4 { width: 133px; height: 57px; position: absolute; top: 277px; left: 473px; }
#f6 #dropBox_5 { width: 133px; height: 57px; position: absolute; top: 317px; left: 710px; }
#f6 #dropBox_6 { width: 133px; height: 57px; position: absolute; top: 249px; left: 242px; }
#f6 #droped { position: absolute; height: 20px; width: 400px; bottom: 5px; left: 10px; font-size: 13px; color: #fff; }
#f6 #DragReset_div { color: white; font-size: 15px; font-style: normal; position: absolute; bottom: 0px; right: 57px; cursor: pointer; }
#f6 #DragReset_div #reset { width: 109px; border: 0; outline: 0px; height: 30px; }
/*Page08*/
#f8 { width: 1024px; height: 514px; overflow: hidden; position: relative; }
.f8video01 { cursor: pointer; height: 26px; position: absolute; right: 154px; top: 149px; width: 287px; z-index: 11; display: none; }
.f8video02 { cursor: pointer; display: none; height: 26px; position: absolute; right: 154px; top: 222px; width: 287px; z-index: 11; }
.f8video03 { cursor: pointer; display: none; height: 26px; position: absolute; right: 154px; top: 295px; width: 287px; z-index: 11; }
/*Page 10*/
#f10 { width: 1024px; height: 469px; overflow: hidden; background: #4c7e69; -webkit-user-select: none;  /* Chrome all / Safari all */ -moz-user-select: none;     /* Firefox all */ -ms-user-select: none;      /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; position: relative; }
#f10 .fontStyle01 { font-size: 21px; line-height: 37px; color: #8EBBA8; text-align: center; margin: 320px 100px 100px; border: 1px solid #000; border-radius: 10px; padding: 30px 0px; background-color: #fff; opacity: 0.7; }
/*Others*/
.tranScript { width: 337px; height: 414px; background: url(../images/transcriptBg.png) no-repeat; display: none; margin-top: 50px; position: absolute; right: 0; z-index: 1; }
.tranScriptHead { position: absolute; top: 0px; left: 0px; height: 35px; width: 337px; cursor: pointer; }
.tranScriptTxt { color: #333333; font-size: 12px; height: 366px; left: 0px; line-height: 15px; overflow: auto; position: absolute; top: 34px; width: 323px; padding: 7px; }
.tranScriptTxt p { padding-bottom: 10px; }
.tansArrow { position: absolute; width: 38px; height: 43px; background: url(../images/transcriptArrow.png) no-repeat; top: 50px; right: 0; cursor: pointer; }
.color_brown { color: #874a11; }
