html, body{
  margin: 0;
  padding: 0;
  font-family: Microsoft JhengHei;
  font-size: 95%;
  background: #000;
}

/*整體結構*/
.page_width {
  width: 100%;
  margin: 0 auto;
  max-width: 45rem;
}

.page_title img {
  width: 100%;
}

.page_main {
  margin: 0 0.9rem 1rem;
}

.page_footer {
  padding: 0 0 1rem;
  text-align: center;
}

.page_footer span {
  font-weight: bolder !important;
  color: #FFF;
}

.type_ndentation{
  text-indent: 1rem;
}


/*導航列*/
.list_bar {
  text-align: center;
  background-color: #c18742;
  border: none;
	
  /*row*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list_bar .bar-link {
  padding: .5rem 0;
  margin: .3rem 0 0;
  font-weight: 700 !important;
  color: #FFF;
	
  /*col-6*/
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
	
  /*text-decoration-none*/
  text-decoration: none !important;
}

.list_bar .bar-link.active,
.list_bar .show > .bar-link {
  color: #FFF;
  background-color: #000000;
}

.btn_bar {

  /*justify-content-center*/
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.btn_bar .btn_barlink {
  border-radius: 0.25rem;
  padding: .3rem 1rem;
}

.btn_bar .btn_barlink.active,
.btn_bar .show > .btn_barlink {
  color: #fff;
  background-color: #007bff;
}


/*框架*/ 
.frame{
  position: relative;
  margin: 2rem 0 0;

}
.frame_title{
  position: absolute;
  top: -0.7rem;
  left: 0.7rem;
}

.frame_title span{
  background: #64809c;
  color: #FFF;
  font-weight: 500 !important;
  padding: 0.2rem 0.5rem;
  border-radius: .3rem;
}

.frame_main{
  padding: 1.2rem 0.7rem;
  border-radius: .3rem;
}

.frame_main ul{
  list-style-type: decimal;
  text-indent: 0;
  font-size: 0.9rem;
  padding: 0 0 0 1.5rem;
  margin-bottom: 0;
}

.frame_main p{
  margin: 0;
  padding: 0 0 .8rem;
  font-size: 1rem;
  text-align: center;
  font-weight: bolder !important;
}


/*本日&上期框架*/
.last_list{
  font-size: .9rem;


  /*row*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  /*justify-content-center*/
  -ms-flex-pack: center !important;
  justify-content: center !important;

  /*align-items-center*/
  -ms-flex-align: center !important;
  align-items: center !important;
 
  /*text-decoration-none*/
  text-decoration: none !important; 
}


.last_list img{
  width: 3rem;
  height: 3rem;
}

.last_list .champion{
  position: relative;
}


.last_list .champion_logo{
  position: absolute;
  right: -7px;
  bottom: -10px;
}

.last_list .champion_logo img{
  width: 1.6rem;
  max-width: 100%;
  height: auto;
}

.last_list div{
  text-align: center;

}

.last_list div p{
  font-size: .9rem;
  padding: .5rem 0;
  font-weight: bolder !important; 

}

.today_list ul {
  padding: 0;
  width: 100% !important;

}

.today_list ul li{
  color: #FFF;
  padding: .7rem 0;
  border-bottom: 1px dashed #FFB319;

}

.today_list ul li a{
  color: #FFF;

}

.today_list ul li a num{
  display: inline-block;
  width: 2rem;
  margin-right: .5rem;
  text-align: center;
  font-weight: bolder !important; 
  color: #FFF;
  background: #5D6A73;

}

.today_list ul li a num.no1{
  color: #FFF;
  background: #ED373A;

}

.today_list ul li a img{
  width: 3rem;
  height: 3rem;
  margin-right: .5rem;

}

.today_list ul li a span{
  display: inline-block;
  vertical-align: middle;

}


.today_list ul li a span type{
  color: #FFEB3B;
}

.today_list ul li a span b{
  color: #FFF;
}



.table td, .table th {
    border-top: 1px solid #a9784d;
    vertical-align: middle;
}