@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');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Brygada+1918:ital,wght@0,400..700;1,400..700&display=swap');
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

body{
  background: #fff url(https://www.public.com.tw/ad/un-activity/20240409/img/bg.png);
  background-size: 1%;
	margin: 0 0;
	font-size: 1em;
	font-weight: 400;
  overflow-x: hidden;
  font-family: "Arial","Noto Sans TC" , sans-serif;
  --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;
}
/* 可選：讓背景有流動感 */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
  table {border-collapse: collapse;border-spacing: 0;margin: auto; text-align: center;}
  
  @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 0vw;} }
   
  article a, article a:hover {text-decoration: none;}
  article h3, article h4, article h5, article h6, article ol,article ul {margin: 0;padding: 0;}
  article table ol,article table ul {padding: 0 0 0 22px;}
  article ol,article ul,article ol li,article ul li {list-style: none;list-style-type: none;}

article {
  margin: auto;
  padding: 5vh 0vw;
  line-height: 1.8;
}

article h3 {
    letter-spacing:1px;
  font-size: 1.5em;
  color:  #f0ba56;
  margin-bottom: 2vh;
  
}
article h3 strong {
    display: block;
    color:#ff507d;
    font-size: 2em;
    line-height: 1.2;
    font-weight: 500;
}
article h3 small {
  display: block;
  font-size: 95%;
    letter-spacing:1px;
}
article h3 mark {
  letter-spacing:1px;
  background: #089197;
  border-radius: 1em;
  font-size: 90%;
  color: #fff;
  padding: 0.8vh 1vw;
  margin: 0 0.3vw;
}
article a:hover {
    opacity: 0.85;
  }
/* article a::before{
  content: '\f0da';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
padding-right: 0.2vw;
   
} */

@media screen and (max-width: 40em) {
  article {
    margin-top: 0vh;
  }
  
  article h3 {
     letter-spacing:0.1vw;
  font-size: 1.25em;
}
article h3 strong {
    font-size: 1.25em;
    line-height: 1.2;
}
}
#sale {
  padding-bottom: 5vh;
  position: relative;
  text-align: center;
}
#sale .pe3 {
  position: absolute;
  right: 2vw;
  bottom: -12vh;
  width: 22%;
}
#sale ul {  
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  
}
#sale ul li {
  width: 33%;
  background:#fff;
  border: solid 1px #c4c7f7;
  color: #181818;
  text-align: center;
  font-size: 1.35em;
  font-weight: 600;
  padding: 5vh 0vw;
  list-style: none;
}

#sale ul li mark {
  background-color:#767bcf;
  color: #fff;
  font-size: 90%;
  font-weight: 500;
  padding: 1vh 1vw;
  border-radius: 1em;
}
#sale ul li span{
  display: block;
  color:#767bcf;
}
#sale ul li strong {
  font-size: 2em;
  line-height: 1;
  font-family: "Brygada 1918", serif;
  font-weight: 900;
}
#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 {
  padding-bottom: 15vh;
  position: relative;
}
#sale .pe3 {
  position: absolute;
  right: 2vw;
  bottom: -5vh;
  width: 52%;
}
#sale ul li {
  width: 100%;
  font-size: 1.15em;
  border-radius: 2em;
  padding: 2h 2vw;
  margin-bottom: 1vh;
}

#sale ul li strong {
  font-size: 3em;
    
}
}
#sale ul hr {
  width: 80%;
  border:#5b5a9fad 1px dashed;
  opacity: 0.5;
}
#point {
    background:#ffe6e6;
   /* background: linear-gradient(135deg,#ff3086,#ff67d1,#ede2ff,#92aaff,#ffe8c9);
  background-size: 200% 200%;
  animation: gradientMove 8s ease infinite;  */
  text-align: center;
}
#point h3 {
  line-height: 1.68;
}
#point>section {
  background: url(img/px2.png);
  background-size: 8%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items:stretch;
  padding: 2vh 0 0;
  border: 0;

}
 #point>section div {
  width: 50%;
  background: url(https://www.easywin.com.tw/data/new/img/book.png)no-repeat center bottom;
  background-size: 42%;
  padding: 2vh 1vw 28vh 0vw;
  color:#3e2e5b;; 
  position: relative;
  border-radius: 2em;
} 
 #point>section div:nth-child(2) {
  padding: 2vh 0vw 28vh 1vw;
    background: url(https://www.easywin.com.tw/data/new/img/book2.png)no-repeat center bottom;
  background-size: 42%;
 
} 
#point .pe {
  width: 50%;
  position: absolute;
  bottom: -12vh;
  left: -2.5vw;
    z-index: 9;
}
#point .pe2 {
  width: 53%;
  position: absolute;
  bottom: -18vh;
  right: -0.5vw;
  z-index: 8;
}
/* #point>section div {
  width: 28%;
  padding: 2vh 2vw;
  margin:0 1vw 1vh;
  background: #fff;
  color:#3e2e5b;; 
  border-radius: 2em;
  border: solid 1px #b6e8ff;

} */

