@font-face {
  font-family: "微軟正黑體";
  src: url("http://pdf.click108.com.tw/msjh.ttc") format("truetype");
  font-display: swap;
  /* 改善載入體驗 */
}

.T_INFOAREA,
.T_CLOSE,
.LIST {
  display: none;
}

#dialogBox tbody,
#dialogBox tr,
#dialogBox td {
  border: unset !important;
  vertical-align: middle !important;
}

#dialogBox input#dialogOk,
#dialogBox input#dialogCancel {
  font-size: small !important;
  border: 1px solid;
  border-radius: 4px;
  padding: 1px;
}

body {
  box-sizing: border-box;
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif
}

a {
  text-decoration: none
}

hr {
  height: 1px;
  border: none;
  background-color: #ffeddd
}

#YF026 p.txt-primary+p.txt-primary {
  margin-top: 20px
}

.PC .blank_br {
  height: 20px
}

.PC .blank_br2 {
  height: 40px
}

.PC .blank_1 {
  height: 10px
}

.PC .FOOT_PC,
.PC .PC_LOGIN {
  width: 100%;
  display: block
}

.PC #float_icon,
.PC #header,
.PC .FOOT_MOBILE,
.PC .MOBILE_LOGIN {
  display: none
}

body {
  line-height: normal;
  color: #333
}

#YF026 .txt_bold {
  font-weight: 700
}

#YF026 .txt_center {
  text-align: center
}

#YF026 .txt-4 {
  font-size: 1.5em;
  line-height: 1.7em
}

#YF026 .txt-4-2 {
  font-size: 1.3em;
  line-height: 1.7em
}

#YF026 .txt-5 {
  font-size: 1.2em;
  line-height: 1.7em
}

#YF026 .txt-primary {
  font-size: 1.1em;
  line-height: 1.7em;
  color: #333
}

#YF026 .txt-secondary {
  font-size: 1em;
  line-height: 1.7em
}

#YF026 .txt-6 {
  font-size: .9em;
  line-height: 1.7em
}

#YF026 .purple {
  color: #6124b4
}

#YF026 .red {
  color: #e42f2f
}

#YF026 .pink {
  color: #f54478
}

#YF026 .green {
  color: #2e6e00
}

#YF026 .orange {
  color: #ff771c
}

.content_box a {
  color: #00f;
  cursor: pointer
}

.content_box a:hover {
  opacity: .7
}

#YF026 .shadow-orange {
  box-shadow: inset 0 0 16px 0 #ffb38c;
  -webkit-box-shadow: inset 0 0 16px 0 #ffb38c
}

#YF026 .shadow-blue {
  box-shadow: inset 0 0 16px 0 #81c0d2;
  -webkit-box-shadow: inset 0 0 16px 0 #81c0d2
}

#YF026 .shadow-green {
  box-shadow: inset 0 0 16px 0 #81d286;
  -webkit-box-shadow: inset 0 0 16px 0 #81d286
}

#YF026 .shadow-red {
  box-shadow: inset 0 0 16px 0 #ffa1a1;
  -webkit-box-shadow: inset 0 0 16px 0 #ffa1a1
}

#YF026 .shadow-pink {
  box-shadow: inset 0 0 16px 0 #f29bbe;
  -webkit-box-shadow: inset 0 0 16px 0 #f29bbe
}

#YF026 .CON_P {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 5px
}

#YF026 .CON_P ul {
  list-style: disc;
  color: #b45900;
  box-sizing: border-box;
  padding: 0 0 0 20px
}

#YF026 .CON_P li {
  clear: both;
  margin-bottom: 10px
}

.PC #YF026 .T_INFO {
  width: 100%;
  max-width: 730px;
  height: 40px;
  margin: 0 auto;
  background-color: #fff;
  background: -moz-linear-gradient(top, #fff 0, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0))
}

.PC #YF026 .T_INFO:hover {
  background: -moz-linear-gradient(top, #e0e0e0 0, #fff);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#fff))
}

.PC #YF026 .T_TEXT {
  width: 100%;
  max-width: 730px;
  height: 34px;
  line-height: 40px;
  padding-top: 6px;
  margin: 0 auto;
  text-align: center;
  position: relative
}

.PC #YF026 .T_OPEN {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0
}

.PC #YF026 .T_OPEN img {
  display: block;
  width: 100%;
  height: auto
}

.PC #YF026 .T_CLOSE {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0
}

.PC #YF026 .T_INFOAREA {
  width: 100%;
  max-width: 730px;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .T_INFOAREA .T_CON {
  width: 100%;
  max-width: 730px;
  height: auto;
  padding: 10px 0 10px 0;
  margin: 0 auto;
  margin-bottom: 10px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px 0 #666;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center
}

.PC #YF026 .T_INFOAREA .T_PBT {
  max-width: 70px;
  height: 30px;
  margin: 0 auto;
  background-color: #fff;
  background: -moz-linear-gradient(top, #fff 0, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #9e9e9e;
  margin-top: 5px;
  margin-bottom: 5px
}

.PC #YF026 .T_INFOAREA .T_PBT a {
  text-align: center;
  font-size: .9em;
  line-height: 30px;
  color: #333
}

.PC #YF026 .MENU {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
  padding: 10px 15px;
  background: #ffc979;
  background: -moz-linear-gradient(top, #ffc979 0, #804c00 100%);
  background: -webkit-linear-gradient(top, #ffc979 0, #804c00 100%);
  background: linear-gradient(to bottom, #ffc979 0, #804c00 100%)
}

.PC #YF026 .MENU ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  align-items: center;
  gap: 5px;
}

.PC #YF026 .MENU ul li {
  width: 100%;
  max-width: 166px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px
}

.PC #YF026 .MENU ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  color: #ffe0b3;
  line-height: 45px;
  text-align: center;
  font-size: 1.3em;
  border: 1px solid #ffe0b3;
  border-radius: 5px;
  background: #479d41;
  background: -moz-linear-gradient(top, #479d41 0, #115c0c 100%);
  background: -webkit-linear-gradient(top, #479d41 0, #115c0c 100%);
  background: linear-gradient(to bottom, #479d41 0, #115c0c 100%);
  background-color: rgba(71, 157, 65, .5);
  transition: all .8s ease
}

.PC #YF026 .MENU ul li a:hover {
  background: #479d41;
  transition: all .6s ease
}

.PC #YF026 .MENU ul li a.NOW {
  color: #824e02;
  background: #ffd600
}

.PC #YF026 {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  box-sizing: border-box;
  margin: 0 auto;
  background-image: url(../images/bg.jpg), url(../images/bg_repeat.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: top center, center 35px;
  background-color: #bf1011;
  padding-bottom: 0.5rem;
}

