.dark .semi-transparent#header {
	background-color: rgb(0, 137, 209);
}
.dark .semi-transparent.floating-header#header .container {
	background-color: rgb(0, 137, 209);
}
.dark.semi-transparent#header {
	background-color: rgb(0, 137, 209);
}
.dark.semi-transparent.floating-header#header .container {
	background-color: rgb(0, 137, 209);
}
@media all and (max-width:991px)
{
:not(.sticky-header).transparent-header.dark#header #header-wrap {
	border-bottom-color: rgba(255, 255, 255, 0.1) !important; background-color: rgb(0, 137, 209);
}
}
@media all and (min-width:576px)
{
.container {
	max-width: 540px;
}
}
@media all and (min-width:768px)
{
.container {
	max-width: 750px;
}
}
@media all and (min-width:992px)
{
.container {
	max-width: 970px;
}
}
@media all and (min-width:1200px)
{
.container {
	max-width: 1170px;
}
}
@media all and (max-width:575.98px)
{
.container {
	width: 100% !important; padding-right: 20px !important; padding-left: 20px !important;
}
.full-header#header .container {
	width: 100% !important; padding-right: 20px !important; padding-left: 20px !important;
}
.container-fullwidth {
	width: 100% !important; padding-right: 20px !important; padding-left: 20px !important;
}
}
.grey_light {
	color: rgb(241, 241, 241) !important;
}
.grey {
	color: rgb(165, 165, 165) !important;
}
.grey_dark {
	color: rgb(74, 74, 74) !important;
}
.yellow_light {
	color: rgb(255, 220, 97) !important;
}
.yellow {
	color: rgb(255, 202, 16) !important;
}
.yellow_dark {
	color: rgb(238, 179, 29) !important;
}
.blue_light {
	color: rgb(104, 185, 235) !important;
}
.blue {
	color: rgb(80, 153, 199) !important;
}
.blue_dark {
	color: rgb(12, 48, 73) !important;
}
.white {
	color: rgb(255, 255, 255) !important;
}
.teal {
	color: rgb(113, 216, 225) !important;
}
.green {
	color: rgb(0, 135, 56) !important;
}
.bg_grey_light {
	background-color: rgb(241, 241, 241) !important;
}
.bg_grey {
	background-color: rgb(165, 165, 165) !important;
}
.bg_grey_dark {
	background-color: rgb(74, 74, 74) !important;
}
.bg_yellow_light {
	background-color: rgb(255, 220, 97) !important;
}
.bg_yellow {
	background-color: rgb(255, 202, 16) !important;
}
.bg_yellow_dark {
	background-color: rgb(238, 179, 29) !important;
}
.bg_blue_light {
	background-color: rgb(104, 185, 235) !important;
}
.bg_blue {
	background-color: rgb(80, 153, 199) !important;
}
.bg_blue_dark {
	background-color: rgb(12, 48, 73) !important;
}
.bg_white {
	background-color: rgb(255, 255, 255) !important;
}
.bg_teal {
	background-color: rgb(113, 216, 225) !important;
}
.bg_pink_dark {
	background-color: rgb(234, 76, 117) !important;
}
body {
	color: rgb(0, 0, 0) !important; line-height: 1.6; font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif !important;
}
body {
	font-size: 1rem;
}
.dropdown-menu {
	font-size: 1rem;
}
:not(.static-sticky):not(.sticky-style-3):not(.sticky-style-2).sticky-header#header #logo img {
	height: 65px !important;
}
a {
	color: rgb(0, 115, 197) !important;
}
a:hover {
	color: rgb(0, 6, 189) !important;
}
h1 {
	font-size: 2.4rem;
}
.h1 {
	font-size: 2.4rem;
}
h2 {
	font-size: 1.9rem;
}
.h2 {
	font-size: 1.9rem;
}
h3 {
	font-size: 1.7rem;
}
.h3 {
	font-size: 1.7rem;
}
h4 {
	font-size: 1.5rem;
}
.h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.15rem;
}
.h5 {
	font-size: 1.15rem;
}
h6 {
	font-size: 1rem;
}
.h6 {
	font-size: 1rem;
}
@media all and (max-width:991.98px)
{
h1 {
	font-size: 2.2rem;
}
.h1 {
	font-size: 2.2rem;
}
h2 {
	font-size: 1.7rem;
}
.h2 {
	font-size: 1.7rem;
}
h3 {
	font-size: 1.4rem;
}
.h3 {
	font-size: 1.4rem;
}
h4 {
	font-size: 1.2rem;
}
.h4 {
	font-size: 1.2rem;
}
h5 {
	font-size: 1rem;
}
.h5 {
	font-size: 1rem;
}
h6 {
	font-size: 0.75rem;
}
.h6 {
	font-size: 0.75rem;
}
}
@media all and (max-width:320px)
{
h1 {
	font-size: 2rem;
}
.h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.5rem;
}
.h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1.2rem;
}
.h3 {
	font-size: 1.2rem;
}
h4 {
	font-size: 1.05rem;
}
.h4 {
	font-size: 1.05rem;
}
h5 {
	text-align: left; font-size: 0.75rem;
}
.h5 {
	text-align: left; font-size: 0.75rem;
}
h6 {
	font-size: 0.5rem;
}
.h6 {
	font-size: 0.5rem;
}
}
@media all and (min-width:992px)
{
.container {
	max-width: 970px;
}
}
@media all and (min-width:1200px)
{
.container {
	max-width: 1170px;
}
}
#primary-menu ul li a {
	font-size: 1em;
}
#primary-menu ul li:hover > a {
	color: rgb(80, 153, 199) !important;
}
#primary-menu ul li.current > a {
	color: rgb(80, 153, 199) !important;
}
#primary-menu .btn-share a {
	padding: 20px 2px;
}
:not(.static-sticky).sticky-header#header #primary-menu .btn-share a {
	padding: 13px 2px;
}
#primary-menu .btn-share {
	padding-left: 20px;
}
@media all and (max-width:991.98px)
{
#primary-menu .btn-share {
	padding-left: 0px;
}
#primary-menu > ul {
	margin-bottom: 1rem !important;
}
#primary-menu > div > ul {
	margin-bottom: 1rem !important;
}
#primary-menu ul li a {
	font-size: 1.2em;
}
#primary-menu-trigger {
	font-size: 2em;
}
.btn-share {
	top: 20px; right: 10px; display: block !important; position: absolute;
}
.nav-item.btn-share {
	display: none !important;
}
}
.button.button-dark:hover {
	background-color: rgb(36, 155, 200);
}
.button:hover {
	background-color: rgb(36, 155, 200);
}
.button.button-border {
	font-size: 1.1rem;
}
.button-border.button-white {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button-border.button-reveal.button-white:hover {
	background-color: rgba(255, 255, 255, 0.3) !important;
}
.heading-block::after {
	display: none; content: "";
}
.heading-block h3 {
	font-size: 1.75rem;
}
.flip-card-inner {
	padding: 2rem 1rem;
}
.accordion.accordion-border .acctitle {
	border-color: rgb(204, 204, 204); padding: 10px 15px 10px 36px; line-height: 33px; font-size: 1rem;
}
.accordion.accordion-border .acctitlec {
	border-color: rgb(204, 204, 204); padding: 10px 15px 10px 36px; line-height: 33px; font-size: 1rem;
}
.accordion.accordion-border .acctitle i {
	line-height: 55px;
}
.bg_blue_dark .flip-card-inner hr {
	border-top-color: rgba(255, 255, 255, 0.4); border-top-width: 1px; border-top-style: dotted;
}
.si-sticky {
	width: 145px;
}
.sticky-icon {
	margin: 8px 20px 5px -40px; width: 190px; height: auto; text-align: center !important; color: rgb(85, 85, 85); line-height: 0 !important; float: left; display: block;
}
.sticky-icon img {
	display: block; position: relative;
}
@media all and (max-width:991.98px)
{
.sticky-icon {
	margin: 8px 20px 5px 0px; width: 75px; height: auto; text-align: center !important; color: rgb(85, 85, 85); line-height: 0 !important; float: left; display: block;
}
}
@media all and (max-width:600px)
{
.si-sticky {
	width: 110px;
}
.sticky-icon {
	width: 115px; height: auto;
}
}
.content-wrap {
	padding: 45px 0px 0px;
}
@media all and (max-width:598px)
{
.content-wrap {
	padding: 5px 0px 0px;
}
}
.m01 {
	display: block;
}
.m02 {
	display: none;
}
@media all and (max-width:1000px)
{
.m02 {
	display: block;
}
.m01 {
	display: none;
}
}
.sideshake {
	transform-origin: center bottom; transition:all; animation:sideshake 3s infinite;
}
.fa-arrow-right {
	animation:bounceRight 2s infinite; -webkit-animation: bounceRight 2s infinite;
}
.bounce {
	animation:bounce 2s infinite;
}
.event_area {
	padding: 40px; border-radius: 25px; text-align: center; background-color: rgb(253, 253, 253);
}
.notice_area {
	padding: 40px; border-radius: 25px; text-align: center; background-color: rgb(253, 253, 253);
}
.go_gift {
	width: 25%; padding-top: 25px;
}
.gift_area {
	padding: 70px 0px 0px;
}
.sub_title {
	text-align: left;
}
.txtinfo {
	padding-top: 25px; padding-bottom: 5px;
}
.gotoform {
	padding-bottom: 35px;
}
.col-t {
	flex:0 0 3%; max-width: 3%;
}
.col-t2 {
	flex:0 0 22%; max-width: 22%;
}
.pt-4 {
	padding-top: 0px !important;
}
#content {
	background-image: linear-gradient(223deg, rgba(223, 223, 223, 1) 0%, rgba(255, 255, 255, 1) 52.85%, rgba(215, 214, 214, 1) 100%);
}
.mainimage {
	background-image: linear-gradient(223deg, rgba(223, 223, 223, 1) 0%, rgba(255, 255, 255, 1) 52.85%, rgba(215, 214, 214, 1) 100%);
}
.item {
	display: block;
}
.item .num {
	background: rgb(0, 142, 198); padding: 0px 20px; color: rgb(255, 255, 255); font-family: Verdana; font-size: 2.5rem; margin-right: 20px;
}
.item .right {
	width: 85%; vertical-align: top; display: inline-block;
}
@media all and (max-width:998px)
{
.item .right {
	width: 75%; vertical-align: top; display: inline-block;
}
}
.item .num {
	vertical-align: top; display: inline-block;
}
.item .right {
	vertical-align: top; display: inline-block;
}
.item .text {
	margin-bottom: 4px;
}
p.text {
	line-height: 180%; letter-spacing: 2px; font-size: 1.31rem;
}
.bold {
	font-weight: bold;
}
.item .font-18 {
	line-height: 188%;
}
.font-18 {
	font-size: 1.12rem;
}
.t_center {
	margin: 0px auto; text-align: center;
}
.t_center2 {
	text-align: center;
}
#content .sub_0 {
	padding-bottom: 45px; font-size: 1.25rem;
}
.c_info {
	margin: 8px;
}
.img-fluid-go {
	height: auto; padding-top: 5px; float: right; max-width: 16px;
}
.img-ps {
	padding-right: 10px;
}
.s-title {
	text-align: center; color: rgb(255, 143, 0); letter-spacing: -0.25px; padding-bottom: 10px; font-size: 2.2rem; font-weight: 900;
}
.s-txt {
	text-align: center; color: rgb(82, 54, 37); padding-bottom: 45px; font-weight: 600;
}
@media all and (max-width:998px)
{
#section-step1 {
	margin-top: 0px;
}
.e_p {
	margin: 0px auto; width: 45%; display: block;
}
.e_t_box {
	width: 100%; display: block;
}
.e_subtitle {
	font-size: 1.35rem;
}
.e_txt {
	line-height: 1.5rem; font-size: 0.9rem;
}
.s-title {
	text-align: center; color: rgb(255, 143, 0); letter-spacing: -0.25px; padding-top: 10px; padding-bottom: 5px; font-size: 1.8rem; font-weight: 900;
}
.s-title-img {
	width: auto; height: auto;
}
.s-txt {
	text-align: center; color: rgb(82, 54, 37); padding-bottom: 25px; font-size: 0.9rem; font-weight: 600;
}
.sps_txt {
	text-align: center; letter-spacing: -0.5px; font-size: 0.75rem; margin-top: 12px;
}
}
@media all and (max-width:414px)
{
.s-title-img {
	width: auto; height: auto;
}
}
@media all and (max-width:823px) and (max-height:414px)
{
.container {
	max-width: 750px;
}
}
@media all and (max-width:350px)
{
.kv_title_date {
	font-size: 1em;
}
}
#LP_01 #slider .t_title {
	margin-top: 12%; max-width: 35%;
}
#LP_01 #slider .kv_people {
	bottom: 0px; z-index: 1; max-width: 35%;
}
#LP_01 #slider .kv_people_left {
	left: 0px;
}
#LP_01 #slider .kv_people_right {
	right: 0px;
}
#LP_01 .kv_promo_date {
	margin: 5px auto 0px;
}
#LP_01 .kv_promo_number.animation_01 {
	animation:white 3s 1s infinite;
}
#LP_01 .kv_promo_number.animation_02 {
	animation:white 3s 2s infinite;
}
#LP_01 .kv_promo_number.animation_03 {
	animation:white 3s 3s infinite;
}
#LP_01 .kv_promo_h2.animation_01 {
	animation:yellow 3s 1s infinite;
}
#LP_01 .kv_promo_h2.animation_02 {
	animation:yellow 3s 2s infinite;
}
#LP_01 .kv_promo_h2.animation_03 {
	animation:yellow 3s 3s infinite;
}
@media all and (max-width:991.98px)
{
#LP_01 #slider .t_title {
	height: 35%; overflow: hidden;
}
#LP_01 .kv_promo .row {
	margin-right: -10px; margin-left: -10px;
}
#LP_01 .kv_promo_title {
	display: none;
}
#LP_01 .kv_promo_content {
	padding: 20px 0px; text-align: center;
}
#LP_01 .kv_promo_number {
	margin: 0px auto; border-radius: 20px; left: 0px; top: -20px; width: 40px; height: 40px; right: 0px; color: rgb(255, 255, 255) !important; padding-top: 3px; font-size: 1.5em; background-color: rgb(74, 74, 74);
}
#LP_01 .kv_promo_h2 {
	font-size: 1.3em;
}
#LP_01 .kv_promo_h3 {
	font-size: 1.1em;
}
}
@media all and (max-width:1024px) and (max-height:1366px)
{
#LP_01 #slider .t_title {
	height: auto; overflow: hidden;
}
#LP_01 #slider .t_title {
	margin-top: 15%; max-width: 500px;
}
#LP_01 #slider .kv_people {
	bottom: 0px; max-width: 60%;
}
#LP_01 #slider .kv_people_left {
	left: 0px;
}
#LP_01 #slider .kv_people_right {
	right: 0px;
}
}
@media all and (max-width:768px) and (max-height:1024px)
{
#LP_01 #slider .t_title {
	margin-top: 10%; max-width: 50%;
}
#LP_01 .kv_title_date {
	top: 43%; width: 30%; display: block;
}
#LP_01 #slider .kv_people {
	bottom: 84px; max-width: 50%;
}
#LP_01 #slider .kv_people_left {
	left: 5%;
}
#LP_01 #slider .kv_people_right {
	right: 5%;
}
}
@media all and (max-width:414px) and (max-height:823px)
{
#LP_01 #slider .kv_title img {
	margin-top: 80px; max-width: 240px;
}
#LP_01 #slider .kv_people {
	bottom: 90px;
}
#LP_01 .kv_title_date {
	top: 43%; width: 60%; display: block;
}
}
@media all and (max-width:736px) and (max-height:736px)
{
#LP_01 #slider .t_title {
	height: 210px;
}
#LP_01 #slider .t_title {
	margin-top: 40px;
}
#LP_01 .kv_title_date {
	top: 220px; width: 60%; display: block;
}
#LP_01 #slider .kv_people {
	max-width: 55%;
}
#LP_01 #slider .kv_people {
	bottom: 50px;
}
#LP_01 #slider .kv_people_left {
	left: 0px;
}
#LP_01 #slider .kv_people_right {
	right: 0px;
}
}
@media all and (max-width:823px) and (max-height:414px)
{
#LP_01 #slider .t_title {
	height: 150px;
}
#LP_01 #slider .t_title {
	margin-top: -1%; max-width: 220px;
}
#LP_01 .kv_title_date {
	top: 155px; width: 180px; font-size: 1em; display: block;
}
#LP_01 #slider .kv_people {
	bottom: 0px; max-width: 40%;
}
}
@media all and (max-width:350px)
{
#LP_01 #slider .t_title {
	height: 165px;
}
#LP_01 #slider .t_title {
	margin-top: 20px; max-width: 200px;
}
#LP_01 .kv_title_date {
	top: 170px;
}
#LP_01 .kv_promo_h2 {
	font-size: 1em;
}
}
@media all and (max-width:320px) and (max-height:500px)
{
#LP_01 #slider .kv_people {
	display: none;
}
}
#LP_01 .feature_badge_365days {
	top: -20%; width: 40%; right: -20%; position: absolute;
}
#LP_01 .feature_badge_banks {
	animation:blink 2s infinite; top: -30%; width: 20%; right: 31%; position: absolute; z-index: 100;
}
#LP_01 .feature_step_block {
	padding: 20px 0px; border-radius: 10px; background-color: rgb(86, 202, 255);
}
@media all and (max-width:512px)
{
#LP_01 .feature_step_block {
	padding: 12px 22px 0px; border-radius: 10px; width: 95%; background-size: 100%; background-color: rgb(86, 202, 255);
}
}
#LP_01 .feature_step_block h5 {
	margin-bottom: 10px;
}
#LP_01 .feature_step_block h5 big {
	font-size: 2em;
}
#LP_01 .feature_step_icon {
	height: 13%;
}
@media all and (max-width:512px)
{
.r_a {
	display: none;
}
}
@media all and (max-width:991.98px)
{
#LP_01 .feature_badge_365days {
	top: -20%; width: 30%; right: 0%;
}
#LP_01 .feature_badge_banks {
	right: 23%;
}
}
@media all and (max-width:1024px) and (max-height:1366px)
{
#LP_01 .feature_badge_365days {
	width: 30%; right: -10%;
}
#LP_01 .feature_badge_banks {
	right: 28%;
}
}
@media all and (max-width:768px) and (max-height:1024px)
{
#LP_01 .feature_badge_365days {
	width: 27%; right: -20%;
}
#LP_01 .feature_badge_banks {
	width: 12%; right: 32%;
}
}
@media all and (max-width:414px) and (max-height:823px)
{
#LP_01 .feature_badge_365days {
	width: 30%; right: 0%;
}
#LP_01 .feature_badge_banks {
	width: 23%; right: 22%;
}
#LP_01 .feature_step_block {
	height: 180px; background-size: 100% 180px;
}
}
@media all and (max-width:736px) and (max-height:736px)
{
#LP_01 .feature_badge_365days {
	top: -20%; right: 0%;
}
#LP_01 .feature_badge_banks {
	top: -25%; right: 22%;
}
}
@media all and (max-width:823px) and (max-height:414px)
{
#LP_01 .feature_badge_365days {
	right: -25%;
}
#LP_01 .feature_badge_banks {
	top: -37%;
}
}
@media all and (max-width:736px) and (max-height:414px)
{
#LP_01 .feature_badge_365days {
	top: -30%; right: -5%;
}
#LP_01 .feature_badge_banks {
	top: -35%; width: 20%; right: 26%;
}
}
@media all and (max-width:350px)
{
#LP_01 .feature_step_block h5 big {
	font-size: 1.25em;
}
#LP_01 .feature_step_block {
	height: 164px; background-size: 100% 164px;
}
#LP_01 .feature_step_block h4 {
	white-space: nowrap;
}
}
#section-notice {
	color: rgb(51, 51, 51); font-size: 1rem; font-weight: 600;
}
#section-notice ol {
	padding: 0px 1rem;
}
#section-notice ol li {
	text-align: left; line-height: 1.4em;
}
.noticeTitle2 {
	color: rgb(125, 80, 9);
}
.right_now {
	overflow: hidden;
}
.right_now img {
	width: 100%;
}
.downword2 {
	color: rgb(125, 80, 9); display: none;
}
.noticeSection ol {
	padding-left: 25px;
}
.noticeSection ul {
	padding-left: 25px;
}
.noticeSection ol > li {
	list-style: decimal; margin-bottom: 15px;
}

@media all and (max-width:1000px)
{
.gotoform {
	width: auto; height: 56px;
}
.event_area {
	padding: 0px; border-radius: 10px;
}
.notice_area {
	padding: 25px; border-radius: 10px;
}
#section-notice {
	font-size: 0.8rem;
}
.dot {
	width: 18px; margin-top: 25px;
}
.go_gift {
	width: 27%; padding-top: 0px;
}
.gotoform {
	padding-bottom: 8px;
}
.gift_area {
	padding: 80px 0px 0px; margin-top: -55px;
}
.gift03_btn {
	padding-bottom: 20px;
}
#section-notice .container {
	padding-top: 12px;
}
.noticeSection {
	margin-bottom: 20px;
}
}
#footer .footer-widgets-wrap {
	padding: 25px 0px;
}
.dark #copyrights {
	color: rgb(255, 255, 255); background-color: rgb(69, 69, 69);
}