* {
	-webkit-touch-callout: none; 
	/*-webkit-user-select: none;*/ 
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

img {vertical-align: top;}

body {
	background: url('images/bg.jpg') repeat-y center top #DDDDDD;
}


table {
	width: 100%;
}

span {
	cursor: pointer;
}

#app6 span {
	cursor: default;
}

#app {
	margin: 0 auto;
	width: 818px;
}

.line {
	display: block;
	width: 818px;
	height: 2px;
}

.line span {
	display: block;
	width: 818px;
	height: 2px;
	background: url('images/line.png') no-repeat 90px 0;
}

.icon {
	width: 76px;
	height: 76px;
}

.icon2 {
	width: 59px;
	height: 59px;
}

.icon2 img {
	cursor: pointer;
}

.next {
	margin: 30px 90px 30px 627px;
	width: 101px;
	height: 34px;
}

.next img {
	cursor: pointer;
}

.loading {
	margin: 29px 90px 29px 574px;
	width: 224px;
	height: 36px;
}

.hide {
	display: none;
}

.reorder {
	margin: 0 90px 30px 627px;
	width: 101px;
	height: 34px;
	cursor: pointer;
}

.cleaner {
	clear: both;
}

/*** Slider to Unlock ***/
#app0 {
	width: 818px;
}

#app1, #app2, #app3, #app4, #app5, 
#app6, #app7, #app8, #app9, #app10,
#last {
	width: 818px;
}

/*** Question 1 ***/
#app1t1 {
	margin: 30px 391px 20px 391px;
	width: 36px;
	height: 18px;
	text-align: center;
}

#app1iM {
	margin: 0 30px 20px 303px;
}

#app1iF {
	margin: 0 303px 20px 30px;
}

#app1 span {
	display: block;
	width: 76px;
	height: 76px;
}

#app1iM .chk {background: url('images/q1/icon_M.png') no-repeat 0 0;}
#app1iM .chked {background: url('images/q1/selected_M.png') no-repeat 0 0;}

#app1iF .chk {background: url('images/q1/icon_F.png') no-repeat 0 0;}
#app1iF .chked {background: url('images/q1/selected_F.png') no-repeat 0 0;}

/*** Question 2 ***/
#app2t1 {
	margin: 30px 391px 20px 392px;
	width: 35px;
	height: 16px;
	text-align: center;
}

#app2i1 {
	margin: 0 20px 20px 139px;
}

#app2i2 {
	margin: 0 20px 20px 20px;
}

#app2i3 {
	margin: 0 20px 20px 20px;
}

#app2i4 {
	margin: 0 20px 20px 20px;
}

#app2i5 {
	margin: 0 139px 20px 20px;
}

#app2 span {
	display: block;
	width: 76px;
	height: 76px;
}

#app2i1 .chk {background: url('images/q2/icon_below20.png') no-repeat 0 0;}
#app2i1 .chked {background: url('images/q2/selected_below20.png') no-repeat 0 0;}

#app2i2 .chk {background: url('images/q2/icon_21-30.png') no-repeat 0 0;}
#app2i2 .chked {background: url('images/q2/selected_21-30.png') no-repeat 0 0;}

#app2i3 .chk {background: url('images/q2/icon_31-40.png') no-repeat 0 0;}
#app2i3 .chked {background: url('images/q2/selected_31-40.png') no-repeat 0 0;}

#app2i4 .chk {background: url('images/q2/icon_41-50.png') no-repeat 0 0;}
#app2i4 .chked {background: url('images/q2/selected_41-50.png') no-repeat 0 0;}

#app2i5 .chk {background: url('images/q2/icon_50above.png') no-repeat 0 0;}
#app2i5 .chked {background: url('images/q2/selected_50above.png') no-repeat 0 0;}

/*** Question 3 ***/
#app3i1 {
	margin: 40px 20px 0 119px;
	width: 270px;
	vertical-align: middle;
}

#app3i1 input {
	margin-left: 20px;
	width: 170px;
	height: 30px;
	font-size: 18px;
}

#app3i2 {
	margin: 40px 119px 0 20px;
	width: 270px;
	vertical-align: middle;
}

#app3i2 input {
	margin-left: 20px;
	width: 170px;
	height: 30px;
	font-size: 18px;
}

#app3t1 {
	margin: 30px 194px 30px 194px;
	width: 430px;
	height: 16px;
}

/*** Question 4 ***/
#app4t1 {
	margin: 30px 247px 30px 247px;
	width: 324px;
	height: 16px;
}

#app4i1, #app5i1, #app7i1 {
	margin: 0 15px 20px 101px;
}

#app4i2, #app5i2, #app7i2 {
	margin: 0 15px 20px 15px;
}

#app4i3, #app5i3, #app7i3 {
	margin: 0 15px 20px 15px;
}

#app4i4, #app5i4, #app7i4 {
	margin: 0 15px 20px 15px;
}

#app4i5, #app5i5, #app7i5 {
	margin: 0 15px 20px 15px;
}

#app4i6, #app5i6, #app7i6 {
	margin: 0 101px 20px 15px;
}

