@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
}

body {
		margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
		display: block;
}

audio, canvas, progress, video {
		display: inline-block;
		vertical-align: baseline;
}

audio:not([controls]) {
		display: none;
		height: 0;
}

[hidden], template {
		display: none;
}

a {
		background-color: transparent;
}
a:active, a:hover {
		outline: 0;
}

abbr[title] {
		border-bottom: 1px dotted;
}

b, strong {
		font-weight: bold;
}

dfn {
		font-style: italic;
}

h1 {
		font-size: 2em;
		margin: 0;
}

mark {
		background: #ff0;
		color: #000;
}

small {
		font-size: 80%;
}

sub {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}

sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
		top: -0.5em;
}

sub {
		bottom: -0.25em;
}

img {
		border: 0;
}

figure {
		margin: 1em 40px;
}

hr {
		box-sizing: content-box;
		height: 0;
}

pre {
		overflow: auto;
}

code, kbd, pre, samp {
		font-family: monospace, monospace;
		font-size: 1em;
}

button, input, optgroup, select, textarea {
		color: inherit;
		font: inherit;
		margin: 0;
}

button {
		overflow: visible;
		text-transform: none;
}

select {
		text-transform: none;
}

button, html input[type=button] {
		-webkit-appearance: button;
		cursor: pointer;
}

input[type=reset], input[type=submit] {
		-webkit-appearance: button;
		cursor: pointer;
}

button[disabled], html input[disabled] {
		cursor: default;
}

button::-moz-focus-inner {
		border: 0;
		padding: 0;
}

input {
		line-height: normal;
}
input::-moz-focus-inner {
		border: 0;
		padding: 0;
}
input[type=checkbox], input[type=radio] {
		box-sizing: border-box;
		padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
		height: auto;
}
input[type=search] {
		-webkit-appearance: textfield;
		box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
}

fieldset {
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
}

legend {
		border: 0;
		padding: 0;
}

textarea {
		overflow: auto;
}

