@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body,html {
	width: 100%;
	font-family: "Noto Sans TC", "Apple LiGothic Medium", "Microsoft JhengHei", "LiHei Pro Medium", "STHeiti", "Microsoft YaHei", "Arial";
	line-height: normal;
	height: auto;
} 
.kv {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1440px;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    display: block;
    padding: 0;
}
.kv1 {
    width: 45%;
    height: auto;
    max-width: 1440px;
    margin-top: 0;
    margin-right: auto;
    margin-left: 5%;
    margin-bottom: 0;
    z-index: 1;
    display: block;
    float: left;
	animate-duration: 3s; 
	-webkit-animation-duration: 3s;
	/* Safari 4.0 - 8.0 */
}
.kv2 {
    background-image: url(../img/kv2.gif);
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    z-index: 99;
    max-width: 1440px;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
}
.kv_box {
    width: 100%;
    height: auto;
}

.header-txt {
	color: #FFFFFF;
	line-height: 60px;
	font-size: 20px;
	font-family: 微軟正黑體;
	text-align: right;
	width: 200px;
	position: absolute;
	right: 0px;
	font-weight: bolder;
}
.header-txt a  {
	color: #FFFFFF;
	font: 20px/60px 微軟正黑體;
}
.header-txt a:hover   {
	opacity: 0.8;
	color: #FFFFFF;
	line-height: 0px;
}

.w65 {
    width: 29.6%;
    height: auto;
    margin: 0 auto;
    max-width: 936px;
}
.w60 {
    width: 60%;
    height: auto;
    margin: 0 auto;
    max-width: 864px;
}
.w-70 {
    width: 70%;
    height: auto;
    margin: 0 auto;
    max-width: 1008px;
}
.w-75 {
    width: 75%;
    height: auto;
    margin: 0 auto;
    max-width: 1080px;
}
.w-80 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    max-width: 1152px;
}
.w-85 {
    width: 85%;
    margin: 0 auto;
    height: auto;
    max-width: 1224px;
}
.w-90 {
    width: 90%;
    margin: 0 auto;
    height: auto;
    max-width: 1296px;
}

