@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

img {
  border: 0;
  display: block;
  width: auto;
  margin: auto;
}

.pos_ab {
  position: absolute;
}

.pos_re {
  position: relative;
}

.pos_fx {
  position: fixed;
}

.btnMode {
  cursor: pointer;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0pt;
  visibility: hidden;
  overflow: hidden;
}

.clear {
  clear: both;
  height: 1px;
  margin-top: -1px;
  width: 100%;
}

.visible {
  display: block;
}

.unvisible {
  display: none;
}

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
}

input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
}

input::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
}

option {
  color: #000;
}

sup {
  position: relative;
  font-size: 14px;
  font-size: 1.2rem;
  top: -3px;
  padding: 0 3px;
}

.pic_max_width {
  width: 100%;
  max-width: 100%;
  max-height: auto;
}

.pic_max_height {
  max-width: auto;
  max-height: 100%;
  height: 100%;
}

.btnOverArea {
  cursor: pointer;
  background-color: #fff;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  -khtml-opacity: 0.01;
  z-index: 999;
}

.sendLoad {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
}

.black_bg {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
}

.inputstyle {
  border: none;
  border-bottom-style: solid;
  border-width: 2px;
  outline: none;
  font-weight: 500;
  background: transparent;
  color: #000;
  border-radius: 0px;
}

.selectstyle {
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.2;
  font-size: 14px;
  /*color: $formTextColor;cursor:pointer;*/
}

.yesBox {
  background-image: url(../img/checkbox.png);
  height: 13px;
  width: 13px;
  top: 2px;
  cursor: pointer;
}

a {
  color: #0070bb;
}

html {
  font-size: 75%;
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  font-size: 15px;
  font-size: 1.25rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  color: #fff;
  -webkit-text-size-adjust: none;
}

.main_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0070bb;
}

.main_wapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 65px;
  overflow: hidden;
  z-index: 99;
}

.main_wapper .main_content {
  position: relative;
  width: 640px;
  margin: 0 auto;
}

.menu_open {
  overflow: hidden;
  height: 1104px;
}

.wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: #0070bb;
}

.wrapper .page_content {
  position: relative;
}

.win_content_group,
.rule_content_group {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 999;
  display: none;
}

.win_content_group .close_rule,
.win_content_group .close_win,
.rule_content_group .close_rule,
.rule_content_group .close_win {
  position: absolute;
  width: 55px;
  top: 90px;
  right: 20px;
  z-index: 999;
}

.win_content_group #win_content,
.win_content_group #rule_content,
.rule_content_group #win_content,
.rule_content_group #rule_content {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 998;
}

.goto_top {
  position: fixed;
  width: 100%;
  z-index: 9999;
  left: 0px;
  bottom: 130px;
}

.goto_top .top_site {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin: 0 auto;
  width: 640px;
  text-align: right;
}

.goto_top .top_site .top_btn {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.goto_top .top_img {
  position: absolute;
  width: 60px;
  height: 60px;
}

#dialog_msg {
  position: fixed;
  top: 15%;
  width: 100%;
  text-align: center;
  z-index: 9999;
}

#dialog_msg p {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  background: #fff;
  opacity: 0.8;
  border-radius: 10px;
  padding: 20px;
  font-weight: bold;
  font-size: 36px;
  font-size: 3rem;
}

#dialog_msg2 {
  position: fixed;
  top: 90%;
  width: 100%;
  text-align: center;
  z-index: 9999;
}

#dialog_msg2 p {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  background: #fff;
  opacity: 0.01;
  font-weight: bold;
  font-size: 28px;
  font-size: 2.2rem;
}

.colorY {
  color: #ffe900;
}

.page_content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
}

.title_part,
.winner_title {
  position: relative;
  width: 640px;
  margin: 0px auto;
  padding: 10px 0;
}

.title_part .spotlight_group,
.winner_title .spotlight_group {
  position: absolute;
  width: 100%;
  top: -65px;
}

.title_part .spotlight_group .spotlight_left,
.winner_title .spotlight_group .spotlight_left {
  position: absolute;
  left: -20px;
}

.title_part .spotlight_group .spotLight_right,
.winner_title .spotlight_group .spotLight_right {
  position: absolute;
  right: -20px;
}

.title_part .big_title_group,
.winner_title .big_title_group {
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
}

.title_part .big_title_group .big_title_img,
.winner_title .big_title_group .big_title_img {
  position: relative;
  margin: 0 auto;
}

.title_part .big_title_group .good_img,
.winner_title .big_title_group .good_img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  left: 20px;
  top: 0;
}

.title_part .small_title_group,
.winner_title .small_title_group {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
}

.title_part .small_title_group .small_title_img,
.winner_title .small_title_group .small_title_img {
  position: relative;
  margin: 0 auto;
}

.title_part .green_bg,
.winner_title .green_bg {
  background: #8fbf45;
}

.title_part .dot_title_group,
.winner_title .dot_title_group {
  position: relative;
  width: 100%;
  margin: 20px auto;
}

.title_part .dot_title_group .dot_group,
.winner_title .dot_title_group .dot_group {
  position: relative;
  width: 480px;
  margin: 0px auto;
}

.title_part .dot_title_group .dot_group .dotP,
.winner_title .dot_title_group .dot_group .dotP {
  position: relative;
  width: 450px;
  padding: 5px 0;
  text-align: center;
  margin: 0 auto;
  display: table;
  border: 3px #fff dotted;
  border-radius: 99em;
  letter-spacing: -1px;
  font-size: 26px;
  font-size: 1.8rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  text-shadow: 0px 0px 20px #fff;
  line-height: 1.3;
}

.title_part .dot_title_group .dot_group .dotP .bigT,
.winner_title .dot_title_group .dot_group .dotP .bigT {
  font-size: 36px;
  font-size: 3rem;
  margin: 0 5px;
}

.title_part .dot_title_group .dot_group .dotP sup,
.winner_title .dot_title_group .dot_group .dotP sup {
  font-size: 19px;
  font-size: 1.6rem;
}

.title_part .dot_title_group .dot_group .title_star1,
.winner_title .dot_title_group .dot_group .title_star1 {
  position: absolute;
  left: 25px;
  top: 10px;
}

.title_part .dot_title_group .dot_group .title_star2,
.winner_title .dot_title_group .dot_group .title_star2 {
  position: absolute;
  right: 25px;
  top: 10px;
}

.title_part .dot_title_group .dot_text,
.winner_title .dot_title_group .dot_text {
  position: relative;
  margin: 20px auto;
  text-align: center;
  font-size: 21px;
  font-size: 1.8rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  letter-spacing: -1px;
}

.title_part .dot_title_group .dot_text sup,
.winner_title .dot_title_group .dot_text sup {
  font-size: 14px;
  font-size: 1.2rem;
}

.photo {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.photo .photo_inset {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.btnMode {
  position: relative;
  width: 255px;
  display: inline-block;
  margin: 0px auto;
  padding: 0 10px;
}

.btnMode-big {
  width: 498px;
  margin-bottom: -60px;
}

.btnMode .btn_img {
  position: relative;
}

.btnMode .game01__btn_img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-9%);
}

.btnMode .btn_arrow {
  position: absolute;
  right: 30px;
  top: 18px;
}

.btnMode .arrow_t4 {
  right: 55px;
}

.btnMode .arrow_t5 {
  right: 45px;
}

.btnMode .arrow_t6 {
  right: 25px;
}

.fixed_group {
  position: fixed;
  right: 0;
  top: 25%;
  width: 48px;
  z-index: 999;
}

.fixed_group .fixed_btn {
  position: absolute;
  width: 48px;
  height: 168px;
}

.fixed_group .fixed_btn .fixed_btn_img {
  position: absolute;
}

.fixed_group .fixed_btn .fixed_btn_arrow {
  position: absolute;
  bottom: 20px;
  right: 15px;
}

.fixed_group .fixed_btn2 {
  position: absolute;
  width: 48px;
  height: 144px;
  top: 200px;
}

[v-cloak] {
  display: none !important;
}

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 99999;
}

.loadingbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #fff;
}

.loadingicon {
  position: absolute;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loadingicon .loadingpic {
  position: absolute;
  top: 90px;
  left: 60px;
  z-index: 1;
}

.loadingicon .percent {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, "LiHei Pro", "微軟正黑體";
  color: #dabc8c;
  font-weight: bold;
  font-size: 22px;
  font-size: 26px;
  font-size: 1.8rem;
  line-height: 90px;
  letter-spacing: 2px;
  text-align: center;
  z-index: 11;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.loadingicon .percent2 {
  color: #fff;
}

.loadingicon .loadingImg2 {
  position: absolute;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.custom-toggle {
  position: absolute;
  width: 110px;
  height: 75px;
  top: 0;
  right: 0;
  cursor: pointer;
}

.custom-toggle .bar {
  position: absolute;
  background-color: #014099;
  display: block;
  width: 55px;
  height: 5px;
  border-radius: 200px;
  top: 35px;
  right: 33px;
  transition: all 0.5s;
}

.custom-toggle .bar:first-child {
  transform: translateY(-12px);
}

.custom-toggle .bar:last-child {
  transform: translateY(12px);
}

.x .bar {
  transform: rotate(45deg);
}

.x .bar:first-child {
  transform: rotate(-45deg);
}

.x .bar:last-child {
  display: none;
}

.header-menu {
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 640px;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 998;
  background: #0070bb;
}

.header-menu .menu_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #0070bb;
  overflow: hidden;
}

.header-menu .menu_bg .menu_bg_cloud {
  position: absolute;
  top: 100px;
  z-index: 1;
}

.header-menu .main-menu {
  position: absolute;
  width: 100%;
  height: 740px;
  top: 12%;
  z-index: 2;
}

.header-menu .main-menu .menu_item {
  position: relative;
  margin: 75px auto;
  padding-left: 40px;
  width: 300px;
  height: 75px;
  cursor: pointer;
}

.header-menu .main-menu .menu_item a {
  position: absolute;
  top: 0;
  width: 100%;
  height: 75px;
  color: #fff;
  letter-spacing: 3px;
  font-size: 40px;
  font-size: 3.4rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  text-decoration: none;
}

.header-menu .main-menu .menu_item a .menu_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 75px;
}

.header-menu .main-menu .menu_item a p {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 180px;
  line-height: 75px;
  font-weight: 500;
}

.header-menu .main-menu .menu_item a p .upper {
  font-size: 12px;
  line-height: 70px;
}

.header-menu .main-menu .menu_item a .height2 {
  line-height: 30px;
}

.header-menu .main-menu .menu_item a .height2 sup {
  font-size: 15px;
}

header {
  position: fixed;
  z-index: 9999;
  top: 0px;
  width: 100%;
  height: 65px;
  background: #fff;
}

header .header-all {
  position: absolute;
  margin: 0 auto;
  z-index: 999;
  top: 0px;
  width: 100%;
  max-width: 640px;
  background: #fff;
  height: 65px;
}

header .header-all .header-content {
  position: relative;
  margin: 0 auto;
  height: 65px;
  z-index: 999;
}

header .header-all .header-content .main-logo {
  position: relative;
  margin: 0 auto;
  height: 65px;
  width: 230px;
  background: #fff;
  z-index: 999;
}

header .header-all .header-content .main-logo a {
  position: absolute;
  width: 100%;
  height: 80%;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

header .header-all .header-content .main-logo a img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: contain;
}

header .header-all .header-content .custom-toggle {
  z-index: 999;
}

::-webkit-scrollbar {
  width: 0.5em;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.header-menu::-webkit-scrollbar-thumb {
  background-color: #014099;
  outline: 1px solid slategrey;
}

footer {
  position: relative;
  width: 100%;
  height: 45px;
  bottom: 0;
  background: #000;
  z-index: 99;
}

footer .footer_tree {
  position: absolute;
  width: 100%;
  height: 80px;
  background-image: url(../images/footer_tree.png);
}

footer .footer-content {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 45px;
  margin: 0 auto;
  text-align: center;
}

footer .footer-content .footerText {
  position: relative;
  display: inline;
  width: 100%;
  text-align: center;
  line-height: 45px;
  letter-spacing: 1.5px;
  color: #fff;
  left: 0px;
  font-family: Arial, Helvetica, "LiHei Pro", "微軟正黑體";
  font-size: 14px;
  font-size: 1.2rem;
}

.pop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 760px;
  z-index: 9999;
}

.pop_fb {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.pop_fb #fb_show {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 288px;
  height: 162px;
  background-color: #fff;
  border: 4px #004695 solid;
  border-radius: 20px;
  z-index: 9999;
}

.pop_fb #fb_show .fb_show_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 160px;
  height: 40px;
  z-index: 9999;
  cursor: pointer;
  background: #004695;
  border-radius: 10px;
}