optgroup {
		font-weight: bold;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

td, th {
		padding: 0;
}

ol, ul {
		list-style: none;
}

* {
		margin: 0;
		padding: 0;
}

img {
		display: block;
}

/* bisic ===================================================================*/
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix {
		display: inline-block;
}

* {
		box-sizing: border-box;
}
* html .clearfix {
		height: 1%;
}

.clearfix {
		display: block;
}

html {
		min-height: 100%;
}

body {
		position: relative;
		height: auto;
		min-height: 100%;
		text-align: left;
		-webkit-text-size-adjust: none;
		font-size: 18px;
		color: #333;
		line-height: 1.8em;
		font-family: "Noto Sans TC", "微軟正黑體", Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		overflow-x: hidden;
}
body.lock {
		overflow: hidden;
}

a {
		color: #333;
		text-decoration: none;
		transition: 0.3s ease;
}
a:hover {
		color: #4284F4;
}

ol > li {
		list-style-type: decimal;
}

ol li, ul li {
		list-style-position: outside;
		margin-left: 22px;
}

ul li {
		margin-bottom: 12px;
		list-style-type: disc;
}

hr {
		border: 1px solid #333;
		border-top: none;
		margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
		font-weight: 500;
}

strong {
		font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p {
		margin: 0;
}

h1, h2, h3 {
		line-height: 1.3em;
}

h1 {
		font-size: 40px;
}

h2 {
		font-size: 32px;
}

h3 {
		font-size: 24px;
}

input, select, textarea {
		padding: 0 5px;
		outline: none;
		box-sizing: border-box;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		colos: #333;
}
input:-moz-placeholder, textarea:-moz-placeholder {
		colos: #333;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		colos: #333;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		colos: #333;
}

input[type=checkbox], input[type=radio] {
		accent-color: #4284F4;
}

select {
		cursor: pointer;
}

.textarea {
		height: 150px;
		padding: 5px;
}

.placeholder_form p {
		display: inline-block;
		position: relative;
}
.placeholder_form p label {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		line-height: 24px;
		text-align: left;
		text-indent: 5px;
		cursor: pointer;
}
.placeholder_form p input {
		text-indent: 5px;
}

.hover_fade > img {
		opacity: 1;
		transition: all 0.5s;
}
.hover_fade:hover > img {
		opacity: 0.85;
}

.hover_scale > img {
		transition: all 0.5s;
}
.hover_scale:hover > img {
		transform: scale(1.1);
}

.video_icon {
		position: relative;
}
.video_icon .icon {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
}
.video_icon .icon img {
		width: 100%;
		height: 100%;
}

.edit_wrap {
		clear: both;
		width: 100%;
		line-height: 1.8em;
}
.edit_wrap h1, .edit_wrap h2, .edit_wrap h3, .edit_wrap h4, .edit_wrap h5, .edit_wrap h6, .edit_wrap p, .edit_wrap img, .edit_wrap video, .edit_wrap iframe {
		margin-bottom: 12px;
}
.edit_wrap h1, .edit_wrap h2, .edit_wrap h3, .edit_wrap h4, .edit_wrap h5, .edit_wrap h6, .edit_wrap p {
		line-height: 1.8em;
}
.edit_wrap img, .edit_wrap video, .edit_wrap iframe {
		margin-top: 10px;
}
.edit_wrap h1 {
		font-size: 20px;
}
.edit_wrap h2 {
		font-size: 18px;
}
.edit_wrap h3 {
		font-size: 16px;
}
.edit_wrap h4 {
		font-size: 15px;
}
.edit_wrap h5 {
		font-size: 22px;
}
.edit_wrap h6 {
		font-size: 24px;
}
.edit_wrap img {
		max-width: 100%;
		height: auto !important;
		margin: 0 auto 30px auto;
}
.edit_wrap video {
		width: 100%;
		background-size: cover;
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
}
.edit_wrap iframe {
		width: 100%;
}
.edit_wrap table {
		border: 1px solid #ccc;
}
.edit_wrap table td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}
.edit_wrap table td:last-child {
		border-right: none;
}
.edit_wrap strong {
		font-weight: bold;
}

@media screen and (max-width: 1200px) {
		h1 {
				font-size: 32px;
		}
		h2 {
				font-size: 26px;
		}
		h3 {
				font-size: 20px;
		}
}
@media screen and (max-width: 800px) {
		h1 {
				font-size: 26px;
		}
		h2 {
				font-size: 22px;
		}
		h3 {
				font-size: 18px;
		}
}
/* main.css ==============================================*/
.mw_30 {
		max-width: 30px;
}

.mw_40 {
		max-width: 40px;
}

.mw_50 {
		max-width: 50px;
}

.mw_60 {
		max-width: 60px;
}

.mw_70 {
		max-width: 70px;
}

.mw_80 {
		max-width: 80px;
}

.mw_90 {
		max-width: 90px;
}

.mw_100 {
		max-width: 100px;
}

.mw_110 {
		max-width: 110px;
}

.mw_120 {
		max-width: 120px;
}

.mw_130 {
		max-width: 130px;
}

.mw_140 {
		max-width: 140px;
}

.mw_150 {
		max-width: 150px;
}

.mw_160 {
		max-width: 160px;
}

.mw_170 {
		max-width: 170px;
}

.mw_180 {
		max-width: 180px;
}

.mw_190 {
		max-width: 190px;
}

.mw_200 {
		max-width: 200px;
}

.mw_210 {
		max-width: 210px;
}

.mw_220 {
		max-width: 220px;
}

.mw_230 {
		max-width: 230px;
}

.mw_240 {
		max-width: 240px;
}

.mw_250 {
		max-width: 250px;
}

.mw_260 {
		max-width: 260px;
}

.mw_270 {
		max-width: 270px;
}

.mw_280 {
		max-width: 280px;
}

.mw_290 {
		max-width: 290px;
}

.mw_300 {
		max-width: 300px;
}

.mw_310 {
		max-width: 310px;
}

.mw_320 {
		max-width: 320px;
}

.mw_330 {
		max-width: 330px;
}

.mw_340 {
		max-width: 340px;
}

.mw_350 {
		max-width: 350px;
}

.box {
		display: block;
		width: 100%;
}

.wrap {
		clear: both;
		width: 94%;
		max-width: 1200px;
		margin: 0 auto;
}

.video_h {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
}

.full_wrap {
		width: 100%;
		height: 100vh;
		overflow: hidden;
}

.full_vid {
		position: absolute;
		left: 0;
		top: 0;
		min-width: 100%;
		min-height: 100%;
		transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.video_bg {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
}

.fixed_bg {
		background-attachment: fixed;
}

.cover_bg, .contain_bg {
		height: 0;
		padding-bottom: 56.25%;
		background-position: center;
		background-repeat: no-repeat;
		transition: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cover_bg {
		background-size: cover;
}

.contain_bg {
		background-size: contain;
}

.content {
		width: 100%;
}

.tc {
		text-align: center;
}

.tl {
		text-align: left;
}

.tr {
		text-align: right;
}

.fl {
		float: left;
}

.fr {
		float: right;
}

.terms .box {
		margin-bottom: 30px;
}
.terms label {
		display: block;
		padding-bottom: 5px;
		cursor: pointer;
		transition: 0.3s ease;
}
.terms label:hover {
		color: #2a69b2;
}
.terms label input {
		margin-right: 10px;
}
.terms ul li, .terms ol li {
		margin-bottom: 10px;
}
.terms ul li ul, .terms ul li ol, .terms ol li ul, .terms ol li ol {
		margin-top: 10px;
}
.terms ul > li {
		list-style-type: disc;
}

.slider_btn {
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		background: #f1f1f1;
		border-radius: 50%;
		outline: none;
		cursor: pointer;
}
.slider_btn:hover {
		background: #2a69b2;
}
.slider_btn:hover span:before {
		border-color: #fff !important;
}
.slider_btn span {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 12px;
		height: 12px;
}
.slider_btn span:before {
		content: "";
		display: block;
		width: 70%;
		height: 70%;
		border-top: 3px solid #333;
		transition: 0.3s ease;
}
.slider_btn.prev {
		left: -3%;
}
.slider_btn.prev span:before {
		border-left: 3px solid #333;
		transform: translateX(3px) rotate(-45deg);
}
.slider_btn.next {
		right: -3%;
}
.slider_btn.next span:before {
		border-right: 3px solid #333;
		transform: translateX(-3px) rotate(45deg);
}

/* scroll.css ==============================================*/
.scroll {
		position: absolute;
		left: 50%;
		bottom: 20px;
		z-index: 10;
		transform: translateX(-50%);
		color: #fff;
		font-size: 15px;
		text-align: center;
		animation: scrollIcon 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
}
.scroll img {
		margin: 0 auto;
}

@keyframes scrollIcon {
		0% {
				opacity: 0;
				margin-top: 0;
		}
		10% {
				opacity: 1;
		}
		50% {
				opacity: 1;
		}
		65% {
				opacity: 0;
				margin-top: 100px;
		}
		100% {
				opacity: 0;
				margin-top: 0;
		}
}
/* header.css ==============================================*/
.header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
}
.header::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100%;
		height: 55px;
		background: #2a69b2;
}
.header .logo, .header .menu {
		position: absolute;
}
.header .logo {
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		padding: 30px 20px;
		background: url("../images/header_logo_bg.png") left top;
		background-size: 100% 100%;
}
.header .logo img {
		width: 90%;
		max-width: 150px;
		margin-right: 50px;
}
.header .menu {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		height: 55px;
}
.header .menu .group {
		display: flex;
		align-items: center;
		justify-content: center;
}
.header .menu .item {
		position: relative;
		margin-right: 30px;
		padding: 9px 0;
}
.header .menu .item:hover > a, .header .menu .item.active > a {
		color: #ff9d52;
}
.header .menu .item:hover .sub {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0);
		transition-duration: 0.5s;
}
.header .menu .item.item_1:hover .contain_bg, .header .menu .item.item_1.active .contain_bg {
		background-image: url(../images/menu_icon_1_active.png);
}
.header .menu .item.item_1 .contain_bg {
		background-image: url(../images/menu_icon_1.png);
}
.header .menu .item.item_2:hover .contain_bg, .header .menu .item.item_2.active .contain_bg {
		background-image: url(../images/menu_icon_2_active.png);
}
.header .menu .item.item_2 .contain_bg {
		background-image: url(../images/menu_icon_2.png);
}
.header .menu .item.item_3:hover .contain_bg, .header .menu .item.item_3.active .contain_bg {
		background-image: url(../images/menu_icon_3_active.png);
}
.header .menu .item.item_3 .contain_bg {
		background-image: url(../images/menu_icon_3.png);
}
.header .menu .item.item_4:hover .contain_bg, .header .menu .item.item_4.active .contain_bg {
		background-image: url(../images/menu_icon_4_active.png);
}
.header .menu .item.item_4 .contain_bg {
		background-image: url(../images/menu_icon_4.png);
}
.header .menu .item.item_5:hover .contain_bg, .header .menu .item.item_5.active .contain_bg {
		background-image: url(../images/menu_icon_5_active.png);
}
.header .menu .item.item_5 .contain_bg {
		background-image: url(../images/menu_icon_5.png);
}
.header .menu .item > a {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #fff;
}
.header .menu .item .contain_bg {
		margin-right: 10px;
		width: 30px;
		height: 25px;
		padding-bottom: 0;
}
.header .menu .item .sub, .header .menu .item .sub_2 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		transition: 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		background: #fff;
}
.header .menu .item .sub {
		left: 50%;
		top: 100%;
		transform: translate(-50%, 10px);
		width: 180px;
		border-radius: 0 0 5px 5px;
		letter-spacing: 0;
}
.header .menu .item .sub .sub_item {
		position: relative;
		width: 100%;
}
.header .menu .item .sub .sub_item:hover > a {
		color: #fff;
		background: #0ab5a7;
}
.header .menu .item .sub .sub_item:hover > a::before {
		opacity: 1;
}
.header .menu .item .sub .sub_item:hover .sub_2 {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-duration: 0.5s;
}
.header .menu .item .sub .sub_item.no_sub_2 > a::before {
		display: none;
}
.header .menu .item .sub .sub_item > a {
		z-index: 1;
}
.header .menu .item .sub .sub_item > a::before {
		opacity: 0;
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(100%, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 10px;
		border-color: transparent transparent transparent #0ab5a7;
}
.header .menu .item .sub a {
		display: block;
		position: relative;
		width: 100%;
		padding: 8px 5px;
		line-height: 1.3em;
		text-align: center;
		border-bottom: 1px solid #86f4e0;
		font-size: 16px;
}
.header .menu .item .sub a:last-child {
		border: none;
}
.header .menu .item .sub a:hover {
		color: #fff;
}
.header .menu .item .sub_2 {
		z-index: 0;
		left: 100%;
		top: 0;
		width: 220px;
		border-left: 2px solid #2a69b2;
}
.header .menu .item .sub_2 a {
		padding-left: 10px;
		padding-right: 10px;
}
.header .menu .item .sub_2 a:hover {
		background: #4284F4;
}

@media screen and (max-width: 1280px) {
		.header .menu .item {
				margin-right: 20px;
		}
		.header .menu .item .contain_bg {
				width: 25px;
				height: 20px;
		}
}
@media screen and (max-width: 1180px) {
		.header .menu .item {
				margin-right: 15px;
				font-size: 16px;
		}
}
@media screen and (max-width: 1040px) {
		.header::before {
				height: 40px;
				z-index: 1;
		}
		.header .logo {
				z-index: 2;
				padding-top: 10px;
				padding-bottom: 10px;
		}
		.header .menu {
				position: fixed;
				left: 0;
				top: 0;
				z-index: 0;
				transform: translateX(-100%);
				width: 100%;
				height: 100vh;
				padding: 60px 0;
				background: #1757a1;
				transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.header .menu.active {
				transform: translateX(0);
		}
		.header .menu .group {
				align-items: flex-start;
				flex-direction: column;
		}
		.header .menu .item {
				margin-right: 0;
				margin-bottom: 15px;
				font-size: 20px;
		}
		.header .menu .item:last-child {
				margin-bottom: 0;
		}
		.header .menu .item .contain_bg {
				margin-right: 20px;
		}
		.header .menu .item .sub {
				display: none;
		}
}
@media screen and (max-width: 800px) {
		.header .logo img {
				max-width: 130px;
				margin-right: 30px;
		}
}
@media screen and (max-width: 640px) {
		.header::before {
				height: 34px;
		}
		.header .logo img {
				max-width: 85px;
		}
}
@media screen and (max-width: 380px) {
		.header .logo {
				padding-top: 7px;
				padding-bottom: 7px;
		}
		.header .logo img {
				max-width: 80px;
		}
}
/* mobilerBtn.css ==============================================*/
.menu_m {
		display: none;
		position: absolute;
		right: 15px;
		top: 10px;
		z-index: 15;
		width: 24px;
		height: 18px;
		cursor: pointer;
		transition: 0.3s ease;
}
.menu_m .group {
		position: relative;
		width: 100%;
		height: 100%;
		transition: 0.5s ease;
}
.menu_m .group div {
		position: absolute;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 2px;
		background: #fff;
		transition: 0.3s ease;
}
.menu_m .group .line1 {
		top: 0;
}
.menu_m .group .line2, .menu_m .group .line3 {
		top: 50%;
		transform: translateY(-50%);
}
.menu_m .group .line4 {
		bottom: 0;
}
.menu_m.active .group {
		top: -2px;
		transform: rotate(360deg);
}
.menu_m.active .group div {
		background: #ff9d52;
}
.menu_m.active .group .line1, .menu_m.active .group .line4 {
		top: 0;
		opacity: 0;
		transition: transform 0.5s ease 0, top 0.5s ease 0, opacity 0.1s ease 0.4;
}
.menu_m.active .group .line2 {
		transform: rotate(45deg);
}
.menu_m.active .group .line3 {
		transform: rotate(-45deg);
}

.menu_m .group .line2, .menu_m .group .line3 {
		transition: all 0.5s 0 ease;
}

.menu_m .group .line1, .menu_m .group .line4, .menu_m.active .group .line2, .menu_m.active .group .line3 {
		transition: transform 0.5s ease 0.4, top 0.5s ease 0.4, opacity 0.1s ease 0.4;
}

@media screen and (max-width: 1040px) {
		.menu_m {
				display: block;
		}
}
@media screen and (max-width: 420px) {
		.menu_m {
				right: 10px;
				top: 7px;
		}
}
/* inViewport.css ==============================================*/
.view_item {
		transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.view_item.trans {
		transition-duration: 1s;
}
.view_item.trans.to_top, .view_item.trans.to_right, .view_item.trans.to_left, .view_item.trans.to_bottom {
		opacity: 1;
		transform: translateX(0);
}
.view_item.trans.scale_in {
		transform: scale(1);
}
.view_item.trans .scale_out {
		transform: scale(0.8);
}
.view_item.trans.bg_scale_in, .view_item.trans.bg_scale_out {
		opacity: 1;
		transform: scale(1);
}
.view_item.trans.fade_in {
		opacity: 1;
}
.view_item.trans.flip {
		opacity: 1;
		transform: rotateY(0);
}
.view_item.trans.speed_scale_left, .view_item.trans.speed_scale_right {
		opacity: 1;
		transform: scale(1) translate(0);
}
.view_item.trans.from_tl, .view_item.trans.from_tr, .view_item.trans.from_bl, .view_item.trans.from_br {
		opacity: 1;
		transform: translate(0, 0);
}
.view_item.trans.delay_1 {
		transition-delay: 0.2s;
}
.view_item.trans.delay_2 {
		transition-delay: 0.4s;
}
.view_item.trans.delay_3 {
		transition-delay: 0.6s;
}
.view_item.trans.delay_4 {
		transition-delay: 0.8s;
}
.view_item.trans.delay_5 {
		transition-delay: 1s;
}

.view_group .to_top, .view_group .to_right, .view_group .to_left, .view_group .to_bottom, .view_group .bg_scale_in, .view_group .bg_scale_out, .view_group .fade_in, .view_group .flip, .view_group .speed_scale_left, .view_group .speed_scale_right, .view_group .extrude_w, .view_group .extrude_h, .view_group .from_tl, .view_group .from_tr, .view_group .from_bl, .view_group .from_br {
		transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.view_group.trans .to_top, .view_group.trans .to_right, .view_group.trans .to_left, .view_group.trans .to_bottom {
		opacity: 1;
		transform: translateX(0);
}
.view_group.trans .scale_in, .view_group.trans .scale_out {
		opacity: 0;
}
.view_group.trans .scale_in {
		transform: scale(1);
}
.view_group.trans .scale_out {
		transform: scale(0.8);
}
.view_group.trans .bg_scale_in, .view_group.trans .bg_scale_out {
		opacity: 1;
		transform: scale(1);
}
.view_group.trans .fade_in {
		opacity: 1;
}
.view_group.trans .flip {
		opacity: 1;
		transform: rotateY(0);
}
.view_group.trans .speed_scale_left, .view_group.trans .speed_scale_right {
		opacity: 1;
		transform: scale(1) translate(0);
}
.view_group.trans .extrude_w, .view_group.trans .extrude_h {
		opacity: 1;
}
.view_group.trans .extrude_w {
		width: 100%;
}
.view_group.trans .extrude_h {
		height: 100%;
}
.view_group.trans .from_tl, .view_group.trans .from_tr, .view_group.trans .from_bl, .view_group.trans .from_br {
		opacity: 1;
		transform: translate(0, 0);
}

.to_top, .to_right, .to_left, .to_bottom {
		opacity: 0;
}

.to_top {
		transform: translateY(50%);
}

.to_right {
		transform: translateX(-50%);
}

.to_bottom {
		transform: translateY(-50%);
}

.to_left {
		transform: translateX(50%);
}

.from_tl, .from_tr, .from_bl, .from_br {
		opacity: 0;
}

.from_tl {
		transform: translate(-50%, -50%);
}

.from_tr {
		transform: translate(50%, -50%);
}

.from_bl {
		transform: translate(-50%, 50%);
}

.from_br {
		transform: translate(50%, 50%);
}

.scale_in, .scale_out {
		opacity: 0;
}

.scale_in {
		transform: scale(0);
}

.speed_scale_left, .speed_scale_right {
		opacity: 0;
		transition-delay: 0.3s;
}

.speed_scale_left {
		transform: scale(5) translate(-50%, 100%);
}

.speed_scale_right {
		transform: scale(5) translate(50%, 100%);
}

.bg_scale_in {
		opacity: 0;
		transform: scale(0.6);
		transition-duration: 1.5s;
}

.bg_scale_out {
		opacity: 0;
		transform: scale(1.3);
		transition-duration: 1.5s;
}

.fade_in {
		opacity: 0;
}

.flip {
		opacity: 0;
		transform: rotateY(180deg);
}

.flip_parent {
		perspective: 150vh;
}

.extrude_w {
		opacity: 0;
		width: 0;
}

.extrude_h {
		opacity: 0;
		height: 0;
}

.delay_1 {
		transition-delay: 0.1s;
}

.delay_2 {
		transition-delay: 0.1s;
}

.delay_3 {
		transition-delay: 0.1s;
}

.delay_4 {
		transition-delay: 0.1s;
}

.delay_5 {
		transition-delay: 0.1s;
}

/* index.css ==============================================*/
@keyframes move {
		0% {
				transform: translateX(0);
		}
		100% {
				transform: translateX(-50%);
		}
}
body {
		background: url("../images/bg.jpg") repeat-y center top;
		background-size: 100% auto;
}

.section {
		padding: 5vh 0;
}

.icon_wrap .icon {
		position: absolute;
}
.icon_wrap .icon img {
		width: 100%;
}

.btn_wrap {
		display: flex;
		align-items: center;
		justify-content: center;
}

.more_btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 100%;
		max-width: 260px;
		padding: 5px 0 5px 10px;
		border-radius: 50px;
		background: #fff;
		border: 2px solid #1757a1;
		line-height: 1.2em;
		cursor: pointer;
}
.more_btn.wide {
		max-width: 420px;
}
.more_btn.blue {
		background: #1b5aa4;
		color: #fff;
		border-color: #4579b5;
}
.more_btn.blue:hover {
		background: #ff9d52;
		border-color: #ff9d52;
}
.more_btn.orange {
		background: #ff9d52;
		border-color: #fff;
		color: #fff;
}
.more_btn.orange:hover {
		background: #2a69b2;
		border-color: #4284F4;
}
.more_btn:hover {
		background: #1757a1;
		color: #fff;
}
.more_btn > span {
		display: flex;
		align-items: center;
		justify-content: center;
}
.more_btn span {
		width: calc(100% - 50px);
		text-align: center;
}
.more_btn span i {
		min-width: 70px;
		margin-right: 5px;
		font-style: normal;
}
.more_btn span span {
		width: auto;
}
.more_btn img {
		width: 40px;
		margin-right: 5px;
}

.blue {
		color: #1757a1;
}

.orange {
		color: #ff9d52;
}

.green {
		color: #0ab5a7;
}

.line_bottom {
		border-bottom: 1px solid #a6b8dd;
}

.flex {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
}

.max_800 {
		max-width: 800px;
		margin: 0 auto;
}

.max_640 {
		max-width: 640px;
		margin: 0 auto;
}

.max_480 {
		max-width: 480px;
		margin: 0 auto;
}

.padding {
		padding: 40px 0;
}

.home {
		position: relative;
		height: 100vh;
		padding-top: 140px;
		overflow: hidden;
		background: url("../images/home_bg.png") no-repeat center center;
}
.home::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: url("../images/home_cover.png") no-repeat center 20%;
		background-size: cover;
}
.home .slider_wrap {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100%;
}
.home .slider {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: absolute;
		left: 0;
		top: 0;
		animation: move 70s linear infinite;
}
.home .slider .item img {
		height: 90vh;
}
.home .group {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: absolute;
		left: 50%;
		top: 15%;
		width: 100%;
		z-index: 1;
		transform: translate(-50%, 50%);
}
.home .slogan {
		width: 30%;
		min-width: 490px;
}
.home .slogan img {
		width: 100%;
}
.home .icon_wrap {
		position: absolute;
		width: 100%;
		top: 20%;
}
.home .icon_wrap .pic {
		position: absolute;
		top: 0;
		height: 50vh;
}
.home .icon_wrap .pic.pic_1 {
		left: 5%;
}
.home .icon_wrap .pic.pic_2 {
		right: 3%;
}
.home .icon_wrap img {
		height: 100%;
}
.home .btn_wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 50%;
		top: 80%;
		z-index: 2;
		transform: translateX(-50%);
}
.home .btn_wrap a {
		width: 90%;
		max-width: 300px;
}
.home .btn_wrap a:hover {
		transform: scale(1.1);
}
.home .btn_wrap a img {
		width: 100%;
}

.inpage {
		overflow: hidden;
}

.in_head {
		position: relative;
		border-bottom: 2px solid #fff;
		overflow: hidden;
}
.in_head.trans::after {
		transform: translateX(0);
}
.in_head.trans .group .slogan img, .in_head.trans .group .text {
		transform: scale(1);
}
.in_head::before, .in_head::after {
		content: "";
		display: block;
		width: 100%;
		background-size: auto 100%;
		background-repeat: no-repeat;
}
.in_head::before {
		position: relative;
		height: 0;
		z-index: 0;
		padding-bottom: 20.83%;
		background-position: center center;
		background-image: url("../images/tisa_banner.jpg");
}
.in_head::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		height: 3vw;
		transform: translateX(100%);
		background-position: right bottom;
		background-image: url("../images/tisa_train.png");
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.in_head.type_2::before {
		background-image: url("../images/game_banner.jpg");
}
.in_head.type_2::after {
		background-image: url("../images/game_train.png");
}
.in_head.type_2 .group .slogan {
		border-color: #fff;
}
.in_head.type_2 .group .text h2::before {
		content: "闖關遊戲";
}
.in_head.type_3::before {
		background-image: url("../images/retire_banner.jpg");
}
.in_head.type_3::after {
		background-image: url("../images/retire_train.png");
}
.in_head.type_3 .group .text h2::before {
		content: "退休百寶箱";
}
.in_head.type_4::before {
		background-image: url("../images/calculator_banner.jpg");
}
.in_head.type_4::after {
		background-image: url("../images/calculator_train.png");
}
.in_head.type_4 .group .text h2::before {
		content: "你的退休金夠嗎？";
}
.in_head.type_5::before {
		background-image: url("../images/link_banner.jpg");
}
.in_head.type_5::after {
		background-image: url("../images/link_train.png");
}
.in_head.type_5 .group .text h2::before {
		content: "相關網頁連結";
}
.in_head .group {
		display: flex;
		align-items: stretch;
		justify-content: center;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		padding-top: 3vw;
		color: #fff;
}
.in_head .group .slogan, .in_head .group .text {
		width: 40%;
		max-width: 388px;
		padding: 0 40px;
}
.in_head .group .slogan {
		border-right: 1px solid #fff;
}
.in_head .group .slogan img {
		width: 100%;
		transform: scale(0);
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.in_head .group .text {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
		transform: scale(0);
}
.in_head .group .text h2 {
		position: relative;
		font-weight: bold;
		color: #2a69b2;
		font-size: 36px;
}
.in_head .group .text h2:before {
		content: "TISA 專區";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
		width: 100%;
		-webkit-text-stroke: 5px #fff;
		text-stroke: 5px #fff;
}
.in_head .pic {
		position: absolute;
		right: 3%;
		bottom: 0;
		width: 22%;
}
.in_head .pic img {
		width: 100%;
}

.in_page {
		overflow: hidden;
}

.in_menu, .in_sub_menu {
		display: flex;
		align-items: stretch;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
		margin-bottom: 15px;
}
.in_menu .item, .in_sub_menu .item {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
		cursor: pointer;
}

.in_menu {
		padding: 20px 2% 15px 2%;
}
.in_menu.icon_menu .item {
		min-height: 60px;
}
.in_menu.icon_menu .item img {
		position: absolute;
		left: 4px;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
}
.in_menu.icon_menu .item span {
		padding-left: 40px;
}
.in_menu .item {
		flex-direction: column;
		position: relative;
		width: 20%;
		margin-left: 2%;
		margin-right: 2%;
		border: 2px solid #2a69b2;
		line-height: 1.3em;
		border-radius: 15px;
		font-weight: bold;
		overflow: hidden;
		background: linear-gradient(to bottom, #fff, #dadada);
		box-shadow: 5px 5px 5px rgba(98, 94, 133, 0.35);
		cursor: pointer;
		padding: 10px;
}
.in_menu .item:hover {
		background: #2a69b2;
		color: #fff;
		border-color: #fff;
}
.in_menu .item.active {
		background: linear-gradient(to bottom, #3fb6be, #62d8df);
		color: #fff;
		text-shadow: 4px 1px 10px rgba(98, 94, 133, 0.41);
		border-color: #fff;
		cursor: default;
}
.in_menu .item.active::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		width: 100%;
		height: 150%;
		background: url("../images/btn_cover.png") no-repeat right center;
		background-size: 95% 100%;
}
.in_menu .item span {
		position: relative;
		z-index: 2;
}

.in_sub_menu .item {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 20px;
		font-weight: 500;
		cursor: pointer;
		line-height: 1.5em;
}
.in_sub_menu .item::before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		margin-right: 12px;
		border-radius: 50%;
		border: 2px solid #2a69b2;
		background: #fff;
}
.in_sub_menu .item.active, .in_sub_menu .item:hover {
		color: #4284F4;
}
.in_sub_menu .item.active::before {
		background: #ff9d52;
}
.in_sub_menu .item span {
		padding-bottom: 3px;
		border-bottom: 3px solid #2a69b2;
}

.page_title {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 25px;
		text-align: center;
}
.page_title.mb_0 {
		margin-bottom: 0;
}
.page_title h1, .page_title h2 {
		color: #1757a1;
}
.page_title h1 {
		padding: 0 20px;
		font-size: 30px;
		border-left: 4px solid #a6b8dd;
		border-right: 4px solid #a6b8dd;
}
.page_title h2 {
		font-size: 24px;
}
.page_title p {
		margin-top: 20px;
		max-width: 800px;
}

.tab_wrap {
		max-width: none;
}

.tab_menu {
		display: flex;
		align-items: stretch;
		justify-content: center;
		position: relative;
		z-index: 0;
}
.tab_menu .item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		flex: 1;
		max-width: 250px;
		margin: 0 2px;
		padding: 10px;
		padding-bottom: 15px;
		border-radius: 20px 20px 0 0;
		text-align: center;
		line-height: 1.3em;
		background: #fff;
		cursor: pointer;
		transform: translateY(5px);
}
.tab_menu .item:hover {
		transform: translateY(0);
		background: #eee;
		color: #333;
}
.tab_menu .item:hover.active {
		transform: translateY(5px);
}
.tab_menu .item.active {
		background: #2a69b2;
		color: #fff;
		cursor: default;
}
.tab_menu .item span {
		font-size: 15px;
}

.tab_group .fund_table {
		opacity: 1;
		transform: scale(1);
}

.tab_content {
		position: relative;
		z-index: 1;
}

.fund_group {
		width: 100%;
		padding: 40px 0;
		margin-bottom: 40px;
		background: #f5fafd;
		border: 1px solid #ddd;
}

.fund_form {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
		max-width: 880px;
		margin-bottom: 40px;
		padding-top: 10px;
}
.fund_form .form_box {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
		width: 48%;
		margin: 0 1%;
}
.fund_form .form_box.wide {
		flex-direction: row;
		width: 100%;
		margin-bottom: 20px;
}
.fund_form .form_box.wide .form_box {
		width: 50%;
		margin: 0;
}
.fund_form .form_box.disable .form_item select, .fund_form .form_box.disable .form_item input[type=text], .fund_form .form_box.disable .form_item .slide_btn, .fund_form .form_box.disable .form_item .slide_group {
		background: #eee;
		color: #999;
}
.fund_form .form_box.disable .form_item input[type=text]::-webkit-input-placeholder {
		color: #999;
}
.fund_form .form_box.disable .form_item input[type=text]:-moz-placeholder {
		color: #999;
}
.fund_form .form_box.disable .form_item input[type=text]::-moz-placeholder {
		color: #999;
}
.fund_form .form_box.disable .form_item input[type=text]:-ms-input-placeholder {
		color: #999;
}
.fund_form .form_box.disable .switch_item {
		opacity: 1;
}
.fund_form .form_box .switch_item label {
		cursor: pointer;
		transition: 0.3s ease;
}
.fund_form .form_box .switch_item label:hover {
		color: #2a69b2;
}
.fund_form .form_item {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		margin-bottom: 12px;
}
.fund_form .form_item.active .slide_btn {
		background: #eee;
}
.fund_form .form_item label input[type=radio] {
		margin-right: 10px;
}
.fund_form select, .fund_form input[type=text], .fund_form .slide_btn {
		width: 100%;
		max-width: 400px;
		height: 40px;
		padding: 3px 5px;
		border-radius: 10px;
		border: 1px solid #ddd;
		background: #fff;
		cursor: pointer;
}
.fund_form input[type=text]::-webkit-input-placeholder {
		color: #333;
}
.fund_form input[type=text]:-moz-placeholder {
		color: #333;
}
.fund_form input[type=text]::-moz-placeholder {
		color: #333;
}
.fund_form input[type=text]:-ms-input-placeholder {
		color: #333;
}
.fund_form .slide_item {
		position: relative;
		z-index: 0;
		max-width: 400px;
}
.fund_form .slide_item:hover {
		z-index: 1;
}
.fund_form .slide_result {
		display: none;
		position: relative;
		z-index: 0;
		width: 100%;
		border: none;
		height: auto;
		max-height: 250px;
		overflow-y: auto;
		font-size: 14px;
		border-radius: 10px;
		border: 1px solid #ccc;
		background: #eee;
}
.fund_form .slide_result.active {
		display: block;
		margin-top: 5px;
}
.fund_form .slide_btn_group {
		position: relative;
		z-index: 1;
		width: 100%;
}
.fund_form .slide_btn_group:hover .slide_group {
		opacity: 1;
		visibility: visible;
}
.fund_form .slide_btn {
		position: relative;
		z-index: 1;
}
.fund_form .slide_btn::before {
		content: "";
		position: absolute;
		right: 5px;
		top: 50%;
		width: 6px;
		height: 6px;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		transform: translateY(-50%) rotate(45deg);
}
.fund_form .slide_group {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 1%;
		top: 40px;
		z-index: 0;
		height: 250px;
		width: 98%;
		overflow: hidden;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
		overflow-y: auto;
		transition: 0.3s ease;
		background: #fff;
		border: 1px solid #ddd;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.fund_form .slide_box {
		position: relative;
		width: 100%;
}
.fund_form .slide_box .item_wrap {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 10px 15px;
		padding-top: 0;
}
.fund_form .slide_box p {
		display: inline-block;
		line-height: 1.7em;
		font-size: 16px;
}
.fund_form .slide_box label {
		display: inline-flex;
		align-items: flex-start;
		justify-content: flex-start;
		cursor: pointer;
}
.fund_form .slide_box input[type=checkbox] {
		margin-right: 10px;
		transform: translateY(5px);
}
.fund_form .slide_box span {
		line-height: 1.3em;
}
.fund_form .slide_box table {
		min-width: 750px;
}
.fund_form .slide_box th, .fund_form .slide_box td {
		width: 20%;
		padding: 5px;
		vertical-align: top;
}
.fund_form .slide_box th input, .fund_form .slide_box td input {
		transform: translateY(1px);
}
.fund_form .slide_box th label, .fund_form .slide_box td label {
		width: calc(100% - 23px);
}
.fund_form .btn_wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding-top: 15px;
}
.fund_form .btn_wrap a, .fund_form .btn_wrap button {
		display: block;
		width: 100%;
		max-width: 250px;
		padding: 3px 0;
		border-radius: 30px;
		text-align: center;
		background: #2a69b2;
		color: #fff;
		font-size: 22px;
		cursor: pointer;
		outline: none;
}
.fund_form .btn_wrap a:hover, .fund_form .btn_wrap button:hover {
		background: #4284F4;
}

