/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.text-shadow {color: white; text-shadow: #2A2829 0.1em 0.1em 0.2em}

.text-gray { color:#222;}

.red-bg
{
  background-image:
  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), /* 遮罩層 */
  linear-gradient(to bottom, #D51B28, #AE1B1F);             /* 原本漸層 */
}

.p_title {
	font-family: 'Anton', sans-serif;
	font-size:70px;
	font-weight: 900;
	line-height: 1.2;
	color:#222;
}

.text-red2 {
	color:#AE1B1F;
	font-family: 'Anton', sans-serif;
	font-weight: 900;
}

.text-red3 {
	color:#AE1B1F;
}

.footer-text {
	font-size:12px;
	font-weight: 300;
}

.color-red {
	background-color:#AE1B1F;
}

.uil-weibo {
  display: inline-block;
  width: 24px;       /* 可依實際 icon 大小調整 */
  height: 24px;
  background-image: url('image/weibo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: ""; /* 清除原本的字元 */
}