@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0;}
body{}

.container{ float:left; width:100%;   height:auto;}
.incontainer{ margin:0 auto; width:100%; height:auto;}



/* Style for the navigation */
.navigation {
    display: flex;                  /* Use flexbox for the navigation container */
    justify-content: center;        /* Center the content horizontally */
    align-items: center;            /* Center the content vertically */
    width: 100%;                    /* Full width of the container */
    height: auto;                   /* Height adjusts based on content */
    background-color: #003366;          /* Red background color */
}

/* Style for the menu */

#menu {
    
}



ul { font-family: Arial, Verdana;font-size: 14px; margin: 0; padding: 0; list-style-type: none;}
ul li {display: block;position: relative;float: left;}
li ul { display: none; width:8px; }
ul li a { display: block; text-decoration: none; color: #f5f5f5; border-bottom: 1px solid #4d4d4f; padding: 5px 15px 5px 15px;margin-left: 1px; white-space:nowrap; border-right:1px solid #CCCCCC;}
ul li a:hover { background: #617F8A; }
li:hover ul { display: block;position: absolute;}
li:hover li { float: none; font-size: 11px;}
li:hover a { background: #617F8A; }
li:hover li a:hover { background: #95A9B1; }



.banner{ float:left; width:100%; height:auto; background-color: #f5f5f5;
background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0);
background-size: 10px 10px;}
.logoSlogan{ float:left; min-width:344px; height:65px;}
.logo_box{ float:left; width:64px; height:64px;}
.slogan{ float:left; width:280px; height:65px; font-size:30px; font-weight:bold; font-family:"Century Gothic"; color:#009900;}
.member{ float:right; width:300px; height:65px;}
.box1{ float:right; width:300px; height:32px;}
.dutoi{ float:right; width:300px; height:32px;}



                
/*.banner{ float:left; width:100%; min-width:480px; height:auto; background-image:url(nve-2.png); display:flex; flex-direction: column; justify-content: flex-start;}
.logo_box{ float:left; width:8%; height:64px; }
.slogan{ width:57%; height:65px;font-size:24px; font-weight:bold; font-family:"Century Gothic"; color:#009900; }
.member{ float:right; width:35%; height:65px;}
.box1{ float:right; width:300px; height:32px;}
.dutoi{ float:right; width:300px; height:32px;}*/


.header{ float:left; width:100%; height: auto; background-image: url(nev.png);}
.contain{ float:left; width:100%; height:auto;  background-color:#87CEEB;
background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0);
background-size: 10px 10px;}
/* .organ{ float:left; width:220px; height:auto; font-weight:bold; font-family:"Century Gothic";}*/
.blood_box{ float:left; max-width:35%; min-width:360px; min-height:250px;}
.need{ float:left; width:100%; height:auto; font-weight:bold; font-family:"Century Gothic"; color:#009900;}
.beed{float:left; max-width :35%; min-width:360px; min-height:210;}
.buttonf{ float:left; margin-top:5px;width:177px; height:200px;}
.buttons{ float:left; margin-left:5px; margin-top:5px;width:177px; height:200px;}
.buttonf p{  text-align:center; margin-top:10px; font-weight:bold; font-size:14px;}
.buttons p{ text-align:center; margin-top:10px; font-weight:bold; font-size:14px;}


.button1 { float:left; background-image:url(Untitled-5.png);width:177px; height:42px; color:#621E71;}
.button1:hover{ background-image:url(button1.png); color: #CCCCCC;}
.button2 { float:left;  background-image: url(Untitled-6.png);width:177px; height:42px;margin-top:10px; color:#2d320a;}
.button2:hover{ background-image:url(button2.png); color: #CCCCCC;}
.button3 { float:left;  background-image: url(Untitled-7.png);width:177px; height:42px;margin-top:10px; color:#022f42;}
.button3:hover{ background-image:url(button3.png); color: #CCCCCC;}
.button4 { float:left;  background-image: url(Untitled-8.png);width:177px; height:42px;margin-top:10px; color:#5d1b0f;}
.button4:hover{ background-image:url(button4.png); color: #CCCCCC;}


.donatebox {float:left; max-width:65%; min-width:360px; min-height:250px;}
/*
.box { float:left; width:180px; height:242px; }
*/

.gallary{   display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
 height: auto;
 overflow: hidden;
 background-color: #003366;
background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0);
background-size: 10px 10px;}


.news_line{ float:left; width:100%; height:auto;  font-size:24px;font-weight:bold; font-family:"Century Gothic";color:#FF0000;}

.gape{ float:left;width:100%; height:65px; background-color:#ffffff; }
.introducing{ margin: o auto;  font-size:24px;  font-weight:bold; font-family:"Century Gothic";color:#009900; width:480px; height:32px;}
.find{margin: o auto;  font-size:24px;font-weight:bold; font-family:"Century Gothic";color:#009900; width:480px; height:32px; }
.add{ float:left; width:100%; height:30px; font-size:24px;font-weight:bold; font-family:"Century Gothic"; color:#009900;}
.take{float:left;width:100%; height:85px;background-image:url(nve-2.png);}
.takemoney{ margin:0 auto;font-family:"Century Gothic";color:#009900;}

.kape{float:left;width:100%; height:38px; background-color:#ffffff;}
.kapemoney{ margin: o auto;  font-size:24px;font-weight:bold; font-family:"Century Gothic";color:#009900; width:780px; height:32px;}
.jape{float:left;width:100%; height:38px; background-color:#ffffff;}
.japemoney{ margin: o auto;  font-size:24px;font-weight:bold; font-family:"Century Gothic";color:#009900; width:480px; height:32px;}




.lower_portion{ float:left; width:100%; min-width:360px; height:auto;}
.join_now{float:left; width:100%; min-width:360px; height:50px; }
.join_now {
  display: flex;
  justify-content: center; /* horizontally center */
  align-items: center;     /* vertically center (optional) */
}

.join_now button {
  width: 75px;
  height: 20px;
  background-image: url(button-BG.png);
  background-repeat: repeat-x;
  color: #5d1b0f;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
.footer{ float:left; border:none; list-style:none; width:100%; height:auto; background-color:#336600; display: flex; justify-content: center; align-items: center; }
.built_by_us{ float:left; width:100%; height:55px; font-size:18px; font-weight:bold; font-family:"Century Gothic"; color:#009900;background-color:#99CC66;}
.rong{ float:left; width:100%; height:30px; background-color:#339900;}




th{
   
  border: 1px solid #006622;
  padding: 2px;
  text-align: center;
}
td{
  border: 0.5px solid #006622;
  min-width: 95px;
  padding: 2px;
}