.snake {
    width: 26.81%;
    height: auto;
    margin-left: 64%;
    position: absolute;
    z-index: 99;
    padding-top: 6.5%;
}
.step1 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 999;
}
.step2 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 999;
}
.step3 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 999;
}
.giftt1 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.5s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.5s;
	z-index: 999;
	max-width: 408px;
}
.giftt2 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 1s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1s;
	z-index: 999;
	max-width: 408px;
}
.giftt3 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 1.5s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1.5s;
	z-index: 999;
	max-width: 408px;
}
.page1 table  {
    width: 85%;
    height: auto;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bg_01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.page3 table  {
    width: 85%;
    height: auto;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
}
.circle_1 {
	background-image: url(../img/circle_1.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin: 0 auto;
	/* [disabled]width: 100%; */
	height: auto;
	-webkit-animation-delay: 0.3s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.3s;
}
.circle_2 {
	background-image: url(../img/circle_2.svg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	background-size: 100% auto;
	/* [disabled]width: 100%; */
	height: auto;
	-webkit-animation-delay: 0.6s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
}
.circle_3 {
	background-image: url(../img/circle_3.svg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	background-size: 100% auto;
	/* [disabled]width: 100%; */
	height: auto;
	-webkit-animation-delay: 0.9s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
}
#n {
	position: relative;
	/* [disabled]top: -60px; */
	display: block;
	height: 0;
	overflow: hidden;
}
#pc {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}
.pc {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.arrow {
    width: 100%;
    margin: 0 auto;
    height: auto; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-fill-mode: forwards;
}
.tbody_box {
    width: 100%;
    height: 0px;
    margin: 0px auto 0;
    max-width: 1152px;
    padding: 0;
    opacity: 1;
    z-index: 98;
    animation-delay: 2.5s;
}
.tbody1 {
	width: 80%;
	max-width: 1152px;
	margin-right: 10%;
	margin-left: 10%;
	height: 0px;
	margin-top: 41.5%;
}
.swim_ring1 {
	height: auto;
	margin-top: 0px;
	top: auto;
	-webkit-animation-delay: 0.3s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.3s;
}
.swim_ring2 {
	height: auto;
	margin-top: 0px;
		-webkit-animation-delay: 0.6s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
}
.swim_ring3 {
	height: auto;
	margin-top: 0px;
		-webkit-animation-delay: 0.9s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
}
.fruit_box {
	width: 100%;
	margin: 0px auto 0;
	height: 0px;
	opacity: 1;
	padding: 0;
	z-index: 99;
	max-width: 1440px;
	-webkit-animation-delay: 2.5s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 2.5s;
	position: absolute;
}
.fruit1 {
	width: 27%;
	position: absolute;
	height: auto;
	z-index: 999;
	max-width: 388.8px;
	margin-left: 3%;
	left: auto;
	top: auto;
	padding-top: 9%;
	/* [disabled]float: left; */
}
.rabbit {
	width: 30%;
	z-index: 98;
	/* [disabled]max-width: 360px; */
	position: absolute;
	height: auto;
	padding-left: 0px;
	right: 2%;
	float: right;
	/* [disabled]-webkit-animation-delay: 1s; */
	/* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 1s; */
	margin-top: 9%;
}
.flower1 {
	width: 22%;
	z-index: 98;
	/* [disabled]max-width: 360px; */
	position: absolute;
	height: auto;
	padding-left: 0px;
	float: left;
	/* [disabled]-webkit-animation-delay: 1s; */
	/* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 1s; */
	margin-top: 49%;
	left: 4%;
}
.flower2 {
	width: 12%;
	z-index: 98;
	position: absolute;
	height: auto;
	padding-left: 0px;
	float: left;
	-webkit-animation-delay: 1s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1s;
	left: 23.8%;
	margin-top: 53.5%;
}
.butterfly {
	width: 5%;
	z-index: 98;
	position: absolute;
	padding-top: 24%;
	height: auto;
	padding-left: 0px;
	float: left;
	/* [disabled]-webkit-animation-delay: 1s; */
	/* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 1s; */
	left: 36%;
}
.cup {
	width: 16%;
	z-index: 97;
	/* [disabled]max-width: 360px; */
	position: absolute;
	height: auto;
	padding-left: 0px;
	right: 26%;
	float: right;
	/* [disabled]-webkit-animation-delay: 1s; */
	/* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 1s; */
	margin-top: 30%;
}
.ngots1 {
    width: 26%;
    height: auto;
    position: absolute;
    margin-left: 59%;
    padding-top: 5%;
    z-index: 99;
    /* [disabled]-webkit-animation-delay: 2s; */
}
.ngots2 {
	width: 26%;
	height: auto;
	position: static;
	z-index: 97;
	padding-top: 0%;
	margin-left: 25%;
	margin-top: -20%;
}
.box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	padding: 0;
	opacity: 1;
	z-index: 9;
	bottom: 0px;
	max-width: 1440px;
	top: 0px;
	right: 0px;
	left: 0px;
	-webkit-animation-delay: 0.5s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.5s;
}
.tb1   {
    z-index: 1;
}
.tb1 img {
    z-index: 1;
}
#mobile {
	display: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.mobile {
	display: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.gotop {
	display: none;
	position: fixed;
	/* [disabled]background-image: url(../img/gotop.svg); */
	background-repeat: no-repeat;
	height: auto;
	width: 5%;
	bottom: 10%;
	cursor: pointer;
	z-index: 9999;
	opacity: 0.5;
	right: 0px;
	max-width: 50px;
}
.woman {
    position: relative;
    /* [disabled]left: 5px; */
    width: 18%;
    height: auto;
    max-width: 225px;
    top: 0px;
    z-index: 99;
    margin-top: 3.8%;
}
.poker1 {
    -webkit-animation-delay: 0.3s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
    z-index: 96;
    width: 100%;
    height: auto;
    margin-left: 10%;
    margin-right: 10%;
}
.poker2 {
	-webkit-animation-delay: 0.9s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
	z-index: 99;
}
.poker3 {
	-webkit-animation-delay: 1.2s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1.2s;
	z-index: 98;
}
.page_box {
    width: 75%;
    height: auto;
    margin-left: 12.5%;
    margin-right: 12.5px;
    display: block;
    margin-top: 0px;
    padding-top: 12%;
    padding-bottom: 10%;
}
.box_a {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    margin-right: 0px;
}
.box_b {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
}
.packet {
    width: 70.833%;
    height: auto;
    max-width: 1020px;
    /* [disabled]top: 10%; */
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3%;
    padding-top: 13%;
}
.packet2 {
    width: 70.833%;
    height: auto;
    max-width: 1020px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10.5%;
    padding-bottom: 0px;
}
.woman_box {
    width: 100%;
    height: 0px;
    margin: 0 auto;
    max-width: 1240px;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
}
#kv_background {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 0px;
    line-height: 0px;
    background-color: #e9e3dd;
}
#background1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
}
#background3 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #FFFFFF;
}
.background {
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #E6E6E6;
    background-image: url(../img/bg_02.png);
    background-position: center top;
    background-size: 1440px auto;
    background-repeat: repeat;
}
.background1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
}
.background2 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #C4F3FF;
    background-image: url(../img/bg_01.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.background3 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #FFFFFF;
}
.background4 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	z-index: 1;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../img/background_02.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-size: auto 510px;
	background-color: #018158;
}
.background5 {
    width: 100%;
    height: auto;
    background-color: #f5f4f0;
    padding-bottom: 10%;
}
.product1 {
    background-image: url(../img/web_05.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
}
.product2 {
    background-image: url(../img/web_06.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    z-index: 1;
}
.pop {
    width: 16%;
    position: fixed;
    right: 1%;
    z-index: 999;
    bottom: 40%;
    height: auto;
    max-width: 200px;
}
.pop1 {
    width: 100%;
    /* [disabled]position: fixed; */
    z-index: 999;
}
.pop2 {
	width: 100%;
	right: 2%;
	max-width: 115px;
	z-index: 999;
	bottom: 20%;
}
.w3 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
.heart {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transition: all 0.5s;
}
.heart.css {  
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  -o-animation-delay:1s;
  animation-dely:1s;
}
.heart.animated {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}
/* 滑鼠停留碼 scale(1.2)，數字越大放越大  */
.heart.css:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.2);
  transform: scale(1.1);
  -webkit-animation:'';
  -moz-animation:none;
  -ms-animation:'';
  -o-animation:'';
  animation:'';
}
/* 縮放參數碼50% { -webkit-transform: scale(1.1); }，數字越大放越大  */
@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.1) rotate(0.02deg); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(1); }  
}
@-ms-keyframes pulsate {
  0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.1); }
  100% { -ms-transform: scale(1); }  
}
@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.1); }
  100% { -o-transform: scale(1); }  

}
.explain {
	width: 100%;
	height: auto;
	max-width: 1440px;
	margin: 0 auto;
	line-height: 0px;
	background-repeat: no-repeat;
}
.menu5 {
		width: 100%;
	height: auto;
}
.menu5_1 {
		width: 100%;
	height: auto;
	display: none;
}
.menu5_2 {
		width: 100%;
	height: auto;
	display: none;
}
.menu7 {
    width: 100%;
    height: auto;
    bottom: 0px;
}
.menu7_2 {
	width: 100%;
	height: auto;
	display: none;
}
.page {
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	line-height: 0px;
}
.page1 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 1;
    height: auto;
    max-width: 1440px;
    font-size: 0px;
    background-image: url(../img/bg_02.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat;
}
.page2 {
    width: 100%;
    margin-top: 0;
    margin-right: 20%;
    margin-bottom: 0;
    height: auto;
    max-width: 1440px;
    background-image: url(../img/bg_03.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    margin-left: auto;
}
.page2_2 {
    width: 100%;
    margin-top: 0;
    margin-right: 20%;
    margin-bottom: 0;
    height: auto;
    max-width: 1440px;
    background-image: url(../img/bg_03.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    margin-left: auto;
    padding-left: 20%;
    padding-right: 20%;
}
.page3 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    max-width: 1440px;
}
.page4 {
	margin: 0 auto;
	width: 100%;
	line-height: 0px;
	z-index: 999;
	height: auto;
	max-width: 1440px;
}
.vol1 {
	width: 80%;
	margin: 0 auto;
	line-height: 0px;
	z-index: 999;
	height: auto;
	max-width: 1152px;
}

.vol2 {
	width: 80%;
	padding-right: 5;
	padding-left: 5;
	padding-bottom: 5;
	height: auto;
	max-width: 1152px;
	margin: 0 auto;
	z-index: 999;
	line-height: 0px;
}
.vol3  {
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width: 1152px;
	z-index: 999;
	line-height: 0px;
}
.vol4 {
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width: 1152px;
	z-index: 999;
	line-height: 0px;
}
.vol5 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 1440px;
	z-index: 999;
	line-height: 0px;
}
.txt_b {
	background-image: url(../img/txt_06.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
	width: 100%;
	height: auto;
}

.content1 {
	width: 100%;
	height: auto;
	display: none;
	max-width: 900px;
}
.content1m {
	width: 100%;
	height: auto;
	display: none;
}
.content2 {
	width: 100%;
	height: auto;
	display: none;
	max-width: 900px;
}
.content2m {
	width: 100%;
	height: auto;
	display: none;
}
#s1 {
	width: 100%;
	background-image: url(../img/s1_02.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
}
#s2 {
	width: 100%;
	max-width: 900px;
	background-image: url(../img/s2_02.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
}
td .content1 table  {
	width: 100%;
	max-width: 900px;
}
td .content2 table {
	width: 100%;
	max-width: 900px;
}
.mission {
	width: 100%;
	margin: 0 auto;
	height: auto;
	z-index: 999;
}
.up {
	width: 100%;
	height: auto;
	/* [disabled]padding-top: 0px; */
	position: fixed;
	/* [disabled]margin-top: -30px; */
	z-index: 97;
}
.notes {
	margin: 0 auto;
	width: 70%;
	height: auto;
	max-width: 1008px;
	display: none;
}
.notes1 {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 1440px;
}
.notes2 {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
    display: none;
}
.annotation   {
	width: 100%;
	line-height: 180%;
	font-size: 21px;
	color: #333333;
	text-align: center;
	max-width: 1440px;
	margin-right: auto;
	padding-right: 4.5%;
	padding-left: 3%;
	margin-left: auto;
	letter-spacing: 0.1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.n1 {
	width: 100%;
	height: auto;
	/* [disabled]max-width: none; */
	/* [disabled]bottom: 10%; */
	/* [disabled]padding-bottom: 10%; */
}
.n1-txt {
	line-height: 180%;
	width: 100%;
	font-size: 1.2vw;
	color: #666666;
	text-align: justify;
	margin-right: auto;
	padding-left: 1.5vw;
	/* [disabled]padding-bottom: 2%; */
	margin-left: auto;
	/* [disabled]letter-spacing: 0.1px; */
	font-weight: normal;
	overflow-wrap: break-word;
}
.n1-txt_b {
	line-height: 180%;
	width: 100%;
	font-size: 1.3vw;
	color: #03A3AC;
	text-align: left;
	margin-right: auto;
	/* [disabled]padding-left: 1.5vw; */
	padding-bottom: 1%;
	margin-left: auto;
	/* [disabled]letter-spacing: 0.1px; */
	font-weight: 200;
}
#n {
	/* [disabled]position: relative; */
	/* [disabled]top: -60px; */
	display: block;
	height: 0;
	overflow: hidden;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n1-txt2 {
	text-indent: 1.3vw;
	/* [disabled]margin-left: -3vw; */
	/* [disabled]padding-left: 1.25vw; */
	font-size: 1.3vw;
	width: 100%;
	overflow-wrap: break-word;
}
.n1-txt3 {
	color: #00A29A;
	font-size: 1.6vw;
	line-height: 180%;
	width: 100%;

	/* [disabled]padding-right: 1.5%; */
	margin-right: auto;
	margin-left: auto;
}
.n1-txt4 {
	margin-left: auto;
	font-size: 1.3vw;
	line-height: 180%;
	width: 100%;
	color: #666666;
	text-align: justify;
	margin-right: auto;
	/* [disabled]padding-right: 1.5%; */
	padding-bottom: 2%;
	letter-spacing: 0.1px;
	font-weight: normal;
	padding-left: 0px;
}
.n1-txt5 {
	margin-left: auto;
	font-size: 1.3vw;
	line-height: 180%;
	width: 100%;
	color: #666666;
	text-align: justify;
	margin-right: auto;
	/* [disabled]padding-bottom: 2%; */
	letter-spacing: 0.1px;
	font-weight: normal;
	padding-right: 1.5%;
}
.txt2-box {
	margin-left: 1.3vw;
}
.txt3-box {
	/* [disabled]width: auto; */
	float: left;
	clear: left;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n2-txt {
	width: 100%;
	line-height: 180%;
	font-size: 1.3vw;
	color: #666666;
	text-align: justify;
	max-width: 1440px;
	margin-right: auto;
	padding-right: 4.5%;
	padding-left: 3%;
	margin-left: auto;
	letter-spacing: 0.1px;
	text-indent: 1.3vw;
}
ol li span {
}
.m1 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m1m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m1sm {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
	z-index: 1;
}
.m2m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m2sm {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
	z-index: 1;
}
.m3 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m1s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
	z-index: 1;
}
.m2s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.m3s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
#s  {
	height: 500px;
	width: 100%;
	background-color: #C3C3C3;
	margin-left: 0px;
}
.title {
    width: 100%;
    margin-bottom: 0;
    z-index: 99;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 576px;
    font-size: 0px;
    line-height: 0px;
}
.title2 {
    width: 100%;
    z-index: 98;
    height: auto;
    /* [disabled]-webkit-animation-delay: 3s; */
    /* Safari 4.0 - 8.0 */
    /* [disabled]animation-delay: 3s; */
    margin-right: auto;
    margin-left: auto;
    max-width: 576px;
    display: block;
    float: left;
}
.title3 {
    width: 100%;
    z-index: 98;
    height: auto;
    -webkit-animation-delay: 0.3s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
    max-width: 576px;
}
.title_box {
    width: 100%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    max-width: 1440px;
    font-size: 0px;
    line-height: 0px;
    z-index: 99;
    float: right;
    padding-left: 55%;
    padding-right: 5%;
}
.title_box2 {
	width: 100%;
	height: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	font-size: 0px;
	line-height: 0px;
	max-width: 1440px;
	position: absolute;
	z-index: 99;
}
.page_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 767px;
	z-index: 99;
	line-height: 0px;
	background-color: #FFFFFF;
}

