body{
    margin:0;
    padding:0;
    font-size:0.8em;
    
}
.divcontenthidden{
    overflow:hidden;
}
.divbody{
    max-width:640px;
    background-color:#fff;
}
.divlayout{
    width:100%;
    margin:0 auto;
    display:table;
    line-height:1.5em;
    color:#3b3b3b;
    background-color:#fff;
}
.divbackgroundcolor{
    background-color:#fef4f8;
}
.clear_float{
    clear:both;
}
.divlayout img{
    width:100%;
}
.item_div{
    width:94%;
    margin-left:auto;
    margin-right:auto;
}
.padding_top_bottom{
    padding-top:3%;
    padding-bottom:3%;
}
a{
    color:inherit;
    text-decoration:none;
}
.item_content_left{
    width:6%;
    float:left;
}
.item_content_left img{
    width:initial;
}
.item_content_right{
    width:92%;
    float:left;
    margin-left:2%;
}
.item_content_title{
    color:#fd6bac;
    font-size:1.2em;
}
.question{
    margin-top:2%;
}
.question span{
    color:#fd6bac;
    padding-right:1%;
}
.consultation{
    border: 1px solid #fd6bac;
    border-radius: 5px;
    padding: 1% 2%;
    color: #fd6bac;
    margin: 10px;
    display: table;
    float: left;
}

