*{
    margin:0px;
    padding:0px;
    font-family: "Noto Sans Thai", sans-serif;
}

body{
    background-color:rgba(178, 204, 228, 1);
}
.wrapper{
    width:100%;
    height: auto;
    background-color: white;
}

.grid-container{
    width:100%;
    display: grid;
    gap: 0px;
    margin: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: 89px, 708px, 1fr, 1fr, 1fr, 1fr;
    grid-template-areas:
        "item1"
        "item2"
        "item3"
        "item4";
}

.grid-item1{
    height:89px;
    background-color: rgba(178, 204, 228, 1);
}
.title{
    padding:20px 5%;
    padding-left: 5%;
    height:89px;
    font-size: 36px;
}
.grid-item2{
    width:100%;
    height:708px;
    display: content;
    background-image: url(../img/flower.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*curebox start*/
.curebox{
    width: 90%;
    height:264px;
    margin:350px 5%;
    padding-top:5%;
    background-color:#b2cce49e;
}
.grid-container2{
    display:grid;
    width:90%;
    height:200px;
    font-size: 16pt;
    column-gap:5%;
    row-gap: 20%;
    justify-self: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 20px 1fr 1fr;
    grid-template-areas:
        "รักษา...                   heading       heading"
        "1. อาการปวดเมื่อย  2. ตรวจรักษา  4.ถอดเฝือก"
        "ต่ออาการ               3.จี้ไฝหูด         5.ทำแผล";
}
.grid-item201{
}
.grid-item202{
}
.grid-item203{
}

.grid-item204{
        grid-column: 1/2;
        grid-row:2/5;
}
.grid-item205{
}
.grid-item206{
}
.grid-item207{
}
.grid-item208{
}
.grid-item209{
}
/*curebox end*/

.grid-item3{
    width:100%;
    height: 450px;
    background-color:rgb(255, 255, 255);
}
/*pink box start*/
.pinkbox{
    width: 90%;
    height:390px;
    margin:80px 5%;
    background-color:rgba(246, 221, 225, 0.6);
    border-radius:20px;
}
.grid-container3{
    display:grid;
    width:100%;
    height:100%;
    font-size: 16pt;
    column-gap: 5%;
    row-gap:0%;
    justify-self: center;
    grid-template-columns: 30% 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "รูป" "โปรดทราบ" 
                "123";
}
.grid-item301{
    height:390px;
    background-image: url(../img/catlayback.jpg);
    background-size:cover;
    background-position:center;
    grid-column: 1/2;
    grid-row: 1/3;
    border-radius:20px;
}
.grid-item302{
    height: 50px;
    margin-top: 40px;
    margin-right: 20px;
    padding-top: 50px;
}
.grid-item303{
    grid-row:2/3;
    margin-right:20px;
    margin-bottom:40px;
    padding-bottom:50px;
}
/*pinkbox end*/

.grid-item4{
    height:89px;
    margin: 50px;
    justify-self:center;
}
button{
    height:89px;
    width: 200px;
    font-size: 20pt;
    background-color: rgba(209, 215, 144, 1);
    border:none;
    border-radius: 20px;
}

.wrapperfooter{
    height:50px;
    background-color:rgba(178, 204, 228, 0.62);
    padding: 20px;
}
.footercontainer{
    display:grid;
    font-size: 16pt;
    column-gap: 5%;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "เวลาทำการ" "แผนที่" "ข่าวสาร";
}
.grid-itemfooter1{
}
.grid-itemfooter2{
}
.grid-itemfooter3{
}
/*footer ends*/

a{
    color:black;
    text-decoration:none;
}