@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://fonts.googleapis.com/css?family=Baloo');
@import url('https://fonts.googleapis.com/css?family=Fredoka+One');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Mukta+Vaani:700|Staatliches');
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

body{
  background:#ffc341 url(https://www.easywin.com.tw/ad/107/0328/img/bg.jpg);
  background-position: top center;
  /* background-size: 100%; */
  margin: 0 0;
  font-size: 1.1em;
  line-height: 1.8;
  font-weight: 400;
  overflow-x: hidden;
  font-family: "Arial","Noto Sans TC" , sans-serif;
  color: #333;
  --f-b: #767bcf;
  --f-b2:#313478;
  --f-b3: #a9aceb;
  --f-p: #ff36b9;
  --f-p2: #ff1f8a;
  --f-p3:#b2d2ff;
  --f-p5:#ffbdfa;
  --f-y:#ffe100;
  --b1: #36d0ff;
  --b2: #ffcccc;
  --color-link-hover: #fff;
  --color-title: #fff;
  /* #00c9ff */
   
}
#gotop {
    width:3.8em;
    height:3.8em;
    text-align: center;
    border:1px solid #ddd;
    position: fixed;
    right: 10px;
    bottom: 10vh;
    border-radius:50%;
    padding:6px 0px;
    font-size:0.9em;
    background: rgba(0,0,0,0.7);
    border: 1px;
    color: white;
    cursor: pointer;
    z-index: 300;
    
    }
    @media screen and (max-width:46em){
      #gotop {
      font-size:13px;
      padding-top: 5px;
      bottom:65px;
      }
      body {  
        font-weight: 300;
    }
    }
    footer {
        display: flex;
        display: -webkit-flex;
        display: -webkit-flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 8vh 6vw;
        position: relative;
        background-color: rgba(77, 144, 254,1.0); 
        color: #fff;
        text-align: left;
      }
      footer h2{
        font-size:1.1em;
        line-height: 1.8;
        margin: 0 0px;
        text-align: left;
        
      }
      footer>div {
        width:45%;
        display: inline-block;
        vertical-align: top;
      
      }
      footer table {
        width:100%
      }
      footer table td {
        padding: 5px 1px;
      }
      footer table span {
        background: #f00;
        color:#fff;
        font-weight: 500;
        padding: 2px 3px;
      }
      footer a {
        color: #fff;
        text-decoration: none;
      }
      footer a:hover,
      footer a:focus {
        color: #fff;
        text-decoration: none;
      }
      footer a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      
      footer i{
        color: #fff;
        margin: auto 1vw;
        font-size:2.2em;
      }
      
      footer nav {
        margin: 2vh 0;
        padding: 2vh 0;
        border-top: solid 1px #fff;
      }
      @media (max-width: 75em) {
        footer {
          padding: 8vh 3vw;
         
        }
        footer h2{
          font-size:1em;
        }
        footer>div {
          width:48%;
        
        }
      
      }
      @media (max-width: 55em) {
        footer {
          padding: 5vh 5vw;
          font-size: 14px;
        }
        footer table span {
          font-weight: 500;
          font-size: 95%;
          padding: 2px 3px;
        }
        footer>div {
          width:100%;
          margin-top: 3vh;
        
        }
      }
      #message{
        background-color: rgba(255,245,245,0.85);
        color:#333;
        text-align: center;
        padding: 5vh 10vw;
        margin: 0 auto;
      }
      #message h2{
        font-size: 2.2em;
        line-height: 1.2;
        margin-top:50px;
        margin-bottom: 5px;
        color:#03c;
        font-weight: 600;
        text-align: center;
      }
     
      a {text-decoration: none;}
      .red {color: #F00;font-weight: 600; font-family: "Arial Black" , "Noto Sans TC", sans-serif;}
      .r_bg{
        background-color: #f00;color: #fff;padding: 5px 10px;border-radius: 20px;
      }
      .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#5196ff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}
      
      /*tossing*/
      .linefirend{
        font-size:2.5em;
        animation-name: linefirend;
        -webkit-animation-name: linefirend; 
        animation-duration: 2.5s; 
        -webkit-animation-duration: 2.5s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
      }
      @keyframes linefirend {
        0% {transform: rotate(-4deg);}
        50% {transform: rotate(4deg);}
        100% {transform: rotate(-4deg);}            
      }
      @-webkit-keyframes linefirend {
        0% {-webkit-transform: rotate(-4deg);}
        50% {-webkit-transform: rotate(4deg);}
        100% {-webkit-transform: rotate(-4deg);}        
      }
      @media (max-width: 767px){
        .linefirend{
        font-size:1em;
        animation-name: linefirend;
        -webkit-animation-name: linefirend; 
        animation-duration: 2.5s; 
        -webkit-animation-duration: 2.5s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
      }
      }
 
  table {border-collapse: collapse;border-spacing: 0;margin: auto;}
  @media (max-width:55em) {.br_d {display: none;}}
  @media (min-width:55em) {.br_s {display: none;}}
  @media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none;}}
  @media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none;}}
  @media (min-width: 1200px) {.hidden-lg {display: none !important;}}

  @media screen and (max-width:38em) {article {padding: 5vh 5vw;} }
 
  article {padding:5vh 8vw ;letter-spacing: 0.5px; margin-top: 5vh;}
  article h2 {
    font-style: italic;
    font-size:2.8em;
    font-weight:900;
    line-height: 1.35;
    color:rgb(129, 160, 255);
    margin: 0;
    -moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg);
    text-shadow: 0 0.2em 2px rgba(255, 255, 255, 0.17),0.1em 0.05em 1px #fff,  0.1em -0.03em 0 rgb(255, 252, 60), 0.05em 0.005em 0 #fff, 0em 0.08em 0 #fff, 0.05em 0.1em 0 #fff, 0px -0.03em 0 #fff, -0.03em -0.03em 0 rgb(255, 193, 60), -0.03em 0.08em 0 #fff, -0.03em 0 0 #fff;
  }

  article h2 span {
    font-size: 125%;
    margin-left:18vw;
    color:  #03c;
  }

  @media screen and (max-width: 55em) {
    article {padding: 2vh 0vw;letter-spacing: 0.2px;margin-top: 0;}
    article h2 {
       font-size:2em;
     }
     article h2 span {
        font-size: 115%;
        margin-left:8vw;
      }
    }

    aside {
        background-color: #d4d4ff;
      }
      #ads {
        width: 100%;
        padding: 10vh 5vw;
        letter-spacing: 1px;
        text-align: center;
        font-weight: 400;
        color:#333;
      }
      .ads,.superbox_sale {
        width:38%;
        border-radius: 1em;
        padding: 0vh 0vw;  
        text-align: center;
        display: inline-block;
      }
      .superbox_sale{
        width:52%;
      }
      .ads:hover,.superbox_sale:hover {
        cursor: pointer;
      }
       .superbox_sale img {
        width: 48%;
        height:auto;
        background-color: rgb(255, 240, 240);
        border:solid #2a2921 1px;
      } 
      #ads p {
        vertical-align: top;
        font-size: 1.35em;
        margin: 0;
      }
      #ads p span {
        font-weight: 600;
        background-color: #f00;
        color: #fff;
        padding: 1vh 1vw;
      
      }
      #ads p ins {
        font-size: 60%;
      }
      #ads h3 {
        /* color: #622f15; */
        font-size: 1.35em;
        margin: 0;
        line-height: 1.3;
      }
      #ads h4{
        text-align: center;
      }
      #ads h4 span {
        color: #1dcd00;
        font-family: "Baloo", "Noto Sans TC", "Arial", sans-serif;
        font-weight: 800;
        font-size: 2em;
      }
      #ads nav{
        margin: 3vh 0vw 10vh 0vw;
        font-size: 1.2em;
        font-weight: 600;
      }
      #ads nav a:hover,#ads nav a{
        padding: 2vh 1.5vw;
        margin: 0 1vw;
        background-color: #1dcd00;
        color: #fff;
        border-radius: 3em;
      }
      #ads nav a:hover{
        opacity: 0.6;
      }
      @media screen and (max-width: 55em) {
      
      #ads h2 {  font-size: 1.25em; }
      #ads h2 span{  font-size: 1.8em;}
      #ads p {
        vertical-align: top;
        font-size: 1.1em;
        
      }
      #ads {
        padding: 5vh 0vw;
        text-align: center;
        letter-spacing: 0;
        color: #000;
      }
      #ads nav{
        font-size: 1.2em;
      }
      #ads nav a:hover,#ads nav a{
        padding: 2vh 2vw;
        line-height: 3;
        color: #fff;
        border-radius: 3em;
      }
      .ads,.superbox_sale {
        margin:0vh 1vw;
        width:95%;
        border-radius: 1em;
        padding:1vh 2vw;  
      
      }
       .superbox_sale img {
        width: 80%;
        height:auto;
      } 
      }
  header {
    text-align: center;
    overflow-y: hidden;

  }
  header h1 {
    font-weight: 900;
    font-size: 6.5em;
    line-height: 1.2;
    color: #fff;
    font-style: italic;
    margin-left:-5vw;
    -moz-transform:rotate(-5deg);
  -webkit-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  transform:rotate(-5deg);
    text-shadow: 0 0.2em 2px rgba(255, 255, 255, 0.17),0.1em 0.05em 1px #03c,  0.1em -0.03em 0 rgb(129, 160, 255), 0.05em 0.005em 0 #03c, 0em 0.08em 0 #03c, 0.05em 0.08em 0 #03c, 0px -0.03em 0 #03c, -0.03em -0.03em 0 #03c, -0.03em 0.08em 0 #03c, -0.03em 0 0 #03c;

  }
  header h1 span {
    font-size: 135%;
  }
