.text-shadow-1 {
    text-shadow: 0 0 3px #4b4e70, 
    0 0 20px #4b4e70, 
    0 0 30px #4b4e70, 
    0 0 25px #4b4e70, 0 0 25px #4b4e70;
}
.text-shadow-2 {
    text-shadow: 0 0 3px #42474e, 0 0 20px #42474e, 0 0 30px #42474e, 0 0 25px #42474e, 0 0 25px #42474e;
}
.text-shadow-3 {
    text-shadow: 0 0 3px #b58c1b, 0 0 20px #b58c1b, 0 0 30px #b58c1b, 0 0 25px #b58c1b, 0 0 25px #b58c1b;
}
.text-shadow-4 {
    text-shadow: 0 0 3px #9f8865, 0 0 20px #9f8865, 0 0 30px #9f8865, 0 0 25px #9f8865, 0 0 25px #9f8865;
}
.text-shadow-5{
	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-color-1{
	color: #fddd04;
}
.text-color-2{
	color: #20225b;
}
.text-color-3{
	color: #018de5;
}
.text-color-4{
	color: #7dbe5d;
}
.text-color-5{
	color: #e0b227;
}
.text-color-6{
	color: #8a8c8d;
}
.text-color-7{
	color: #c0a45a;
}
.text-color-8{
	color: #493b1a;
}
.text-color-9{
	color: #c58b35;
}
.bg-color-1{
	background: #21225a;
}
.bg-color-2{
	background: #cfa433;
}
.bg-color-3{
	background: #ffc018;
}
.bg-color-4{
	background: #ffc019;
}
.storke-1::before{
	position: absolute;
	content: attr(data-storke);
	z-index: -1;
	-webkit-text-stroke: 10px #16A7E6;
	white-space:nowrap;
}


/*jp and tw compare*/
:root {--font-size-compare: 16px;}

.sec_table{
	font-family:"Noto Sans TC", sans-serif;
	position: relative;
	height: 1815px;
	z-index: 10;
}
.sec_table .text-shadow-2{text-shadow: 0 0 10px rgb(177 73 0);}
#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-compare));
  font-size: calc(1.3 * var(--font-size-compare));
}
#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-compare));
}
#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-compare));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-compare));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-compare));
  font-weight: 700;
}

#table_compare_jptw .highlight {
  color: #E43D48;
  font-weight: 700;
  font-size: calc(1.9* var(--font-size-compare)) !important;
}
.compareTag{background-color:#fffa69;color:#000000;border-radius: 10rem;
	font-size: calc(1.6* var(--font-size-compare));
    width: calc(10 * var(--font-size-compare));
	height: calc(10 * var(--font-size-compare));
    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-compare)) !important;}
	}

@media (max-width: 450px) {
.sec_table{height: 2200px;}
 #table_compare_jptw td {
    font-size: calc(1.8 * var(--font-size-compare));
  }
#table_compare_jptw .PD_01>span,#table_compare_jptw .PD_02>span {font-size: calc(1.8 * var(--font-size-compare));}
#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-compare));}
#table_compare_jptw .component td>span {
  font-size: calc(1.8 * var(--font-size-compare));
  font-weight: 700;
}
#table_compare_jptw .component~tr>td:nth-of-type(2) {
  font-size: calc(1.8 * var(--font-size-compare));
}
}

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

.sec_1 .div-1{
	position: absolute;
	bottom: 7%;
	left: 3%;
	width: 42%;
}
.sec_1 .div-2-1{
	position: relative;
	margin-bottom: -20px;
}
.sec_1 .div-2-1 p{
	font-size: 40px;
	position: absolute;
}
.sec_1 .div-2-2{
	position: relative;
	margin-top: -20px;
}
.sec_1 .div-2-2 p{
	font-size: 40px;
	position: absolute;
}
.sec_1 .div-3 {
    width: 36%;
    position: absolute;
    top: 5%;
    right: 4%;
}
.sec_1 .div-4{
	width: 51%;
	position: absolute;
	bottom: 0;
	right: 5%;
	z-index: 10;
}
.sec_1 .div-5{
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0%;
}
.sec_1 .div-6{
	width: 56%;
    position: absolute;
    top: 23%;
    right: 2%;
}
 
