/*網友熱推！批流年第一首選*/

/*網友熱推！批流年第一首選end*/
/*網友熱推！批流年第一首選*/
.MOBILE .BOXC {
  width: 100%;
  height: auto;
  margin: 30px auto 20px auto;
  clear: both;
  text-align: center;
}
.MOBILE .BOXC .LINE{
  width: 94%;
  margin: 0 auto;
  margin-bottom: 30px;
  border-top: 1px solid #ccc;
}
.MOBILE .BOXC .SP_TXT{
  display: block;
  width: 230px;
  height: 32px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 35px;
  color: #fff;
  background-color: #1f8b94;
  border-radius: 8px;
  margin-bottom: 10px;
}
.MOBILE .BOXC b{
  text-align: center;
  font-size: 1.5rem;
  line-height: 30px;
}
.MOBILE .BOXC p{
  font-size: 1.3rem;
}
.MOBILE .BOXR.XS > p{
  font-size: 1.1rem;
  font-weight:normal;
  text-align: left;
  padding-bottom: 10px;
}

.MOBILE .BOXR.XS > p:first-child{font-size: 1.3rem;font-weight:bold;padding-top: 20px;}

.MOBILE .BOXR p:nth-of-type(2) > span{
  background-color: #ffd0d0;
}
.MOBILE .BOXR p:nth-of-type(3) > span{
  background-color: #c1f1ff;
}
.MOBILE .BOXR p:nth-of-type(4) > span{
  background-color: #fffed3;
}
.MOBILE .BOXR p:nth-of-type(5) > span{
  background-color: #ffd2e9;
}
.MOBILE .BOXR p:nth-of-type(6) > span{
  background-color: #c8c7ff;
}
.MOBILE .BOXR p:nth-of-type(7) > span{
  background-color: #f7d3ff;
}
.MOBILE .BOXR p:nth-of-type(8) > span{
  background-color: #d7ffc7;
}
.MOBILE .BOXR p:nth-of-type(9) > span{
  background-color: #ffdcb3;
}

.MOBILE .BOXL > img{
  display: inline-block;
  width: 100%;
  height: auto;
}
.MOBILE .BOXL{
  display: block;
  margin: 0 auto;
  position: relative;
  width: 50%;
  max-width: 330px;  
}

.MOBILE .BOXR{
  display: inline-block;
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 77%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.MOBILE  .BOX_RL_WRAPPER{flex-flow: column;}


.PC .BOXC {
  width: 100%;
  height: auto;
  margin: 30px auto 20px auto;
  clear: both;
  text-align: center;
}
.PC .BOXC .LINE{
  width: 94%;
  margin: 0 auto;
  margin-bottom: 30px;
  border-top: 1px solid #ccc;
}
.PC .BOXC .SP_TXT{
  display: block;
  width: 230px;
  height: 32px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 35px;
  color: #fff;
  background-color: #1f8b94;
  border-radius: 8px;
  margin-bottom: 10px;
}
.PC .BOXC b{
  text-align: center;
  font-size: 1.5rem;
  line-height: 30px;
}
.PC .BOXC p{
  font-size: 1.3rem;
}
.PC .BOXR.XS > p{
  font-size: 1.1rem;
  font-weight:normal;
  text-align: left;
  padding-bottom: 10px;
}

.PC .BOXR.XS > p:first-child{font-size: 1.3rem;font-weight:bold;padding-top: 20px;}

.PC .BOXR p:nth-of-type(2) > span{
  background-color: #ffd0d0;
}
.PC .BOXR p:nth-of-type(3) > span{
  background-color: #c1f1ff;
}
.PC .BOXR p:nth-of-type(4) > span{
  background-color: #fffed3;
}
.PC .BOXR p:nth-of-type(5) > span{
  background-color: #ffd2e9;
}
.PC .BOXR p:nth-of-type(6) > span{
  background-color: #c8c7ff;
}
.PC .BOXR p:nth-of-type(7) > span{
  background-color: #f7d3ff;
}
.PC .BOXR p:nth-of-type(8) > span{
  background-color: #d7ffc7;
}
.PC .BOXR p:nth-of-type(9) > span{
  background-color: #ffdcb3;
}

.PC .BOXL > img{
  display: inline-block;
  width: 100%;
  height: auto;
}
.PC .BOXL{
  display: block;
  margin: 0 auto;
  position: relative;
  width: 50%;
  max-width: 330px;  
}

.PC .BOXR{
  display: inline-block;
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 77%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.PC  .BOX_RL_WRAPPER{flex-flow: column;}


.BOX_RL_WRAPPER {
    display: inline-flex;
    flex-flow: row;
    width: 100%;
    margin: 0 auto;
    align-items: center;
}
#M204 .TWO_BOX .T_TWO1 li.Red{
  color: red;
}

/*網友熱推！批流年第一首選end*/