
.banner{
    background:url(/statics/images/webico/special/tssc/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:2%;
}
.what_tssc{
    margin:2% 0 0 0;
    width:92%;
    padding:1% 6% 1% 2%;
    list-style:none;
    background-color:#fceae3;
    display:table;
}
.what_tssc li:first-child{
    width:33%;
    float:left;
}
.what_tssc li:last-child{
    width:55%;
    float:right;
    padding-top:3%;
}
.what_tssc li:last-child p{
    margin-top:3%;
}
.tssc_highrisk{
    margin-top:2%;
    border:0;
    border-spacing:5px;
    border-collapse:separate;
    width:100%;
}
.tssc_highrisk td{
    width:33.3333333%;
    padding:2% 0;
}
.tssc_highrisk td h2{
    font-size:1em;
    text-align:center;
}
.tssc_highrisk td p{
    padding:0 8% ;
    text-align:center;
}
.highrisk_colour{
    background-color:#fdf3eb;
}
.highrisk_colour1{
    background-color:#e3edec;
}
.highrisk_colour2{
    background-color:#f8f3db;
}
.tssc_when{
    width:100%;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    display:table;
}
.tssc_when li:first-child{
    width:40%;
    float:left;
}
.tssc_when li:last-child{
    width:53%;
    float:right;
}
.tssc_when li:last-child p{
    margin:7% 0 4% 0;
    line-height:2em;
}
.tssc_when li:last-child a{
    margin-top:3%;
    border:1px solid #6b4e45;
    padding:5px 30px;
    border-radius:40px;
}
.select{
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    display:table;
    width:100%;
}
.select li{
    width:32%;
    float:left;
    margin-left:2%;
    border-top-left-radius:40px;
    border-bottom-right-radius:40px;
    background-color:#fceae3;
}
.select li:first-child{
    margin-left:0;
}
.select li h2{
    background-color:#d87c5b;
    color:#fff;
    text-align:center;
    font-size:1em;
    padding:5px 0;
    border-top-left-radius:40px;
}
.select li p{
    padding:3% 8%;
}
.doctor{
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    display:table;
    width:100%;
}
.doctor li:first-child{
    width:48%;
    float:left;
}
.doctor li:last-child{
    width:48%;
    float:right;
    margin-top:3%;
}
.doctor li:last-child p{
    margin-top:3%;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:6%;
    }
    .banner{
        background:url(/statics/images/webico/special/tssc/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .what_tssc{
        margin:2% 0 0 0;
        width:92%;
        padding:4% 4%;
    }
    .what_tssc li:first-child{
        width:100%;
        float:left;
    }
    .what_tssc li:last-child{
        width:100%;
        padding-top:0;
    }
    .tssc_when li:first-child{
        width:100%;
    }
    .tssc_when li:last-child{
        width:100%;
    }
    .tssc_when li:last-child p{
        margin:2% 0 4% 0;
        line-height:1.5em;
    }
    .tssc_when li:last-child a{
        width:initial;
        margin:0 auto;
        display:table;
    }
    .select{
        margin-top:2%;
    }
    .select li{
        width:100%;
        margin-left:0;
        margin-top:2%;
    }
    .doctor li:first-child{
        width:100%;
    }
    .doctor li:last-child{
        width:100%;
        margin-top:0%;
    }
    .doctor li:last-child p{
        margin-top:3%;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:6%;
    }
    .banner{
        background:url(/statics/images/webico/special/tssc/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .what_tssc{
        margin:2% 0 0 0;
        width:92%;
        padding:4% 4%;
    }
    .what_tssc li:first-child{
        width:100%;
        float:left;
    }
    .what_tssc li:last-child{
        width:100%;
        padding-top:0;
    }
    .tssc_when li:first-child{
        width:100%;
    }
    .tssc_when li:last-child{
        width:100%;
    }
    .tssc_when li:last-child p{
        margin:2% 0 4% 0;
        line-height:1.5em;
    }
    .tssc_when li:last-child a{
        width:initial;
        margin:0 auto;
        display:table;
    }
    .select{
        margin-top:2%;
    }
    .select li{
        width:100%;
        margin-left:0;
        margin-top:2%;
    }
    .doctor li:first-child{
        width:100%;
    }
    .doctor li:last-child{
        width:100%;
        margin-top:0%;
    }
    .doctor li:last-child p{
        margin-top:3%;
    }
}