.PC #YF026 .FRAME {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto
}

.PC #YF026 .mainstage {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  margin: 0 auto
}

.PC #YF026 .hero {
  max-width: 750px;
  max-height: 340px;
  margin: 0 auto;
  overflow: hidden
}

.PC #YF026 .hero h1 {
  width: 100%;
  aspect-ratio: 730/340;
  background-image: url(../images/hero_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-indent: -9999px
}

.PC #YF026 .container_frame {
  width: 100%;
  max-width: 730px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  border: 5px solid #804c00;
  background-color: #fff;
  padding: 15px 0 15px 0;
  margin-bottom: 10px
}

.PC #YF026 .section_survey {
  width: 610px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 10px
}

.PC #YF026 .radio-select {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}

.PC #YF026 .radio-select .option {
  width: 49%;
  height: auto;
  background-color: #fff;
  margin: 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative
}

.PC #YF026 .radio-select .option label {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1em;
  padding-left: 38px;
  cursor: pointer;
  border: 1px solid #d4d4d4;
  border-radius: 5px
}

.PC #YF026 .radio-select .option label:hover {
  background-color: #fff9d0;
  transition: all .2s ease-in
}

.PC #YF026 .radio-select .option input:checked~label {
  background-color: #fff9d0;
  border-color: #a46200;
  transition: all .3s ease-in-out
}

.PC #YF026 .radio-select .option label::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #d4d4d4;
  border-radius: 50%;
  background: 0 0
}

.PC #YF026 .radio-select .option label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #a46200;
  opacity: 0;
  transition: all .3s ease-in-out
}

.PC #YF026 .radio-select .option input:checked~label::before {
  opacity: 1
}

.PC #YF026 .radio-select input[type=radio] {
  display: none
}

.PC #YF026 .e_BT {
  clear: both;
  width: 90%;
  height: 45px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px
}

.PC #YF026 .e_BT ul.ONE {
  width: 100%;
  height: 45px
}

.PC #YF026 .e_BT ul.ONE li {
  width: -webkit-fit-content;
  /* Mozilla 前綴 (Firefox 3.5-93) */
  width: -moz-fit-content;
  /* 標準語法 (現代瀏覽器) */
  width: fit-content;
  height: auto;
  margin: 0 auto;
  float: none;
}

.PC #YF026 .e_BT ul.TOW {
  width: 80%;
  height: 45px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.PC #YF026 .e_BT ul.TOW li {
  /* WebKit 前綴 (Safari 6.1-10, Chrome 22-45) */
  width: -webkit-fit-content;

  /* Mozilla 前綴 (Firefox 3.5-93) */
  width: -moz-fit-content;

  /* 標準語法 (現代瀏覽器) */
  width: fit-content;
}

.PC #YF026 .e_BT li a {
  display: block;
  min-width: 210px;
  min-height: 45px;
  margin: 0 auto;
  text-decoration: none;
  text-align: center
}

.PC a.BT_COLOUR {
  background-color: #ed1f23;
  background: -moz-linear-gradient(top, #f2595c 0, #ed1f23);
  background: -webkit-gradient(linear, left top, left bottom, from(#f2595c), to(#ed1f23));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ed1f23;
  -moz-box-shadow: inset 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 2px #fff;
  box-shadow: inset 0 0 2px #fff
}

.PC a.BT_COLOUR2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dbaa00;
  background: -moz-linear-gradient(top, #ffe400 0, #ffc600);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#ffc600));
  -moz-box-shadow: inset 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 2px #fff;
  box-shadow: inset 0 0 2px #fff
}

.PC a.BT_COLOUR:hover {
  background-color: #f2595c;
  background: -moz-linear-gradient(top, #ed1f23 0, #f2595c);
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1f23), to(#f2595c))
}

.PC a.BT_COLOUR2:hover {
  background-color: #eb6d54;
  background: -moz-linear-gradient(top, #ffc600 0, #ffe400);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc600), to(#ffe400))
}

.PC #YF026 .BT_T01 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  color: #fff
}

.PC #YF026 .BT_T02 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  color: #000
}

.PC #YF026 .BT_T01_S {
  color: #000;
  font-size: 1em;
  line-height: 45px;
  text-align: center
}

.PC #YF026 .section_notice {
  width: 100%;
  max-width: 630px;
  height: auto;
  overflow: hidden;
  margin: 0 auto
}

.PC #YF026 .section_notice span {
  font-size: .9em;
  color: #e42f2f
}

.PC #YF026 .section_notice ul {
  width: 100%;
  list-style: decimal;
  list-style-position: inside
}

.PC #YF026 .section_notice li {
  box-sizing: border-box;
  font-size: .9em;
  line-height: 1.7em;
  color: #e42f2f
}

.main-content>a {
  width: 100%
}

.PC #YF026 .content_box {
  max-width: 670px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 18px
}

.content_box_wrapper>img {
  display: block;
  width: 100%
}

.PC #YF026 .two_block_main {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .two_block_main ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.PC #YF026 .two_block_main .item_ph {
  width: 40%;
  height: auto
}

.PC #YF026 .two_block_main .item_ph img {
  display: block;
  width: 88%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .two_block_main .item_text {
  width: 60%
}

.PC #YF026 .item_ph2 {
  width: 100%;
  height: auto
}

.PC #YF026 .item_ph2 img {
  display: block;
  width: 88%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .notice_box {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .notice-title {
  height: auto;
  overflow: hidden;
  padding: 12px;
  background-color: #fff;
  color: #333;
  text-align: center;
  font-weight: 700
}

.PC #YF026 .notice-info {
  width: auto;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 16px 36px
}

.PC #YF026 .notice_box .notice-info ul {
  width: 100%;
  list-style: none;
  list-style-position: outside;
  padding: 0 0 0 30px;
  box-sizing: border-box;
  text-indent: -1em
}

.PC #YF026 .notice_box .notice-info li {
  margin-bottom: 20px
}

.PC #YF026 .notice_box .notice-info li:last-child {
  margin-bottom: 8px
}

.PC #YF026 .notice_box .notice-info li::before {
  content: '✓';
  margin-right: 5px
}

.PC #YF026 .section_fourwords {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .content-info {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px
}

.PC #YF026 .content-info .keywords {
  width: 30%
}

#YF026 .color-tag1 {
  background-color: #e5724f
}

#YF026 .color-tag2 {
  background-color: #e5994f
}

#YF026 .color-tag3 {
  background-color: #68b0de
}

#YF026 .color-tag4 {
  background-color: #9ecc5b
}

.PC #YF026 .line-1 {
  width: 95%;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #efefef
}

.PC #YF026 .content-info .keywords ul {
  width: 100%;
  height: auto;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto;
  padding: 5px 0
}