.pop_fb #fb_show .fb_show_btn .fb_show_text {
  width: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.pop_fb #fb_show .fb_close {
  position: absolute;
  right: -25px;
  top: -25px;
  cursor: pointer;
}

.pop_ShowImg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.pop_ShowImg #send_showImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 432px;
  height: 640px;
  z-index: 9999;
}

.pop_ShowImg #send_showImg .show_img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 432px;
  height: 555px;
  overflow: hidden;
  z-index: 9999;
}

.pop_ShowImg #send_showImg .show_text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 9999;
  font-size: 26px;
  font-size: 1.8rem;
}

.pop_ShowImg #send_showImg .show_close {
  position: absolute;
  right: -25px;
  top: -25px;
  z-index: 9999;
  cursor: pointer;
}

.pop_send {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  opacity: 0.15;
}

.pop_send #send_show {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
}

.pop_cont1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 560px;
  height: 740px;
  z-index: 9999;
}

.pop_cont1 .user_img_group {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 480px;
  height: 616px;
  overflow: hidden;
}

.pop_cont1 .user_img_group .photo {
  top: -2px;
}

.pop_cont1 .user_text {
  position: absolute;
  width: 100%;
  top: 640px;
  text-align: center;
  font-size: 24px;
  font-size: 2.2rem;
}

.pop_cont1 .pop_btn_group {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 690px;
  width: 480px;
}

.pop_cont1 .pop_btn_group .pop_btn1_group,
.pop_cont1 .pop_btn_group .pop_btn2_group {
  position: absolute;
  left: 0;
}

.pop_cont1 .pop_btn_group .pop_btn1_group .pop_btn_arrow,
.pop_cont1 .pop_btn_group .pop_btn2_group .pop_btn_arrow {
  position: absolute;
  right: 15px;
  top: 11px;
}

.pop_cont1 .pop_btn_group .pop_btn2_group {
  left: auto;
  right: 0;
}

.pop_cont1 .close {
  position: absolute;
  right: 15px;
  top: -25px;
  cursor: pointer;
}

.pop_winner {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: scroll;
}

.pop_winner #winner_show {
  position: relative;
  margin: 5% auto;
  display: table;
  padding-bottom: 30px;
  width: 1100px;
  z-index: 9999;
  border-radius: 20px;
  background-color: #004695;
  background-image: url(../images/bg.jpg);
}

.pop_winner #winner_show .winner_img_group {
  position: absolute;
  width: 100%;
  height: 100%;
}

.pop_winner #winner_show .winner_img_group .baby_fly {
  position: absolute;
  transform: scale(0.9);
  top: 50px;
  left: 70px;
}

.pop_winner #winner_show .winner_img_group .win_cloud1 {
  position: absolute;
  transform: scale(0.6);
  top: 210px;
  left: 50px;
}

.pop_winner #winner_show .winner_img_group .win_cloud2 {
  position: absolute;
  transform: scale(0.5);
  top: 290px;
  left: 30px;
}

.pop_winner #winner_show .winner_img_group .win_cloud3 {
  position: absolute;
  transform: scale(0.5);
  top: 90px;
  right: 140px;
}

.pop_winner #winner_show .winner_img_group .win_cloud4 {
  position: absolute;
  transform: scale(0.4);
  top: 130px;
  right: 110px;
}

.pop_winner #winner_show .winner_img_group .win_cloud5 {
  position: absolute;
  transform: scale(0.4);
  top: 330px;
  right: 15px;
}

.pop_winner #winner_show .winner_img_group .win_cloud6 {
  position: absolute;
  transform: scale(0.55);
  top: 405px;
  right: 80px;
}

.pop_winner #winner_show .winner_cont {
  position: relative;
  margin: 0 auto;
  width: 90%;
  top: 10px;
}

.pop_winner #winner_show .winner_cont .winner_title {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.pop_winner #winner_show .winner_cont .winner_text,
.pop_winner #winner_show .winner_cont .winner_text2 {
  position: relative;
  width: 40%;
  margin: 0 auto;
  line-height: 30px;
  font-size: 24px;
  font-size: 2.2rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  color: #fff;
}

.pop_winner #winner_show .winner_cont .winner_text span,
.pop_winner #winner_show .winner_cont .winner_text2 span {
  font-size: 24px;
  font-size: 2.2rem;
  color: #ffe900;
}

.pop_winner #winner_show .winner_cont .winner_text2 {
  font-size: 24px;
  font-size: 2.2rem;
  color: #ffe900;
}

.pop_winner #winner_show .winner_cont .winner_incentive {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  top: 90px;
  left: 350px;
}

.winners_group {
  position: relative;
  margin: 10px auto;
  margin-top: 30px;
  width: 95%;
  max-width: 720px;
}

.winners_group .winners_list {
  position: relative;
  display: inline-block;
  width: 48%;
  margin: 10px auto;
}

.winners_group .winners_list .week_icon_group {
  position: relative;
  width: 95px;
  margin: 0;
}

.winners_group .winners_list .week_icon_group .week_img {
  position: absolute;
}

.winners_group .winners_list .week_icon_group .week_img img {
  margin: 0;
}

.winners_group .winners_list .week_icon_group .week_open {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 21px;
  font-size: 1.8rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  color: #0274bd;
  line-height: 60px;
}

.winners_group .winners_list .week_winner {
  position: relative;
  margin: 10px auto;
  margin-left: 105px;
  font-size: 24px;
  font-size: 2.2rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  line-height: 40px;
  color: #fff;
}

.pop_winner #winner_show .winner_close {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
}

