* {
  font-size: 16px;
}
p, h1, h2, h3, span, .mini_title {
  font-family: 'Open Sans', sans-serif, 'NotoSansCJKtc' !important;
}
.team-item {
  transition: .5s;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  box-shadow: 0px 3px 10px 3px #0000004f;
}
.team-item:hover {
  transform: scale(1.05);
}
.col-md-4.col-sm-4 {
  padding-left: 15px;
  padding-right: 15px;
}
.team-item-cont {
  height: 80px;
}
.slick-slide {
  /* width: 33.33333333% !important; */
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin-top: -20px;
  padding-top: 20px;
}
#banner {
  position: relative;
  top: 80px;
}
#banner .slide-item {
  width: 100%;
  height: 558px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#banner .slide-item a div {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#banner .slide-item div {
  height: 100%;
  width: 100%;
  background-color: #000;
}
#banner .slide-item div video{
  height: 100%;
  margin: 0 auto;
  display: block;
}
#banner .slick-slide {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#banner .slick-prev_, #banner .slick-next_ {
  position: absolute;
  top: 50%;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  filter: drop-shadow(2px 2px 4px transparent);
  opacity: 0;
  transition: 0.5s ease;
}
#banner:hover .slick-prev_, #banner:hover .slick-next_ {
  opacity: 1;
  filter: drop-shadow(2px 2px 4px #666);
}
#banner .slick-prev_ {
  left: 3rem;
  z-index: 9999;
}
#banner .slick-next_ {
  right: 3rem;
  z-index: 9999;
}
#banner .slick-dots {
  bottom: 25px;
}
#info {
  border-top: 4px solid #29144842;
}
#info .container {
  min-height: 260px;
}
#infoimg.container {
  width: 1066px;
}
#infoimg .slide-item {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.slick-dots li button:before, .slick-dots li.slick-active button:before {
  color: #fff !important;
}
.slick-prev {
  left: -40px !important;
}
.slick-next {
  right: -40px !important;
}
#itembox .slick-prev, #itembox .slick-next {
  top: calc(50% - 18px) !important;
  width: 50px !important;
  height: 50px !important;
  z-index: 9 !important;
}
#itembox .slick-prev:before, #itembox .slick-next:before {
  font-size: 3.5rem !important;
  color: #bfbfbf;
}
.backimg {
  width: 100%;
  height: 600px;
  position: absolute;
  top: 62px;
  overflow: hidden;
  background: #000;
}
#backimg {
  width: 120%;
  height: 120%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  overflow: hidden;
  filter: blur(10px);
  position: relative;
  top: -10%;
  left: -10%;
  opacity: 0.75;
}
.site-header {
  top: 0;
}
.main-navigation > ul > li.normal.highlight a {
  background: #293b5d !important;
}
.main-navigation > ul > li.normal.highlight a:hover {
  background-color: #579bd3 !important;
}
.main-navigation > ul > li.normal a button {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.plan-option.plan-style1:hover .plan-selection {
  opacity: 1;
}
.nav-tabs > li {
  float: none;
  display: inline-block;
  margin-left: 1rem;
}
.nav-tabs {
  border-bottom: 1px solid #949494 !important;
}
.nav-tabs li i {
  display: none !important;
}
.nav-tabs li a {
  color: #8a8a8a !important;
  background-color: #d6d6d6 !important;
  border: 1px solid #d6d6d6;
  border-bottom: 1px solid #949494 !important;
  padding: 0 30px;
}
.nav-tabs > li > a:hover {
  border: 1px solid #d6d6d6;
  border-bottom: 1px solid #949494 !important;
}
.nav-tabs li.active a {
  color: #4e4e4e !important;
  background-color: #f6f6f6 !important;
  border: 1px solid #949494 !important;
  border-bottom: 1px solid #f6f6f6 !important;
}
.imgs {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-header {
  height: 62px !important;
}
.site-header .site-logo h1 {
  padding-top: 15px !important;
}
#title {
  position: relative;
}
#title:before {
  content: ' ';
  height: 10px;
  width: calc(100% + 10px);
  background-color: #f7d797;
  display: block;
  position: absolute;
  left: -10px;
  bottom: 3px;
  z-index: -1;
  border-radius: 50px;
}
.tab-content {
  padding: 30px 0;
}
#info li {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#text1 img, #text2 img {
  height: auto !important;
  width: 100% !important;
}
.site-header {
  height: 62px !important;
}
.site-header .site-logo h1 {
  padding-top: 15px !important;
}
.main-navigation > ul > li.normal > a {
  line-height: 62px;
}
.main {
  margin-top: -18px;
}
.point .row {
  margin: 0px;
}
.point._1 {
  background-image: url('../images/point/point_1_back.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
  padding: 1.5vw 12vw;
  padding-bottom: 11.6%;
  margin-top: 80px;
  position: relative;
  padding-bottom: 50px !important;
}
._1_btm {
  height: 55px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
}
._1_btm::after {
  content: 'ShareGuru企業平台六大學習特色';
  font-family: 'Open Sans', sans-serif;
  height: 55px;
  width: 560px;
  background-color: #121f35;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  padding: 14px 0px;
  letter-spacing: 3px;
  border-radius: 10px;
  display: block;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 280px);
  z-index: 11;
  background: -webkit-linear-gradient(#1d314a,#121f35);
  background: -o-linear-gradient(#1d314a,#121f35);
  background: -moz-linear-gradient(#1d314a,#121f35);
  background: linear-gradient(#1d314a,#121f35);
}
._1_btm::before {
  content: ' ';
  height: 2px;
  width: 1700px;
  color: #fff;
  background-color: #1d314a;
  text-align: center;
  display: block;
  position: absolute;
  top: 40px;
  left: calc(50% - 850px);
  z-index: 11;
}
.point_mini {
  padding: 0px !important;
  margin: 0px !important;
}
.point_mini .miniimg {
  padding: 0 18% !important;
  transition: .5s ease;
}
.point_mini .miniimg:hover {
  transform: scale(1.15);
}
.miniP {
  margin-top: 0px;
  padding: 0 14%;
  text-align: center;
}
.miniP h3 {
  font-weight: bolder;
  color: #c9c4c8;
  font-size: 1.4vw;
  letter-spacing: 3px;
  padding: 0 5px;
  margin: 0;
  margin-top: 0.75rem;
}
.miniP p {
  text-align: center;
  font-size: 125%;
  font-weight: bolder;
  overflow-wrap: anywhere;
  color: #000;
  padding-top: 5px;
  text-align: left;
}
.mini_text {
  margin-top: 10.5%;
  text-align: center;
}
.mini_text h1 {
  font-weight: bolder;
  letter-spacing: 3px;
  font-size: 200%;
  -webkit-text-stroke: 0.8px #333333;
}
.mini_text p {
  font-size: 162%;
  font-weight: bolder;
  color: #000;
  letter-spacing: 4px;
  line-height: 1.8;
  padding: 1.3% 5%;
  text-align: center;
}
.mini_text h1::after {
  content: ' ';
  height: 0px;
  width: 170px;
  margin: 4px auto -4px;
  display: block;
  box-shadow: 1px 1px 1px 1px #333;
}
.point_list:nth-of-type(odd) {
  background-color: #efefef;
}
.point_list .order_1 {
  float: left;
  order: 1;
}
.point_list .order_2 {
  float: right;
  order: 2;
}
.order_1, .order_2 {
  height: 100%;
  display: flex;
  align-items: center;
}
.order_1 img, .order_2 img {
  height: auto;
  transition: .5s ease;
}
.point._3 .point_list {
  height: 26.27430373095113vw;
  padding: 0 10.509721492380452vw;
}
.point._3 .point_list.row {
  display: flex;
  flex-wrap: wrap;
}
.mini_point {
  padding: 6.672226855713094vw 0;
}
.mini_top {
  margin: 25px 0 0;
  display: flex;
}
.mini_content {
  margin-top: 55px;
  padding-left: 50px;
}
.mini_mark {
  height: 115px;
  width: 135px;
  color: #fff;
}
.mini_mark .inside {
  height: 115px;
  width: 115px;
  position: relative;
  left: 8px;
}
.inside span {
  font-size: 210%;
  color: #fff;
  line-height: 112px;
  text-align: center;
  display: block;
  position: relative;
  z-index: 2;
}
.inside::before {
  content: ' ';
  height: 110px;
  width: 110px;
  background-color: transparent;
  border: 2px solid #121e34;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 2px;
  left: 17px;
}
.inside::after {
  content: ' ';
  height: 110px;
  width: 110px;
  background: -webkit-linear-gradient(left,#1e324b,#121e34);
  background: -o-linear-gradient(right,#1e324b,#121e34);
  background: -moz-linear-gradient(right,#1e324b,#121e34);
  background: linear-gradient(to right,#1e324b,#121e34);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
}
.mini_title {
  font-size: 30px;
  font-weight: bolder;
  color: #121e34;
  line-height: 115px;
  padding-left: 25px;
}
.mini_content p {
  font-size: 154%;
  font-weight: bolder;
  color: #000;
  letter-spacing: 0px;
  line-height: 1.8;
}
.point._4 {
  height: 30.793483972674725vw;
  width: 100%;
  padding: 0 12vw;
  padding-top: 4.5vw;
  position: relative;
  background-color: #f2c278;
}
.point._4 .point_mini .miniimg {
  padding: 0 16% !important;
}
.point._4 .miniP {
  margin-top: 25px;
  padding: 0 14%;
}
.point._4 .miniP p {
  text-align: center;
  font-size: 165%;
  font-weight: bolder;
  word-break: keep-all;
  overflow-wrap: anywhere;
  color: #000;
  padding-top: 5px;
  letter-spacing: 0px;
}
.point._4 .mini_text {
  margin-top: 0.5%;
  text-align: center;
}
.point._4 .mini_text h1 {
  font-weight: 400;
  letter-spacing: 3px;
  font-size: 200%;
  margin-bottom: 3vw;
}
.point._4 .mini_text h1::after {
  content: ' ';
  display: block;
}
.point._2 {
  height: 624px;
  background-color: #fff;
  padding: 0 10vw;
}
.point._2 .row {
  display: flex;
  align-items: center;
  height: 100%;
}
.ball {
  background: -webkit-linear-gradient(#121e34,#1e324b);
  background: -o-linear-gradient(#121e34,#1e324b);
  background: -moz-linear-gradient(#121e34,#1e324b);
  background: linear-gradient(#121e34,#1e324b);
  border-radius: 50%;
  position: absolute;
}
.ball_1::before {
  content: ' ';
  display: block;
  height: 1px;
  width: 150px;
  border: 1px solid #121e34;
  position: absolute;
  transform: rotateZ(350deg);
  top: 35%;
  left: 90%;
}
.ball_1::after {
  content: ' ';
  display: block;
  width: 250px;
  height: 250px;
  border: 3px solid #121e34;
  border-radius: 50%;
  clip-path: polygon(50% 0%, 100% 0%, 100% 60%, 50% 50%);
  -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 60%, 50% 50%);
  position: absolute;
  top: -15px;
  left: -15px;
  transform: rotateZ(-90deg);
}
.ball_2::before {
  content: ' ';
  display: block;
  height: 1px;
  width: 100px;
  border: 1px solid #121e34;
  position: absolute;
  transform: rotateZ(408deg);
  top: 105%;
  left: 74%;
}
.ball_2::after {
  content: ' ';
  display: block;
  width: 200px;
  height: 200px;
  border: 3px solid #121e34;
  border-radius: 50%;
  clip-path: polygon(70% 0%, 100% 0%, 100% 60%, 50% 50%);
  -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 60%, 50% 50%);
  position: absolute;
  top: 0px;
  left: -15px;
  transform: rotateZ(145deg);
}
.ball_3::before {
  content: ' ';
  display: block;
  height: 1px;
  width: 230px;
  border: 1px solid #121e34;
  position: absolute;
  transform: rotateZ(330deg);
  top: 0%;
  left: 80%;
}
.ball_4::before {
  content: ' ';
  display: block;
  height: 1px;
  width: 100px;
  border: 1px solid #121e34;
  position: absolute;
  transform: rotateZ(408deg);
  top: 105%;
  left: 74%;
}
.ball_4::after {
  content: ' ';
  display: block;
  width: 200px;
  height: 200px;
  border: 3px solid #121e34;
  border-radius: 50%;
  clip-path: polygon(70% 0%, 100% 0%, 100% 60%, 50% 50%);
  -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 60%, 50% 50%);
  position: absolute;
  top: -15px;
  left: 0px;
  transform: rotateZ(-25deg);
}
.ball_5::before {
  content: ' ';
  display: block;
  height: 1px;
  width: 120px;
  border: 1px solid #121e34;
  position: absolute;
  transform: rotateZ(335deg);
  top: 15%;
  left: 90%;
}
.ball_5::after {
  content: ' ';
  display: block;
  width: 200px;
  height: 200px;
  border: 3px solid #121e34;
  border-radius: 50%;
  clip-path: polygon(140% 0%, 100% 0%, 100% 60%, 50% 50%);
  -webkit-clip-path: polygon(140% 0%, 100% 0%, 100% 60%, 50% 50%);
  position: absolute;
  top: 0px;
  left: -15px;
  transform: rotateZ(130deg);
}
.ball_6::before {
  content: ' ';
  display: block;
}
.ball_6::after {
  content: ' ';
  display: block;
  width: 240px;
  height: 240px;
  border: 3px solid #121e34;
  border-radius: 50%;
  clip-path: polygon(130% 0%, 100% 0%, 100% 60%, 50% 50%);
  -webkit-clip-path: polygon(130% 0%, 100% 0%, 100% 60%, 50% 50%);
  position: absolute;
  top: 10px;
  left: 10px;
  transform: rotateZ(70deg);
}
.bb {
  height: 229px;
  width: 229px;
  position: relative;
  top: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: flex;
  padding: 88px 40px;
  font-weight: bolder;
}
.bs {
  height: 184px;
  width: 184px;
  position: relative;
  top: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: flex;
  padding: 76px 20px;
  font-weight: bolder;
}
.posi_1 {
  position: relative;
  top: -65px;
  left: 80px;
}
.posi_2 {
  position: relative;
  top: 130px;
  left: 0px;
}
._2 .row .col-xs-12.col-lg-2 {
  position: relative;
}
._2 .row .col-xs-12.col-lg-2 .ball.bb.al,
._2 .row .col-xs-12.col-lg-2 .ball.bs.al  {
  line-height: 1.5;
  position: absolute;
}
#banner {

}
#banner .row {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
}
#banner .row, #banner .row > div {
  height: 100%;
}
#banner .tv_out {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
#banner .tv_ {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.tv_btm_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 2.5vw;
}
.left_side {
  width: 63.8%;
}
.right_side {
  width: 36.2%;
}
.guru-btn2 {
  height: 2.5vw;
  width: 7.5vw;
  min-height: 36px;
  min-width: 105px;
  color: #fff !important;
  background-color: transparent;
  font-size: 1.1vw;
  border: 1px solid #fff;
  border-radius: 50px;
  transition: all 0.16s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.guru-btn2:hover {
  border: 1px solid #e7b252;
  background-color: #e7b252;
}
.bannerHead {
  min-height: 7vw;
  max-width: 63.8%;
  position: absolute;
  top: 6.65vw;
}
.bh_ {
  width: 70%;
  color: #fff;
  font-family: 'NotoSansCJKtc';
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bh_title {
  min-height: 3.25vw;
  font-size: 2.19vw;
  font-weight: bolder;
  line-height: 3vw;
  letter-spacing: 0.2vw;
  transform: translateX(-0.35vw);
}
.bh_body {
  min-height: 1px;
  font-size: 0.935vw;
  font-weight: bolder;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transform: translateX(0.85vw) translateY(0.8vw);
}
.bh_body span {
  line-height: 1.92vw;
  letter-spacing: 0.115vw;
}




@media (min-width: 651px) {
  #banner {
    /* height: 23.8545vw !important; */
    min-height: unset !important;
  }
  .tv_ img {
    transform: translateY(-5.7%) !important;
  }



}
@media (max-width: 1199px) {
  .bannerHead {
    top: 5.65vw !important;
  }
}
@media (max-width: 900px) {
  .bannerHead {
    top: 4vw !important;
  }
}
@media (max-width: 750px) {
  .bannerHead {
    top: 2vw !important;
  }
}
@media (max-width: 650px) {
  #banner {
    height: 159.5vw !important;
  }
  #banner > img {
    height: 100vw;
    max-width: unset;
    transform: translateX(-112vw);
  }
  #banner .tv_ {
    max-width: 100%;
    height: 60vw;
  }
  .tv_ img {
    transform: translateY(-10%) !important;
  }
  ._1_btm {
    top: -20px !important;
  }
  .bannerHead {
    max-width: 100% !important;
    top: 15vw !important;
  }
  .bh_ {
    width: 90%;
  }
  .bh_title {
    min-height: 18.25vw;
    font-size: 6vw;
  }
  .bh_body {
    min-height: 24.25vw !important;
    font-size: 4vw !important;
    transform: translateX(0.85vw) translateY(5.8vw) !important;
  }
  .left_side {
    height: 97vw !important;
    width: 100%;
  }
  .right_side {
    height: 60vw !important;
    width: 100%;
    transform: translateY(-1vw);
  }
  #banner .row {
    row-gap: 12px;
  }
  .guru-btn2 {
    font-size: 16px;
  }
  .tv_btm_btn {
    bottom: 15.5vw !important;
  }


}


.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

#tgr .price span {
  font-size: 1.5rem;
}

.gg {
  display: none;
}
.point {
  user-select: none;
}










@media (min-width: 1904px) {
  .ball_1::before {
    width: 8.882291vw;
    transform: rotateZ(350deg);
  }
  .ball_2::before {
    width: 6.254861vw;
    transform: rotateZ(400deg);
  }
  .ball_3::before {
    width: 12.08617971623752vw;
    transform: rotateZ(330deg);
  }
  .ball_4::before {
    width: 6.254861vw;
    transform: rotateZ(403deg);
  }
  .ball_5::before {
    width: 7.305833vw;
    transform: rotateZ(335deg);
  }
  /*  */
  .bb {
    height: 12.033631108775618vw;
    width: 12.033631108775618vw;
    font-size: 1.2611665790856543vw;
    padding: 35% 5%;
  }
  .bs {
    height: 9.668943772990016vw;
    width: 9.668943772990016vw;
    font-size: 1.2611665790856543vw;
    padding: 27% 5%;
  }
  .ball_1::after {
    height: 13.137151865475564vw;
    width: 13.137151865475564vw;
    border: 0.1576458223857068vw solid #121e34;
    top: -0.7882291119285338vw;
    left: -0.7882291119285338vw;
  }
  .ball_2::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    left: -0.7882291119285338vw;
  }
  .ball_4::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    top: -0.7882291119285338vw;
    left: 0px;
  }
  .ball_5::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    top: 0px;
    left: -0.7882291119285338vw;
  }
  .ball_6::after {
    height: 13.137151865475564vw;
    width: 13.137151865475564vw;
    border: 0.1576458223857068vw solid #121e34;
    top: 0.2627430373095113vw;
    left: 0.2627430373095113vw;
  }
  .ball_1::before {
    height: 0.05254860746190226vw;
    width: 7.882291119285339vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(343deg);
    top: 33%;
    left: 80%;
  }
  .ball_2::before {
    height: 0.05254860746190226vw;
    width: 8.254861vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(402deg);
    top: 95%;
    left: 65%;
  }
  .ball_3::before {
    height: 0.05254860746190226vw;
    width: 12.08617971623752vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(327deg);
    top: 3%;
    left: 65%;
  }
  .ball_4::before {
    height: 0.05254860746190226vw;
    width: 7.254861vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(405deg);
    top: 105%;
    left: 74%;
  }
  .ball_5::before {
    height: 0.05254860746190226vw;
    width: 9.305833vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(331deg);
    top: 8%;
    left: 76%;
  }
  .posi_1 {
    top: -3.415659485023647vw;
    left: 2.203889vw;
  }
  .posi_2 {
    top: 6.831318970047294vw;
    left: 0vw;
  }
  .point._2 {
    height: 32.79033105622701vw;
    background-color: #fff;
  }
  ._2 .row .col-xs-12.col-lg-2 {
    margin-bottom: -35px;
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(1) {
    margin-top: 60px;
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(2) {
    margin-bottom: -65px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(3) {
    margin-bottom: -20px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(4) {
    margin-bottom: -45px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(5) {
    margin-bottom: -45px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(6) {
    margin-bottom: 30px;
    right: -10px;
  }
  /*  */
}
@media (max-width: 1903px) {
  .mini_mark {
    height: 6.04308985811876vw;
    width: 7.094062007356805vw;
  }
  .mini_mark .inside {
    height: 6.04308985811876vw;
    width: 6.04308985811876vw;
    left: 0.42038885969521805vw;
  }
  .inside span {
    font-size: 1.5764582238570677vw;
    line-height: 5.885444035733053vw;
  }
  .inside::before {
    height: 5.780346820809249vw;
    width: 5.780346820809249vw;
    top: 0.10509721492380451vw;
    left: 0.8933263268523384vw;
  }
  .inside::after {
    height: 5.780346820809249vw;
    width: 5.780346820809249vw;
  }
  .mini_title {
    color: #121e34;
    font-weight: bolder;
    font-size: 2vw;
    line-height: 6.04308985811876vw;
    padding-left: 1.3137151865475565vw;
  }
  .mini_top {
    margin: 1.3137151865475565vw 0 0;
    display: flex;
  }
  .mini_content {
    margin-top: 2.8901734104046244vw;
    padding-left: 2.627430373095113vw;
  }
  .point._4 .mini_text h1 {
    font-size: 1.5764582238570677vw;
  }
  .point._4 .miniP {
    margin-top: 1.3137151865475565vw;
  }
  .point._4 .miniP p {
    text-align: center;
    font-size: 1.2611665790856543vw;
    font-weight: bolder;
    word-break: keep-all;
    overflow-wrap: anywhere;
    color: #000;
    padding-top: 0.2627430373095113vw;
    letter-spacing: 0px;
  }
  .bb {
    height: 12.033631108775618vw;
    width: 12.033631108775618vw;
    font-size: 1.2611665790856543vw;
    padding: 35% 5%;
  }
  .bs {
    height: 9.668943772990016vw;
    width: 9.668943772990016vw;
    font-size: 1.2611665790856543vw;
    padding: 27% 5%;
  }
  .ball_1::after {
    height: 13.137151865475564vw;
    width: 13.137151865475564vw;
    border: 0.1576458223857068vw solid #121e34;
    top: -0.7882291119285338vw;
    left: -0.7882291119285338vw;
  }
  .ball_2::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    left: -0.7882291119285338vw;
  }
  .ball_4::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    top: -0.7882291119285338vw;
    left: 0px;
  }
  .ball_5::after {
    height: 10.509721492380452vw;
    width: 10.509721492380452vw;
    border: 0.1576458223857068vw solid #121e34;
    top: 0px;
    left: -0.7882291119285338vw;
  }
  .ball_6::after {
    height: 13.137151865475564vw;
    width: 13.137151865475564vw;
    border: 0.1576458223857068vw solid #121e34;
    top: 0.2627430373095113vw;
    left: 0.2627430373095113vw;
  }
  .ball_1::before {
    height: 0.05254860746190226vw;
    width: 7.882291119285339vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(343deg);
    top: 33%;
    left: 80%;
  }
  .ball_2::before {
    height: 0.05254860746190226vw;
    width: 8.254861vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(402deg);
    top: 95%;
    left: 65%;
  }
  .ball_3::before {
    height: 0.05254860746190226vw;
    width: 12.08617971623752vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(327deg);
    top: 3%;
    left: 65%;
  }
  .ball_4::before {
    height: 0.05254860746190226vw;
    width: 9.254861vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(405deg);
    top: 107%;
    left: 61%;
  }
  .ball_5::before {
    height: 0.05254860746190226vw;
    width: 9.305833vw;
    border: 0.05254860746190226vw solid #121e34;
    transform: rotateZ(331deg);
    top: 8%;
    left: 76%;
  }
  .posi_1 {
    top: -3.415659485023647vw;
    left: 2.203889vw;
  }
  .posi_2 {
    top: 6.831318970047294vw;
    left: 0vw;
  }
  .point._2 {
    height: 32.79033105622701vw;
    background-color: #fff;
  }
  ._2 .row .col-xs-12.col-lg-2 {
    margin-bottom: -35px;
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(1) {
    margin-top: 60px;
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(2) {
    margin-bottom: -65px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(3) {
    margin-bottom: -20px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(4) {
    margin-bottom: -45px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(5) {
    margin-bottom: -45px
  }
  ._2 .row .col-xs-12.col-lg-2:nth-of-type(6) {
    margin-bottom: 30px;
    right: -10px;
  }


}
@media (max-width: 1700px) {
  ._1_btm::before {
    width: 100%;
  }
  ._1_btm::before {
    left: calc(50% - 50%);
  }
}
@media (min-width: 1200px){
  .point._2 .col-xs-12.col-lg-2 .ball {
    transition: .5s ease;
  }
  .point._2 .col-xs-12.col-lg-2:hover .ball {
    transform: scale(1.15);
  }
}
@media (max-width: 1199px) {
  .miniP h3 {
    font-size: 3.336113427856547vw
  }
  .point._3 .point_list {
    height: auto;
    padding: 0 0 1.509721vw;
  }
  .order_1 img, .order_2 img {
    height: auto;
  }
  .mini_mark {
    height: 14.973958333333334vw;
    width: 17.578125vw;
  }
  .mini_mark .inside {
    height: 14.973958333333334vw;
    width: 14.973958333333334vw;
    left: 1.0416666666666667vw;
  }
  .inside span {
    font-size: 3.90625vw;
    line-height: 14.583333333333334vw;
  }
  .inside::before {
    height: 14.322916666666666vw;
    width: 14.322916666666666vw;
    top: 0.2604166666666667vw;
    left: 2.2135416666666665vw;
  }
  .inside::after {
    height: 14.322916666666666vw;
    width: 14.322916666666666vw;
  }
  .mini_title {
    color: #121e34;
    font-weight: bolder;
    font-size: 3.90625vw;
    line-height: 14.973958333333334vw;
    padding-left: 3.2552083333333335vw;
  }
  .mini_top {
    margin: 3.2552083333333335vw 0 0;
    display: flex;
  }
  .mini_content {
    margin-top: 7.161458333333333vw;
    padding-left: 6.510416666666667vw;
  }
  .point._4 {
    height: auto;
    padding: 0 2vw;
    padding-bottom: 5vw;
  }
  .point._4 .mini_text {
    margin-bottom: 5%;
  }
  .point._4 .mini_text h1 {
    font-size: 5.5vw;
    margin-top: 4vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .point._2 {
    height: auto;
    padding: 2vw 7vw;
  }
  .point._2 .row {
    display: block;
    align-items: center;
    height: 100%;
  }
  .bb {
    height: 42.099249vw;
    width: 42.099249vw;
    font-size: 5.35167vw;
    padding: 13.624277vw 2.1019442984760905vw;
  }
  .bs {
    height: 34.346122vw;
    width: 34.346122vw;
    font-size: 5.261167vw;
    padding: 11.83694vw 1.0509721492380453vw;
  }
  .ball_1::before {
    width: 32.882291vw;
    border: 0.5vw solid #121e34;
    background-color: #121e34;
    transform: rotateZ(391deg);
    top: 92%;
    left: 74%;
  }
  .ball_2::before {
    width: 50.254861vw;
    border: 0.5vw solid #121e34;
    background-color: #121e34;
    transform: rotateZ(144deg);
    top: 110%;
    left: -105%;
  }
  .ball_3::before {
    width: 38.08618vw;
    border: 0.5vw solid #121e34;
    background-color: #121e34;
    transform: rotateZ(201deg);
    top: 87%;
    left: 82%;
  }
  .ball_4::before {
    width: 50.254861vw;
    border: 0.5vw solid #121e34;
    background-color: #121e34;
    transform: rotateZ(144deg);
    top: 106%;
    left: -101%;
  }
  .ball_5::before {
    width: 28.305833vw;
    border: 0.5vw solid #121e34;
    background-color: #121e34;
    transform: rotateZ(31deg);
    top: 91%;
    left: 70%;
  }
  .ball_1::after {
    height: 43.4vw;
    width: 43.4vw;
    border: 0.3vw solid #121e34;
    top: -1.788229vw;
    left: -1.788229vw;
  }
  .ball_2::after {
    height: 36vw;
    width: 36vw;
    border: 0.3vw solid #121e34;
    top: -1.8vw;
    left: 1.011771vw;
    transform: rotateZ(2deg);
  }
  .ball_4::after {
    height: 34.346122vw;
    width: 34.346122vw;
    border: 0.3vw solid #121e34;
    top: 1.511771vw;
    left: 1.511771vw;
    transform: rotateZ(70deg);
  }
  .ball_5::after {
    height: 34.346122vw;
    width: 34.346122vw;
    border: 0.3vw solid #121e34;
    top: 1.5vw;
    left: -1.4vw;
  }
  .ball_6::after {
    height: 42.099249vw;
    width: 42.099249vw;
    border: 0.3vw solid #121e34;
    top: 1.462743vw;
    left: 1.262743vw;
  }
  .posi_1 .ball {
    float: right !important;
    top: unset;
    left: unset;
  }
  .posi_2 .ball {
    float: left !important;
    top: unset;
    left: unset;
  }
  .ball_6 {
    float: right !important;
    top: unset;
    left: unset;
  }
  .b_2, .b_4, .b_6 {
    right: 15px;
  }
  .mini_point {
    order: 1 !important;
  }
  .imgOrder {
    order: 2 !important;
  }
  #tgr .price span {
    font-size: 3.5rem !important;
  }

}
@media (max-width: 1730px) {
  .normal.dropdown.open ul.dropdown-menu {
    left: -87px !important;
  }
}
@media (max-width: 1170px) {
  #info .container {
    width: 100% !important;
    min-height: 260px;
  }
}
@media (max-width: 768px) {
  #banner .slick-prev_ {
    left: 1rem;
    z-index: 400;
  }
  #banner .slick-next_ {
    right: 1rem;
    z-index: 400;
  }
  #info .container {
    width: 100%;
    min-height: 260px;
  }
  #infoimg.container {
    width: 100%;
  }
  .team-item:hover {
    transform: unset !important;
  }
  #banner .slide-item {
    height: 94vw;
  }
  .point._1 {
    padding: 30px;
  }
  .point_mini {
    padding: 0 1rem !important;
  }
  .point_mini .miniimg {
    padding: 0 5% !important;
  }
  .miniP {
    margin-top: -20px;
    padding: 0 5%;
  }
  .miniP p {
    word-break: break-all;
  }
  .miniP h3 {
    font-size: 5.208333333333333vw
  }
  .mini_mark {
    height: 14.973958333333334vw;
    width: 17.578125vw;
  }
  .mini_mark .inside {
    height: 14.973958333333334vw;
    width: 14.973958333333334vw;
    left: 1.0416666666666667vw;
  }
  .inside span {
    font-size: 3.90625vw;
    line-height: 14.583333333333334vw;
  }
  .inside::before {
    height: 14.322916666666666vw;
    width: 14.322916666666666vw;
    top: 0.2604166666666667vw;
    left: 2.2135416666666665vw;
  }
  .inside::after {
    height: 14.322916666666666vw;
    width: 14.322916666666666vw;
  }
  .mini_title {
    color: #121e34;
    font-weight: bolder;
    font-size: 4.90625vw;
    line-height: 14.973958333333334vw;
    padding-left: 3.2552083333333335vw;
  }
  .mini_top {
    margin: 3.2552083333333335vw 0 0;
    display: flex;
  }
  .mini_content {
    margin-top: 7.161458333333333vw;
    padding-left: 6.510416666666667vw;
  }
  .point._4 .point_mini .miniimg {
    padding: 0 5% !important;
  }
  .point._4 .miniP {
    padding: 0px 0%;
  }
  .point._4 .miniP p {
    font-size: 4vw;
  }







}
@media (max-width: 560px){
  ._1_btm::after {
    width: 100%;
    font-size: 4.7vw;
    font-weight: bolder;
    border-radius: 0px;
    left: calc(50% - 50%);
  }
}
@media (max-width: 450px) {
  .point._1 {
    padding: 30px 0px;
  }
  .miniP {
    margin-top: -20px;
    padding: 0 5%;
  }
  .miniP h3 {
    font-size: 1.5rem;
  }
  .mini_text h1 {
    font-size: 140%;
  }
  .mini_text p {
    font-size: 130%;
    letter-spacing: 1px;
    line-height: 1.5;
  }
  .point_mini {
    padding: 0 0.5rem !important;
  }
  .point_mini .miniimg {
    padding: 0 !important;
  }
  .miniP h3 {
    font-size: 7.208333vw;
  }
  .mini_content p {
    font-size: 135%;
  }

  #banner .slick-prev_ {
    display: none !important;
  }
  #banner .slick-next_ {
    display: none !important;
  }
}

