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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
a {text-decoration:none}
/* Main Styles */
html, body {position:relative;width:100%;background:#fff;font-family:Arial,Helvetica,sans-serif}

#question {box-sizing:border-box; width:100%; max-width:400px; margin:30px auto;padding:20px; font-size:14px; line-height:20px; border:1px solid #ccc}
#question h2 {font-size:20px; font-weight:bold}
#question fieldset {margin:20px 0 0 0}
#question fieldset legend {font-weight:bold}
#question1 fieldset label {display:block; margin:5px 0 0 0; padding:5px; cursor:pointer; border:1px solid #e6e6e6}
#question1 fieldset input {cursor:pointer}

#question2 .range {position:relative; width:100%; height:30px; font-size:12px}
#question2 .range .left {position:absolute; top:0; left:0; padding:5px 0}
#question2 .range .center {position:absolute; top:0; left:50%; display:inline-block; width:40px; margin:0 0 0 -15px; padding:5px 0; text-align:center}
#question2 .range .right {position:absolute; top:0; right:0; padding:5px 0}
#question2 fieldset label {float:left; width:10%; height:30px; box-sizing:border-box; border-left:1px solid #999}
#question2 fieldset label:nth-child(10n+12) {border-right:1px solid #999}
#question2 fieldset input {position:relative; display:block; height:100%; width:100%; margin:0}
#question2 fieldset input:before {position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; content:""; display:block; cursor:pointer; background:#e6e6e6}
#question2 fieldset input[type=radio]:checked:before {background:#2ea4ff}

#question .submit {display:block; margin:20px 0 0 0; padding:10px 0; text-align:center; color:#fff; font-weight:bold; background:#1fcc00}
#question b {font-weight:bold}
#question p {margin:20px 0 0 0}

.cf:before, .cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1}