.banner{
    background:url(/statics/images/webico/special/nasc/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.item_title{
    font-size:2em;
    color:#ca5329;
    text-align:center;
    font-weight:initial;
}
.describe{
    margin-top:3%;
}
.symptom_left{
    width:45%;
    float:left;
    margin-top:3%;
}
.symptom_right{
    width:50%;
    float:right;
    background-color:#f3d9d0;
    margin-top:3%;
}
.symptom_item{
    margin:1% auto 3% auto;
    padding:0;
    width:94%;
    display:table;
    list-style:none;
}
.symptom_item li{
    width:32%;
    float:left;
    margin:2% 0 0 2%;
    color:#fff;
    text-align:center;
    height:40px;
    line-height:40px;
    background-color:#ca5329;
}
.symptom_item li:first-child,.symptom_item li:nth-child(4){
    margin-left:0;
}
.prevention_layout{
    background-color:#ca5329;
    padding:2% 4%;
    margin-top:3%;
}
.prevention{
    border:0;
    border-spacing:10px;
    border-collapse:separate;
    width:100%;
}
.prevention td{
    width:33.333333%;
    background-color:#fff;
    padding:2% 4%;
    height:60px;
    text-align: center;
}
.screen{
    width:100%;
    display:table;
    list-style:none;
    padding:0;
    margin:2% 0 0 0;
}
.screen li:first-child{
    width:45%;
    float:left;
}
.screen li:last-child{
    width:50%;
    float:right;
    margin-top:2%;
}
.screen li:last-child h2{
    color:#ca5329;
    font-size:1.3em;
}
.screen li:last-child p{
    margin:3% 0 0 0;
}
.screen li:last-child a{
    margin:4% 0 0 0;
    width:initial;
    padding:8px 100px;
    background-color:#ca5329;
    color:#fff;
    border-radius:50px;
    display:table;
}
.gj_symptom_item{
    margin:1% auto 3% auto;
    padding:0;
    width:94%;
    display:table;
    list-style:none;
}
.gj_symptom_item li{
    width:49%;
    float:left;
    margin:2% 0 0 2%;
    color:#fff;
    text-align:center;
    height:40px;
    line-height:40px;
    background-color:#ca5329;
}
.gj_symptom_item li:nth-child(odd){
    margin-left:0;
}
.gj_screen{
    margin:2% 0 0 0;
    padding:0;
    display:table;
    width:100%;
    list-style:none;
}
.gj_screen li:first-child{
    width:45%;
    float:left;
}
.gj_screen li:last-child{
    width:45%;
    float:right;
}
.gj_screen li h2{
    color:#ca5329;
    font-size:1.3em;
    text-align:center;
}
.gj_screen li div{
    margin:1% 0 0 0;
    background-color:#f3d9d0;
    padding:4% 8%;
}
.gj_screen li div p{
    margin-top:2%;
    height:140px;
}
.clear_flaot{
    clear:both;
}
.consult{
    margin:3% auto 0 auto;
    width:initial;
    padding:8px 100px;
    background-color:#ca5329;
    color:#fff;
    border-radius:50px;
    display:table;
}
.select{
    background-color:#ca5329 !important;
    color:#fff  !important;
}
.activate{
    display:block !important;
}
.doctor_layout{
    margin:3% 0 0 0;
    display:none;
}
.doctor_image{
    width:34%;
    float:left;
}
.doctor_content_layout{
    width:66%;
    float:left;
    background-color:#fff;
    height:450px;
}
.doctor_info_layout{
    padding:8% 8%;
}
.doctor_name{
    display:table;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.doctor_name li:first-child{
    float:left;
    font-weight:bold;
    font-size:1.8em;
    color:#ca5329;
    margin-top:0.8%;
}
.doctor_name li:last-child{
    margin-left:2%;
    padding-left:8px;
    float:left;
}
.doctor_synopsis{
    margin-top:5%;
}
hr{
    margin:4% 0;
    border:2px solid #b5afad;
}
.doctor_good{
    margin-top:3%;
}
.doctor_good span{
    color:#f28f58;
    font-weight:bold;
    font-size:1.2em;
}
.doctor_navigation{
    display:table;
    padding:0;
    margin:2% 0 0 0;
    list-style:none;
    width:100%;
}
.doctor_navigation li{
    float:left;
    margin-left:2%;
    width:15%;
    background-color:#e4ddd9;
    padding:10px 0;
    text-align:center;
    color:#3e3b3b;
    cursor:pointer;
}
.doctor_navigation li:first-child{
    margin-left:0;
}
.doctor_navigation li b{
    font-size:1.3em;
}
@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/nasc/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .symptom_left{
        width:100%;
    }
    .symptom_right{
        width:100%;
        margin-top:2%;
    }
    .prevention_layout{
        padding:0;
    }
    .prevention td{
        padding:2% 3%;
        text-align:left;
    }
    .screen li:first-child{
        width:100%;
    }
    .screen li:last-child{
        width:100%;
        margin-top:2%;
    }
    .screen li:last-child p{
        margin:1% 0 0 0;
    }
    .screen li:last-child h2{
        font-size:1.1em;
    }
    .screen li:last-child a{
        margin:4% auto 0 auto;
    }
    .gj_symptom_item{
        width:95%;
    }
    .gj_screen li:first-child{
        width:100%;
    }
    .gj_screen li:last-child{
        width:100%;
        margin-top:3%;
    }
    .gj_screen li h2{
        font-size:1.1em;
    }
    .gj_screen li div{
        margin:1% 0 0 0;
        padding:4% 4%;
    }
    .gj_screen li div p{
        margin-top:2%;
        height:initial;
    }
    .doctor_info_layout{
        padding:4% 0;
    }
    .doctor_content_layout{
        width:100%;
        height:initial;
    }
    .doctor_image{
        width:100%;
    }
    .doctor_name li:first-child{
        font-size:1.5em;
        margin-top: 0.6%;
    }
    .doctor_navigation li{
        width:15%;
        margin:1% 0 0 2%;
    }
    .doctor_synopsis {
        margin-top: 3%;
    }
    .doctor_good span{
        font-size:1em;
    }
    .doctor_navigation li span{
        display:none;
    }
    .doctor_navigation li b{
        font-size:1em;
    }
    .doctor_navigation li:nth-child(6){
       
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/nasc/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .symptom_left{
        width:100%;
    }
    .symptom_right{
        width:100%;
        margin-top:2%;
    }
    .prevention_layout{
        padding:0;
    }
    .prevention td{
        padding:2% 3%;
        text-align: left;
    }
    .screen li:first-child{
        width:100%;
    }
    .screen li:last-child{
        width:100%;
        margin-top:2%;
    }
    .screen li:last-child h2{
        font-size:1.1em;
    }
    .screen li:last-child a{
        margin:4% auto 0 auto;
    }
    .screen li:last-child p{
        margin:1% 0 0 0;
    }
     .gj_symptom_item{
        width:95%;
    }
     .gj_screen li:first-child{
        width:100%;
    }
    .gj_screen li:last-child{
        width:100%;
        margin-top:3%;
    }
    .gj_screen li h2{
        font-size:1.1em;
    }
    .gj_screen li div{
        margin:1% 0 0 0;
        padding:4% 4%;
    }
    .gj_screen li div p{
        margin-top:2%;
        height:initial;
    }
    .doctor_info_layout{
        padding:4% 0;
    }
     .doctor_content_layout{
        width:100%;
        height:initial;
    }
    .doctor_image{
        width:100%;
    }
    .doctor_good span{
        font-size:1em;
    }
    .doctor_synopsis {
        margin-top: 3%;
    }
    .doctor_navigation li{
        width:15%;
        margin:1% 0 0 2%;
    }
    .doctor_name li:first-child{
        font-size:1.5em;
        margin-top: 0.6%;
    }
    .doctor_navigation li span{
        display:none;
    }
    .doctor_navigation li b{
        font-size:1em;
    }
    .doctor_navigation li:nth-child(6){
        
    }
}