.bg_obj {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.bg_obj .cloud_group {
  width: 100%;
}

.bg_obj .cloud_group2 {
  width: 100%;
}

.bg_obj .flower_group {
  width: 100%;
}

.bg_obj .star_group {
  width: 100%;
}

.bg_obj .other_group {
  width: 100%;
}

.bg_obj .other_group2 {
  top: 230px;
  width: 100%;
  opacity: 0.2;
}

.form_obj_group .cloud_group .cloud1 {
  left: 500px;
  top: 100px;
}

.form_obj_group .cloud_group .cloud2 {
  left: -20px;
  top: 100px;
}

.form_obj_group .cloud_group .cloud3 {
  left: 10px;
  top: 580px;
}

.form_obj_group .flower_group {
  top: 880px;
  z-index: 1;
}

.form_obj_group .flower_group .flower1 {
  left: 40px;
}

.form_obj_group .flower_group .flower2 {
  left: 20px;
  top: 40px;
}

.form_obj_group .flower_group .flower2 img {
  transform: scale(0.7);
}

.form_obj_group .flower_group .flower3 {
  top: 280px;
  left: 10px;
}

.form_obj_group .flower_group .flower3 img {
  transform: scale(0.85);
}

.form_obj_group .flower_group .flower4 {
  top: 250px;
  right: 10px;
}

.form_obj_group .flower_group .flower4 img {
  transform: rotate(10deg) scale(0.65);
}

.form_obj_group .flower_group .flower5 {
  top: 400px;
  left: 0px;
}

.form_obj_group .flower_group .flower5 img {
  transform: scale(0.7);
}

.form_obj_group .flower_group .flower6 {
  top: 460px;
  right: 30px;
}

.form_obj_group .flower_group .flower6 img {
  transform: scale(0.6);
}

.form_obj_group .star_group {
  top: 1010px;
  z-index: 1;
}

.form_obj_group .star_group .star1 {
  top: 20px;
  left: 20px;
}

.form_obj_group .star_group .star1 img {
  transform: rotate(10deg) scale(0.7);
}

.form_obj_group .star_group .star2 {
  top: 0px;
  right: 40px;
}

.form_obj_group .star_group .star2 img {
  transform: rotate(-20deg) scale(0.6);
}

.form_obj_group .star_group .star3 {
  top: 30px;
  right: 10px;
}

.form_obj_group .star_group .star3 img {
  transform: scale(0.9);
}

.form_obj_group .star_group .star4 {
  top: 170px;
  right: 30px;
}

.form_obj_group .star_group .star4 img {
  transform: scale(0.8);
}

.form_obj_group .star_group .star5 {
  top: 290px;
  right: 30px;
}

.form_obj_group .star_group .star5 img {
  transform: rotate(30deg) scale(0.75);
}

.form_obj_group .other_group {
  top: 880px;
}

.form_obj_group .other_group .shoesL {
  top: 510px;
  left: 10px;
}

.form_obj_group .other_group .shoesL img {
  transform: scale(0.8);
}

.form_obj_group .other_group .owl {
  right: 0px;
}

.form_obj_group .other_group .owl img {
  transform: scale(0.7);
}

.service_obj_group .cloud_group .cloud1,
.service_obj_group2 .cloud_group .cloud1 {
  right: 50px;
  top: 0px;
}

.service_obj_group .cloud_group .cloud1 img,
.service_obj_group2 .cloud_group .cloud1 img {
  transform: scale(0.7);
}

.service_obj_group .cloud_group .cloud2,
.service_obj_group2 .cloud_group .cloud2 {
  left: 30px;
  top: 50px;
}

.service_obj_group .cloud_group .cloud3,
.service_obj_group2 .cloud_group .cloud3 {
  left: 0px;
  top: 125px;
}

.service_obj_group .cloud_group .cloud3 img,
.service_obj_group2 .cloud_group .cloud3 img {
  transform: scale(0.8);
}

.service_obj_group .cloud_group .cloud4,
.service_obj_group2 .cloud_group .cloud4 {
  left: -20px;
  top: 420px;
}

.service_obj_group .cloud_group .cloud4 img,
.service_obj_group2 .cloud_group .cloud4 img {
  transform: scale(0.8);
}

.service_obj_group .cloud_group .cloud5,
.service_obj_group2 .cloud_group .cloud5 {
  right: 0px;
  top: 470px;
}

.service_obj_group .cloud_group .cloud5 img,
.service_obj_group2 .cloud_group .cloud5 img {
  transform: scale(0.8);
}

.service_obj_group .flower_group,
.service_obj_group2 .flower_group {
  top: 630px;
  z-index: 1;
}

.service_obj_group .flower_group .flower1,
.service_obj_group2 .flower_group .flower1 {
  left: 40px;
}

.service_obj_group .flower_group .flower2,
.service_obj_group2 .flower_group .flower2 {
  left: 20px;
  top: 40px;
}

.service_obj_group .flower_group .flower2 img,
.service_obj_group2 .flower_group .flower2 img {
  transform: scale(0.7);
}

.service_obj_group .flower_group .flower3,
.service_obj_group2 .flower_group .flower3 {
  top: 250px;
  left: 10px;
}

.service_obj_group .flower_group .flower3 img,
.service_obj_group2 .flower_group .flower3 img {
  transform: scale(0.85);
}

.service_obj_group .flower_group .flower4,
.service_obj_group2 .flower_group .flower4 {
  top: 250px;
  right: 10px;
}

.service_obj_group .flower_group .flower4 img,
.service_obj_group2 .flower_group .flower4 img {
  transform: rotate(10deg) scale(0.65);
}

.service_obj_group .flower_group .flower5,
.service_obj_group2 .flower_group .flower5 {
  top: 380px;
  left: 0px;
}

.service_obj_group .flower_group .flower5 img,
.service_obj_group2 .flower_group .flower5 img {
  transform: scale(0.7);
}

.service_obj_group .flower_group .flower6,
.service_obj_group2 .flower_group .flower6 {
  top: 280px;
  right: 30px;
}

.service_obj_group .flower_group .flower6 img,
.service_obj_group2 .flower_group .flower6 img {
  transform: rotate(-20deg) scale(0.6);
}

.service_obj_group .star_group,
.service_obj_group2 .star_group {
  top: 600px;
  z-index: 1;
}

.service_obj_group .star_group .star1,
.service_obj_group2 .star_group .star1 {
  top: 0px;
  right: 40px;
}

.service_obj_group .star_group .star1 img,
.service_obj_group2 .star_group .star1 img {
  transform: rotate(-20deg) scale(0.6);
}

.service_obj_group .star_group .star2,
.service_obj_group2 .star_group .star2 {
  top: 20px;
  right: 10px;
}

.service_obj_group .star_group .star2 img,
.service_obj_group2 .star_group .star2 img {
  transform: scale(0.9);
}

.service_obj_group .star_group .star3,
.service_obj_group2 .star_group .star3 {
  top: 200px;
  left: 20px;
}

.service_obj_group .star_group .star3 img,
.service_obj_group2 .star_group .star3 img {
  transform: rotate(10deg) scale(0.7);
}

.service_obj_group .star_group .star4,
.service_obj_group2 .star_group .star4 {
  top: 170px;
  right: 30px;
}

.service_obj_group .star_group .star4 img,
.service_obj_group2 .star_group .star4 img {
  transform: scale(0.8);
}

.service_obj_group .star_group .star5,
.service_obj_group2 .star_group .star5 {
  top: 390px;
  right: 20px;
}

.service_obj_group .star_group .star5 img,
.service_obj_group2 .star_group .star5 img {
  transform: rotate(30deg) scale(0.75);
}

.service_obj_group .other_group,
.service_obj_group2 .other_group {
  top: 550px;
}

.service_obj_group2 {
  top: 550px;
}

.rule_obj_group_p1 .cloud_group .cloud1 {
  left: 520px;
  top: 100px;
}

.rule_obj_group_p1 .cloud_group .cloud2 {
  left: 20px;
  top: 50px;
}

.rule_obj_group_p1 .cloud_group .cloud3 {
  left: -20px;
  top: 160px;
}

.rule_obj_group_p1 .cloud_group2 {
  top: 255px;
}

.rule_obj_group_p1 .cloud_group2 .cloud1 {
  right: 15px;
  top: 0px;
}

.rule_obj_group_p1 .cloud_group2 .cloud2 {
  left: 0px;
  top: 585px;
}

.rule_obj_group_p1 .cloud_group2 .cloud2 img {
  transform: scale(0.9);
}

.rule_obj_group_p1 .cloud_group2 .cloud3 {
  left: 165px;
  top: 640px;
}

.rule_obj_group_p1 .cloud_group2 .cloud3 img {
  transform: scale(0.6);
}

.rule_obj_group_p1 .flower_group {
  top: 230px;
  z-index: 1;
}

.rule_obj_group_p1 .flower_group .flower1 {
  left: 70px;
}

.rule_obj_group_p1 .flower_group .flower2 {
  left: 25px;
  top: 40px;
}

.rule_obj_group_p1 .flower_group .flower2 img {
  transform: scale(0.7);
}

.rule_obj_group_p1 .flower_group .flower3 {
  top: 420px;
  right: 10px;
}

.rule_obj_group_p1 .flower_group .flower4 {
  top: 540px;
  right: 10px;
}

.rule_obj_group_p1 .flower_group .flower5 {
  top: 810px;
  left: 260px;
}

.rule_obj_group_p1 .flower_group .flower5 img {
  transform: scale(0.9);
}

.rule_obj_group_p1 .flower_group .flower6 {
  top: 790px;
  left: 320px;
}

.rule_obj_group_p1 .flower_group .flower6 img {
  transform: rotate(10deg) scale(0.65);
}

.rule_obj_group_p1 .flower_group .flower7 {
  top: 720px;
  right: 20px;
}

.rule_obj_group_p1 .flower_group .flower7 img {
  transform: rotate(10deg) scale(0.65);
}

.rule_obj_group_p1 .flower_group .flower8 {
  top: 930px;
  left: 20px;
}

.rule_obj_group_p1 .flower_group .flower9 {
  left: 15px;
  top: 970px;
  transform: scale(0.7);
}

.rule_obj_group_p1 .flower_group .flower10 {
  left: 15px;
  top: 1200px;
  transform: scale(0.7);
}

.rule_obj_group_p1 .star_group {
  top: 595px;
}

.rule_obj_group_p1 .star_group .star1 {
  left: 25px;
}

.rule_obj_group_p1 .star_group .star1 img {
  transform: rotate(-10deg) scale(0.9);
}

.rule_obj_group_p1 .star_group .star2 {
  top: 45px;
  left: 35px;
}

.rule_obj_group_p1 .star_group .star2 img {
  transform: rotate(10deg) scale(0.85);
}

.rule_obj_group_p1 .star_group .star3 {
  top: 540px;
  right: 0px;
}

.rule_obj_group_p1 .star_group .star3 img {
  transform: rotate(20deg) scale(0.85);
}

.rule_obj_group_p1 .star_group .star4 {
  top: 655px;
  right: 25px;
  transform: scale(0.9);
}

.rule_obj_group_p1 .star_group .star5 {
  top: 290px;
  right: 30px;
  transform: rotate(30deg) scale(0.75);
}

.rule_obj_group_p1 .other_group {
  top: 450px;
}

.rule_obj_group_p1 .other_group .shoesR {
  top: 555px;
  left: 100px;
}

.rule_obj_group_p1 .other_group .shoesR img {
  transform: rotate(20deg) scale(0.85);
}

.rule_obj_group_p1 .other_group .owl {
  right: -20px;
  transform: scale(0.65);
}

.rule_obj_group_p2 {
  top: 1440px;
}

.rule_obj_group_p2 .cloud_group2 {
  top: 570px;
}

.rule_obj_group_p2 .cloud_group2 .cloud1 {
  left: 5px;
}

.rule_obj_group_p2 .cloud_group2 .cloud1 img {
  transform: scale(0.85);
}

.rule_obj_group_p2 .flower_group {
  top: 100px;
  z-index: 1;
}

.rule_obj_group_p2 .flower_group .flower1 {
  right: 10px;
}

.rule_obj_group_p2 .flower_group .flower1 img {
  transform: rotate(-25deg) scale(0.7);
}

.rule_obj_group_p2 .flower_group .flower2 {
  top: 215px;
  left: 30px;
}

.rule_obj_group_p2 .flower_group .flower3 {
  top: 260px;
  left: 10px;
}

.rule_obj_group_p2 .flower_group .flower3 img {
  transform: scale(0.7);
}

.rule_obj_group_p2 .flower_group .flower4 {
  top: 130px;
  right: 15px;
}

.rule_obj_group_p2 .flower_group .flower4 img {
  transform: scale(0.7);
}

.rule_obj_group_p2 .star_group .star1 {
  right: 45px;
}

.rule_obj_group_p2 .star_group .star1 img {
  transform: rotate(-25deg) scale(0.65);
}

.rule_obj_group_p2 .star_group .star2 {
  top: 25px;
  right: 15px;
}

.rule_obj_group_p2 .star_group .star2 img {
  transform: rotate(-10deg) scale(0.9);
}

.rule_obj_group_p2 .star_group .star3 {
  top: 515px;
  right: 35px;
}

.rule_obj_group_p2 .star_group .star3 img {
  transform: rotate(-20deg) scale(0.7);
}

.rule_obj_group_p2 .star_group .star4 {
  top: 540px;
  right: 5px;
}

.rule_obj_group_p2 .star_group .star4 img {
  transform: rotate(-10deg) scale(0.9);
}

.rule_obj_group_p3 {
  top: 2140px;
}

.rule_obj_group_p3 .cloud_group2 {
  top: 260px;
}

.rule_obj_group_p3 .cloud_group2 .cloud1 {
  right: 5px;
}

.rule_obj_group_p3 .cloud_group2 .cloud1 img {
  transform: rotate(10deg) scale(0.8);
}

.rule_obj_group_p3 .flower_group {
  top: 45px;
  z-index: 1;
}

.rule_obj_group_p3 .flower_group .flower1 {
  left: 40px;
}

.rule_obj_group_p3 .flower_group .flower2 {
  left: 25px;
  top: 55px;
}

.rule_obj_group_p3 .flower_group .flower2 img {
  transform: rotate(30deg) scale(0.7);
}

.rule_obj_group_p3 .flower_group .flower3 {
  top: 155px;
  right: 10px;
}

.rule_obj_group_p3 .flower_group .flower3 img {
  transform: rotate(15deg) scale(0.9);
}

.rule_obj_group_p3 .flower_group .flower4 {
  top: 480px;
  left: 30px;
}

.rule_obj_group_p3 .flower_group .flower5 {
  top: 770px;
  left: 20px;
}

.rule_obj_group_p3 .flower_group .flower5 img {
  transform: rotate(10deg) scale(0.95);
}

.rule_obj_group_p3 .flower_group .flower6 {
  top: 825px;
  left: 5px;
}

.rule_obj_group_p3 .flower_group .flower6 img {
  transform: rotate(40deg) scale(0.65);
}

.rule_obj_group_p3 .flower_group .flower7 {
  top: 1055px;
  left: 45px;
}

.rule_obj_group_p3 .flower_group .flower8 {
  left: 30px;
  top: 1110px;
}

.rule_obj_group_p3 .flower_group .flower8 img {
  transform: rotate(30deg) scale(0.65);
}

.rule_obj_group_p3 .flower_group .flower9 {
  top: 1040px;
  right: 40px;
}

.rule_obj_group_p3 .flower_group .flower10 {
  right: 20px;
  top: 1100px;
}

.rule_obj_group_p3 .flower_group .flower10 img {
  transform: rotate(35deg) scale(0.65);
}

.rule_obj_group_p3 .star_group .star1 {
  right: 15px;
}

.rule_obj_group_p3 .star_group .star1 img {
  transform: rotate(20deg) scale(0.9);
}

.rule_obj_group_p3 .star_group .star2 {
  top: 410px;
  right: 65px;
}

.rule_obj_group_p3 .star_group .star2 img {
  transform: rotate(-10deg) scale(0.75);
}

.rule_obj_group_p3 .star_group .star3 {
  top: 440px;
  right: 35px;
}

.rule_obj_group_p3 .star_group .star3 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p3 .star_group .star4 {
  top: 760px;
  right: 45px;
}

.rule_obj_group_p3 .star_group .star4 img {
  transform: rotate(-10deg) scale(0.65);
}

.rule_obj_group_p3 .star_group .star5 {
  top: 790px;
  right: 15px;
}

.rule_obj_group_p3 .star_group .star5 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p3 .star_group .star6 {
  top: 980px;
  right: 30px;
}

.rule_obj_group_p3 .other_group {
  top: 360px;
}

.rule_obj_group_p3 .other_group .shoesL {
  left: 10px;
}

.rule_obj_group_p3 .other_group .shoesL img {
  transform: rotate(0deg) scale(0.85);
}

.rule_obj_group_p3 .other_group .owl {
  right: -20px;
}

.rule_obj_group_p3 .other_group .owl img {
  transform: scale(0.65);
}

.rule_obj_group_p4 {
  top: 3180px;
}

.rule_obj_group_p4 .cloud_group2 {
  top: 255px;
}

.rule_obj_group_p4 .cloud_group2 .cloud1 {
  right: 5px;
  top: 0px;
}

.rule_obj_group_p4 .cloud_group2 .cloud1 img {
  transform: scale(0.85);
}

.rule_obj_group_p4 .cloud_group2 .cloud2 {
  right: 20px;
  top: 2090px;
}

.rule_obj_group_p4 .flower_group {
  top: 590px;
  z-index: 1;
}

.rule_obj_group_p4 .flower_group .flower1 {
  left: 40px;
}

.rule_obj_group_p4 .flower_group .flower2 {
  left: 15px;
  top: 40px;
}

.rule_obj_group_p4 .flower_group .flower2 img {
  transform: scale(0.7);
}

.rule_obj_group_p4 .flower_group .flower3 {
  top: 220px;
  right: 10px;
}

.rule_obj_group_p4 .flower_group .flower4 {
  top: 610px;
  left: 10px;
}

.rule_obj_group_p4 .flower_group .flower4 img {
  transform: scale(0.9);
}

.rule_obj_group_p4 .flower_group .flower5 {
  top: 580px;
  left: 40px;
}

.rule_obj_group_p4 .flower_group .flower5 img {
  transform: rotate(10deg) scale(0.65);
}

.rule_obj_group_p4 .flower_group .flower6 {
  top: 600px;
  right: 10px;
}

.rule_obj_group_p4 .flower_group .flower7 {
  top: 650px;
  right: 20px;
}

.rule_obj_group_p4 .flower_group .flower7 img {
  transform: rotate(10deg) scale(0.65);
}

.rule_obj_group_p4 .flower_group .flower8 {
  top: 1500px;
  right: 20px;
}

.rule_obj_group_p4 .flower_group .flower9 {
  right: 5px;
  top: 1540px;
}

.rule_obj_group_p4 .flower_group .flower9 img {
  transform: scale(0.7);
}

.rule_obj_group_p4 .flower_group .flower10 {
  left: 15px;
  top: 1200px;
}

.rule_obj_group_p4 .flower_group .flower10 img {
  transform: scale(0.7);
}

.rule_obj_group_p4 .star_group {
  top: 300px;
}

.rule_obj_group_p4 .star_group .star1 {
  left: 25px;
}

.rule_obj_group_p4 .star_group .star1 img {
  transform: rotate(-25deg) scale(0.75);
}

.rule_obj_group_p4 .star_group .star2 {
  top: 45px;
  left: 35px;
}

.rule_obj_group_p4 .star_group .star2 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p4 .star_group .star3 {
  top: 600px;
  right: 0px;
}

.rule_obj_group_p4 .star_group .star3 img {
  transform: rotate(20deg) scale(0.85);
}

.rule_obj_group_p4 .star_group .star4 {
  top: 655px;
  right: 25px;
}

.rule_obj_group_p4 .star_group .star4 img {
  transform: scale(0.9);
}

.rule_obj_group_p4 .star_group .star5 {
  top: 1100px;
  left: 10px;
}

.rule_obj_group_p4 .star_group .star5 img {
  transform: rotate(-25deg) scale(0.75);
}

.rule_obj_group_p4 .star_group .star6 {
  top: 1130px;
  left: 45px;
}

.rule_obj_group_p4 .star_group .star6 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p4 .star_group .star7 {
  top: 1550px;
  right: 0px;
}

.rule_obj_group_p4 .star_group .star7 img {
  transform: rotate(10deg) scale(0.7);
}

.rule_obj_group_p4 .star_group .star8 {
  top: 1500px;
  right: 25px;
}

.rule_obj_group_p4 .star_group .star8 img {
  transform: scale(0.9);
}

.rule_obj_group_p4 .star_group .star9 {
  top: 2100px;
  left: 10px;
}

.rule_obj_group_p4 .star_group .star9 img {
  transform: rotate(-25deg) scale(0.75);
}

.rule_obj_group_p4 .star_group .star10 {
  top: 2130px;
  left: 45px;
}

.rule_obj_group_p4 .star_group .star10 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p4 .other_group {
  top: 470px;
}

.rule_obj_group_p4 .other_group .shoesL {
  top: 1090px;
  right: 10px;
}

.rule_obj_group_p4 .other_group .shoesL img {
  transform: rotate(-20deg) scale(0.85);
}

.rule_obj_group_p4 .other_group .shoesL2 {
  top: 1660px;
  left: 10px;
}

.rule_obj_group_p4 .other_group .shoesL2 img {
  transform: rotate(0deg) scale(0.85);
}

.rule_obj_group_p4 .other_group .owl {
  right: -20px;
}

.rule_obj_group_p4 .other_group .owl img {
  transform: scale(0.65);
}

.rule_obj_group_p5 {
  top: 5800px;
}

.rule_obj_group_p5 .cloud_group2 {
  top: 260px;
}

.rule_obj_group_p5 .cloud_group2 .cloud1 {
  right: 5px;
}

.rule_obj_group_p5 .cloud_group2 .cloud1 img {
  transform: rotate(10deg) scale(0.8);
}

.rule_obj_group_p5 .flower_group {
  top: 45px;
  z-index: 1;
}

.rule_obj_group_p5 .flower_group .flower1 {
  left: 40px;
}

.rule_obj_group_p5 .flower_group .flower2 {
  left: 25px;
  top: 55px;
}

.rule_obj_group_p5 .flower_group .flower2 img {
  transform: rotate(30deg) scale(0.7);
}

.rule_obj_group_p5 .flower_group .flower3 {
  top: 155px;
  right: 10px;
}

.rule_obj_group_p5 .flower_group .flower3 img {
  transform: rotate(15deg) scale(0.9);
}

.rule_obj_group_p5 .flower_group .flower4 {
  top: 580px;
  left: 20px;
}

.rule_obj_group_p5 .flower_group .flower5 {
  top: 870px;
  left: 30px;
}

.rule_obj_group_p5 .flower_group .flower5 img {
  transform: rotate(10deg) scale(0.95);
}

.rule_obj_group_p5 .flower_group .flower6 {
  top: 925px;
  left: 20px;
}

.rule_obj_group_p5 .flower_group .flower6 img {
  transform: rotate(40deg) scale(0.65);
}

.rule_obj_group_p5 .star_group .star1 {
  top: -60px;
  right: 15px;
}

.rule_obj_group_p5 .star_group .star1 img {
  transform: rotate(20deg) scale(0.9);
}

.rule_obj_group_p5 .star_group .star2 {
  top: 530px;
  right: 45px;
}

.rule_obj_group_p5 .star_group .star2 img {
  transform: rotate(-10deg) scale(0.75);
}

.rule_obj_group_p5 .star_group .star3 {
  top: 560px;
  right: 15px;
}

.rule_obj_group_p5 .star_group .star3 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p5 .star_group .star4 {
  top: 780px;
  right: 45px;
}

.rule_obj_group_p5 .star_group .star4 img {
  transform: rotate(-10deg) scale(0.65);
}

.rule_obj_group_p5 .star_group .star5 {
  top: 810px;
  right: 15px;
}

.rule_obj_group_p5 .star_group .star5 img {
  transform: rotate(-10deg) scale(1);
}

.rule_obj_group_p5 .star_group .star6 {
  top: 1000px;
  right: 30px;
}

.rule_obj_group_p5 .other_group .shoesL {
  top: 360px;
  left: 10px;
}

.rule_obj_group_p5 .other_group .shoesL img {
  transform: rotate(0deg) scale(0.85);
}

.rule_obj_group_p5 .other_group .owl {
  right: 10px;
}

.rule_obj_group_p5 .other_group .owl img {
  transform: rotate(-30deg) scale(0.7);
}

.win_obj_group_p1 .cloud_group .cloud1 {
  left: 520px;
  top: 100px;
}

.win_obj_group_p1 .cloud_group .cloud2 {
  left: 20px;
  top: 50px;
}

.win_obj_group_p1 .cloud_group .cloud3 {
  left: -20px;
  top: 160px;
}

.win_obj_group_p1 .cloud_group2 {
  width: 640px;
  top: 255px;
}

.win_obj_group_p1 .cloud_group2 .cloud1 {
  right: 15px;
  top: 0px;
}

.win_obj_group_p1 .cloud_group2 .cloud2 {
  left: 0px;
  top: 585px;
}

.win_obj_group_p1 .cloud_group2 .cloud2 img {
  transform: scale(0.9);
}

.win_obj_group_p1 .cloud_group2 .cloud3 {
  left: 165px;
  top: 640px;
}

.win_obj_group_p1 .cloud_group2 .cloud3 img {
  transform: scale(0.6);
}

.win_obj_group_p1 .flower_group {
  width: 640px;
  top: 230px;
  z-index: 1;
}

.win_obj_group_p1 .flower_group .flower1 {
  left: 70px;
}

.win_obj_group_p1 .flower_group .flower2 {
  left: 25px;
  top: 40px;
}

.win_obj_group_p1 .flower_group .flower2 img {
  transform: scale(0.7);
}

.win_obj_group_p1 .flower_group .flower3 {
  top: 260px;
  right: 10px;
}

.win_obj_group_p1 .flower_group .flower4 {
  top: 350px;
  right: 10px;
}

.win_obj_group_p1 .flower_group .flower7 {
  top: 390px;
  right: 20px;
}

.win_obj_group_p1 .flower_group .flower7 img {
  transform: rotate(10deg) scale(0.65);
}

.win_obj_group_p1 .star_group {
  width: 640px;
  top: 365px;
}

.win_obj_group_p1 .star_group .star1 {
  left: 25px;
}

.win_obj_group_p1 .star_group .star1 img {
  transform: rotate(-10deg) scale(0.9);
}

.win_obj_group_p1 .star_group .star2 {
  top: 45px;
  left: 35px;
}

.win_obj_group_p1 .star_group .star2 img {
  transform: rotate(10deg) scale(0.85);
}

.win_obj_group_p1 .other_group {
  width: 640px;
  top: 520px;
}

.win_obj_group_p1 .other_group .owl {
  left: 0px;
  transform: scale(0.65);
}

.win_obj_group_p2 {
  width: 640px;
}

.win_obj_group_p2 .cloud_group2 {
  top: 700px;
}

.win_obj_group_p2 .cloud_group2 .cloud1 {
  left: 5px;
}

.win_obj_group_p2 .cloud_group2 .cloud1 img {
  transform: scale(0.85);
}

.win_obj_group_p2 .flower_group {
  width: 640px;
  top: 750px;
  z-index: 1;
}

.win_obj_group_p2 .flower_group .flower2 {
  top: 35px;
  left: 30px;
}

.win_obj_group_p2 .flower_group .flower3 {
  top: 80px;
  left: 10px;
}

.win_obj_group_p2 .flower_group .flower3 img {
  transform: scale(0.7);
}

.win_obj_group_p2 .flower_group .flower4 {
  top: 180px;
  right: 15px;
}

.win_obj_group_p2 .flower_group .flower4 img {
  transform: scale(0.8);
}

.win_obj_group_p2 .star_group {
  width: 640px;
  top: 820px;
}

.win_obj_group_p2 .star_group .star2 {
  top: 25px;
  right: 35px;
}

.win_obj_group_p2 .star_group .star2 img {
  transform: rotate(-10deg) scale(0.8);
}

.win_obj_group_p2 .star_group .star3 {
  top: 185px;
  right: 15px;
}

.win_obj_group_p2 .star_group .star3 img {
  transform: rotate(20deg) scale(1);
}

.win_obj_group_p2 .star_group .star4 {
  top: 280px;
  left: 15px;
}

.win_obj_group_p2 .star_group .star4 img {
  transform: rotate(-10deg) scale(0.9);
}

.win_obj_group_p2 .other_group {
  width: 640px;
  top: 730px;
}

.win_obj_group_p2 .other_group .shoesL {
  right: 0px;
  transform: scale(0.85);
}

.win_obj_group_p3 {
  top: 1200px;
}

.win_obj_group_p3 .flower_group {
  width: 640px;
  z-index: 1;
}

.win_obj_group_p3 .flower_group .flower1 {
  left: 40px;
}

.win_obj_group_p3 .flower_group .flower2 {
  left: 25px;
  top: 55px;
}

.win_obj_group_p3 .flower_group .flower2 img {
  transform: rotate(30deg) scale(0.7);
}

.win_obj_group_p3 .flower_group .flower3 {
  top: 480px;
  right: 10px;
}

.win_obj_group_p3 .flower_group .flower3 img {
  transform: rotate(15deg) scale(0.9);
}

.win_obj_group_p3 .flower_group .flower5 {
  top: 470px;
  left: 20px;
}

.win_obj_group_p3 .flower_group .flower5 img {
  transform: rotate(10deg) scale(0.95);
}

.win_obj_group_p3 .flower_group .flower6 {
  top: 525px;
  left: 5px;
}

.win_obj_group_p3 .flower_group .flower6 img {
  transform: rotate(40deg) scale(0.65);
}

.win_obj_group_p3 .flower_group .flower7 {
  top: 835px;
  left: 35px;
}

.win_obj_group_p3 .flower_group .flower8 {
  left: 10px;
  top: 780px;
}

.win_obj_group_p3 .flower_group .flower8 img {
  transform: rotate(30deg) scale(0.65);
}

.win_obj_group_p3 .flower_group .flower9 {
  top: 840px;
  right: 30px;
}

.win_obj_group_p3 .flower_group .flower10 {
  right: 10px;
  top: 780px;
}

.win_obj_group_p3 .flower_group .flower10 img {
  transform: rotate(35deg) scale(0.65);
}

.win_obj_group_p3 .star_group {
  top: 270px;
}

.win_obj_group_p3 .star_group .star2 {
  top: 10px;
  right: 35px;
}

.win_obj_group_p3 .star_group .star2 img {
  transform: rotate(-10deg) scale(0.75);
}

.win_obj_group_p3 .star_group .star3 {
  top: 50px;
  right: 15px;
}

.win_obj_group_p3 .star_group .star3 img {
  transform: rotate(-10deg) scale(1);
}

.win_obj_group_p3 .star_group .star4 {
  top: 0px;
  left: 25px;
}

.win_obj_group_p3 .star_group .star4 img {
  transform: rotate(-10deg) scale(1);
}

.win_obj_group_p3 .star_group .star5 {
  top: 330px;
  right: 15px;
}

.win_obj_group_p3 .star_group .star5 img {
  transform: rotate(-10deg) scale(1);
}

.win_obj_group_p3 .star_group .star6 {
  top: 380px;
  right: 30px;
}

.win_obj_group_p3 .star_group .star7 {
  top: 380px;
  left: 30px;
}

#index {
  padding-bottom: 20px;
}

