@charset "UTF-8";

*{ padding:0; margin:0; box-sizing: border-box;}
#wrap {width:100%;  margin:0 auto; background-attachment:fixed;}
ul,li,ol {list-style:none; margin:0; padding:0;}


@media (max-width:599px){

  header { background-color:rgba(0,0,0,0.8); margin:0 auto;
          width:100%; height:auto;  position: absolute;
          justify-content:space-between; align-items:center;
          position:fixed; top:0; left:0; z-index:10;}
  header>.head1 { width:100%;  display:flex; align-items:center;
       justify-content:space-between; line-height:40px; z-index:3; padding:0 10px;}
  header>.head1>.logo {margin:10px 0 0 0;}

  .head2 { background-color:rgba(0,0,0,0); width:100%; height:auto; display:none;}
     nav ul li a{display:block; padding:15px; text-decoration:none; color:#fff; transition:all 0.3s ease;}
     nav ul li:nth-of-type(1) a {color:#e2c16d;}
     nav ul a:hover{color:#e2c16d; transition:all 0.3s ease; }
     .fa-bars {color: rgba(255, 255, 255, 0.7);}
     .fa-bars:hover{cursor:pointer;}




  footer { background-color:#101315; margin:0 auto; display:flex;
           width:100%; height:auto; flex-flow:column wrap; padding:100px 0 0 0;}
  footer>#footer_1 { width:100%; height:auto;
                     display:flex; flex-flow:column wrap;  }

  footer>#footer_1>#footer_one { width:95%; height:auto; display:flex;
                                  flex-flow: column wrap; margin:0 0 0 10px;}
  footer>#footer_1>#footer_one>h3 {color:#fff; font-size:16px; font-weight:bold; margin:10px 0 35px 0;}
  footer>#footer_1>#footer_one>p { color:rgba(255, 255, 255, 0.7); font-size:16px; line-height:28px;}
  footer>#footer_1>#footer_one>#footer_sns {  width:200px; height:60px; display:flex; margin:50px 0 0 0;
                                            justify-content:space-around;align-items:center;}
  footer>#footer_1>#footer_one>#footer_sns>a i{ font-size:25px; color:#fff;}

  footer>#footer_1>#footer_two { width:95%; height:auto; display:flex;
                                   flex-flow: column wrap; margin:30px 0 0 10px;}
  footer>#footer_1>#footer_two>h3 { margin:10px 0 35px 0; color:#fff; font-size:16px;}
  footer>#footer_1>#footer_two>.footer_blog {  width:100%; height:90px; margin:0 0 15px 0;
                                                display:flex;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_photo {width:25%; height:auto; background-position: center;
                                                            background-size: cover;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text { width:75%; height:auto; padding:0 20px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a { color:#fff; transition:all 0.5s ease;
                                                 text-decoration:none; font-weight:500; line-height:22px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a:hover { color:#e2c16d; transition:all 0.3s ease; cursor: pointer;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date { width:100%; height:20px;  display:flex;
                                                                        margin:15px 0 0 0;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date a  { margin-right:5px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p1 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p2 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p3 a { color:#808080; text-decoration: none; font-size:12px; }

  footer>#footer_1>#footer_three { width:95%; height:auto; margin:30px 0 0 10px;}
  footer>#footer_1>#footer_three>li:nth-of-type(1) {margin:10px 0 50px 0; color:#fff; font-size:17px; font-weight: bold;}
  footer>#footer_1>#footer_three>li a {color: rgba(255, 255, 255, 0.7); text-decoration:none; font-size:16px;
                                        transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li a:hover {color:#fff; transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li { margin:20px 0;  }


  footer>#footer_1>#footer_four { width:95%; height:auto; margin:30px 0 0 10px; }
  footer>#footer_1>#footer_four>h3 {margin:10px 0 35px 0; color:#fff; font-size:16px; }
  footer>#footer_1>#footer_four>i { color:#fff;}
  footer>#footer_1>#footer_four>.have { width:100%; display:flex; }
  footer>#footer_1>#footer_four>.have>i {color:#fff;}
  footer>#footer_1>#footer_four>.have>.have_1 { width:90%; height:auto; margin:0 0 20px 30px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p1 { color: rgba(255, 255, 255, 0.7); font-size:16px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p2 { color:#fff;  font-size:16px;}

  footer>#footer_2 { width:90%; height:200px; margin:0 auto;
                    display:flex; justify-content: center; align-items: center;}
  footer>#footer_2>p { font-size:16px; color: rgba(255, 255, 255, 0.7); text-align:center;}
}


@media (min-width:600px){

  header { background-color:rgba(0,0,0,0.8); margin:0 auto;
          width:100%; height:auto;  position: absolute;
          justify-content:space-between; align-items:center;
          position:fixed; top:0; left:0; z-index:10;}
  header>.head1 { width:100%; display:flex; align-items:center;
       justify-content:space-between; line-height:40px; z-index:3; padding:0 45px;}
  header>.head1>.logo {margin:10px 0 0 0;}

  .head2 { background-color:rgba(0,0,0,0); width:100%; height:auto; display:none;
            padding:0 45px;}
     nav ul li a{display:block; padding:15px; text-decoration:none; color:#fff; transition:all 0.3s ease;}
     nav ul li:nth-of-type(1) a {color:#e2c16d;}
     nav ul a:hover{color:#e2c16d; transition:all 0.3s ease; }
     .fa-bars {color: rgba(255, 255, 255, 0.7);}
     .fa-bars:hover{cursor:pointer;}




  footer { background-color:#101315; margin:0 auto; display:flex;
           width:100%; height:auto; flex-flow:column wrap; padding:100px 0 0 0; }
  footer>#footer_1 { width:85%; height:auto; margin:0 auto;
                     display:flex; flex-flow:wrap; padding:0 0 0 40px;}

  footer>#footer_1>#footer_one { width:45%; height:auto; display:flex;
                                  flex-flow: column wrap; margin:20px 15px;}
  footer>#footer_1>#footer_one>h3 {color:#fff; font-size:16px; font-weight:bold; margin:10px 0 35px 0;}
  footer>#footer_1>#footer_one>p { color:rgba(255, 255, 255, 0.7); font-size:16px; line-height:28px;}
  footer>#footer_1>#footer_one>#footer_sns {  width:200px; height:60px; display:flex; margin:50px 0 0 0;
                                            justify-content:space-around;align-items:center;}
  footer>#footer_1>#footer_one>#footer_sns>a i{ font-size:25px; color:#fff;}

  footer>#footer_1>#footer_two { width:45%; height:auto; display:flex;
                                   flex-flow: column wrap; margin:20px 15px;}
  footer>#footer_1>#footer_two>h3 { margin:10px 0 35px 0; color:#fff; font-size:16px;}
  footer>#footer_1>#footer_two>.footer_blog { width:100%; height:90px; margin:0 0 15px 0;
                                                display:flex;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_photo {width:25%; height:auto; background-position: center;
                                                            background-size: cover;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text { width:75%; height:auto; padding:0 20px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a { color:#fff; transition:all 0.5s ease;
                                                 text-decoration:none; font-weight:500; line-height:22px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a:hover { color:#e2c16d; transition:all 0.3s ease; cursor: pointer;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date { width:100%; height:20px;  display:flex;
                                                                        margin:15px 0 0 0;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date a  { margin-right:5px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p1 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p2 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p3 a { color:#808080; text-decoration: none; font-size:12px; }

  footer>#footer_1>#footer_three { width:45%; height:auto; padding:0 10px; margin:20px 15px;}
  footer>#footer_1>#footer_three>li:nth-of-type(1) {margin:10px 0 50px 0; color:#fff; font-size:17px; font-weight: bold;}
  footer>#footer_1>#footer_three>li a {color: rgba(255, 255, 255, 0.7); text-decoration:none; font-size:16px;
                                        transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li a:hover {color:#fff; transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li { margin:20px 0;  }


  footer>#footer_1>#footer_four { width:45%; height:auto; margin:20px 15px; }
  footer>#footer_1>#footer_four>h3 {margin:10px 0 35px 0; color:#fff; font-size:16px; }
  footer>#footer_1>#footer_four>i { color:#fff;}
  footer>#footer_1>#footer_four>.have { width:100%; display:flex; }
  footer>#footer_1>#footer_four>.have>i {color:#fff;}
  footer>#footer_1>#footer_four>.have>.have_1 { width:215px; height:auto; margin:0 0 20px 30px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p1 { color: rgba(255, 255, 255, 0.7); font-size:16px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p2 { color:#fff;  font-size:16px;}

  footer>#footer_2 { width:85%; height:150px; margin:0 auto;
                    display:flex; justify-content: center; align-items: center;}
  footer>#footer_2>p { font-size:16px; color: rgba(255, 255, 255, 0.7);}
}


@media (min-width:1000px){

  header { background-color:rgba(0,0,0,0.8); margin:0 auto;
          width:100%; height:auto;  position: absolute;
          display:flex; align-items:center;
             justify-content:center;
          position:fixed; top:0; left:0; z-index:10;}
  header>.head1 { width:100%; display:flex; align-items:center;
       justify-content:space-around; line-height:40px; z-index:3; }
  header>.head1>.logo {margin:10px 0 0 0;}

  .head2 { background-color:rgba(0,0,0,0); width:100%; height:auto; display:block; }
     nav ul {display:flex;}
     nav ul li a{display:block; padding:15px; text-decoration:none; color: rgba(255, 255, 255, 0.7); transition:all 0.3s ease;}
     nav ul li:nth-of-type(1) a {color:#e2c16d;}
     nav ul a:hover{color:#e2c16d; transition:all 0.3s ease; }
     .fa-bars {color: rgba(255, 255, 255, 0.7); display:none;}
     .fa-bars:hover{cursor:pointer;}




  footer { background-color:#101315; margin:0 auto; display:flex;
           width:100%; height:600px; flex-flow:column wrap; padding:100px 0 0 0;}
  footer>#footer_1 { width:70%; height:350px; margin:0 auto;
                     display:flex; justify-content: center;}

  footer>#footer_1>#footer_one { width:20%; height:auto; display:flex;
                                  flex-flow: column wrap;}
  footer>#footer_1>#footer_one>h3 {color:#fff; font-size:16px; font-weight:bold; margin:10px 0 35px 0;}
  footer>#footer_1>#footer_one>p { color:rgba(255, 255, 255, 0.7); font-size:16px; line-height:28px;}
  footer>#footer_1>#footer_one>#footer_sns { width:200px; height:60px; display:flex; margin:50px 0 0 0;
                                            justify-content:space-around;align-items:center;}
  footer>#footer_1>#footer_one>#footer_sns>a i{ font-size:25px; color:#fff; margin:0 25px 0 0; }

  footer>#footer_1>#footer_two { width:30%; height:auto; display:flex;
                                   flex-flow: column wrap;}
  footer>#footer_1>#footer_two>h3 { margin:10px 0 35px 0; color:#fff; font-size:16px;}
  footer>#footer_1>#footer_two>.footer_blog { width:100%; height:90px; margin:0 0 15px 0;
                                                display:flex;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_photo {width:25%; height:auto; background-position: center;
                                                            background-size: cover;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text { width:75%; height:auto; padding:0 20px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a { color:#fff; transition:all 0.5s ease;
                                                 text-decoration:none; font-weight:500; line-height:22px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>span a:hover { color:#e2c16d; transition:all 0.3s ease; cursor: pointer;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date { width:100%; height:20px; display:flex;
                                                                        margin:15px 0 0 0;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date a  { margin-right:5px;}
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p1 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p2 a { color:#808080; text-decoration: none; font-size:12px; }
  footer>#footer_1>#footer_two>.footer_blog>.footer_text>.footer_date .p3 a { color:#808080; text-decoration: none; font-size:12px; }

  footer>#footer_1>#footer_three { width:10%; height:auto; }
  footer>#footer_1>#footer_three>li:nth-of-type(1) {margin:10px 0 50px 0; color:#fff; font-size:17px; font-weight: bold;}
  footer>#footer_1>#footer_three>li a {color: rgba(255, 255, 255, 0.7); text-decoration:none; font-size:16px;
                                        transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li a:hover {color:#fff; transition:all 0.5s ease;}
  footer>#footer_1>#footer_three>li { margin:20px 0;  }


  footer>#footer_1>#footer_four { width:20%; height:auto; }
  footer>#footer_1>#footer_four>h3 {margin:10px 0 35px 0; color:#fff; font-size:16px; }
  footer>#footer_1>#footer_four>i { color:#fff;}
  footer>#footer_1>#footer_four>.have { width:100%; display:flex; }
  footer>#footer_1>#footer_four>.have>i {color:#fff;}
  footer>#footer_1>#footer_four>.have>.have_1 { width:215px; height:auto; margin:0 0 20px 30px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p1 { color: rgba(255, 255, 255, 0.7); font-size:16px;}
  footer>#footer_1>#footer_four>.have>.have_1>.p2 { color:rgba(255, 255, 255, 0.7);  font-size:16px;}

  footer>#footer_2 { width:70%; height:100px; margin:0 auto;
                    display:flex; justify-content: center; align-items: center;}
  footer>#footer_2>p { font-size:16px; color: rgba(255, 255, 255, 0.7);}
}