.fund_table {
		position: relative;
		z-index: 0;
		width: 100%;
		max-height: 450px;
		margin: 0 auto;
		overflow: auto;
		line-height: 1.3em;
		font-size: 18px;
		letter-spacing: 0;
}
.fund_table.no_overflow {
		overflow: visible;
}
.fund_table.type_2 .item .col {
		padding: 12px 5px;
}
.fund_table.min_1265 .item {
		min-width: 1265px;
}
.fund_table.min_640 .item {
		min-width: 640px;
}
.fund_table.min_480 .item {
		min-width: 480px;
}
.fund_table.min_320 .item {
		min-width: 320px;
}
.fund_table.max_h_none {
		max-height: none;
}
.fund_table.center .item .col {
		justify-content: center;
}
.fund_table .line_og, .fund_table .line_blue {
		position: relative;
}
.fund_table .line_og::before, .fund_table .line_blue::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: -1px;
		z-index: 1;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
		border-radius: 5px;
}
.fund_table .line_og::after, .fund_table .line_blue::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(-100%, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 10px 8px 0;
}
.fund_table .line_og .notice, .fund_table .line_blue .notice {
		position: absolute;
		left: -40px;
		top: 50%;
		transform: translate(0, -50%);
		width: 20px;
}
.fund_table .line_og .notice strong, .fund_table .line_blue .notice strong {
		writing-mode: vertical-lr;
		font-size: 16px !important;
}
.fund_table .line_og .notice strong i, .fund_table .line_blue .notice strong i {
		display: inline-block;
		font-style: normal;
		transform: rotate(-90deg);
}
.fund_table .line_og::before {
		border: 4px solid #ff801f;
}
.fund_table .line_og::after {
		border-color: transparent #ff801f transparent transparent;
}
.fund_table .line_blue::before {
		border: 4px solid #2a69b2;
}
.fund_table .line_blue::after {
		border-color: transparent #2a69b2 transparent transparent;
}
.fund_table .item {
		position: relative;
		z-index: 0;
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
}
.fund_table .item.item_main_head .col {
		background: #2a69b2;
		border-right-color: #fff;
		color: #fff;
}
.fund_table .item.item_head {
		position: sticky;
		left: 0;
		top: 0;
		z-index: 1;
		border-top: 1px solid #ccc;
}
.fund_table .item.item_head .col {
		background: #c4dbf6;
}
.fund_table .item.item_head .col_head {
		border-right: 1px solid #ccc;
		background: #eee;
}
.fund_table .item .col {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		z-index: 0;
		flex: 1;
		padding: 5px;
		background: #fff;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}
.fund_table .item .col strong {
		font-size: 22px;
		font-weight: bold;
}
.fund_table .item .col:first-child {
		border-left: 1px solid #ccc;
}
.fund_table .item .col.column {
		flex-direction: column;
}
.fund_table .item .flex_2 {
		flex: 2;
}
.fund_table .item .flex_3 {
		flex: 3;
}
.fund_table .item .flex_4 {
		flex: 4;
}
.fund_table .item .flex_5 {
		flex: 5;
}
.fund_table .item .flex_6 {
		flex: 6;
}
.fund_table .item .flex_7 {
		flex: 7;
}
.fund_table .item .flex_8 {
		flex: 8;
}
.fund_table .item .col_sn {
		max-width: 60px;
		justify-content: center;
}
.fund_table .item .col_head {
		position: sticky;
		left: 0;
		top: 0;
		z-index: 1;
		border-right: 2px solid #aaa;
		background: #eee;
}
.fund_table .item .col_footer {
		background: #0ab5a7;
		color: #fff;
}
.fund_table .item .col_footer strong {
		color: #fff696;
}

.tisa_about .bg_cover {
		position: absolute;
		left: 0;
		z-index: 0;
		width: 100%;
}
.tisa_about .bg_cover_1 {
		top: 28%;
}
.tisa_about .bg_cover_2 {
		bottom: 0;
}
.tisa_about .in_head, .tisa_about .main {
		position: relative;
		z-index: 1;
}
.tisa_about .main {
		position: relative;
		margin-bottom: 40px;
}
.tisa_about .main .group {
		position: relative;
		z-index: 1;
		padding-top: 20px;
}
.tisa_about .main .info {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 40px;
}
.tisa_about .main .info .pic {
		width: 15%;
}
.tisa_about .main .info .pic.pic_1 {
		transform: translateY(-30%);
}
.tisa_about .main .info .pic img {
		max-width: 100%;
}
.tisa_about .main .info .text {
		width: 60%;
		max-width: 800px;
}
.tisa_about .main .info .text p {
		margin-bottom: 12px;
}
.tisa_about .main .info .text p:last-child {
		margin-bottom: 0;
}
.tisa_about .main .item_wrap {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		max-width: 1600px;
}
.tisa_about .main .item_wrap .item {
		width: 22%;
		margin: 0 1.5%;
		padding: 20px;
		border-radius: 30px;
		background: #fff;
}
.tisa_about .main .item_wrap .item.item_2 {
		margin-top: 100px;
}
.tisa_about .main .item_wrap .item.item_3 {
		margin-top: 20px;
}
.tisa_about .main .item_wrap .item.item_4 {
		margin-top: 60px;
}
.tisa_about .main .item_wrap .item .head {
		position: relative;
		margin-bottom: 20px;
}
.tisa_about .main .item_wrap .item .head::before {
		cotnent: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100px;
		height: 1px;
		background: #a6b8dd;
}
.tisa_about .main .item_wrap .item .head h3 {
		width: 90px;
		font-size: 26px;
		color: #3abac2;
}
.tisa_about .main .item_wrap .item .head img {
		position: absolute;
		left: 120px;
		bottom: 0;
		transform: translateY(10%);
		height: 100px;
}
.tisa_about .main .item_wrap .item .text {
		font-size: 16px;
		line-height: 1.7em;
}

.tisa_fund_overview .fund_form .select_item {
		align-items: center;
}

.fund_stendard, .fund_rule {
		position: relative;
		z-index: 1;
}

.fund_stendard {
		padding-top: 40px;
}
.fund_stendard .icon_1 {
		left: 0;
		top: 0;
		transform: translate(-20%, -30%);
		width: 10%;
}
.fund_stendard .icon_2 {
		right: 2%;
		top: 0;
		transform: translateY(-50%);
		width: 15%;
}
.fund_stendard .icon_3 {
		right: 0;
		top: 40%;
		transform: translateX(20%);
		width: 10%;
}
.fund_stendard .icon_4 {
		right: 0;
		bottom: 0;
		transform: translate(20%, 50%);
		width: 13%;
}
.fund_stendard .info .box {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		padding: 30px 20px;
		border-bottom: 1px solid #a6b8dd;
}
.fund_stendard .info .box:first-child {
		padding-top: 15px;
}
.fund_stendard .info .box:last-child {
		border: none;
}
.fund_stendard .info .box .head {
		width: 200px;
		transform: translateY(5px);
}
.fund_stendard .info .box .text {
		width: calc(100% - 200px);
		text-align: left;
}
.fund_stendard .info .box .text .text_box {
		margin-bottom: 20px;
}
.fund_stendard .info .box .text .text_box:last-child {
		margin-bottom: 0;
}
.fund_stendard .info .box .text p, .fund_stendard .info .box .text li {
		margin-bottom: 12px;
}
.fund_stendard .info .box .text p:last-child, .fund_stendard .info .box .text li:last-child {
		margin-bottom: 0;
}
.fund_stendard .info .box .text a {
		color: #2a69b2;
}
.fund_stendard .info .box .text a:hover {
		color: #ff9d52;
}
.fund_stendard .btn_wrap {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 20px 0;
}

.fund_rule {
		position: relative;
		overflow: hidden;
}
.fund_rule .icon_1 {
		left: 0;
		top: 50%;
		transform: translateX(-80%);
		z-index: 1;
		width: 10%;
}
.fund_rule .item_wrap .item {
		display: inline-flex;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding: 10px 20px;
		border-bottom: 1px solid #a6b8dd;
}
.fund_rule .item_wrap .item .head {
		display: block;
		width: 250px;
		color: #2a69b2;
}
.fund_rule .item_wrap .item .head span {
		margin-right: 5px;
		color: #000;
}
.fund_rule .item_wrap .item p {
		width: calc(100% - 250px);
}

.overlay_box {
		width: 90%;
		max-width: 1000px;
}
.overlay_box .group {
		width: 100%;
		padding: 40px 25px;
		background: #fff;
		border-radius: 5px;
}
.overlay_box .group h3 {
		margin-bottom: 25px;
		font-size: 22px;
		text-align: center;
}

.overlay_fund_list .group .fund_table {
		max-height: none;
}
.overlay_fund_list .group .fund_table .item_head .col {
		color: #2a69b2;
		border-top: 1px solid #2a69b2;
		border-bottom: 1px solid #2a69b2;
}
.overlay_fund_list .group .fund_table .item_head .col_sn {
		color: #000;
}
.overlay_fund_list .group .fund_table .col {
		padding: 10px 5px;
		border: none;
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: center;
}

.overlay_tisa_link .item_wrap {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
}
.overlay_tisa_link .item_wrap a {
		width: 32%;
		max-width: none;
		margin-right: 2%;
		margin-bottom: 15px;
		border-width: 2px;
		border-color: #ff9d52;
}
.overlay_tisa_link .item_wrap a:nth-child(3n) {
		margin-right: 0;
}

.tisa_fund .icon_1, .tisa_fund .icon_2 {
		width: 13%;
		top: 0;
		transform: translateY(-50%);
}
.tisa_fund .icon_1 {
		left: 5%;
}
.tisa_fund .icon_2 {
		right: 5%;
}

.tisa_fund_overview .icon_1 {
		transform: translateY(-25%);
}

.tisa_fund_performance .icon_1 {
		left: 2%;
		width: 11%;
}
.tisa_fund_performance .icon_2 {
		width: 10%;
		top: 10%;
		transform: translateY(0);
}

.tisa_fund_performance_2 .icon_2 {
		right: 1%;
		width: 12%;
		top: 0;
		transform: translateY(-70%);
}

.tisa_fund_performance_3 .icon_1 {
		left: 3%;
		width: 12%;
		transform: translateY(-20%);
}

.tisa_link .info {
		position: relative;
		padding: 40px 20px;
		background: #fff;
		border-radius: 10px;
}
.tisa_link .pic {
		position: absolute;
}
.tisa_link .pic img {
		width: 100%;
}
.tisa_link .pic_1 {
		right: 1%;
		top: 0;
		transform: translateY(-10%);
		width: 15%;
}
.tisa_link .pic_2 {
		left: 0;
		bottom: 2%;
		transform: translateX(-20%);
		width: 10%;
}
.tisa_link .item_wrap {
		display: flex;
		align-items: stretch;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 800px;
		margin: 0 auto;
		padding: 40px 0;
}
.tisa_link .item_wrap .more_btn {
		width: 270px;
		margin: 20px;
		margin-top: 0;
}

.link .icon_1 {
		right: 0;
		top: 3%;
		transform: translate(40%, -10%);
		width: 13%;
}
.link .icon_2 {
		left: 0;
		top: 0;
		transform: translate(-30%, -10%);
		width: 13%;
}
.link .item_wrap {
		justify-content: space-between;
}
.link .item_wrap .more_btn {
		width: 48%;
		max-width: none;
		margin: 0;
		margin-bottom: 20px;
}

.retire .item_wrap {
		display: flex;
		align-items: stretch;
		justify-content: center;
		max-width: 1400px;
}
.retire .item_wrap .item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 22%;
		margin: 0 1.5%;
}
.retire .item_wrap .item .head {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		min-height: 3em;
		line-height: 1.5em;
		font-size: 24px;
}
.retire .item_wrap .item .head img {
		margin-right: 10px;
}
.retire .item_wrap .item .head h3 span {
		display: block;
}
.retire .item_wrap .item .pic {
		width: 100%;
		max-width: 200px;
		margin-bottom: 20px;
}
.retire .item_wrap .item .pic:hover {
		transform: scale(1.1);
}
.retire .item_wrap .item .pic img {
		width: 100%;
}
.retire .item_wrap .item .btn_wrap {
		width: 100%;
}