.sec_1 .div-6 img {
    margin-top: -14%;
}
.sec_2 .div-1{
	top: 12%;
	left: 8%;
}
.sec_2 .div-1 p{
	text-wrap: nowrap;
	font-size: 36px;
}
.sec_2 .div-1 div {
    margin: 40px 0;
}
.sec_2 .div-1 img{
	width: 8%;
}
.sec_2 .div-2{
	position: absolute;
	top: 54%;
	width: 92%;
}
.sec_3 .div-1{
	margin-top: 9%;
	margin-left: 3%;
	width: 54%;
}
.sec_3 .div-1 > div{
	margin-bottom: 10px;
}
.sec_3 .div-2{
	position: relative;
	margin: auto;
	width: 92%;
	margin-top: 9%;
}
.sec_3 .div-2 img:nth-of-type(1) {
	width: 6%;
}
.sec_3 .div-2 img:nth-of-type(2) {
	width: 85%;
	margin-bottom: -7%;
}
.sec_3 .div-2 img:nth-of-type(3) {
	width: 6%;
}
.sec_3 .div-3{
	position: absolute;
    transform: translateX(-50%) !important;
    width: auto;
    bottom: -72%;
    z-index: 10;
    left: 50%;
    text-wrap: nowrap;
    text-align: center;
}
.sec_3 .div-3 .text-1{
	font-size: 50px;
	line-height: 100px;
}
.sec_3 .div-3 .text-2{
	font-size: 86px;
	line-height: 86px;
}
.sec_3 .div-4{
	top: 50%;
	transform: translateY(-50%) !important;
	left: 3%;
}
.sec_3 .div-4 img{
	width: 13%;
	margin-bottom: 10px;
}
.sec_4 .div-1{
	width: 48%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) !important;
	left: 4%;
}
.sec_4 .div-2{
	width: 48%;
	position: absolute;
	right: 3%;
	top: 10%;
}
.sec_6 .div-1{
	width: 95%;
	margin: auto;
}
.sec_6 .text-1{
	padding-top: 55px;
}
.sec_6 .col-4 > span{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: -7%;
	font-size: 60px;
}
.sec_6 .col-4 p{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.sec_7 .div-1{
	position: absolute;
    bottom: 19%;
    right: 3%;
    width: 62%;
}
.sec_7 .div-2{
	position: absolute;
    right: 6%;
    bottom: 7%;
    font-size: 38px;
}
.sec_8 .div-2{
	position: absolute;
	bottom: -9%;
}
.sec_8 .div-3{
	padding-bottom: 230px;
}
.sec_8 .div-1{
	position: absolute;
	width: 100%;
	top: 18%;
	margin: auto;
	left: 50%;
	transform: translateX(-50%) !important;
}
.sec_8 .div-1 img:nth-of-type(1) {
	width: 9%;
}
.sec_8 .div-1 img:nth-of-type(2) {
	width: 9%;
}
.sec_8 .div-4{
	width: 54%;
}
.sec_8 .div-5{
	text-align: center;
	width: 95%;
	margin: auto;
	margin-top: 3%;
}
.sec_8 .div-5 .col-3{
	position: relative;
}
.sec_8 .div-5 .col-3 p{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    font-size: 36px;
    text-wrap: nowrap;
}
.sec_8 .div-5 img{
	width: 93% !important;
}
.sec_8 .div-6 {
	left: 8%;
	top: 4%;
	position: absolute;
}
.sec_8 .div-6 img:nth-of-type(1) {
	position: absolute;
	left: 0;
	top: 0;
	width: 23%;
}
.sec_8 .div-6 img:nth-of-type(2) {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 23%;
}
.sec_8 .div-7 {
	position: relative;
	margin-top: 78px;
}
.sec_8 .div-7 p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	text-wrap: nowrap;
}
.sec_9 .div-1 {
	width: 90%;
}
.sec_9 .div-3 > div:nth-of-type(1) {
	margin-right: -35px;
}
.sec_9 .div-3 > div:nth-of-type(2) {
	margin-left: -35px;
}
.sec_11 .div-1 img{
	width: 60%;
}
.sec_11 .div-3 {
	position: absolute;
	left: 42%;
	top: 4%;
	background: #fe0000;
	padding: 10px 20px;
	color: #fff;
	font-size: 30px;
}
.sec_11 .div-3 img{
	width: 60%;
}
.sec_11 .div-4{
	position: absolute;
	left: 41.9%;
	top: 19%;
	background: #fff;
}
.sec_11 .div-4 p{
	font-size: 30px;
	padding: 10px 56px;
}
.sec_12 .img-1 {
    height: 425PX;
}
.sec_12 .div-1 h2{
	position: absolute;
    font-size: 56px;
    right: 4%;
    top: 18%;
}
.sec_12 .div-2{
	position: absolute;
	top: -27px;
	width: 40%;
}
.sec_12 .div-2 > div{
	min-height: 1px;
}
.sec_12 .div-3 {
    text-align: center;
    position: absolute;
    top: 16%;
    left: 16%;
    text-wrap: nowrap;
}
.sec_12 .div-4 {
	position: absolute;
	top: 38%;
}
.sec_12 .div-5 {
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	position: absolute;
	bottom: 0;
}
.sec_13 .div-1{
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 2%;
}
.sec_13 .div-1 .div-2{
	width: 3%;
}
.sec_13 .div-3{
	left: 10%;
}
.sec_14 .div-1 {
	width: 68%;
    left: 29%;
    position: absolute;
    top: 16%;
}
.sec_14 .div-2 {
    width: 25%;
}
.sec_14 .div-3 {
	position: absolute;
	top: 41%;
	right: 5%;
	width: 56%;
}
.sec_14 .div-4 {
	width: 84%;
}
.sec_14 .div-4 .text-1{
	position: relative;
	margin-bottom: -26px;
}
.sec_14 .div-4 img{
	margin-top: -30px;
}
.sec_14 .div-5{
	position: absolute;
	width: 19%;
	right: 10%;
	top: 8%;
}
.sec_14{
	margin-top: -218px;
    position: relative;
    z-index: -1;
}
.sec_15 .div-1{
	text-align: center;
}
.sec_15 .div-1 > img:nth-of-type(1){
	width: 55%;
}
.sec_15 .div-1 > div:nth-of-type(1){
	position: absolute;
    width: 23%;
    left: 2%;
    top: 6%;
}
.sec_15 .div-1 > div:nth-of-type(2){
	position: absolute;
    width: 23%;
    right: 6%;
    top: 28%;
}
.sec_15 .div-1 > div:nth-of-type(3){
	position: absolute;
	width: 23%;
	left: 8%;
	bottom: -6%;
}
.sec_15 .div-2 .text-1{
	margin-top: 60px;
}
.sec_16 .div-1{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%
}
.sec_16 .div-1 img{
	object-position: 0;
}
.sec_16 .div-2{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.sec_16 .div-3{
	width: fit-content;
}
.sec_17 .div-1 > img:nth-of-type(1){
	margin: auto;
	width: 38%;
}
.sec_17 .div-1 > div:nth-of-type(1){
	position: absolute;
    width: 22%;
    bottom: 10%;
    right: 18%;
}
.sec_17 .div-2{
	width: 90%;
	margin: auto;
	margin-top: 7%;
}
.sec_17 .div-2 > div:nth-of-type(1){
	margin-right: -42px;
}
.sec_17 .div-2 > div:nth-of-type(2){
	margin-left: -42px;
}
.sec_17 .div-2 .img-1{ 
	top: 7%;
	width: 20%;
}
.sec_18{
	height: 1590px;
}
.sec_18 .div-3{
	width: 65%;
	margin: auto;
	margin-top: 6%;
	margin-bottom: 5%;
	position: absolute;
	top: 17%;
	left: 1%;
	font-size: 42px;
}
.sec_18 .div-3 > div{
	text-align: center;
	margin-bottom: -20%;
}
.sec_18 .div-3 > img:nth-of-type(2){
	position: absolute;
    top: -1%;
    right: 9%;
    width: 10%;
}
.sec_18 .div-3 > img:nth-of-type(3){
	position: absolute;
    top: 7%;
    left: -16%;
    width: 27%;
}
.sec_18 .div-4 h2{
	margin-bottom: -65px;
}
.sec_18 .div-4 img{
	width: 80%;
}
.sec_18 .div-5{
	width: 80%;
	margin: auto;
}
.sec_18 .div-5 p{
	padding-top: 86px;
}
.sec_18 table{
	color: #fff;
	position: absolute;
	top: 12.5%;
	left: 0;
	font-size: 38px;
	text-align: center;
	font-weight: 600;
}
.sec_18 table td{
	text-wrap: nowrap;
	border: 0;
	height: 175px;
	vertical-align: middle;
}
.sec_18 table tbody > tr th:nth-of-type(1){
	width: 26%;
	font-size: 30px;
	height: 175px;
	vertical-align: middle;
}
.sec_18 table tbody > tr td:nth-of-type(1){
	width: 32%;
	color: #ed1b6a;
}
.sec_18 table tbody > tr td:nth-of-type(2){
	width: 21%;
	color: #7c7b7a;
}
.sec_18 table tbody > tr td:nth-of-type(3){
	color: #7c7b7a;
}
.sec_18 .img-1{
	top: -7%;
	position: absolute;
	left: 26%;
	width: 16%;
}
.sec_18 .img-2{
	width: 12%;
	position: absolute;
	left: 45%;
	top: -5%;
}
.sec_18 .text-1{
	position: absolute;
	top: 3%;
	font-size: 42px;
	left: 26%;
}
.sec_18 .text-2{
	position: absolute;
	top: 4%;
	font-size: 42px;
	left: 64%;
}
.sec_18 .text-3{
	position: absolute;
	top: 4%;
	font-size: 42px;
	left: 86%;
}
.sec_19{
	height: 1420px;
}

.sec_18 td, .sec_18 th {
    border-bottom: 0;
}