#app4 span {
	display: block;
	width: 76px;
	height: 76px;
}

#app4i1 .chk {background: url('images/q4/icon_android.png') no-repeat 0 0;}
#app4i1 .chked {background: url('images/q4/selected_android.png') no-repeat 0 0;}

#app4i2 .chk {background: url('images/q4/icon_apple.png') no-repeat 0 0;}
#app4i2 .chked {background: url('images/q4/selected_apple.png') no-repeat 0 0;}

#app4i3 .chk {background: url('images/q4/icon_blackberry.png') no-repeat 0 0;}
#app4i3 .chked {background: url('images/q4/selected_blackberry.png') no-repeat 0 0;}

#app4i4 .chk {background: url('images/q4/icon_nokia.png') no-repeat 0 0;}
#app4i4 .chked {background: url('images/q4/selected_nokia.png') no-repeat 0 0;}

#app4i5 .chk {background: url('images/q4/icon_windows.png') no-repeat 0 0;}
#app4i5 .chked {background: url('images/q4/selected_windows.png') no-repeat 0 0;}

#app4i6 .chk {background: url('images/q4/icon_others.png') no-repeat 0 0;}
#app4i6 .chked {background: url('images/q4/selected_others.png') no-repeat 0 0;}

/*** Question 5 ***/
#app5t1 {
	margin: 30px 246px 30px 246px;
	width: 326px;
	height: 16px;
}

#app5 span {
	display: block;
	width: 76px;
	height: 76px;
}

#app5i1 .chk {background: url('images/q5/icon_none.png') no-repeat 0 0;}
#app5i1 .chked {background: url('images/q5/selected_none.png') no-repeat 0 0;}

#app5i2 .chk {background: url('images/q5/100MB.png') no-repeat 0 0;}
#app5i2 .chked {background: url('images/q5/selected_100MB.png') no-repeat 0 0;}

#app5i3 .chk {background: url('images/q5/300MB.png') no-repeat 0 0;}
#app5i3 .chked {background: url('images/q5/selected_300MB.png') no-repeat 0 0;}

#app5i4 .chk {background: url('images/q5/500MB.png') no-repeat 0 0;}
#app5i4 .chked {background: url('images/q5/selected_500MB.png') no-repeat 0 0;}

#app5i5 .chk {background: url('images/q5/800MB.png') no-repeat 0 0;}
#app5i5 .chked {background: url('images/q5/selected_800MB.png') no-repeat 0 0;}

#app5i6 .chk {background: url('images/q5/icon_nolimited.png') no-repeat 0 0;}
#app5i6 .chked {background: url('images/q5/selected_nolimited.png') no-repeat 0 0;}

/*** Question 6 ***/
#app6t1 {
	margin: 30px 189px 30px 189px;
	width: 440px;
	height: 16px;
}

#app6i1 {
	margin: 0 10px 20px 129px;
}
#app6n1 {
	margin: 0 25px 0px 0px;
}

#app6i2 {
	margin: 0 10px 20px 15px;
}
#app6n2 {
	margin: 0 25px 0px 0px;
}

#app6i3 {
	margin: 0 10px 20px 15px;
}
#app6n3 {
	margin: 0 25px 0px 0px;
}

#app6i4 {
	margin: 0 10px 20px 15px;
}
#app6n4 {
	margin: 0 139px 0 0;
}

#app6i5 {
	margin: 0 10px 20px 129px;
}
#app6n5 {
	margin: 0 25px 0px 0px;
}

#app6i6 {
	margin: 0 10px 20px 15px;
}
#app6n6 {
	margin: 0 25px 0px 0px;
}

#app6i7 {
	margin: 0 10px 20px 15px;
}
#app6n7 {
	margin: 0 25px 0px 0px;
}

#app6i8 {
	margin: 0 10px 20px 15px;
}
#app6n8 {
	margin: 0 139px 0 0;
}

#app6 span {
	display: block;
	width: 27px;
	height: 22px;
}

.number1 {background: url('images/q6/1.png') no-repeat 0 0;}
.number2 {background: url('images/q6/2.png') no-repeat 0 0;}
.number3 {background: url('images/q6/3.png') no-repeat 0 0;}
.number4 {background: url('images/q6/4.png') no-repeat 0 0;}
.number5 {background: url('images/q6/5.png') no-repeat 0 0;}
.number6 {background: url('images/q6/6.png') no-repeat 0 0;}
.number7 {background: url('images/q6/7.png') no-repeat 0 0;}
.number8 {background: url('images/q6/8.png') no-repeat 0 0;}

/*** Question 7 ***/
#app7t1 {
	margin: 30px 179px 30px 179px;
	width: 460px;
	height: 16px;
}

#app7 span {
	display: block;
	width: 76px;
	height: 76px;
}

#app7i1 .chk {background: url('images/q7/icon_transport.png') no-repeat 0 0;}
#app7i1 .chked {background: url('images/q7/selected_transport.png') no-repeat 0 0;}