#index .hit_text {
  position: relative;
  margin: 10px auto;
  width: 100%;
  text-align: center;
  font-size: 21px;
  font-size: 1.8rem;
  opacity: 0.8;
}

.index_bg {
  position: absolute;
  top: 500px;
}

.index_bg_good {
  position: absolute;
  bottom: -80px;
}

.game01_bg_good {
  bottom: -50px;
}

.title_part {
  position: relative;
  width: 100%;
}

.title_part .title_bg_group {
  position: absolute;
  width: 100%;
}

.title_part .title_bg_group .ribbon {
  position: absolute;
  right: 10px;
  top: 90px;
}

.title_part .title_bg_group .game01_ribbon {
  right: 35px;
  top: 76px;
}

.title_part .title_bg_group .cloud {
  position: absolute;
}

.title_part .title_bg_group .cloud1 {
  left: -20px;
  top: 10px;
}

.title_part .title_bg_group .cloud2 {
  left: -10px;
  top: 320px;
}

.title_part .title_bg_group .game01_cloud {
  left: 10px;
  top: 100px;
}

.title_part .title_bg_group .cloud3 {
  right: 10px;
  top: 10px;
}

.title_part .title_group {
  position: relative;
  width: 85%;
  margin: 10px auto;
}

.title_part .title_group.tc {
  text-align: center;
}