.item_title_cn{
    color:#fd6bac;
    font-size:1.8em;
    font-weight:bold;
    text-align:center;
    letter-spacing:0.1em;
}
.item_line{
    height:1px;
    margin-top:4%;
    background: -moz-linear-gradient(left, #fff, #fd6bac 40%, #fd6bac, #fd6bac 50%, #fff);
    background: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(0.4, #fd6bac), color-stop(0.4, #fd6bac), color-stop(0.5, #fd6bac), to(#FFF));
    background: -webkit-linear-gradient(left, #FFF, #fd6bac 40%, #fd6bac, #fd6bac 50%, #FFF);
    background: -o-linear-gradient(left, #FFF, #fd6bac 40%, #fd6bac, #fd6bac 50%, #FFF);
}
.triangle_down{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fd6bac;
    margin:-1.5% 0 0 48%;
}
.item_title_en{
    color:#fd6bac;
    text-align:center;
}
.benefit_item_layout{
    width:48%;
    float:left;
    margin-top:4%;
}
.benefit_item_layout img{
    margin-top:4%;
    border-radius:8px;
}
.benefit_item_space{
    margin-left:4%;
}
.benefit_item_title{
    color:#fd6bac;
    font-weight:bold;
    font-size:1.2em;
    text-align:center;
    border-bottom:1px solid #fd6bac;
    padding-bottom:3px;
    letter-spacing:0.1em;
}
.benefit_item_describe{
    margin-top:2%;
}
.doctor_layout{
    width:48.5%;
    float:left;
    margin-top:4%;
}
.doctor_space{
    margin-left:2.9%;
}
.doctor_img{
    border:1px solid #b7b6b6;
}
.doctor_name{
    text-align:center;
    margin-top:3%;
}
.doctor_name span{
    font-size:1.3em;
    padding-right:3%;
    letter-spacing:0.1em;
}
.doctor_bespoke{
    color:#fff;
    height: 0;
    width: 80px;
    line-height:30px;
    padding-left:20px;
    border-width: 0px 30px 30px 0px;
    border-style: none solid solid;
    border-color: transparent transparent #fd6bac;
    margin-top: -50px;
    z-index: 2222;
    position: absolute;
}
.calculator_title{
    font-size:1.5em;
    font-weight:bold;
    padding-left:2em;
    padding-bottom:0.5em;
    margin-top:6%;
}
.calculator_title span{
    color:#fd6bac;
}
.calculator_title_line{
    border-top:2px solid #fd6bac;
}
.calculator_title_semi_circle{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #fd6bac;
    background-color: #fff;
    margin: -0.6em 0 0 4.2em;
    position: absolute;
    clip: rect(0px,25px,8px,0px);
}
.calculator_describe{
    margin:2% 0 0 0;
}
.calculator_prerequisite{
    margin:2em 1em;
    border-radius:60px;
    height:5em;
    padding: 1.5em 0 2em 4em;
    background-color:#fd6bac;
    color:#fff;
}
#cycle{
    border-radius:5px;
    width:7em;
    height: 1.8em;
    font-size:1.2em;
    border:0;
    color:#fd6bac;
    padding-left: 2.8em;
    background-color:#fff;
}
#date_time{
    border-radius:5px;
    width:10em;
    height: 2em;
    font-size:1.2em;
    border:0;
    color:#a9a9a9;
    text-align:center;
    background-color:#fff;
}
.padding_top_4{
    padding-top:4%;
}
.calculator_buttom{
    margin:2em auto;
    border-radius:60px;
    height:4.5em;
    padding:1em 3em;
    background-color:#fd6bac;
    color:#fff;
    text-align:center;
    width:20%;
}
.calculator_buttom img{
    width:initial;
}
.result{
    margin:2em 1em;
    background-color:#fde7f1;
    border-radius:10px;
    padding:2%;
    color:#fd6bac;
}
.result input{
    border:1px solid #fd6bac;
    border-radius:5px;
    height:1.5em;
    color:#a1414c;
    text-align:center;
    font-size:1.2em;
    width: 80%;
    margin-top:1%;
}
.result_table td:first-child{
    width:50%;
}
.result_table td:last-child{
    text-align:right;
}
.margin_top_3{
    margin-top:3%;
}
.cruces_prompt_div{
    margin:2em 1em;
}
.cruces_prompt{
    height:2.5em;
    background-color:#ebebeb;
    width: 45%;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}
.weeks{
    float:left;
    width:25%;
    height:2.5em;
    padding: 0 1em;
    background-color:#fd6bac;
    text-align:center;
    line-height:2.5em;
    color:#fff;
    border-top-left-radius:15px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.prompt{
    float:left;
    height:2.5em;
    text-align:center;
    color:#fd6bac;
    line-height: 2.5em;
    margin-left: 5%;
}
.gestational_weeks{
    border:1px solid #fd6bac;
    border-bottom-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    padding:2%;
}
.gestational_weeks table{
    height: 10.9em;
}
.gestational_weeks table td:first-child{
    width:12%;
    font-size:0.8em;
    cursor:pointer;
}
.gestational_weeks table td:nth-child(2){
    padding-left:2%;
    padding-right:2%;
}
.gestational_weeks table td:last-child{
    width:12%;
    font-size:0.8em;
    cursor:pointer;
}
.weeks_buttom{
    width: 2.5em;
    height: 2.5em;
    background-color: #fd6bac;
    border-radius: 2.5em;
    color: #fff;
    margin:0 auto;
    line-height: 2.5em;
    font-size: 1.2em;
    text-align:center;
}
#cruces{
    text-indent:2em;
    height:9em;
    text-overflow:ellipsis;
    overflow:hidden;
}
.details{
    color: #fd6bac;
    font-size: 0.9em;
    text-align: right;
}
.yuchanqi_prompt{
    margin:3% 0 0 3%;
    color:#b1b0b0;
    font-size:0.9em;
}
.yuchanqi_prompt span{
    color:#fd6bac;
}
.margin_top_4 {
    margin-top: 4%;
}
.padding_bottom {
    padding-bottom: 3%;
}
.pregnancy_title_div {
    height: 30px;
}
.pregnancy_title_click {
    background-color: #f4378b;
}
.pregnancy_title {
    background-color: #ff76b3;
    border-radius: 5px;
    width: 32%;
    text-align: center;
    color: #fff;
    float: left;
    min-height: 30px;
    line-height: 30px;
}
.margin_left_2 {
    margin-left: 2%;
}
.triangle_div {
    height: 0;
    width: 0;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-style: dotted dotted solid;
    border-width: 15px;
    border-color: transparent transparent #fdedf4;
}
.divbackgroundcolor2 {
    background-color: #fdedf4 !important;
}
.gw_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
.gw_table td:first-child {
    text-align: center;
    color: #ff82ba;
}
.gw_table td {
    background-color: #fff;
    padding: 2%;
}
.gw_table ul{
    margin: 0px 0 0 20px;
    padding: 0px;
}
.package_price{
    text-align:center;
    font-size:1.2em;
    margin:3% 0;
}
.package_price span{
    font-weight:bold;
}
.package_pricespan{
	color: #fd6bac;
    font-weight: initial !important;
}
.line{
    border-bottom: 1px dashed #fd6bac; 
    margin:5% 0;
}
.gestationalweeksfile_layout{
    margin-top:3%;
    height:40px;
}
.gestationalweeksfile_space {
    margin-top:5%;
}
.gestationalweeksfile{
    float:left;
    width:48%;
    height:40px;
    border:1px solid #fd6bac;
    line-height:45px;
    text-align:center;
    border-radius:5px;
    margin-left:2%;
    overflow:hidden;
}
.gestationalweeksfile1{
    float:left;
    width:48%;
    height:40px;
    border:1px solid #fd6bac;
    line-height:45px;
    text-align:center;
    border-radius:5px;
    overflow:hidden;
}
.check_all_item{
    width:50%;
    float:left;
    margin-top:4%;
}
.check_all_item_title{
    border-radius:5px;
    background-color:#ff82ba;
    min-height:50px;
}
.check_all_item_title_left{
    width:16%;
    border-right:1px dashed #fff;
    line-height:50px;
    min-height:50px;
    float:left;
    color:#fff;
    text-align:center;
    font-size:1.2em;
}
.check_all_item_title_right{
    min-height:50px;
    float:left;
    padding-left:3%;
    color:#fff;
    line-height:25px;
}
.check_all_item_title_right1{
    min-height:50px;
    float:left;
    padding-left:3%;
    color:#fff;
    line-height:50px;
}
.check_all_item_content {
    padding:4%;
    border-radius: 5px;
    word-break:break-all;
    min-height: 115px;
    box-shadow: 0px 0px 6px 6px #f5f5f5;
    -moz-box-shadow: 0px 0px 6px 6px #f5f5f5;
    -webkit-box-shadow: 0px 0px 6px 6px #f5f5f5;
    text-align: justify;
}
.divbackgroundcolor3{
    background-color:#ffeff6;
}
.environment_layout{
    margin-top:4%;
}
.vip_layout{
    margin-top:4%;
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
   .tool_ul li{
        margin-left:4%;
    }
   
   #date_time{
       width: 7em;
   }
   .cruces_prompt{
       width:57%;
   }
       .result_table td:first-child{
        width:55%;
    }
       .baby_days{
        margin-left:0;
    }
    .gestational_weeks table td:first-child{
       width: 15%;
   }
   .gestational_weeks table td:last-child{
        width:15%;
    }
   .calculator_prerequisite{
        padding: 1.5em 0 2em 2.2em !important;
   }
}
@media screen and (min-device-width:371px) and (max-device-width: 410px) {
   .tool_ul li{
        margin-left:4.7%;
    }
   .cruces_prompt{
       width:48%;
   }
   .gestational_weeks table td:first-child{
       width: 13%;
   }
   .gestational_weeks table td:last-child{
        width:13%;
    }
}