.PC #YF026 .content-info .keywords li {
  width: 100%;
  font-size: 1.1em;
  text-align: center
}

.PC #YF026 .content-info .keywords li:nth-child(2) {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em
}

.PC #YF026 .content-info .instructions {
  width: 68%
}

.PC #YF026 .section_items {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .section_items ul {
  list-style: disc;
  color: #b45900;
  box-sizing: border-box;
  padding-left: 20px
}

.PC #YF026 .section_items li {
  margin-bottom: 20px
}

.PC #YF026 .section_items li:last-child {
  margin-bottom: 0
}

.PC #YF026 .section_items li p {
  color: #333
}

.PC #YF026 .usersinfo {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 15px
}

.PC #YF026 .usersinfo .title_ph {
  width: 100%;
  height: auto;
  aspect-ratio: 720/160;
  background-image: url(../images/re_newall/re_top01_1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.PC #YF026 .usersinfo .title-text {
  width: 100%;
  height: 140px;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.PC #YF026 .usersinfo .title-text p {
  text-align: center;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
  font-size: 1.5em;
  line-height: 1.4em
}

.PC #YF026 .main-titlebar {
  width: 90%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative
}

.PC #YF026 .main-titlebar .main-ph {
  width: 100%;
  height: auto;
  aspect-ratio: 855 / 225;
  background-image: url(../images/result/ph_deco01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden
}

.PC #YF026 .main-titlebar .main-ph2 {
  width: 100%;
  aspect-ratio: 855 / 225;
  background-image: url(../images/result/ph_deco02.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden
}

.PC #YF026 .main-titlebar .main-ph p,
.PC #YF026 .main-titlebar .main-ph2 p {
  width: 100%;
  font-size: 2.8em;
  font-family: "標楷體", "Microsoft JhengHei", Helvetica, Arial;
  color: #333;
  text-align: center;
  font-weight: 700;
  text-indent: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.PC #YF026 .change_frame {
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -8px;
  margin-bottom: -7px
}

.PC #YF026 .CHANGE {
  width: 100%;
  height: auto;
  aspect-ratio: 670 / 200;
  background-size: 100% auto;
  position: relative;
  background-image: url(../images/re02_change.png);
  background-position: center;
  background-repeat: no-repeat
}

.PC #YF026 .CHANGE ul {
  display: block;
  float: left;
  width: 44%;
  height: auto;
  overflow: hidden;
  margin: 3.5% 3%
}

.PC #YF026 .CHANGE ul li:first-child {
  font-size: 1.6em;
  line-height: 1.6em;
  color: #333;
  font-weight: 700;
  text-align: center
}

.PC #YF026 .CHANGE ul li:last-child {
  font-size: 3em;
  line-height: 2.3em;
  color: #804c00;
  font-weight: 700;
  text-align: center
}

.PC #YF026 .wordssign {
  width: 480px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 15px
}

.PC #YF026 .wordssign .sign_ph {
  width: 100%;
  height: auto;
  aspect-ratio: 750 / 480;
  background-image: url(../images/ph_sam2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center
}

.PC #YF026 .wordssign .sign_ph ul {
  width: 100%;
  height: auto
}

.PC #YF026 .wordssign .sign_ph li {
  width: 52%;
  height: auto;
  margin: 0 auto;
  text-align: right
}

.PC #YF026 .wordssign .sign_ph li:nth-child(2) {
  font-size: 102px;
  font-family: "標楷體", "Microsoft JhengHei", Helvetica, Arial;
  line-height: 1.6em;
  color: #9f0000;
  margin-left: 130px;
  padding-top: 102px
}

.PC #YF026 .txtbar01 {
  width: 100%;
  height: 30px;
  border-left: 5px solid #b45900;
  line-height: 25px;
  text-indent: 8px;
  margin-bottom: 0;
  box-sizing: border-box
}

.PC #YF026 .txtbar01 p {
  font-size: 1.2em;
  line-height: 1.7em;
  color: #000;
  font-weight: 700
}

.PC #YF026 .txtbar02 {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  background-color: #ffe6ec;
  text-align: left;
  padding: 10px;
}

.PC #YF026 .txtbar02 p {
  font-size: 1.2em;
  line-height: 2rem;
  font-weight: 700
}

.PC #YF026 .recommend_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px
}

.PC #YF026 .recommend_area a {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #333;
  background-color: #fffae3;
  border: 1px solid #eee2ae;
  font-size: 1em;
  line-height: 1.6em;
  box-sizing: border-box;
  padding: 8px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px
}

.PC #YF026 .recommend_area a:hover {
  background-color: #fef4c6
}

.PC #YF026 .recommend_area a ul {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.PC #YF026 .recommend_area a li {
  display: block
}

.PC #YF026 .recommend_area span.mark01 {
  color: #b55a01
}

.PC #YF026 .recommend_area a li:nth-child(2) {
  color: #b55a01
}

.PC #YF026 .recommend_area a li:nth-child(2)::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  margin-left: 4px;
  margin-bottom: 1px;
  border-color: transparent transparent transparent #b55a01
}

.PC #YF026 .recommend_area li.tips {
  color: #666;
  padding-left: 5px
}

.PC #YF026 .VIDEO {
  width: 100%;
  height: auto;
  aspect-ratio: 560 / 315;
  position: relative;
  margin-bottom: 5px
}

.PC #YF026 .VIDEO iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.PC #YF026 .DOU_BOX {
  width: 100%;
  height: auto;
  overflow: hidden
}

#YF026 .SIG {
  float: right;
  width: 120px;
  height: 57px;
  margin-top: 10px
}

#YF026 .SIG img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .DOU_BOX li.L_BOX03 {
  float: left;
  width: 200px;
  height: auto;
  overflow: hidden
}

.PC #YF026 .DOU_BOX li.R_BOX04 {
  float: right;
  max-width: 360px;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PEACH_BG02 {
  width: 100%;
  max-width: 670px;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PEACH_BG02 ul {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PEACH_BG02 li.A {
  float: left;
  width: 50%;
  margin-bottom: 20px
}

.PC #YF026 .PEACH_BG02 li.B {
  clear: both;
  width: 100%
}

.PC #YF026 .PEACH_BG02 .PEACH_BOX02_BG {
  width: 98%;
  height: auto;
  overflow: hidden;
  background: linear-gradient(-45deg, transparent 16px, #f26792 0);
  box-sizing: border-box;
  padding: 1px;
  margin: 0 auto
}

.PC #YF026 .PEACH_BG02 .PEACH_BOX02_BG_B {
  width: 99%
}

.PC #YF026 .PEACH_BG02 .PEACH_BOX02 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  background-image: url(../images/dot02.jpg);
  background-position: right -2px bottom -2px;
  background-repeat: no-repeat
}