.title_part .title_group .main_title {
  position: relative;
  margin: 0px auto;
  display: inline-block;
  width: 390px;
}

.title_part .title_group.tc .main_title {
  width: 420px;
}

.title_part .title_group .text_baby {
  position: relative;
  padding-top: 10px;
  display: inline-block;
  width: 120px;
}

.title_part .title_part_text_group {
  position: relative;
  margin: 30px auto;
  margin-top: 20px;
  width: 90%;
  border: 3px #fff dotted;
  border-radius: 70px;
}

.title_part .title_part_text_group .text_baby {
  position: absolute;
  left: -20px;
  top: -3px;
}

.title_part .title_part_text_group .p_group {
  position: relative;
  margin: 0 auto;
  padding: 5px;
}

.title_part .title_part_text_group .p_group p {
  text-align: center;
  font-size: 28px;
  font-size: 2.2rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  line-height: 32px;
  letter-spacing: -1px;
}

.title_part .title_part_text_group .p_group p.tl {
  text-align: left;
  width: 75%;
  font-size: 2.2rem;
}

.title_part .title_part_text_group .game_p_group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.title_part .title_part_text_group .p_group .p2 {
  color: #ffe800;
}

.game_part {
  position: relative;
  margin: 0 auto;
  padding-bottom: 20px;
}

