#launchbtn { display: block; position: absolute; top: 281px; right: 171px; height: 61px; width: 182px; }
#launchImage { background:url(../images/launch.jpg) no-repeat top left; height: 642px; }
/*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: 514px; overflow: hidden; background: #990000; -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: #ffcbcb; text-align: center; padding: 200px 100px; }
/*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; }