.PC #YF026 .PEACH_BG02 .TEXT_BOX {
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 10px auto
}

.PC #YF026 .FORTUNE_PH {
  width: 640px;
  height: 300px;
  margin: 0 auto;
  margin-top: 10px
}

.PC #YF026 .FORTUNE_PH img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto
}

.PC #YF026 .CALENDAR {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px
}

.PC #YF026 .CALENDAR .C_MENU {
  width: 100%;
  height: 45px
}

.PC #YF026 .CALENDAR .C_MENU ul {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0 0;
  background-color: #e0e0e0;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #fff 0, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0))
}

.PC #YF026 .CALENDAR .C_MENU li {
  float: left;
  width: 8.33333333333%;
  height: 45px
}

.PC #YF026 .CALENDAR .C_MENU li a {
  display: block;
  width: 100%;
  height: 45px;
  text-align: center;
  font-size: 1em;
  line-height: 45px;
  color: #333
}

.PC #YF026 .CALENDAR .C_MENU li a.LINK {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0 0;
  background-color: #ffe6c8;
  color: #dc2e2e;
  font-weight: 700
}

.PC #YF026 .CALENDAR .C_MENU li a:hover {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0 0;
  background-color: #ffe6c8;
  color: #dc2e2e;
  font-weight: 700
}

.PC #YF026 .CALENDAR .C_BAR {
  width: 100%;
  height: 70px;
  background-color: #ffe6c8;
  background-image: url(../images/re_ph05_bg01.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  line-height: 55px;
  text-align: center;
  color: #333;
  font-size: 1.3em;
  font-weight: 700
}

.PC #YF026 .CALENDAR .TABLE {
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR {
  height: auto;
  overflow: hidden;
  padding-left: 2%;
  padding-top: 2%;
  border-top: 2px solid #fff;
  box-sizing: border-box
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:first-child {
  width: 20%;
  background-color: #ffadc4;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(2) {
  width: 80%;
  background-color: #ffe6ec;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(3) {
  width: 20%;
  background-color: #a9c1fd;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(4) {
  width: 80%;
  background-color: #dae4ff;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(5) {
  width: 20%;
  background-color: #ffd28e;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(6) {
  width: 80%;
  background-color: #ffefd6;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(7) {
  width: 20%;
  background-color: #bae2a6;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

.PC #YF026 .CALENDAR .TABLE .COLOUR:nth-child(8) {
  width: 80%;
  background-color: #ddf5d5;
}

.PC #YF026 .pretitleph {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .pretitleph .title-info {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header01.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info2 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header02.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info3 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header03.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info4 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header04.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info5 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header05.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info6 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header06.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph .title-info7 {
  width: 100%;
  height: auto;
  aspect-ratio: 730 / 250;
  background-image: url(../images/re_newall/ph_header07.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.PC #YF026 .pretitleph ul {
  width: 100%;
  aspect-ratio: 730 / 250;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-right: 3%;
}

.PC #YF026 .pretitleph li {
  width: 60%
}

.PC #YF026 .pretitleph li p {
  font-size: 1.8em;
  line-height: 1.4em;
  color: #333
}

.PC #YF026 .love_itemframe {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 15px
}

.PC #YF026 .love_itemframe .itembox {
  width: 100%;
  height: auto;
  aspect-ratio: 670 / 200;
  background-image: url(../images/ph_lovebg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}

.PC #YF026 .love_itemframe .itembox p {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 4em;
  text-align: center;
  color: #e80065;
  text-shadow: 1px 0 10px #fff, 1px 0 10px #fff, 1px 0 10px #fff, 1px 0 10px #fff
}

.PC #YF026 .two_block {
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .two_block ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.PC #YF026 .two_block .item_ph {
  width: 100px;
  height: auto
}

.PC #YF026 .two_block .item_ph img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .two_block .item_text {
  width: 83%;
  height: auto
}



.PC #YF026 .MAP {
  width: 640px;
  height: 452px;
  background-repeat: no-repeat;
  background-image: url(../images/re_ph_bg03.png);
  position: relative;
  margin: 0 auto
}

.PC #YF026 .MAP .COLOR_BG {
  width: 27.5%;
  position: absolute
}

.PC #YF026 .MAP .COLOR {
  width: 100%;
  aspect-ratio: 176 / 109;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat
}

.PC #YF026 .MAP .LUCK_ICON {
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 5px;
  left: 40%
}

.PC #YF026 .radar_chart {
  width: 500px;
  height: 435px;
  margin: 0 auto
}

.PC #YF026 .radar_chart img {
  width: 100%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .mark {
  display: inline-block;
  width: 140px;
  text-align: center;
  color: #fff;
  padding: 2px;
  border-radius: 20px
}

.PC #YF026 .PRINT_TOP {
  width: 680px;
  height: 200px;
  background-image: url(../images/print_top.jpg);
  margin: 0 auto
}

.PC #YF026 .PRINT_BG {
  width: 680px;
  margin: 0 auto;
  border: 1px solid #b45900;
  box-sizing: border-box
}

.PC #YF026 .PRINT_BG .T_INFO {
  width: 678px;
  margin: 0 auto
}

.PC #YF026 .PRINT_BG .T_TEXT {
  width: 100%
}

.PC #YF026 .PRINT_BG .T_INFOAREA {
  width: 100%
}

.PC #YF026 .PRINT_BG .T_CON {
  width: 100%
}

.PC #YF026 .PRINT_BG img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PRINT_BG .container_frame {
  width: 678px;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PRINT_BG .content_box {
  width: 650px;
  height: auto;
  margin: 0 auto;
  padding: 10px 0 30px 0
}

.PC #YF026 .PRINT_BG .section_fourwords {
  width: 100%
}

.PC #YF026 .PRINT_BG .section_fourwords .content-info {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px
}

.PC #YF026 .PRINT_BG .section_fourwords .keywords {
  width: 35%
}

.PC #YF026 .PRINT_BG .section_fourwords .instructions {
  width: 63%
}

.PC #YF026 .PRINT_BG .usersinfo {
  width: 100%
}

.PC #YF026 .PRINT_BG .PEACH_BG02 {
  width: 650px;
  height: auto;
  overflow: hidden
}

.PC #YF026 .PRINT_BG .item_ph2 img {
  display: block;
  width: 88%;
  height: auto;
  margin: 0 auto
}

.PC #YF026 .mg_0 {
  margin-bottom: 0
}

.PC #YF026 .mg_02 {
  margin-top: 0
}

.PC #YF026 .mg_03 {
  margin-top: 0;
  padding-top: 0
}

#YF026 .QALINK {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: 1rem;
  color: #00809d
}