.retire_page {
		position: relative;
}
.retire_page .page_icon {
		left: 10%;
		bottom: 0;
		height: 100px;
}

.article_content {
		position: relative;
		padding: 40px;
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.65);
}
.article_content .page_title {
		margin-bottom: 40px;
}
.article_content .article_box {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		position: relative;
		flex-wrap: wrap;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #a6b8dd;
}
.article_content .article_box.vc {
		align-items: center;
}
.article_content .article_box.no_line {
		border: none;
}
.article_content .article_box.no_padding {
		padding: 0;
}
.article_content .article_box.no_margin {
		margin: 0;
}
.article_content .article_box.pt {
		padding-top: 30px;
}
.article_content .article_box:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border: none;
}
.article_content .article_box .col_box {
		flex: 1;
		min-width: 400px;
		margin-bottom: 20px;
		padding: 0 20px;
}
.article_content .article_box .col_box.flex_2 {
		flex: 2;
}
.article_content .article_box .col_box.flex_3 {
		flex: 3;
}
.article_content .article_box .col_box.flex_4 {
		flex: 4;
}
.article_content .article_box .col_box.flex_5 {
		flex: 5;
}
.article_content .article_box .col_box.flex_6 {
		flex: 6;
}
.article_content .article_box .col_box.flex_7 {
		flex: 7;
}
.article_content .article_box .col_box.flex_8 {
		flex: 8;
}
.article_content .article_box .col_box.min_200 {
		min-width: 200px;
}
.article_content .pic img {
		max-width: 100%;
		margin: 0 auto;
}
.article_content .text h3 {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		line-height: 1.5em;
		margin-bottom: 20px;
}
.article_content .text h3 img {
		margin-right: 10px;
		transform: translateY(6px);
}
.article_content .text h3 strong {
		position: relative;
}
.article_content .text h3 strong::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
		width: 100%;
		height: 12px;
		background: #86f4e0;
}
.article_content .text h3 span {
		position: relative;
		z-index: 1;
}
.article_content .text p, .article_content .text ul, .article_content .text ol {
		padding-left: 32px;
		padding-right: 20px;
}
.article_content .text p, .article_content .text li {
		margin-bottom: 12px;
		line-height: 1.7em;
}
.article_content .text p:last-child, .article_content .text li:last-child {
		margin-bottom: 0;
}
.article_content .text p.focus span {
		padding: 5px 20px;
		line-height: 1.3em;
		border: 2px solid #0ab5a7;
		border-radius: 50px;
		background: #fff;
		color: #0ab5a7;
}
.article_content .text p.focus_2 {
		display: inline-block;
		padding: 5px 20px;
		line-height: 1.3em;
		background: #fff;
		border-radius: 50px;
}
.article_content .text p.focus_2 span {
		display: inline-block;
		margin: 0 5px;
}
.article_content .text ol.blue li {
		font-size: 20px;
		font-weight: bold;
		color: #2a69b2;
}
.article_content .text ol.blue h4 {
		padding-left: 0;
		border: none;
}
.article_content .text ol.blue p {
		font-weight: normal;
		font-size: 18px;
		color: #333;
}
.article_content .text .notice {
		padding: 10px 0;
		font-size: 14px;
		line-height: 1.5em;
		color: #666;
}
.article_content .text .notice.tr {
		text-align: right;
}
.article_content .text .notice.flex {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
}
.article_content .text .notice.m strong {
		display: none;
}
.article_content .text .notice strong {
		display: block;
		font-size: 20px;
		margin-bottom: 10px;
}
.article_content .text .notice strong.og {
		color: #ff801f;
}
.article_content .text .notice strong.dot {
		position: relative;
		padding-left: 20px;
		margin-right: 15px;
}
.article_content .text .notice strong.dot.og::before {
		background: #ff801f;
}
.article_content .text .notice strong.dot.blue::before {
		background: #2a69b2;
}
.article_content .text .notice strong.dot::before {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 4px;
		border-radius: 20px;
}
.article_content .text .list {
		padding-top: 20px;
}
.article_content .text .list.type_2 p {
		flex-wrap: wrap;
}
.article_content .text .list.type_2 p strong {
		flex: 2;
		min-width: 280px;
		margin-right: 30px;
		background: #fff;
		border: 2px solid #2a69b2;
}
.article_content .text .list.type_2 p span {
		flex: 4;
}
.article_content .text .list.type_3 .item {
		margin-bottom: 20px;
}
.article_content .text .list.type_3 .item:last-child {
		margin-bottom: 0;
}
.article_content .text .list.type_3 .item h4 {
		position: relative;
		padding-left: 25px;
		margin-bottom: 20px;
		font-size: 24px;
		border: none;
}
.article_content .text .list.type_3 .item h4 i {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(-30%, -50%);
		z-index: 1;
		width: 50px;
		height: 50px;
		font-size: 32px;
		font-weight: bold;
		font-style: normal;
		background: linear-gradient(to bottom, #38c6c2, #13aea8);
		border-radius: 50%;
		line-height: 0.8em;
		color: #fff;
		border: 2px solid #fff;
}
.article_content .text .list.type_3 .item h4 span {
		display: inline-block;
		position: relative;
		z-index: 0;
		padding: 3px 20px;
		background: #fff;
		border-radius: 30px;
}
.article_content .text .list.type_3 .item li strong {
		margin-bottom: 10px;
}
.article_content .text .list p {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
}
.article_content .text .list p strong {
		width: 140px;
		margin-right: 20px;
		background: #c1ddff;
		border-radius: 30px;
		text-align: center;
}
.article_content .text .list p span {
		width: calc(100% - 160px);
}
.article_content .box {
		padding: 0 30px;
		margin-bottom: 30px;
}
.article_content .box:last-child {
		margin-bottom: 0;
}
.article_content .box.pt {
		padding-top: 40px;
}
.article_content .box h3 {
		display: block;
}
.article_content .box h3 span {
		display: inline-block;
}
.article_content .box h4 {
		margin-bottom: 12px;
		padding-left: 10px;
		border-left: 2px solid #2a69b2;
		border-radius: 0;
		text-align: left;
		line-height: 1.3em;
		font-size: 20px;
		background: none;
		color: #2a69b2;
}
.article_content .box h4.no_line {
		border: none;
		padding-left: 0;
}
.article_content .box p, .article_content .box ul {
		padding-left: 0;
}
.article_content .table_wrap {
		margin: 0 auto;
}
.article_content .fund_table {
		width: 100%;
		font-size: 18px;
}
.article_content .btn_wrap {
		padding: 20px 0;
}

.retire_prepare .icon_1 {
		left: 0;
		top: 15%;
		transform: translateX(-85%);
		width: 12%;
}
.retire_prepare .icon_2 {
		right: 0;
		top: 0;
		transform: translateX(85%);
		width: 9%;
}
.retire_prepare .icon_3 {
		left: 0;
		top: 15%;
		transform: translateX(-85%);
		width: 10%;
}

.retire_prepare_2 .icon_1 {
		left: 0;
		bottom: 10%;
		transform: translate(-65%, 70%);
		width: 12%;
}
.retire_prepare_2 .icon_2 {
		right: 0;
		bottom: 0;
		transform: translate(50%, 50%);
		width: 12%;
}

.retire_prepare_3 .icon_1 {
		left: 0;
		bottom: 10%;
		transform: translate(-85%, 70%);
		width: 10%;
}
.retire_prepare_3 .icon_2 {
		right: 0;
		bottom: 0;
		transform: translate(80%, 50%);
		width: 12%;
}

.retire_benefits .icon_1 {
		right: 0;
		width: 25%;
		transform: translate(30%, -60%);
}
.retire_benefits .icon_2 {
		left: 0;
		top: 45%;
		transform: translateX(-80%);
		width: 10%;
}

.retire_station_menu {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 90%;
		max-width: 1000px;
}
.retire_station_menu .item {
		width: 13%;
		margin: 0 2%;
		transform-origin: 50% 100%;
		cursor: pointer;
		overflow: hidden;
		font-size: 18px;
}
.retire_station_menu .item:hover {
		width: 15%;
}
.retire_station_menu .item.active {
		width: 18%;
		transform: scale(1);
}
.retire_station_menu .item.item_1.active .contain_bg {
		background-image: url("../images/retire_station_1_active.png");
}
.retire_station_menu .item.item_1 .contain_bg {
		background-image: url("../images/retire_station_1.png");
}
.retire_station_menu .item.item_2.active .contain_bg {
		background-image: url("../images/retire_station_2_active.png");
}
.retire_station_menu .item.item_2 .contain_bg {
		background-image: url("../images/retire_station_2.png");
}
.retire_station_menu .item.item_3.active .contain_bg {
		background-image: url("../images/retire_station_3_active.png");
}
.retire_station_menu .item.item_3 .contain_bg {
		background-image: url("../images/retire_station_3.png");
}
.retire_station_menu .item.item_4.active .contain_bg {
		background-image: url("../images/retire_station_4_active.png");
}
.retire_station_menu .item.item_4 .contain_bg {
		background-image: url("../images/retire_station_4.png");
}
.retire_station_menu .item.item_5.active .contain_bg {
		background-image: url("../images/retire_station_5_active.png");
}
.retire_station_menu .item.item_5 .contain_bg {
		background-image: url("../images/retire_station_5.png");
}
.retire_station_menu .item .contain_bg {
		height: 0;
		padding-bottom: 85.47%;
}
.retire_station_menu .btn_wrap {
		padding: 20px 0;
}

.retire_prepare .icon_1 {
		left: 0;
		top: 15%;
		transform: translateX(-85%);
		width: 12%;
}
.retire_prepare .icon_2 {
		right: 0;
		top: 0;
		transform: translateX(85%);
		width: 9%;
}
.retire_prepare .icon_3 {
		left: 0;
		top: 15%;
		transform: translateX(-85%);
		width: 10%;
}

.retire_prepare_2 .icon_1 {
		left: 0;
		bottom: 10%;
		transform: translate(-65%, 70%);
		width: 12%;
}
.retire_prepare_2 .icon_2 {
		right: 0;
		bottom: 0;
		transform: translate(50%, 50%);
		width: 12%;
}

.retire_prepare_3 .icon_1 {
		left: 0;
		bottom: 10%;
		transform: translate(-85%, 70%);
		width: 10%;
}
.retire_prepare_3 .icon_2 {
		right: 0;
		bottom: 0;
		transform: translate(80%, 50%);
		width: 12%;
}

.retire_benefits .icon_1 {
		right: 0;
		width: 25%;
		transform: translate(30%, -60%);
}
.retire_benefits .icon_2 {
		left: 0;
		top: 45%;
		transform: translateX(-80%);
		width: 10%;
}

.retire_station_menu {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 90%;
		max-width: 1000px;
}
.retire_station_menu .item {
		width: 13%;
		margin: 0 2%;
		transform-origin: 50% 100%;
		cursor: pointer;
		overflow: hidden;
}
.retire_station_menu .item:hover {
		width: 15%;
}
.retire_station_menu .item.active {
		width: 18%;
		transform: scale(1);
}
.retire_station_menu .item.item_1.active .contain_bg {
		background-image: url("../images/retire_station_1_active.png");
}
.retire_station_menu .item.item_1 .contain_bg {
		background-image: url("../images/retire_station_1.png");
}
.retire_station_menu .item.item_2.active .contain_bg {
		background-image: url("../images/retire_station_2_active.png");
}
.retire_station_menu .item.item_2 .contain_bg {
		background-image: url("../images/retire_station_2.png");
}
.retire_station_menu .item.item_3.active .contain_bg {
		background-image: url("../images/retire_station_3_active.png");
}
.retire_station_menu .item.item_3 .contain_bg {
		background-image: url("../images/retire_station_3.png");
}
.retire_station_menu .item.item_4.active .contain_bg {
		background-image: url("../images/retire_station_4_active.png");
}
.retire_station_menu .item.item_4 .contain_bg {
		background-image: url("../images/retire_station_4.png");
}
.retire_station_menu .item.item_5.active .contain_bg {
		background-image: url("../images/retire_station_5_active.png");
}
.retire_station_menu .item.item_5 .contain_bg {
		background-image: url("../images/retire_station_5.png");
}
.retire_station_menu .item .contain_bg {
		height: 0;
		padding-bottom: 85.47%;
}

.retire_savings .icon_1 {
		left: 0;
		bottom: 0;
		transform: translate(-85%, 20%);
		width: 11%;
}
.retire_savings .article_box_1 {
		align-items: center;
}

.retire_savings_2 .icon_1 {
		left: 0;
		bottom: 0;
		transform: translate(-85%, 30%);
		width: 14%;
}

.retire_savings_3 .icon_1 {
		left: 0;
		bottom: 0;
		transform: translate(-85%, 30%);
		width: 14%;
}
.retire_savings_3 .apple_table .col {
		text-align: center;
}
.retire_savings_3 .apple_table .col > span {
		margin-bottom: 15px;
}
.retire_savings_3 .apple_table .col > span:last-child {
		margin-bottom: 0;
}
.retire_savings_3 .apple_table .focus {
		position: relative;
}
.retire_savings_3 .apple_table .focus::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
		width: 100%;
		height: 10px;
		background: #fff499;
}
.retire_savings_3 .apple_table .focus span {
		position: relative;
		z-index: 1;
}
.retire_savings_3 .apple_table .col_footer span {
		display: inline-block;
		margin-top: 5px;
}
.retire_savings_3 .apple_table .col_footer strong {
		font-size: 32px;
}
.retire_savings_3 .apple_table .col_footer img {
		position: absolute;
		right: 15px;
		bottom: 10px;
		width: 10%;
}

