<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	margin: 0 auto;
	overflow-x: hidden;
	text-align: center;
	-moz-user-select : none;
	-webkit-user-select: none;
	font-family: 'Microsoft JhengHei';
	font-weight: lighter;
	color: #51626b;
	background-color: #f6f6f6;
}

img { border: 0px;}
a { 
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}
a:hover {text-decoration: none;}
li {list-style-type:none;}

.logo {
	width: 260px;
	position: absolute;
	left: 3%;
	top: 7%;
	z-index: 6;
}

.top {
	position: relative;
	height: 980px;
	background: url("../images/bg1.png") repeat-x center top;
}
.topbox_m {display: none}

.topbox {
	width: 1460px;
	height: 980px;
	left: 50%;
	margin-left: -730px;
	position: relative;
	background: url("../images/bg_main.png") no-repeat top center;
}
.p1t1 {
	font-size: 70px;
	position: absolute;
	margin: 120px 0 0 615px
}

.p1t2 {
	font-size: 38px;
	color: #9fc8d1;
	position: absolute;
	margin: 145px 0 0 890px
}

.gr { color: #5bbab1}
.or { color: #f46c6c}
.bl { color: #2e8ccc}


.p1t3 {
	font-size: 83px;
	position: absolute;
	margin: 216px 0 0 1055px
}

.p1t4 {
	font-size: 20px;
	color: #000000;
	letter-spacing: 7px;
	line-height: 33px;
	position: absolute;
	margin: 350px 0 0 867px
}

.valuebox {
	width: 188px;
	height: 78px;
	background: #f46c6c;
	color: #ffffff;
	font-size: 70px;
	line-height: 78px;
	font-family: "Arial";
	position: absolute;
	margin: 235px 0 0 860px;
}

.jpguide_m {display: none}
.jpguide1 {
	font-size: 28px;
	position: absolute;
	margin: 480px 0 0 868px
}
.jpguide1 a {color: #f46c6c;}
.jpguide2 {
	width: 180px;
	font-size: 16px;
	color: #4d4d4d;
	letter-spacing: 2px;
	text-align: justify;
	position: absolute;
	margin: 490px 0 0 960px
}
.jpguide2 a {color: #4d4d4d;}
/*---- menu--info ----*/
.menu-info{
	position: relative;
	margin-top: -310px;
	text-align: center;
	
}
/*---- menu ----*/
.menu-info li{
	font-size:47px;
	text-transform:uppercase;
	padding: 2% 0;
	font-weight: lighter;
}
.menu1,.menu2,.menu3 {
	width: 260px;
	height: auto;
	display: inline-block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	margin: 0 20px;
}
.menu1 {
	border: solid 2px #5bbab1;
	color: #5bbab1;
}
.menu1:hover {
	background:rgba(91,186,177,0.7);
	color: #ffffff;
	border: solid 2px rgba(255,255,255,0.4);
}
.menu2 {
	border: solid 2px #f46c6c;
	color: #f46c6c;
}
.menu2:hover {
	background:rgba(244,108,108,0.7);
	color: #ffffff;
	border: solid 2px rgba(255,255,255,0.4);
}
.menu3 {
	border: solid 2px #2e8ccc;
	color: #2e8ccc;
}
.menu3:hover {
	background:rgba(46,140,204,0.7);
	color: #ffffff;
	border: solid 2px rgba(255,255,255,0.4);
}


/*----form----*/
.formz {
	background:rgba(179,179,179,0.7);
	height: auto;
	font-size: 18px;
	position: relative;
	padding: 33px 0 ;
}


.jpzero {
	background: url("../images/bg2.png") top center;
	background-color: #daf0f4;
	padding: 140px 0;
}

.jpzerobox {
	width: 1100px;
	position: relative;
	left: 50%;
	margin-left: -550px;
}
.jpzerobox_m {display: none}

.zero-img1 {
	background: url("../images/zero-img1.jpg");
}
.zero-img2 {
	background: url("../images/zero-img2.jpg");
}
.zero-img3 {
	background: url("../images/zero-img3.jpg");
}


.zero-i {
	display: inline-block;
	width: 540px;
	height: 360px;
	vertical-align: middle;
}

.zr1 {
	font-size: 51px;
	font-weight: lighter;
	margin-top: 50px;
	letter-spacing: 3px;
}
.zr2 {
	font-size: 30px;
	font-weight: lighter;
	padding-bottom: 20px
}

.zr3 {
	font-size: 20px;
	line-height: 44px;
	letter-spacing: 1px;
}
.zr3 span {border-bottom: solid 1px #beccd3; padding-bottom: 3px}
.t37 {font-size: 37px;}

.jpcourse {
	background: url("../images/bg3.png") top center;
	padding-bottom: 120px;
}
.jpcourse_m {display: none}
.jpcstt {
	width: 560px;
	height: 220px;
	position: relative;
	left: 50%;
	margin-left: -280px;
	margin-top: -135px;
	font-size: 36px;
	line-height: 66px;
}

.jpcs1,.jpcs2,.jpcs3 {
	width: 280px;
	height: 280px;
	border-radius: 50%;
	display: inline-block;
	border:  solid 5px #51626b;
	margin: 0 34px;
	margin-top: -40px;
	color: #ffffff;
	vertical-align: bottom;
}

.jpcs1 {background-color: #5bbab1}
.jpcs2 {background-color: #f46c6c}
.jpcs3 {background-color: #2e8ccc}

.jpcs_a { font-size: 31px; margin-top: 60px;}
.jpcs_b { font-size: 25px; margin-top: 10px;}
.jpcs_c { font-size: 43px; font-weight: bold}

.jl {border-bottom: solid 1px #ffffff; padding-bottom: 3px}
.de {color: #e4754a;border-bottom: solid 1px #e4754a;}

.jpcs2_1,.jpcs2_2 {
	width: 250px;
	display: inline-block;
	margin: 0 23px
}

.jpcs2_1 img, .jpcs2_2 img {margin-top: -5px;}

.jpcs_d {font-size: 30px; color: #f46c6c; font-weight: bold}

.jpcs_e {font-size: 21px; letter-spacing: 2px;}



.gotojp {background-color: #f7d5d5}
.jpmap {
	background: url("../images/bg_map.png") no-repeat top center;
	width: 1600px;
	height: 600px;
	left: 50%;
	margin-left: -800px;
	position: relative;
}

.jpmapt1 {
	font-size: 54px;
	padding-top: 90px;
	letter-spacing: 2.5px;
}
.jpmapt2 {
	font-size: 26px;
	padding-top: 5px;
	letter-spacing: 1px;
}

.t38 {font-size: 38px;}

.gj {
	display: inline-block; 
	margin-top: 40px;
	margin: 40px 20px 0 20px;
	vertical-align: bottom;
}

.gj_1 {
	background-color: #ffffff;
	border-radius: 6px;
	font-size: 26px;
	padding: 10px;
	line-height: 28px;
}

.gj_i {font-size: 3vw; padding: 15px 0}

.gj_hi {
	background: url("../images/logo_hi.png") no-repeat;
	background-color: #ffffff;
	border-radius: 6px;
	width: 190px;
	height: 90px;
}

.gj_hi p,.gj_dewey p {
	font-size: 26px;
	position: absolute;
	margin: 27px 0 0 17px;
}

.gj_dewey {
	background: url("../images/logo_dewey.png") no-repeat;
	background-color: #ffffff;
	border-radius: 6px;
	width: 320px;
	height: 90px;
}


.t20 {font-size: 20px;}
.icon_times {padding-bottom: 20px; font-size: 3.5vw;}




/*footer*/
.footerz {
	position: relative;
	background: #51626b;
	color: #fff;
}




/*----------------------------------------------------------------------*/
.gotrial {
	position: relative;
	padding: 0.7vw 0;
	background: #B29347;
	transition:0.5s all;
}

.gotrial:hover {
	background: #4e4e4e;
}

.gotrial a,.gotrial a:hover {
	color: #ffffff;
	font-size: 1.4vw;
	letter-spacing: 0.4vw;
	font-family: Microsoft JhengHei;
	font-weight: lighter;
	text-decoration: none;
}

@media screen and (max-width:800px) {
	.gotrial {padding: 3vw 0;}
	
	.gotrial a,.gotrial a:hover {
		font-size: 4.2vw;
	}
}

@media screen and (max-width:600px) {
	.gotrial {padding: 4vw 0;}
	
	.gotrial a,.gotrial a:hover {
		font-size: 7.5vw;
	}
}




/*----------------------------------------------------------------------*/









/*RWD*/
@media screen and (max-width:1440px) {
	.logo {
		left:inherit;
		right: 6%;
		top: 1%;
		width: 240px;
		z-index: 22;
	}
}


@media screen and (max-width:800px) {
	img {width: 100%}
	
	.logo {
		width: 33%;
		left:inherit;
		right: 3%;
	}
	.top {
		height: auto;
		background: url("../images/bg1.png") repeat top center;
	}
	.topbox {display: none}
	.topbox_m {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
	}
	.no1_m {
		width: 31%;
		position: absolute;
		margin: 3% 0 0 16%;
		left: 0;
	}
	.p1t1 {
		font-size: 14vw;
		position: absolute;
		margin: -125% 0 0 6%;
	}

	.p1t2 {
		font-size: 5.5vw;
		position: absolute;
		margin: -130% 0 0 6%;
	}
	
	.valuebox {
		width: 24vw;
		height: 10vw;
		font-size: 9.5vw;
		margin: -60% 0 0 2.5%;
		line-height: 11vw;
		font-weight: bold
	}
	
	.p1t3 {
		font-size: 10vw;
		margin: -62% 0 0 31%;
	}

	.p1t4 {
		font-size: 3vw;
		letter-spacing: 0.9vw;
		line-height: 4.5vw;
		margin: -41% 0 0 4.3%;
	}
	
	.menu-info{
		margin-top: -12%;
	}
	/*---- menu ----*/
	.menu-info li{
		font-size: 5.5vw;
		padding: 2% 0;
	}
	.menu1,.menu2,.menu3 {
		width: 31%;
		margin: 0 auto;
	}
	.menu1 {
		background:rgba(91,186,177,0.7);
		color: #ffffff;
		border: solid 2px rgba(255,255,255,0.4);
	}
	.menu2 {
		background:rgba(244,108,108,0.7);
		color: #ffffff;
		border: solid 2px rgba(255,255,255,0.4);
	}
	.menu3 {
		background:rgba(46,140,204,0.7);
		color: #ffffff;
		border: solid 2px rgba(255,255,255,0.4);
	}
	
	.jpguide1 {display: none}
	.jpguide_m {
		display: block;
		width: 100%;
		background: #80cbe5;
		position: relative;
		margin: 0 auto;
		margin-top: 2%;
		padding: 2% 0;
	}
	.jpguide_m a {color: #ffffff;}
	.jg1 {font-size: 5.6vw}
	.jg2 {font-size: 3.3vw}
	
	.formz {
		margin-top: 0;
		background:rgba(179,179,179,1);
		padding: 7.5% 0;
	}
	
	.jpzero { padding: 14% 0 7% 0}
	.jpzerobox {display: none}
	.jpzerobox_m {
		display: block;
		width: 100%;
		left: inherit;
		margin-left: inherit;
		margin-top: 0
	}
	.zero-i {width: 70%; height: 47vw}
	.zr1 {
		font-size: 6.5vw;
		margin-top: 9%;
		letter-spacing: 0.5vw;
	}
	.zr2 {
		font-size: 3.9vw;
		padding-bottom: 3.5%
	}

	.zr3 {
		font-size: 2.7vw;
		line-height: 5.6vw;
		letter-spacing: 0.2vw;
	}
	.zero-img1,.zero-img2,.zero-img3 {
		background-size: cover; 
		background-repeat: no-repeat
	}
	
	.jpcourse {display: none}
	.jpcourse_m {
		display: block;
		background: url("../images/bg3.png") top center;
		padding-bottom: 12%
	}
	.bg_title3 {width: 72%}
	.jpcstt {
		width: 100%;
		height: auto;
		left: inherit;
		margin-left: inherit;
		margin-top: -17%;
		font-size: 5vw;
		line-height: 8.5vw;
		padding-bottom: 10%
	}
	.line {width: 50%; margin-top: -5%}
	.dd {width: 20%}
	
	.jpcs1,.jpcs2,.jpcs3 {
		width: 37vw;
		height: 37vw;
		margin: 3%;
		margin-top: -5%;
	}

	.jpcs_a { font-size: 4vw; margin-top: 23%; line-height: 5.2vw}
	.jpcs_b { font-size: 3.2vw; margin-top: 6%;}
	.jpcs_c { font-size: 6vw; font-weight: bold}

	.de {color: #e4754a;border-bottom: solid 1px #e4754a;}

	.jpcs2_1,.jpcs2_2 {
		width: 43%;
		margin: 0 3%
	}

	.jpcs2_1 img, .jpcs2_2 img {margin-top: -2%;}

	.jpcs_d {font-size: 4.2vw;}
	.jpcs_e {font-size: 2.7vw; letter-spacing: 0.3vw;}
	
	.jpmap {
		background: url("../images/bg_map.png") no-repeat top center;
		width: 100%;
		height: auto;
		left: inherit;
		margin-left: inherit;
		padding-bottom: 12%;
	}
	.jpmapt1 {
		font-size: 7vw;
		padding-top: 11.4%;
		letter-spacing: 0.4vw;
	}
	.jpmapt2 {
		font-size: 3.4vw;
		padding-top: 1%;
		letter-spacing: 0.1vw;
	}

	.t38 {font-size: 4.5vw;}

	.gj {margin: 7% 2% 0 2%;}

	.gj_1 {
		font-size: 3.5vw;
		padding: 4% 0;
		line-height: 3.5vw;
	}

	.gj_i {font-size: 5.5vw; padding: 0 auto}

	.gj_hi {
		width: 25vw;
		height: 12vw;
	}
	.gj_hi p,.gj_dewey p {
		font-size: 3.5vw;
		margin: 3.5% 0 0 2.5%;
	}

	.gj_dewey {
		width: 42vw;
		height: 12vw;
	}
	.t20 {font-size: 2.8vw;}
	.icon_times {padding-bottom: 3%; font-size: 6.5vw;}
}

@media screen and (max-width:550px) {
	.logo {
		display: none;
	}
	
	.zero-i {width: 90%; height: 60vw}
	.zr1 {
		font-size: 10vw;
		margin-top: 9%;
		letter-spacing: 0.5vw;
	}
	.zr2 {
		font-size: 5.5vw;
		padding-bottom: 3.5%;
		letter-spacing: 0.5vw
	}

	.zr3 {
		font-size: 4.5vw;
		line-height: 8vw;
		letter-spacing: 0.2vw;
	}
	.t37 {font-size: 7vw}
	.bb {padding-bottom: 8%}
	
	/*course*/
	.bg_title3 {width: 90%}
	.jpcstt {
		margin-top: -21%;
		font-size: 6.5vw;
		line-height: 10.5vw;
	}
	.jpcs1,.jpcs2,.jpcs3 {
		width: 42vw;
		height: 42vw;
		margin: 1%;
		margin-top: -5%;
	}
	
	.jpcs_a { font-size: 6vw; margin-top: 13%; line-height: 8vw}
	.jpcs_b { font-size: 4.2vw; margin-top: 5%;}
	.jpcs_c { font-size: 10vw; font-weight: bold}
	
	.line {width: 45%;}
	.dd {width: 25%}

	.de {color: #e4754a;border-bottom: solid 1px #e4754a;}

	.jpcs2_1,.jpcs2_2 {
		width: 38%;
		margin: 0 3%
	}

	.jpcs2_1 img, .jpcs2_2 img {margin-top: -3%;}

	.jpcs_d {font-size: 5.5vw;}
	.jpcs_e {font-size: 3.5vw;}
	
	/*hixdewey*/
	.jpmap {
		background-size: contain;
		padding-bottom: 12%;
	}
	.jpmapt1 {
		font-size: 9vw;
		padding-top: 14%;
	}
	.jpmapt2 {
		font-size: 4.2vw;
		padding-top: 0.5%;
		letter-spacing: 0.1vw;
	}

	.t38 {font-size: 4.5vw;}

	.gj {
		display: block; 
		margin: 0 auto;
		width: 85%;
		margin-top: 5%
	}

	.gj_1 {
		font-size: 7vw;
		padding: 3% 0;
		line-height: 7vw
	}

	.gj_i {font-size: 9vw; padding: 2% 0}

	.gj_hi {
		width: 100%;
		height: 20vw;
		background-position: 40%
	}
	.gj_hi p {
		font-size: 6vw;
		margin: 6.5% 0 0 20%;
	}
	.gj_dewey p {
		font-size: 6vw;
		margin: 6.5% 0 0 5%;
	}
	.gj_dewey {
		width: 100%;
		height: 20vw;
	}
	.t20 {font-size: 5vw;}
	.icon_times {padding-bottom: 1%; font-size: 11vw;}
}</pre></body></html>