.game_part .game_content {
  position: relative;
  margin: 0 auto;
  width: 535px;
}

.game_part .game_content .start_powder_group {
  position: relative;
  margin: 0 auto;
  height: 100px;
  z-index: 9;
}

.game_part .game_content .start_powder_group .start-powder {
  position: absolute;
  width: 100px;
}

.game_part .game_content .start_powder_group .start-powder .powder_img {
  position: absolute;
  top: 30px;
}

.game_part .game_content .start_powder_group .start-powder .powder_arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -15px;
  left: -5px;
}

.game_part .game_content .start_powder_group .A-powder {
  left: -5px;
}

.game_part .game_content .start_powder_group .B-powder {
  left: 235px;
}

.game_part .game_content .start_powder_group .C-powder {
  left: 470px;
}

.game_part .game_content .goal_group {
  position: absolute;
  height: 140px;
  margin: 0 auto;
  bottom: -15px;
  z-index: 99;
}

.game_part .game_content .goal_group .goal-obj {
  position: absolute;
}

.game_part .game_content .goal_group .goal-obj .goal_object {
  position: absolute;
}

.game_part .game_content .goal_group .goal-obj .goal_ani {
  position: absolute;
  top: 0px;
}

.game_part .game_content .goal_group .A-goal {
  left: -23px;
}

.game_part .game_content .goal_group .B-goal {
  left: 430px;
  top: 20px;
}

.game_part .game_content .goal_group .B-goal .goal_ani {
  top: 25px;
}

.game_part .game_content .goal_group .C-goal {
  left: 213px;
}

.game_part .game_content .path_content {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0px;
  margin: 0 auto;
}

.game_part .game_content .path_content .path_bg_img {
  position: relative;
}

.game_part .game_content .path_content .game_baby {
  position: absolute;
  top: -20px;
  left: 265px;
  z-index: 99;
}

.game_part .game_content .path_content .game_baby .game_baby_img {
  position: absolute;
  width: 100px;
  top: -50px;
  left: -50px;
}

.game_part .game_content .path_content .game_baby .game_baby_img_bad {
  position: absolute;
  width: 100px;
  top: -50px;
  left: -50px;
}

.probiotic_group {
  position: absolute;
  width: 525px;
  height: 100%;
  left: 10px;
  top: 0;
}

.probiotic_group .probiotic {
  position: absolute;
  min-width: 110px;
}

.probiotic_group .probiotic .probiotic_img {
  position: absolute;
  top: -50px;
  left: -55px;
}

.probiotic_group .probiotic .probiotic_text {
  position: absolute;
  font-size: 28px;
  font-size: 2.2rem;
  color: #fff;
  font-weight: bold;
  -webkit-text-stroke: .5px #fff;
  text-stroke: .5px #fff;
}

.probiotic_group .probiotic .probiotic_text .sup {
  position: relative;
  font-size: 17px;
  font-size: 1.44rem;
  top: -10px;
}

.probiotic_group .probiotic .dialog_group {
  position: absolute;
  width: 330px;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  z-index: 9;
  letter-spacing: 0px;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.3);
}

.probiotic_group .probiotic .dialog_group-big {
  width: 420px;
}

.probiotic_group .probiotic .dialog_group .dialog_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}

.probiotic_group .probiotic .dialog_group .dialog_title {
  position: relative;
  margin: 0 auto;
  width: 90%;
  color: #006ab5;
  font-weight: 900;
  padding-top: 15px;
  line-height: 1.3;
  font-size: 28px;
  font-size: 2.6rem;
  -webkit-text-stroke: .5px #006ab5;
  text-stroke: .5px #006ab5;
}

.probiotic_group .probiotic .dialog_group .dialog_title .sup {
  position: relative;
  font-size: 17px;
  font-size: 1.44rem;
  top: -10px;
}

.probiotic_group .probiotic .dialog_group .dialog_text {
  position: relative;
  margin: 0 auto;
  width: 90%;
  color: #006ab5;
  padding-bottom: 15px;
  line-height: 1.1;
  font-size: 26px;
  font-size: 2.2rem;
}

.probiotic_group .probiotic .dialog_group .next_group {
  position: absolute;
  width: 60px;
  right: 10px;
  bottom: 10px;
}

.probiotic_group .probiotic .dialog_group .next_group .next_text {
  font-size: 21px;
  font-size: 1.8rem;
  color: #ff6c00;
}

.probiotic_group .probiotic .dialog_group .next_group .next_arrow_img {
  position: absolute;
  top: 7px;
  right: 0px;
}

.probiotic_group .probiotic .dialog_group .dialog_arrow {
  position: absolute;
}

.probiotic_group .probiotic_obj_1 {
  left: 150px;
  top: 125px;
}

.probiotic_group .probiotic_obj_1 .probiotic_text {
  top: 45px;
  left: -30px;
}

.probiotic_group .probiotic_obj_1 .dialog_group {
  top: 80px;
  left: -160px;
}

.probiotic_group .probiotic_obj_1 .dialog_group .dialog_arrow {
  top: -25px;
  left: 90px;
}

.probiotic_group .probiotic_obj_2 {
  left: 500px;
  top: 170px;
}

.probiotic_group .probiotic_obj_2 .probiotic_text {
  top: -10px;
  left: -115px;
}

.probiotic_group .probiotic_obj_2 .dialog_group {
  top: 40px;
  left: -280px;
}

.probiotic_group .probiotic_obj_2 .dialog_group .dialog_arrow {
  top: -30px;
  left: 120px;
}

.probiotic_group .probiotic_obj_3 {
  left: 265px;
  top: 385px;
}

.probiotic_group .probiotic_obj_3 .probiotic_text {
  top: 0px;
  left: -105px;
}

.probiotic_group .probiotic_obj_3 .dialog_group {
  top: 45px;
  left: -240px;
}

.probiotic_group .probiotic_obj_3 .dialog_group .dialog_arrow {
  top: -30px;
  left: 100px;
}

.probiotic_group .probiotic_obj_4 {
  left: 500px;
  top: 550px;
}

.probiotic_group .probiotic_obj_4 .probiotic_text {
  top: -20px;
  left: -150px;
}

.probiotic_group .probiotic_obj_4 .probiotic_text-long {
  top: -40px;
  left: -185px;
  text-align: center;
}

.probiotic_group .probiotic_obj_4 .dialog_group {
  top: -100px;
  left: -520px;
}

.probiotic_group .probiotic_obj_4 .dialog_group-big {
  top: 20px;
}

.probiotic_group .probiotic_obj_4 .dialog_group .dialog_arrow {
  top: 50px;
  right: -25px;
  transform: rotate(90deg);
}

.end_show_group {
  position: absolute;
  width: 525px;
  height: 100%;
  left: 10px;
  top: 0;
}

.end_show_group .end_pathA_obj,
.end_show_group .end_pathB_obj,
.end_show_group .end_pathC_obj {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.end_show_group .end_pathA_obj .probiotic,
.end_show_group .end_pathB_obj .probiotic,
.end_show_group .end_pathC_obj .probiotic {
  position: absolute;
  top: -50px;
  left: -55px;
}

.end_show_group .end_pathA_obj .end_pb1,
.end_show_group .end_pathB_obj .end_pb1,
.end_show_group .end_pathC_obj .end_pb1 {
  position: absolute;
  top: 960px;
}

.end_show_group .end_pathA_obj .end_pb2,
.end_show_group .end_pathB_obj .end_pb2,
.end_show_group .end_pathC_obj .end_pb2 {
  position: absolute;
  top: 870px;
}

.end_show_group .end_pathA_obj .end_pb3,
.end_show_group .end_pathB_obj .end_pb3,
.end_show_group .end_pathC_obj .end_pb3 {
  position: absolute;
  top: 770px;
}

.end_show_group .end_pathA_obj {
  left: 265px;
}

.end_show_group .end_pathB_obj {
  left: 500px;
}

.end_show_group .end_pathC_obj {
  left: 30px;
}

.game_result {
  position: relative;
  margin: 0 auto;
  padding: 50px 0;
  padding-bottom: 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}

.game_result .result_title {
  position: relative;
  font-size: 33px;
  font-size: 2.75rem;
  color: #d7321d;
  -webkit-text-stroke: 1px #d7321d;
  text-stroke: 1px #d7321d;
  -webkit-text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  -moz-text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.game_result .redColor {
  color: #ee7500;
  -webkit-text-stroke: 1px #ee7500;
  text-stroke: 1px #ee7500;
}

.game_result .result_text {
  position: relative;
  font-size: 28px;
  font-size: 2.2rem;
}

.game_result .result_text .sup {
  position: relative;
  font-size: 17px;
  font-size: 1.44rem;
  top: -10px;
}

.game_result .result_note {
  margin-top: -40px;
  margin-bottom: -40px;
  font-weight: 300er;
}

.game_result .btn_group {
  position: relative;
  margin: 30px auto;
}

.game_result .btn_group.game01__btn_group {
  margin-top: 0 auto;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.A-part_path {
  position: absolute;
  left: 16px;
  top: 0;
}

.v-path {
  position: absolute;
  overflow: hidden;
  width: 40px;
}

.v-path .path_bg {
  overflow: hidden;
}

.v-path .path_bg .path_wave .wave {
  position: absolute;
  width: 40px;
  height: 100px;
  background-image: url(../images/wave1.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

.h-path {
  position: absolute;
  overflow: hidden;
  height: 40px;
}

.h-path .path_bg {
  overflow: hidden;
}

.h-path .path_bg .path_wave .wave {
  position: absolute;
  width: 140px;
  height: 40px;
  background-image: url(../images/wave2.png);
  background-repeat: no-repeat;
  background-position: center 0;
}

.A-part_path .A-path .path_bg {
  background: #5e93a9;
}

.A-part_path #a1 {
  height: 130px;
}

.path_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.path_bg .path_wave {
  position: absolute;
}

.A-part_path #a2 {
  top: 105px;
  width: 260px;
}

.A-part_path #a3 {
  left: 235px;
  top: 105px;
  height: 150px;
}

.A-part_path #a4 {
  left: 235px;
  top: 226px;
  width: 275px;
}

.A-part_path #a5 {
  left: 472px;
  top: 230px;
  height: 230px;
}