.center {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	max-width: 1000px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin-top: -2%;
	/* [disabled]position: relative; */
	margin-bottom: 0px;
}
.button_bar {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 0px;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
}
.button_bar2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 0px;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    position: absolute;
}
.button2_bar {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
}
.button3_bar {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: static;
}
.people_bar {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
	position: absolute;
	z-index: 9999;
}
.people01 {
	width: 10%;
	height: auto;
	max-width: 144px;
	margin-top: 14%;
	margin-left: 83%;
	margin-right: 7%;
	z-index: 9999;
		-webkit-animation-delay: 1.5s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1.5s;
}
.button {
	width: 20%;
	height: auto;
	margin-top: 33%;
	margin-bottom: 0;
	z-index: 99;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	max-width: 288px;
	position: absolute;
	margin-left: 19%;
	margin-right: 61%;
	left: 19%;
	top: 33%;
}
.button1 {
    width: 25%;
    height: auto;
    margin-bottom: 0;
    z-index: 99;
    max-width: 360px;
    margin-left: 37.5%;
    margin-right: 37.5%;
}
.button1 a:hover {
	/* [disabled]opacity: 0.9; */
}
.button2 {
    height: auto;
    width: 25%;
    z-index: 99;
    max-width: 360px;
    margin-left: 37.5%;
    margin-right: 37.5%;
    margin-bottom: 0;
}
.button2 a:hover {
	/* [disabled]opacity: 0.9; */
	width: auto;
	float: left;
}
.button3 {
    height: auto;
    width: 25%;
    z-index: 99;
    max-width: 360px;
    margin-right: 37.5%;
    margin-left: 37.5%;
    margin-bottom: 0;
}
.button3 a:hover {
	/* [disabled]opacity: 0.9; */
}
.space {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	max-width: 1440px;
	right: 25%;
}
.space2 {
    width: 100%;
    height: 40px;
}
.button_m1_tb {
	width: 100%;
	height: auto;
	margin: 0px auto 0;
	position: absolute;
	display: block;
	max-width: 640px;
}
.button_m2 {
	width: 50%;
	height: auto;
	display: block;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	right: 25%;
	left: 25%;
	z-index: 999;
}
.button_m2_tb {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	display: block;
	max-width: 640px;
	background-position: center top;
	background-size: 100% 100%;
}
.but1 {
	text-align: center;
	width: 23%;
	height: auto;
	z-index: 99;
	position: absolute;
	margin-bottom: 0;
	background-image: url(../img/button.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	float: right;
	right: 13%;
	margin-top: 53.5%;
}
.but2 {
	width: 60%;
	height: auto;
	margin-top: 0;
	margin-right: 37%;
	margin-left: 3%;
	margin-bottom: 0;
	max-width: 347px;
	z-index: 9999;
	right: 23%;
	text-align: center;
}
.but3 {
	width: 30%;
	height: auto;
	max-width: 347px;
	margin: 0 auto;
	z-index: 9999;
	text-align: center;
}
.but4 {
	width: 56%;
	height: auto;
	max-width: 251px;
	margin-top: 0;
	margin-right: 3%;
	margin-left: 40%;
	margin-bottom: 0;
	z-index: 9999;
	text-align: center;
}
.but5 {
	width: 56%;
	margin-top: 0;
	margin-right: 40%;
	margin-left: 4%;
	margin-bottom: 0;
	height: auto;
	max-width: 251px;
	z-index: 9999;
	text-align: center;
}
.but6 {
	width: 28%;
	height: auto;
	margin: 0 auto;
	max-width: 251px;
	z-index: 9999;
	text-align: center;
}
.but_box {
	width: 100%;
	height: auto;
	max-width: 1440px;
	margin: 0 auto;
}
#link a:link  {
        }