#point span {
  display: block;
  font-size: 135%;
}
#point span::before {
  content: '＼';
  padding: 0.6vw;
  font-size: 60%;
}
#point span::after {
  content: '／';
  padding: 0.6vw;
  font-size: 60%;
}
#point i{
  font-size:3em;
  color: #3e2e5b;
}
#point img {
  width:20%;
  height:auto;
  border-radius: 2em 2em 0 0;
  border-bottom: solid 1px #b6e8ff;
}
#point a:hover,#point a {
  font-family: "Baloo", "Noto Sans TC", "Arial", sans-serif;
  font-size: 2em;
}
#point ul {
  text-align: left;
  border: solid 3px #2c2c2c;
   border-radius: 1em;
  background: #fff url(https://www.public.com.tw/ad/un-activity/20240409/img/bg.png);
  background-size: 3%;
  padding: 5vh 1vw;
  list-style: none;
  
}
#point ul li {
  margin-bottom: 2vh;
  border-bottom: solid 2px;
  padding-bottom: 2vh;
  list-style: none;
}
#point ul li:first-child {
  text-align: center;
  font-weight: 600;
  font-size: 1.25em;
  line-height: 2;

}
#point ul li:first-child,#point ul li:last-child {border: 0px;}
#point ul li strong {
  padding: 1vh 1vw;
  margin-right: 1vw;
  background: #81a6ff;
  border-radius: 1em;
  color: #fff;
  font-weight: 400;
  font-size: 90%;

}
#point>section div:first-child ul strong{
  background: #ff8b76;

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

  #point {
    background:#ffd7d7;
    padding: 15vh 1vw;
    text-align: center;
    border: solid 3px;
    border-right: solid 0px;
    border-left: solid 0px;
  }
  
  #point>section div {
    width: 88%;
    margin:0 0.5vw 1vh;
  
  }
  #point .pe {
  width: 40%;
  position: absolute;
  bottom: -8vh;
  left: -2.5vw;
    z-index: 9;
}
#point .pe2 {
  width: 40%;
  position: absolute;
  bottom: -8vh;
  right: -0.5vw;
  z-index: 8;
}

  #point  h3 {
    letter-spacing:1px;
  }
  #point p{
    padding: 2vh 2vw 5vh;
  }
  
}
@media screen and (max-width: 55em) {
  #point {
    background:#ffd7d7;
    padding: 8vh 0vw 0;
  }
  #point>section {
    flex-wrap: wrap;
  }
  #point>section div {
    width:95%;
    margin:0 0vw 5vh;
    font-size: 95%;
  
  }
   #point>section div {
  background: url(https://www.easywin.com.tw/data/new/img/book.png)no-repeat left 5vw bottom;
  background-size: 42%;
} 
 #point>section div:nth-child(2) {
  padding: 2vh 3vw 28vh 5vw;
    background: url(https://www.easywin.com.tw/data/new/img/book2.png)no-repeat right 5vw bottom;
  background-size: 42%;
} 
  #point .pe {
  width: 54%;
  position: absolute;
  bottom: 2vh;
  left:2vw;
    z-index: 9;
}
#point .pe2 {
  width: 55%;
  position: absolute;
  bottom:3vh;
  right: -0.5vw;
  z-index: 8;
}
#point ul li strong,#point>section div:first-child ul strong {
  font-size:68%;

}
}