#YF026 .QALINK span {
  display: inline-block;
  margin-left: 2px;
  font-size: .8rem;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border: 1px solid #00809d;
  border-radius: 50px
}

.MOBILE #float_icon,
.MOBILE #header,
.MOBILE .FOOT_MOBILE {
  display: block
}

.MOBILE .FOOT_PC,
.MOBILE .PC_LOGIN {
  display: none
}

.MOBILE .blank_br {
  height: 20px
}

.MOBILE .blank_br2 {
  height: 40px
}

.MOBILE .blank_1 {
  height: 10px
}

.MOBILE #float_icon .BACK_top {
  bottom: 80px
}

.MOBILE #YF026 .T_INFO {
  width: 98%;
  height: 40px;
  margin: 0 auto;
  background-color: #fff;
  background: -moz-linear-gradient(top, #fff 0, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0))
}

.MOBILE #YF026 .T_ALL {
  width: 100%;
  overflow: hidden
}

.MOBILE #YF026 .T_TEXT {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative
}

.MOBILE #YF026 .T_TEXT p {
  padding-top: 5px;
  text-align: center
}

.MOBILE #YF026 .T_OPEN {
  width: 40px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0
}

.MOBILE #YF026 .T_CLOSE {
  width: 40px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0
}

.MOBILE #YF026 .T_INFOAREA {
  width: 98%;
  margin: 0 auto;
  overflow: hidden
}

.MOBILE #YF026 .T_INFOAREA .T_CON {
  width: 100%;
  height: auto;
  padding: 10px 0 10px 0;
  margin: 0 auto;
  margin-bottom: 10px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px 0 #666;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center
}

.MOBILE #YF026 .T_INFOAREA .T_PBT {
  display: none
}

.MOBILE #YF026 .MENU {
  width: 98%;
  margin: 0 auto;
  padding: 2%;
  background: #ffc979;
  background: -moz-linear-gradient(top, #ffc979 0, #804c00 100%);
  background: -webkit-linear-gradient(top, #ffc979 0, #804c00 100%);
  background: linear-gradient(to bottom, #ffc979 0, #804c00 100%)
}

.MOBILE #YF026 .MENU ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  gap: 4px;
  justify-items: center;
  align-items: center;
}

.MOBILE #YF026 .MENU ul li {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.MOBILE #YF026 .MENU ul li:nth-child(n+4) {}

.MOBILE #YF026 .MENU ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 45px;
  color: #ffe0b3;
  line-height: 45px;
  text-align: center;
  font-size: 1.1em;
  border: 1px solid #ffe0b3;
  border-radius: 5px;
  background: #479d41;
  background: -moz-linear-gradient(top, #479d41 0, #115c0c 100%);
  background: -webkit-linear-gradient(top, #479d41 0, #115c0c 100%);
  background: linear-gradient(to bottom, #479d41 0, #115c0c 100%);
  background-color: rgba(71, 157, 65, .5)
}

.MOBILE #YF026 .MENU ul li a.NOW {
  color: #824e02;
  background: #ffd600
}

.MOBILE #YF026 {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  box-sizing: border-box;
  margin: 0 auto;
  background-color: #bf1011;
  padding-bottom: 0.5rem;
}

.MOBILE #YF026 .mainstage {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  margin: 0 auto
}

.MOBILE #YF026 .hero {
  width: 100%;
  aspect-ratio: 750/430;
  background-image: url(../images/under_ph_mb.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-indent: -9999px;
  margin-bottom: -30px
}

.MOBILE #YF026 .hero h1 {
  width: 100%;
  aspect-ratio: 730/340;
  background-image: url(../images/hero_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-indent: -9999px
}

.MOBILE #YF026 .container_frame {
  width: 98%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  border: 3px solid #804c00;
  background-color: #fff;
  padding: 15px 0 15px 0;
  margin-bottom: 10px;
  box-sizing: border-box
}

.MOBILE #YF026 .container_frame img {
  clear: both;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.MOBILE #YF026 .section_survey {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box
}

.MOBILE #YF026 .radio-select {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between
}

.MOBILE #YF026 .radio-select .option {
  width: 100%;
  height: auto;
  background-color: #fff;
  margin: 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative
}

.MOBILE #YF026 .radio-select .option label {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1em;
  padding-left: 38px;
  cursor: pointer;
  border: 1px solid #d4d4d4;
  border-radius: 5px
}

.MOBILE #YF026 .radio-select .option input:checked~label {
  background-color: #fff9d0;
  border-color: #a46200;
  transition: all .3s ease-in-out
}

.MOBILE #YF026 .radio-select .option label::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #d4d4d4;
  border-radius: 50%;
  background: 0 0
}

.MOBILE #YF026 .radio-select .option label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #a46200;
  opacity: 0;
  transition: all .3s ease-in-out
}

.MOBILE #YF026 .radio-select .option input:checked~label::before {
  opacity: 1
}

.MOBILE #YF026 .radio-select input[type=radio] {
  display: none
}

.MOBILE #YF026 .e_BT {
  clear: both;
  width: 100%;
  height: 45px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px
}

.MOBILE #YF026 .e_BT ul.ONE {
  width: 100%;
  height: 45px
}

.MOBILE #YF026 .e_BT ul.ONE li {
  width: 100%;
  height: 48px;
  margin: 0 auto
}

.MOBILE #YF026 .e_BT ul.TOW {
  width: 100%;
  height: 45px
}

.MOBILE #YF026 .e_BT ul.TOW li {
  float: left;
  width: 50%
}

.MOBILE #YF026 .e_BT li a {
  display: block;
  width: 96%;
  margin: 0 auto;
  height: 45px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box
}

.MOBILE #YF026 .e_BT ul.ONE a {
  width: 100%
}

.MOBILE a.BT_COLOUR {
  background-color: #ed1f23;
  background: -moz-linear-gradient(top, #f2595c 0, #ed1f23);
  background: -webkit-gradient(linear, left top, left bottom, from(#f2595c), to(#ed1f23));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ed1f23;
  -moz-box-shadow: inset 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 2px #fff;
  box-shadow: inset 0 0 2px #fff
}

.MOBILE a.BT_COLOUR2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dbaa00;
  background: -moz-linear-gradient(top, #ffe400 0, #ffc600);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#ffc600));
  -moz-box-shadow: inset 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 2px #fff;
  box-shadow: inset 0 0 2px #fff
}

.MOBILE #YF026 .BT_T01 {
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  color: #fff
}

.MOBILE #YF026 .BT_T02 {
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  color: #000
}

.MOBILE #YF026 .BT_T01_S {
  color: #000;
  font-size: .9em;
  line-height: 45px;
  text-align: center
}

.MOBILE #YF026 .section_notice {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 auto
}

