.waitLoad {
  border: 20px solid greenyellow;
  display: flex;
  flex: 1;
  height: 300px;
  width: 300px;
  border-radius: 50%;
  border-bottom: 20px solid darkgreen;
  border-top: 20px solid darkgreen;
  animation: runLoad 5s infinite;
  -webkit-animation: runLoad 5s infinite; }
@keyframes runLoad {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  50% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); } }
.articleBox {
  color: green;
  display: flex;
  flex-direction: row; }
  .articleBox .article1 {
    display: flex;
    flex: 1;
    flex-direction: column; }
    .articleBox .article1 .article3Head span {
      background: linear-gradient(to right, #005c2d 50%, #66FF32 100%);
      color: white;
      padding: 2px 35px;
      border-top-right-radius: 2em; }
    .articleBox .article1 .boxRowAritcle1 {
      background-color: #1b321b;
      display: flex;
      flex: 1;
      flex-direction: row;
      padding: 15px;
      margin-right: 15px;
      box-shadow: 6px 6px 15px 0px black;
      border-bottom-right-radius: 2em; }
      .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 {
        flex: 1;
        padding: 0 15px 0 0; }
        .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul {
          padding: 0;
          margin: 0;
          list-style: none; }
          .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li:nth-child(1) {
            background-color: white; }
          .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li:nth-child(2) {
            color: #00FF00;
            transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -o-transition: all 0.3s linear; }
          .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li:nth-child(3) {
            color: white;
            font-size: 14px; }
            .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li:nth-child(3) span {
              color: greenyellow;
              padding: 0 4px;
              cursor: pointer; }
              .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li:nth-child(3) span:hover {
                color: orange; }
          .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li img {
            width: 100%;
            display: flex;
            border: 2px solid #9E9E9E;
            box-shadow: 2px 2px 6px black; }
            .articleBox .article1 .boxRowAritcle1 .mainBoxArticle1 ul li img:hover {
              opacity: 0.7; }
    .articleBox .article1 .subBoxArticle1 {
      flex: 1;
      flex-direction: column;
      display: flex; }
      .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 {
        display: flex;
        flex-direction: row; }
        .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 .subImg1 {
          flex: 1; }
          .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 .subImg1 img {
            width: 100%;
            border: 1px solid darkgray; }
        .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul {
          padding: 0;
          margin: 0 0 0 10px;
          list-style: none;
          flex: 1;
          display: flex;
          flex-direction: column; }
          .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul li {
            padding: 2px; }
          .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul li:nth-child(1) {
            color: #00FF00; }
          .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul li:nth-child(2) {
            color: white;
            font-size: 12px; }
            .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul li:nth-child(2) span {
              color: greenyellow;
              padding: 0 4px;
              cursor: pointer; }
              .articleBox .article1 .subBoxArticle1 div.imgSubBox1_1 ul li:nth-child(2) span:hover {
                color: orange; }
  .articleBox .article2 {
    border: 1px solid green;
    display: flex;
    flex: 1; }

@media only screen and (max-width: 1024px) {
  .articleBox .article1 {
    margin-top: 20px; }
    .articleBox .article1 .boxRowAritcle1 {
      flex-direction: column; }
    .articleBox .article1 .subBoxArticle1 .imgSubBox1_1 {
      padding: 5px; } }
@media only screen and (max-width: 800px) {
  .articleBox {
    flex-direction: column; }
    .articleBox .article1 {
      margin-top: 20px; }
      .articleBox .article1 .boxRowAritcle1 {
        flex-direction: row; } }
@media only screen and (max-width: 600px) {
  .articleBox .article1 .boxRowAritcle1 {
    flex-direction: column; } }

/*# sourceMappingURL=articleStyle.css.map */