.content-row{
	font-family: "Noto Sans TC", sans-serif;
}
.text-color-1{
	color: #9967a0;
}
.text-color-2{
	color: #293577;
}
.text-color-3{
	color: #847587;
}
.text-color-4{
	color: #ce7a64;
}
.text-color-5{
	color: #909190;
}
.text-color-6{
	color: #5d81b7;
}
.text-color-7{
	color: #d3a50d;
}
.text-color-8{
	color: #58425b;
}
.text-color-9{
	color: #544887;
}
.text-color-10{
	color: #7f8edc;
}
.text-color-11{
	color: #ff8b52;
}
.text-color-12{
	color: #f98519;
}

.text-color-13{
	color: #f9de08;
}
.text-color-14{
	color: #4f4a4b;
}
.text-color-15{
	color: #10b4b3;
}
.text-shadow-1{
	text-shadow: 0px 0px 10px #fff, 
	0px 0px 10px #fff, 
	0px 0px 10px #fff, 
	0px 0px 10px #fff,
	0px 0px 10px #fff, 
	0px 0px 10px #fff, 
	0px 0px 10px #fff;
}
.text-shadow-2{
	text-shadow: 0 0 10px rgb(177 73 0);
}
.text-shadow-3{
	text-shadow: 0 0 10px rgb(70 23 0);
}
.bg-color-1{
	background: #00abeb;
}
.bg-color-2{
	background: #f5edfa;
}
.bg-color-3{
	background: #594d8b;
}
.bg-color-4{
	background: #1ca033;
}
.bg-color-5{
	background: #5e924a;
}
.bg-color-6{
	background: #e8ad2e;
}
.bg-color-7{
	background: #eae6ec;
}
.bg-color-8{
	background: #f2f2f2;
}
.bg-color-9{
	background: #e8e2e2;
}
.bg-color-10{
	background: #5a4e8c;
}
.bg-color-11{
	background: #aa2a75;
}
.bg-color-12{
	background: #fea202;
}
.bg-color-13{
	background: #f8f0e1;
}
.border-style-1{
	position: relative;
	z-index: 10;
}
.border-style-1::after{
	background: #fff080;
	content: '';
	margin: auto;
	bottom: 0;
	position: absolute;
	width: 110%;
	height: 20px;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
}
.border-style-2{
	border-bottom: 5px solid #9967a0;
}
.border-style-3{
	border-bottom: 5px solid #5a4e8c;
}
.storke-1::before{
	position: absolute;
	content: attr(data-storke);
	z-index: -1;
	-webkit-text-stroke: 10px #16A7E6;
	white-space:nowrap;
}
.sec_1,.sec_2{font-family: "Noto Serif TC", serif;}
.sec_1 .div-1{
	top: 7%;
	position: absolute;
	left: 5%;
}
.sec_1 .div-2{
	width: 27%;
    position: absolute;
    top: 39%;
    left: 6%;
    z-index: 10;
    line-height: 34px;
}
.sec_1 .div-3{
	position: absolute;
	top: 35%;
	right: 15%;
	width: 28%;
	line-height: 34px;
}
.sec_1 .div-4{
	position: absolute;
    top: 59%;
    right: 17%;
    width: 20%;
    z-index: 10;
    line-height: 34px;
}
.sec_1 .div-5{
	position: absolute;
	top: 63%;
	left: 10%;
	width: 21%;
	z-index: 10;
    line-height: 34px;
}
.sec_1 .div-6{
	position: absolute;
	bottom: -10%;
	width: 73%;
	left: 0%;
	right: 0%;
	margin: auto;
}
.sec_1 .div-7{
	width: 13%;
	position: absolute;
	left: 4%;
	top: 5%;
}
.sec_1 .div-8{
	width: 6%;
	position: absolute;
	right: 33%;
	top: 24%;
}
.sec_1 .plus_icon{
	width: 15%;
}
.sec_2 .div-1{
	width: 55%;
	font-size: 40px;
	line-height: 45px;

}
.sec_2 .div-2{
	width: 55%;
	font-size: 40px;
	margin-left: auto;
	margin-top: -70px;
	line-height: 45px;
}
.sec_2 .div-3{
	width: 93%;
	margin: auto;
}
.sec_2 .div-4{
	position: absolute;
	bottom: 8%;
	left: 0;
}
.sec_3 .div-2{
	margin-top: -110px;
}
.sec_3 .div-4{
	margin: auto;
}
.sec_3 .div-5{
	width: 5%;
}
.sec_3 .text-1{
	font-size: 26px;
	letter-spacing: 2px;
	top: 12%;
}
.sec_3 .text-2{
	top: 68%;
}
.sec_3 .nd-1{
	top: 5%;
}
.sec_3{
	height: 1080px;
}
.sec_4 .div-1{
	width: 20%;
	margin: auto;
	margin-bottom: -90px;
}
.sec_4 .div-2{
	padding-top: 125px;
}
.sec_4 .div-3{
	bottom: -10%;
	left: 0;
	right: 0;
	margin: auto;
	width: 46%;
	border-radius: 50%;
}
.sec_4 .text-1{
	font-size: 36px;
	line-height: 40px;
	color: #fff;
}
.sec_4 .text-2{
	vertical-align: super;
}
.sec_4 .img-1{
	position: absolute;
    right: 0;
    top: 1%;
    z-index: 10;
    width: 27%;
}
.sec_4 .img-2{
	position: absolute;
    z-index: 10;
    width: 13%;
    left: 0;
    top: 7%;
}
.sec_4 .img-3{
	position: absolute;
	right: 0;
	width: 17%;
	top: 34%;
	z-index: 10;
}
.sec_4 .img-4{
	position: absolute;
	z-index: 10;
	width: 25%;
	right: 0;
	top: 43%;
}
.sec_4 .img-5{
	position: absolute;
    left: -48px;
    top: 49%;
    z-index: 10;
    width: 17%;
}
.sec_5{
	height: 1600px;
}
.sec_5 .div-1{
	width: 68%;
	margin: auto;
	margin-top: 25px;
}
.sec_5 .div-2{
	position: relative;
	z-index: 10;
	margin-top: 50px;
	height: 118px;
}
.sec_5 .div-3{
	width: 16%;
}
.sec_5 .nd-1{
	padding-left: 15%;
}
.sec_6 .div-1{
	margin-top: -253px;
}
.sec_6 .div-2{
	height: 600px;
	overflow: hidden;
}
.sec_6 .div-5{
	width: 5%;
}
.sec_6 .div-6{
	margin-top: -52px;
	position: relative;
	z-index: 10;
}
.sec_6 .text-1{
	top: 44%;
}
.sec_6 .text-2{
	top: 10%;
}
.sec_6 .text-3{
	top: 33%;
}
.sec_6 .text-4 {
    top: 43%;
}
.sec_6 .nd-1{
	left: 30%;
}
.sec_6 .nd-2 p{
	top: 13%;
}
.sec_7 .div-1 table svg{
    width: 32%;
}
.sec_7 .div-1 table{
	text-align: center;
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	margin: auto;
	font-size: 22px;
	line-height: 30px;
}
.sec_7 .div-1 table td,.sec_7 .div-1 table th{
	border: 0;
	vertical-align: middle;
}
.sec_7 .div-1 table td:nth-of-type(1) {
	width: 28%;
}
.sec_7 .div-1 table td:nth-of-type(2) {
	width: 21%;
}
.sec_7 .div-1 table .td-1 {
	width: 29.5%;
    height: 85px;
}
.sec_7 .div-1 table .td-2 {
    height: 86px;
}
.sec_7 .div-1 table .td-3 {
    height: 132px;
}
.sec_7 .div-1 table .td-4 {
    height: 141px;
}
.sec_7 .div-1 table .td-5 {
    height: 66px;
}
.sec_7 .div-1 table .td-6 {
    height: 85px;
}
.sec_7 .div-1 table .td-7 {
    height: 87px;
}
.sec_7 .div-1{
	position: absolute;
	width: 100%;
	left: 0;
	top: 48px;
}
.sec_7 .text-1{
	color: #fff;
	font-size: 28px;
	position: absolute;
	left: 59%;
	top: 8%;
}
.sec_7 .text-2{
	color: #fff;
	font-size: 28px;
	position: absolute;
	left: 80%;
	top: 8%;
}
.sec_7 .text-3{
	font-size: 34px;
    text-align: center;
    text-wrap: nowrap;
    top: 3px;
}
.sec_7 .div-2{
	position: absolute;
	width: 28%;
	left: 31%;
	top: 27%;
}
.sec_7 .div-3{
	margin-top: 238px;
}
.sec_7 .div-4{
	position: absolute;
	left: -2%;
	top: 23%;
	width: 35%;
}
.sec_7 .div-5{
	position: absolute;
	width: 23%;
	left: 68%;
	top: 12%;
}
.sec_7{
	height: 1350px;
}
.sec_7 .div-6{
	top: -23%;
	left: 20%;
}
.sec_8 .div-1{
	right: 3%;
}
.sec_8 .div-2{
	width: 30%;
}
.sec_8 .div-3{
	background-color: rgb(255 255 255 / 52%);
	width: 90%;
}
.sec_8 .slanted-div {
	width: 200px;
	height: 50px;
	background-color: #5a4e8c;
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%, 0% 100%);
	position: absolute;
	bottom: 0;
}
.sec_10{
	height: 1500px;
}
/*jp and tw compare*/
:root {--font-size-bacteria: 16px;}