.retire_savings_4 .icon_1 {
		right: 0;
		top: 0;
		width: 20%;
}
.retire_savings_4 .icon_2 {
		left: 0;
		bottom: 0;
		transform: translate(-85%, 30%);
		width: 14%;
}
.retire_savings_4 .icon_3 {
		z-index: 1;
		right: 0;
		bottom: 0;
		transform: translate(15%, 15%);
		width: 14%;
}

.retire_savings_5 .icon_1 {
		right: 0;
		top: 0;
		transform: translate(70%, -30%);
		width: 14%;
}
.retire_savings_5 .icon_2 {
		left: 0;
		bottom: 0;
		transform: translate(-80%, 30%);
		width: 14%;
}

.faq_wrap .faq_item {
		margin-bottom: 20px;
		border-radius: 15px;
		background: #fff;
		overflow: hidden;
}
.faq_wrap .faq_item.active:hover {
		background: #fff;
		color: #333;
}
.faq_wrap .faq_item.active .que {
		border-bottom: 1px solid #2a69b2;
}
.faq_wrap .faq_item.active .que::before {
		content: "-";
}
.faq_wrap .faq_item .que, .faq_wrap .faq_item .ans {
		padding-left: 20px;
		padding-right: 20px;
}
.faq_wrap .faq_item .que strong, .faq_wrap .faq_item .ans strong {
		width: 60px;
		margin-right: 20px;
		font-size: 28px;
		font-weight: bold;
		line-height: 1em;
}
.faq_wrap .faq_item .que .text, .faq_wrap .faq_item .ans .text {
		width: calc(100% - 80px);
}
.faq_wrap .faq_item .que {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		padding-top: 12px;
		padding-bottom: 12px;
		cursor: pointer;
		transition: 0.3s ease;
}
.faq_wrap .faq_item .que:hover {
		background: #2a69b2;
		color: #fff;
}
.faq_wrap .faq_item .que::before {
		content: "+";
		display: block;
		position: absolute;
		right: 20px;
		top: 10px;
		width: 20px;
		font-style: normal;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		color: #ff801f;
}
.faq_wrap .faq_item .que strong {
		color: #0ab5a7;
}
.faq_wrap .faq_item .que .text {
		padding-right: 25px;
}
.faq_wrap .faq_item .que .text p {
		font-weight: bold;
}
.faq_wrap .faq_item .ans {
		position: relative;
		height: 0;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
		overflow: hidden;
}
.faq_wrap .faq_item .ans strong {
		color: #ff801f;
		text-align: center;
}
.faq_wrap .faq_item .ans_text {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		position: absolute;
		left: 20px;
		top: 0;
		width: calc(100% - 40px);
		padding: 20px 0;
}

