body {
  margin: 0;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  body {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #aaa;
}

body::-webkit-scrollbar-track {
  background: #d2d2d2;
}

.start1 {
  /* display: none; */
  background: url(../images/catch1_background.jpg) center top no-repeat;
  background-size: cover;
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .start1 {
    background: url(../images/catch1_background_mo.jpg) center center no-repeat;
    background-size: cover;
  }
}

@media (max-width: 768px) {
  .start1 .philips_pc {
    display: none;
  }
}

.start1 .philips_pc .catch1_logo {
  position: absolute;
  top: 0;
  left: 19%;
  width: 11%;
}

@media (max-width: 768px) {
  .start1 .philips_pc .catch1_logo {
    width: 21%;
    left: 7%;
  }
}

.start1 .philips_pc .title {
  position: absolute;
  top: 32%;
  left: 20%;
}

@media (max-width: 768px) {
  .start1 .philips_pc .title {
    width: 90%;
    text-align: center;
    left: 50%;
    top: unset;
    bottom: 15%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.start1 .philips_pc .title h1, .start1 .philips_pc .title p {
  color: #ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}

.start1 .philips_pc .title h1 {
  font-size: 3.7vw;
  font-weight: 500;
  margin: 0 0 1% 0;
}

@media (max-width: 768px) {
  .start1 .philips_pc .title h1 {
    font-size: 9.5vw;
  }
}

.start1 .philips_pc .title p {
  font-size: 1.72vw;
  margin: 0;
}

@media (max-width: 768px) {
  .start1 .philips_pc .title p {
    font-size: 4vw;
  }
}

.start1 .philips_pc .title p img {
  width: 21%;
  margin: 0 3%;
}

.start1 .philips_pc .free_btn {
  position: absolute;
  bottom: 1%;
  left: 19%;
  width: 20%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

@media (max-width: 768px) {
  .start1 .philips_pc .free_btn {
    bottom: 5%;
    left: 5%;
    width: 45%;
  }
}

.start1 .philips_pc .free_btn:hover {
  -webkit-filter: drop-shadow(-2px 0 25px #fff);
          filter: drop-shadow(-2px 0 25px #fff);
}

.start1 .philips_pc .free_btn:active {
  width: 19%;
}

@media (max-width: 768px) {
  .start1 .philips_pc .free_btn:active {
    width: 43%;
  }
}

.start1 .philips_pc .sell_btn {
  position: absolute;
  bottom: 1%;
  left: 40%;
  width: 20%;
  -webkit-transition: all .7s;
  transition: all .7s;
}

@media (max-width: 768px) {
  .start1 .philips_pc .sell_btn {
    bottom: 5%;
    left: 51%;
    width: 45%;
  }
}

.start1 .philips_pc .sell_btn:hover {
  -webkit-filter: drop-shadow(-2px 0 20px #fff);
          filter: drop-shadow(-2px 0 20px #fff);
}

.start1 .philips_pc .sell_btn:active {
  width: 19%;
}

@media (max-width: 768px) {
  .start1 .philips_pc .sell_btn:active {
    width: 43%;
  }
}

.start1 .philips_table {
  display: none;
}

@media (max-width: 768px) {
  .start1 .philips_table {
    display: block;
  }
}

.start1 .philips_table .catch1_logo {
  position: absolute;
  top: 0;
  left: 10%;
  width: 13%;
}

@media (max-width: 768px) {
  .start1 .philips_table .catch1_logo {
    width: 21%;
    left: 7%;
  }
}

.start1 .philips_table .title {
  position: absolute;
  width: 96%;
  text-align: center;
  left: 50%;
  bottom: 3%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.start1 .philips_table .title h1, .start1 .philips_table .title p {
  color: #ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}

.start1 .philips_table .title h1 {
  font-size: 5vw;
  font-weight: 500;
  margin: 0 0 2% 0;
}

@media (max-width: 768px) {
  .start1 .philips_table .title h1 {
    font-size: 10vw;
  }
}

.start1 .philips_table .title p {
  font-size: 2.4vw;
  margin: 0;
}

@media (max-width: 768px) {
  .start1 .philips_table .title p {
    font-size: 4.3vw;
  }
}

.start1 .philips_table .title p img {
  width: 20%;
  margin: 0 3%;
}

.start1 .philips_table .title .btn_bottom {
  margin-top: 5%;
}

.start1 .philips_table .title .btn_bottom .free_btn {
  -webkit-transition: all .7s;
  transition: all .7s;
  width: 45%;
}

.start1 .philips_table .title .btn_bottom .free_btn:hover {
  -webkit-filter: drop-shadow(-2px 0 25px #fff);
          filter: drop-shadow(-2px 0 25px #fff);
}

.start1 .philips_table .title .btn_bottom .free_btn:active {
  width: 43%;
}

.start1 .philips_table .title .btn_bottom .sell_btn {
  -webkit-transition: all .7s;
  transition: all .7s;
  width: 45%;
}

.start1 .philips_table .title .btn_bottom .sell_btn:hover {
  -webkit-filter: drop-shadow(-2px 0 20px #fff);
          filter: drop-shadow(-2px 0 20px #fff);
}

.start1 .philips_table .title .btn_bottom .sell_btn:active {
  width: 43%;
}

.page1 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page1 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page1 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page1 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page1 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page1 .philips_pc .title .br {
  display: none;
}

@media (max-width: 768px) {
  .page1 .philips_pc .title .br {
    display: block;
  }
}

.page1 .philips_pc .title h1, .page1 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page1 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page1 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page1 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page1 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page1 .philips_pc .title img {
  width: 8%;
  margin: 0 1%;
}

@media (max-width: 768px) {
  .page1 .philips_pc .title img {
    width: 15%;
  }
}

.page1 .philips_pc .title .line {
  width: 80%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page1 .philips_pc .title .line {
    width: 90%;
    margin: 2% 0;
  }
}

.page1 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page1 .philips_pc .content .catch1_coffee {
  width: 37%;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .catch1_coffee {
    width: 50%;
  }
}

.page1 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page1 .philips_pc .content .choose {
  width: 63%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose {
    width: 100%;
  }
}

.page1 .philips_pc .content .choose p, .page1 .philips_pc .content .choose span {
  font-family: 'Noto Sans TC', sans-serif;
}

.page1 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 11%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 14%;
  }
}

.page1 .philips_pc .content .choose .slc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .slc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page1 .philips_pc .content .choose .slc p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .slc p {
    font-size: 3.5vw;
  }
}

.page1 .philips_pc .content .choose .slc .slc_1 {
  width: 31%;
  padding: 1%;
}

.page1 .philips_pc .content .choose .slc .slc_1 .slc_img {
  cursor: pointer;
  background-color: #000000;
  position: relative;
}

.page1 .philips_pc .content .choose .slc .slc_1 .arrow_open {
  z-index: 2;
  display: block;
  width: 15%;
  height: auto;
  opacity: 0.8;
  position: absolute;
  bottom: 3%;
  left: 4%;
}

.page1 .philips_pc .content .choose .slc .slc_1 .slc_block {
  width: 100%;
  opacity: 1;
  display: block;
  -webkit-filter: drop-shadow(-2px 0 10px #fff);
          filter: drop-shadow(-2px 0 10px #fff);
}

.page1 .philips_pc .content .choose .slc .slc_1 p {
  text-align: center;
  color: #ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}

.page1 .philips_pc .content .choose .slc .slc_2 {
  width: 31%;
  padding: 1%;
}

.page1 .philips_pc .content .choose .slc .slc_2 .slc_img {
  cursor: pointer;
  background-color: #000000;
  position: relative;
}

.page1 .philips_pc .content .choose .slc .slc_2 .arrow_open {
  z-index: 2;
  display: none;
  width: 15%;
  height: auto;
  opacity: 0.8;
  position: absolute;
  bottom: 3%;
  left: 4%;
}

.page1 .philips_pc .content .choose .slc .slc_2 img {
  width: 100%;
  opacity: 0.7;
  display: block;
}

.page1 .philips_pc .content .choose .slc .slc_2 p {
  text-align: center;
  color: #ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}

.page1 .philips_pc .content .choose .slc .slc_3 {
  width: 31%;
  padding: 1%;
}

.page1 .philips_pc .content .choose .slc .slc_3 .slc_img {
  cursor: pointer;
  background-color: #000000;
  position: relative;
}

.page1 .philips_pc .content .choose .slc .slc_3 .arrow_open {
  z-index: 2;
  display: none;
  width: 15%;
  height: auto;
  opacity: 0.8;
  position: absolute;
  bottom: 3%;
  left: 4%;
}

.page1 .philips_pc .content .choose .slc .slc_3 img {
  width: 100%;
  opacity: 0.7;
  display: block;
}

.page1 .philips_pc .content .choose .slc .slc_3 p {
  text-align: center;
  color: #ffffff;
  font-family: 'Noto Sans TC', sans-serif;
}

.page1 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page1 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page1 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page1 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page1 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page1 .philips_pc .content .choose .page_group div.odd-1 {
  background-color: #ffffff;
  color: #711728;
}

.page1 .philips_pc .content .choose .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  margin-top: 0;
  padding: 1% 6%;
  border-radius: 30px;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page1 .philips_pc .content .choose .next_step {
    margin-top: 2%;
    font-size: 3.5vw;
    padding: 1.5% 10%;
  }
}

.page1 .philips_pc .content .choose .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page2 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page2 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page2 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page2 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page2 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page2 .philips_pc .title h1, .page2 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page2 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page2 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page2 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page2 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page2 .philips_pc .title .line {
  width: 165%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page2 .philips_pc .title .line {
    width: 105%;
    margin: 2% 0;
  }
}

.page2 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page2 .philips_pc .content .catch1_coffee {
  width: 37%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .catch1_coffee {
    width: 55%;
  }
}

.page2 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page2 .philips_pc .content .choose {
  width: 63%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose {
    width: 100%;
  }
}

.page2 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page2 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 19%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 35.5%;
  }
}

.page2 .philips_pc .content .choose .circle_choose {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5% 0 15% 0;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page2 .philips_pc .content .choose .circle_choose .circle {
  width: 50%;
  position: relative;
}

.page2 .philips_pc .content .choose .circle_choose .circle .arrow_text {
  width: 55%;
  position: absolute;
  left: 20%;
  top: 0;
}

.page2 .philips_pc .content .choose .circle_choose .circle .circle_btn {
  width: 47%;
  position: absolute;
  top: 7%;
  left: 24%;
}

.page2 .philips_pc .content .choose .circle_choose .circle .circle_btn img {
  width: 100%;
}

.page2 .philips_pc .content .choose .circle_choose .circle .circle_btn #circle {
  -webkit-user-drag: none;
}

.page2 .philips_pc .content .choose .circle_choose .line {
  margin-bottom: 6%;
  width: 50%;
  position: relative;
}

.page2 .philips_pc .content .choose .circle_choose .line p {
  font-weight: 900;
  font-size: 1.2vw;
  color: #000000;
  margin: 0;
  text-align: center;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line p {
    font-size: 3.5vw;
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .orange_arrow {
  width: 3%;
  position: absolute;
  left: -8%;
  top: 8%;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1 {
  width: 11%;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 2% 0%;
  border-radius: 9px;
  margin-bottom: 6%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn1 {
    width: 15%;
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1 .small {
  display: none;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1 .long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1 .long .txt_end {
  font-weight: 500;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1 .long .long_line {
  width: 20%;
  border-top: 1px solid #000000;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn1.active {
  width: 52%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn1.active {
    width: 75%;
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn2 {
  width: 11%;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 2% 0%;
  border-radius: 9px;
  margin-bottom: 6%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn2 {
    width: 15%;
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn2 .long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn2 .long .txt_end {
  font-weight: 500;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn2 .long .long_line {
  width: 20%;
  border-top: 1px solid #000000;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn2.active {
  width: 52%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn2.active {
    width: 75%;
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn3 {
  width: 11%;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 2% 0%;
  border-radius: 9px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn3 {
    width: 15%;
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  }
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn3 .long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn3 .long .txt_end {
  font-weight: 500;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn3 .long .long_line {
  width: 20%;
  border-top: 1px solid #000000;
}

.page2 .philips_pc .content .choose .circle_choose .line .line_btn3.active {
  width: 52%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .circle_choose .line .line_btn3.active {
    width: 75%;
  }
}

.page2 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page2 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page2 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page2 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page2 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page2 .philips_pc .content .choose .page_group div.odd-2 {
  background-color: #ffffff;
  color: #711728;
}

.page2 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .step_btn {
    width: 85%;
  }
}

.page2 .philips_pc .content .choose .step_btn .return_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1.5% 6%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .step_btn .return_step {
    font-size: 3.5vw;
    padding: 2.1% 8%;
  }
}

.page2 .philips_pc .content .choose .step_btn .return_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page2 .philips_pc .content .choose .step_btn .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1.5% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page2 .philips_pc .content .choose .step_btn .next_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page2 .philips_pc .content .choose .step_btn .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page3 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page3 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page3 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page3 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page3 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page3 .philips_pc .title h1, .page3 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page3 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page3 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page3 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page3 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page3 .philips_pc .title .line {
  width: 165%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page3 .philips_pc .title .line {
    width: 125%;
    margin: 2% 0;
  }
}

.page3 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page3 .philips_pc .content .catch1_coffee {
  width: 37%;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .catch1_coffee {
    width: 55%;
  }
}

.page3 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page3 .philips_pc .content .choose {
  width: 63%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose {
    width: 100%;
  }
}

.page3 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page3 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 19%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 28.5%;
  }
}

.page3 .philips_pc .content .choose .coffee_choose {
  width: 63%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1% 0;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .coffee_choose {
    width: 66%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page3 .philips_pc .content .choose .coffee_choose .coffee {
  cursor: pointer;
  width: 100%;
  margin-bottom: 3%;
  border-radius: 25px;
  overflow: hidden;
  background-color: #0000007d;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .coffee_choose .coffee {
    border-radius: 15px;
  }
}

.page3 .philips_pc .content .choose .coffee_choose .coffee img {
  opacity: 0.7;
  width: 100%;
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
}

.page3 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page3 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page3 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page3 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page3 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page3 .philips_pc .content .choose .page_group div.odd-3 {
  background-color: #ffffff;
  color: #711728;
}

.page3 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .step_btn {
    width: 85%;
  }
}

.page3 .philips_pc .content .choose .step_btn .return_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 6%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .step_btn .return_step {
    font-size: 3.5vw;
    padding: 2.1% 8%;
  }
}

.page3 .philips_pc .content .choose .step_btn .return_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page3 .philips_pc .content .choose .step_btn .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1.5% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page3 .philips_pc .content .choose .step_btn .next_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page3 .philips_pc .content .choose .step_btn .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-1 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page4-1 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page4-1 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page4-1 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page4-1 .philips_pc .title h1, .page4-1 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page4-1 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page4-1 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page4-1 .philips_pc .title .line {
  width: 165%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .title .line {
    width: 125%;
    margin: 2% 0;
  }
}

.page4-1 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page4-1 .philips_pc .content .catch1_coffee {
  width: 35%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .catch1_coffee {
    width: 55%;
  }
}

.page4-1 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page4-1 .philips_pc .content .choose {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose {
    width: 100%;
  }
}

.page4-1 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page4-1 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 30%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 28.5%;
  }
}

.page4-1 .philips_pc .content .choose .parameter_choose {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1% 0;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .parameter_choose {
    width: 66%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5%;
  }
}

.page4-1 .philips_pc .content .choose .parameter_choose .coffee_cup {
  width: 20%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .parameter_choose .coffee_cup {
    width: 40%;
    padding: 6% 0;
  }
}

.page4-1 .philips_pc .content .choose .parameter_choose .coffee_cup img {
  width: 100%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter {
  width: 80%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .parameter_choose .parameter {
    display: none;
  }
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area {
  width: 100%;
  height: 71%;
  position: relative;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .hand_arrow {
  width: 3.5%;
  position: absolute;
  top: 43%;
  left: 5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .orange_arrow1 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 9%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .slider1 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 12%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 19%;
  position: absolute;
  top: 25%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 50%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 75%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .orange_arrow2 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 39%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .slider2 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 42%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_1 {
  cursor: pointer;
  opacity: 1;
  width: 8.5%;
  position: absolute;
  top: 25%;
  left: 44.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_2 {
  cursor: pointer;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 50%;
  left: 44.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_3 {
  cursor: pointer;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 75%;
  left: 44.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .orange_arrow3 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 59%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .slider3 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 61.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_1 {
  cursor: pointer;
  opacity: 1;
  width: 21.5%;
  position: absolute;
  top: 33%;
  left: 64%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_2 {
  cursor: pointer;
  opacity: 0.7;
  width: 21.5%;
  position: absolute;
  top: 66%;
  left: 64%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_type {
  width: 100%;
  height: 29%;
  position: relative;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_concentration {
  width: 18%;
  position: absolute;
  top: 8.5%;
  left: 4%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_water {
  width: 18%;
  position: absolute;
  top: 10%;
  left: 33.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_cups {
  width: 18%;
  position: absolute;
  top: 12%;
  left: 53%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m {
  display: none;
  width: 100%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .parameter_choose .parameter_m {
    display: block;
  }
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .icon_concentration {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .orange_arrow1 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .slider1 {
  width: 3%;
  padding-left: 9%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_1 {
  cursor: pointer;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_2 {
  cursor: pointer;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_3 {
  cursor: pointer;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .icon_water {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .orange_arrow2 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .slider2 {
  width: 3%;
  padding-left: 9%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_1 {
  cursor: pointer;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_2 {
  cursor: pointer;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_3 {
  cursor: pointer;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .icon_cups {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 27%;
  left: -5.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .orange_arrow3 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .slider3 {
  width: 3%;
  padding-left: 9%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .cup_1 {
  cursor: pointer;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 35%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .cup_2 {
  cursor: pointer;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 63%;
  left: 14.5%;
}

.page4-1 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page4-1 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page4-1 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-1 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-1 .philips_pc .content .choose .page_group div.odd-4 {
  background-color: #ffffff;
  color: #711728;
}

.page4-1 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .step_btn {
    width: 85%;
  }
}

.page4-1 .philips_pc .content .choose .step_btn .return_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 6%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .step_btn .return_step {
    font-size: 3.5vw;
    padding: 2.1% 8%;
  }
}

.page4-1 .philips_pc .content .choose .step_btn .return_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-1 .philips_pc .content .choose .step_btn .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-1 .philips_pc .content .choose .step_btn .next_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page4-1 .philips_pc .content .choose .step_btn .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-2 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page4-2 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page4-2 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page4-2 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page4-2 .philips_pc .title h1, .page4-2 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page4-2 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page4-2 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page4-2 .philips_pc .title .line {
  width: 165%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .title .line {
    width: 125%;
    margin: 2% 0;
  }
}

.page4-2 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page4-2 .philips_pc .content .catch1_coffee {
  width: 35%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .catch1_coffee {
    width: 55%;
  }
}

.page4-2 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page4-2 .philips_pc .content .choose {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose {
    width: 100%;
  }
}

.page4-2 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page4-2 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 30%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 28.5%;
  }
}

.page4-2 .philips_pc .content .choose .parameter_choose {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1% 0;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .parameter_choose {
    width: 66%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5%;
  }
}

.page4-2 .philips_pc .content .choose .parameter_choose .coffee_cup {
  width: 20%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .parameter_choose .coffee_cup {
    width: 40%;
    padding: 6% 0;
  }
}

.page4-2 .philips_pc .content .choose .parameter_choose .coffee_cup img {
  width: 100%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter {
  width: 80%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .parameter_choose .parameter {
    display: none;
  }
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 {
  width: 100%;
  height: 71%;
  position: relative;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .hand_arrow {
  width: 3.5%;
  position: absolute;
  top: 43%;
  left: 5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .orange_arrow1 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 9%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .slider1 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 12%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 19%;
  position: absolute;
  top: 25%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 50%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 75%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .orange_arrow2 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 39%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .slider2 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 42%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 8.5%;
  position: absolute;
  top: 25%;
  left: 44.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 50%;
  left: 44.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 75%;
  left: 44.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .orange_arrow3 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 59%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .slider3 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 61.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 42.5%;
  position: absolute;
  top: 25%;
  left: 64%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 42.5%;
  position: absolute;
  top: 50%;
  left: 64%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 42.5%;
  position: absolute;
  top: 75%;
  left: 64%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_type {
  width: 100%;
  height: 29%;
  position: relative;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_concentration {
  width: 18%;
  position: absolute;
  top: 8.5%;
  left: 4%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_water {
  width: 18%;
  position: absolute;
  top: 10%;
  left: 33.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_milk {
  width: 18%;
  position: absolute;
  top: 12%;
  left: 54%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 {
  display: none;
  width: 100%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 {
    display: block;
  }
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .icon_concentration {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .orange_arrow1 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .slider1 {
  width: 3%;
  padding-left: 9%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .icon_water {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .orange_arrow2 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .slider2 {
  width: 3%;
  padding-left: 9%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .icon_cups {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 27%;
  left: -5.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .orange_arrow3 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .slider3 {
  width: 3%;
  padding-left: 9%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-2 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page4-2 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page4-2 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-2 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-2 .philips_pc .content .choose .page_group div.odd-4 {
  background-color: #ffffff;
  color: #711728;
}

.page4-2 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .step_btn {
    width: 85%;
  }
}

.page4-2 .philips_pc .content .choose .step_btn .return_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 6%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .step_btn .return_step {
    font-size: 3.5vw;
    padding: 2.1% 8%;
  }
}

.page4-2 .philips_pc .content .choose .step_btn .return_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-2 .philips_pc .content .choose .step_btn .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-2 .philips_pc .content .choose .step_btn .next_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page4-2 .philips_pc .content .choose .step_btn .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-3 {
  position: relative;
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page4-3 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page4-3 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page4-3 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page4-3 .philips_pc .title h1, .page4-3 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page4-3 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .title h1 {
    font-size: 5vw;
  }
}

.page4-3 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .title p {
    font-size: 3.5vw;
  }
}

.page4-3 .philips_pc .title .line {
  width: 165%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .title .line {
    width: 125%;
    margin: 2% 0;
  }
}

.page4-3 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page4-3 .philips_pc .content .catch1_coffee {
  width: 35%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .catch1_coffee {
    width: 55%;
  }
}

.page4-3 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page4-3 .philips_pc .content .choose {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose {
    width: 100%;
  }
}

.page4-3 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page4-3 .philips_pc .content .choose .title_sm {
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 1.2vw;
  border: #ffffff solid 1px;
  padding: 1% 30%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .title_sm {
    font-size: 3.5vw;
    padding: 1% 28.5%;
  }
}

.page4-3 .philips_pc .content .choose .parameter_choose {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10%;
  margin: 1% 0;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .parameter_choose {
    width: 66%;
    padding-left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5%;
  }
}

.page4-3 .philips_pc .content .choose .parameter_choose .coffee_cup {
  width: 20%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .parameter_choose .coffee_cup {
    width: 40%;
    padding: 6% 0;
  }
}

.page4-3 .philips_pc .content .choose .parameter_choose .coffee_cup img {
  width: 100%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter {
  width: 80%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .parameter_choose .parameter {
    display: none;
  }
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 {
  width: 100%;
  height: 71%;
  position: relative;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .hand_arrow {
  width: 3.5%;
  position: absolute;
  top: 43%;
  left: 5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .orange_arrow1 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 9%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .slider1 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 12%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .concentration_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 19%;
  position: absolute;
  top: 25%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .concentration_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 50%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .concentration_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 19%;
  position: absolute;
  top: 75%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .orange_arrow2 {
  cursor: pointer;
  width: 2%;
  position: absolute;
  top: 0;
  left: 39%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .slider2 {
  width: 1.8%;
  position: absolute;
  top: 1%;
  left: 42%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .water_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 8.5%;
  position: absolute;
  top: 25%;
  left: 44.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .water_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 50%;
  left: 44.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .water_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 8.5%;
  position: absolute;
  top: 75%;
  left: 44.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_type {
  width: 100%;
  height: 29%;
  position: relative;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_concentration {
  width: 18%;
  position: absolute;
  top: 8.5%;
  left: 4%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_water {
  width: 18%;
  position: absolute;
  top: 10%;
  left: 33.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_type .icon_milk {
  width: 18%;
  position: absolute;
  top: 12%;
  left: 54%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 {
  display: none;
  width: 100%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 {
    display: block;
  }
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .icon_concentration {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .orange_arrow1 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .slider1 {
  width: 3%;
  padding-left: 9%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .concentration_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .concentration_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .concentration_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 {
  width: 100%;
  position: relative;
  padding: 3% 0;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .icon_water {
  width: 30%;
  position: absolute;
  top: 30%;
  left: -27.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .hand_arrow {
  width: 5%;
  position: absolute;
  top: 36%;
  left: -5.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .orange_arrow2 {
  cursor: pointer;
  width: 7%;
  position: absolute;
  top: 0;
  left: 1.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .slider2 {
  width: 3%;
  padding-left: 9%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_1 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
  width: 98%;
  position: absolute;
  top: 27%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_2 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 49%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_3 {
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.7;
  width: 98%;
  position: absolute;
  top: 72%;
  left: 14.5%;
}

.page4-3 .philips_pc .content .choose .page_group {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .page_group {
    width: 15%;
  }
}

.page4-3 .philips_pc .content .choose .page_group div {
  display: inline-block;
  color: #ffffff;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .page_group div {
    font-size: 3.5vw;
  }
}

.page4-3 .philips_pc .content .choose .page_group div:nth-child(even) {
  border-top: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 0 10%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-1 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-1::after {
  content: "1";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-2 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-2::after {
  content: "2";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-3 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-3::after {
  content: "3";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-4 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-4::after {
  content: "4";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-5 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-5::after {
  content: "5";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-6 {
  position: relative;
  padding: 19%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.page4-3 .philips_pc .content .choose .page_group div.odd-6::after {
  content: "6";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page4-3 .philips_pc .content .choose .page_group div.odd-4 {
  background-color: #ffffff;
  color: #711728;
}

.page4-3 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .step_btn {
    width: 85%;
  }
}

.page4-3 .philips_pc .content .choose .step_btn .return_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 6%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .step_btn .return_step {
    font-size: 3.5vw;
    padding: 2.1% 8%;
  }
}

.page4-3 .philips_pc .content .choose .step_btn .return_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page4-3 .philips_pc .content .choose .step_btn .next_step {
  cursor: pointer;
  font-size: 1vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 1% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page4-3 .philips_pc .content .choose .step_btn .next_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page4-3 .philips_pc .content .choose .step_btn .next_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.page5 {
  display:none;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#320b14), color-stop(#711728), to(#e17812));
  background: linear-gradient(to right, #320b14, #711728, #e17812);
  max-width: 1920px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .page5 {
    background: -webkit-gradient(linear, left top, right top, from(#711728), to(#e17812));
    background: linear-gradient(to right, #711728, #e17812);
  }
}

.page5 .philips_pc {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  padding: 3% 0;
}

@media (max-width: 768px) {
  .page5 .philips_pc {
    width: 90%;
    padding: 5% 0;
  }
}

.page5 .philips_pc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1%;
}

.page5 .philips_pc .title h1, .page5 .philips_pc .title p {
  color: #ffffff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0.2% 0;
}

.page5 .philips_pc .title h1 {
  font-size: 2vw;
  font-weight: 300;
}

@media (max-width: 768px) {
  .page5 .philips_pc .title h1 {
    font-size: 4.5vw;
  }
}

.page5 .philips_pc .title p {
  font-size: 1.2vw;
}

@media (max-width: 768px) {
  .page5 .philips_pc .title p {
    font-size: 3.3vw;
  }
}

.page5 .philips_pc .title .line {
  width: 120%;
  height: 1px;
  background: #ffffffbc;
  margin: 0.5% 0;
}

@media (max-width: 768px) {
  .page5 .philips_pc .title .line {
    width: 95%;
    margin: 2% 0;
  }
}

.page5 .philips_pc .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 3%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.page5 .philips_pc .content .catch1_coffee {
  width: 50%;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .catch1_coffee {
    width: 90%;
  }
}

.page5 .philips_pc .content .catch1_coffee img {
  width: 100%;
}

.page5 .philips_pc .content .tick {
  width: 70%;
  margin-top: 5%;
}

.page5 .philips_pc .content .tick p {
  color: #ffffff;
  font-size: 1.4vw;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .tick p {
    font-size: 3.5vw;
  }
}

.page5 .philips_pc .content .tick p span {
  cursor: pointer;
  text-decoration: underline;
}

.page5 .philips_pc .content .tick .tick_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.page5 .philips_pc .content .tick .tick_1 img {
  position: absolute;
  width: 4.5%;
  top: 35%;
  left: -7%;
  margin-right: 2%;
  border-radius: 25px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .tick .tick_1 img {
    width: 5.5%;
    top: 40%;
    left: -8%;
  }
}

.page5 .philips_pc .content .tick .tick_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: flex-start;
  position: relative;
}

.page5 .philips_pc .content .tick .tick_2 img {
  position: absolute;
  width: 4.5%;
  top: 28%;
  left: -7%;
  margin-right: 2%;
  border-radius: 25px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .tick .tick_2 img {
    width: 5.5%;
    top: 37%;
    left: -8%;
  }
}

.page5 .philips_pc .content .choose {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .choose {
    width: 100%;
  }
}

.page5 .philips_pc .content .choose p {
  font-family: 'Noto Sans TC', sans-serif;
}

.page5 .philips_pc .content .choose .step_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 57%;
  color: #ffffff;
  text-decoration: none;
}

.page5 .philips_pc .content .choose .step_btn .end_step {
  cursor: pointer;
  font-size: 1.4vw;
  font-family: 'Noto Sans TC', sans-serif;
  border: #ffffff solid 1px;
  padding: 2% 10%;
  border-radius: 30px;
  margin-top: 3%;
  margin-bottom: 5%;
  -webkit-transition: .5s;
  transition: .5s;
}

@media (max-width: 768px) {
  .page5 .philips_pc .content .choose .step_btn .end_step {
    font-size: 3.5vw;
    padding: 2.1% 13%;
  }
}

.page5 .philips_pc .content .choose .step_btn .end_step:hover {
  color: #000000;
  background-color: #ffffff;
}

.activity_window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2;
}

.activity_window .activity_t {
  border-top-left-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 1% 2%;
  width: 70%;
  max-width: 1000px;
  max-height: 70%;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .activity_window .activity_t {
    width: 80%;
    max-height: 80%;
  }
}

.activity_window .activity_t::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.activity_window .activity_t::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #aaa;
}

.activity_window .activity_t::-webkit-scrollbar-track {
  background: #d2d2d2;
}

.activity_window .activity_t .closed {
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 1%;
  left: 99%;
}

@media (max-width: 768px) {
  .activity_window .activity_t .closed {
    left: 95%;
  }
}

.activity_window .activity_t .content {
  color: #1f4e78;
  padding: 3%;
}

.activity_window .activity_t .content h3 {
  font-size: 1.8vw;
  font-weight: 900;
}

@media (max-width: 768px) {
  .activity_window .activity_t .content h3 {
    font-size: 4.1vw;
  }
}

.activity_window .activity_t .content ol, .activity_window .activity_t .content ul {
  padding-left: 2.5%;
}

@media (max-width: 768px) {
  .activity_window .activity_t .content ol, .activity_window .activity_t .content ul {
    padding-left: 6.5%;
  }
}

.activity_window .activity_t .content p, .activity_window .activity_t .content li {
  font-size: 1.2vw;
  font-family: 'Noto Sans TC', sans-serif;
  margin: 0;
}

@media (max-width: 768px) {
  .activity_window .activity_t .content p, .activity_window .activity_t .content li {
    font-size: 3.5vw;
  }
}

.activity_window .activity_t .content ul li {
  list-style-type: disc;
}

.activity_window .activity_t .content span {
  font-weight: 900;
}

.activity_window .activity_t .content .method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.activity_window .activity_t .content .method p:nth-child(1) {
  white-space: nowrap;
}

.activity_window .activity_t .content .center_title {
  text-align: center;
  font-weight: 900;
}

.privacy_window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2;
}

.privacy_window .privacy_t {
  border-top-left-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 1% 2%;
  width: 70%;
  max-width: 1000px;
  max-height: 70%;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .privacy_window .privacy_t {
    width: 80%;
    max-height: 80%;
  }
}

.privacy_window .privacy_t::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.privacy_window .privacy_t::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #aaa;
}

.privacy_window .privacy_t::-webkit-scrollbar-track {
  background: #d2d2d2;
}

.privacy_window .privacy_t .closed {
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 1%;
  left: 99%;
}

@media (max-width: 768px) {
  .privacy_window .privacy_t .closed {
    left: 95%;
  }
}

.privacy_window .privacy_t .content {
  padding: 3%;
  color: #1f4e78;
}

.privacy_window .privacy_t .content h3 {
  font-size: 1.8vw;
  font-weight: 900;
}

@media (max-width: 768px) {
  .privacy_window .privacy_t .content h3 {
    font-size: 4.1vw;
  }
}

.privacy_window .privacy_t .content h4 {
  font-size: 1.5vw;
}

@media (max-width: 768px) {
  .privacy_window .privacy_t .content h4 {
    font-size: 3.8vw;
  }
}

.privacy_window .privacy_t .content h3.title {
  text-align: center;
}

.privacy_window .privacy_t .content a {
  text-decoration: none;
  color: #1f4e78;
}

.privacy_window .privacy_t .content p, .privacy_window .privacy_t .content li {
  font-size: 1.2vw;
  font-family: 'Noto Sans TC', sans-serif;
}

@media (max-width: 768px) {
  .privacy_window .privacy_t .content p, .privacy_window .privacy_t .content li {
    font-size: 3.5vw;
  }
}

.privacy_window .privacy_t .content span {
  font-weight: 900;
}

.privacy_window .privacy_t .content .center_title {
  text-align: center;
}
/*# sourceMappingURL=style.css.map */



.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .concentration_3{
  opacity: 0.2;
} 
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_3{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_1 {
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_2 {
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_3 {
  opacity: 0.2;
}





 .page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_3{
  opacity: 0.2;
} 
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_1 {
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_2 {
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .milk_3 {
  opacity: 0.2;
}






 .page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .concentration_3{
  opacity: 0.2;
} 
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area2 .water_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .cup_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .cup_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .cup_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .milk_1 {
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .milk_2 {
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .milk_3 {
  opacity: 0.2;
}



.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .concentration_2{
  opacity : 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .concentration_3{
  opacity : 0.2;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .water_2{
  opacity : 0.2;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter .parameter_area3 .water_3{
  opacity : 0.2;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_1{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_2{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .water_3{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_1{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter .parameter_area .cup_2{
  transition: 0.5s;
}


/***phone****/




.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_1 .concentration_3{
  opacity: 0.2;
} 
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_2 .water_3{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .cup_1{
  /* opacity: 0.2; */
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .cup_2{
  opacity: 0.2;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_3 .cup_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .milk_1 {
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .milk_2 {
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .milk_3 {
  opacity: 0.2;
}





 .page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_1 .concentration_3{
  opacity: 0.2;
} 
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_2 .water_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_area .cup_1{
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_area .cup_2{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_area .cup_3{
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_1 {
  /* opacity: 0.2; */
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_2 {
  opacity: 0.2;
}
.page4-2 .philips_pc .content .choose .parameter_choose .parameter_m2 .parameter_3 .milk_3 {
  opacity: 0.2;
}



 .page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .concentration_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .concentration_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .concentration_3{
  opacity: 0.2;
} 
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .water_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .water_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area2 .water_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .cup_1{
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .cup_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .cup_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .milk_1 {
  /* opacity: 0.2; */
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .milk_2 {
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .milk_3 {
  opacity: 0.2;
}



.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .concentration_2{
  opacity : 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .concentration_3{
  opacity : 0.2;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .water_2{
  opacity : 0.2;
}

.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area3 .water_3{
  opacity : 0.2;
}

.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area .water_1{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area .water_2{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area .water_3{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area .cup_1{
  transition: 0.5s;
}
.page4-1 .philips_pc .content .choose .parameter_choose .parameter_m .parameter_area .cup_2{
  transition: 0.5s;
}


.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .concentration_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_1 .concentration_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_1{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_2{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_3{
  opacity: 0.2;
}
.page4-3 .philips_pc .content .choose .parameter_choose .parameter_m3 .parameter_2 .water_1{
  opacity: 1;
}