﻿/*各區塊設定*/

body {
  overflow-x: hidden;
}

blockquote .subtitle {
  text-align: center;
  color:#333;
}

hr {
  margin:2rem auto;
  border-width: 1px 0 0 0;
}

.group-box h3.news-title:after{
  background: rgb(221, 82, 1);
}

.littleblock{
  margin:50px 0;
}

.timebox {
  height:400px;
  overflow: auto;
  display:block;
  background-color:#fff;
  padding:20px 30px;
}

.timeline__list {
  position:relative;
}

.timeline__list:before {
   background: #d63f09;
  /*border: 2px solid transparent;*/
   border-radius: 100%;
   content: "";
   display: block;
   height: 14px;
   position: absolute;
   top: 4px;
   left: 3px;
   width: 14px;
}

.timeline__list:after {
   content: "";
   width: 2px;
   background: #d63f09;
   display: block;
   position: absolute;
   top: 15px;
   bottom: 0;
   left: 9px;
}

.timeline__list .date {
  color: #d63f09;
  font-weight:bold;
  margin-left:30px;
  line-height: 1.2rem;
}

.timeline__list p {
  font-weight: 400;
  color: #404040;
  margin-left:30px;
  line-height: 1.8rem;
}

figure img {
  margin-inline: auto;
  width: 100%;
  height: auto;
}

#T4 .news-block {
  margin-top: 1.5rem;
}

#T4 .news-category {
  margin-bottom: 0;
}

#T4 .group-box {
  padding-block: 2rem 0;
}

#T0:before {
  background: #f2f0ea;
}

#T1:before {
  background: #fff;
}

#T2:before {
  background: #f2f0ea;
}

#T3:before {
  background: #fff;
}

#T4:before {
  background: fixed no-repeat 50% 50% / cover url("https://images.ctee.com.tw/topic/hongkong25/06.jpg");
}

/*配色*/

html {
  /*選單色*/
  --navTopicHeight: 50px;
  --navBgColor: #0009;
  --navBtnColor: #fff;
  --navTxtColor: var(--secondaryColor);
  --navBtnHover: var(--secondaryColor);
  --navTxtHover: #fff;

  /*大banner背景色*/
  --bnrBgColor: #b1e8ff;
  --bnrH1Color: #333;
  --bnrPColor: #666;

  /*大banner引言區*/
  --blockquoteBgColor: #fff3;
  --blockquoteMarginLG: 30cqmin 0cqw;
  --blockquoteMarginMD: 4cqmin 4cqw;
  --blockquoteMarginSM: 4cqmin 4cqw;

  /* iOsHacks iOS加油好嗎? */
  --blockquoteMarginLGiOsisNewIE: 2rem 12rem;
  --blockquoteMarginSMiOsisNewIE: 1rem 12rem;
}

/*其他*/

.twitter-tweet {
  margin-inline: auto;
}