/* 2023-01 redesign */
/* 共用樣式 */
.section-headers {
  padding-bottom: 30px;
}
.section-headers .sec-head-title {
  font-size: 2rem;
  color: #0B1931;
  font-weight: bold;
}
.section-headers .sec-head-title strong {
  color: #DAAC4F;  
}
.section-headers .sec-head-stitle {
  font-size: 1.4rem;
  color: #0B1931;
}
input[type="submit"].btn-yellow {
  font-size: 1.5rem;
  padding: 5px;
  background: #DAAC4F;
  color: #ffffff;
}
.btn-yellow-outline {
  color: #DAAC4F;
  padding: 10px 30px;
  border-radius: 30px;
  border: #DAAC4F 3px solid;
}
.btn-yellow-outline:hover,
.btn-yellow-outline:focus {
  color: #DAAC4F;
  position: relative;
  top: 1px;
  left: 1px;
}
.btn-yellow-solid {
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 30px;
  background: #DAAC4F;
}
.btn-yellow-solid:hover,
.btn-yellow-solid:focus {
  color: #ffffff;
  position: relative;
  top: 1px;
  left: 1px;
}

/* banner */
.sec-banner {
  background: url('../images/banner_extend_bg.png') center bottom repeat-x;
}
.sec-banner .bg {
  background: url('../images/banner_bg.jpg') center bottom no-repeat;
  padding-bottom: 10px;
}
.sec-banner .ba-info {
  padding-top: 100px;
  color: #0B1931;
  font-size: 1.5rem;
  text-align: center;
}
.sec-banner .ba-info .title {
  font-size: 3rem;
  font-weight: bold;
}
.sec-banner .ba-info .sub-txt {
  font-size: 1.5rem;
  padding: 10px 0;
  line-height: 1.5;
}
.sec-banner .ba-img {
  padding: 40px 15% 0;
}
@media (min-width: 768px){
  .sec-banner .ba-info {
    text-align: left;
    padding-top: 120px;
  }
  .sec-banner .ba-info .title {
    font-size: 2rem;
  }
  .sec-banner .ba-info .sub-txt {
    padding: 30px 0;
    font-size: 1.2rem;
  }
  .sec-banner .ba-img {
    padding: 80px 0 20px;
  }
}
@media (min-width: 992px){
  .sec-banner .bg {
    padding-bottom: 30px;
  }
  .sec-banner .ba-info {
    padding-top: 160px;
    font-size: 1.8rem;
  }
  .sec-banner .ba-info .title {
    font-size: 3rem;
  }
  .sec-banner .ba-info .sub-txt {
    padding: 50px 0;
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px){
  .sec-banner .ba-info {
    padding-top: 200px;
  }
}

/* Youtube */
.sec-yt .tv-wrap {
  border-radius: 15px;
  overflow: hidden;
  border: #1d2088 2px solid;
  background: #000000;
  position: relative;
  cursor: pointer;
}
.sec-yt .tv-wrap img.yt-thumbnail {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.sec-yt .tv-wrap:hover img.yt-thumbnail {
  opacity: 0.8;
}
.sec-yt .tv-wrap .ytb_btn {
  height: 109px;
  width: 200px;
  background-color: transparent;
  border: 0;
  margin-top: -54px;
  margin-left: -100px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  pointer-events: none;
  transition: 0.3s;
  transform: scale(0.3);
}
.sec-yt .tv-wrap:hover .ytb_btn {
  transform: scale(0.4);
}
@media (min-width: 769px){
  .sec-yt .tv-wrap {
    margin: 0 40px;
  }
  .sec-yt .tv-wrap .ytb_btn {
    transform: scale(0.5);
  }
  .sec-yt .tv-wrap:hover .ytb_btn {
    transform: scale(0.6);
  }
}
@media (min-width: 992px){
  .sec-yt .tv-wrap {
    margin: 0 60px;
  }
  .sec-yt .tv-wrap .ytb_btn {
    transform: scale(0.9);
  }
  .sec-yt .tv-wrap:hover .ytb_btn {
    transform: scale(1);
  }
}
@media (min-width: 1200px){
  .videoPlayerOverlay iframe {
    max-width: 1102px !important;
    max-height: 620px !important;
  }
}

/* 圖示 */
.sec-feature-icon {
  background: url('../images/pink_bg_curve_extend.png') center bottom no-repeat #ffffff;
  background-size: 100% 208px;
  font-size: 1.8rem;
  color: #0B1931;
}
.sec-feature-icon .bg {
  background: url('../images/pink_bg_curve.png') center bottom no-repeat;
  padding: 20px 0 120px;
}
.sec-feature-icon .icon-li {
  text-align: center;
}
.sec-feature-icon .icon-li .img {
  padding: 10px 0;
  width: 150px;
  margin: 0 auto;
}
.sec-feature-icon .icon-li .txt {
  font-size: 1.4rem;
  padding: 10px 0;
}
@media (min-width: 769px){
  .sec-feature-icon .icon-li {
    padding-bottom: 30px;
  }
  .sec-feature-icon .icon-li .img {
    width: 165px;
    padding: 30px 0;
  }
  .sec-feature-icon .icon-li .txt {
    padding: 20px 0;
  }
}
@media (min-width: 992px){
  .sec-feature-icon .icon-li .img {
    width: 180px;
  }
}

/* 4大特色 */
.sec-feature {
  background: url('../images/pink_bg.jpg') center repeat-y #f3f3f5;
  padding: 0 0 30px;
}
.sec-feature .info-img {
  border-radius: 15px;
  margin: 0 auto 15px;
  overflow: hidden;
  box-shadow: 0px 0px 9.8px 0.5px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px){
  .sec-feature .info-img {
    width: 80%;
    margin: 0 auto 30px;
  }
}

/* 方案套餐 */
.sec-buy {
  background: url('../images/pink_bg.jpg') center repeat-y #f3f3f5;
  padding: 60px 0 30px;
}
.sec-buy .buy-item {
  width: calc(100% - 30px);
  height: auto;
  margin: 15px;
  border-radius: 15px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 0px 9.8px 0.5px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}
.sec-buy .buy-item:hover {
  transform: scale(1.05);
}
.sec-buy .plan-option {
  background: #ffffff;
}
.sec-buy .plan-option .topper {
  background: #ffffff;
  color: #DAAC4F;
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 25px 20px 0;
}
.sec-buy .plan-option .topper::after {
  content: "";
  display: block;
  border-bottom: #595656 1px solid;
  margin: 20px 50px 0;
}
.sec-buy .plan-option .info {
  width: 100%;
  overflow: hidden;
}
.sec-buy .plan-option .info ul.info-ul {
  list-style: none;
  padding: 10px 20px 0;
  margin: 0;
  text-align: left;
}
.sec-buy .plan-option .info ul.info-ul li {
  padding: 5px 0;
  font-size: 1.4rem;
  color: #0B1931;
}
.sec-buy .plan-option .price {
  text-align: left;
  color: #0B1931;
  font-size: 2.2rem;
  line-height: 1.1;
  padding: 10px 20px 20px;
  word-wrap:break-word;
}
.sec-buy .plan-option .price .small {
  font-size: 1.4rem;
}
.sec-buy .add-info {
  padding: 15px;
  margin-top: 15px;
  background: rgba(218, 172, 79, 0.1);
  font-size: 1.2rem;
  color: #0B1931;
  border-radius: 15px;
  overflow: hidden;
}
@media (min-width: 768px){
  .sec-buy .flex-wrap {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: start;
  }
  .sec-buy .buy-item {
    width: calc(50% - 30px);
  }
}
@media (min-width: 992px){
  .sec-buy .buy-item {
    width: calc(25% - 30px);
  }
}

/* 與我們聯繫 */
.sec-contact > .container {
  margin-top: -40px;
}
.sec-contact::before {
  content: '';
  display: block;
  width: 100%;
  height: 46px;
  background: url('../images/pink_bg_bot.png') center top no-repeat #ffffff;
}
.sec-contact::after {
  content: '';
  display: block;
  width: 100%;
  height: 46px;
  background: url('../images/pink_bg_top.png') center bottom no-repeat #ffffff;
}
.sec-contact .contact-txt {
  font-size: 1.8rem;
  color: #0B1931;
  line-height: 1.5;
  padding-bottom: 50px;
}
.sec-contact .contact-img {
  width: 300px;
  height: auto;
  margin: 0 auto 20px;
}
@media (min-width: 768px){
  .sec-contact > .container {
    margin-bottom: -40px;
  }
  .sec-contact .contact-txt {
    padding-top: 70px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1200px){
  .sec-contact .contact-img {
    width: calc(100% - 60px);
    margin: 0 30px 20px;
  }
  .sec-contact .contact-txt {
    padding-top: 160px;
  }
}

/* 申請試用 */
.sec-try {
  background: url('../images/pink_bg.jpg') center repeat-y #f3f3f5;
}

/* Footer */
.site-footer-bottom {
	background: #0B1931;
  color: #ffffff;
}
.site-footer-bottom .foo-info {
  font-size: 1.1rem;
}
.site-footer-bottom .foo-info a {
  display: inline-block;
  color: #ffffff;
  transition: 0.3s;
}
.site-footer-bottom .foo-info a:hover {
  transform: scale(0.9);
}
.site-footer-bottom .foo-info strong.foo-title {
  font-size: 1.4rem;
}
.site-footer-bottom .copyrights-left {
  text-align: right;
  font-size: 1rem;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .site-footer-bottom .copyrights-left {
    padding-right: 50px;
  }
}
@media (max-width: 1199px){
  .site-footer-bottom .foo-info,
  .site-footer-bottom .copyrights-left {
    text-align: center;
  }
}
@media (max-width: 767px){
  .site-footer-bottom .foo-info {
    line-height: 3;
  }
}