.retire_related_qa .icon_1 {
		right: 0;
		top: 0;
		transform: translateY(-20%);
		width: 18%;
}
.retire_related_qa .icon_2 {
		right: 0;
		bottom: 0;
		transform: translate(15%, 0%);
		width: 12%;
}

.retire_related_intro .icon_1 {
		right: 0;
		top: 0;
		transform: translate(20%, -30%);
		width: 15%;
}
.retire_related_intro .icon_2 {
		left: 0;
		top: 30%;
		transform: translateX(-80%);
		width: 13%;
}
.retire_related_intro .icon_3 {
		right: 0;
		top: 0;
		transform: translate(50%, -110%);
		width: 13%;
}
.retire_related_intro .icon_4 {
		left: 0;
		bottom: 5%;
		transform: translate(-80%, 0);
		width: 11%;
}

.retire_related_economic .icon_1 {
		right: 0;
		top: 0;
		transform: translate(0, -40%);
		width: 15%;
}
.retire_related_economic .icon_2 {
		left: 0;
		top: 30%;
		transform: translateX(-30%);
		width: 13%;
}
.retire_related_economic .icon_3 {
		right: 0;
		bottom: 2%;
		transform: translate(25%, 0) rotateY(180deg);
		width: 13%;
}

.video_item_wrap {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 800px;
		margin: 0 auto;
}
.video_item_wrap .item {
		width: 48%;
		margin-bottom: 40px;
		border: 2px solid #4284F4;
		border-radius: 10px;
		overflow: hidden;
}
.video_item_wrap .video_h {
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
}
.video_item_wrap .video_h iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
}
.video_item_wrap .text {
		padding: 10px 15px;
		background: #2a69b2;
		color: #fff;
		line-height: 1.5em;
}
.video_item_wrap .cover {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #1757a1;
		color: #fff;
		transition: 0.3s ease;
		cursor: pointer;
}
.video_item_wrap .cover.hide {
		opacity: 0;
		visibility: hidden;
}
.video_item_wrap .cover:hover {
		background: #0ab5a7;
}
.video_item_wrap .cover h4 {
		margin-bottom: 5px;
		font-size: 22px;
		line-height: 1.3em;
}
.video_item_wrap .cover p {
		line-height: 1.3em;
}

.game {
		overflow: hidden;
}

.game_wrap {
		padding: 50px 0;
}
.game_wrap .group {
		position: relative;
		z-index: 1;
		max-width: 640px;
		border-radius: 5px;
		border: 2px solid #fff;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.game_wrap .group .pic {
		display: block;
		overflow: hidden;
}
.game_wrap .group .pic:hover img {
		transform: scale(1.1);
}
.game_wrap .group .pic img {
		width: 100%;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.game_wrap .group .text {
		padding: 30px 20px 50px 20px;
		background: #fff;
}
.game_wrap .btn_wrap {
		position: absolute;
		right: 0;
		bottom: 0;
		transform: translate(30px, 50%);
}
.game_wrap .btn_wrap .more_btn {
		width: 220px;
}

.calculator .icon_1 {
		left: 0;
		top: 0;
		transform: translate(-50%, 0);
		width: 14%;
}
.calculator .icon_2 {
		right: 0;
		top: 0;
		width: 12%;
		transform: translate(30%, -20%);
}

.calc_wrap .form {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 40px;
}
.calc_wrap .form .item {
		width: 30%;
}
.calc_wrap .form .item p {
		padding: 0;
}
.calc_wrap .input_form {
		max-width: 800px;
}
.calc_wrap .input_form .item p {
		width: 100%;
		text-align: center;
}
.calc_wrap .input_form .item .input_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 10px;
		border: 1px solid #b5b5b5;
		background: #fff;
		border-radius: 5px;
}
.calc_wrap .input_form .item span {
		width: 30px;
		color: #999;
		text-align: center;
}
.calc_wrap .input_form .item input {
		width: calc(100% - 40px);
		border: none;
		background: none;
		outline: none;
}
.calc_wrap .input_form .item input:focus {
		background: none;
}
.calc_wrap .title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		width: 100%;
		margin-bottom: 25px;
}
.calc_wrap .title::before, .calc_wrap .title::after {
		content: "";
		display: block;
		width: calc(50% - 70px);
		height: 2px;
		background: #a6b8dd;
}
.calc_wrap .title::before {
		left: 0;
}
.calc_wrap .title::after {
		right: 0;
}
.calc_wrap .title span {
		width: 100px;
		font-size: 22px;
		text-align: center;
		font-weight: bold;
}
.calc_wrap .radio_form {
		max-width: 1000px;
		margin-bottom: 20px;
}
.calc_wrap .radio_form .item {
		text-align: center;
}
.calc_wrap .radio_form .item.item_1 .tag {
		background: #ff9d52;
}
.calc_wrap .radio_form .item.item_2 .tag {
		background: #2a69b2;
}
.calc_wrap .radio_form .item.item_3 .tag {
		background: #0ab5a7;
}
.calc_wrap .radio_form .item .text {
		margin-bottom: 12px;
}
.calc_wrap .radio_form .item .text p {
		width: 100%;
		min-height: 8.5em;
		line-height: 1.7em;
}
.calc_wrap .radio_form .item .tag {
		display: inline-block;
		margin-bottom: 20px;
		padding: 2px 20px 4px 20px;
		line-height: 1.2em;
		border-radius: 30px;
		color: #fff;
}
.calc_wrap .radio_form .item .input_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 10px;
		border: 1px solid #b5b5b5;
		background: #fff;
		border-radius: 5px;
}
.calc_wrap .radio_form .item .label_wrap {
		display: flex;
		align-items: stretch;
		justify-content: center;
		flex-direction: column;
		margin: 0 auto;
}
.calc_wrap .radio_form .item label {
		margin-bottom: 15px;
}
.calc_wrap .radio_form .item label input {
		margin-right: 10px;
		transform: translateY(-2px);
}
.calc_wrap .radio_form .item label strong {
		font-size: 22px;
		font-weight: bold;
}
.calc_wrap .calc_btn {
		max-width: 300px;
		font-size: 22px;
}
.calc_wrap .calc_btn span {
		width: 100%;
}

.terms {
		max-width: 800px;
		margin: 0 auto;
		padding-top: 20px;
}
.terms h4 {
		margin-bottom: 10px;
}
.terms p {
		line-height: 1.5em;
		font-size: 14px;
}

.calc_slide {
		position: relative;
		width: 100%;
		max-width: 1000px;
		height: 0;
		overflow: hidden;
		transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.calc_result {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding: 20px 40px;
		border-radius: 20px;
		border: 1px solid #ddd;
		background: #fff;
}
.calc_result .info, .calc_result .result {
		width: 45%;
}
.calc_result .info .item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
		padding: 10px;
		padding-top: 0;
		font-size: 20px;
		border-bottom: 1px solid #ccc;
}
.calc_result .info .item:first-child span {
		margin-right: 5px;
}
.calc_result .info .item:first-child strong {
		margin-right: 0;
}
.calc_result .info .item:last-child {
		margin-bottom: 0;
		border: none;
}
.calc_result .info .item p {
		padding: 0;
		margin: 0;
}
.calc_result .info .item p strong {
		margin-right: 5px;
		font-size: 22px;
		font-weight: bold;
}
.calc_result .info .item p strong::before {
		content: attr(data-text);
}
.calc_result .info .item p strong span {
		color: #666;
		font-size: 18px;
		font-weight: normal;
}
.calc_result .result {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		justify-content: center;
		font-size: 24px;
}
.calc_result .result .count {
		display: flex;
		align-items: flex-start;
		justify-content: center;
}
.calc_result .result .count span {
		font-size: 28px;
		margin-right: 10px;
		transform: translateY(-10px);
		color: #666;
}
.calc_result .result .count strong {
		font-size: 60px;
		font-weight: bold;
		color: #2a69b2;
}
.calc_result .result .count strong::before {
		content: attr(data-result);
}

