body { margin:0; padding:0; background-color:#FFF; font-family:"微軟正黑體", "Microsoft JhengHei", Arial; font-size:14px; color:#000; }
img { border:0; }

html {
    overflow-y:scroll;
}

.header {
	background-image:url(../images/header.jpg);
	position: relative;
	width: 1024px;
	height: 98px;
	cursor: pointer;
}



/*Welcome Page*/
#welcomepage_container {
	position: relative;
	width: 1024px;
	height: 1398px;
	margin-left: auto;
	margin-right: auto;
}

#welcomepage_container .footer {
	position: relative;
	width: 1024px;
	height: 65px;
}

#welcomepage_container .content1{
	background-image:url(../images/welcomepage_img1.jpg);
	position: relative;
	width: 1024px;
	height: 651px;
}

#welcomepage_container .content1 .start_btn{
	background-image:url(../images/start_btn_normal.jpg);
	left:50px;
	top:272px;
	position: absolute;
	width: 215px;
	height: 47px;
	z-index:9999;
	cursor: pointer;
}

#welcomepage_container .content1 .start_btn:hover { 
	background-image:url(../images/start_btn_over.jpg);
	position: absolute;
	width: 215px;
	height: 47px;
	z-index:9999;
}

#welcomepage_container .content2{
	background-image:url(../images/welcomepage_img2.jpg);
	position: relative;
	width: 1024px;
	height: 423px;
}

#welcomepage_container .content3{
	position: relative;
	width: 1024px;
	height: 161px;
}

/*Question Page*/
#questionpage_container {
	position: relative;
	width: 1024px;
	height: 959px;
	margin-left: auto;
	margin-right: auto;
}

#questionpage_container .content {
	background-image:url(../images/question_content_bg_img.jpg);
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .tnc {
	position: relative;
	width: 1024px;
	height: 175px;
}

#questionpage_container .footer {
	position: relative;
	width: 1024px;
	height: 65px;
}

#questionpage_container .content .item{
	width: 1024px;
	height: 521px;
}

/*Question 1*/
#questionpage_container .content .q1{
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .content .q1 .icon{
	background-image:url(../images/q1_icon.png);
	position: relative;
	width: 50px;
	height: 50px;
	z-index:9999;
	left:487px;
	top:30px;
}

#questionpage_container .content .q1 .title{
	background-image:url(../images/q1_title.png);
	position: relative;
	width: 846px;
	height: 24px;
	z-index:9999;
	left:90px;
	top:68px;
}

#questionpage_container .content .q1 .imgcontainer{
	position: relative;
	width: 377px;
	height: 208px;
	z-index:9999;
	left:323px;
	top:100px;
}

#questionpage_container .content .q1 .imgcontainer .img1{
	background-image:url(../images/q1_op1a_normal.png);
	position: relative;
	width: 163px;
	height: 208px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer .img1:hover,
#questionpage_container .content .q1 .imgcontainer .img1.active {
	background-image:url(../images/q1_op1a_over.png);
	position: relative;
	width: 163px;
	height: 208px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer .img2{
	background-image:url(../images/q1_op1b_normal.png);
	position: relative;
	width: 163px;
	height: 208px;
	z-index:9999;
	float:left;
	left:50px;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer .img2:hover,
#questionpage_container .content .q1 .imgcontainer .img2.active {
	background-image:url(../images/q1_op1b_over.png);
	position: relative;
	width: 163px;
	height: 208px;
	z-index:9999;
	float:left;

}

#questionpage_container .content .q1 .imgcontainer2{
	position: relative;
	width: 783px;
	height: 54px;
	z-index:9999;
	float:left;
	left:120px;
	top:150px;
	opacity: 0.5;
}

