div.loader{
	background:url(../img/popup_3_1m.jpg) no-repeat;
	background:url(../img/popup_3_2m.jpg) no-repeat;
	background:url(../img/popup_3_3m.jpg) no-repeat;
	margin-left:-10000px;
}

body,html {
    width: 100%;
    line-height: normal;
}
.noto-sans-tc-{
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.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;
}
 /* 滚动条样式 */
div::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
div::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px rgba(182, 176, 176, 0.2);
    background: #D60C18;/*滚动条颜色*/
}
div::-webkit-scrollbar-track {
    box-shadow: none;
    background: transparent;/*底色*/
}

.kv {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1440px;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../img/background_02.png);
}
.spy {
    width: 20%;
    height: auto;
    z-index: 9995;
    max-width: 288px;
    margin-left: 67%;
    float: left;
    margin-top: -16%;
    margin-right: 33%;
    position: relative;
}
.horse {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.kv.box {
}
.loan1 {
    width: 100%;
    height: auto;
    left: 0px;
}
.loan2 {
    width: 100%;
    height: auto;
    left: 0px;
}
.loan3 {
    width: 100%;
    height: auto;
    left: 0px;
}
.loan4 {
    width: 100%;
    height: auto;
    left: 0px;
}
.dice {
    width: 40%;
    position: absolute;
    height: auto;
    margin-left: 5%;
    margin-top: 5%;
}
.box {
    width: 100%;
    max-width: 1440px;
    height: auto;
}
.box1 {
    width: 100%;
    max-width: 1440px;
    height: auto;
    background-image: url(../img/web_03.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.box2 {
    width: 80%;
    max-width: 1152px;
    height: auto;
    background-repeat: no-repeat;
    margin-left: 10%;
    margin-right: 10%;
}
.box3 {
    width: 75%;
    max-width: 1080px;
    height: auto;
    background-repeat: no-repeat;
    margin-left: 12.5%;
    margin-right: 12.5%;
}
.box table  {
    width: 50%;
    height: auto;
    margin-left: 25%;
    margin-right: 25%;
    max-width: 720px;
}
.box1 table  {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.product1m {
    width: 100%;
    height: auto;
    max-width: 768px;
    padding-bottom: 13%;
}
.product2m {
    width: 100%;
    height: auto;
    max-width: 768px;
    padding-bottom: 18%;
}

.w-75 {
    width: 75%;
    height: auto;
    margin: 0 auto;
    max-width: 1080px;
}
.w-80 {
    width: 80%;
    margin: 0 auto;
    height: auto;
    max-width: 1152px;
}
.w-85 {
    width: 85%;
    margin: 0 auto;
    height: auto;
    max-width: 1224px;
}
.w-90 {
    width: 90%;
    margin-top: 0;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    height: auto;
    max-width: 1296px;
}
.w-70 {
    width: 70%;
    height: auto;
    margin-top: 0;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 0;
    max-width: 1008px;
}
.w-60 {
    width: 60%;
    height: auto;
    margin-top: 0;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 0;
    max-width: 864px;
}

.sale1 {
    width: 100%;
    height: auto;
}
.sale2 {
    width: 100%;
    height: auto;
}
.sale3 {
    width: 100%;
    height: auto;
    max-width: 384px;
}
.sale4 {
    width: 100%;
    height: auto;
    max-width: 384px;
}
.but_box_m2 {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
    margin-top: -33.5%;
}
.Notice_button{
    width: 2.5%;
    height: auto;
    z-index: 9997;
    float: left;
    margin: -1.2% 0px 0px 73%;
    margin-top: -1%;
    margin-left: 73%;
    line-height: 100%;
}
.Notice_button:hover .hover{
    display: block;
    z-index: 999;
    margin-left: 2%;
}
.hover{
    display: none;
    width: 23%;
    height: auto;
    margin-left: 3%;
    /* [disabled]margin-right: 5%; */
    z-index: 9998;
    float: left;
    margin-top: -8.5%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* [disabled]background-image: url(../img/txt4.png); */
    position: absolute;
    /* [disabled]max-width: 310px; */
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    width: 100%;
    height: auto;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* 定位 */
    position: absolute;
    z-index: 1;
    height: auto;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    width: 100%;
    height: auto;
}
.kv_people {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index: 99;
	max-width: 1440px;
	-webkit-animation-delay: 1s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1s;
	position: absolute;
	right: auto;
}
.kv_box {
    height: auto;
    margin-bottom: 0;
    z-index: 999;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
    font-size: 0px;
    line-height: 0px;
    width: 55%;
    right: 0px;
    float: right;
    /* [disabled]display: none; */
}
#kv_background {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-image: url(../img/background_01.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2880px auto;
    /* [disabled]max-width: 2880px; */
    background-color: #EBE8E1;
}#n {
	position: relative;
	/* [disabled]top: -60px; */
	display: block;
	height: 0;
	overflow: hidden;
}
#pc {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: auto;
}
.pc {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.pop {
    width: 13%;
    height: auto;
    max-width: 200px;
    position: fixed;
    bottom: 35%;
    z-index: 9995;
    display: block;
    right: 0px;
}
.pop1 {
    width: 100%;
    /* [disabled]position: relative; */
    z-index: 999;
    float: right;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height: auto;
}
.pop2 {
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 8%;
    float: right;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height: auto;
}
#page {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    z-index: 2;
    font-size: 0px;
    line-height: 0px;
    background-color: rgba(89,87,87,1.00);
}
.page4_2 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
}
#page1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    z-index: 99;
    font-size: 0px;
    line-height: 0px;
    background-image: url(../img/background_03.png);
    background-position: center top;
    background-repeat: repeat-x;
}

