body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{vertical-align: top; border: 0;}
address, caption, cite, code, dfn, em, th, var, i{font-weight: normal; font-style: normal;}
ol, ul, li{list-style: none;}
div, dl, dt, dd, ol, ul, li{zoom: 1;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;}
/* Public */
body{color: #333;font-size: 20px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif;text-align: left;-webkit-text-size-adjust: none;}
a{color: #333; text-decoration: none; outline: none;}
a:hover{color: #9A0000;}
.clearbox{border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
* + html .clearfix{min-height: 1%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
input[type=button], input[type=submit], input[type=file]}

    body {
        font-family: 'Arial', sans-serif;       
     
        background-color: #c0defe;
    }

    .question-container {
        display: none;
        background: white;
        padding: 25px;
        /*border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
        margin-bottom: 20px;
    }
    .active {
        display: block;
        animation: fadeIn 0.3s;
    }
    .surveyitemoption {
        display: block;
        padding: 12px 15px;
        margin: 8px 0;
        border-radius: 6px;
        background: #f8f9fa;
        transition: all 0.2s;
        cursor: pointer;
    }
    .surveyitemoption:hover {
        background: #e9ecef;
        transform: translateY(-2px);
    }
    .surveyitemoption input {
        margin-right: 10px;
    }
    .nav-buttons {
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }
    #prevBtn, #nextBtn{
        padding: 8px 25px;
        border: none;
        border-radius: 6px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.2s;
    }
    #prevBtn {
        background: #6c757d;
        color: white;
    }
    #nextBtn {
        background: #0d6efd;
        color: white;
    }
    #submitBtn {
        background: #28a745;
        color: white;
        display: none;
        width: 100%;
    }
    .progress-container {
        margin: 10px 0;
    }
    .progress-bar {
        height: 8px;
        background: #e9ecef;
        border-radius: 4px;
        overflow: hidden;
    }
    .progress {
        height: 100%;
        background: #0d6efd;
        transition: width 0.3s;
    }
    .progress-text {
        text-align: right;
        margin-top: 5px;
        color: #6c757d;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    h1 {
        color: #212529;
        text-align: center;
        margin-bottom: 30px;
    }
    h3 {
        color: #343a40;
        margin-bottom: 15px;
    }
.submitBtn{background: #28a745; color: white;width: 100%; padding: 16px 25px;  border: none;
            border-radius: 6px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.2s;margin-top: 20px;
font-size: 22px;}
#submitBox{display: none;}
#ValidateCode{width:200px;}
.code{clear:both;}
.code_tit{float:left;line-height:32px;}
#ValidateCode{float:left;width:100px;border: 1px solid #ccc;height: 42px;line-height: 42px;padding: 0 5px;border-radius: 4px;}
.codeerror .field-validation-error{top:-30px;}
.textarea.surveyitemCheck{border:1px solid #ccc;}
.descriptions{font-size: 16px;text-indent: 2em;}

#footer{  font-size: 14px;text-align: center; }
.copyRight{  text-align: center; line-height: 30px;padding-top: 20px;padding-bottom: 30px;}

#container{background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);padding:6%;width:80%;margin:5%;}
.siteWith{width:100%!important;}
.subweb_top{display:none;}
.topD{text-indent: 2em;}
body{background: url(images/bgphone.jpg) no-repeat top center; background-color: #c0defe;background-size:100% auto;}
#header{height:180px;}
@media (min-width: 760px) {
body{background: url(images/bg.jpg) no-repeat top center; background-color: #c0defe;}
#header{height:320px;}
#container,.copyRight{width: 920px;margin: 0 auto;padding:30px;}
.subweb_top{display:block; width:100%;}
.siteWith{width:980px!important;margin: 0 auto;}


}