#articleInfo2{display: flex;flex-direction: row;flex-wrap: wrap;}
#articleInfo2 .item{width: calc(100% / 3);}
#articleInfo2 .item .bottomBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: none;-ms-flex-align: none;align-items: none;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
#articleInfo2 .item .bottomBox .floorBox {-ms-flex-negative: 0;flex-shrink: 0;border-style: solid;border-color: #e7e7e7;border-width: 0 1px 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin: 0 30px 0 0;padding: 0 30px 0 0;}
#articleInfo2 .item .bottomBox .floorBox .floor {width: 80px;height: 80px;border-style: solid;border-color: rgb(240 102 127 / 36%);border-width: 1px;color: rgb(240 102 127);font-size: 21px;font-weight: 400;line-height: 21px;letter-spacing: 0;font-family: 'Marcellus', serif;font-style: normal;text-align: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
#articleInfo2 .item .bottomBox .rightSide {width: 100%;margin: 0;padding: 50px 0;}
#articleInfo2 .item .bottomBox .rightSide .textEditor .title {color: #000000;font-style: normal;text-align: left;margin: 0;font-size: 21px;letter-spacing: .05em;line-height: 170%;font-weight: 400;}
#articleInfo2 .item .bottomBox .rightSide .textEditor .remind {color: #222222;font-size: 14px;font-weight: 400;line-height: 30px;letter-spacing: 0;font-family: Arial, "Noto Serif TC", "Microsoft JhengHei", sans-serif;font-style: normal;text-align: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin: 40px 0 0;padding: 0;}
#articleInfo2 .item .bottomBox .rightSide .textEditor .remind em {display: block;width: 14px;height: 14px;background: #9f0c0c;-webkit-transform: rotate(45deg);transform: rotate(45deg);-ms-flex-negative: 0;flex-shrink: 0;position: relative;top: unset;right: unset;bottom: unset;left: unset;z-index: 1;margin: 0 10px 0 0;padding: 0;}
#articleInfo2 .item .bottomBox .rightSide .textEditor .remind em::before {content: "";position: absolute;width: 2px;height: 100%;background: #ffffff;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
#articleInfo2 .item .bottomBox .rightSide .textEditor .remind em::after {content: "";position: absolute;width: 100%;height: 2px;background: #ffffff;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;}

@media (max-width: 1340px) {
	#articleInfo2 .item .bottomBox {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	#articleInfo2 .item .bottomBox .floorBox {border-width: 0 0 1px 0;margin: 0 0 30px 0;padding: 0 0 30px 0;}
	#articleInfo2 .item .bottomBox .rightSide .textEditor .title{text-align: center;}
	#articleInfo2 .item .bottomBox .rightSide{padding: 0 0 50px 0;}
}

@media (max-width: 960px) {
	#articleInfo2 .item{width: calc(100% / 2);}
}
@media (max-width: 560px) {
	#articleInfo2 .item{width: calc(100% / 1);}
}