@charset "UTF-8";

:root {
    --link-color: #349bf4;
    --main-color: #43B7E1;
    --text-color: #003C64;
}

 body {
    background-color: #ebeddf; 
 }

 .content {
   width:1200px; margin: auto;
 }

 .category-flame {
   text-align:center;
   margin: auto;
   margin-top:80px;
   height: 200px
 }

 .title-font {
   font-size: 40px;
   font-weight: bold;
   overflow-y: hidden;
 }

 .subtitle-font {
   font-size: 30px;
   margin-top: -20px;
 }


 .white-box {
    background-color: white;
    margin: auto;
    width:1200px;
    height:300px;
    padding: 20px;
 }

 .white-box-in-content {
    display: flex;
    margin: auto;
    width:1100px;
    justify-content: center;
 }

 .green-box {
    background-color: rgb(203, 247, 207);
    height:170px;
    width: 550px;
    padding: 15px;
 }

 .green-box-title-flame {
   height:40px;
   overflow-y: hidden;
   padding: 0px;
   width:100%
 }

 .green-box-big-font {
   text-align: start;
   font-weight: 600;
   font-size: 25px;
 }

 .green-box-firstexp-flame {
   display: flex;
   height:100px;
   margin-top:auto;
   margin-bottom: auto;
 }

 .green-box-firstexp-left-flame{
   width:150px;
   margin-top:30px;
   text-align: start;
 }

 .green-box-small-font{
   font-size: 14px;
 }

 .green-box-firstexp-mid-flame {
   width:80px;
 }

 .green-box-firstexp-right-flame {
   width:300px
 }

 .enter-price-left-flame {
   width:230px;
   margin-top:50px;
   display: flex;
 }

 .enter-price-right-flame {
   width:360px;
   margin-top:30px;
   overflow-y: hidden;
 }

 .enter-box {
   display:flex;
   margin-left:25px;
 }

 .monthly-white-box {
   height:680px;
 }

 .ticket-white-box {
   height:880px
 }

 .white-chat-box {
   height: 600px
 }

 .beauty-box {
   height: 630px
 }
 
 .monthly-box {
   margin-right:25px;
   height:130px;
   display: flex;
   margin-top: 5px;
 }

 .green-box-monthly-left-flame {
   width:200px;
 }

 .green-box-monthly-right-flame {
   width:400px
 }

 .price-left-flame {
   width: 600px;
   padding-left: 25px;
 }

  .price-right-flame {
   width: 600px;
   padding-left: 50px;
   align-content: center;
 }

 .monthly-amount-font {
   text-align: start;
   font-size: 25px;
   font-weight: 600;
   margin-top: 30px;
 }

 .monthly-price-black-font {
   text-align: end;
   font-size: 25px;
   font-weight: 600;
   margin-top: 20px;
 }

 .monthly-price-green-font {
   text-align: end;
   margin-top:-20px;
   font-weight: 600;
   font-size: 20px;
   color: #00bf63;
 }

 .price-discription-flame {
   height:250px;
   width:500px;
   border: 2px solid black;
   margin-top: 30px;
   margin: auto;
   display: flex;
   align-items: center;
   padding: 10px;
 }

 .price-discription-font {
   font-size: 18px; 
   font-weight:600
 }

 .price-under-discription {
   height:150px;
   width:600px;
   margin: auto;
   display: flex;
   align-items: center;
   padding: 10px;
 }

 .left-img {
   width:600px;
   height:280px;
   margin-top: 20px;
 }

 .beauty-green-font {
   font-size: 18px; padding: 0px; margin-left:30px; font-weight: 900; color:#00bf63
 }