@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=UoqMunThenKhung&family=Yusei+Magic&family=Zen+Kurenaido&display=swap');  
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
::selection{background: #ffc690;}
body {  
  margin: 0 0; 
  /* background: #ffcece url(img/px2.png);*/
   background:url(img/px.png); 
  background-position: top center;
  font-size: 1.1em;
  line-height: 1.8;
  letter-spacing: 0.5px;
  font-weight: 300;
  overflow-x: hidden;
  font-family: "Arial","Noto Sans TC" , sans-serif;
  --color-text: #111;
  --color-number: #999;
  --color-bg:#70DBDC;
  --color-bg-2: #86ebff;
  --color-bg-3: #eaf8ff;
  --color-link: #ffcccc;
  --color-link-hover: #fff;
  --color-title: #fff5a6 ;
}


table {border-collapse: collapse;border-spacing: 0;}
@media (min-width:55em) {.br_d {display: none !important;}}
a {text-decoration: none;}

#rddown,#lawdown {
    margin: 1vh 0;
    padding: 5vh 5vw;
    text-align: center;
    
}

#rddown h3,#lawdown h3 {
    font-size:5em;
    line-height: 1.2;
    position: relative;
     color: #fff;
    font-weight: 900;
    margin:1vh 0 2vh;
    padding: 0;

    
}

#rddown time,#lawdown time {
    font-size: 1.8em;
    color: chocolate;
    font-weight: 600;
    padding-bottom: 3vh;
}
#rddown .fas ,#lawdown .fas{
    transform: rotate(-25deg);
    font-size: 90%;
    padding: 1vw;
    position: relative;
}
#rddown {
    background: #ffeed1 url(https://www.easywin.com.tw/AD/114/0710/img/opsp.png) bottom center no-repeat;
    background-size:100%;
    border-radius: 3em;
}
#rddown a,#rddown a:hover {
    padding: 2vh 2vw;
    background: #ff903c;
    color: #fff;
    font-size: 2em;
    border-radius: 1em;
    font-weight: 600;


}
#rddown h3 {
    font-size:5em;
    line-height: 1.2;
    position: relative;
     color: #fff;
    font-weight: 900;
    margin:1vh 0 2vh;
    padding: 0;
    /* background-color: #0b7142; */
    filter: drop-shadow(0.08em 0.08em 0px  #ff903c);
    text-shadow:  0.04em 0.04em 0  #ffbe3c,0.02em 0.02em 0  #ff903c,
                  0.03em 0.03em 0 #ff903c,
                  0.04em 0.04em 0 #ff903c,
                  0.05em 0.05em 0 #ff903c,
                  0.06em 0.06em 0 #ff903c,
                  0.02em 0.02em 0 #ff903c,
                  0.01em 0.01em 0 #ff903c,
                 0.08em 0.08em 0 #ff903c,
                 -0.03em -0.03em 0 #ff903c,
                 -0.02em -0.02em 0 #ff903c,
                 -0.01em -0.01em 0 #ff903c; 

    
}
#rddown h3 strong {
    font-size:108%;
    filter: drop-shadow(0.03em 0.03em 0px  #ff903c);
    text-shadow:  0.04em 0.04em 0  #ffbe3c,0.02em 0.02em 0  #ff903c,
                  0.03em 0.03em 0 #ff903c,
                  0.04em 0.04em 0 #ff903c,
                  0.05em 0.05em 0 #ff903c,
                  0.06em 0.06em 0 #ff903c,
                  0.02em 0.02em 0 #ff903c,
                  0.01em 0.01em 0 #ff903c,
                 0.08em 0.08em 0 #ff903c,
                 -0.03em -0.03em 0 #ff903c,
                 -0.02em -0.02em 0 #ff903c,
                 -0.01em -0.01em 0 #ff903c; 
}
@media screen and (max-width:45em){
#rddown {margin: 2vh 0;}
#rddown h3 {
    font-size:4em;
}
#rddown h3 strong {
    font-size:128%;
    display: block;
}
#rddown time {
    display: block;
}

#rddown {
    background: #ffe4b6 url(https://www.easywin.com.tw/AD/114/0710/img/opsp.png) bottom center no-repeat;
    background-size:100%;
}
#rddown a,#rddown a:hover {
    padding: 2vh 5vw;


}
}

#lawdown {
    background: #ffd5d5  url(https://www.easywin.com.tw/AD/114/0710/img/opsp.png) bottom center no-repeat;
    background-size:100%;
    border-radius: 3em;
}
#lawdown a,#lawdown a:hover {
    padding: 2vh 2vw;
    background: #ff903c;
    color: #fff;
    font-size: 2em;
    border-radius: 1em;
    font-weight: 600;


}
#lawdown h3 {
    font-size:5em;
    line-height: 1.2;
    position: relative;
     color: #581f0a;
    font-weight: 400;
    margin:1vh 0 2vh;
    padding: 0;
    
}
#lawdown h3 strong {
    font-size:108%;
    font-weight: 400;
}

@media screen and (max-width:45em){
#lawdown {
    background: #ffd5d5 url(https://www.easywin.com.tw/AD/114/0710/img/opsp.png) bottom center no-repeat;
    background-size:100%;
}
#lawdown a,#lawdown a:hover {
    padding: 2vh 5vw;


}
#lawdown h3 {
    font-size:4em;
}
#lawdown h3 strong {
    font-size:128%;
    display: block;
}
}