#link a:hover {
	opacity: 0.7;        
}
/* 滑鼠移至連結 */
.but1 a:hover
        {
	margin-top: 0px;
        }
.but2 a:hover
        {
	opacity: 0.8;
        }
.but3 a:hover
        {
	opacity: 0.8;
        }
.but4 a:hover        {
	opacity: 0.8;
        }
.but5 a:hover        {
	opacity: 0.8;
        }
.but6 a:hover        {
	opacity: 0.8;
        }
/* 滑鼠移至連結 */
.link1 a:hover
        {
    opacity: 0.9;
        }
.tb {
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 100%;
	max-width: 1000px;
	height: auto;
}
.pc {
	display: block;
	width: 100%;
	height: auto;
}
.card_but1 {
	width: 85%;
	height: auto;
}
.card_but2   {
	width: 48%;
	height: auto;
}
.blue_bar {
	width: 100%;
	height: auto;
	background-image: url(url);
	background-color: hsla(208,74%,41%,1.00);
	margin-right: auto;
	margin-left: auto;
	padding-top: 1.8%;
	padding-bottom: 1.2%;
}
.tt {
	text-align: center;
	color: hsla(0,0%,100%,1.00);
	font-size: 40px;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7%;
	width: 100%;
	height: auto;
	font-weight: bold;
	line-height: 140%;
}
.box_x {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	display: block;
	z-index: 999;
	background-color: rgba(118,125,210,1.00);
}
.girl {
	width: 20%;
	height: auto;
	margin-bottom: 0;
	z-index: 99;
	max-width: 288px;
	position: relative;
	right: 26%;
	left: 54%;
	padding-top: 6%;
}
.girl_box {
	width: 100%;
	height: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	max-width: 1440px;
	font-size: 0px;
	line-height: 0px;
}
.line2 {
}
.line1 {
}
.shopping {
	width: 60%;
	height: auto;
	position: absolute;
	display: block;
}
.shopping2 {
	display: none;
}
.gray {
	width: 100%;
	background-color: hsla(0,0%,94%,1.00);
}
tbody tr td {
	font-size: 0px;
	margin: ０px;
	padding: 0px;
	line-height: 0px;
}
tr td img {
    margin-top: ０px;
    margin-right: ０px;
    margin-left: ０px;
    margin-bottom: ０px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
    max-width: none;
}
.c1   {
	padding: 0px;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0%;
	font-size: 0px;
	line-height: 0px;
	width: 35.5%;
	height: auto;
	margin-top: 0%;
	float: left;
}
.c2 {
	padding: 0px;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0%;
	font-size: 0px;
	line-height: 0px;
	width: 64.5%;
	margin-top: 0px;
	float: left;
	right: 0px;
}
.box3 div table {
	margin-top: -11.5%;
	margin-bottom: 8%;
	width: 100%;
	height: auto;
}
tbody tr td {
	padding: 0px;
	margin: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	font-size: 0px;
	border: 0px;
	line-height: 0px;
}
#a2 {
	margin-bottom: -100px;
}
#a1 {
	/* [disabled]position: relative; */
	top: -20%;
	display: block;
	height: 0;
	overflow: hidden;
}
.warning {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1240px;
}
.warning_b   {
    width: 100%;
    height: auto;
    background-color: #B8F4E9;
}
.cookie {
    width: 100%;
    background-color: #39CAB8;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    /* [disabled]display: none; */
}
.cookie2 {
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
	height: auto;
}
.cookie_box {
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.cookie_txt  {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 120%;
	float: left;
	clear: left;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	width: 100%;
	padding-right: 2%;
	text-align: justify;
　/*　Firefox到此即可對齊　*/
    text-justify: auto;　/*　IE需再加上此行　*/
; 	text-indent: 0px;
}
.cookie_txt_link {
    text-decoration: underline;
    color: #FFFFFF;
}
.cookie_btn {
    width: 100%;
    border-radius: 12px;
    background-color: hsla(0,0%,100%,0.00);
    border-width: 0px;
    border-style: none;
    /* [disabled]line-height: 50%; */
    height: auto;
    /* [disabled]max-width: 120px; */
    /* [disabled]right: 2%; */
    text-align: center;
}
.cookie_btn a:hover {
    opacity: 0.8;
}
tr td .cookie_txt {
    color: #FFFFFF;
    line-height: 120%;
    float: left;
    clear: left;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
}
.cookie_txt a {
    color: #FFFFFF;
    text-decoration: underline;
}
#cookie_btn {
    width: 100%;
    border-radius: 12px;
    /* [disabled]background-color: #E60201; */
    border-width: 0px;
    border-style: none;
    /* [disabled]line-height: 50%; */
    height: auto;
    max-width: 120px;
    right: 2%;
}
.cookie_box table  {
    width: 95%;
    margin: 0 auto;
    height: auto;
}
#but1 {
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce2{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes bounce2{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-15px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}.bounce2{
	-webkit-animation-name: bounce2;
	animation-name: bounce2;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}#menu_m {
	display: none;
}
	
