.banner{
    background:url(/statics/images/webico/special/mrwy/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%;
}
.importance{
    background-color:#f3ede2;
    border:0;
    border-spacing:10px;
    border-collapse:separate;
    margin-top:1%;
}
.importance td{
    background-color:#fff;
    width:33.33333%;
    padding:2% 4%;
    vertical-align:top;
}

.misunderstanding{
    width:100%;
    display:table;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.misunderstanding li:first-child{
    background-color:#f3ede2;
    width:48%;
    float:left;
}
.misunderstanding li:last-child{
    background-color:#f3ede2;
    width:48%;
    float:right;
}
.misunderstanding li div{
    margin:3%;
    padding:4% 4%;
    background-color:#fff;
    border-radius:8px;
}
.misunderstanding li div h2{
    font-weight:initial;
    color:#ca5329;
    font-size:1.3em;
    text-align:center;
}
.misunderstanding li div p{
    margin-top:2%;
    height:224px;
}
.backgroudcolor{
    background-color:#f3ede2;
}
.bendfit_margin{
    padding:0 0 2% 0;
}
.benefit_title{
    color:#ca5329;
    text-align:center;
    font-size:1.3em;
    font-weight:initial;
    padding-top:3%;
}
.benefit_item{
    width:100%;
    margin:1% 0 0 0;
    border:0;
    border-spacing:5px;
    border-collapse:separate;
}
.benefit_item td{
    width:25%;
    float:left;
}
.benefit_item td p span{
    font-size:1.4em;
    padding-right:2px;
}
.consult{
    display:table;
    margin:3% auto 0 auto;
    padding:8px 100px;
    background-color:#ca5329;
    border-radius:30px;
    color:#fff;
    width:initial;
}
.mz{
    margin-top:2%;
}
.mz_item{
    width:100%;
    margin:2% 0 0 0;
    padding:0;
    list-style:none;
    display:table;
}
.mz_item li{
    float:left;
    width:24.25%;
    margin:1% 0 0 1%;
    background-color:#ca5329;
    color:#fff;
    text-align:center;
    padding:3% 0;
}
.mz_item li:first-child,.mz_item li:nth-child(5){
    margin-left:0;
}
.adviser_layout{
    margin-top:3%;
    padding-bottom: 3%;
    border-bottom: 2px solid #eeeeee;
}
.adviser{
    width:100%;
    display:table;
    margin:0;
    padding:0;
    list-style:none;
}
.adviser td:first-child{
    width:22%;
}
.adviser td:last-child{
    width:78%;
    padding-left:8%;
}
.adviser td h2{
    color:#ca5329;
    font-size:1.5em;
    font-weight:initial;
}
.adviser_job{
    float:left;
    display:table;
    margin-top:1%;
}
.adviser_job_margin{
    margin-left:3%;
}
.adviser_layout p{
    margin-top:5%;
    border-top:1px solid #ca5329;
    padding-top:1%;
}
.adviser_layout p span{
    color:#ca5329;
}
.clear_flaot{
    clear:both;
}

@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/mrwy/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .importance td{
        padding:2% 2%;
    }
    .benefit_title{
        font-size:1.1em;
    }
    .benefit_item{
        margin:0;
    }
    .benefit_item td{
        width:50%;
        padding-top:2%;
    }
    .benefit_item td p{
        padding:0 6%;
    }
    .benefit_item td span{
        font-size:1.2em;
    }
    .misunderstanding li:first-child{
        width:100%;
    }
    .misunderstanding li:last-child{
        width:100%;
        margin-top:2%;
    }
    .misunderstanding li div p{
        height:initial;
    }
    .misunderstanding li div h2{
        font-size:1.1em;
    }
    .mz_item li{
        width:49%;
        margin:2% 0 0 2%;
    }
    .mz_item li:nth-child(odd){
        margin-left:0;
    }
    .adviser td:first-child{
        width:30%;
    }
    .adviser td:last-child{
        width:70%;
        padding-left:5%;
    }
    .adviser td h2{
        font-size:1.3em;
        margin-bottom:2%;
    }
    .adviser_job{
        margin-top:0%;
        width:100%;
        line-height:1.8em;
    }
    .adviser_job_margin{
        margin-left:0%;
    }
    .adviser_layout p{
        display:none;
    }
}
@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/mrwy/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .importance td{
        padding:2% 2%;
    }
    .benefit_title{
        font-size:1.1em;
    }
    .benefit_item{
        margin:0;
    }
    .benefit_item td{
        width:50%;
        padding-top:2%;
    }
    .benefit_item td p{
        padding:0 6%;
    }
    .benefit_item td span{
        font-size:1.2em;
    }
    .misunderstanding li:first-child{
        width:100%;
    }
    .misunderstanding li:last-child{
        width:100%;
        margin-top:2%;
    }
    .misunderstanding li div p{
        height:initial;
    }
    .misunderstanding li div h2{
        font-size:1.1em;
    }
     .mz_item li{
        width:49%;
        margin:2% 0 0 2%;
    }
    .mz_item li:nth-child(odd){
        margin-left:0;
    }
    .adviser td:first-child{
        width:30%;
    }
    .adviser td:last-child{
        width:70%;
        padding-left:5%;
    }
    .adviser td h2{
        font-size:1.3em;
        margin-bottom:2%;
    }
    .adviser_job{
        margin-top:0%;
        width:100%;
        line-height:1.5em;
    }
    .adviser_job_margin{
        margin-left:0%;
    }
    .adviser_layout p{
        display:none;
    }
}