@media screen and (max-width:55em){

      header h1 {
        font-size: 3em;
      }
      header h1 span {
        font-size: 115%;
      }
}

  #sale {
    text-align: center;
  }
  #sale h4 {
    font-size: 2em;
  }
  #sale ol {
    font-weight: 500;
    font-size:1.35em;
    text-align: left;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    text-align: center;
    margin: 0;
    padding: 0;
}

  #sale p {
    font-weight: 600;
    color: #fff;
    font-size: 1.35em;
    margin: 2vh 0;
  }
  #sale p span {
    background: #000;
    padding: 1.5vh 3vw;
    border-radius: 1em;
  }
  #sale ol li { 
    background-color: #fff;
    border: solid  #dc9618 1px;
    border-radius: 1em;
    list-style: none;
    width: 32%;
    padding:3vh 0vw;
    margin: 0;
  } 
  #sale ol li:first-child {
    border-left: dashed 0px ;
  }
  #sale ol strong {
    color:rgb(255, 85, 0) ; 
    font-size: 2.2em;
    font-family: "Baloo";
    line-height: 1.2;
    font-weight: 600;
  }
  #sale a,#sale a:hover {
    color: #29bf00;
    font-family: "baloo","Noto Sans TC" , sans-serif;
    font-size: 2em;
  }

  @media screen and (max-width: 55em) {

    #sale ol {font-weight: 400; font-size:1.15em;flex-wrap: wrap;}
    #sale h4, #sale ol strong{font-size: 1.45em;}
    #sale ol li { 
        width: 100%;
        padding:1vh 1vw;
        margin: 1vh 0;
      } 
      #sale ol li:last-child(1) {
        border-bottom: dashed 0px ;
      }
      #sale ol strong {
        font-size: 2.5em;
        line-height: 1.35;
      }
      #sale p {font-size: 1em;}
      #sale a,#sale a:hover {
        font-size: 1.3em;
      }
  }
 

  #leam {
    text-align: center;
    font-size: 1em;
  }
  #leam table {
    /* border: solid 1px #dc9618; */
    border-collapse: separate;
    border-spacing:0 2vh;
    width: 100%;
    margin-bottom:8vh;
  }
  #leam caption {padding: 1vh;}
  #leam table tr td {
    border-bottom: solid 1px #dc9618 ;
    background-color: #fff;
    padding: 2vh 1vw;
  }
  #leam table td:first-child {
    color:#ffe100;
    font-weight: 600;
    font-size: 1.1em;
    background-color:#390b3ae3;
    border-radius: 1em 0 0 1em;
    text-shadow: 0 0.2em 0px #6825ba, 0.1em -0.03em 0 #6825ba, 0.08em 0.005em 0 #6825ba, 0em 0.08em 0 #6825ba, 0.05em 0.08em 0 #6825ba, 0px -0.05em 0 #6825ba, -0.06em -0.05em 0 #6825ba, -0.08em 0.08em 0 #6825ba, -0.09em 0 0 #6825ba;

  }
  #leam table td:nth-child(2){
    color:#6e3fa7;
    font-size: 120%;
    font-weight:600;
  }
  #leam table tr:nth-child(2n) td {
    background-color: #fffdee;
  }
  #leam table tr:nth-child(2n) td:first-child {background-color:rgba(152, 75, 13, 0.78)}
  #leam table td:last-child {border-radius: 0 1em 1em 0;}
  #leam ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  #leam ul li {
    background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam1.png)no-repeat;
    background-size: 32%;
    background-position: bottom -1vh right;
    border-radius: 1em ;
    border:solid 1px #dc9618;
    width: 31%;
    padding:2vh 2vw;
    margin: 1vh ;
  }