.MOBILE #YF026 .section_notice span {
  font-size: 0.em;
  color: #e42f2f
}

.MOBILE #YF026 .section_notice ul {
  width: 100%;
  list-style: decimal;
  list-style-position: inside
}

.MOBILE #YF026 .section_notice li {
  box-sizing: border-box;
  font-size: .9em;
  line-height: 1.7em;
  color: #e42f2f
}

.MOBILE #YF026 .content_box {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 15px
}

.MOBILE #YF026 .mg_0 {
  margin-bottom: 0
}

.MOBILE #YF026 .mg_02 {
  margin-top: 0
}

.MOBILE #YF026 .mg_03 {
  margin-top: 0;
  padding-top: 0
}

.MOBILE #YF026 .two_block_main {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .two_block_main ul {
  display: flex;
  flex-direction: column;
  align-items: center
}

.MOBILE #YF026 .two_block_main .item_ph {
  width: 60%;
  height: auto
}

.MOBILE #YF026 .two_block_main .item_ph img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.MOBILE #YF026 .two_block_main .item_text {
  width: 100%
}

.MOBILE #YF026 .notice_box {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .notice-title {
  height: auto;
  overflow: hidden;
  padding: 8px;
  background-color: #fff;
  color: #333;
  text-align: center;
  font-weight: 700
}

.MOBILE #YF026 .notice-info {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 12px 16px
}

.MOBILE #YF026 .notice_box .notice-info ul {
  width: 100%;
  list-style: none;
  list-style-position: outside;
  padding: 0 0 0 30px;
  box-sizing: border-box;
  text-indent: -1em
}

.MOBILE #YF026 .notice_box .notice-info li {
  margin-bottom: 20px
}

.MOBILE #YF026 .notice_box .notice-info li:last-child {
  margin-bottom: 8px
}

.MOBILE #YF026 .notice_box .notice-info li::before {
  content: '✓';
  margin-right: 5px
}

.MOBILE #YF026 .section_fourwords {
  width: 100%;
  height: auto;
  box-shadow: inset 0 0 20px 0 #e5e5e5;
  -webkit-box-shadow: inset 0 0 20px 0 #e5e5e5;
  -moz-box-shadow: inset 0 0 20px 0 #e5e5e5;
  overflow: hidden
}

.MOBILE #YF026 .content-info {
  width: 95%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0
}

.MOBILE #YF026 .content-info .keywords {
  width: 100%
}

.MOBILE #YF026 .line-1 {
  width: 95%;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #efefef;
  margin-top: -5px;
  margin-bottom: 10px
}

.MOBILE #YF026 .content-info .keywords ul {
  width: 100%;
  height: auto;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto
}

.MOBILE #YF026 .content-info .keywords li {
  width: 100%;
  line-height: 1.6em;
  text-align: center;
  font-size: 1.1em
}

.MOBILE #YF026 .content-info .keywords li:nth-child(2) {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2em
}

.MOBILE #YF026 .content-info .instructions {
  width: 100%;
  height: auto;
  padding: 10px 0
}

.MOBILE #YF026 .section_items {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .section_items ul {
  list-style: disc;
  color: #b45900;
  box-sizing: border-box;
  padding: 0 0 0 20px
}

.MOBILE #YF026 .section_items li {
  margin-bottom: 20px
}

.MOBILE #YF026 .section_items li:last-child {
  margin-bottom: 0
}

.MOBILE #YF026 .section_items li p {
  color: #333
}

.MOBILE #YF026 .usersinfo {
  width: 102%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  transform: translateX(-1%)
}

.MOBILE #YF026 .usersinfo .title_ph {
  width: 100%;
  aspect-ratio: 720 / 160;
  background-image: url(../images/re_newall/re_top01_1.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  display: flex;
  align-items: flex-end;
}

.MOBILE #YF026 .usersinfo .title-text {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.MOBILE #YF026 .usersinfo .title-text p {
  text-align: center;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
  font-size: 1em;
  line-height: 1.7em
}

.MOBILE #YF026 .main-titlebar {
  width: 90%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: -5px
}

.MOBILE #YF026 .main-titlebar .main-ph,
.MOBILE #YF026 .main-titlebar .main-ph2 {
  width: 100%;
  aspect-ratio: 855 / 225;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden
}

.MOBILE #YF026 .main-titlebar .main-ph {
  background-image: url(../images/result/ph_deco01.png);
}

.MOBILE #YF026 .main-titlebar .main-ph2 {
  background-image: url(../images/result/ph_deco02.png);
}

.MOBILE #YF026 .main-titlebar .main-ph p,
.MOBILE #YF026 .main-titlebar .main-ph2 p {
  width: 100%;
  font-size: 6.2vw;
  font-family: "標楷體", "Microsoft JhengHei", Helvetica, Arial;
  color: #333;
  font-weight: 700;
  text-align: center;
  text-indent: 18vw;
  line-height: 22vw
}

.MOBILE #YF026 .change_frame {
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 0 auto
}

.MOBILE #YF026 .CHANGE {
  width: 100%;
  aspect-ratio: 670 / 200;
  background-size: 100% auto;
  position: relative;
  background-image: url(../images/re02_change.png);
  background-position: center;
  background-repeat: no-repeat
}

.MOBILE #YF026 .CHANGE ul {
  display: block;
  float: left;
  width: 38%;
  height: auto;
  overflow: hidden;
  margin: 3.4% 6%
}

.MOBILE #YF026 .CHANGE ul li:first-child {
  font-size: 4vw;
  line-height: 1.4em;
  color: #333;
  font-weight: 700
}

.MOBILE #YF026 .CHANGE ul li:last-child {
  font-size: 6.5vw;
  font-weight: 700;
  line-height: 2.3em;
  color: #804c00;
  text-align: center
}

.MOBILE #YF026 .wordssign {
  width: 90%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 10px
}

.MOBILE #YF026 .wordssign .sign_ph {
  width: 100%;
  aspect-ratio: 750 / 480;
  background-image: url(../images/ph_sam2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center
}

.MOBILE #YF026 .wordssign .sign_ph ul {
  width: 100%;
  height: auto
}

.MOBILE #YF026 .wordssign .sign_ph li {
  width: 54%;
  height: auto;
  margin: 0 auto;
  text-align: right
}

.MOBILE #YF026 .wordssign .sign_ph li:nth-child(2) {
  font-size: 17.5vw;
  line-height: 1.6em;
  color: #9f0000;
  margin-left: 25.2%;
  padding-top: 22.4%
}

.MOBILE #YF026 .txtbar01 {
  width: 100%;
  height: 30px;
  border-left: 5px solid #b45900;
  line-height: 25px;
  text-indent: 8px;
  margin-bottom: 0;
  box-sizing: border-box
}