#teacher {
  text-align: center;
}
#teacher  ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  list-style: none;
}
#teacher ul li {
  width: 24.5%;
  padding: 6vh 0.5vw 2vh;
  position: relative;
   text-align: center;
   margin-bottom: 2vh;
   list-style: none;

} 
#teacher .ta h6 {
  position: absolute;
  top:-4vh;
  left:-0.5vw;
  font-size:0.85em;
  line-height: 1.2;
  z-index: 66;
   -moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
   transform:rotate(-3deg);

}
#teacher ul p {
  margin-top: 1.5vh;
  line-height: 1.5;
  color: #525253;
  text-align: left;
  font-size: 88%;

}
#teacher .ta {
  background: #ffe9f2 url(https://www.easywin.com.tw/ad/110/0206/img/toeic_bg.png)no-repeat bottom center;
  position: relative;
  border: solid 2px #dc9618;
  text-align: center;

}
#teacher ul li:nth-child(2n) .ta {
  background: #f0ebff url(https://www.easywin.com.tw/ad/110/0206/img/toeic_bg.png)no-repeat bottom center;
  position: relative;
  border: solid 2px #dc9618;
  text-align: center;
}
#teacher .ta img {
  width: 52%;
    margin: auto;
  margin-top: -2vh;

}
#teacher ul h4 { 
  position: relative;
  margin-top: -8vh;
  bottom: 0;
  color: #fff;
  font-size: 1.26em;
  text-shadow: 0 0.15em 0px #dc9618, 0.01em -0.03em 0 #dc9618, 0.08em 0.005em 0 #dc9618, 0em 0.08em 0 #dc9618, 0.05em 0.08em 0 #dc9618, 0px -0.05em 0 #dc9618, -0.06em -0.05em 0 #dc9618, -0.08em 0.08em 0 #dc9618, -0.09em 0 0 #dc9618;
}
#teacher ul h4 mark {
  width: 100%;
  display: block;
  border: solid 2px #dc9618;
  background-color: #edebec;
  padding: 0vh 1vw;
  text-shadow: 0 0 0px #3b347a
  /* border-radius: 0; */
  
}
#teacher ul h4 strong {
  font-size: 150%;
  font-weight: 600;
  line-height: 1.2;
}
#teacher ul h4 small {
  font-size: 0.6em;
}
#teacher ul h4 small::before{content: '('; padding: 0.2vw;}
#teacher ul h4 small::after{content: ')'; padding: 0.2vw;}

@media screen and (max-width: 55em) {
#teacher ul li {
  width:50%;
  padding: 6vh 0.5vw 2vh;
  position: relative;
   text-align: center;
   margin-bottom: 2vh;

} 

#teacher ul p {
  margin-top: 1.5vh;
  font-size: 80%;

}

#teacher .ta img {
  width: 65%;
    margin: auto;
  margin-top: -2vh;

}
#teacher ul h4 { 
  font-size: 1em;

}

#teacher ul h4 strong {
  font-size: 120%;
  font-weight: 600;
  line-height: 1.2;
}
#teacher ul h4 small {
  font-size: 0.6em;
}

}

#cpa_class {
  /* background: #eee url(https://www.easywin.com.tw/data/new/img/bg3.png) no-repeat;
  background-position: center bottom; */
  background: #ffe7d3;
  margin: auto;
  text-align: center;
  position: relative;
  letter-spacing: 0.5px;
  padding-top: 18vh;
}


#cpa_class ul {
  list-style: none;
  padding: 0;
  margin: auto;
  display: flex;
  display: -webkit-flex;
  font-size: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
#cpa_class ul strong {
  display: block;
  font-size:1.15em;
  line-height: 1.6;
  color:#ff8250;
  padding: 1vh 0;
}
#cpa_class ul li {
  width: 18%;
  border-radius: 2em;
  margin: 1vh 0.2vw;
  text-align: center;
  padding: 3vh 1vw;
}
#cpa_class ul li img {
  width: 100%;
  border:solid 1px #f3f3f3;
}

#cpa_class ul i {
  font-size: 2.2em;
  color: #ffffff;
  display: block;
  padding-bottom: 1vh;
}
#cpa_class ul:nth-child(2n-1) strong{color:#81a6ff;} 
#cpa_class ul:nth-child(2n-1) span {background: #f5f3f3;display: block;padding: 1vh 0;} 
#cpa_class ul:nth-child(2n-1) li {background: #fff;   border:#000 solid 1px;}
@media screen and (max-width: 65em) {

}
@media screen and (max-width: 40em) {
  
#cpa_class {
  padding: 5vh 12vw;
}
#cpa_class ul {
  list-style: none;
  padding: 0;
  margin: auto;
  display: flex;
  display: -webkit-flex;
  font-size: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