#questionpage_container .content .q1 .imgcontainer2 .img1{
	background-image:url(../images/q1_op2a_normal.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer2 .img1.active {
	background-image:url(../images/q1_op2a_over.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .img2{
	background-image:url(../images/q1_op2b_normal.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer2 .img2.active {
	background-image:url(../images/q1_op2b_over.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .img3{
	background-image:url(../images/q1_op2c_normal.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer2 .img3.active {
	background-image:url(../images/q1_op2c_over.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .img4{
	background-image:url(../images/q1_op2d_normal.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer2 .img4.active {
	background-image:url(../images/q1_op2d_over.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .img5{
	background-image:url(../images/q1_op2e_normal.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q1 .imgcontainer2 .img5.active {
	background-image:url(../images/q1_op2e_over.png);
	position: relative;
	width: 89px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .blank1{
	background-image:url(../images/q1_op2_blank1.png);
	position: relative;
	width: 84px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .blank2{
	background-image:url(../images/q1_op2_blank2.png);
	position: relative;
	width: 85px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .blank3{
	background-image:url(../images/q1_op2_blank3.png);
	position: relative;
	width: 86px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .imgcontainer2 .blank4{
	background-image:url(../images/q1_op2_blank4.png);
	position: relative;
	width: 83px;
	height: 54px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q1 .dot{
	background-image:url(../images/dot1.png);
	position: relative;
	width: 97px;
	height: 9px;
	z-index:1000;
	float:left;
	top:292px;
	left:-300px;
}


/*Question 2*/
#questionpage_container .content .q2{
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .content .q2 .icon{
	background-image:url(../images/q2_icon.png);
	
	position: relative;
	width: 50px;
	height: 50px;
	z-index:9999;
	left:487px;
	top:30px;
}

#questionpage_container .content .q2 .title{
	background-image:url(../images/q2_title.png);
	background-repeat:no-repeat;
	position: relative;
	width: 238px;
	height: 24px;
	z-index:9999;
	left:393px;
	top:68px;
}

#questionpage_container .content .q2 .subtitle1{
	background-image:url(../images/q2_subtitle1.png);
	position: relative;
	width: 302px;
	height: 24px;
	z-index:9999;
	left:361px;
	top:120px;
}

#questionpage_container .content .q2 .subtitle2{
	background-image:url(../images/q2_subtitle2.png);
	position: relative;
	width: 500px;
	height: 24px;
	z-index:9999;
	left:262px;
	top:190px;
}

#questionpage_container .content .q2 .imgcontainer{
	position: relative;
	width: 758px;
	height: 57px;
	z-index:9999;
	left:133px;
	top:130px;
}

#questionpage_container .content .q2 .imgcontainer .left{
	background-image:url(../images/q2_op_left_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q2 .imgcontainer .left.active{
	background-image:url(../images/q2_op_left_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q2 .imgcontainer .mid{
	background-image:url(../images/q2_op_middle_normal.png);
	position: relative;
	width: 69px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q2 .imgcontainer .mid.active{
	background-image:url(../images/q2_op_middle_over.png);
	position: relative;
	width: 69px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q2 .imgcontainer .right{
	background-image:url(../images/q2_op_right_normal.png);
	position: relative;
	width: 66px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q2 .imgcontainer .right.active{
	background-image:url(../images/q2_op_right_over.png);
	position: relative;
	width: 66px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q2 .dot{
	background-image:url(../images/dot2.png);
	position: relative;
	width: 97px;
	height: 9px;
	z-index:1000;
	float:left;
	top:266px;
	left:463px;
}

/*Question 3*/
#questionpage_container .content .q3{
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .content .q3 .icon{
	background-image:url(../images/q3_icon.png);
	position: relative;
	width: 50px;
	height: 50px;
	z-index:9999;
	left:487px;
	top:30px;
}

#questionpage_container .content .q3 .title{
	background-image:url(../images/q3_title.png);
	background-repeat:no-repeat;
	position: relative;
	width: 263px;
	height: 24px;
	z-index:9999;
	left:380px;
	top:68px;
}

#questionpage_container .content .q3 .subtitle{
	background-image:url(../images/q3_subtitle.png);
	position: relative;
	width: 267px;
	height: 24px;
	z-index:9999;
	left:378px;
	top:220px;
}

#questionpage_container .content .q3 .imgcontainer{
	position: relative;
	width: 767px;
	height: 57px;
	z-index:9999;
	left:133px;
	top:240px;
}

#questionpage_container .content .q3 .imgcontainer .img1{
	background-image:url(../images/q3_op1a_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q3 .imgcontainer .img1.active{
	background-image:url(../images/q3_op1a_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q3 .imgcontainer .img2{
	background-image:url(../images/q3_op1b_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q3 .imgcontainer .img2.active{
	background-image:url(../images/q3_op1b_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q3 .imgcontainer .img3{
	background-image:url(../images/q3_op1c_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q3 .imgcontainer .img3.active{
	background-image:url(../images/q3_op1c_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q3 .imgcontainer .img4{
	background-image:url(../images/q3_op1d_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q3 .imgcontainer .img4.active{
	background-image:url(../images/q3_op1d_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
}

#questionpage_container .content .q3 .imgcontainer .img5{
	background-image:url(../images/q3_op1e_normal.png);
	position: relative;
	width: 62px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q3 .imgcontainer .img5.active{
	background-image:url(../images/q3_op1e_over.png);
	position: relative;
	width: 62px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q3 .imgcontainer .blank{
	background-image:url(../images/q3_op_blank.png);
	position: relative;
	width: 103px;
	height: 57px;
	z-index:9999;
	float:left;
}



#questionpage_container .content .q3 .dot{
	background-image:url(../images/dot3.png);
	position: relative;
	width: 97px;
	height: 9px;
	z-index:1000;
	float:left;
	top:418px;
	left:463px;
}

/*Question 5*/
#questionpage_container .content .q4{
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .content .q4 .icon{
	background-image:url(../images/q4_icon.png);
	position: relative;
	width: 50px;
	height: 50px;
	z-index:9999;
	left:487px;
	top:30px;
}

#questionpage_container .content .q4 .title{
	background-image:url(../images/q4_title.png);
	background-repeat:no-repeat;
	position: relative;
	width: 263px;
	height: 24px;
	z-index:9999;
	left:380px;
	top:68px;
}

#questionpage_container .content .q4 .subtitle{
	background-image:url(../images/q4_subtitle.png);
	position: relative;
	width: 429px;
	height: 24px;
	z-index:9999;
	left:297px;
	top:220px;
}

#questionpage_container .content .q4 .imgcontainer{
	position: relative;
	width: 767px;
	height: 57px;
	z-index:9999;
	left:133px;
	top:240px;
}

#questionpage_container .content .q4 .imgcontainer .img1{
	background-image:url(../images/q3_op1a_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q4 .imgcontainer .img1.active{
	background-image:url(../images/q3_op1a_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q4 .imgcontainer .img2{
	background-image:url(../images/q3_op1b_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q4 .imgcontainer .img2.active{
	background-image:url(../images/q3_op1b_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q4 .imgcontainer .img3{
	background-image:url(../images/q3_op1c_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q4 .imgcontainer .img3.active{
	background-image:url(../images/q3_op1c_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q4 .imgcontainer .img4{
	background-image:url(../images/q3_op1d_normal.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q4 .imgcontainer .img4.active{
	background-image:url(../images/q3_op1d_over.png);
	position: relative;
	width: 71px;
	height: 57px;
	z-index:9999;
}

#questionpage_container .content .q4 .imgcontainer .img5{
	background-image:url(../images/q3_op1e_normal.png);
	position: relative;
	width: 62px;
	height: 57px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q4 .imgcontainer .img5.active{
	background-image:url(../images/q3_op1e_over.png);
	position: relative;
	width: 62px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q4 .imgcontainer .blank{
	background-image:url(../images/q3_op_blank.png);
	position: relative;
	width: 103px;
	height: 57px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q4 .dot{
	background-image:url(../images/dot4.png);
	position: relative;
	width: 97px;
	height: 9px;
	z-index:1000;
	float:left;
	top:418px;
	left:463px;
}

/*Question 5*/
#questionpage_container .content .q5{
	position: relative;
	width: 1024px;
	height: 621px;
}

#questionpage_container .content .q5 .icon{
	background-image:url(../images/q5_icon.png);
	position: relative;
	width: 50px;
	height: 50px;
	z-index:9999;
	left:487px;
	top:30px;
}

#questionpage_container .content .q5 .title{
	background-image:url(../images/q5_title.png);
	position: relative;
	width: 286px;
	height: 24px;
	z-index:9999;
	left:369px;
	top:68px;
}

#questionpage_container .content .q5 .imgcontainer{
	position: relative;
	width: 858px;
	height: 180px;
	z-index:9999;
	left:83px;
	top:170px;
}

#questionpage_container .content .q5 .imgcontainer .op1{
	position: relative;
	width: 207px;
	height: 180px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op1 .ans1{
	background-image:url(../images/q5_op1a_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op1 .ans1.active{
	background-image:url(../images/q5_op1a_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op1 .blank{
	background-image:url(../images/q5_op_or.png);
	position: relative;
	width: 207px;
	height: 41px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op1 .ans2{
	background-image:url(../images/q5_op1b_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op1 .ans2.active{
	background-image:url(../images/q5_op1b_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}


#questionpage_container .content .q5 .imgcontainer .op2{
	left:10px;
	position: relative;
	width: 207px;
	height: 180px;
	z-index:9999;
	float:left;
	display: none;
}

#questionpage_container .content .q5 .imgcontainer .op2 .ans1{
	background-image:url(../images/q5_op1a_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op2 .ans1.active{
	background-image:url(../images/q5_op1a_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op2 .blank{
	background-image:url(../images/q5_op_or.png);
	position: relative;
	width: 207px;
	height: 41px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op2 .ans2{
	background-image:url(../images/q5_op1c_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op2 .ans2.active{
	background-image:url(../images/q5_op1c_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op3{
	left:20px;
	position: relative;
	width: 207px;
	height: 180px;
	z-index:9999;
	float:left;
	display: none;
}

#questionpage_container .content .q5 .imgcontainer .op3 .ans1{
	background-image:url(../images/q5_op1a_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op3 .ans1.active{
	background-image:url(../images/q5_op1a_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op3 .blank{
	background-image:url(../images/q5_op_or.png);
	position: relative;
	width: 207px;
	height: 41px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op3 .ans2{
	background-image:url(../images/q5_op1d_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op3 .ans2.active{
	background-image:url(../images/q5_op1d_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op4{
	left:30px;
	position: relative;
	width: 207px;
	height: 180px;
	z-index:9999;
	float:left;
	display: none;
}

#questionpage_container .content .q5 .imgcontainer .op4 .ans1{
	background-image:url(../images/q5_op1a_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op4 .ans1.active{
	background-image:url(../images/q5_op1a_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op4 .blank{
	background-image:url(../images/q5_op_or.png);
	position: relative;
	width: 207px;
	height: 41px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .imgcontainer .op4 .ans2{
	background-image:url(../images/q5_op1e_normal.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
	cursor: pointer;
}

#questionpage_container .content .q5 .imgcontainer .op4 .ans2.active{
	background-image:url(../images/q5_op1e_over.png);
	position: relative;
	width: 207px;
	height: 70px;
	z-index:9999;
	float:left;
}

#questionpage_container .content .q5 .dot{
	background-image:url(../images/dot5.png);
	position: relative;
	width: 97px;
	height: 9px;
	z-index:1000;
	float:left;
	top:322px;
	left:463px;
	display: none;
}

#questionpage_container .content .q5 .imgcontainer .optscontainer {
	width: 207px;
	margin-left: auto;
	margin-right: auto;
}

/*Result Page*/

#result_container {
	position: relative;
	width: 1024px;
	height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#result_container .content{
	position: relative;
	width: 1024px;
	height: 1349px;
	float:left;
}



#result_container .content .title{
	background-image:url(../images/result_title.png);
	background-repeat:no-repeat;
	position: relative;
	width: 506px;
	height: 23px;
	left:259px;
	top:56px;
}



#result_container .content .result1{
	float:left;
	position: relative;
	width: 240px;
	height: 400px;
	top:140px;
	left:106px;
}

#result_container .content .result1 .icon{
	position: relative;
	width: 70px;
	height: 70px;
}

#result_container .content .result1 .name{
	top:20px;
	position: relative;
	width: 238px;
	height: 21px;
}

#result_container .content .result1 .subname{
	top:38px;
	position: relative;
	width: 238px;
	height: 16px;
}

#result_container .content .result1 .line{
	top:62px;
	position: relative;
	width: 238px;
	height: 1px;
	background-color:#e8eaeb;
}

#result_container .content .result1 .description{
	top:80px;
	position: relative;
	width: 238px;
}



#result_container .content .result2{
	float:left;
	position: relative;
	width: 240px;
	height: 400px;
	top:140px;
	left:150px;
}

#result_container .content .result2 .icon{
	position: relative;
	width: 70px;
	height: 70px;
}

#result_container .content .result2 .name{
	top:20px;
	position: relative;
	width: 238px;
	height: 21px;
}

#result_container .content .result2 .subname{
	top:38px;
	position: relative;
	width: 238px;
	height: 16px;
}

#result_container .content .result2 .line{
	top:62px;
	position: relative;
	width: 238px;
	height: 1px;
	background-color:#e8eaeb;
}

#result_container .content .result2 .description{
	top:80px;
	position: relative;
	width: 238px;
}


#result_container .content .result3{
	float: left;
	position: relative;
	width: 240px;
	height: 400px;
	top: 140px;
	left: 195px;
}

#result_container .content .result3 .icon{
	position: relative;
	width: 70px;
	height: 70px;
}

#result_container .content .result3 .name{
	top:20px;
	position: relative;
	width: 238px;
	height: 21px;
}

#result_container .content .result3 .subname{
	top:38px;
	position: relative;
	width: 238px;
	height: 16px;
}

#result_container .content .result3 .line{
	top:62px;
	position: relative;
	width: 238px;
	height: 1px;
	background-color:#e8eaeb;
}

#result_container .content .result3 .description{
	top:80px;
	position: relative;
	width: 238px;
}

#result_container .content .learnmore{
	float:left;
	position: relative;
	width: 811px;
	height:79px;
	left:106px;
	top:180px;
}

#result_container .content .learnmore .description{
	float:left;
	background-image:url(../images/result1_learnmore_description.png);
	position: relative;
	width: 522px;
	height:79px;

}

#result_container .content .learnmore .btn{
	float:right;
	position: relative;
	width: 164px;
	height:54px;
	top:20px;
}

#result_container .content .luckydraw{
	float:left;
	position: relative;
	width: 810px;
	height:307px;
	left:106px;
	top:250px;
}

#result_container .content .luckydraw .btn{
	float:left;
	position: absolute;
	width: 200px;
	height:43px;
	left:573px;
	top:229px;
}

#result_container .content .restart_btn{
	float:left;
	position: absolute;
	width: 164px;
	height:54px;
	left:430px;
	top:1100px;
}

#result_container .content .restart_tnc{
	background-image:url(../images/result_tnc.jpg);
	float:left;
	position: relative;
	width: 1024px;
	height:145px;
	top:400px;
}




#result_container .footer {
	position: relative;
	width: 1024px;
	height: 65px;
}

/*form*/

#form_container {
	position: relative;
	width: 1024px;
	height: 1300px;
    margin-left: auto;
    margin-right: auto;
}

#form_container .content{
	background-image:url(../images/form_content_bg.jpg);
	position: relative;
	width: 1024px;
	height: 862px;
}

#form_container .content .title{
	background-image:url(../images/form_content_title.png);
	position: relative;
	width: 1024px;
	height: 312px;
}

#form_container .content .title2{
	background-image:url(../images/form_content_title2.png);
	position: relative;
	width: 1024px;
	height: 312px;
}

#form_container .content .form{
	position: relative;
	width: 870px;
	height: 390px;
	left:74px;
}

#form_container .content .form .checkboxtnc{
	position: relative;
	width: 485px;
	height: 33px;
	left:65px;
	top:-7px;
}

#form_container .content .form .submit{
	position: relative;
	width: 148px;
	height: 54px;
	left:0px;
	top:25px;
}

#form_container .content .tnc{
	background-image:url(../images/form_tnc.png);
	position: relative;
	width: 1024px;
	height: 261px;
	left:0px;
	top:150px;
}

#form_container .footer {
	position: relative;
	width: 1024px;
	height: 65px;
	top:270px;
}

#title {
    width:311px;
	height:52px;
	background-color:#003976;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
	border-style: none ;
	border-color: #CCC;
    padding-left: 10px;
	border-width: 0px;
	color: rgb(138, 164, 192);
}
#title.setectable, #title option:not(:checked) { 
    color: white !important;
}
#title option.non-selectable { 
    color: rgb(138, 164, 192) !important;
}

#surename, #firstname, #hkidprefix, #telnum, #email, #emailconfirm {
    width:420px;
	height:52px;
	background-color:#003976;
    color:#ffffff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
	border-style: none ;
    padding-left: 10px;
	border-width: 0px;
}

/* checkbox */
label {
 display: inline;
}

.regular-checkbox {
    visibility: hidden;
    margin-left: -10px;
}

.regular-checkbox + label {
	top:30px;
 background-color: #fafafa;
 border: 2px solid #dde4e6;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 0px;
 display: inline-block;
 position: relative;
}

.regular-checkbox:checked + label:after {
 content: '\2714';
 font-size: 14px;
 position: absolute;
 top: 0px;
 left: -2px;
 color: #003976;
}

.big-checkbox + label {
 padding: 18px;
}

.big-checkbox:checked + label:after {
 font-size: 28px;
 left: 6px;
}


/*Tnc Page*/
#tncpage_container {
	position: relative;
	width: 1024px;
	height: 1317px;
    margin-left: auto;
    margin-right: auto;
}

#tncpage_container .content {
	position: relative;
	width: 1024px;
	height: 1219px;
}



/* Easy Slider */

	#slider{
}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1024px;
		height:621px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:63px;
		height:15px;
		position:absolute;
		left:70px;
		top:572px;
		z-index:9999;
		cursor: pointer;
		}	
    #nextBtn{ 
		left:914px;
		background-image:url(../images/next_btn.png);
		}		
		
	#prevBtn{ 
		background-image:url(../images/prew_btn.png);
		}	
	#prevBtn a, #nextBtn a{ 
text-decoration:none
}										
											

/* // Easy Slider */

#result-facebook-share, #result-retry, #registration-next {
	cursor: pointer;
}

.popup, .popupTrigger {
	display: none;
	padding: 0;
	margin: 0;
	height: 421px;
	width: 870px;
	overflow: hidden;
}