@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
:target {
    padding-top: 10px;
    margin-top: 10px;
}
body {
  font-family: "Helvetica","Noto Sans TC", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  font-size: 14px;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%
}
main {
  background-color: #8231a7
}
header a {
  display: inherit
}
a {
  color: #4d4d4d;
  text-decoration: none !important
}
a:visited {
  text-decoration: none !important
}
a:active {
  text-decoration: none !important
}
a:hover {
  text-decoration: none !important;
}
p {
  font-size: 2.34vw;
  line-height: 1.3;
  font-weight: 300;
  display: inline-block;
  margin: 20px 0px 10px;
  color: #fff;
  text-align: justify;
}
.feature h1 {
  font-size: 5.2vw;
  letter-spacing: 0.24vw;
  vertical-align: middle;
  display: inline-block;
  color: #fff
}
img {
  max-width: 100%
}
span {
  font-weight: 500
}
.text-center.video {
  padding: 4% 6% 6%;
  position: absolute
}
.video video {
  border: 10px outset #CAAB53
}
.yt_video {
  /border: 1vw outset #CAAB53;
  max-width: 100%;
  display: block;
  height: calc(48vw - 0px)
}
.sec_content_blk {
  position: relative;
  max-width: 100%;
  height: auto;
  border-radius:25px
}
.sec_content_blk2 {
  position: relative;
  max-width: 100%;
  height: auto;
  border-radius: 25px
}
.product_td {
  border-width: 1px;
  border-color: #333333;
  border-style: solid;
  margin: 5px;
  padding: 20px 20px 10px
}
.glodborder {
  border: 1vw outset #CAAB53
}
.phone {
  display: none
}
.linebreak {
  display: none
}
.nbsp {
  line-height: 300%
}
.remark p {
  margin: 10px 0
}
.h1_tittle1 {
  color:#045cb3;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}
.h1_tittle2 {
  color:#045cb3;
  font-weight: 700;
}
.text_contentL {
  padding-top: 3%;
  padding-right: 8%
}
.text_contentR {
  padding-top: 3%;
  padding-left: 4%
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 5px !important;
  padding-right: 5px !important
}
.feature_bg {
  background-image: url("img/img_4.jpg");
  background-size: cover;
  position: relative;
  max-width: 100%;
  padding: 3% 0;
  height: auto
}
.icon img {
  max-width: 14vw
}
.icon_s img {
  max-width: 7vw
}
.img_gifL img {
  border:0;
  border: 0.5vw solid #fff;
  border-radius: 15px;
  margin: -2.8% 2.8%
}
.img_gifR img {
  border: 0.5vw solid #fff;
  border-radius: 15px;
  margin: -2.8% -2.8%
}
.feature {
  width: 78%;
  margin: 6% auto
}
.icon1 img {
  max-width: 100% !important
}
.icon, .icon_s {
  display: inline-block
}
.text-mid {
  margin: 6.5vw auto auto
}
.feature_padL,.feature_padL:after,.feature_padL:before {
  display: table;
  margin-top: -1.5%;
  margin-bottom: -1.5%;
  border-radius: 15px;
  background: gradient(linear, left top, right top, from(rgba(230,230,230,0)), to(rgba(230,230,230,0.6)));
  background: -webkit-gradient(linear, left top, right top, from(rgba(230,230,230,0)), to(rgba(230,230,230,0.6)));
  background: -ms-gradient(linear, left top, right top, from(rgba(230,230,230,0)), to(rgba(230,230,230,0.6)))
}
.feature_padR,.feature_padR:after,.feature_padR:before {
  display: table;
  margin-top: -1.5%;
  margin-bottom: -1.5%;
  border-radius: 15px;
  background: gradient(linear, left top, right top, from(rgba(230,230,230,0.6)), to(rgba(230,230,230,0)));
  background: -webkit-gradient(linear, left top, right top, from(rgba(230,230,230,0.6)), to(rgba(230,230,230,0)));
  background: -ms-gradient(linear, left top, right top, from(rgba(230,230,230,0.6)), to(rgba(230,230,230,0)))
}
.felt img {
  max-width: 95%;
  margin: 2.5% 0
}
p.remark {
  font-size: 1.84vw
}
@media ( max-width : 1199px ){
  .product_td {
      padding: 20px 20px 5px
  }
  .nbsp {
    line-height: 430%
  }
  .text_content span {
    font-size: 2rem
  }
}
@media ( max-width : 991px ){
  .product_td p {
    font-size: 1.6rem
  }
  .product_td {
    padding: 15px 15px 3px
  }
  .up img {
      width: 40% !important
  }
  .plan_tbody td {
    height: 290px
  }
  .plan_td p {
    font-size: 1.45rem;
    letter-spacing: -0.12rem;
	margin-top: 8px;
	margin-bottom: 12px
  }
  .remark p,.announce p {
    font-size: 1.7rem;
	margin: 5px 0
  }
  .nbsp {
    line-height: 375%
  }
  .text_content span {
    font-size: 1.7rem
  }
}
@media ( max-width : 767px ){
  p {
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: -0.2vw
  }
  h1 {
    margin-top: 10px !important
  }
  .feature h1 {
    font-size: 6.6vw
  }
  h1.h1_spacing {
    font-size: 6vw;
    letter-spacing: -1.48vw
  }
  .yt_video {
    max-width: 100%;
    display: block;
    height: 52vw
  }
  .icon img {
    max-width: 12.8vw
  }
  p.remark {
    font-size: 3vw
  }
  .text_contentL {
    padding-top: 1%;
    padding-right: 3.5%
  }
  .text_contentR {
    padding-top: 1%;
    padding-left: 3.5%
  }
  .pc {
    display: none
  }
  .phone {
	display: block
  }
  .icon img {
    max-width: 25%
  }
  .icon, .icon_s {
    display: initial
  }
  .text-mid {
    margin: 2vw auto auto
  }
  .linebreak {
    display: inherit
  }
  .text-center.video {
    /padding: 4% 6% 4%;
    padding: 4% 2.8% 4%;
    /margin-top: 2.4%
  }
  .nbsp {
    line-height: 8.5vw
  }
  .sec_content_blk2 .text-center,.sec_content_blk .text-center {
    padding-top: 5px;
    padding-bottom: 5px
  }
  .feature {
    width: 88%;
    width: 94%;
    margin: 8% auto
  }
  .feature_bg {
    padding: 1% 0 1.5%
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 1.2% !important;
    padding-right: 1.2% !important
  }
  .feature_padL,.feature_padL:after,.feature_padL:before, .feature_padR,.feature_padR:after,.feature_padR:before {
    border-radius: 2vw;
  }
}
@media ( max-width : 479px ){

}