#cpa_class ul strong {
  display: block;
  font-size:1.15em;
  line-height: 1.6;
  color:#ff8250;
  padding: 1vh 0;
}
#cpa_class ul li {
  width:100%;
  font-size: 95%;

}
#cpa_class ul li img {
  width: 100%;
  border:solid 1px #f3f3f3;
}

#cpa_class ul i {
  font-size: 2.2em;
  color: #ffffff;
  display: block;
  padding-bottom: 1vh;
}
}

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

  #opcpa>section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    margin: 1vh 0vw;
  }
  
  #opcpa>section div {
    width: 100%;
    border: solid 2px #333;
    padding: 3vh 0vw 8vh;
    background: #fff;
    
  }

  #opcpa>section div h3 {
    font-weight: 300;
  }
  #opcpa h3 span {
    font-weight: 600;
    color:#464cbc;
  }
  #opcpa h3 span:nth-child(2) {
    color:  #787eff;
  }
  #opcpa h3 span.r {
    color: #36d0ff;
  }
  #opcpa h3 kbd {
    background-color: var(--f-b);
    color: #fff;
    padding: 1vh 0.5vw;
    margin-right: 0.5vw;
    font-size: 48%;
    border-radius: 15px;
  }
  #opcpa table {
    width: 100%;
    margin-top: 3vh;

  }
  #opcpa td {
    padding:1.5vh 1vw;
    border-bottom: dashed 1px #c3c3c3;
  }
  #opcpa td:last-child(1){
     border-bottom: 0px;
  }

  #opcpa table span {
     color: var(--f-p2);
     font-family: "Mukta","Noto Sans TC" , sans-serif;
      font-size: 180%;
      line-height: 0.8;
      font-weight: 700;
  }
  #opcpa table small {
    font-size:68%;
    color: #827d8d;
    padding-left: 0.2vw;
  }
   #opcpa table small::before {content: '('; }
  #opcpa table small::after {content: ')';}

  #opcpa table ul {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
  .h3img {
    width:125px;
    margin-left: -5.8vw;
    padding-right: 1vw;
  }
  #opcpa div img {
    width:65px;
    margin-left: -3.8vw;
    padding-right: 1vw;
  }
  #opcpa a,#opcpa a:hover {
    color: #29bf00;
    font-family: "baloo","Noto Sans TC" , sans-serif;
    font-size: 3.8em;
  }


  @media (max-width:55em) {
  #opcpa {font-size:1em;}

  #opcpa>section {
    flex-wrap: wrap;
  }
  
  #opcpa>section div {
    width:100%;
    margin-bottom: 2vh;
  }
  #opcpa h3 {
    font-size: 2em;
  }

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

  #opcpa table span {
      font-size: 165%;
      line-height: 0.8;
  }
  #opcpa table small {
    font-size:68%;
  }