#page2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    z-index: 99;
    font-size: 0px;
    line-height: 0px;
    display: block;
    background-color: #FFFFFF;
}
#page3 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    z-index: 99;
    background-image: url(../img/background_06.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F2DFB4;
    background-size: 2880px auto;
}
#page3_2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    z-index: 99;
    background-image: url(../img/bg_03_3.png);
    background-repeat: repeat;
}
#page4 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    z-index: 99;
    background-image: url(../img/background_03.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #E2DDD4;
    background-size: 2880px auto;
}
#page4_2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    z-index: 99;
    background-color: #F2DFB4;
    background-size: 100% auto;
}
#page5 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    background-color: #F4F4F4F4;
}
#page5_2 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    background-color: #EEEEEE;
}
#page6 {
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    height: auto;
    /* [disabled]padding-bottom: 5%; */
    background-color: #EBEBEB;
}
#page7 {
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    height: auto;
    background-color: #DBDCDC;
    background-repeat: repeat-x;
}
.page {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    padding-bottom: 0px;
    z-index: 999;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.table_box  {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    height: auto;
    max-width: 1080px;
}
.page1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.page2 table  {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.page2 {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
    max-width: 1440px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #FFFFFF;
}
.page2_2 {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url(../img/p2_06.png);
    max-width: 1440px;
}
.page3 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    background-image: url(../img/background_07.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.page3_2 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../img/bg_03_2.png);
}
.page3_3 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    background-color: hsla(346,100%,94%,1.00);
}
.page4 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../img/background_04.png);
    background-color: #E2DDD4;
}
.page4_box {
    position: absolute;
    padding-bottom: 0px;
    margin-left: 4.5%;
    margin-right: 4.5%;
    width: 100%;
    max-width: 1440px;
    height: auto;
    background-color: rgba(243,222,178,1.00);
}
.page4_3 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    line-height: 0px;
    height: auto;
    max-width: 1440px;
}
.page5 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 999;
    height: auto;
    max-width: 1440px;
    background-color: #F4F4F4F4;
    padding-bottom: 2%;
}
.page5_2 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    max-width: 1440px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
}
.page6 {
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    height: auto;
    max-width: 1440px;
}
.page7 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    max-width: 1440px;
}
.page8 {
    width: 100%;
    margin: 0 auto;
    line-height: 0px;
    z-index: 999;
    height: auto;
    max-width: 1440px;
    background-color: #FF6164;
}
.qa_page {
    width: 100%;
    z-index: 999;
    height: auto;
}
#page3 .tb1  {
	width: 60%;
	height: auto;
	max-width: 864px;
	top: 5%;
	margin-left: 20%;
	margin-right: 20%;
}
.page img  {
	width: 100%;
	height: auto;
	max-width: 1440px;
	z-index: 9999;
	/* [disabled]background-image: url(../img/web_02_2.png); */
	/* [disabled]margin-top: 41.2%; */
}
.tb1   {
    z-index: 1;
    width: 70%;
    max-width: 1080px;
    margin: 0 auto;
    height: auto;
}
.tb1 img {
    z-index: 1;
}
.rabbit {
	width: 50%;
	height: auto;
	position: absolute;
	margin-bottom: 0px;
	z-index: 2;
	max-width: 720px;
	margin-top: 15.5%;
	margin-left: 23%;
	margin-right: 27%;
}
.flower {
	width: 80%;
	height: auto;
	position: absolute;
	margin-bottom: 0px;
	z-index: 2;
	max-width: 1250px;
	margin-left: 10%;
	margin-right: 10%;
		/* [disabled]position: static; */
	/* [disabled]margin-top: 15.5%; */
	-webkit-animation-delay: 1.2s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1.2s;
}
.background3 table {
    margin-right: auto;
    margin-left: auto;
}
#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%;
}
body {
}
.box_b {
	width: 100%;
	height: auto;
	float: left;
        -webkit-animation-delay: 1s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}
.box_c {
	width: 100%;
	height: auto;
	float: left;
        -webkit-animation-delay: 1.5s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 1.5s;
}
.woman_box {
    width: 100%;
    height: 0px;
    margin: 0 auto;
    max-width: 1240px;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
}
.background {
	width: 100%;
	margin: 0 auto;
	height: auto;
	z-index: 1;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../img/background2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2000px auto;
	background-color: #FFE6CD;
}
.background2 {
    background-position: center center;
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-image: url(../img/web_02.png);
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1440px;
}
.background3 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #EFF0EC;
}
.background4 {
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 1;
    font-size: 0px;
    line-height: 0px;
    background-color: #C1F2FF;
}
.product1 {
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: 612px;
    padding-bottom: 25%;
}
.product2 {
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: 612px;
    padding-bottom: 25%;
}
.product {
    width: 50%;
    height: auto;
    float: left;
    max-width: 612px;
    padding-bottom: 10%;
}
.product table {
    border-collapse: collapse;
    border: 0 none;
    font-size: 0px;
    width: 100%;
    max-width: 612px;
    height: auto;
}

