Kebanyakan rakyat Amerika melihat masa depan yang didorong oleh teknologi dengan harapan.
Mereka tidak mahu tinggal di sana.
Pandangan yang paradoks- teknologi masa depan terdengar hebat, tetapi bukan untuk saya - satu penemuan utama dari kajian kebangsaan baru eksklusif yang dijalankan oleh Smithsonian dan Pusat Penyelidikan Pew. Tinjauan pendapat melibatkan 1, 001 orang yang ditemuramah pada bulan Februari oleh talian telefon atau telefon bimbit.
Hampir 60 peratus responden berkata teknologi akan meningkatkan kehidupan di masa depan-kira-kira dua kali lebih banyak daripada mereka yang mengatakan ia akan membuat keadaan menjadi lebih teruk. Tetapi kereta tanpa pemandu? Daging yang dihasilkan oleh makmal? Implan otak hanya untuk mendapatkan lebih bijak atau meningkatkan ingatan? Tidak, Terima kasih.
html, body, div, span, img {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline} body {width: 100%; margin: 0 auto text-family {text-family {font-family: "Open Sans", "Biro Grot Cond Book", sans-serif} .blue-text {color: # 009ee2} : 90%, ketinggian: 290px; warna: # 009ee2; font-size: 20px; font-size: 2rem; font-weight: 700; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 5% 5% 0 5%; resize: none} button {width: 120px; height: 50px; # 009ee2; warna: #FFFFFF; font-size: 15px; font-size: 1.5rem; font-weight: 700; text-align: center; text-transform: uppercase; float: right; margin: 0 5% 0 0 } butang: hover {kursor: penunjuk} .highlighted {warna: # 009ee2; text-transform: huruf besar; margin: 0 5px 0 0} .ie-chart-image {display: none; margin: 30px auto} -chart-image: hover {cursor: pointer} # quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {width: 100%; height: 550px; 333; font-family: "Bur skrin eau Grot Cond ", sans-serif; margin: 20px auto 50px auto; limpahan: tersembunyi} @media skrin sahaja dan (max-width: 950px) dan (lebar min: 816px) {# Quiz-wrapper-one, # quiz-wrapper-one, # quiz-wrapper-two, # quiz-wrapper-three {height: 650px} skrin kuiz-pembungkus-dua, # kuiz-pembungkus-tiga {ketinggian: 550px}} @ skrin media dan (max-width: 400px) {# quiz-wrapper-one, # quiz-wrapper-two, # quiz- tiga {tinggi: 600px; border: none}} # kuiz-wrapper-one questionquest, # kuiz-wrapper-two questionquest, # quiz-wrapper-three questionquest {width: 100%; height: 100%; position: kakak: paparan: tiada} # quiz-wrapper-one .question. text -quest, # quiz-wrapper-two .question. text -quest, # quiz-wrapper-three .question. text {width: 100%; warna: #FFFFFF; font-size: 20px; font-size: 2rem; font-weight: 700; line height: 41px; background: # 000; padding: 10px 30px; -width: 500px) {# quiz-wrapper-one .question .question-text, # quiz-wrapper-two .questio n .question text, # quiz-wrapper-three .question .question text {font-size: 12px; font-size: 1.2rem; height-line: 27px}} @ media only screen and (max-width: 400px # {quiz-wrapper-one .question .question text, # quiz-wrapper-two .question-text, # quiz-wrapper-three .question .question text {padding: 10px 20px} pertanyaan pembungkusan-satu. pertanyaan. jenis teks, dua soalan, # kuiz-pembungkus-dua. pertanyaan, pertanyaan-jenis-dua teks, # kuiz-pembungkus-tiga. saiz: 16px; saiz fon: 1.6rem; ketinggian baris: 35px} @media skrin sahaja dan (max-width: 500px) {# quiz-wrapper-one questionquestion type-two text, dua bungkusan .question-type-two-text, # quiz-wrapper-three .question .question-type-two-text {font-size: 12px; font-size: 1.2rem; height-line: 27px} } # quiz-wrapper-one .question .options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {width: 35%; height: 100%; padding: 50px 0 0 0 ; margin: 0 auto; latar belakang: # E7E7E7; paparan: inline-block} @media screen only dan (max-wid th: 950px) dan (lebar min: 816px), hanya skrin dan (max-width: 650px) {# quiz-wrapper-one .question .options, # quiz-wrapper-two .question .options, # quiz-wrapper tiga pilihan .options {lebar: 100%; tinggi: 80px; teks-align: center; padding: 15px 0 0 0}} @ skrin media sahaja dan (max-width: 500px) {# quiz-wrapper-one. soalan .options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {height: 65px}} @ screen only media and (max-width: 400px) {# quiz-wrapper-one .question .options, # quiz-wrapper-two .question .options, # quiz-wrapper-three .question .options {height: 107px}} # quiz-wrapper-one .question .options .quiz-one-option, # kuiz-wrapper-two .question .options .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one-option {height: 40px; margin: 0 0 35px 30px} @media only screen and ( lebar maksimum: 950px) dan (min lebar: 816px), skrin sahaja dan (max-width: 650px) {# quiz-wrapper-one questionquest .options .quiz-one-option, # quiz-wrapper-two. soalan .options .quiz-one-option, # quiz-wrapper - tiga pilihan .options .quiz-one-option {margin: 0 0 35px 10px; teks-align: left; display: inline-block; vertical-align: top}} @ media only screen and (max-width: ) {# quiz-wrapper-one .question .options .quiz-one-option, # quiz-wrapper-two .question .options .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one skrin pilihan (margin: 0 0 35px 5px}} @ dan media (maksimal: 400px) {# quiz-wrapper-one questionquest .options .quiz-one-option, # quiz-wrapper-two. pilihan .quiz-one-option, # quiz-wrapper-three .question .options .quiz-one-option {width: 47%; margin: 0 0 0 3%; float: left}} # quiz-wrapper-one. soalan .options .quiz-one-option .option-text, # quiz-wrapper-two .question .options .quiz-one-option .option-text, # quiz-wrapper-three .question .options .quiz- opsyen-teks {lebar: 115px; warna: # 222; font-size: 17px; font-size: 1.7rem; font-weight: 700; blok} @media skrin dan (max-width: 950px) dan (min-lebar: 816px), hanya skrin dan (max-width: 650px) {# quiz-wrapper-one .question .options .quiz-one-option .option-text, # quiz-wrapper-two .question .options .quiz-one- text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {width: 60px; font-size: 14px; font-size: 1.4rem; margin: -4px 0 0 0} Skrin hanya media dan (max-width: 500px) {# quiz-wrapper-one question .options .quiz-one-option .option-text, # quiz-wrapper-two .question .options .quiz-one-option. opsyen-teks {width: 50px; font-size: 11px; font-size: 1.1rem; line-height: 20px; margin: 0; menegak-align: atas}} @ skrin media sahaja dan (max-width: 450px) {# quiz-wrapper-one .question .options .quiz-one-option .option-text, # quiz-wrapper-two. soalan .options .quiz-one-option .option-text, # quiz-wrapper-three .question .options .quiz-one-option .option-text {font-size: 10px; font-size: 1rem}} # quiz -wrapper-one .question .options .quiz-one-option .option-button, # quiz-wrapper-two .questio n .options .quiz-one-option .option-button, # quiz-wrapper-three .question .options .quiz-one-option .option-button {width: 25px; height: 25px; margin: 0 10px 0 5px; border: solid 3px # 222; -moz-border-radius: 100%; - webkit-border-radius: 100%; - radius o-border: 100%; radius border: 100%; pilihan menegak: atas} # quiz-wrapper-one .question .options .quiz-one-option .option-button: hover, # quiz-wrapper-two .question .options .quiz-one-option .option-button: hover, # quiz-wrapper-three .question .options .quiz-one-option .option-button: hover {background: # 009ee2; border: solid 3px # 009ee2; cursor: pointer} @media only screen and (max-width : 950px) dan (lebar min: 816px), hanya skrin dan (max-width: 650px) {# quiz-wrapper-one .question .options .quiz-one-option .option-button, # quiz-wrapper-two .question .options .quiz-one-option .option-button, # quiz-wrapper-three .question .options .quiz-one-option .option-button {width: 20px; height: 20px; margin: 0 4px}} # quiz-wrapper-one questionquest, # kuiz-wrapper-two .q jawapan: # quiz-wrapper-three .question .answer {width: 64%; margin: 30px 0 0 0; font-family: "open sans", sans-serif; @media skrin dan (max-width: 950px) dan (min lebar: 816px), skrin sahaja dan (max-width: 650px) {# quiz-wrapper-one questionquest. soalan. jawab. # kuiz-wrapper-three .question .answer {width: 100%}} @ screen only media and (max-width: 400px) {# quiz-wrapper-one questionquest. dua pertanyaan. jawab, # kuiz-wrapper-three .question .answer {zoom: 84%}} # quiz-wrapper-one .question .answer .answer-text, # quiz-wrapper-two .question .answer .answer -text, # quiz-wrapper-three .question .answer .answer-text {color: # 222; font-size: 16px; font-size: 1.6rem; font-weight: 0 auto: paparan: table} @media only screen dan (max-width: 950px) dan (min-width: 816px), hanya skrin dan (max-width: 650px) {# quiz-wrapper-one questionquest. jawapan-teks, # quiz-wrapper-two .question .answer .answer-text, # quiz -wrapper-three .question .answer .answer-text {font-size: 15px; font-size: 1.5rem}} # quiz-wrapper-one .question .answer .pie-chart, # quiz-wrapper-two .question .answer .pie-chart, # quiz-wrapper-three .question .answer .pie-chart {width: 280px; height: 280px; position: relative; margin: 30px auto} # quiz-wrapper-one questionquest. pie-chart: hover, # quiz-wrapper-two .question .answer .pie-chart: hover, # quiz-wrapper-three .question .answer .pie-chart: hover {cursor: pointer} @media screen only and ( lebar maksimum: 950px) dan (min lebar: 816px), hanya skrin dan (max-width: 650px) {# quiz-wrapper-one questionquest. jawapan .pie-chart, # quiz-wrapper-three .question .answer .pie-chart {margin: 20px auto}} # quiz-wrapper-one .question .answer .pie-chart .pie-background, # quiz-wrapper -two .question .answer .pie-chart .pie-background, # quiz-wrapper-three .question .answer .pie-chart .pie-background {background-color: # 999; position: absolute; width: 280px; height : 280px; -moz-border-radius: 100%; -webkit-border-radius: 100%; - o-border radius: 100%; radius sempadan: 100%; - moz-box-shadow: 0 0 10px # 333; -webkit-box-shadow: 0 0 10px # 333; -o-box-shadow: 0 0 10px # 333; box-shadow: 0 0 10px # 333} # quiz-wrapper-one .question .answer .pie-chart .pie, # quiz-wrapper-two. soalan. jawab .pie-chart .pie, # quiz-wrapper-three .question .answer .pie-chart .pie {position: absolute; width: 280px; height: 280px; -moz-border-radius: 100%; - webkit-border-radius: 100%; - o-border radius: 100%; jejari sempadan: 100%; klip: rect (0px, 140px, 280px, 0px)} # quiz-wrapper-one questionquest. pie-chart .pie-slice, # quiz-wrapper-two .question .answer .pie-chart .pie-slice, # quiz-wrapper-three .question .answer .pie-chart .pie-slice {position: absolute; lebar: 0; tinggi: 0; lebar: 280px; tinggi: 280px; -moz-border radius: 100%; - webkit-border radius: 100%; 100%, klip: rect (0px, 280px, 280px, 140px); - webkit-backface-visibility: hidden # # quiz-wrapper-one .question .answer .pie-chart # -satu soalan .jawab .pie-chart .pie, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-one, # quiz-wrapper-two .question .answer .pie-chart .pie, # quiz- wrapper-three .question .answer .pie-chart # pie-slice-one, # quiz-wrapper-three .question .answer .pie-chart .pie {background: # 009ee2; -webkit-transform: rotate (0deg); -moz-transform: putar (0deg); - ubah bentuk: putar (0deg); ubah: putar (0deg)} # kuiz-pembungkus. -wrapper-two .question .answer .pie-chart .pie-chart-label, # quiz-wrapper-three .question .answer .pie-chart .pie-chart-label {position: absolute; z-index: 4; warna: #FFFFFF; text-align: center} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-one-label, # quiz-wrapper-two .question .answer .pie-chart # carta-satu-slice-one-label, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-one-label {top: 10px; left: 83px; font-size: 5px; saiz font: 0.5rem; ketinggian baris: 14px} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-one-labe l-nombor, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-one-label-number, # quiz-wrapper-three .question .answer .pie-chart # slice-one-label-number {font-size: 10px; font-size: 1rem; font-weight: 700; line-height: 20px} # quiz-wrapper-one questionquest .answer .pie-chart # -two, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-two, # quiz-wrapper-three .question .answer .pie-chart # pie-slice-two {background: # 69306c; -webkit-transform: berputar (145deg); - moz-transform: berputar (145deg); - o-transform: berputar (145deg); transform: carta # carta-satu-slice-two-label, # kuiz-wrapper-two .question .answer .pie-chart # chart- one-slice-two-label, # quiz-wrapper-three .question .answer .pie- carta # carta-satu-slice-dua-label {atas: 70px; kiri: 160px; saiz fon: 19px; saiz fon: 1.9rem; ketinggian baris: 34px; (max-width: 400px) {# quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two-label, # quiz-wrapper-tw o .question .answer .pie-chart # chart-one-slice-two-label, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-two-label {font-size: 17px ; font-size: 1.7rem}} # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two-label-number, # quiz-wrapper-two .question .answer .pie-chart # carta-satu-slice-two-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one-slice-two-label-number {font-size: 29px; 2.9rem; font-weight: 700; line-height: 50px} @media only screen and (max-width: 400px) {# quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-two -label-number, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-two-label-number, # quiz-wrapper-three .question .answer .pie-chart # chart-one # dua-label-nombor {font-size: 27px; font-size: 2.7rem}} # quiz-wrapper-one .question .answer .pie-chart # pie-slice-three, # quiz-wrapper-two .question .answer .pie-chart # pie-slice-three, # quiz-wrapper-three .question .answer .pie-chart # pie-slice-three {backgroun d: # 009ee2; -webkit-transform: berputar (30deg); - moz-transform: berputar (30deg); - o-transform: putar (30deg) .answer .pie-chart # chart-one-slice-three-label, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-three-label, # quiz-wrapper-three .question .jawab .pie-chart # chart-one-slice-three-label {top: 100px; left: 25px; font-size: 14px; font-size: 1.4rem; height-line: 25px; # quiz-wrapper-one .question .answer .pie-chart # chart-one-slice-three-label-number, # quiz-wrapper-two .question .answer .pie-chart # chart-one-slice-three- nombor label, # kuiz-pembungkus-tiga .question .answer .pie-chart # chart-one-slice-three-label-number {font-size: 24px; font-size: 2.4rem; font-weight: 700; line-height: 50px} # quiz-wrapper-one # question-1, # quiz-wrapper-two # question-1, # quiz-wrapper-three # question-1 {display: block} # quiz-wrapper-one. label-bar-graf-label, # kuiz-bungkusan-dua. -beta-graf-label-label, # kuiz-bungkusan-tiga. -beta-graf-label-label {width: 3 50px; margin: 80px auto 0 auto; ketinggian baris: 9px} # kuiz-pembungkus-satu label -stacked-bar-graph .stacked-bar-graph-label, # quiz-wrapper-two. -labels. -stacked-bar-graph-label, # kuiz-wrapper-three .stacked-bar-graph-label. stacked-bar-graph-label {font-family: "Open sans", sans-serif; : 5px; font-size: 0.5rem; display: inline-block} # quiz-wrapper-one -stacked-bar-graph-label # chart-two-label-one, # quiz-wrapper- label grafik # chart-two-label-one, # kuiz-wrapper-three .stacked-bar-graph-label # chart-two-label-one {width: 36%; font-weight: 700} # quiz-wrapper - satu label label -stacked-bar-graph # chart-two-label-two, # quiz-wrapper-two .stacked-bar-graph-label # chart-two-label-two, # quiz-wrapper-three. -bar-graph-label # chart-two-label-two {width: 5.5%} # quiz-wrapper-one -stacked-bar-graph-label # chart-two-label-three, # quiz-wrapper-two. # label-dua-label-tiga, # kuiz-pembungkus-tiga .stacked-bar-graph-label # chart-two-label-three {width: 22% # label-dua-label-empat, # kuiz-wrapper-two .stacked-bar-graph-label # chart-two-label-four, # quiz-wrapper-three .stacked- bar grafik # label-dua-label-empat {lebar: 30%; font-weight: 700} # kuiz-wrapper-one. -wrapper-two. -stacked-bar-graph-label # chart-three-label-one, # quiz-wrapper-three .stacked-bar-graph-label # chart-three-label-one {width: 26.5%; font -gambar: 700} # kuiz-pembungkus-satu. -beta-graf-label-label # carta-tiga-label-dua, # kuiz-pembungkus-dua. -beta-grafik-label-label # chart-three-label-two, # kuiz-pembungkus-tiga. -stacked-bar-graph-label # chart-three-label-two {width: 5%} # quiz-wrapper-one. tiga, # kuiz-pembungkus-dua. -beta-grafik-label-label # chart-three-label-three, # kuiz-wrapper-three .stacked-bar-graph-label # chart-three-label-three { 22%} # kuiz-pembungkus-satu. Label-bar-graph-label # chart-three-label-four, # kuiz-wrapper-two .stacked-bar-graph-labels # chart-three-l abel-four, # quiz-wrapper-three. stacked-bar-graph-label # chart-three-label-four {width: 33%; font-weight: 700} # quiz-wrapper-one. -labels # chart-four-label-one, # quiz-wrapper-two. -stacked-bar-graph-label # chart-four-label-one, # quiz-wrapper-three .stacked-bar-graph-labels #chart -four-label-one {width: 25%; weight-font: 700} # quiz-wrapper-one -stacked-bar-graph-labels # chart-four-label-two, # quiz- wrapper-two. bar grafik-# # chart-four-label-two, # kuiz-wrapper-three .stacked-bar-graph-label # chart-four-label-two {width: 5%} # quiz-wrapper-one. -bar-graph-labels # chart-four-label-three, # quiz-wrapper-two. -stacked-bar-graph-labels # chart-four-label-three, # quiz-wrapper-three .stacked-bar-graph -labels # chart-four-label-three {width: 22%} # quiz-wrapper-one -stacked-bar-graph- labels # chart-four-label-four, # quiz- label grafik # carta-empat-label-empat, # kuiz-pembungkus-tiga .stacked-bar-graph-label # chart-four-label-four {width: 33%; font-weight: - satu label -stack-bar-graph-label # chart-five-label-one, # quiz-wrapper-two .stacked-bar-graph-labels # chart-five-label-one, # quiz-wrapper- bar grafik-label # chart-five-label-one {width: 22%; font-weight: 700} # kuiz-wrapper-one .stacked-bar-graph-labels # chart-five-label-two, # quiz -bintang-dua. -buat-bar-graf-label # carta-lima-label-dua, # kuiz-pembungkus-tiga .stacked-bar-graph-label # chart-five-label-two {width: 9%} # # kuiz-pembungkus-satu. label-lima-label-tiga # # chart-five-label-three, # kuiz-wrapper-two .stacked-bar- tiga label -stacked-bar-graph # chart-five-label-three {width: 22%} # quiz-wrapper-one .stacked-bar-graph-labels # chart-five-label-four, # quiz-wrapper - dua label label -stacked-bar-graph # chart-five-label-four, # kuiz-wrapper-three .stacked-bar-graph-label # chart-five-label-four {width: 33% : 700} # quiz-wrapper-one -stacked-bar-graph, # quiz-wrapper-two .stacked-bar-graph, # quiz-wrapper-three .stacked-bar-graph {width: 0; height: 50px; b # 1: quiz-wrapper-one. stacked-bar-graph: hover, # quiz-wrapper-two .stacked- bar graph: hover, # quiz-wrapper-three .stacked-bar-graph: hover {cursor: pointer} # quiz-wrapper-one .stacked-bar-graph .stacked-bar-graph-piece, # quiz-wrapper -kedua-bar-grafik. -buat-bar-graf-sekeping, # kuiz-pembungkus-tiga .stacked-bar-graph .stacked-bar-graph-piece {ketinggian: 50px; paparan: #FFFFFF; saiz fon: 18px; font-size: 1.8rem; font-weight: 700; line-height: 50px} # kuiz-wrapper-one .stacked-bar-graph .chart-piece- bungkus-dua. -buat-bar-grafik. peratus-peratusan, # kuiz-pembungkus-tiga .stacked-bar-graph .chart-piece-percent {font-size: 14px; font-size: 1.4rem; font- berat: 700; teks-align: left; display: none} # kuiz-wrapper-one .stacked-bar-graph # chart- two-piece-one, # quiz- wrapper-two .stacked-bar-graph # dua keping-satu, # kuiz-pembungkus-tiga. stacked-bar-graph # chart-two-piece-one {width: 37%; background: # 009ee2} # quiz-wrapp er-one .stacked-bar-graph # chart-two-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart- two-piece-two, # quiz- wrapper-three .stacked-bar- grafik # carta-dua keping-dua {lebar: 5.5%; latar belakang: # 000; warna: # 000} # kuiz-wrapper-one .stacked-bar-graph # chart-two-piece-three, # quiz-wrapper # Dua carta-tiga, # kuiz-pembungkus-tiga. stacked-bar-graph # chart-two-piece-three {width: 4.5%; background: # 999; color: # 999} # quiz-wrapper-one. Stacked-bar-graph # chart-two-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart- two-piece-four, # quiz- tiga graf stacked-bar # chart-two-piece-four {width: 53%; background: # 69306c} # quiz-wrapper-one .stacked-bar- graph # chart- bungkus-dua. graf-bar-grafik # carta-tiga-satu-satu, # kuiz-pembungkus-tiga .stacked-bar-graph # chart-three-piece-one {width: 28%; background: # 009ee2} kuiz-wrapper-one. stacked-bar-graph # chart-three-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart-three-piece-two, # quiz- wrapper-three .stacked- bar-grafik # carta-tiga keping-dua {lebar: 4%; latar belakang: # 000; warna: # 000} # kuiz-pembungkus-satu .stacked-bar-graph # dua .stacked-bar-graph # chart-three-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-three-piece-three {width: 3%; background: # 999; 999} # kuiz-pembungkus-satu. Stacked-bar-graph # chart-three-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-three-piece-four, # quiz-wrapper-three .stacked-bar-graph # chart-three-piece-four {width: 65%; background: # 69306c} # quiz-wrapper-one .stacked-bar-graph # chart-four-piece-one, # quiz- # Dua carta-empat-sekeping-satu, # kuiz-pembungkus-tiga .stacked-bar-graph # chart-four-piece-one {width: 26%; background: # 009ee2} #quiz -wrapper-satu .stacked-bar-graph # chart-four-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart-four-piece-two, # quiz-wrapper-three .stacked-bar #grad # carta-empat keping-dua {lebar: 5%; latar belakang: # 000; warna: # 000} # kuiz-pembungkus- pembalut dua #stacked-bar-graph # chart-four-piece-three, # quiz-wrapper-three .stacked-bar-graph # chart-four-piece-three {width: 3%; background: # 999; color: # 999 # # kuiz-wrapper-one .stacked-bar-graph # chart-four-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-four-piece-four, # quiz-wrapper-three. # stok-empat-sekeping-empat {lebar: 66%; latar belakang: # 69306c} # kuiz-wrapper-one .stacked-bar- graph # chart-five-piece-one, # quiz- dua .stacked-bar-graph # chart-five-piece-one, # quiz-wrapper-three .stacked-bar-graph # chart- five-piece-one {width: 22%; background: # 009ee2} bungkus-satu. stacked-bar-graph # chart-five-piece-two, # quiz-wrapper-two .stacked-bar-graph # chart- five-piece-two, # quiz- wrapper-three .stacked-bar- grafik # carta-lima-dua-dua {lebar: 7.5%; latar belakang: # 000; warna: # 000} # kuiz-pembungkus-satu .stacked-bar-graph # - dua barisan grafik # carta-lima-tiga-tiga, # kuiz-pembungkus-tiga .stacked-bar-graph # chart-five-piece-three {width: 7.5%; background: # 999; # 999 # # quiz-wrapper-one .stacked-bar-graph # chart-five-piece-four, # quiz-wrapper-two .stacked-bar-graph # chart-five-piece-four, # quiz-wrapper-three. # stok-lima-sekeping-empat {lebar: 63%; latar belakang: # 69306c} # kuiz-pembungkus-satu .next-question, # quiz-wrapper-one .previous-question, # quiz- - dua pertanyaan. # soalan-soalan, # kuiz-pembungkus-dua .pertanyaan awal, # kuiz-pembungkus-tiga .next-question, # quiz-wrapper-three .previous-question {position: absolute right: 15px; 15px; warna: # 333; saiz fon: 10px; font-size: 1rem; font-family: "Open sans", sans-serif; font-weight: 700; Soalan-soalan: hover, # quiz-wrapper-one .previous-question: hover, # quiz-wrapper-two .next question: hover, # quiz-wrapper-two .previous question: # quiz-wrapper-three .next question: hover, # quiz-wrapper-three .previous-question: hover {color: # 009ee2; cursor: pointer} # quiz-wrapper-one .previous-question, # quiz- -dua soalan yang dahulu, # kuiz-pembungkus-tiga. pertanyaan sebelumnya {kiri: 20px} Skrin hanya @media dan (lebar maksimum: 950px) dan (min lebar: 816px), skrin sahaja dan (max-lebar: 650px) {# skiz-wrapper-two {ketinggian: 700px} lebar maksimum: 500px) {# kuiz-pembungkus dua (ketinggian: 650px}} @ skrin media sahaja dan (max-width: 450px) {# quiz-wrapper-two {height: 720px} # quiz-two-question-1 {display: inline-block} # quiz-wrapper-two .quiz-two-question-text {color: #FFFFFF; font size: 16px; berat: 700; ketinggian baris: 35px; latar belakang: # 000; padding: 10px 30px} @media skrin sahaja dan (max-width: 1050px) dan (min-lebar: 816px) dua soalan teks {fon saiz: 15px; font-size: 1.5rem}} @ skrin media sahaja dan (max-lebar: 500px) {# quiz-wrapper-two .quiz-two-question- saiz: 12px; saiz fon: 1.2rem; ketinggian baris: 27px}} @ skrin media dan (max-width: 400px) {# quiz-wrapper-two .quiz-two-question-text {padding: 10px 20px }} # quiz-wrapper-two .quiz-two-options {width: 35%; height: 100%; padding: 30px 0 0 15px; background: # E7E7E7; display: inline-block} @media hanya skrin dan (max-width: 950px) dan (min-lebar: 816px), skrin sahaja dan (max-width: 650px) {# quiz-wrapper-two .quiz-two-options { Skrin hanya 90px; padding: 0 0 0 10px}} @ dan media (max-width: 450px) {# quiz-wrapper-two .quiz-two-options {height: 130px} : 400px) {# quiz-wrapper-two .quiz-two-options {padding: 0 0 0 8px}} @ screen media only and (max-width: 950px) and (min-width: 816px) max-width: 650px) {# quiz-wrapper-two .quiz-two-options .quiz-option {display: inline-block; margin: 12px 0 0 0} {# quiz-wrapper-two .quiz-two-options .quiz-option {width: 175px}} @ screen only media and (max-width: 400px) {# quiz-wrapper-two .quiz-two-options .quiz -pilihan {lebar: 130px}} # quiz-wrapper-two .quiz-two-options .quiz-two-option-text {height: 25px; color: # 222; font size: 12px; ; font-weight: 700; text-transform: uppercase; margin: 0 0 35px 0; paparan: inline-block} @media only screen and (max-width: 1050px) (lebar min: 816px) {# quiz-wrapper-two .quiz-two-options. skiz-two-option-text {font-size: 10.5px; font-size: 1.05rem}} @ lebar maksimum: 950px) dan (min lebar: 816px), skrin sahaja dan (max-width: 650px) {# quiz-wrapper-two .quiz-two-options .quiz-two-option-text { : 10px; font-size: 1rem; margin: 0 15px 0 0}} @ skrin media sahaja dan (max-width: 400px) {# quiz-wrapper-two .quiz-two-options .quiz-two-option-text {font-size: 7.5px; font-size: 0.75rem; margin: 0 5px 0 0}} # quiz-wrapper-two .quiz-two-options .quiz-two-option-button {width: 25px; height: 25px; warna: # 222; margin: -5px 8px 0 5px; border: solid 3px # 222; -moz-border-radius: 100%; #; border-blocker-two .quiz-two-options .quiz-two-option-button: hover {background: # 009ee2; border : pepejal 3px # 009ee2; kursor: penunjuk} @media skrin dan (max-width: 950px) dan (lebar min: 816px), skrin sahaja dan (max-width: 650px) -two -options .quiz-two-option-button {lebar: 22px; ketinggian: 22px; margin: -3px 0 0 0}} @ skrin media sahaja dan (max-width: 400px) {# quiz-wrapper-two .quiz- dua pilihan .quiz-two-option-button {margin: 0}} # quiz-wrapper-two .quiz-two-answer {width: 60%! important; margin: 20px 0 0 1% skrin dan (max-width: 1050px) dan (min-lebar: 816px) {# kuiz-wrapper-two .quiz-two-answer (margin: 10px 0 0 1% lebar: 950px) dan (lebar min: 816px), hanya skrin dan (max-lebar: 650px) {# kuiz-wrapper-two .quiz-two-answer {width: 100% ! penting}} @ skrin media sahaja dan (max-width: 550px) {# quiz-wrapper-two .quiz-two-answer {margin: kuiz-two-chart-one-pie-slice-one {background: # 009ee2; -webkit-transform: rotate (0); - moz-transform: rotate : rotate (0); z-index: 1} # quiz-wrapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-two {background: # 4AC0EE; (5 (5deg), ubah: putar (5deg); z-indeks: 2} # kuiz-pembungkus-dua .quiz-two-answer #quiz -two-chart-two-slice-two-label {top: 60px; left: 163px; color: #FFFFFF; font-size: 25px; font-size: 2.5rem; font-weight: 700; text-align: center # text-shadow: 0 0 2px # 666; -webkit-font-smoothing: antialiased} # quiz-wrapper-two .quiz-two-answer # quiz-two- chart-one-pie-slice-three { (88deg); - o-transform: berputar (88deg); transform: berputar (88deg); z-index: 3} # kuiz-wrapper- dua .quiz-two-answer # quiz-two-chart-one-pie-slice-three extended {background: # AAE0FA; -webkit-transform: rotate (120deg); o-transform: putar (120deg), ubah: berputar (120deg); z-index: 3} # kuiz-pembungkus-dua .quiz-two-answer # quiz-two-chart-one-slice-three-label { : 170px; kiri: 90px; warna: #FFFFFF; saiz fon: 35px; saiz font: 3.5rem; font-weight: 700; text-align: center; font-smoothing: antialiased} # quiz-w rapper-two .quiz-two-answer # quiz-two-chart-one-pie-slice-four {background: # 333; -webkit-transform: rotate (125deg); - ubah: berputar (125deg), ubah: berputar (125deg), z-indeks: 2} # kuiz-pembungkus-dua .quiz-dua-jawapan # kuiz-dua-carta-satu- : # AE99B7; -webkit-transform: berputar (160deg); - moz-transform: berputar (160deg); - bungkus-dua. dua jawapan -quiz-two-chart # dua-carta-dua-slice-five-label {top: 40px; kiri: 43px; warna: #FFFFFF; saiz font: 17px; font-size: 1.7rem; font-weight: 700; text-align: center; text-shadow: 0 0 2px # 666; -webkit-font-smoothing: antialiased} # quiz-wrapper-two .quiz- satu-pie-slice-six {background: # 69306C; -webkit-transform: berputar (180deg); - moz-transform: berputar (180deg); z-index: 0} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart-label-extension {position: absolute; color: # 000; font-size: 12px; 1.2rem; fon t-berat: 700; ketinggian baris: 18px; z-index: 999; paparan: tiada} # kuiz-pembungkus-dua .quiz-two-answer .quiz-two-pie- chart-wrapper {width: 280px; : 280px; kedudukan: relatif; margin: 30px auto} @media skrin sahaja dan (max-width: 1050px) dan (lebar min: 816px) {# quiz-wrapper-two. pai-chart-wrapper {margin: 20px auto}} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart {width: 280px; height: 280px; limpahan: tersembunyi; -moz-border-radius: 100%; - webkit-border radius: 100%; - jejari o-border: 100%; radius border: 100%; box-shadow: 0 0 10px # } # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart: first-child {margin-top: 30px} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie -chart: hover {kursor: pointer} # quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart .quiz-two-pie-slice {width: 141px; height: 141px; font-weight:700}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart .quiz-two-pie-chart-label{position:absolute;color:#FFFFFF;font-family: "Open s ans", sans-serif;font-weight:700;text-align:center;text-shadow:0 0 2px #666;-webkit-font-smoothing:antialiased;z-index:999}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-zero{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-one{bottom:134px;left:145px;background:#4AC0EE;-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-two{bottom:35px;left:163px;background:#AAE0FA;-webkit-transform:rotate(65deg);-moz-transform:rotate(65deg);-o-transform:rotate(65deg);transform:rotate(65deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-two-extended{top:151px;left:125px;background:#AAE0FA;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg) }#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-three{top:127px;right:151px;background:#333;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-pie-slice-four{top:116.5px;right:157.8px;background:#AE99B7;-webkit-transform:rotate(17deg);-moz-transform:rotate(17deg);-o-transform:rotate(17deg);transform:rotate(17deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-one-label{top:40px;left:155px;font-size:22px;font-size:2.2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-two-label{top:160px;left:155px;font-size:29px;font-size:2.9rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-two-slice-four-label{top:160px;left:30px;font-size:24px;font-size:2.4rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz -two-chart-two-slice-five-label{top:50px;left:52px;font-size:21px;font-size:2.1rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-one{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-two{bottom:135px;left:145px;background:#4AC0EE;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-three{bottom:98px;left:165px;background:#AAE0FA;-webkit-transform:rotate(28deg);-moz-transform:rotate(28deg);-o-transform:rotate(28deg);transform:rotate(28deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-three-extended{bottom:69px;left:170px;background:#AAE0FA;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#quiz-wrapper-two .quiz-two-answer .qu iz-two-pie-chart #quiz-two-chart-three-pie-slice-four{top:169px;right:70px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-five{top:167px;right:93px;background:#AE99B7;-webkit-transform:rotate(58deg);-moz-transform:rotate(58deg);-o-transform:rotate(58deg);transform:rotate(58deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-pie-slice-five-extended{top:130px;right:150px;background:#AE99B7;-webkit-transform:rotate(98deg);-moz-transform:rotate(98deg);-o-transform:rotate(98deg);transform:rotate(98deg);z-index:2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-three-label{top:110px;left:175px;font-size:28px;font-size:2.8rem}@media only screen and (max-width: 400px){#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-sl ice-three-label{font-size:25px;font-size:2.5rem}}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-five-label{top:190px;left:52px;font-size:32px;font-size:3.2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-three-slice-six-label{top:65px;left:38px;font-size:25px;font-size:2.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-one{bottom:140px;left:140px;background:#4AC0EE}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-two{bottom:115px;left:158px;background:#AAE0FA;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-two-extended{bottom:97px;left:166px;background:#AAE0FA;-webkit-transform:rotate(119deg);-moz-transform:rotate(119deg);-o-transform:rotate(119deg);transform:rotate(119deg)}#quiz-wrapper-two .quiz-tw o-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-three{top:166px;left:97px;background:#333;-webkit-transform:rotate(29deg);-moz-transform:rotate(29deg);-o-transform:rotate(29deg);transform:rotate(29deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-four{top:169px;right:58px;background:#AE99B7;-webkit-transform:rotate(38deg);-moz-transform:rotate(38deg);-o-transform:rotate(38deg);transform:rotate(38deg);z-index:1}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-pie-slice-four-extended{top:141px;right:140px;background:#AE99B7;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-two-label{top:90px;left:175px;font-size:26px;font-size:2.6rem}@media only screen and (max-width: 400px){#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-two-label{fo nt-size:25px;font-size:2.5rem}}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-four-label{top:195px;left:65px;font-size:35px;font-size:3.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-four-slice-five-label{top:75px;left:35px;font-size:25px;font-size:2.5rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-one{bottom:140px;left:140px;background:#009ee2}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-two{bottom:131px;left:148px;background:#4AC0EE;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-three{top:42px;left:165px;background:#AAE0FA;-webkit-transform:rotate(29deg);-moz-transform:rotate(29deg);-o-transform:rotate(29deg);transform:rotate(29deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-tw o-chart-five-pie-slice-four{top:120px;left:155px;background:#333;-webkit-transform:rotate(75.6deg);-moz-transform:rotate(75.6deg);-o-transform:rotate(75.6deg);transform:rotate(75.6deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-five{top:131px;left:148px;background:#AE99B7;-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-pie-slice-five-extended{top:162px;right:28px;background:#AE99B7;-webkit-transform:rotate(200deg);-moz-transform:rotate(200deg);-o-transform:rotate(200deg);transform:rotate(200deg)}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-three-label{top:70px;left:185px;font-size:20px;font-size:2rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-five-label{top:175px;left:150px;font-size:28px;font-size:2.8rem}#quiz-wrapper-two .quiz-two-answer .quiz-two-pie-chart #quiz-two-chart-five-slice-six-label{top:110px;left:20px;font-size:30px;font-size:3rem}@media only screen and (max-width: 500px){#quiz-wrapper-three{height:620px}}@media only screen and (max-width: 400px){#quiz-wrapper-three{height:550px}}#quiz-wrapper-three #quiz-three-question-1{display:inline-block}#quiz-wrapper-three .quiz-three-question-text{color:#FFFFFF;font-size:15px;font-size:1.5rem;font-weight:700;line-height:30px;background:#000;padding:10px 30px}@media only screen and (max-width: 500px){#quiz-wrapper-three .quiz-three-question-text{font-size:12px;font-size:1.2rem;line-height:27px}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-question-text{padding:10px 20px}}#quiz-wrapper-three .quiz-three-options{width:35%;height:100%;padding:30px 0 0 15px;background:#E7E7E7;display:inline-block}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three -options{width:100%;height:52px;text-align:center;padding:0}}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-option{display:inline-block}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-option{margin:0 0 0 5px}}#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{height:25px;color:#222;font-size:17px;font-size:1.7rem;font-weight:700;text-transform:uppercase;margin:35px 0 10px 0;display:inline-block}@media only screen and (max-width: 1050px) and (min-width: 816px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{font-size:15px;font-size:1.5rem}}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{margin:15px 20px 0 0}}@media only screen and (max-width: 450px){#quiz-wrapper-three .quiz-three-options .quiz-three-opti on-text{font-size:12px;font-size:1.2rem}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-text{font-size:10px;font-size:1rem}}#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{width:27px;height:27px;color:#222;margin:-10px 8px 0 5px;border:solid 3px #222;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;border-radius:100%;display:inline-block;vertical-align:middle}#quiz-wrapper-three .quiz-three-options .quiz-three-option-button:hover{background:#009ee2;border:solid 3px #009ee2;cursor:pointer}@media only screen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{margin:-10px 0 0 0}}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-options .quiz-three-option-button{width:22px;height:22px;margin:-8px 0 0 0}}#quiz-wrapper-three .quiz-three-answer{width:60% !important}@media only sc reen and (max-width: 950px) and (min-width: 816px), only screen and (max-width: 650px){#quiz-wrapper-three .quiz-three-answer{width:100% !important}}#quiz-wrapper-three .quiz-three-bar-graph{width:0;height:300px;border-bottom:solid 1px #333;margin:30px auto;text-align:center}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar{width:45px;height:0;background:#009ee2;margin:0 5px 0 0;display:inline-block}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar:hover{cursor:pointer}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar{margin:0}}#quiz-wrapper-three .quiz-three-bar-graph .hidden-bar{height:300px;display:inline-block}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-two{background:#96001E}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-three{background:#999;margin:0 35px 0 0}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-three{margin:0 20px 0 0}}#quiz-wr apper-three .quiz-three-bar-graph .quiz-three-bar-four{background:#00631E}#quiz-wrapper-three .quiz-three-bar-graph .quiz-three-bar-five{background:#69306c}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label{color:#FFFFFF;font-family:"Open sans", sans-serif;font-weight:700;text-transform:uppercase;line-height:18px;margin:5px auto;display:table}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label .bar-graph-label-smaller-text{font-size:6px;font-size:0.6rem}@media only screen and (max-width: 400px){#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label .bar-graph-label-smaller-text{font-size:5px;font-size:0.5rem}}#quiz-wrapper-three .quiz-three-bar-graph .bar-graph-label-raised{color:#000;font-size:9px;font-size:0.9rem;margin:-75px auto 0 auto}#quiz-wrapper-three #common-answers{width:90%;margin:3% 5%;display:none;color:#009ee2;font-size:14px;font-size:1.4rem;font-family:"Open sans", sans-serif;font-weight:700;line-height:30px}@media only screen and (max-width: 400px){#q uiz-wrapper-three #common-answers{font-size:12px;font-size:1.2rem;line-height:20px}}#quiz-wrapper-three #common-answers .common-answer{color:#333;font-size:11px;font-size:1.1rem;font-family:"Bureau Grot Cond Book", sans-serif;font-weight:500;margin:4px 0 0 0}@media only screen and (max-width: 400px){#quiz-wrapper-three #common-answers .common-answer{font-size:10px;font-size:1rem;margin:7px 0 0 0}}#quiz-wrapper-three #common-answers .common-answer .common-answer-percentage{color:#009ee2;font-weight:700;margin:0 0 0 10px}@media only screen and (max-width: 400px){#quiz-wrapper-three #common-answers .common-answer .common-answer-percentage{margin:0 0 0 5px}}#quiz-wrapper-three #common-answers .common-answer:first-child{margin-top:8px} /*=== DO NOT COPY OVER THESE TWO LINES ===*/ .ie-chart-image {display: block\0/;} .pie-chart, .quiz-two-pie-chart, .quiz-three-bar-graph {display: none\0/;} Will technology make your life better or worse? better worse don't know pew survey results
11% Don't know/
no answer 59%
Mostly
better 30%
Mostly
worse Would life be better or worse if: most people wear implants or other devices that constantly show them information about the world around them? better worse good & bad don't know pew survey results Change for the better
| Both
| Don't know
| Change for the worse
| 37% 6% 5% 53% |
Would life be better or worse if: lifelike robots become the primary caregivers for the elderly and people in poor health? better worse good & bad don't know pew survey results Change for the better
| Both
| Don't know
| Change for the worse
| 28% 4% 3% 65% |
Would life be better or worse if: prospective parents can alter the DNA of their children to produce smarter, healthier, or more athletic offspring? better worse good & bad don't know pew survey results Change for the better
| Both
| Don't know
| Change for the worse
| 26% 5% 3% 66% |
Would life be better or worse if: personal and commercial drones are given permission to fly through most US airspace? better worse good & bad don't know pew survey results Change for the better
| Both
| Don't know
| Change for the worse
| 22% 7% 7% 63% |
next question >
If people had been asked specifically about future technologies that promise to alleviate current challenges, such as curing cancer or eliminating pollution, the respondents would presumably have embraced such changes without reservation.
But the new survey, done for this special issue about the links between science and science fiction, was intended to reveal public attitudes about future technologies envisioned in sci-fi movies and literature. Lee Rainie, director of the Pew Research Center's Internet & American Life Project, says “the things we asked about were not mere conveniences or little incremental advances, but big, imaginative stuff.”
And that stuff, ranging from robotic caregivers to commercial or personal drones flying in US airspace, gave people pause.
In the next fifty years, how likely is it that: people in need of an organ transplant will have new organs custom made for them in a lab? already happened definitely probably don't know probably not definitely not pew survey results
22% 60% 10% In the next fifty years, how likely is it that: computers will be as effective as people at creating important works of art such as music, novels, movies, or paintings? already happened definitely probably don't know probably not definitely not pew survey results 
16% 35% 25% 20% In the next fifty years, how likely is it that: scientists will have developed a way to teleport objects - that is, moving objects from one location to another without physically touching them? already happened definitely probably don't know probably not definitely not pew survey results 
32% 34% 22% In the next fifty years, how likely is it that: humans will build colonies on another planet that can be lived in for long periods? already happened definitely probably don't know probably not definitely not pew survey results 
28% 39% 25% In the next fifty years, how likely is it that: humans will be able to control the weather? already happened definitely probably don't know probably not definitely not pew survey results 
13% 33% 44% next question > Giving respondents a chance to unleash their own imaginations, they were asked what life-changing invention they would like to see. Two ideas tied for first place, with 9 percent apiece. One was right out of science fiction—time travel—whereas the other was as old as the hills, the wish to improve health and boost longevity.
But 39 percent didn't name anything, perhaps suggesting that they are content with things as they are or, as Steve Jobs said, “people don't know what they want until you show it to them.”
If the technology existed, would you: eat meat that was grown in a lab? yes no don't know pew survey results
yes 20% no 78% don't know 2% | men 27% yes
| women 14% yes
| If the technology existed, would you: ride in a driverless car? yes no don't know pew survey results
yes 48% no 50% don't know 2% | men 54% yes
women 43% yes
If the technology existed, would you: get a brain implant to improve your memory or mental capacity? yes no don't know pew survey results
yes 26% no 72% don't know 2% | men 26% yes
women 26% yes
Science fiction writers have always imagined new inventions that change the world of the future. Bagaimana dengan awak? If there was one futuristic invention that you could own, what would it be? submit Here are some inventions that others said they would like to own: Improved health and longevity/Cure for diseases 9% Time machine/Time travel 9% Flying car/Flying bike 6% Personal robot/Robot servants 4% Personal space craft 4% Self-driving car 3% Teleporter/Teleportation/Transporter 3% World peace/Stop wars/Improved understanding/Better planet 2% next question >