.sec_table{
	font-family:"Noto Sans TC", sans-serif;
	position: relative;
	height: 1660px;
	z-index: 10;
}
#table_compare_jptw { background-color: #03224d;padding-bottom:4rem}
#table_compare_jptw table {
  width: 94%;
  text-align: center;
  border: 2px solid #01092e;
  margin: auto;
}
#table_compare_jptw table td.text-left {text-align: left;}

#table_compare_jptw td,#table_compare_jptw th {
  border-bottom: 1px solid #b2b2b2;
  background-color: #ffffff;
  padding: calc(0.5 * var(--font-size-bacteria));
  font-size: calc(1.3 * var(--font-size-bacteria));
}
#table_compare_jptw td:nth-of-type(1){background-color: #f7f7f9;}
#table_compare_jptw th:nth-of-type(1),#table_compare_jptw td:nth-of-type(2){width: 44%;background-color: #fff0f0;}
#table_compare_jptw td.tcjw_w{background-color: #ffffff;text-align: left}
#table_compare_jptw th:nth-of-type(2),#table_compare_jptw td:nth-of-type(3) {width: 44%;background: #dbf9fd;}
#table_compare td:nth-of-type(1) {font-weight: 700;color: #0e6bb6;}
#table_compare_jptw .component~tr>td:nth-of-type(2) {
  font-size: calc(1.3 * var(--font-size-bacteria));
}
#table_compare_jptw .PD_01 img, 
#table_compare_jptw .PD_02 img {
  margin: auto;
}
#table_compare_jptw .PD_01_tit>span,#table_compare_jptw .PD_02_tit>span {
  color: #333333;
  font-size: calc(2 * var(--font-size-bacteria));font-weight: 400;padding-top:1rem;padding-bottom:1rem;display: block
}
#table_compare_jptw .PD_01>span,#table_compare_jptw .PD_02>span {
  color: #0e6bb6;
  font-size: calc(1.3 * var(--font-size-bacteria));font-weight: 700;
  text-shadow: -3px -3px 3px #fff,
              3px -3px 3px #fff,
              -3px 3px 3px #fff,
              3px 3px 3px #fff;