.A-part_path #a6 {
  left: 240px;
  top: 428px;
  width: 270px;
}

.A-part_path #a6 .path_bg {
  right: 0;
}

.A-part_path #a7 {
  left: 235px;
  top: 430px;
  height: 650px;
}

.B-part_path {
  position: absolute;
  left: 252px;
  top: 0;
}

.B-part_path .B-path .path_bg {
  background: #27aae1;
}

.B-part_path #b1 {
  height: 140px;
}

.B-part_path #b2 {
  top: 105px;
  left: -220px;
  width: 260px;
}

.B-part_path #b2 .path_bg {
  right: 0;
}

.B-part_path #b3 {
  left: -235px;
  top: 105px;
  height: 220px;
}

.B-part_path #b4 {
  left: -235px;
  top: 298px;
  width: 270px;
}

.B-part_path #b5 {
  top: 300px;
  height: 160px;
}

.B-part_path #b6 {
  top: 428px;
  width: 270px;
}

.B-part_path #b7 {
  left: 235px;
  top: 430px;
  height: 650px;
}

.C-part_path {
  position: absolute;
  left: 488px;
  top: 0;
}

.C-part_path .C-path .path_bg {
  background: #5e93a9;
}

.C-part_path #c1 {
  height: 250px;
}

.C-part_path #c2 {
  top: 226px;
  left: -220px;
  width: 260px;
}

.C-part_path #c2 .path_bg {
  right: 0;
}

.C-part_path #c3 {
  left: -235px;
  top: 226px;
  height: 100px;
}

.C-part_path #c4 {
  left: -460px;
  top: 298px;
  width: 265px;
}

.C-part_path #c4 .path_bg {
  right: 0;
}

.C-part_path #c5 {
  left: -472px;
  top: 298px;
  height: 780px;
}

#data .page_content .title_part {
  z-index: 1;
}

.pop_hit {
  position: absolute;
  width: 640px;
  height: 100%;
}

.pop_hit .black_bg {
  position: absolute;
  z-index: 999;
}

.pop_hit .hit_group {
  position: absolute;
  width: 100%;
  z-index: 999;
}

.pop_hit .hit_group .hit_text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
  width: 65%;
  font-size: 28px;
  font-size: 2.2rem;
  color: #fff;
  text-align: justify;
  line-height: 1.5;
}

.pop_hit .hit_group .hit_img {
  width: 455px;
  top: 180px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.pop_hit .hit_group .hit_close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.reason_group {
  position: relative;
  padding-top: 90px;
  padding-bottom: 10px;
  width: 90%;
  margin: 0 auto;
  margin-top: -90px;
}

.reason_group .reason_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px #fff dotted;
  border-radius: 30px;
  top: 0px;
}

.reason_group .reason_bg .blue_mask {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -8px;
  width: 75%;
  height: 15px;
  background: #0070bb;
}

.reason_group .good_reason {
  position: relative;
}

.reason_group .good_reason .reason_icon {
  position: absolute;
  left: 30px;
}

.reason_group .good_reason .reason_content {
  position: relative;
  margin: 5px 0;
  margin-left: 95px;
  margin-right: 25px;
  text-align: justify;
  line-height: 1.5;
}

.reason_group .good_reason .reason_content .reason_title {
  color: #ffe900;
  font-size: 31px;
  font-size: 2.6rem;
  font-weight: 900;
}

.reason_group .good_reason .reason_content .reason_title .sup {
  position: relative;
  font-size: 18px;
  font-size: 1.56rem;
  top: -10px;
}

.reason_group .good_reason .reason_content .reason_text {
  font-size: 25px;
  font-size: 2.1rem;
  letter-spacing: -1px;
}

.reason_group .good_reason .reason_content .reason_text .sup {
  position: relative;
  font-size: 20px;
  font-size: 1.68rem;
  top: -5px;
}

.reason_group .good_reason .reason_line {
  position: relative;
  margin: 20px auto;
  width: 90%;
  border-bottom: 3px #fff dotted;
}

.picture_group {
  position: relative;
  margin-top: 65px;
  height: 170px;
}

.picture_group .baby {
  position: absolute;
  top: -10px;
  left: 100px;
}

.picture_group .zoom {
  position: absolute;
  top: -40px;
  left: 230px;
}

.picture_group .yellowBaby {
  position: absolute;
  top: 70px;
  left: 470px;
}

.picture_group .svg_part {
  transform: scale(0.45);
  position: absolute;
  top: -112px;
  left: 150px;
}

.picture_group .svg_part .g1_bacteria {
  position: absolute;
  top: 0;
}

.picture_group .svg_part .g1_bacteria .g1_bacteria_img {
  position: absolute;
  top: -43px;
  left: -30px;
}

.picture_group .svg_part .g1_bacteria .g1_bacteria_img img {
  transform: scale(0.7);
}

#form_part {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #8fbf45;
}

#form_part .tree_bottom {
  position: absolute;
  width: 100%;
  height: 68px;
  bottom: 0;
  background-image: url(../images/footer_tree.png);
}

#form_part .caption_text {
  position: relative;
  margin: 0 auto;
  width: 95%;
  text-align: center;
  font-size: 26px;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #324f05;
  font-weight: bold;
}

#form_part .form_content {
  position: relative;
  width: 85%;
  margin: 20px auto;
  margin-top: 0;
}

#form_part .form_content .form_item {
  position: relative;
  display: inline-block;
  margin: 15px auto;
  width: 100%;
  height: 45px;
}

#form_part .form_content .form_item .form_t {
  position: absolute;
  width: 175px;
  margin-left: 10px;
  color: #fff;
  font-size: 28px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #324f05;
}

#form_part .form_content .form_item .form_t .sm {
  line-height: 1.5;
  font-size: 21px;
  font-size: 1.8rem;
}

#form_part .form_content .form_item label {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  font-size: 21px;
  font-size: 1.8rem;
  line-height: 1.5;
}

#form_part .form_content .form_item input {
  position: relative;
  left: 180px;
  background: #fff;
  color: #000;
  border: none;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  font-size: 28px;
  font-size: 2.2rem;
  font-weight: 500;
  width: 60%;
  height: 45px;
  border-radius: 99em;
  text-align: center;
}

#form_part .form_content .form_item .name_hit {
  position: relative;
  width: 150px;
  text-align: center;
  margin: 10px 0;
  margin-left: 265px;
  color: #D02B16;
  font-size: 19px;
  font-size: 1.6rem;
  border-bottom: 1px #D02B16 solid;
  cursor: pointer;
}

#form_part .form_checkbox1,
#form_part .form_checkbox2 {
  position: relative;
  margin: 0 auto;
  margin-left: 15px;
  padding: 15px 0;
  display: inline-block;
  width: 90%;
}

#form_part .form_checkbox1 .form_t,
#form_part .form_checkbox2 .form_t {
  position: absolute;
  margin-left: 0px;
  width: 100%;
  display: inline-block;
  color: #fff;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  color: #324f05;
  font-size: 21px;
  font-size: 1.8rem;
  letter-spacing: 1px;
}

#form_part .form_checkbox1 .form_t a,
#form_part .form_checkbox2 .form_t a {
  color: #D02B16;
}

#form_part .form_checkbox1 #agree1,
#form_part .form_checkbox1 #agree2,
#form_part .form_checkbox2 #agree1,
#form_part .form_checkbox2 #agree2 {
  position: relative;
  margin: 0 15px;
  margin-left: 0px;
  width: 30px;
  height: 30px;
  outline: none;
}

#form_part .form_checkbox1 span,
#form_part .form_checkbox2 span {
  color: #d02b16;
  cursor: pointer;
  text-decoration: underline;
}

#form_part .form_checkbox2 {
  margin-top: 10px;
}

.btn_group {
  position: relative;
  margin: 0 auto;
  width: 88%;
  margin-top: 50px;
  padding-bottom: 0;
}

.hit_text2 {
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
  width: 80%;
  text-align: justify;
  font-size: 18px;
  font-size: 1.5rem;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  line-height: 1.5;
  color: #324f05;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="checkbox"]+label span,
input[type="radio"]+label span {
  position: absolute;
  top: 15px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 3px #fff solid;
  border-radius: 99em;
  background: #fff;
}

input[type="checkbox"]+label p,
input[type="radio"]+label p {
  padding-left: 35px;
  color: #ffe900;
  font-family: "Varela Round", "cwTeXYen", "Noto Sans TC", sans-serif;
  font-size: 21px;
  font-size: 1.8rem;
}

input[type="checkbox"]+label p sup,
input[type="radio"]+label p sup {
  font-size: 14px;
  font-size: 1.2rem;
}

input[type="checkbox"]:checked+label span,
input[type="radio"]:checked+label span {
  background: #324f05;
}

#consultation {
  padding-top: 20px;
}

#consultation .page_content .tree_bottom {
  position: absolute;
  width: 100%;
  height: 68px;
  bottom: 0;
  background-image: url(../images/footer_tree2.png);
}

.success_part {
  position: relative;
  margin: 15px auto;
  margin-top: 30px;
}

.service_title .big_title_group {
  margin: 0 auto;
}

.service_title .small_title_group {
  margin: 10px auto;
}

.service_title .powder_bottle1 {
  position: absolute;
  right: 45px;
  top: 65px;
}

.service_title .powder_bottle2 {
  position: absolute;
  right: 50px;
  top: -20px;
}

.service_title .owl {
  top: -50px;
  left: 110px;
}

.service_title .owl img {
  transform: scale(0.7);
}

.doctor_say_group {
  position: relative;
  margin: 0 auto;
  margin-bottom: 60px;
  width: 80%;
  background: #fff;
  border-radius: 30px;
}

.doctor_say_group .doctor_img {
  position: absolute;
  right: 30px;
  top: 80px;
}

.doctor_say_group ol {
  position: relative;
  width: 55%;
  color: #0070bb;
  text-align: justify;
  padding: 10px 30px;
  padding-left: 50px;
}

.doctor_say_group ol li {
  position: relative;
  margin: 20px 0;
}