.w3 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
.heart {
    position: relative;
    /* [disabled]width: 100%; */
    height: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    -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 1s;
}
.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.1);
  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;
}
.menu2_2 {
	width: 100%;
	height: auto;
}
.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;
}
.menu2 {
    width: 100%;
    height: auto;
    background-image: url(../img/pop2m.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.menu1_2 {
	width: 100%;
	height: auto;
}
.content1 {
    width: 70%;
    height: auto;
    /* [disabled]display: none; */
    margin-left: 15%;
    margin-right: 15%;
    max-width: 1008px;
}
.menu_head {
    cursor: pointer;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
}

/* 加上 ＋ 號 */
.menu_head::after {
    content: '+';
    position: absolute; /* 靠右對齊 */
    font-size: 6vw;
    transition: transform 0.3s;
    line-height: 100%;
    margin-top: -6.5%;
    font-weight: 100;
    right: 16%;
}

/* 當標題被點擊（展開）時，變成 － 號 */
.menu_head.current::after {
    content: '−';
}
.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 {
    display: none;
    margin: 0 auto;
    width: 100%;
    height: auto;
    /* [disabled]padding-top: 3%; */
    /* [disabled]padding-bottom: 3%; */
}

.notes1 {
    width: 35%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    /* [disabled]padding-top: 5%; */
    /* [disabled]padding-bottom: 5%; */
}
.notes2 {
    width: 35%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: none;
    /* [disabled]padding-top: 5%; */
    /* [disabled]padding-bottom: 5%; */
}

.annotation   {
	width: 100%;
	line-height: 180%;
	font-size: 21px;
	color: #666666;
	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: 72%;
    height: auto;
    margin-top: 0;
    margin-right: 15%;
    margin-left: 13%;
    margin-bottom: 0;
    max-width: 1036px;
    padding-bottom: 5%;
    right: 15%;
}

.n1 a{
    color: #E04E5B;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.n1 a:hover{
    color: #FF6987;
    text-decoration: underline
}

.a1 a{
    color: #D24360;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.a1-txt a{
    color: #D24360;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.a1-txt a:hover{
    color: #FF6987;
    text-decoration: underline;
}
.a1-txt2 a:hover{
    color: #FF6987;
    text-decoration: underline;
}
.a1-txt2 a{
    color: #D24360;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.a1-txt2 a:hover{
    color: #FF6987;
    text-decoration: underline;
}
.q1-txt a{
    color: #D24360;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.a1-txt a:hover{
    color: #FF6987;
    text-decoration: underline;
}

.n1-txt {
    width: 100%;
    font-size: 1.25vw;
    color: #666666;
    text-align: justify;
    margin-right: auto;
    /* [disabled]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: #666666;
	text-align: justify;
	margin-right: auto;
	padding-left: 1.5vw;
	padding-bottom: 2%;
	margin-left: auto;
	letter-spacing: 0.1px;
	font-weight: normal;
}

.n1-txt2 {
    text-indent: 1.25vw;
    font-size: 1.25vw;
    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.8vw;
}
.txt3-box {
    width: 1.8vw;
    float: left;
    clear: left;
}
.n1_box {
    width: 100%;
    height: auto;
}
#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 {
}
.n1-txt {
    line-height: 180%;
    width: 100%;
    font-size: 1.3vw;
    color: #666666;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    letter-spacing: 0.1px;
    text-align: justify;
    list-style-position: outside;
    list-style-type: decimal;
}
.q1-txt2 {
    line-height: 180%;
    width: 94%;
    font-size: 1.4vw;
    color: #666666;
    text-align: justify;
    letter-spacing: 0.1px;
    /* [disabled]font-weight: normal; */
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    list-style-type: decimal;
    list-style-position: outside;
	
}
.q1-txt {
    line-height: 250%;
    width: 100%;
    font-size: 1.6vw;
    color: #A97F5E;
    letter-spacing: 0.1px;
    font-weight: bolder;
    /* [disabled]overflow-wrap: break-word; */
    /* [disabled]word-break: break-all; */
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}
.qq {
    width: 6%;
    font-size: 2.4vw;
    font-weight: bolder;
    color: #99734E;
    float: left;
    line-height: 150%;
}
.a1-txt
{
    line-height: 160%;
    width: 94%;
    font-size: 1.3vw;
    color: #666666;
    letter-spacing: 0.1px;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    right: auto;
    margin-left: 6%;
    text-align: left;
}
.a1-txt2
{
    line-height: 160%;
    width: 94%;
    font-size: 1.3vw;
    color: #666666;
    text-align: justify;
    letter-spacing: 0.1px;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    list-style-type: decimal;
    margin-left: 8%;
}
.n1-txt_b {
    line-height: 150%;
    width: 100%;
    font-size: 1.3vw;
    color: #666666;
    text-align: justify;
    margin-right: auto;
    padding-left: 0px;
    padding-bottom: 2%;
    margin-left: auto;
    letter-spacing: 0.1px;
    font-weight: normal;
}
#n {
	/* [disabled]position: relative; */
	/* [disabled]top: -60px; */
	display: block;
	height: 0;
	overflow: hidden;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n1-txt3 {
    font-size: 1.3vw;
    line-height: 150%;
    width: 100%;
    /* [disabled]padding-right: 1.5%; */
    margin-right: auto;
    margin-left: -0.8vw;
    text-indent: -9vw;
    text-align: justify;
}
.n1-txt2-2 {
    margin-left: -2.6vw;
    padding-left: 1.3vw;
    font-size: 1.3vw;
    width: 100%;
    text-indent: 1.5vw;
	text-align: justify;
}
.txt1-box {
    width: 100%;
    height: auto;
    margin-left: -1.2vw;
}
.n1-txt1box {
}
#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 {
    margin-left: 0px;
}
.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: 41%;
    z-index: 999;
    height: auto;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
    margin-top: 11.5%;
    margin-right: auto;
    margin-left: 7%;
    margin-bottom: 0;
    opacity: 1;
    position: absolute;
    left: 0px;
}
.title2 {
    width: 40%;
    z-index: 999;
    margin-top: 0;
    margin-right: 27.5%;
    margin-left: 42.5%;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    -webkit-animation-delay: 1s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
    max-width: 576px;
    padding-top: 11.5%;
    position: relative;
}
.title3 {
	width: 35%;
	z-index: 999;
	margin-left: 11%;
	margin-bottom: 0;
	padding-bottom: 0;
	height: auto;
	-webkit-animation-delay: 2s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 2s;
	position: absolute;
	margin-top: 1%;
	max-width: 504px;
	min-height: 0px;
}
.caption {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}
.caption2 {
    width: 60%;
    max-width: 864px;
    margin-left: 20%;
    margin-right: 20%;
}
.baseline {
    width: 40%;
    z-index: 999;
    margin-left: 7.5%;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    -webkit-animation-delay: 1s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
    /* [disabled]position: static; */
    margin-top: 1%;
}
.title_box {
    width: 100%;
    height: 0px;
    margin: 0 auto;
    max-width: 1440px;
    font-size: 0px;
    line-height: 0px;
    z-index: 999;
    position: absolute;
}
.title_box2 {
    width: 100%;
    font-size: 0px;
    line-height: 0px;
    max-width: 1440px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    z-index: 9;
    height: 0px;
    background-image: url(../img/txt1.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.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;
}
.but_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    height: auto;
    background-repeat: no-repeat;
    margin-top: -29.5%;
    max-width: 612px;
}
.but_box2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* [disabled]max-width: 1440px; */
    height: auto;
    background-image: url(../img/but_b2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.but_box3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6%;
    max-width: 1440px;
    height: auto;
    bottom: 6%;
}
.button {
    width: 23%;
    height: auto;
    margin-left: 38.5%;
    z-index: 9999;
    max-width: 360px;
    float: left;
    margin-right: 38.5%;
    background-image: url(../img/button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.button_box {
    width: 100%;
    height: 0px;
}
.button1 {
    width: 30%;
    height: auto;
    z-index: 9999;
    background-image: url(../img/button.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 16.5%;
}
.button2 {
    width: 80%;
    height: auto;
    margin-right: 10%;
    z-index: 9999;
    max-width: 288px;
    background-image: url(../img/button3.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    float: right;
    margin-left: 10%;
    position: static;
}
.button3 {
    width: 80%;
    height: auto;
    margin-right: 10%;
    margin-left: 10%;
    z-index: 9999;
    max-width: 288px;
    background-image: url(../img/button3.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    float: right;
    position: static;
}
.button4 {
    width: 20%;
    height: auto;
    z-index: 9999;
    max-width: 288px;
    background-image: url(../img/button4.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    float: left;
    margin-left: 28%;
}
.button5 {
    width: 20%;
    height: auto;
    margin-right: 28%;
    z-index: 9999;
    max-width: 288px;
    background-image: url(../img/button5.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    float: right;
}
.button6 {
    width: 63%;
    height: auto;
    z-index: 9999;
    max-width: 274px;
    background-image: url(../img/button6.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* [disabled]float: left; */
    margin-left: 25%;
    margin-right: 12%;
}
.button7{
    width: 63%;
    height: auto;
    margin-right: 25%;
    z-index: 9999;
    max-width: 274px;
    background-image: url(../img/button7.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* [disabled]float: right; */
    margin-left: 12%;
}
.space {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-color: #EBEBEB;
}
.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 {
    width: 100%;
    height: auto;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.but2 {
    width: 100%;
    height: auto;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.but3 {
    width: 100%;
    height: auto;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.but4 {
    width: 100%;
    height: auto;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.but5 {
    width: 100%;
    height: auto;
    z-index: 999;
    /* [disabled]background-image: url(../img/but_05.png); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.but6 {
	width: 28%;
	height: auto;
	margin: 0 auto;
	max-width: 251px;
	z-index: 9999;
	text-align: center;
}
#link a:link  {
        }
#link a:hover {
	opacity: 0.7;        
}
/* 滑鼠移至連結 */
.but1 a:hover
  {
     width: 50%;
    height: auto;
    z-index: 999;
	
        }
.but2 a:hover
        {
    width: 100%;
    height: auto;
    z-index: 999;
    background-image: url(../img/but_02a.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
        }
.but3 a:hover
        {
    width: 100%;
    height: auto;
    z-index: 999;
    background-image: url(../img/but_04a.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
        }
.but4 a:hover        {
    width: 100%;
    height: auto;
    z-index: 999;
    background-image: url(../img/but_05a.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
        }
.but5 a:hover        {
    /* [disabled]opacity: 0.8; */
    width: 100%;
    height: auto;
        }
.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;
}
.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%;
}
.button_bar {
	width: 100%;
	margin: 0 auto;
	z-index: 9999;
	font-size: 0px;
	line-height: 0px;
	height: auto;
	max-width: 1440px;
}
.button_bar2 {
	padding-bottom: 0px;
	width: 100%;
	background-image: url(..//img/web_04_03.png);
	max-width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 100% auto;
}
.button_bar3 {
	padding-bottom: 0px;
	width: 100%;
	background-image: url(..//img/web_05_03.png);
	max-width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 100% auto;
}
.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 {
    float: right;
}
.line1 {
    float: left;
}
.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: ０px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}
.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-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 {
    height: auto;
    width: 100%;
    margin-top: 40px;
    padding-top: 40%;
}
#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: #666666;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}
.cookie2 {
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
}
.cookie_box {
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.cookie_txt  {
    color: #FFFFFF;
    font-size: 1.3vw;
    line-height: 150%;
    float: left;
    clear: left;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    width: 100%;
    padding-right: 2%;
}
.cookie_txt_link {
    text-decoration: underline;
    color: #FFFFFF;
}
tr td .cookie_txt {
    color: #FFFFFF;
    line-height: 150%;
    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: 90%;
    border-radius: 30px;
    background-color: #D0141A;
    border-width: 0px;
    border-style: none;
    /* [disabled]line-height: 50%; */
    height: auto;
    /* [disabled]right: 2%; */
    text-align: center;
}

/* 滑鼠按下的樣式*/
button:active{
    margin-top: 3px;
}
/* 鍵盤聚焦的樣式*/
button:focus{
    background-color: #C0232C;
}

/* 滑鼠滑過的樣式*/
button:hover{
    background-color: #FF1C1C;
    -webkit-box-shadow: 0pt 3px #C10003;
    box-shadow: 0pt 3px #C10003;
}
/* 還沒被訪問的樣式*/
button:link{

}


#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: 100px;
    right: 2%;
    margin-left: 0px;
}

.cookie_box table  {
    width: 95%;
    margin: 0 auto;
    height: auto;
}

div#header {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    behavior: url(PIE.htc);
}
.anchor {
    height: 0;
    position: absolute;
    padding-top: 8%;
}
.play table {
    width: 100%;
    max-width: 700px;
}
#a2 {
}
prev {
}

.qa_box {
    width: 100%;
    left: 0px;
    margin-bottom: 2%;
}
.red {
    margin-top: -5%;
}
.mypulse{
    animation-name: mypulse;
    -webkit-animation-name: mypulse;
    animation-duration: 2s;	    /* slower speed */
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    z-index: 999;
}
.qa_txt {
    font-size: 1.8vw;
    line-height: 120%;
    margin-right: auto;
    width: 80%;
    margin-left: 10%;
    height: auto;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    max-width: 800px;
}
.qa_txt2 {
    width: 97%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: 11.2%;
}
.qa_txt2 a:hover{
    color: #FF6987;
    text-decoration: underline
}
.qa_txt2 a {
    color: #E04E5B;
}
.qa_txt2_2 {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: 8%;
}
.qa_txt2_2 a {
    color: #E04E5B;
}
.qa_txt2_2 a:hover{
    color: #FF6987;
    text-decoration: underline
}
.firstpane {
}
.number {
    width: 8%;
    height: auto;
    left: 0px;
    float: left;
}
.box {
}

.menu_list {
}
.menu_body {
    width: 90%;
    height: auto;
    font-size: 1.5vw;
    line-height: 150%;
    color: #666666;
    padding-top: 2%;
    display: none;
    text-align: justify;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 0px;
    /* [disabled]margin-left: 10%; */
}

.content1 {
}
.content1box {
    width: 100%;
    height: auto;
    top: 5%;
    bottom: 5%;
    padding-bottom: 4%;
}
.q1 {
    color: #EC5074;
}
.q2 {
	    color: #67C99E;
}
.q3 {
	    color: #708ADF;
}
.q4 {
    color: #4EC9E3;
}



@keyframes mypulse {
	0% {
		transform: scale(0.99);    /* smaller start size */
		opacity: 1;		
	}
	20% {
		transform: scale(1.03);     /* larger peak size */
		opacity: 1;	
	}	
	100% {
		transform: scale(0.99);	
		opacity: 1;	
	}			
}
@-webkit-keyframes mypulse {
	0% {
		-webkit-transform: scale(0.99);
		opacity: 1;		
	}
	20% {
		-webkit-transform: scale(1.03);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.99);
		opacity: 1;	
	}			
}


@media (max-width:768px){
#pc {
    text-align: center;
    display: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.background3 {
    background-color: #EFF0EC;
}
.kv_m {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    position: 0;
    z-index: 1;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #EBE8E1;
}
.kv_m img {
}
.spy_m {
    width: 34%;
    height: auto;
    z-index: 99;
    margin-left: 33%;
    margin-right: 33%;
    margin-top: 2%;
    position: absolute;
}	
.menu1 {
    /* [disabled]display: none; */
    background-image: url(../img/pop1m.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.dice {
    width: 9%;
    margin-top: 2%;
}
.kv2_m {
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.kv_mb {
	width: 100%;
	height: auto;
	max-width: 768px;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.title_m {
    width: 100%;
    height: auto;
    max-width: 768px;
    z-index: 999;
}
.title_2m {
    width: 75%;
    height: auto;
    max-width: 576px;
    z-index: 999;
    margin-left: 12.5%;
    margin-right: 12.5%;
}
.horse_m {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    height: auto;
}
.pc {
    display: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.loan1m {
    width: 50%;
    left: 0px;
    height: auto;
    /* [disabled]position: absolute; */
    float: left;
    clear: left;
}
.loan2m {
    width: 50%;
    height: auto;
    right: 0px;
    float: right;
    position: relative;
}
.loan3m {
    width: 50%;
    left: 0px;
    height: auto;
    /* [disabled]position: absolute; */
    float: left;
}
.loan4m {
    width: 50%;
    height: auto;
    right: 0px;
    float: right;
}	
.content1box {
    width: 100%;
    height: auto;
    top: 5%;
    bottom: 5%;
    /* [disabled]padding-top: 5%; */
    padding-bottom: 6%;
}
.film_page1 {
    width: 100%;
    height: auto;
    background-image: url(../img/film_01m.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #FF9F46;
}
	.film_page2 {
    width: 100%;
    height: auto;
    background-image: url(../img/film_02m.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    padding: 0;
    max-height: 450px;
    max-width: 768px;
}
	
	
	
.tt {
	font-size: 5vw;
	margin-top: 14%;
	margin-bottom: 0px;
	padding-left: 5%;
	padding-right: 5%;
	max-width: 767px;
}
.but_1m {
    width: 100%;
    height: auto;
    max-width: 768px;
}
.but_2m {
    width: 100%;
    height: auto;
    max-width: 768px;
}
.sale1m {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.sale2m {
    width: 100%;
    height: auto;
    margin-right: auto;
    max-width: 500px;
    z-index: 12;
    margin-left: auto;
}
.sale3m {
    width: 100%;
    height: auto;
    margin-right: auto;
    max-width: 500px;
    z-index: 13;
    margin-left: auto;
}
#mobile {
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 0px;
}
.mobile {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    line-height: 0px;
}

	.gotop {
    display: none;
    position: fixed;
    /* [disabled]background-image: url(../img/gotop.svg); */
    background-repeat: no-repeat;
    height: auto;
    width: 10%;
    bottom: 20%;
    cursor: pointer;
    z-index: 9999;
   }       
 #page {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: auto;
    z-index: 2;
    font-size: 0px;
    line-height: 0px;
    background-color: rgba(89,87,87,1.00);
     
}
.page {
    width: 100%;
    height: auto;
    max-width: 768px;
    z-index: 9999;
    margin-right: auto;
    margin-left: auto;
}
.page1m tbody tr td {
}
.page1_m {
    margin: 0 auto;
    z-index: 0;
    width: 100%;
    line-height: 0px;
    height: auto;
    background-position: center top;
    background-size: 100% auto;
    max-width: 768px;
    background-repeat: no-repeat;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible;
}
.page2_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    line-height: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0;
    background-size: 100% auto;
    background-image: url(../img/p2_06m.png);
}
.page2_2m {
    width: 100%;
    height: auto;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
.page2m_box {
    width: 100%;
    height: auto;
    max-height: 450px;
    right: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/film_02m.png);
    background-position: center center;
    background-size: 100% auto;
}
.page2_box {
    position: absolute;
    width: 100%;
    height: auto;
    display: table;
}
.page3_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    line-height: 0px;
    display: block;
}
.page3_2m {
    background-image: url(../img/m_02.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #FFDFE6;
    padding-bottom: 8%;
}
.page3_3m {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #FF9F46;
}
.page3_4m {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #E2DDD4;
    padding-bottom: 5%;
    background-image: url(url);
}
.page4_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    line-height: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #E2DDD4;
}
.page4_2m {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 0;
    line-height: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #F3DEB2;
}
.page5_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    line-height: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #F4F4F4F4;
}
#page6 {
    background-color: #EBEBEB;
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    height: auto;
    padding-bottom: 0px;
}
.page6 {
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    height: auto;
    background-position: center top;
    background-size: auto auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    background-repeat: repeat-x;
}
.product_m {
    width: 100%;
    height: auto;
    max-width: 768px;
    margin-bottom: 20%;
    /* [disabled]bottom: 5%; */
}
    	
.flower {
	width: 100%;
	height: auto;
	position: absolute;
	margin-bottom: 0px;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	margin-top: 0px;
}
.title_box_m {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 0px;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    z-index: 999;
    position: absolute;
}
.title_box_m2 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    height: 0px;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    z-index: 9;
}
.title_box2m {
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-width: 768px;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    z-index: 9;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    bottom: auto;
}
.title_box3 {
	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: 9;
}
.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;
}
.space_m {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    background-color: #CCCCCC;
}.center_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.n1 {
    width: 95%;
    height: auto;
    padding-left: 0%;
    padding-bottom: 40%;
    max-width: 720px;
    margin-left: 1%;
}
.a1 {
    width: 100%;
    height: auto;
}
.a1-txt {
    width: 90%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vw;
    color: #666666;
    line-height: 160%;
    /* [disabled]letter-spacing: 0.1px; */
    overflow-wrap: break-word;
    margin-left: 10vw;
    text-align: justify;
}	
    
.txt2-box   {
    margin-left: 6vw;
}
.txt3-box {
    float: left;
    clear: left;
    font-size: 4vw;
    /* [disabled]margin-left: 10vw; */
    width: 6vw;
}
.n1-txt_b {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    font-size: 3.8vw;
    color: #666666;
    line-height: 160%;
    word-spacing: 0px;
    letter-spacing: 0.1px;
    word-wrap: break-word;
    text-align: justify;
    /* [disabled]padding-left: 5vw; */
}
.n1-txt {
    width: 100%;
    height: auto;
    font-size: 3.8vw;
    color: #666666;
    line-height: 160%;
    overflow-wrap: break-word;
    text-align: justify;
    padding-bottom: 2%;
}
.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;
}	
.n1-txt2 {
    font-size: 3.8vw;
    width: 100%;
    height: auto;
    overflow-wrap: break-word;
    text-indent: 15vw;
    text-align: justify;
    line-height: normal;
}
.n1-txt3 {
    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;
}
.box_b {
	width: 100%;
	height: auto;
	float: left;
        -webkit-animation-delay: 0.4s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.4s;
}
.box_c {
	width: 100%;
	height: auto;
	float: left;
        -webkit-animation-delay: 0.6s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.6s;
}
    .box_d {
    width: 100%;
    height: auto;
    -webkit-animation-delay: 0.6s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.4s;
    /* [disabled]position: absolute; */
}
  .box_e {
    width: 100%;
    height: auto;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.6s;
    /* [disabled]position: absolute; */
}
/* 滑鼠按下的樣式*/
button:active{
}
/* 鍵盤聚焦的樣式*/
button:focus{
    background-color: #C0232C;
}

/* 滑鼠滑過的樣式*/
button:hover{
    background-color: #FF1C1C;
    /* [disabled]-webkit-box-shadow: 0pt 3px #C10003; */
    /* [disabled]box-shadow: 0pt 3px #C10003; */
}
/* 還沒被訪問的樣式*/
button:link{

}

#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;
}
.button1_m {
    width: 50%;
    height: auto;
    margin-top: 0;
    margin-right: 25%;
    margin-left: 25%;
    margin-bottom: 0;
    padding: 0;
    z-index: 999;
    text-align: center;
    background-image: url(../img/button_m.png);
    background-position: center center;
    background-size: 100% auto;
}
.button2_m {
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    z-index: 999;
    text-align: center;
    background-image: url(../img/button2m.png);
    background-position: center center;
    background-size: 100% auto;
}
 .button3_m {
    width: 50%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    z-index: 999;
    text-align: center;
    background-image: url(../img/button3m.png);
    background-position: center center;
    background-size: 100% auto;
}	   
 .button4_m {
    width: 65%;
    height: auto;
    margin: 0 auto 8%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    z-index: 99;
    text-align: center;
    background-image: url(../img/button4m.png);
    background-position: center center;
    background-size: 100% auto;
}	   
 .button5_m {
    width: 65%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    z-index: 99;
    text-align: center;
    background-image: url(../img/button5m.png);
    background-position: center center;
    background-size: 100% auto;
    background-color: #FFE0A3;
}	

 .button6_m {
    width: 55%;
    height: auto;
    margin: 0 aoto;
    padding: 0;
    z-index: 99;
    text-align: center;
    background-image: url(../img/button6m.png);
    background-position: center center;
    background-size: 100% auto;
}
     .button7_m {
    width: 55%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    z-index: 99;
    text-align: center;
    background-image: url(../img/button7m.png);
    background-position: center center;
    background-size: 100% auto;
}
.button_barm {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: 99;
	clear: none;
	float: none;
	font-size: 0px;
	line-height: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	max-width: 767px;
	bottom: 10%;
}
.button_box_m {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    z-index: 99;
    font-size: 0px;
    line-height: 0px;
    max-width: 768px;
    position: absolute;
}
.button_bar {
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 9999;
	font-size: 0px;
	line-height: 0px;
	max-width: 768px;
	background-image: url(../img/m_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding-bottom: 0px;
	bottom: 10%;
}
.but_box_m  {
    width: 100%;
    height: auto;
    max-width: 768px;
    background-repeat: repeat-y;
    margin-top: -24%;
}
.but_box_m2  {
    width: 100%;
    height: auto;
    max-width: 768px;
    background-repeat: repeat-y;
    margin-top: -24%;
}
.butm_box2 {
	width: 100%;
	height: auto;
	max-width: 767px;
	background-image: url(../img/m_04_10.png);
	background-position: center top;
	background-size: 100% auto;
}
.butm_box1 {
	width: 100%;
	height: auto;
	max-width: 767px;
	background-image: url(../img/m_04_4.png);
	background-position: center top;
	background-size: 100% auto;
}
.but1_m {
    text-align: center;
    z-index: 99;
    height: auto;
    width: 50%;
    top: auto;
    /* [disabled]max-width: 768px; */
    background-image: url(../img/but_01m.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    float: left;
	}
.but2_m {
    width: 50%;
    /* [disabled]max-width: 768px; */
    height: auto;
    text-align: center;
    z-index: 99;
    top: auto;
    background-image: url(../img/but_02m.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    float: right;
}
.but3_m {
    width: 50%;
    /* [disabled]max-width: 768px; */
    height: auto;
    text-align: center;
    z-index: 99;
    top: auto;
    background-image: url(../img/but_03m.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    float: right;
}
.but4_m {
    width: 50%;
    height: auto;
    background-image: url(../img/but_03m.png);
}
.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: #666666;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	word-spacing: 0px;
	letter-spacing: 0.1px;
}

.girl {
	width: 30%;
	left: 67%;
	padding-top: 22%;
}
.girl_box {
	width: 100%;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	max-width: 767px;
}
.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_m {
	width: 15%;
	position: fixed;
	z-index: 9999;
	padding: 0;
	height: auto;
	float: right;
	bottom: 30%;
	right: 0px;
}
.pop1_m {
	width: 100%;
	z-index: 9999;
	-webkit-animation-delay: 0.8s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 0.8s;
	height: auto;
	margin: 0 auto;
	bottom: auto;
	background-image: url(../img/pop_m.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	right: 0px;
}
.pop2_m {
    width: 100%;
    max-width: 110px;
    z-index: 9999;
    margin: 0 auto;
    -webkit-animation-delay: 0.8s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
}  
.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: 5%;
    max-width: 768px;
}
.cookie_txt {
    font-size: 3.1vw;
    text-align: justify;
    line-height: １５０
%
%;
    line-height: 150%;
}
.cookie_btn {
    width: 25%;
    height: auto;
    margin-left: 37.5%;
    margin-right: 37.5%;
    border-radius: 50px;
}		
#background_m  {
	width: 100%;
	margin: 0 auto;
	height: auto;
	z-index: 1;
	background-position: center top;
	background-size: 100% auto;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../img/background_m.png);
	background-color: #BA242D;
	background-repeat: no-repeat;
}
.rabbit {
	width: 85%;
	height: auto;
	position: absolute;
	margin-bottom: 0px;
	z-index: 2;
	margin-top: 23%;
	margin-left: 2%;
	margin-right: 13%;
}
.gift1m   {
    width: 75%;
    height: auto;
    margin-left: 12.3%;
    margin-right: 12.3%;
}
.gift2m {
    z-index: 1;
    width: 75%;
    height: auto;
    margin-left: 12.3%;
    margin-right: 12.3%;
}
.gift3m {
    z-index: 1;
    width: 75%;
    height: auto;
    margin-left: 12.3%;
    margin-right: 12.3%;
}
.notes1 {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 768px;
    /* [disabled]padding-top: 5%; */
    /* [disabled]padding-bottom: 5%; */
    background-repeat: no-repeat;
    background-position: center center;
}
.notes2 {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: none;
    max-width: 768px;
    /* [disabled]padding-top: 5%; */
    /* [disabled]padding-bottom: 5%; */
    background-position: center center;
    background-repeat: no-repeat;
}
	
	
.notes {
    width: 100%;
    height: auto;
    display: none;
}
.Notice_button_m{
    width: 100%;
    height: auto;
    z-index: 999;
    margin-right: 0px;
    margin-left: auto;
    margin-bottom: 0px;
    line-height: 100%;
    /* [disabled]position: absolute; */
}
.Notice_button_m:hover .hover{
    display: block;
    z-index: 999;
    /* [disabled]position: static; */
}	
.hover{
    width: 100%;
    height: auto;
    z-index: 9998;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* [disabled]background-image: url(../img/txt4.png); */
    max-width: 768px;
    display: none;
    margin-top: 0%;
    position: relative;
    float: right;
    margin-left: auto;
}

#menu_m {
    width: 100%;
    height: auto;
    bottom: 0px;
    position: fixed;
    max-width: 768px;
    display: none;
}
.play {
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.popup_bg {
    width: 100%;
    height: auto;
    display: block;
    z-index: 99;
    /* [disabled]position: absolute; */
}
.menu_a {
    width: 100%;
    height: auto;
    display: none;
}
.menu_b {
    width: 100%;
    height: auto;
}
.menu_c {
    /* [disabled]display: none; */
    width: 100%;
    height: auto;
}
.menu_ai {
    width: 100%;
    height: auto;
}
.menu_bi {
    display: none;
    width: 100%;
    height: auto;
}
.menu_ci {
    display: none;
    width: 100%;
    height: auto;
}	
.vision1 {
    width: 100%;
    height: auto;
}
.vision2 {
    display: none;
    width: 100%;
    height: auto;
}
.vision3 {
    display: none;
    width: 100%;
    height: auto;
}	
.qa_box {
    width: 100%;
    left: 0px;
    margin-bottom: 1%;
}
.qa_page {
    width: 95%;
}
.qq {
    font-size: 6.5vw;
    width: 10vw;
    min-width: 0px;
}
.q1-txt {
    font-size: 4.2vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    /* [disabled]width: 70%; */
    height: auto;
}
.a1-txt2 {
    font-size: 4.2vw;
    margin-left: 10vw;
    margin-right: auto;
    width: 90%;

}
.caption_m {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.mobile #carouselExampleIndicators1 {
    height: 100%;
    min-height: 700px;
    width: 100%;
}
.carousel-item {
    height: 100%;
}
.content1 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.qa_txt {
    font-size: 4.8vw;
    line-height: 120%;
    margin-right: auto;
    width: 65%;
    margin-left: 20%;
    height: auto;
    padding-top: 2.1%;
    padding-bottom: 2%;
}
.firstpane {
}
.number {
    width: 17%;
    height: auto;
    left: 0px;
    float: left;
}
.box {
}
.qa_txt2_2 {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: 0px;
}
.menu_list {
}
.menu_body {
    width: 100%;
    height: auto;
    font-size: 3.8vw;
    line-height: 150%;
    color: #666666;
    padding-top: 4%;
    display: none;
    text-align: justify;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 0px;
}
.menu_head {
    cursor: pointer;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
}

/* 加上 ＋ 號 */
.menu_head::after {
    content: '+';
    position: absolute;
    right: 8%; /* 靠右對齊 */
    font-size: 13vw;
    transition: transform 0.3s;
    line-height: 100%;
    margin-top: -16%;
    font-weight: 100;
}

/* 當標題被點擊（展開）時，變成 － 號 */
.menu_head.current::after {
    content: '−';
}
.qa_txt2  {
    margin-left: 0px;
    width: 100%;
}	
.qa_txt2 a {
    color: #E04E5B;
}
.qa_txt2_2 a {
    color: #E04E5B;
}
.qa_txt2_2 a:hover{
    color: #FF6987;
    text-decoration: underline
}	
.q1 {
    color: #EC5074;
}
.q2 {
	    color: #67C99E;
}
.q3 {
	    color: #708ADF;
}
.q4 {
    color: #4EC9E3;
}
}

@media (max-width: 799px) and (min-width: 769px) {
}
@media (max-width:1440px) and (min-width:768px){	
.menu_b {
    display: none;
}
#background {
	background-image: url(../img/background_s.png);
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
}
@media (max-width:1224px){
}	
@media (min-width:1440px){
.n1 {
    width: 100%;
    height: auto;
}.n1-txt {
    font-size: 18px;
    list-style-position: outside;
    line-height: 180%;
    text-align: justify;
}
.n1-txt2 {
    font-size: 18px;
    text-align: justify;
    line-height: 180%;
}
.n1-txt3 {
    font-size: 18px;
    text-align: justify;
    line-height: 180%;
}
	
.txt2-box {
    margin-left: 24px;
}
.txt3-box {
    /* [disabled]margin-left: 28px; */
    width: 24px;
}
.qq {
    font-size: 36px;
    width: 6%;
    margin-left: 0px;
    float: left;
    line-height: 150%;
    font-weight: bolder;
    color: #99734E;
}
.q1-txt {
    font-size: 24px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    width: 100%;
    line-height: 250%;
    color: #A97F5E;
    letter-spacing: 0.1px;
    font-weight: bolder;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    text-align: justify;
}
.a1 {
    width: 100%;
    height: auto;
    /* [disabled]padding-left: 3%; */
    margin-left: 0px;
}
.a1-txt {
    font-size: 20px;
    margin-bottom: 0;
    width: 94%;
    color: #666666;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    margin-left: 6%;
    line-height: 160%;
    text-align: left;
}	
.a1-txt2 {
    font-size: 20px;
    margin-left: 8%;
    margin-top: 0;
    margin-bottom: 0;
    width: 94%;
    color: #666666;
    overflow-wrap: break-word;
    word-break: break-all;
    height: auto;
    text-align: left;
}
.a1-txt3 {
    font-size: 18px;
}
#page {
}
.page {
}
.qa_box {
    width: 100%;
    left: 0px;
    margin-bottom: 2%;
}
.cookie_txt {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 150%;
    float: left;
    clear: left;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    width: 100%;
    padding-right: 2%;
}
.red {
    margin-top: -5%;
}
.mypulse{
    animation-name: mypulse;
    -webkit-animation-name: mypulse;
    animation-duration: 2s;	    /* slower speed */
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    z-index: 999;
}
.qa_txt {
    font-size: 26px;
    line-height: 120%;
    margin-right: auto;
    width: 92%;
    margin-left: 8%;
    height: 70px;
    padding-top: 20px;
    padding-bottom: 24px;
    max-width: 1296px;
}
.firstpane {
}
.number {
    width: 7%;
    height: auto;
    left: 0px;
    float: left;
    max-width: 70px;
}
.box {
}
.qa_txt2 {
    width: 92%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: 8%;
}
.qa_txt2_2 {
    width: 93%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: 7%;
}
.menu_list {
}
.menu_body {
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 150%;
    color: #666666;
    padding-top: 2%;
    display: none;
    text-align: justify;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 0px;
    max-width: 1080px;
}
.qa_txt2 a {
    color: #E04E5B;
}
.qa_txt2_2 a {
    color: #E04E5B;
}
.qa_txt2 a:hover{
    color: #FF6987;
    text-decoration: underline
}
.qa_txt2_2 a:hover{
    color: #FF6987;
    text-decoration: underline
}
.content1 {
    max-width: 1008px;
}
.content1box {
    width: 100%;
    height: auto;
    top: 5%;
    bottom: 4.5%;
    padding-bottom: 4%;
}	
.menu_head {
    cursor: pointer;
    background-color: #FFFFFF;
    width: 1008px;
    height: auto;
    max-width: 1008px;
}

/* 加上 ＋ 號 */
.menu_head::after {
    content: '+';
    position: relative; /* 靠右對齊 */
    font-size: 80px;
    transition: transform 0.3s;
    line-height: 100%;
    margin-top: -82px;
    right: 15px;
    font-weight: 100;
    float: right;
}

/* 當標題被點擊（展開）時，變成 － 號 */
.menu_head.current::after {
    content: '−';
}	
	
	
	
}
@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;
}
#Image39 {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-size: 0px;
    top: 0px;
    right: 0px;
    left: 0px;
    padding: 0;
    bottom: 0px;
}
#Image79 {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-size: 0px;
    top: 0px;
    right: 0px;
    padding: 0;
    left: 0px;
    bottom: 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 screen{
}