padding-top:1rem;padding-bottom:1rem;display: block
}


#table_compare_jptw .component td {
  color: #0e6bb6;
}
#table_compare_jptw td{padding:1rem;padding-top:2rem;padding-bottom:2rem;}
#table_compare_jptw .component td>span {
  font-size: calc(1.5 * var(--font-size-bacteria));
  font-weight: 700;
}

#table_compare_jptw .highlight {
  color: #E43D48;
  font-weight: 700;
  font-size: calc(1.9* var(--font-size-bacteria)) !important;
}
.compareTag{background-color:#fffa69;color:#000000;border-radius: 10rem;
	font-size: calc(1.6* var(--font-size-bacteria));
    width: calc(10 * var(--font-size-bacteria));
	height: calc(10 * var(--font-size-bacteria));
    left: 60%;
	top:-40%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
  position: absolute;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
#table_compare_jptw .highlight {font-size: calc(2* var(--font-size-bacteria)) !important;}
	}

@media (max-width: 450px) {
.sec_table{height: 1860px;}
 #table_compare_jptw td {
    font-size: calc(1.8 * var(--font-size-bacteria));
  }
#table_compare_jptw .PD_01>span,#table_compare_jptw .PD_02>span {font-size: calc(1.8 * var(--font-size-bacteria));}
#table_compare_jptw th:nth-of-type(1),#table_compare_jptw td:nth-of-type(2),
#table_compare_jptw th:nth-of-type(2),#table_compare_jptw td:nth-of-type(3){font-size: calc(1.8 * var(--font-size-bacteria));}
#table_compare_jptw .component td>span {
  font-size: calc(1.8 * var(--font-size-bacteria));
  font-weight: 700;
}
#table_compare_jptw .component~tr>td:nth-of-type(2) {
  font-size: calc(1.8 * var(--font-size-bacteria));
}
}

@media (max-width: 375px) {
#table_compare_jptw td {font-size: calc(1.3* var(--font-size-bacteria));}
	.LP04_03{top:3%;letter-spacing: -0.2px}
}
@media (max-width: 320px) {
 #table_compare_jptw td {
    font-size: calc(1.35* var(--font-size-bacteria));
  }
	}