.doctor_say_group ol li .Dot {
  position: absolute;
  top: 10px;
  left: -25px;
  width: 8px;
  height: 8px;
  border-radius: 99em;
  background: #0070bb;
}

.doctor_say_group ol li p {
  font-weight: bold;
  font-size: 28px;
  font-size: 2.2rem;
  line-height: 1.5;
}

.step_group {
  position: relative;
  margin: 0 auto;
  width: 75%;
  margin-bottom: 30px;
}

.step_group .step_item {
  position: relative;
  margin: 10px auto;
}

.step_group .step_item .step_icon {
  position: absolute;
}

.step_group .step_item .step_text {
  position: relative;
  margin-left: 85px;
  width: 85%;
  font-size: 28px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0px;
  border-bottom: 3px #fff dotted;
}

.step_group .step_item .step_hit {
  position: absolute;
  right: 40px;
  top: -10px;
  font-size: 19px;
  font-size: 1.6rem;
  color: #FFEA00;
}

.step_group .step_item .step_arrow {
  margin-top: 25px;
}

.note_part {
  position: relative;
  margin: 0 auto;
  width: 78%;
  padding: 30px 0;
}

.note_part .note_title {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-size: 2.2rem;
}

.note_part ul>li {
  position: relative;
  margin: 15px auto;
  padding-left: 30px;
  font-size: 24px;
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: justify;
}

.note_part ul>li .li_num {
  position: absolute;
  text-align: right;
  width: 35px;
  top: 0px;
  left: -25px;
}

#win,
#rule {
  padding-top: 50px;
}

#win .page_content,
#rule .page_content {
  font-weight: 500;
  text-align: justify;
  line-height: 1.5;
  font-size: 26px;
  font-size: 1.8rem;
  overflow: hidden;
}

#win .page_content .tree_bottom,
#rule .page_content .tree_bottom {
  position: absolute;
  width: 100%;
  height: 68px;
  bottom: 0;
  background-image: url(../images/footer_tree2.png);
}

#win .page_content .btn_group,
#rule .page_content .btn_group {
  padding-bottom: 40px;
}

.text_sm80 {
  font-size: 21px;
  font-size: 1.76rem;
}

.colorY {
  color: #ffe900;
}

.colorY a {
  color: #ffe900;
  word-break: break-all;
}

.text_center {
  margin-left: 50px;
}

.rule_part {
  position: relative;
  margin: 0 auto;
  width: 80%;
}

.rule_part .date_group,
.rule_part .award_group,
.rule_part .user_group,
.rule_part .win_group {
  position: relative;
  margin: 60px auto;
}

.rule_part .date_group .frame_img,
.rule_part .award_group .frame_img,
.rule_part .user_group .frame_img,
.rule_part .win_group .frame_img {
  position: absolute;
  width: 100%;
  height: 95%;
  top: 15px;
  border: 4px #fff dotted;
  border-radius: 30px;
  box-sizing: border-box;
}

.rule_part .date_group .desc_text,
.rule_part .date_group .award_text_group,
.rule_part .award_group .desc_text,
.rule_part .award_group .award_text_group,
.rule_part .user_group .desc_text,
.rule_part .user_group .award_text_group,
.rule_part .win_group .desc_text,
.rule_part .win_group .award_text_group {
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  width: 90%;
}

.rule_part .date_group .desc_text p,
.rule_part .date_group .award_text_group p,
.rule_part .award_group .desc_text p,
.rule_part .award_group .award_text_group p,
.rule_part .user_group .desc_text p,
.rule_part .user_group .award_text_group p,
.rule_part .win_group .desc_text p,
.rule_part .win_group .award_text_group p {
  margin: 5px 0;
}

.rule_part .user_group .desc_text {
  padding-top: 35px;
}

.rule_part .win_group {
  text-align: center;
}

.rule_part .date_group {
  width: 491px;
  height: 194px;
}

.rule_part .award_group {
  width: 491px;
}

.rule_part .award_group dl {
  font-size: 22px;
  font-weight: bold;
  width: 410px;
  margin: 0 auto;
  padding-top: 30px;
}

.rule_part .award_group dl:before {
  content: "";
  display: table;
}

.rule_part .award_group dl:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}

.rule_part .award_group dl dt {
  width: 80px;
  float: left;
  margin-bottom: 30px;
}

.rule_part .award_group dl dd {
  position: relative;
  color: #ffe900;
  margin-left: 80px;
  width: 330px;
  margin-bottom: 30px;
}

.rule_part .award_group dl dd span {
  font-size: 18px;
}

.rule_part .award_group dl dd img {
  position: absolute;
  right: 0;
  top: 0;
}

.rule_part .award_group dl dd img.award1 {
  right: -21px;
  top: -31px;
}

.rule_part .award_group dl dd img.award2 {
  right: -70px;
}

.rule_part .award_group dl dd img.award3 {
  right: -45px;
}

.rule_part .award_group .award_text_group .award_text1,
.rule_part .award_group .award_text_group .award_text2,
.rule_part .award_group .award_text_group .award_text3 {
  text-align: center;
}

.rule_part .award_group .award_img_group {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 110px;
}

.rule_part .award_group .award_img_group .award_img2 {
  position: absolute;
  top: 120px;
  left: 40px;
}

.rule_part .award_group .award_img_group .award_img3 {
  position: absolute;
  top: 280px;
  left: 25px;
}

.rule_part .user_group {
  width: 491px;
  height: 122px;
}

.activity_note_part {
  position: relative;
  margin: 0 auto;
  width: 70%;
}

.activity_note_part li {
  position: relative;
  margin: 15px auto;
}

.activity_note_part li .Dot {
  position: absolute;
  top: 10px;
  left: -25px;
  width: 10px;
  height: 10px;
  border-radius: 99em;
  background: #fff;
}

.winner_note_part,
.other_note_part,
.personal_part {
  position: relative;
  margin: 0 auto;
  padding-bottom: 10px;
  width: 75%;
}

.winner_note_part li,
.other_note_part li,
.personal_part li {
  position: relative;
  margin: 15px auto;
  padding-left: 20px;
}

.winner_note_part li .li_num,
.other_note_part li .li_num,
.personal_part li .li_num {
  position: absolute;
  text-align: right;
  width: 35px;
  top: 0px;
  left: -25px;
}

.winner_note_part li a,
.other_note_part li a,
.personal_part li a {
  color: #ffe900;
}

.personal_part {
  padding-top: 30px;
  padding-bottom: 120px;
}

.win_item_title_group,
.rule_item_title_group {
  position: relative;
  width: 260px;
  margin: 0 auto;
  background: #0070bb;
  left: -20px;
}

.win_item_title_group .item_title_icon,
.rule_item_title_group .item_title_icon {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 50px;
}

.win_item_title_group .item_title_award,
.rule_item_title_group .item_title_award {
  position: relative;
  text-align: center;
  width: 100%;
  padding-left: 25px;
  font-size: 30px;
  font-size: 2.5rem;
  letter-spacing: 2px;
  font-weight: bold;
}

.win_item_title_group .item_title_award_2line,
.rule_item_title_group .item_title_award_2line {
  margin-top: 100px;
  top: -35px;
}

.win_item_title_group {
  width: 80%;
  left: auto;
  top: -40px;
}

.win_item_title_group .item_title_award {
  font-size: 24px;
  text-align: center;
  left: auto;
  padding: 0;
}

.rule_item_title_group {
  width: 225px;
}

.rule_item_title_group .item_title_award {
  padding-left: 30px;
}

.win_part {
  position: relative;
  margin: 0 auto;
  width: 490px;
  padding-bottom: 80px;
  min-height: 1450px;
}

.win_part .win_item_group {
  position: relative;
  margin: 100px auto;
  margin-top: 40px;
  width: 100%;
  font-size: 24px;
}

.win_part .win_item_group .frame_img {
  position: absolute;
  top: 10px;
  width: 100%;
  height: 100%;
  border: 3px #fff dotted;
  border-radius: 30px;
  box-sizing: border-box;
}

.win_part .win_item_group .award_img {
  position: absolute;
}

.win_part .win_item_group .win_list {
  position: relative;
  margin: 0 auto;
  width: 80%;
  margin-top: -20px;
  text-align: center;
}

.win_part .win_item_group .win_list .win_t {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 0 15px;
}

.win_part .win_item_group .win_list .title_2line {
  margin-top: 0;
}

.win_part .win_item_group .win_list .winner_group {
  position: relative;
  display: inline-block;
}

.win_part .win_item_group .win_list .winner_group .winner_name,
.win_part .win_item_group .win_list .winner_group .winner_tel {
  position: relative;
  display: inline-block;
  line-height: 1.5;
  letter-spacing: 2px;
  color: #ffe900;
}

.win_part .win_item_group .win_list .winner_group .winner_name {
  width: 120px;
  text-align: center;
}

.win_part .win_item_group.win_item_group1 .award_img {
  right: -25px;
  bottom: -30px;
}

.win_part .win_item_group.win_item_group1 .item_title_icon {
  top: 18px;
  left: -30px;
}

.win_part .win_item_group.win_item_group2 .item_title_award {
  font-size: 22px;
}

.win_part .win_item_group.win_item_group2 .award_img {
  left: -25px;
  bottom: -30px;
}

.win_part .win_item_group.win_item_group2 .item_title_icon {
  top: 18px;
  left: -40px;
}

.win_part .win_item_group.win_item_group3 .award_img {
  right: -25px;
  bottom: -30px;
}

.win_part .win_item_group.win_item_group3 .item_title_icon {
  top: 18px;
  left: -40px;
}

.trial_title {
  margin-top: 150px;
  margin-bottom: 20px;
}

.trial_main_title img {
  position: absolute;
  left: 0;
  right: 0;
  top: 670px;
}

.trial_can {
  margin-top: 200px;
  margin-bottom: -65px;
}

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

.trial_step_wrap {
  box-sizing: border-box;
  width: 520px;
  background: url(../images/trial_step_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  padding: 50px 35px 35px 35px;
  box-shadow: 7px 7px 40px rgba(0, 47, 89, .53);
  border-radius: 30px;
}


.trial_list_title {
  margin-top: 54px;
  margin-bottom: 22px;
}

.trial_lists {
  padding-left: 22px;
}

.trial_lists li {
  list-style: decimal;
  font-size: 18.5px;
  line-height: 1.5;
  color: #006ab5;
  text-align: left;
  font-weight: 500;
}