html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    outline: 0 none;
}
/* 媒体查询 */

@media screen and (min-width:769px) {
    html {
        font-size: 16px;
    }
}
/* @media screen and (max-width:768px) and (min-width:640px) {
    html {
        font-size: 13px;
    }
}
@media screen and (max-width:639px) and (min-width:480px) {
    html {
        font-size: 13px;
    }
} */

@media screen and (max-width:768px) and (min-width:421px) {
    html {
        font-size: 13px;
    }
    .p1{
        font-size: .5rem !important;

    }
    .p2{
        font-size: .5rem !important;
    }
    .p3{
        font-size: .5rem !important;
    }
    .fontDiv{
        height: auto !important;
    }
}
@media screen and (max-width:420px) and (min-width:361px) {
    html {
        font-size: 12px;
    }
}
@media screen and (max-width:360px) and (min-width:321px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) and (min-width:640px) {
    html {
        font-size: 13px;
    }
    .hospital_con_business{
        display: block !important;
    }
    .businessImg_right{
        position: relative !important;
    }
    .businessImg_right img{
        position: absolute !important;
        left: 56% !important;
        bottom: 16rem !important;
        width: 30% !important;
    }
    .businessImg{
        text-align: center;
    }
    .businessImg img{
        width: 50% !important;
    }
}
@media screen and (max-width:1000px) and (min-width:420px) {
    html{
        overflow-x: hidden;
    }
    .Basket{
        position: relative;
    }
    .BasketP{
        position: absolute;
        width: 100%;
        left: 112%;
        top: 6%;
    }
    .Basket_img{
        width: 30% !important;
    }
    .Basket_left{
        width: 45% !important;
    }
    .newleft{
        width: 100% !important;
    }
}
@media screen and (max-width:1000px) and (min-width:320px) {
    .hospital_con_business{
        display: block !important;
    }
    .businessImg_right{
        position: relative !important;
    }
    .businessImg_right img{
        position: absolute !important;
        left: 56% !important;
        bottom: 20rem !important;
        width: 30% !important;
    }
    .businessImg{
        text-align: center;
    }
    .businessImg img{
        width: 50% !important;
    } 
    .aa img{
        display: none;
    }
    .gigtImg{
        position: relative;
        margin-top: 0px !important!;
        padding-top: 0px !important;
        padding-right: 0px !important;
    }
    .gigtImg img{
        position: absolute;
    }
    .gigtText{
        width: 60% !important;
    }
    .businessImg_right{
        display: none;
    } 
}
 @media screen and (min-width: 320px) and (max-width:450px){
    .businessImg_right img{
        position: absolute !important;
        left: 56% !important;
        bottom: 22rem !important;
        width: 30% !important;
    }
} 
@media screen and (min-width: 768px) and (max-width:1200px) {
   .p1{
        font-size: .5rem !important;
    }
    .p2{
        font-size: .5rem !important;
    }
    .a3{
        font-size: .5rem !important;
    }
    .pe-text:before,.pe-text2:before,.pe-text3:before{
        width: 32% !important;
    }
    .pe-text:after,.pe-text2:after,.pe-text3:after{
        width: 32% !important;
    }
}
@media screen and (max-width:420px) and (min-width:320px) {
    .fontDiv{
        width: 100% !important;
        height: auto !important;
    }
    .patient_right_img2{
        display: none;
    }
    .Basket_img{
        display: none;
    }
    .Basket_left{
        width: 100% !important;
    }
    .cake{
        display: block !important;
    }
    .cake_left{
        width: 100% !important;
    }
    .cake_right{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .p1{
        font-size: .1rem !important;
    }
    .p2{
        font-size: .1rem !important;
    }
    .a3{
        font-size: .1rem !important;
    }
    .patient_left{
        padding-right:0px !important;
    }
}
@media screen and (min-width: 900px) and (max-width:1200px) {
   .textl_b_p{
     display: block !important;
   }
   .pe-text:before,.pe-text:after{
        width: 30% !important;
   }
}
@media screen and (max-width:1100px) {
    .content1_cen{
        display: block !important;
    }
    .content1_cen_left{
        width: 42% !important;
        float: right;
    }
    .content1_cen_right{
            margin-left: none !important;
            width: 100% !important;
    }
    .patient{
        display: block !important;
    }
    .patient_left{
        width: 100% !important;
        padding-left: 0px !important;
    }
    .textl_b_p img{
            display: none !important;
    }
    .patient_right{
        width: 100% !important;
    }
    .patient_right_img{
        margin-top: 0px !important;
    }
    .patient_right_img2{
        display: none !important;
    }
}
@media screen and (min-width: 320px) and (max-width:425px)  {
    html {
        font-size: 13px;
    }
    .gigtText{
        width:100% !important;
    }
 .gigtImg img{
        top:-62px;
    }
    .patient_left_textl{
    position:relative;
}
.textl_b_p{
    position: absolute;
    left: 96%;
    width: 100%;
    top: 25%;
}
.patient_right{
    margin-top: 30%;
}
}
@media screen and (max-width:800px){
    .pe-text-p1,.pe-text2-p1,.pe-text3-p1{
        font-size: 18px !important;
    }
    .p1-span,.pe-text2-p0,.pe-text3-p0{
        font-size: 16px !important;
    }
}
/* 主体样式 */
.page{
    width: 100%;
    margin: 0 auto;
}

.headerBgImg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerBgImg img {
    width: 100%;
    height: auto;
}
.fontDiv {
    width: 62.5%;
    /*display: flex;*/
    /*width: 54rem;*/
    height: 50%;
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    /* left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; */
}
.a1 {
    margin-bottom: 2%;
    text-align: center;
}
.p1 {
    color: #042b48;
    font-size: 2.5rem;
    margin-top: 3%;
}
.p2 {
    color: #405968;
    font-size: 2rem;
    letter-spacing: 4px;
}
.p3 {
    color: #405968;
    font-size: 1.2rem;
    letter-spacing: 4px;
}
.iconImg img {
    width: 100%;
}
.content1{
    display: flex;
    /*padding:0px 5.33rem 0px 5.7rem;*/

}
.content1_cen{
    display: flex;
    margin:auto;
    width: 82%;
}
.content1_cen_left{
    width:52%;
}
.content1_cen_leftImg img{
   width: 100%;
}
.content1_cen_topImg{
    display: flex;
    width: 100%;
}
.content1_cen_topImg img{
    width: 95%;
    height: 100%;
}
.topImg{
    margin-left: 6%;
    /*float: right;*/
}
.content1_cen_right{
    margin-left: 1.23rem;
    width: 48%;
}
.content1_cen_rightTop{
   position: relative;
   top: 0.38rem;
}
.cen_rightTop_img{
    position: absolute;
    width: 35%;
    left: 0px;
    bottom: 0px;
}
.content1_cen_rightBot{

}
.botTop{
    width: 100%;
    display: flex;
    margin-top: 0.5rem;
}
.botTopimg{
    width: 40%;
}
.botTopimg img{
    width: 100%;
}
.botToptext{
    width: 60%;
    padding-right: 1.3rem;
}
.botToptext_p1{
    width: 110%;
    padding-bottom: .47rem;
    border-bottom: 1px solid #69737F;
    color: #69737F;
    letter-spacing: 0.38rem;
}
.botToptext_p2{
    margin-top: 0.1rem;
    color: #3F5968;
}
.botToptext_p3{
    margin-top: 0.57rem;
    line-height: 1.5rem;
}
.botBot{
    display: flex;
    margin-top: 0.5rem;
}
.pe{
    width: 100%;
    position: relative;
}
.pe-text{
    position: relative;
    margin: 4% auto;
    text-align: center;
}
.pe-text:before{
   content: "";
   position: absolute;
   width: 36%;
   left: 0;
   top: 46%;
   border-bottom: 1px solid #4d8390;
}
.pe-text:after{
   content: "";
   position: absolute;
   top: 0;
   right: 0%;
   top: 36%;
   width: 36%;
   border-bottom: 1px solid #4d8390;
}
.pe-text-p1{
    position: relative;
    height: 100%;
    color:#a0a0a0;
    font-size: 22px;
    letter-spacing: 6px;
}
.p1-span{
   font-size: 18px;
    font-weight: 600;
    color: #4d8390;
    text-align: right; 
}
/* .pe-text-p1:before{
    content: "為何送給";
    position: absolute;
    left: 39%;
    font-size: 18px;
    font-weight: 600;
    color: #4d8390;
    text-align: right;
}
.pe-text-p1:after{
    content: "感謝禮物";
    position: absolute;
    right: 39%;
    font-size: 18px;
    font-weight: 600;
    color: #4d8390;
    text-align: right;
} */
.pe-text-p2{
    color: #4d8390;
    font-size: 12px;
    letter-spacing: 1px;
}

.pe-text2{
    position: relative;
    margin: 4% auto;
    text-align: center;
}
.pe-text2:before{
   content: "";
   position: absolute;
   width: 42%;
   left: 0;
   top: 46%;
   border-bottom: 1px solid #4d8390;
}
.pe-text2:after{
   content: "";
   position: absolute;
   top: 0;
   right: 0%;
   top: 36%;
   width: 42%;
   border-bottom: 1px solid #4d8390;
}
.pe-text2-p1{
    position: relative;
    height: 100%;
    color:#a0a0a0;
    font-size: 28px;
    letter-spacing: 6px;
}
.pe-text2-p0{
    font-size: 23px;
    font-weight: 600;
    color: #4d8390;
    text-align: center;
}
/* .pe-text2-p1:before{
    content: "醫院診所";
    position: absolute;
    left: 46%;
    top: -90%;
    font-size: 23px;
    font-weight: 600;
    color: #4d8390;
    text-align: center;
} */
.pe-text2-p2{
    color: #4d8390;
    font-size: 12px;
    letter-spacing: 1px;
}

.pe-text3{
    position: relative;
    margin: 4% auto;
    text-align: center;
}
.pe-text3:before{
   content: "";
   position: absolute;
   width: 42%;
   left: 0;
   top: 46%;
   border-bottom: 1px solid #4d8390;
}
.pe-text3:after{
   content: "";
   position: absolute;
   top: 0;
   right: 0%;
   top: 36%;
   width: 42%;
   border-bottom: 1px solid #4d8390;
}
.pe-text3-p1{
    position: relative;
    height: 100%;
    color:#a0a0a0;
    font-size: 28px;
    letter-spacing: 6px;
}
.pe-text3-p0{
    font-size: 23px;
    font-weight: 600;
    color: #4d8390;
    text-align: center;
}
/* .pe-text3-p1:before{
    content: "病人送禮物";
    position: absolute;
    left: 45%;
    top: -90%;
    font-size: 23px;
    font-weight: 600;
    color: #4d8390;
    text-align: center;
} */
.pe-text3-p2{
    color: #4d8390;
    font-size: 12px;
    letter-spacing: 1px;
}

.pe img{
    width: 100%;
}
.pe2{
    width: 100%;
}
.pe2 img{
    width: 80%;
    margin-left: 3rem;
}
/* 诊所样式 */
.hospital_con{
    margin:auto;
    width: 82%;
}
.hospital_con_business{
    display: flex;
}
.businessImg{
    width: 100%;
    margin-top: 2rem;
    padding-top: 5rem;
    padding-right: 2rem;
}
.businessImg img{
    width: 100%;
}
.businessText{
    position: relative;
}
.businessText_img{
    /*width: 55%;*/
    margin-top:1rem;

}
.businessText_img img{
    width: 50%;
    margin-left: 1rem;
}
.businessText_title{
    /*width: 50%;*/
    /*text-align: right;*/
}
.businessImg_right{
    width: 100%;
}
.businessImg_right img{
    width: 100%;
    padding-top: 10rem;
}
.businessText_p{
    width: 100%;
    padding-bottom: .47rem;
    border-bottom: 1px solid #69737F;
    color: #69737F;
    letter-spacing: 0.38rem;
    text-align: right;
}
.businessText_p2{
    margin-top: 0.1rem;
    color: #3F5968;
    text-align: right;
    margin-bottom: .5rem;
    text-align: right;
}
.businessText_p3{
    text-align: left;
}
.blessing_p{
    width: 80%;
    background-color: #C9C8CC;
    margin-top: 0.5rem;
}
.orChid{
    margin-top: 5rem;
}
.orchid_p{
    text-align: left;
}
.Basket{
    display: flex;
}
.Basket_left{
    width: 38%;
    margin-top: 2rem;
}
.Basket_img{
    width: 60%;
    margin-left: 2rem;
    margin-top: 2rem;
}
.Basket_img img{
    width: 100%;
}
.Basket_left_img img{
    width: 100%;
}
.cake{
    display: flex;
    margin-top: 1rem;
}
.cake_left{
    width: 38%;

}
.cake_left img{
    float: right;
    width: 100%
}
.cake_right{
    width: 60%;
    margin-left: 2rem;
}
.cake_p{
    width: 50%
}
.patient{
    display: flex;
    width: 82%;
    margin: auto;
}
.patient_left{
    width: 72%;
    padding-right: 5rem;
}
.patient_left_img{
    width: 100%;
}
.patient_left_img img{
    width: 100%;
}
.patient_left_text{
    display: flex;
    width: 100%;
}
.patient_left_textl{
    width: 50%;
}
.patient_left_textr{
    width: 50%;
}
.textl_p{
    padding-left: 1rem;
}
.textl_b_p{
    display: flex;
    margin-top: 1.5rem;
}
.patient_left_textr img{
    width: 100%;
}
.patient_right_img{
    width: 100%;
    /*position: absolute;*/
    /*top: -10%;*/
    /*left: 10%;*/
    margin-top: -5rem;
}
.patient_right_img img{
    width: 100%;
}
.patient_right{
    width: 28%;
    /*position: relative;*/
}
.patient_right_txt{
    padding: 1rem 1rem;
    color: #425A69;
    background-color: rgba(201,200,204);
}
.patient_right_img2{
    width: 100%;
    margin-top: 2rem;
}
.patient_right_img2 img{
    width: 100%;
}
.lx{
    color: #405968;
    text-decoration: none;
    letter-spacing: 5px;
    font-weight: 800;
    font-style:italic;
}
.lxnum {
    margin-top: 2rem;
    margin-bottom: 5rem;
    text-align: center;
}
.lxnum_p1{
    margin-bottom:.5rem;
}
.lxnum_p2{
    font-size: .5rem;
}