@import "index.css";
main{ 
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center ;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 120px; 
}
#nowDate{
  margin-top: 0px;
  padding-top: 0px;

}
.stockUl
{
	display: flex;
  align-items:center;
  justify-content: space-around;
  margin-top: 10px;
}

.stockUl li{
  display: flex;
  margin: 10px 10px;
}
.stockUl a
{
	font-size: 1.2em;
	
	padding: 7px 14px;
  cursor: pointer;
  border: 1px solid #eaeaef;
  background: #e33e33;
  color: #fff;

}	

.stockUl a:hover
{
	color: #ffe600;
}
/* news */
.newsli {

  margin: 10px 0px 5px 0;
  padding: 15px;
  border: 1px solid #232323;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(35,35,35, 0.7);
  cursor: pointer;
}

.title{
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
   */
  font-size: 1.3rem;
  font-weight:bold;


  /* margin-bottom: 5px; */
}
.date{
  font-size: .9rem;
  display: inline-block;
  /* margin-bottom: 5px; */
  color: #816a3e;

}
/* .brief{} */




.interval{
  width: 100%;
  padding: 20px 50px;
  background-color: #dbe0e2;
 
  color: #444;

  vertical-align: middle;
  line-height: 20px;
  text-align: center;
}
.interval input[type="button"] 
{
  font-size: 18px;
  font-family: "微軟正黑體";
  color: #fff;
  letter-spacing: 5px;
  background-color: #e8ae2b;
  padding: 6px 25px 6px 30px;
  margin: 10px 0;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #e8ae2b;
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
}