.MOBILE #YF026 .txtbar01 p {
  font-size: 1.1em;
  line-height: 1.95em;
  color: #000;
  font-weight: 700
}

.MOBILE #YF026 .txtbar02 {
  width: 100%;
  margin-bottom: 0;
  background-color: #ffe6ec;
  text-align: left;
  padding: 2% 3%
}

.MOBILE #YF026 .txtbar02 p {
  font-size: 1.2rem;
  font-weight: 700
}

.MOBILE #YF026 .recommend_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 10px
}

.MOBILE #YF026 .recommend_area a {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #333;
  background-color: #fffae3;
  border: 1px solid #eee2ae;
  font-size: 1em;
  line-height: 1.6em;
  box-sizing: border-box;
  padding: 8px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px
}

.MOBILE #YF026 .recommend_area a ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.MOBILE #YF026 .recommend_area a li {
  display: block
}

.MOBILE #YF026 .recommend_area span.mark01 {
  color: #b55a01
}

.MOBILE #YF026 .recommend_area a li:nth-child(2) {
  color: #b55a01
}

.MOBILE #YF026 .recommend_area a li:nth-child(2)::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  margin-left: 4px;
  margin-bottom: 1px;
  border-color: transparent transparent transparent #b55a01
}

.MOBILE #YF026 .recommend_area li.tips {
  display: none
}

.MOBILE #YF026 .VIDEO {
  width: 100%;
  aspect-ratio: 560 / 315;
  position: relative;
  margin-bottom: 5px
}

.MOBILE #YF026 .VIDEO iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.MOBILE #YF026 .pretitleph {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative
}

.MOBILE #YF026 .pretitleph .title-info,
.MOBILE #YF026 .pretitleph .title-info2,
.MOBILE #YF026 .pretitleph .title-info3,
.MOBILE #YF026 .pretitleph .title-info4,
.MOBILE #YF026 .pretitleph .title-info5,
.MOBILE #YF026 .pretitleph .title-info6,
.MOBILE #YF026 .pretitleph .title-info7 {
  width: 100%;
  aspect-ratio: 730 / 250;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat
}

.MOBILE #YF026 .pretitleph .title-info {
  background-image: url(../images/re_newall/ph_header01.png);
}

.MOBILE #YF026 .pretitleph .title-info2 {
  background-image: url(../images/re_newall/ph_header02.png);
}

.MOBILE #YF026 .pretitleph .title-info3 {
  background-image: url(../images/re_newall/ph_header03.png);
}

.MOBILE #YF026 .pretitleph .title-info4 {
  background-image: url(../images/re_newall/ph_header04.png);
}

.MOBILE #YF026 .pretitleph .title-info5 {
  background-image: url(../images/re_newall/ph_header05.png);
}

.MOBILE #YF026 .pretitleph .title-info6 {
  background-image: url(../images/re_newall/ph_header06.png);
}

.MOBILE #YF026 .pretitleph .title-info7 {
  background-image: url(../images/re_newall/ph_header07.png);
}

.MOBILE #YF026 .pretitleph ul {
  width: 100%;
  aspect-ratio: 730 / 250;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-right: 3%;
}

.MOBILE #YF026 .pretitleph li {
  width: 60%
}

.MOBILE #YF026 .pretitleph li p {
  font-size: 5vw;
  line-height: 1.55em;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff
}

.MOBILE #YF026 .love_itemframe {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 15px
}

.MOBILE #YF026 .love_itemframe .itembox {
  position: relative;
  width: 100%;
  aspect-ratio: 670 / 200;
  background-image: url(../images/ph_lovebg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}

.MOBILE #YF026 .love_itemframe .itembox p {
  position: absolute;
  width: 100%;
  font-size: 7.2vw;
  font-weight: 700;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #e80065;
  text-shadow: 1px 0 10px #fff, 1px 0 10px #fff, 1px 0 10px #fff, 1px 0 10px #fff
}

.MOBILE #YF026 .two_block {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .two_block ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.MOBILE #YF026 .two_block .item_ph {
  width: 28%;
  height: auto;
  margin-bottom: 8px
}

.MOBILE #YF026 .two_block .item_ph img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto
}

.MOBILE #YF026 .two_block .item_text {
  width: 72%
}

.MOBILE #YF026 .DOU_BOX {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .DOU_BOX ul {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .SIG {
  margin-top: 0
}

.MOBILE #YF026 .DOU_BOX li.L_BOX03 {
  display: none
}

.MOBILE #YF026 .DOU_BOX li.R_BOX04 {
  width: 100%
}

.MOBILE #YF026 .PEACH_BG02 {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .PEACH_BG02 ul {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .PEACH_BG02 li.A {
  width: 100%;
  margin-bottom: 20px
}

.MOBILE #YF026 .PEACH_BG02 li.B {
  clear: both;
  width: 100%
}

.MOBILE #YF026 .PEACH_BG02 .PEACH_BOX02_BG {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: linear-gradient(-45deg, transparent 10px, #f26792 0);
  box-sizing: border-box;
  padding: 1px
}

.MOBILE #YF026 .PEACH_BG02 .PEACH_BOX02_BG_B {
  width: 100%
}

.MOBILE #YF026 .PEACH_BG02 .PEACH_BOX02_BG .PEACH_BOX02 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  background-image: url(../images/dot02.jpg);
  background-size: 15px 15px;
  background-position: right -1px bottom -1px;
  background-repeat: no-repeat
}

.MOBILE #YF026 .PEACH_BG02 .PEACH_BOX02_BG .TEXT_BOX {
  width: 90%;
  height: auto;
  overflow: hidden;
  margin: 10px auto
}

.MOBILE #YF026 .CALENDAR {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px
}

.MOBILE #YF026 .CALENDAR .C_MENU {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .CALENDAR .C_MENU ul {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .CALENDAR .C_MENU li {
  float: left;
  width: 25%;
  height: 40px;
  margin-bottom: 5px
}

.MOBILE #YF026 .CALENDAR .C_MENU li a {
  display: block;
  width: 90%;
  height: 40px;
  box-sizing: border-box;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #fff 0, #e0e0e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  text-align: center;
  font-size: 1.1em;
  line-height: 40px;
  color: #333;
  margin: 0 auto
}

.MOBILE #YF026 .CALENDAR .C_MENU li a.LINK {
  border: 1px solid #ffd7a8;
  background: -moz-linear-gradient(top, #ffe6c8 0, #ffe6c8);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe6c8), to(#ffe6c8));
  color: #dc2e2e;
  font-weight: 700
}

.MOBILE #YF026 .CALENDAR .C_BAR {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ffd7a8;
  background-color: #ffe6c8;
  line-height: 45px;
  text-align: center;
  color: #333;
  font-size: 1.1em;
  font-weight: 700;
  margin: 5px auto
}