@media screen and (max-width: 1300px) {
		.home .group {
				top: 10%;
		}
}
@media screen and (max-width: 1280px) {
		.in_menu .item {
				width: 23%;
				margin-left: 1%;
				margin-right: 1%;
				border-radius: 10px;
		}
		.tisa_about .main .item_wrap .item .head img {
				height: 80px;
		}
}
@media screen and (max-width: 1180px) {
		.in_head::before {
				padding-bottom: 25%;
		}
		.in_head .group {
				padding-top: 5vw;
		}
		.in_head .group .slogan, .in_head .group .text {
				width: 45%;
				max-width: none;
		}
		.in_head .group .slogan {
				display: flex;
				align-items: center;
				justify-content: flex-end;
		}
		.in_head .group .slogan img {
				max-width: 320px;
		}
		.tisa_fund_performance .icon_1 {
				left: 3%;
				top: 10%;
				transform: translateY(0);
		}
		.tisa_fund_performance .icon_2 {
				right: 3%;
				top: 15%;
				transform: translateY(0);
		}
}
@media screen and (max-width: 1100px) {
		.tisa_about .main .item_wrap .item .head {
				margin-bottom: 10px;
		}
		.tisa_about .main .item_wrap .item .head h3 {
				font-size: 22px;
		}
		.tisa_about .main .item_wrap .item .head img {
				left: 90px;
				height: 70px;
		}
		.tisa_about .main .item_wrap .item .text {
				font-size: 15px;
		}
		.calc_result .info {
				width: 60%;
		}
		.calc_result .result {
				width: 40%;
		}
}
@media screen and (max-width: 1000px) {
		.home {
				height: calc(100vh - 134px);
		}
		.home::before {
				background-position: center top;
				background-size: 150% auto;
		}
		.home .slider .item img {
				height: 60vw;
		}
		.home .group {
				top: 24vw;
				transform: translateX(-50%);
		}
		.home .icon_wrap {
				top: 20vw;
		}
		.home .icon_wrap .pic {
				height: 35vh;
		}
		.home .icon_wrap .pic.pic_1 {
				left: 2%;
		}
		.home .icon_wrap .pic.pic_2 {
				right: 0;
		}
		.home .btn_wrap {
				top: 65vw;
		}
		.in_head .group .text h2 {
				font-size: 32px;
		}
		.in_head .group .slogan img {
				max-width: 250px;
		}
		.tisa_fund .icon_1, .tisa_fund .icon_2 {
				transform: translateY(-20%);
		}
		.tisa_fund .icon_1 {
				left: 2%;
		}
		.tisa_fund .icon_2 {
				right: 2%;
		}
		.tisa_fund_performance_2 .icon_2 {
				top: 3%;
				transform: translateY(0);
		}
		.retire .item_wrap {
				flex-wrap: wrap;
		}
		.retire .item_wrap .item {
				width: 44%;
				margin: 30px 3%;
		}
		.retire .item_wrap .item .head {
				font-size: 18px;
		}
		.retire .item_wrap .item .pic {
				max-width: 150px;
		}
		.link .icon_1 {
				top: 0;
				width: 10%;
		}
		.link .icon_2 {
				width: 12%;
		}
}
@media screen and (max-width: 900px) {
		.in_head .group .text h2 {
				font-size: 28px;
		}
		.article_content .text .list.type_2 p {
				flex-direction: column;
				margin-bottom: 25px;
		}
		.article_content .text .list.type_2 p:last-child {
				margin-bottom: 0;
		}
		.article_content .text .list.type_2 p strong, .article_content .text .list.type_2 p span {
				flex: none;
		}
		.article_content .text .list.type_2 p strong {
				width: 100%;
				max-width: 280px;
				padding: 3px 10px;
				line-height: 1.3em;
				min-width: 0;
				margin-bottom: 10px;
		}
		.article_content .text .list.type_2 p span {
				width: 100%;
		}
		.calc_result {
				padding: 20px;
		}
		.calc_result .result .count strong {
				font-size: 48px;
		}
}
@media screen and (max-width: 850px) {
		.in_menu {
				padding-bottom: 0;
		}
		.in_menu .item {
				width: 31%;
				margin-left: 1%;
				margin-right: 1%;
		}
		.article_content {
				padding-left: 20px;
				padding-right: 20px;
		}
		.tisa_about .main .item_wrap {
				flex-wrap: wrap;
				align-items: stretch;
				justify-content: space-between;
		}
		.tisa_about .main .item_wrap .item {
				width: 47%;
				margin: 0;
				margin-top: 0 !important;
				margin-bottom: 30px;
		}
		.tisa_about .main .item_wrap .item .head img {
				left: auto;
				right: 0;
		}
		.fund_stendard .icon_3 {
				top: 35%;
		}
		.fund_stendard .info .box {
				padding-left: 0;
				padding-right: 0;
		}
		.fund_stendard .info .box .head {
				width: 120px;
				transform: translateY(0);
		}
		.fund_stendard .info .box .text {
				width: calc(100% - 120px);
				font-size: 15px;
				line-height: 1.5em;
		}
		.fund_rule .item_wrap .item {
				flex-direction: column;
				padding-left: 0;
				padding-right: 0;
		}
		.fund_rule .item_wrap .item .head {
				font-size: 20px;
		}
		.fund_rule .item_wrap .item .head span {
				color: #2a69b2;
		}
		.fund_rule .item_wrap .item p {
				width: 100%;
				font-size: 15px;
		}
		.retire_prepare .icon_1 {
				top: 0;
				transform: translate(0, -110%);
		}
		.retire_prepare .icon_2 {
				transform: translateY(-100%);
				width: 10%;
		}
		.retire_prepare .icon_3 {
				left: 70%;
				top: 0;
				transform: translateY(-120%);
		}
		.retire_prepare_3 .icon_1 {
				bottom: 10%;
				transform: translateX(0);
				width: 13%;
		}
		.retire_prepare_3 .icon_2 {
				right: 0;
				bottom: 0;
				transform: translateY(50%);
				width: 12%;
		}
		.overlay_tisa_link .item_wrap {
				max-width: 600px;
				margin: 0 auto;
		}
		.overlay_tisa_link .item_wrap a {
				width: 48%;
				margin-right: 4%;
		}
		.overlay_tisa_link .item_wrap a:nth-child(3n) {
				margin-right: 4%;
		}
		.overlay_tisa_link .item_wrap a:nth-child(2n) {
				margin-right: 0;
		}
}
@media screen and (max-width: 800px) {
		.home {
				padding-top: 50px;
		}
		.home .icon_wrap {
				top: 35vw;
		}
		.home .icon_wrap .pic {
				height: 25vh;
		}
		.in_head::before {
				padding-bottom: 27%;
		}
		.in_head .group .slogan, .in_head .group .text {
				padding: 0 20px;
		}
		.in_head .group .slogan img {
				max-width: 200px;
		}
		.in_head .group .text h2 {
				font-size: 26px;
		}
		.article_content .text h3 img {
				transform: translateY(0);
		}
		.article_content .text p {
				line-height: 1.7em;
				font-size: 16px;
		}
		.article_content .fund_table {
				font-size: 16px;
		}
		.retire_savings_5 .icon_1 {
				right: 0;
				transform: translate(0%, -30%);
				width: 20%;
		}
		.retire_savings_5 .icon_2 {
				transform: translate(-60%, 60%);
				width: 20%;
		}
		.link .icon_1 {
				right: 3%;
				transform: translate(0, -15%);
		}
		.link .icon_2 {
				left: 2%;
				top: 2%;
				transform: translate(0, 0%);
		}
}
@media screen and (max-width: 768px) {
		.calc_result {
				flex-direction: column-reverse;
		}
		.calc_result .info, .calc_result .result {
				width: 100%;
		}
		.calc_result .result {
				margin-bottom: 60px;
		}
}
@media screen and (max-width: 750px) {
		.calc_wrap .radio_form {
				flex-direction: column;
				max-width: 500px;
		}
		.calc_wrap .radio_form .item {
				width: 100%;
				margin-bottom: 30px;
		}
		.calc_wrap .radio_form .item:last-child {
				margin-bottom: 0;
		}
		.calc_wrap .radio_form .item .tag {
				margin-bottom: 10px;
		}
		.calc_wrap .radio_form .item .text {
				margin-bottom: 15px;
		}
		.calc_wrap .radio_form .item .text p {
				min-height: 0;
		}
		.calc_wrap .radio_form .item .label_wrap {
				flex-direction: row;
				padding: 5px 0;
				background: #fff;
				border-radius: 10px;
				border: 1px solid #eee;
		}
		.calc_wrap .radio_form .item label {
				margin: 0 15px;
		}
		.calc_wrap .radio_form .item label input {
				margin-right: 5px;
		}
}
@media screen and (max-width: 720px) {
		.home .slogan {
				min-width: 400px;
		}
		.game_wrap .btn_wrap {
				right: 15px;
				transform: translate(0, 50%);
		}
}
@media screen and (max-width: 700) {
		.in_head::before {
				padding-bottom: 30%;
		}
		.in_head::after {
				height: 4vw;
		}
		.in_head .group {
				padding-top: 8vw;
		}
		.in_head .group .slogan, .in_head .group .text {
				width: 50%;
		}
		.in_head .group .text h2 {
				font-size: 24px;
				transform: translateY(-20px);
		}
		.tisa_fund .icon_1, .tisa_fund .icon_2 {
				transform: translateY(-10%);
		}
}
@media screen and (max-width: 640px) {
		.home .icon_wrap {
				top: 50vw;
		}
		.home .btn_wrap {
				top: 70vw;
		}
		.in_menu .item {
				width: 45%;
				margin-left: 2%;
				margin-right: 2%;
				font-size: 18px;
				padding: 5px;
		}
		.in_sub_menu .item {
				font-size: 18px;
		}
		.page_title h1 {
				font-size: 24px;
		}
		.tab_menu .item {
				padding: 5px;
				padding-bottom: 13px;
				font-size: 16px;
		}
		.tab_menu .item span {
				font-size: 13px;
				line-height: 1.2em;
		}
		.tisa_about .main .info .pic {
				display: none;
		}
		.tisa_about .main .info .text {
				width: 100%;
		}
		.tisa_fund_performance .icon_1 {
				top: -23%;
		}
		.tisa_fund_performance .icon_2 {
				top: -26%;
		}
		.article_content .text p, .article_content .text ul {
				padding-left: 0;
				padding-right: 0;
		}
		.article_content .text h3 {
				margin-bottom: 12px;
		}
		.article_content .text h3 strong::before {
				top: 0;
				bottom: auto;
		}
		.article_content .text .list p {
				flex-direction: column;
		}
		.article_content .text .list p strong {
				margin-bottom: 8px;
		}
		.article_content .text .list p span {
				width: 100%;
		}
		.article_content .text .notice.tr {
				text-align: left;
		}
		.article_content .box {
				padding: 0;
				margin-bottom: 20px;
		}
		.retire_benefits .icon_1 {
				transform: translate(25%, -100%);
		}
		.retire_station_menu {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				width: 94%;
		}
		.fund_form {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
		}
		.fund_form .form_box {
				width: 100%;
				max-width: 400px;
				margin: 0 auto;
		}
}
@media screen and (max-width: 600px) {
		.overlay_tisa_link .item_wrap {
				max-width: 300px;
		}
		.overlay_tisa_link .item_wrap a {
				width: 100%;
				margin-right: 0 !important;
		}
		.article_content .article_box .col_box {
				padding: 0;
		}
		.article_content .text .notice.m {
				display: block;
		}
		.fund_table .line_og .notice, .fund_table .line_blue .notice {
				display: none;
		}
		.fund_table .line_og::after, .fund_table .line_blue::after {
				display: none;
		}
		.retire_savings_3 .article_content .text p.focus_2 {
				text-align: center;
				width: 100%;
		}
		.retire_savings_3 .fund_table_1 .item_main_head .col:first-child {
				max-width: none;
		}
		.retire_savings_3 .fund_table_1 .col {
				flex: 2;
				font-size: 14px;
		}
		.retire_savings_3 .fund_table_1 .col:first-child {
				flex: 1;
		}
		.link .icon_1 {
				width: 14%;
		}
		.link .icon_2 {
				width: 15%;
		}
		.calculator .icon_1 {
				left: 2%;
				top: 0;
				transform: translate(0%, -30%);
		}
		.calculator .icon_2 {
				right: 2%;
				top: 0;
				width: 16%;
				transform: translate(0, -30%);
		}
}
@media screen and (max-width: 580px) {
		.in_head::before {
				padding-bottom: 35%;
		}
		.in_head .group .text h2 {
				font-size: 22px;
		}
		.retire_related_economic .icon_1 {
				transform: translate(0, -75%);
				width: 20%;
		}
		.retire_related_economic .icon_2 {
				left: 0;
				top: 35%;
				width: 15%;
		}
		.retire_related_economic .icon_3 {
				display: none;
		}
}
@media screen and (max-width: 570px) {
		.retire_savings_3 .apple_table .item_head {
				flex-direction: column;
		}
		.retire_savings_3 .apple_table .item_head .col {
				border-left: 1px solid #ccc;
		}
		.retire_savings_3 .apple_table .item .col_footer {
				padding-right: 20%;
		}
		.retire_savings_3 .apple_table .item .col_footer img {
				width: 15%;
		}
}
@media screen and (max-width: 550px) {
		.overlay_fund_list .group {
				padding-left: 5px;
				padding-right: 5px;
		}
		.article_content .article_box .col_box {
				flex: none !important;
				width: 100%;
				min-width: 0;
		}
		.article_content .article_box .col_box:last-child {
				margin-bottom: 0;
		}
		.article_content .text .list.type_3 .item h4 {
				font-size: 21px;
		}
		.retire_prepare .icon_1 {
				transform: translate(-70%, -130%);
		}
		.retire_prepare_2 .icon_1 {
				right: 0;
				left: auto;
				top: 0;
				bottom: auto;
				transform: translate(20%, -100%);
		}
		.retire_prepare_2 .icon_2 {
				transform: translate(0, 40%);
		}
		.retire_prepare_3 .icon_1 {
				left: auto;
				right: 0;
				top: 0;
				bottom: auto;
				transform: translateY(-120%);
		}
		.retire_benefits .icon_2 {
				top: 0;
				transform: translate(10%, -120%);
				width: 15%;
		}
		.retire_station_menu .item {
				width: 16%;
				margin: 0 1%;
		}
		.retire_station_menu .item:hover {
				width: 16%;
		}
		.retire_savings_4 .icon_1 {
				right: 0;
				top: 0;
				transform: translate(15%, -40%);
		}
		.retire_savings_4 .icon_2 {
				display: none;
		}
		.faq_wrap .faq_item .que strong, .faq_wrap .faq_item .ans strong {
				width: 50px;
				margin-right: 15px;
				font-size: 22px;
				line-height: 1.2em;
		}
		.faq_wrap .faq_item .que .text, .faq_wrap .faq_item .ans .text {
				width: calc(100% - 65px);
		}
}
@media screen and (max-width: 520px) {
		.calc_wrap .radio_form .item .label_wrap {
				flex-direction: column;
				padding: 10px 0;
		}
		.calc_wrap .radio_form .item label {
				margin: 0;
				margin-bottom: 10px;
		}
		.calc_wrap .radio_form .item label:last-child {
				margin-bottom: 0;
		}
}
@media screen and (max-width: 480px) {
		.home::before {
				background-size: 130% auto;
		}
		.home .group {
				top: 34vw;
		}
		.home .group .slogan {
				width: 90%;
				min-width: 0;
		}
		.home .btn_wrap {
				top: 80vw;
		}
		.in_menu {
				width: 94%;
				padding: 0;
		}
		.in_menu .item {
				font-size: 16px;
		}
		.in_head::before {
				padding-bottom: 45%;
		}
		.in_head::after {
				height: 5vw;
		}
		.in_head .group {
				flex-direction: column;
				align-items: center;
				padding-top: 3vw;
		}
		.in_head .group .slogan, .in_head .group .text {
				padding: 0;
				justify-content: center;
				text-align: center;
				width: 100%;
		}
		.in_head .group .slogan {
				margin-bottom: 10px;
				border: none;
				transform: translateX(-5px);
		}
		.in_head .group .slogan img {
				max-width: 160px;
		}
		.in_head .group .text h2 {
				transform: translateY(0);
		}
		.in_sub_menu {
				width: 94%;
		}
		.in_sub_menu .item {
				margin-bottom: 8px;
				font-size: 16px;
		}
		.article_content {
				padding: 20px;
		}
		.tisa_about .main .item_wrap .item {
				width: 100%;
		}
		.tisa_fund .icon_1, .tisa_fund .icon_2 {
				transform: translateY(-50%);
		}
		.fund_stendard .icon_3 {
				display: none;
		}
		.tisa_link .pic_1 {
				top: auto;
				bottom: 0;
		}
		.tisa_link .item_wrap {
				padding-top: 0;
				padding-bottom: 40px;
		}
		.tisa_link .item_wrap .more_btn {
				margin-left: 0;
				margin-right: 0;
		}
		.article_content .text h3 {
				margin-bottom: 12px;
		}
		.article_content .text h3 img {
				transform: translateY(4px);
				width: 18px;
		}
		.retire_benefits .icon_1 {
				transform: translate(0%, -120%);
		}
		.retire_savings .icon_1 {
				right: 0;
				left: auto;
				transform: translate(50%, 50%);
				width: 16%;
		}
		.retire_savings_2 .icon_1 {
				right: 0;
				left: auto;
				transform: translate(20%, 20%);
				width: 25%;
		}
		.retire_related_qa .icon_1 {
				transform: translate(20%, -30%);
				width: 22%;
				width: 18%;
		}
		.retire_related_qa .icon_2 {
				display: none;
		}
		.retire_related_intro .icon_1 {
				transform: translate(20%, -70%);
				width: 18%;
		}
		.retire_related_intro .icon_2 {
				transform: translateX(-50%);
				width: 20%;
		}
		.retire_related_intro .icon_3 {
				transform: translate(0%, -150%);
				width: 25%;
		}
		.retire_related_intro .icon_4 {
				display: none;
				display-width: 20%;
		}
		.game_wrap .group .text {
				padding-top: 10px;
				padding-bottom: 40px;
		}
		.game_wrap .btn_wrap {
				left: 50%;
				right: auto;
				transform: translate(-50%, 50%);
		}
		.link .item_wrap {
				padding-top: 40px;
		}
		.link .item_wrap .more_btn {
				width: 100%;
		}
}
@media screen and (max-width: 450px) {
		.in_head::before {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				padding-bottom: 0;
		}
		.in_head .group {
				position: relative;
				left: 0;
				top: 0;
				transform: translateX(0);
				padding: 50px 0 35px 0;
		}
		.retire .item_wrap {
				padding-top: 20px;
		}
		.retire .item_wrap .item {
				width: 100%;
				margin: 0;
				margin-bottom: 30px;
		}
		.retire .item_wrap .item:last-child {
				margin-bottom: 0;
		}
		.retire .item_wrap .item .head {
				min-height: 0;
		}
		.retire .item_wrap .item .pic {
				max-width: 150px;
		}
		.retire_prepare .icon_1, .retire_prepare .icon_2, .retire_prepare .icon_3 {
				width: 13%;
		}
		.retire_prepare .icon_1 {
				display: none;
		}
		.retire_prepare_2 .icon_1, .retire_prepare_2 .icon_2 {
				width: 18%;
		}
		.retire_station_menu {
				justify-content: center;
				flex-wrap: wrap;
		}
		.retire_station_menu .item {
				width: 30%;
				margin: 0 1.5%;
				margin-bottom: 20px;
		}
		.retire_station_menu .item:hover, .retire_station_menu .item.active {
				width: 30%;
		}
		.retire_station_menu .item .contain_bg {
				padding-bottom: 62.09%;
				background-position: center top;
				background-size: 100% auto;
		}
		.retire_savings_3 .fund_table_1 .col {
				letter-spacing: 0;
				font-size: 13px;
		}
		.retire_savings_3 .fund_table_1 .col:first-child {
				min-width: 40px;
				word-break: break-all;
		}
		.video_item_wrap .item {
				width: 100%;
				margin-bottom: 20px;
		}
		.calc_wrap .input_form {
				flex-direction: column;
		}
		.calc_wrap .form .item {
				width: 100%;
				margin-bottom: 15px;
		}
		.calc_wrap .form .item p {
				margin-bottom: 8px;
		}
		.calc_result {
				padding: 10px;
		}
		.calc_result .info .item {
				padding: 5px 0;
				letter-spacing: 0;
		}
		.calc_result .info .item p {
				font-size: 15px;
		}
		.calc_result .info .item p strong {
				font-size: 18px;
		}
		.calc_result .info .item p strong span {
				font-size: 15px;
		}
		.calc_result .result {
				margin-bottom: 40px;
		}
}
@media screen and (max-width: 420px) {
		.in_sub_menu {
				flex-direction: column;
		}
		.in_sub_menu .item {
				margin: 0;
				margin-bottom: 10px;
		}
		.retire_savings_4 .icon_1 {
				transform: translate(20%, -60%);
				width: 25%;
		}
		.retire_savings_4 .icon_3 {
				transform: translate(10%, -50%);
				width: 20%;
		}
		.calc_result .result .count strong {
				font-size: 40px;
		}
		.calc_result .result .count span {
				transform: translateY(0);
		}
}
@media screen and (max-width: 400px) {
		.in_menu .item {
				font-size: 16px;
		}
		.article_content .text .list.type_3 .item h4 {
				font-size: 20px;
		}
		.article_content .text .list.type_3 .item h4 i {
				transform: translate(-15%, -50%);
				width: 38px;
				height: 38px;
				font-size: 26px;
		}
		.retire_benefits .icon_1 {
				transform: translate(20%, -140%);
				width: 35%;
		}
		.faq_wrap .faq_item .que, .faq_wrap .faq_item .ans {
				padding-left: 12px;
				padding-right: 12px;
		}
		.faq_wrap .faq_item .que strong, .faq_wrap .faq_item .ans strong {
				width: 40px;
				margin-right: 10px;
				font-size: 18px;
				line-height: 1.5em;
		}
		.faq_wrap .faq_item .que .text, .faq_wrap .faq_item .ans .text {
				width: calc(100% - 50px);
		}
		.faq_wrap .faq_item .que::before {
				right: 5px;
				top: 8px;
		}
}
@media screen and (max-width: 375px) {
		.tab_menu .item {
				font-size: 14px;
		}
		.tab_menu .item span {
				font-size: 12px;
		}
		.article_content {
				padding-left: 15px;
				padding-right: 15px;
		}
		.retire_station_menu .item {
				width: 35%;
				margin-left: 2%;
				margin-right: 2%;
		}
		.retire_station_menu .item:hover, .retire_station_menu .item.active {
				width: 40%;
		}
		.retire_savings_4 .icon_3 {
				transform: translate(20%, -75%);
		}
		.link .icon_1 {
				right: 0;
				transform: translate(20%, -15%);
		}
		.link .icon_2 {
				right: 0;
				transform: translate(-35%, -10%);
		}
}
@media screen and (max-width: 350px) {
		.in_menu .item {
				width: 100%;
				max-width: 250px;
				margin-left: 0;
				margin-right: 0;
		}
		.in_head .group .text h2 {
				font-size: 18px;
		}
		.calculator .icon_1 {
				left: 0%;
				top: 0;
				transform: translate(0%, -35%);
		}
		.calculator .icon_2 {
				right: 0;
				top: 0;
				transform: translate(0, -50%);
		}
}
.tns-outer {
		padding: 0 !important;
}
.tns-outer [hidden] {
		display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
		cursor: pointer;
}

