﻿
.divcontenthidden{
    overflow:hidden;
}
.divbody{
    max-width:640px;
    font-size:0.8em;
    text-align:justify;
    padding:0;
}
.div_round img{
    border-radius:5px;
}
.divlayout{
    width:100%;
    display:table;
    line-height:1.5em;
    color:#3f3f3f;
    background-color:#fff;
}
.divlayout img{
    width:100%;
    display:table;
}
.item_div{
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.padding_top_bottom{
    padding-top:3%;
    padding-bottom:3%;
}
a{
    text-decoration:none;
}
.item_title{
    font-size:1.5em;
    font-weight:bold;
    color:#009593;
    text-align:center;
    letter-spacing:0.1em;
}
.item_title span{
    color:#e3b045;
}
.clear_float{
    clear:both;
}
.describe{
    margin-top:4%;
    text-indent:2em;
}
.item_backgroundcolor{
    background-color:#f2f6f9;
}
.margin_top{
    margin-top:4%;
}
.order_prompt{
    margin-top:4%;
    text-align:center;
}
.order{
    font-size:1.2em;
}
.order span{
    color:#009593;
}
.importance_item{
    border:1px solid #009593;
    border-radius:5px;
    padding:2% 5%;
}
.importance_space{
    margin-top:4%;
}
.importance_prompt{
    margin:4% 0 0 0;
    padding:0;
    list-style:none;
}
.importance_prompt li{
    float:left;
}
.importance_prompt li:first-child{
    width:18%;
}
.importance_prompt li:last-child{
    width:82%;
}
.caries_item{
    border-radius:5px;
    border:1px solid #009593;
    padding:1% 3%;
    width:41%;
    float:left;
    margin-top:2%;
}
.caries_item_space{
    margin-left:3.9%;
}
.fissure_title{
    color:#009593;
    margin-top:4%;
}
.fissure_content{
    margin-top:2%;
}
.fissure_consultation{
    background-color:#009593;
    display:table;
    padding:1% 3%;
    color:#fff;
    margin:3% auto 0 auto;
    border-radius:6px;
}
.prevention{
    margin-top:3%;
}
.prevention span{
    color:#009593;
}
.causation_title{
    color:#009593;
    font-weight:bold;
    text-align:center;
    margin-top:3%;
}
.causation_layout{
    width:48%;
    float:left;
}
.causation_layout_space{
    margin-left:4%;
}
.causation_content{
    text-align:center;
}
.harm_consultation{
    background-color:#009593;
    display:table;
    padding:1% 5%;
    color:#fff;
    margin:5% auto 0 auto;
    border-radius:6px;
}
hr{
    margin:4% 0 2% 0;
    border:1px dashed #999999;
}
.price_table{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    margin-top:4%;
}
.price_table th{
    background-color:#009593;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    padding:1% 0;
    color:#fff;
    text-align:center;
    font-weight:initial;
}
.price_table th:last-child{
    border-right:0;
}
.price_table td{
    border-right:2px solid #fff;
    background-color:#f3f4f4;
    text-align:center;
    padding:1% 0;
}
.price_table td:last-child{
    border-right:0;
}
.causation_describe{
    margin-top:2%;
    text-indent:2em;
}
.causation_image{
    margin-top:3%;
}
.treatment_content{
    margin-top:4%;
}
.treatment_content span{
    color:#009593;
    font-weight:bold;
}
.treatment_caries{
    margin:4% 0 3% 0;
    text-align:center;
    color:#009593;
    font-weight:bold;
    font-size:1.2em;
}
.text_indent{
    text-indent:2em;
}
.expert_layout{
    width:30%;
    float:left;
    margin-top:4%;
}
.expert_image{
    border:1px solid #babbbb;
}
.expert_bespeak{
    width:50px;
    height:25px;
    text-align:center;
    background-color:#009593;
    color:#fff;
    line-height:25px;
    float:right;
    margin-top:-25px;
    position: relative;
}
.expert_name{
    color:#009593;
    font-weight:bold;
    margin-top:2%;
    text-align:center;
}
.expert_job{
    text-align:center;
}
.expert_space{
    margin-left:4.8%;
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    .importance_prompt li:first-child{
        width:23%;
    }
    .importance_prompt li:last-child{
        width:77%;
    }
    .causation_content{
        text-align:left;
    }
}
@media screen and (min-device-width:375px) and (max-device-width: 414px) {
    .importance_prompt li:first-child{
        width:20%;
    }
    .importance_prompt li:last-child{
        width:80%;
    }
}