#app7i2 .chk {background: url('images/q7/icon_work.png') no-repeat 0 0;}
#app7i2 .chked {background: url('images/q7/selected_work.png') no-repeat 0 0;}

#app7i3 .chk {background: url('images/q7/icon_dining.png') no-repeat 0 0;}
#app7i3 .chked {background: url('images/q7/selected_dining.png') no-repeat 0 0;}

#app7i4 .chk {background: url('images/q7/icon_relax.png') no-repeat 0 0;}
#app7i4 .chked {background: url('images/q7/selected_relax.png') no-repeat 0 0;}

#app7i5 .chk {background: url('images/q7/icon_toilet.png') no-repeat 0 0;}
#app7i5 .chked {background: url('images/q7/selected_toilet.png') no-repeat 0 0;}

#app7i6 .chk {background: url('images/q7/icon_sleep.png') no-repeat 0 0;}
#app7i6 .chked {background: url('images/q7/selected_sleep.png') no-repeat 0 0;}

/*** Question 8 ***/
#app8t1 {
	margin: 30px 223px 30px 223px;
	width: 372px;
	height: 16px;
}

#app8i1 {
	margin: 0 20px 20px 157px;
	width: 232px;
	height: 33px;
}

#app8i2 {
	margin: 0 157px 20px 20px;
	width: 232px;
	height: 33px;
}

#app8i3 {
	margin: 0 20px 20px 157px;
	width: 232px;
	height: 33px;
}

#app8i4 {
	margin: 0 157px 20px 20px;
	width: 232px;
	height: 33px;
}

#app8i5 {
	margin: 0 293px 20px 293px;
	width: 232px;
	height: 33px;
}

#app8 span {
	display: block;
	width: 232px;
	height: 33px;
}

#app8i1 .chk {background: url('images/q8/unselect/colum1.png') no-repeat 0 0;}
#app8i1 .chked {background: url('images/q8/select/selected_colum1.png') no-repeat 0 0;}

#app8i2 .chk {background: url('images/q8/unselect/colum2.png') no-repeat 0 0;}
#app8i2 .chked {background: url('images/q8/select/selected_colum2.png') no-repeat 0 0;}

#app8i3 .chk {background: url('images/q8/unselect/colum3.png') no-repeat 0 0;}
#app8i3 .chked {background: url('images/q8/select/selected_colum3.png') no-repeat 0 0;}

#app8i4 .chk {background: url('images/q8/unselect/colum4.png') no-repeat 0 0;}
#app8i4 .chked {background: url('images/q8/select/selected_colum4.png') no-repeat 0 0;}

#app8i5 .chk {background: url('images/q8/unselect/colum5.png') no-repeat 0 0;}
#app8i5 .chked {background: url('images/q8/select/selected_colum5.png') no-repeat 0 0;}

/*** Question 9 ***/
#app9t1 {
	margin: 30px 239px 30px 239px;
	width: 340px;
	height: 16px;
}

#app9i1 {
	margin: 0 20px 20px 207px;
	width: 182px;
	height: 33px;
}

#app9i2 {
	margin: 0 207px 20px 20px;
	width: 182px;
	height: 33px;
}

#app9i3 {
	margin: 0 20px 20px 207px;
	width: 182px;
	height: 33px;
}

#app9i4 {
	margin: 0 207px 20px 20px;
	width: 182px;
	height: 33px;
}

#app9 span {
	display: block;
	width: 182px;
	height: 33px;
}

#app9i1 .chk {background: url('images/q9/unselect/colum01.png') no-repeat 0 0;}
#app9i1 .chked {background: url('images/q9/select/selected_colum01.png') no-repeat 0 0;}

#app9i2 .chk {background: url('images/q9/unselect/colum02.png') no-repeat 0 0;}
#app9i2 .chked {background: url('images/q9/select/selected_colum02.png') no-repeat 0 0;}

#app9i3 .chk {background: url('images/q9/unselect/colum03.png') no-repeat 0 0;}
#app9i3 .chked {background: url('images/q9/select/selected_colum03.png') no-repeat 0 0;}

#app9i4 .chk {background: url('images/q9/unselect/colum04.png') no-repeat 0 0;}
#app9i4 .chked {background: url('images/q9/select/selected_colum04.png') no-repeat 0 0;}

/*** Last Page ***/
#lastt1 {
	margin: 30px 107px;
	width: 604px;
	height: 20px;
}

#lastbox {
	margin: 0 301px;
	width: 216px;
	height: 82px;
}

#lastt2 {
	margin: 30px 368px 0 368px;
	width: 82px;
	height: 20px;
}

#lastt3 {
	margin: 10px 272px 0 272px;
	width: 274px;
	height: 33px;
}

#lastt4 {
	margin: 10px 345px 0 345px;
	width: 128px;
	height: 32px;
}

#lastt5 {
	margin: 10px 236px 0 236px;
	width: 346px;
	height: 24px;
}

#lastt6 {
	margin: 40px 351px 0 351px;
	width: 116px;
	height: 58px;
}

#lastt7 {
	margin: 40px 211px 30px 211px;
	width: 396px;
	height: 195px;
}