.MOBILE #YF026 .TABLE {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box
}

.MOBILE #YF026 .TABLE .COLOUR {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box
}

.MOBILE #YF026 .TABLE .COLOUR:first-child {
  display: none
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(2) {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(3) {
  display: none
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(4) {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(5) {
  display: none
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(6) {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(7) {
  display: none
}

.MOBILE #YF026 .TABLE .COLOUR:nth-child(8) {
  width: 100%;
  height: auto;
  overflow: hidden
}

.MOBILE #YF026 .MAP {
  width: 100%;
  aspect-ratio: 640 / 452;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/re_ph_bg03.png);
  position: relative;
  margin: 0 auto
}

.MOBILE #YF026 .MAP .COLOR_BG {
  width: 27.5%;
  position: absolute
}

.MOBILE #YF026 .MAP .COLOR {
  width: 100%;
  height: auto;
  aspect-ratio: 176 / 109;
  background-repeat: no-repeat;
  background-size: cover
}

.MOBILE #YF026 .MAP .LUCK_ICON {
  width: 31%;
  height: auto;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 2px;
  left: 35%
}

.MOBILE #YF026 .radar_chart {
  width: 100%;
  overflow: hidden;
  margin: 0 auto
}

.MOBILE #YF026 .radar_chart img {
  width: 95%;
  height: auto;
  margin: 0 auto
}

.MOBILE #YF026 .mark {
  display: inline-block;
  width: 140px;
  text-align: center;
  color: #fff;
  padding: 2px;
  border-radius: 20px
}

@media (orientation:landscape)and (max-width:813px) {
  .MOBILE #YF026 .usersinfo {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
  }

  .MOBILE #YF026 .usersinfo .title-text {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    bottom: 1.5vw;
    left: 0
  }

  .MOBILE #YF026 .usersinfo .title-text p {
    font-size: 3.4vw
  }
}

.PC #YF026 .intro_box {
  width: 90%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  margin: 20px auto
}

.PC #YF026 .intro_box .intro {
  width: 49%;
  height: auto;
  overflow: hidden;
  background-color: #fff
}

.PC #YF026 .intro_box .intro_title {
  height: auto;
  overflow: hidden;
  padding: 15px;
  background-color: #fff;
  color: #333;
  text-align: center;
  font-weight: 700
}

.PC #YF026 .intro_box .intro_con {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 16px auto;
  display: flex;
  align-items: center;
  justify-content: center
}

.PC #YF026 .intro_con .section_items {
  width: auto
}

.PC #YF026 .intro_con .img_box {
  float: left;
  width: 98px;
  height: 98px;
  border-radius: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center
}

.PC #YF026 .intro_con .intro_text {
  margin-left: 4%
}

.PC #YF026 .intro_con .intro_text li {
  margin-bottom: 8px
}

.MOBILE #YF026 .intro_box {
  width: 95%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-content: center;
  margin: 0 auto
}

.MOBILE #YF026 .intro_box .intro {
  width: 95%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  margin-top: 10px;
  margin-right: 10px
}

.MOBILE #YF026 .intro_box .intro:last-child {
  margin-right: 0
}

.MOBILE #YF026 .intro_box .intro_title {
  background-color: #fff;
  color: #333;
  font-weight: 700;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 1.3em;
  line-height: 50px
}

.MOBILE #YF026 .intro_box .intro_con {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.MOBILE #YF026 .intro_con .section_items {
  width: auto
}

.MOBILE #YF026 .intro_con .img_box {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 4px;
  margin-left: 4px
}

.MOBILE #YF026 .intro_con .intro_text {
  margin-left: 0
}

.MOBILE #YF026 .intro_con .section_items li {
  margin-bottom: 0
}

#YF026 .intro_con .ph_month {
  background-image: url(../images/ph_month.jpg)
}

#YF026 .intro_con .ph_day {
  background-image: url(../images/ph_day.jpg)
}

#YF026 .intro_con .ph_time {
  background-image: url(../images/ph_time.jpg)
}

#YF026 .intro_con .ph_solarterms {
  background-image: url(../images/ph_solarterms.jpg)
}

.PC #YF026 .line_title {
  width: 90%;
  margin: 0 auto;
  padding: 12px 0;
  background-color: #02b700
}

.PC #YF026 .line_message {
  width: 90%;
  margin: 0 auto;
  background-color: #cde9cd
}

.PC #YF026 .line_title p {
  color: #fff;
  margin: 0 20px
}

.PC #YF026 .line_title .txt-primary {
  text-align: center;
  border-top: 1px solid #cde9cd;
  padding-top: 4px
}

.PC #YF026 .line_message img {
  display: block;
  width: 80%;
  padding: 4% 0;
  margin: 0 auto
}

.MOBILE #YF026 .line_title {
  width: 95%;
  margin: 0 auto;
  padding: 12px 0;
  background-color: #02b700
}

.MOBILE #YF026 .line_message {
  width: 95%;
  margin: 0 auto;
  background-color: #cde9cd
}

.MOBILE #YF026 .line_title p {
  color: #fff;
  margin: 0 20px
}

.MOBILE #YF026 .line_title .txt-primary {
  text-align: left;
  border-top: 1px solid #cde9cd;
  padding-top: 4px
}

.MOBILE #YF026 .line_message img {
  display: block;
  width: 100%;
  padding: 8% 0;
  margin: 0 auto
}

.PC #YF026 .e_BT ul.ONE li.line_bt {
  width: 50%
}

#YF026 .e_BT ul.ONE li.line_bt a {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #dbaa00;
  background: -moz-linear-gradient(top, #ffe400 0, #ffc600);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#ffc600));
  -moz-box-shadow: inset 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 2px #fff;
  box-shadow: inset 0 0 2px #fff
}

#YF026 .e_BT ul.ONE li.line_bt a:hover {
  background-color: #eb6d54;
  background: -moz-linear-gradient(top, #ffc600 0, #ffe400);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc600), to(#ffe400))
}

.feng-shui-container {
  display: grid;
  aspect-ratio: 640 / 452;
  grid-template-columns: 7.5% 1fr 8%;
  grid-template-rows: 12% 1fr 13%;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  height: auto;
  gap: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../images/re_ph_bg03.png);
  position: relative;
}

#YF026 .MAP {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 640 / 400 !important;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-area: 2 / 2 / 3 / 3;
  gap: 2px;
  background-image: none !important;
}

#YF026 .MAP .LUCK_ICON {
  width: 30px;
  height: auto;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 2px;
  left: 35%;
}

#YF026 .MAP .COLOR_BG {
  width: 100% !important;
  position: relative !important;
}

.changepage {
  page-break-after: always;
}