@charset "UTF-8";
/* CSS Document */
.white{color:#fff}
.bg_blue{background:#009fe3}
body{margin:0;font:13px 'Noto Sans TC',sans-serif,"Microsoft JhengHei",微軟正黑體,"Apple LiGothic Medium",蘋果儷中黑,Arial,Helvetica,sans-serif;background:#fff;letter-spacing:.01em;box-sizing:border-box}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

section{padding:50px 0}
p{font-size:18px;padding:20px 0;margin:0 auto;letter-spacing:.1em}
a{color:#007ebc}
img:not(.method-icon) {width:100%}
h1{font-size:50px;color:#fff;text-shadow:4px 4px #144F9C;margin:0 auto}
h2{font-weight:700;font-size:24px;letter-spacing:.1em;margin:0 auto;line-height:1.3}
.font-15{font-size:15px}

/* KV */
.key_visual{margin:0 auto;display:block;position:relative;background-color:#65cae3}
.key_visual img{max-width:1400px;margin:0 auto;}

/* Nav */
.nav-pills .nav-link{padding:20px 10px;border-radius:5px 5px 0 0;border:1px solid #009fe3;font-weight:700;letter-spacing:.15em;font-size:24px}
.nav-pills .nav-link:hover{background:#009fe3;color:#fff;transition:all .3s}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link{background-color:#009fe3;color:#fff}

/* Content */
.intro{padding:30px 0}
.intro p{color:#000;font-size:18px;line-height:1.8;letter-spacing:.12em;padding:0}
.intro{color:#fff;font-size:16px;text-align:left}
.wrapper{position:relative;background:#fff;border:2px solid #009fe3;border-radius:10px;padding:30px;font-size:16px;margin-bottom:30px}
.wrapper p{font-weight:700;font-size:20px;color:#028bc6;padding:0 0 20px}
.wrapper span, .font-16{font-size:16px;display:block}
.wrapper span{margin-bottom:20px}
.remarks{font-size:15px;line-height:25px}
.requirement-wrapper{letter-spacing:.1em;min-height:330px;width:90%;margin:40px auto 0}
.requirement-wrapper .icon{position:absolute;top:-28px;left:-10px}
.icon img{max-width:56px;}
.requirement-wrapper .remarks{margin:20px auto 0}
.requirement-wrapper .ppl img{max-width:300px;}

.wrapper ul,.wrapper ol li{list-style:none;font-size:16px}
.wrapper ul li::before{content:"\2022";color:#009fe3;font-weight:700;display:inline-block;font-size:20px;width:1.5em;margin-left:-1.5em}
.wrapper ol{counter-reset:item;padding-inline-start:30px}
.wrapper ol li{counter-increment:item;margin-bottom:25px}
.wrapper ol li:before{margin-right:20px;content:counter(item);background:#009fe3;border-radius:100%;color:#fff;width:30px;height:30px;text-align:center;display:inline-block;font-weight:900;padding:2px;vertical-align:top}

.method-wrapper{margin-top:30px;min-height:490px}
.method-wrapper img.method-icon{filter:invert(30%) sepia(100%) saturate(1370%) hue-rotate(177deg) brightness(93%) contrast(101%);vertical-align:middle;margin:auto auto 3px -10px}
.method-wrapper .font-16{font-weight:400;color:#000;font-size:16px}
.wrapper .items{width:70%;margin:0 auto 10px}
.wrapper .items li{padding-bottom:10px}
.wrapper .items p{all:unset;padding-bottom:0;display:block;line-height:25px}

/* Table */
.table-style{border:2px solid #fff;max-width:900px;margin:20px auto 15px;font-size:18px}
table th,table td{border:1px solid #009fe3;width:50%;text-align:center;padding:15px;line-height:25px; letter-spacing: 0.12em;}
table td span{font-weight:500}
table td[bgcolor="#5ba6d6"]{font-weight:500;color:#fff;letter-spacing:.12em}
.tools .remarks{max-width:935px;margin:0 auto}
.tools .remarks p{font-size:15px;text-indent:-51px;margin-left:51px}
.footer{background-color:#144F9C;padding:10px;line-height:20px;color:#fff;font-size:10px}


.zh br.special {display:none;}

/* Offer */
.offer h2 {color:#007ebc;}

/* English Version */
.en *{letter-spacing:.05em!important}
.en p{letter-spacing:.05em!important}
.en .nav-pills .nav-link{font-size:20px}
.en .wrapper .items{width:90%}
.en .method-wrapper {min-height:610px;}
.en  .wrapper ol li div{width:80%}

@media screen and (min-width:1150px) {
	.key_visual img {max-height:unset;}
	.method-wrapper{min-height:450px}
	.zh br.special {display:none;}
}


@media screen and (max-width:1280px){
	.en .nav-pills .nav-link{display:flex;align-items:center;height:100px;justify-content:center}
}

@media screen and (max-width:1024px) {
	.wrapper ol{padding-inline-start:0}
	.wrapper ul{padding-inline-start:30px}
	.wrapper .items{width:80%}
	.requirement-wrapper{width:100%}
	.zh br.special {display:block;}
}

@media screen and (max-width:990px){
	.en .method-wrapper {min-height:unset !important}
	.en .nav-pills .nav-link{height:unset}
}

@media screen and (max-width: 768px) {
	.wrapper ol li div{width:80%}
	.method-wrapper{min-height:unset !important;padding:30px 10%;margin-top:0}
	.wrapper ol{padding-inline-start:30px}
	.wrapper .items{width:60%}
	.zh br.special {display:none;}
	.en .requirement-wrapper{min-height:360px}
}

@media screen and (max-width:767px){
	.nav{flex-flow:column}
	.nav .nav-item:nth-child(2){margin-top:5px}
	.nav-pills .nav-link{font-size:18px !important;padding:10px;border-radius:0}
}

@media screen and (max-width: 550px) {
	.intro p{font-size:16px}
	.requirement-wrapper{min-height:unset!important}
	.wrapper ol li div{width:80%}
	.wrapper ul{padding-inline-start:0}
	.method-wrapper{padding:30px 20px}
	.wrapper .items{width:80%!important}
}

@media screen and (max-width: 414px) {
	.wrapper ol{padding-inline-start:0}
	.table-style{font-size:16px}
	.wrapper ol li div{width:70% !important}
	.requirement-wrapper .ppl img { max-width: 280px;}
}

@media screen and (max-width: 320px) {
	.wrapper ol li div{width:70% !important}
}

@media screen and (min-width:768px) and (max-width:990px) {
	.en .nav-pills .nav-link{display:flex;align-items:center;height:80px;justify-content:center}
}