.tns-slider {
		transition: all 0s;
}
.tns-slider > .tns-item {
		box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
		white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
		display: inline-block;
		vertical-align: top;
		white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
		content: "";
		display: table;
		clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
		float: left;
}

.tns-carousel.tns-no-subpixel > .tns-item {
		margin-right: -100%;
}

.tns-no-calc {
		position: relative;
		left: 0;
}

.tns-gallery {
		position: relative;
		left: 0;
		min-height: 1px;
}
.tns-gallery > .tns-item {
		position: absolute;
		left: -100%;
		transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
		position: relative;
		left: auto !important;
}
.tns-gallery > .tns-moving {
		transition: all 0.25s;
}

.tns-lazy-img {
		transition: opacity 0.6s;
		opacity: 0.6;
}
.tns-lazy-img.loaded {
		opacity: 1;
}

.tns-ah {
		transition: height 0s;
}

.tns-ovh {
		overflow: hidden;
}

.tns-visually-hidden {
		position: absolute;
		left: -10000em;
}

.tns-transparent {
		opacity: 0;
		visibility: hidden;
}

.tns-fadeIn {
		opacity: 1;
		filter: alpha(opacity=100);
		z-index: 0;
}

.tns-normal, .tns-fadeOut {
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: -1;
}

.tns-t-subp2 {
		margin: 0 auto;
		width: 310px;
		position: relative;
		height: 10px;
		overflow: hidden;
}

.tns-t-ct {
		width: 2333.3333333%;
		width: -moz-calc(100% * 70 / 3);
		width: 2333.3333333333%;
		position: absolute;
		right: 0;
}
.tns-t-ct:after {
		content: "";
		display: table;
		clear: both;
}
.tns-t-ct > div {
		width: 1.4285714%;
		width: -moz-calc(100% / 70);
		width: 1.4285714286%;
		height: 10px;
		float: left;
}

/* overlay.css ==============================================*/
.overlay_wrap {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		transform: scale(0);
		transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		background: rgba(0, 37, 80, 0.8);
}
.overlay_wrap.trans {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
}
.overlay_wrap.trans .overlay_content {
		opacity: 1;
}
.overlay_wrap.full > .overlay_close_btn {
		display: block;
		width: 50px;
		height: 50px;
}
.overlay_wrap.full > .overlay_close_btn:before, .overlay_wrap.full > .overlay_close_btn:after {
		background: #fff;
}
.overlay_wrap.in_close > .overlay_close_btn {
		display: none;
}
.overlay_wrap > .overlay_close_btn:before, .overlay_wrap > .overlay_close_btn::after {
		background: #fff;
}

.overlay_bg {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0.9;
		cursor: url(../images/icon/mouse_icon_w.png), auto;
}

.overlay_content {
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		overflow-y: auto;
		box-sizing: border-box;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		pointer-events: none;
		cursor: default;
}

.overlay_flex {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 100vh;
		padding: 20px 0;
		box-sizing: border-box;
}

.overlay_box {
		display: none;
		position: relative;
		z-index: 1;
		pointer-events: auto;
}
.overlay_box.trans {
		display: block;
}

.overlay_close_btn {
		position: absolute;
		right: 10px;
		top: 8px;
		z-index: 30;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		cursor: pointer;
		box-sizing: border-box;
}
.overlay_close_btn:hover {
		transform: rotateZ(180deg) scale(1.2);
}
.overlay_close_btn:before, .overlay_close_btn:after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 60%;
		height: 2px;
		background: #2a69b2;
}
.overlay_close_btn:before {
		transform: translate(-50%, -50%) rotateZ(45deg);
}
.overlay_close_btn:after {
		transform: translate(-50%, -50%) rotateZ(-45deg);
}

.overlay_slider_btn {
		display: block;
		position: fixed;
		top: 50%;
		width: 60px;
		height: 60px;
		cursor: pointer;
		transform: translateY(-50%);
		transition: 0.3s ease;
}
.overlay_slider_btn:before {
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		width: 40px;
		height: 40px;
		transform: rotateZ(45deg);
}
.overlay_slider_btn:hover.prev {
		left: 30px;
}
.overlay_slider_btn:hover.next {
		right: 30px;
}

.notice_box {
		width: 90%;
		max-width: 500px;
		border-radius: 10px;
		padding: 30px 20px;
		background: #fff;
		color: #4b545e;
		text-align: center;
}
.notice_box .group {
		padding: 30px;
}
.notice_box .notice_text {
		margin-bottom: 30px;
		font-size: 20px;
}
.notice_box .notice_btn {
		display: inline-block;
		width: 150px;
		padding: 0px 20px;
		border-radius: 30px;
		background: #2065ac;
		color: #fff;
		font-size: 15px;
		cursor: pointer;
		font-weight: bold;
		transition: 0.3s ease;
}
.notice_box .notice_btn:hover {
		background: #ff9d52;
}

/* footer.css ==============================================*/
.footer {
		position: relative;
		z-index: 3;
		width: 100%;
		padding-top: 140px;
}
.footer.pic_hide {
		padding-top: 0;
}
.footer.pic_hide .top_btn {
		display: none;
}
.footer .group {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		padding: 30px 2%;
		background: #fff;
}
.footer .logo {
		width: 90%;
		max-width: 400px;
		margin: 0 auto;
}
.footer .logo img {
		width: 100%;
		margin: 0 auto;
}
.footer .pic {
		position: absolute;
		right: 100px;
		top: 0;
		transform: translateY(-100%);
}
.footer .pic img {
		height: 120px;
}
.footer .icon {
		position: absolute;
		left: 3%;
		top: 0;
		transform: translateY(-110%);
}
.footer .icon img {
		width: auto;
		height: 150px;
}
.footer .top_btn {
		opacity: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: fixed;
		right: 10px;
		bottom: 15px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: #2a69b2;
		text-align: center;
		color: #fff;
		font-size: 18px;
		line-height: 1em;
		cursor: pointer;
		font-size: 13px;
}
.footer .top_btn.move {
		bottom: 75px;
}
.footer .top_btn.active {
		opacity: 1;
}
.footer .top_btn:hover {
		background: #0ab5a7;
}
.footer .top_btn img {
		margin-bottom: 3px;
}

@media screen and (max-width: 600px) {
		.footer {
				padding-top: 28vw;
		}
		.footer .pic img {
				height: 22vw;
		}
		.footer .icon img {
				height: 15vw;
		}
}
@media screen and (max-width: 550px) {
		.footer .group {
				padding: 15px 0;
		}
		.footer .logo {
				max-width: 320px;
		}
}
@media screen and (max-width: 400px) {
		.footer .icon {
				transform: translateY(-200%);
		}
}
/*# sourceMappingURL=style.css.map */