@keyframes swing_2 {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 9deg);
    transform: rotate3d(0, 0, 1, 9deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -6deg);
    transform: rotate3d(0, 0, 1, -6deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing_2 {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing_2;
  animation-name: swing_2;
}
.background .page.wow.animate__fadeInUp table {
	width: 75%;
	height: auto;
	max-width: 1080px;
}
#Image62 {
	width: 100%;
	height: auto;
}
#Image63 {
	width: 100%;
	height: auto;
}
#Image64 {
	width: 100%;
	height: auto;
}
 span {
    transform: scale(1);
    display: inline-block;
  }
  span:first-child {
    animation: bop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite
      alternate;
  }
  span:last-child {
    animation: bopB 0.5s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
      infinite alternate;
	   -webkit-animation-delay: 2s;
  }
}

@keyframes bop {
  0% {
    transform: scale(0.9);
  }
  50%,
  100% {
    transform: scale(1);
  }
}

@keyframes bopB {
  0% {
    transform: scale(0.95);
  }
  80%,
  100% {
    transform: scale(1) rotateZ(-2deg);
  }
}
@media (min-width: 768px)  {
}
@media (max-width:768px){
#pc {
    background-repeat: no-repeat;
    text-align: center;
    display: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #93E590;
}
#footer_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	display: block;
	bottom: 0px;
}
.pc {
	background-repeat: no-repeat;
	text-align: center;
	display: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.tt {
	font-size: 5vw;
	margin-top: 14%;
	margin-bottom: 0px;
	padding-left: 5%;
	padding-right: 5%;
	max-width: 767px;
}
#mobile .background2 {
	background-color: #F786BA;
	background-image: url(../img/b_01.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#mobile .background3 {
	background-color: #E5E5E5;
	background-image: url(../img/b_02.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#mobile .background4 {
	background-color: #FFF5D9;
	background-image: url(../img/b_03.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.background5  {
    padding-bottom: 20%;
    width: 100%;
    height: auto;
}
.pop_m {
	width: 100%;
	height: auto;
	background-image: url(../img/pop1m.png);
	max-width: 767px;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#menu_m {
	width: 100%;
	height: auto;
	display: none;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	max-width: 767px;
}
.menu1 {
	-webkit-box-shadow: 0px 0px 10px 0px hsla(338,28%,43%,0.57);
	box-shadow: 0px 0px 10px 0px hsla(338,28%,43%,0.57);
	background-color: #FFFFFF;
	display: none;
}
.box_a {
    /* [disabled]margin-bottom: 5%; */
    width: 100%;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
}
#mobile {
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	line-height: 0px;
}
.mobile {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    line-height: 0px;
}
.gift1_m {
    width: 100%;
    left: auto;
    right: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.gift2_m {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.gift3_m {
    width: 100%;
    right: auto;
    left: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.gift_box{
    width: 100%;
    height: auto;
	}
.snake_m {
    width: 48%;
    height: auto;
    margin-left: 44%;
    padding-top: 40%;
    z-index: 1;
}
.snake_m2 {
    width: 48%;
    height: auto;
    margin-left: 44%;
    padding-top: 40%;
    z-index: 999;
    position: absolute;
}
.button {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	z-index: 99;
	background-image: url(../img/button.svg);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	max-width: 320px;
}
.button_bar   {
    width: 100%;
    height: auto;
}
.button1_m {
    width: 50%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    z-index: 99;
    max-width: 384px;
}
.button2_m {
    width: 50%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    z-index: 99;
    max-width: 384px;
}
.button3_m {
    width: 50%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    z-index: 99;
    max-width: 384px;
}

.step1_m {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.3s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.3s;
	z-index: 999;
}
.step2_m {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.6s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
	z-index: 998;
}
.step3_m {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.9s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
	z-index: 997;
}

	.giftt1 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.3s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.3s;
	z-index: 999
}
.giftt2 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.6s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
	z-index: 999;
}
.giftt3 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.9s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
	z-index: 999;
}
.box_b {
    /* [disabled]margin-bottom: 5%; */
    width: 100%;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
}
	.gotop {
    display: none;
    position: fixed;
    background-repeat: no-repeat;
    height: auto;
    width: 10%;
    bottom: 20%;
    cursor: pointer;
    z-index: 9999;
}
.kv_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: 0;
    z-index: 1;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    background-color: #e9e3dd;
}	
.page1_m  {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    line-height: 0px;
    background-image: url(../img/bg_02m.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}
.page2_m {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    z-index: 0;
    width: 100%;
    background-image: url(../img/bg_03m.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.page3_m {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 0;
    line-height: 0px;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    background-image: url(../img/bg_04m.png);
    background-color: #FFFFFF;
}
.page2_2m {
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-width: 768px;
    background-image: url(../img/m_10.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #93E590;
}
.page4  {
    width: 100%;
    height: auto;
    /* [disabled]bottom: 30%; */
}
.button_bar2   {
    width: 100%;
    height: auto;
    max-width: 768px;
}
.button3_m_bar   {
    width: 100%;
    height: auto;
}
.tiger1 {
    width: 55%;
    height: auto;
    padding-top: 86%;
    z-index: 999;
    position: relative;
    left: auto;
    top: auto;
    margin-left: 1%;
}
.tiger2 {
    width: 40%;
    z-index: 988;
    position: relative;
    height: auto;
    padding-top: 76%;
    float: right;
    margin-left: 0%;
    right: 0px;
}
.ngots1 {
    width: 42%;
    height: auto;
    position: absolute;
    padding-top: 16%;
    z-index: 99;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 57%;
}
.ngots2 {
    width: 44%;
    height: auto;
    position: static;
    padding-top: 0%;
    margin-left: 0.5%;
    margin-top: -35%;
}
.title_m {
    width: 100%;
    padding-bottom: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}
.title2_m {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    height: auto;
    z-index: 99;
}
.title3_m {
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.title_box {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: 0px;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    z-index: 99;
    position: absolute;
}
.title_box2 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    height: 0px;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    z-index: 99;
}
.center2m {
	width: 100%;
	height: auto;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.txt1_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.center_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.n1 {
}
.n1-txt {
	width: 100%;
	height: auto;
	margin-right: auto;
	font-size: 4vw;
	color: #666666;
	line-height: 160%;
	word-spacing: 0px;
	letter-spacing: 0.1px;
	margin-left: auto;
	padding-left: 5vw;
 	word-break: break-all
}
.txt2-box   {
	margin-left: 5vw;
}
.txt3-box {
	float: left;
	clear: left;
	font-size: 4vw;
}
.n1-txt_b {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 4.5vw;
	color: #03A3AC;
	line-height: 160%;
	word-wrap: break-word;
	text-align: left;
}
.n1-txt2 {
	font-size: 4vw;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	overflow-wrap: break-word;
}
.n1-txt3 {
	font-size: 5vw;
}
.n1-txt4 {
	font-size: 3.8vw;
}
.n1-txt5 {
	font-size: 3.8vw;
}
.n2-txt {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 2.4vw;
	color: #666666;
	line-height: 180%;
	text-align: justify;
	padding-right: 5%;
	padding-left: 4%;
	word-spacing: 0px;
	text-indent: 1.8vw;
}
.notes {
	margin-top: 0;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 0;
	display: none;
	width: 92%;
	opacity: 1;
	/* [disabled]padding-bottom: 20%; */
}
.notes1 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 767px;
}
.notes2 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
	max-width: 767px;
	color: #F30E12;
}
#s1m {
position: relative;
    top: -60px; /*偏移值*/
    display: block;
    height: 0;
    overflow: hidden;
}
.bt1m {
	width: 40%;
	margin: 4% auto 0;
	padding: 0;
	display: block;
	height: auto;
	position: absolute;
	left: 25%;
	right: 25%;
	max-width: 320px;
	z-index: 9999;
}
.txt1_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
	
	
	

@keyframes a{
	form{transform: rotate(0deg)}
	to{transform: rotate(36000deg)}
}
@keyframes b{
	form{transform: rotate(0deg)}
	to{transform: rotate(-36000deg)}
}	
.button_m_bar {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: 99;
	clear: none;
	float: none;
	font-size: 0px;
	line-height: 0px;
	padding: 0;
	background-image: url(../img/m_01.png);
	max-width: 767px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	background-color: #FFE08A;
}
.but1 {
	text-align: center;
	z-index: 99;
	height: auto;
	width: 41%;
	max-width: 320px;
	margin-top: 57%;
	right: 8%;
	padding-top: 0px;
	}
.but1 a:hover
        {
	/* [disabled]opacity: 0.8; */
}			
.but_box  {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	max-width: 767px;
	position: absolute;
}
.but_box1 {
	width: 100%;
	height: auto;
	max-width: 767px;
	background-position: center top;
	background-size: 100% auto;
}
.but_box2 {
	width: 100%;
	height: auto;
	max-width: 767px;
	background-position: center top;
	background-size: 100% auto;
}
.but2 {
	width: 28%;
	height: auto;
	/* [disabled]max-width: 125px; */
	margin-left: 58%;
	margin-right: auto;
	left: 20%;
	margin-top: -16.5%;
	position: absolute;
	z-index: 9999;
	right: 14%;
}
.but3 {
	margin-top: -14%;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	position: absolute;
	max-width: 303px;
	height: auto;
	margin-bottom: 5.8%;
}
.but4 {
	width: 40%;
	height: auto;
	margin-left: 30%;
	margin-right: 30%;
	/* [disabled]position: absolute; */
	margin-top: -14%;
	max-width: 303px;
	margin-bottom: 5.8%;
}
.but5_m {
	width: 71%;
	height: auto;
	margin-left: 9%;
	margin-right: 20%;
}
.blue_bar {
	margin-top: 0px;
	padding-top: 4%;
	padding-bottom: 4%;
}
.annotation {
	font-size: 2.8vw;
	line-height: 160%;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	word-spacing: 0px;
	letter-spacing: 0.1px;
}
.n1 {
	width: 100%;
	padding-left: 2%;
	font-size: medium;
}
.girl {
	width: 30%;
	left: 67%;
	padding-top: 22%;
}
.girl_box {
	width: 100%;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	max-width: 767px;
}
.tiger_box   {
    width: 100%;
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: 0px;
    padding: 0;
    opacity: 1;
    z-index: 99;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    position: absolute;
}
.shopping {
	display: none;
}
.shopping2 {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	margin-top: 44%;
	-webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.5s;
}
.pop {
	width: 28%;
	position: fixed;
	right: 1%;
	max-width: 300px;
	z-index: 99;
	bottom: 8%;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	display: none;
}
#mobile .page2 table {
	margin: 0 auto;
	width: 50%;
	padding-top: 50%;
	top: 50%;
}
.vol4m1 {
	width: 100%;
	height: auto;
	background-image: url(../img/m_03_2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.vol4m2 {
	width: 100%;
	height: auto;
	background-image: url(../img/m_03_3.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.cookie2 {
	width: 100%;
	height: auto;
	padding-bottom: 3%;
	font-size: 0px;
}
.cookie_txt {
	font-size: 3vw;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: justify;
	text-indent: 0px;
	padding-top: 3%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 1%;
}
.cookie_btn {
	width: 30%;
	height: auto;
	max-width: 168px;
	bottom: 5%;
	margin-left: 35%;
	margin-right: 35%;
}		
#mobile .page1 table {
}
.tb2 {
	padding-top: 33%;
	padding-bottom: 6%;
}
.fruit1 {
	margin-top: 0px;
	padding-top: 5%;
	width: 34%;
}
.rabbit2 {
	width: 37%;
	padding-top: 59%;
	right: 3%;
}
.swim_ring_box {
	width: 100%;
	height: 0px;
	position: absolute;
}
.swim_ring1 {
	width: 61%;
	height: auto;
	margin-left: 36%;
			-webkit-animation-delay: 0.2s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.2s;
}
.swim_ring2 {
	width: 61%;
	height: auto;
	left: 2%;
	margin-left: 4%;
	margin-top: -2%;
			-webkit-animation-delay: 0.4s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.4s;
}
.swim_ring3 {
	width: 61%;
	height: auto;
	margin-left: 32%;
	margin-top: -7%;
			-webkit-animation-delay: 0.6s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;

}
.figt1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	margin-bottom: 3%;
}
.figt2 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin-bottom: 3%;
}
.figt3 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	margin-bottom: 3%;
}
.tb1 {
	width: 76.6%;
	margin: auto 11.7%;
	height: auto;
}
.people_bar {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	z-index: 9999;
}
.people01_m {
	width: 25%;
	height: auto;
	right: 3.5%;
	float: right;
	margin-top: 20%;
	position: absolute;
}
.g {
	background-color: hsla(75,52%,62%,1.00);
}
.y {
	background-color: hsla(47,100%,50%,1.00);
}
.y2 {
	background-color: hsla(42,100%,77%,1.00);
}
}
@media (max-width: 799px) and (min-width: 769px) {
}

@media (max-width:374px){
}

@media (max-width:1440px) and (min-width:1224px){	
}

@media (max-width:1224px){
}	
@media (min-width:1440px){
.n1-txt	 {
	font-size: 18px;
}
.n1-txt_b {
	font-size: 20px;
}
.n1-txt2 {
	font-size: 18px;
}
.n1-txt3 {
	font-size: 23px;
}
.n1-txt4 {
	font-size: 18px;
}
.n1-txt5 {
	font-size: 18px;
}
.n1 {
	width: 100%;
	height: auto;
	/* [disabled]padding-left: 3%; */
}	
}
@media (max-width:992px) and (min-width:768px){
}
@media only screen and (min-width: 320px) and (max-width:1023px) {	
.top {
	display: block;
	max-width: 0px;
}
.header-txt {
	color: #FFFFFF;
	text-align: right;
	font-size: 16px;
	line-height: 54px;
	width: 200px;
	right: 20px;
	float: right;
	position: absolute;
	clear: right;
}
.header-txt a  {
	color: #FFFFFF;
	font: 16px/54px 微軟正黑體;
}
.header-txt a:hover   {
	opacity: 0.8;
	color: #FFFFFF;
	line-height: 0px;
}
.section-block {
}		
	
}
@media (max-width:99px){
}

@media (max-width:991.98px){
}

@media screen{
}