#leam ul li:nth-child(2){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam2.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(3){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam3.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(4){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam4.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(5){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam5.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(6){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam6.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(7){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam7.png) no-repeat bottom right 2vw;background-size: 32%;
}
#leam ul li:nth-child(8){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam8.png) no-repeat bottom right 2vw;background-size: 32%;
}
#leam ul li:nth-child(9){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam9.png) no-repeat bottom -2vh right;background-size: 32%;
}
#leam ul li:nth-child(10){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam10.png) no-repeat bottom -1vh right;background-size: 32%;
}
  #leam ul li span {
    font-size: 3em;
    font-weight: 200;
    display: block;
    line-height: 1.3;
    font-family: "Noto Sans TC" , sans-serif;
    color:  #f2cc84;
  }
  #leam ul li strong {
    font-size: 1.5em;
    font-weight: 600;
    display: block;
    color:#6e3fa7;
  }
  @media screen and (max-width: 80em) {
    #leam ul li {
      width: 30%;
    }
  }
  @media screen and (max-width: 55em) {
    #leam table tr td {
      padding: 2vh 1.5vw;
    }
    #leam table td:first-child {
      width: 25%;
      font-size: 1em;
  
    }
    #leam table td:nth-child(2){
      width: 30%;
      font-size: 108%;
    }

    #leam table td:last-child {
      text-align: left;
      
    }
    #leam ul li strong {
      font-size: 1.2em;
    }

    #leam ul li {
      width: 48%;
      padding:0vh 2vw 8vh;
      margin: 1vh 0;
    }
  }

  
  #op {
    font-size:1.2em;
    text-align: center;
    font-weight: 600;
  }

  #op>section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    margin: 1vh 0vw;
  }
  
  #op>section div {
    width: 100%;
    border: solid 1px  #f2cc84;;
    padding: 3vh 2vw 8vh;
    background: #fff;
    border-radius: 2em;
    
  }
 
  #op>section div h3 {
    font-weight: 300;
    color: #000;
    text-shadow: 0 0 0;
    font-size:2em;
    line-height: 1.5;
  }
  #op h3 span {
    font-weight: 600;
    color:#464cbc;
  }
  #op h3 span:nth-child(2) {
    color:  #787eff;
  }
  #op h3 span.r {
    color: #36d0ff;
  }
  #op h3 kbd {
    background-color: var(--f-b);
    color: #fff;
    padding: 1vh 0.5vw;
    margin-right: 0.5vw;
    font-size: 48%;
    border-radius: 15px;
  }
  #op table {
    width: 100%;
    margin-top: 3vh;
    table-layout: fixed;


  }
  #op td {
    padding:1.5vh 1vw;
    border-bottom: dashed 1px #c3c3c3;
  }

  #op table del {
    font-size: 68%;
    padding-left: 1vw;
    font-weight: 400;
    color: #817c7c;

  }
  #op table del::before {content: '('; }
  #op table del::after {content: ')';}

  #op table span {
     color: var(--f-p2);
     font-family: "Mukta","Noto Sans TC" , sans-serif;
      font-size: 180%;
      line-height: 0.8;
      font-weight: 700;
  }
  #op table small {
    font-size:58%;
    color: #7b7b7b;
  }
  #op table ul {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
  .h3img {
    width:125px;
    margin-left: -5.8vw;
    padding-right: 1vw;
  }
  #op div img {
    width:65px;
    margin-left: -3.8vw;
    padding-right: 1vw;
  }

  @media (max-width:55em) {
  #op {font-size:1em;}
  #op>section {
    flex-wrap: wrap;
  }
  #op>section div {
    width:100%;
    margin-bottom: 2vh;
  }
  #op td {
    padding:1.5vh 2vw;
    border-bottom: dashed 1px #c3c3c3;
  }

  #op table del {
    font-size: 80%;
    padding-left: 0vw;
    display: block;
  }

  #op table span {
      font-size: 165%;
      line-height: 0.8;
  }
  #op table small {
    font-size:80%;
  }

  .h3img  {
    width:65px;
    margin-left: -8vw;
    padding-right: 1vw;
  }
  #op div img {
    width: 35px;
    margin-left: -8vw;
  }
  }

  #good {
    margin: 3vh 0;
    border-radius: 3em;
  }
  #good ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
    list-style: none;
  }
 #good ul li {
    width: 50%;
    font-size: 1em;
     display: flex;
    display: -webkit-flex;
    list-style: none;
    justify-content: space-between;
    align-items:flex-start ;
    font-family: "Noto Sans TC" , sans-serif;
  }
 #good img {
    width: 18%;
    height: auto;
    border-radius:50%;
    border: solid 1px #3f3997;
    box-shadow: 5px 8px 0 #e8d4d5;
  }
 
 #good p {
    width: 80%;
    padding: 3vh 2vw;
    font-size: 1.1em;
    line-height: 1.8;
    color:#363638;
  }
 #good strong {
    font-size: 1.25em;
    color:#062372;
  }
  #good kbd {
    padding: 1vh 1vw;
    background:#ff8f8d ;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    border-radius: 1em;
  }

  @media (min-width: 50em) {#good .br {display: none;}}
  @media (max-width: 50em){
    #good {
        margin: 1vh 0;
        padding: 5vh 1vw;
        border-radius: 0em;
        background-color:rgba(255, 243, 243, 0.0);
      }
 #good ul {flex-wrap: wrap;}
 #good ul li {width: 100%;font-size: 1em; margin: 1vh 0;}
 #good strong {
    font-size:1em;
  }
 #good img { width: 20%;}
 #good p {
    padding: 3vh 3vw; 
    border-radius: 1em ;
    background-color: #fff;
    border: solid 1px #e9e9e9;
  
}
  }
  #gt {
    padding: 5vh 5vw;
      text-align: center;
      margin-bottom: 12vh;
      margin-top: 0vh;
      background-color: rgb(255,251,245,0.83);
  }
  #gt h2 {
    margin-top: -12vh;
  }
  #gt ul {
    list-style: none;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content:space-between;
    padding: 0;
    margin: 0;
    font-family: "Noto Sans TC", sans-serif;
  }
  
  #gt ul li {
    width: 33%;
    margin: 1vh 0vw;
    text-align: left;
    color: #8e4f10;
  }
  
  #gt ul img {
    width: 12%;
    margin-right: 0.4vw;
  }
  
  #gt ul span {
    color: #91513e;
    font-weight: 600;
    padding-left: 3px;
  }
  
  @media screen and (max-width:65em) {
    #gt {
      padding: 6vh 0vw 5vh;
      text-align: center;
      font-size: 95%;
  
    }
  
    #gt ul li {
      width: 47%;
      margin: 1vh 0.2vw;
    }
  
    #gt ul img {
      width: 8%;
      margin-right: 0.4vw;
    }
  }
  
  @media screen and (max-width:40em) {
    #gt {
      padding: 6vh 5vw 5vh;
      text-align: center;
      margin-bottom: 0vh;
      margin-top: -8vh;
      background-color: rgba(255, 225, 189, 0.78);
  
  
    }
  
    #gt ul li {
      width: 100%;
      margin: 0.5vh 1vw;
    }
  
    #gt ul img {
      width: 8%;
      margin-right: 1vw;
    }
  }