#opcpa table time {
  font-size:80%;
  display: block;
}
  #opcpa a,#opcpa a:hover {
    font-size: 2em;
  }
  .h3img {
    width:65px;
    margin-left: -12vw;
    padding-right: 1vw;
  }
  #opcpa div img {
    width: 35px;
    margin-left: -8vw;
  }
  }

  #student {
    text-align: left;
     padding: 0 2vw; 
  }
  #student .flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;

  }
   #student h3{
      text-align: center;
    }
  #student p img{
    width: 68px;
    border-radius: 50%;
    border: slateblue 1px solid;
    margin: 0 1vw;
  }
  #student p {
    padding:1vh 2vw 3vh;
     border-radius: 1em;
     background-color: #fff;
     border: solid 1px #dc9618;
        margin:1vh 0;
           width: 33%;
  }
  #student p:nth-child(2n){
     background-color: #fffaeb;
  }
  #student p strong {
    font-weight: 600;
    color:#dc9618;
    display: block;
    font-size: 1.2em;
  }
  #student span::before {content: '/';padding:0 1vw; }
  @media screen and (max-width: 55em) {
      #student p {
    padding:2vh 5vw;
     border-radius: 2em;
      width: 100%;
  }
  }


 

  #leam {
    text-align: center;
    font-size: 1em;
    margin-top: 6vh;
  }

  #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 li:first-child {width: 100%;background-color: rgba(255, 247, 240, 0.62);}
  #leam ul li:first-child img { width: 100%;border:solid 1px #ffeddf; }
  #leam ul li:first-child h5 { text-align: center; }
  #leam ul li:first-child h4{
    font-weight: 600;
    text-align: center;
    color:#dc9618;
    font-size: 3em;
    line-height: 1.5;
} 
#leam ul li:first-child h4 small {
    display: block;
}
  #leam ul li:first-child ol  { 
        margin: 0;
        padding: 0;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
  #leam ul li:first-child ol li { 
    background: #dff5ff;
    width: 22%; 
    margin: 1vh 0.1vw;
    padding: 1vh 1vw;
    border: solid 1px  #cacbe2; 
    color:  #4d51d3;
}
#leam ul li:first-child ol li:nth-child(4n){display: block;}
  #leam ul li:first-child ol li h5{ 
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: #4d51d3;
     color: #fff;
     margin: 0 0.5vw;
     font-size: 1em;

}


#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 {
    width: 22%;
    border:solid 1px #dc9618;
    border-radius: 1em ;
    padding:2vh 1vw;
    margin: 1vh ;
    }

#leam ul li:nth-child(2){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam8.png) no-repeat top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(3){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam5.png) no-repeat top 1vh 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 top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(5){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam2.png) no-repeat top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(6){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam1.png) no-repeat top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(7){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam3.png) no-repeat top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(8){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam10.png) no-repeat top 1vh 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 top 1vh right;background-size: 32%;
}
#leam ul li:nth-child(10){
  background: #fff url(https://www.easywin.com.tw/ad/113/1022/img/leam6.png) no-repeat top 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:first-child h4{
    font-size: 1.5em;
    line-height: 1.5;
} 
  #leam ul li:first-child ol li { 
    width: 45%; 
}
    #leam ul li strong {
      font-size: 1.2em;
    }

    #leam ul li {
      width: 48%;
      padding:0vh 2vw 8vh;
      margin: 1vh 0;
    }
  }
  article h3, article .h3 {
    --h3_color: var(--bs-color1);
    color: var(--h3_color) !important;
    text-align: center;
    line-height: 1.8;
  }

article h3:before, article h3:after {
    background-color: none!important;
    content: none ;
    display: none !important;
    height: auto!important;
    position: relative;
    vertical-align: middle;
    width: 0%;
}
article h3:before, article .h3:before {
    right:0;
     margin-left:0;
}
#cer {
        padding: 2vh 0;
        text-align: center;
}
#cer h5{
    color: #1aa696;
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size:1.2em;
    text-align: left;
    line-height: 1.2;
    padding: 0 0 0 2vw;
}
#cer h4 {
    color: #333;
    font-size: 1.3em;
}
#cer h4 i {
    color:  #ffbd8b;
    padding-left: 1vw;
}
#cer h5 span {
    color:  #ffb276;
    font-size:3em;
    line-height: 1.2;
    font-family: "Arial","Noto Sans TC" , sans-serif;
    font-weight: 900;
    text-align: right;
    display: block;
}
#cer .ads {
    border:#ebf5ff solid 1px;
    padding: 2vh 2vw;
      background:#ffe1c091 url(https://www.easywin.com.tw/AD/114/0206/img/talk.png)no-repeat top left 5vw;
    background-size:22%;
     text-align: right;
}
@media screen and (max-width:40em) {
    #cer h5{
    font-size:1.5em;
    padding: 0;
    text-align: left;
}
#cer h4 {
    color: #333;
    font-size: 1.2em;
}

#cer h5 span {
    font-size: 2em;
    font-family: "Arial","Noto Sans TC" , sans-serif;
    display: block;
    text-align: right;
}
#cer .ads {
    border:#b8ddff solid 1px;
    padding:1vh 5vw 8vh 5vw;
      background: #ebf5ff url(https://www.easywin.com.tw/AD/114/0206/img/talk.png)no-repeat bottom -6vh left -1vw;
    background-size:42%;
     text-align: right;
}
}