html{font-size: 16px;}
/*html *{font-size: 1rem;}*/
body{
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-family: 'arial', 'Noto Sans TC', sans-serif;
  color: #333;
}

/* 2021-12-24 loading icon -shawn */
.preload{
  /* position: fixed;
  background: #FFF center center no-repeat; */
  /*background-image: url(../i/loading.svg), url(../i/logo-icon.png);*/
  /* background-image: url(../i/loading.svg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; */
}

.preload{
  position: fixed;
  background: url(../i/loading_icon.gif) center center no-repeat;
  
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.preload.preload_background{
  position: fixed;
  background: url(../i/loading_icon.png) center center no-repeat;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
}
.hight_min{
  min-height: 120vh;
}

/*
*{transition: all .50s linear;}
*:hover{transition: all .50s linear;}
*/
a{
  text-decoration: none !important;
  outline: none;
  color: #555555;
}
a:hover{ color: #222222; }

img{max-width: 100%;}
input, select, textarea{outline: none;}

/*=[hover effect]==============================*/
/*
*:hover, *:focus , * {
  transition: all .20s linear
}
*/
#pageWrapper{
  position:relative;
  margin: 0 auto;
  box-sizing: border-box;
  background: #FFF;
}
#pageWrapper.fixed{
  height: 100vh;
  overflow: hidden;
}
.wrapper{
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

/*=[header]=========*/
header{
  /* 2021-11-20 新版面套版 -shawn */
  background: #fff;
}
header .container{

}
header .topbar{
  position: relative;
  padding: 10px 0;
}
header .topbar .logo{
  display: inline-block;
  width: 260px;
}
header .topbar #nav_icon{
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
  color: #777;
  display:none;
}
header .topbar .top-nav{
  text-align: right;
}
header .topbar .top-nav ul{
  display: inline-block;
  padding-left: 10px;
  margin: 20px 0;
}
header .topbar .top-nav li{
  display: inline-block;
  margin-right: 10px;
  line-height: 1.1rem;
}
header .topbar .top-nav a{
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #3a629d;
  padding-right: 12px;
}
header .topbar .top-nav li:last-child a{
  padding-right: 0;
}

.section-title{
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #365ea7;
  padding-left: 20px;
}
.section-title:after{
  content: "";
  position: absolute;
  width: 5px;
  height: 25px;
  top: 0;
  left: 0;
  z-index: 1;
  background: #365ea7;
}
.section-title .btn-more{
  float: right;
  font-size: 1.2rem;
  color: #365ea7;
}
.section-title .note-num{
  color: #C00;
}

.section1{
  background: #f1f1f8;
}
.section1 .search-wrap{
  padding: 30px 0;
}
.section1 .search-wrap input{
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
  background: url(../i/btn-search.png) #fff right center no-repeat;
  background-size: auto 100%;
}
/* 2021-11-10 新版面套版 -shawn */
.section1 .search-wrap .search_btn{
  position:absolute;
  right:10px;

  opacity:0;

  width:67px;
  height:65px;
}
.section1 .search-wrap select{
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
  background: url(../i/btn-select.png) #fff right center no-repeat;
  background-size: auto 100%;
}
.section1 .search-wrap .hot-tag{
  color: #e95d47;
  margin-top: 20px;
  font-size: 1.2rem;
}
.section1 .search-wrap .hot-tag a{
  color: #e95d47;
}

.banner{

}
/* 2021-12-22 首頁_banner -shawn */
.banner .banner.slide-banner ul{
  margin-bottom:0;
}
.banner2{
  background: #5372ab;
  margin: 0;
}
.banner2 h1{
  padding: 30px 0;
  text-align: center;
  font-size: 2rem;
  color: #FFF;
  margin: 0;
}

.banner3{
  background: url(../i/bg-banner3.png) center center no-repeat;
  background-size: cover;
  margin: 0;
  padding: 25px 0;
}
.banner3 .user-pic{
  float: left;
  width: 140px;
}
.banner3 .user-info{
  margin-left: 180px;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.banner3 .user-btn{
  display: block;
  width: 120px;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 10px;
  color: #3a629d;
  background: #FFF;
  border-radius: 10px;
  text-align: center;
  margin: 20px 0;
}

.section2{
  background: #f1f1f8;
}
.section2 .nav2{
  padding: 30px 0 20px;
  text-align: center;
}
.section2 .nav2 .item{
  display: inline-block;
  width: 120px;
  height: 120px;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 20px;
  background: rgba(107, 129, 186, 0.2);
}
.section2 .nav2 .item img{
  width: 70%;
}
.section2 .nav2 .item .item-title{
  display: block;
  font-size: 1.2rem;
  color: #3a629d;
}

.section2 .nav3{
  padding: 20px 0;
  text-align: center;
}
.section2 .nav3 .item{
  display: inline-block;
  /* 2021-12-01 新版面套版 -shawn */
  /* width: 160px;
  height: 160px; */
  width: 180px;
  height: 180px;
  
  padding: 10px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  background: rgba(107, 129, 186, 0.2);
}
.section2 .nav3 .item img{
  /* 2021-12-01 新版面套版 -shawn */
  /* width: 70%; */
  width: 60%;
}
.section2 .nav3 .item .item-title{
  display: block;
  /* 2021-12-01 新版面套版 -shawn */
  /* font-size: 1.4rem; */
  font-size: 1.2rem;
  color: #3a629d;
}

.section2 .nav4{
  padding: 20px 0 0;
  text-align: center;
}
.section2 .nav4 .item{
  display: inline-block;
  width: 260px;
  height: 190px;
  padding: 10px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  background: rgba(107, 129, 186, 0.2);
}
.section2 .nav4 .item img{
  width: 50%;
}
.section2 .nav4 .item .item-title{
  display: block;
  font-size: 1.4rem;
  color: #3a629d;
}

.section2 .nav5{

}
.section2 .nav5 .container{
  padding: 20px 30px;
  border-radius: 10px;
}
.section2 .nav5 .item{
  display: inline-block;
  padding: 10px;
  border: 1px #3a629d solid;
  text-align: center;
}
.section2 .nav5 .item.current{
  color: #FFF;
  background: #3a629d;
}
.section2 .nav5 .item a{
  color: #3a629d;
}
.section2 .nav5 .item.current a{
  color: #FFF;
}

.section3{
  /* 2021-12-09 主題課程 -shawn */
  /* background: #3a629d; */
  background: #F6D85B;
}
.section3 .wrapper{
  /* 2021-12-09 主題課程 -shawn */
  /* color: #FFF; */
  color: #626262;
  font-size: 1.4rem;
  padding: 20px 0;
  text-align: center;
}

.section4{
  background: #f1f1f8;
}
.section4 .wrapper{
  padding: 20px 0;
}
.section4 .item-title{
  margin-top: 20px;
  font-size: 1.2rem;
  color: #464545;
  font-weight: 600;
}
.section4 .item{
  position: relative;
  padding: 0 0 10px 10px;
}
.section4 .item-info{
  padding-left: 0;
  font-size: 1.2rem;
  color: #464545;
  font-weight: 600;
}
.section4 .item-date{
  position: absolute;
  bottom: 10px;
  left: 0;
  font-size: 1rem;
  font-weight: 400;
}

.section5{
  background: #d5dbec;
}
.section5 .wrapper{
  padding: 20px 0;
    /* 2022-02-08 主題課程 -shawn */
    /* min-height:390px; */
}
.section5 .item-title{
  font-size: 1rem;
  padding: 10px 0 5px;
  margin: 0;
}
.section5 .item-date{
  font-size: 0.9rem;
  color: #3a629d;
}
.section5 .item-price{
  float: right;
  font-size: 0.9rem;
  color: #ed1b24;
}
.section5 .tag-img{
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 1;
}

.section6{
  background: #f5ebf0;
}
.section6 .section-title{
  color: #fb7b7f;
}
.section6 .section-title:after{
  background: #fb7b7f;
}
.section6 .section-title .btn-more{
  color: #fb7b7f;
}
.section6 .wrapper{
  padding: 20px 0;
}
.section6 .item2{
  margin-bottom: 40px;
}
.section6 .item2.has-btn{
  padding-bottom: 30px;
}
.section6 .tag{
  float: left;
  display: inline-block;
  padding: 10px;
  margin-top: 15px;
  font-size: 0.8;
  line-height: 0.8rem;
  border-radius: 5px;
  color: #FFF;
  background: #fb7b7f;
}
.section6 .item2 .tag{
  margin-top: 0;
}
.section6 .item-wrap{
  padding: 15px;
  background: #FFF;
  border-radius: 10px;
}
.section6 .item-info{
  margin-left: 70px;
}
.section6 .item-title{
  font-size: 1rem;
  padding: 10px 0 5px;
  margin: 0;
}
.section6 .item2 .item-title{
  margin-bottom: 10px;
  /* 2021-11-09 新版面套版 -shawn */
  min-height:53px;
}
.section6 .item-date{
  font-size: 0.9rem;
  color: #3a629d;
}
.section6 .item-price{
  float: right;
  font-size: 0.9rem;
  color: #ed1b24;
}
.section6 .btn-signup{
  position: relative;
  z-index: 1;
  display: block;
  color: #FFF;
  background: #3a629d;
  padding: 12px;
  margin-top: -10px;
  text-align: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.section7{
  background: #d1e3eb;
}
.section7 .section-title{
  color: #1893a2;
}
.section7 .section-title:after{
  background: #1893a2;
}
.section7 .section-title .btn-more{
  color: #1893a2;
}
.section7 .wrapper{
  padding: 20px 0;
}
.section7 .tag{
  float: left;
  display: inline-block;
  padding: 10px;
  margin-top: 15px;
  font-size: 0.8;
  line-height: 0.8rem;
  border-radius: 5px;
  color: #FFF;
  background: #1893a2;
}
.section7 .item-info{
  margin-left: 70px;
}
.section7 .item-title{
  font-size: 1rem;
  padding: 10px 0 5px;
  margin: 0;
}
.section7 .item-date{
  font-size: 0.9rem;
  color: #3a629d;
}

.section8{
  background: #f5ebcb;
}
.section8 .section-title{
  color: #c79e01;
}
.section8 .section-title:after{
  background: #c79e01;
}
.section8 .section-title .btn-more{
  color: #c79e01;
}
.section8 .wrapper{
  padding: 20px 0;
}
.section8 .tag{
  float: left;
  display: inline-block;
  padding: 10px;
  margin-top: 15px;
  font-size: 0.8;
  line-height: 0.8rem;
  border-radius: 5px;
  color: #FFF;
  background: #c79e01;
}
.section8 .item-info{
  margin-left: 70px;
}
.section8 .item-title{
  font-size: 1rem;
  padding: 10px 0 5px;
  margin: 0;
}
.section8 .item-date{
  font-size: 0.9rem;
  color: #3a629d;
}

.section9{
  background: #f1f1f8;
}
.section9 .wrapper{
  padding: 20px 0;
}
.section9 .item{
  margin: 0 2px 30px;
  border-radius: 20px;
  padding: 10px;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}
.section9 .item-title{
  font-size: 1.3rem;
  font-weight: 600;
  padding: 5px 0;
  margin: 0;
  color: #365ea7;
}
.section9 .item-des{
  font-size: 1rem;
  color: #a3a3a3;
}

.section10{
  background: #f1f1f8;
}
.section10 .wrapper{
  padding: 20px 0 60px;
}
.section10 .item{
  position: relative;
  border-radius: 20px;
  padding: 100px 40px 40px;
  box-sizing: border-box;
  color: #365ea7;
  background: #FFF;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}
.section10 .item .tag{
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1;
  padding: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #FFF;
  background: #365ea7;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4rem;
  letter-spacing: 4px;
}
.section10 .item-title{
  text-align: center;
  font-size: 2rem;
}
.section10 .item-title img{
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin-right: 15px;
}
.section10 .item-price{
  text-align: center;
  font-size: 2rem;
  margin: 10px 0 0;
}
.section10 .item-price span{
  font-size: 5rem;
}
.section10 .item-price img{
  display: inline-block;
  vertical-align: top;
  width: 60px;
  margin-top: 30px;
  margin-left: 15px;
}
.section10 .item-price2{
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.section10 .line{
  margin: 20px 0;
  border-bottom: 2px #365ea7 solid;
}
.section10 .plan-table{
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
}
.section10 .plan-table td{padding: 8px 0;}
.section10 .plan-table tr td:last-child{
  text-align: center;
  width: 160px;
}
.section10 .btn-order{
  display: block;
  margin: 40px auto 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
  padding: 15px;
  width: 260px;
  text-align: center;
  border-radius: 25px;
  color: #FFF;
  background: #365ea7;
  letter-spacing: 5px;
}

.section10 .item2{
  color: #FFF;
  background: #365ea7;
}
.section10 .item2 .line{
  margin: 20px 0;
  border-bottom: 2px #FFF solid;
}
.section10 .item2 .tag{
  color: #365ea7;
  background: #FFF;
}
.section10 .item2 .btn-order{
  color: #365ea7;
  background: #FFF;
}

.section11{
  background: #f1f1f8;
}
.section11 .wrapper{
  padding: 40px 0 60px;
}
.section11 .map{
  display: block;
  position: relative;
}
.section11 .icon-gps{
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  width: 50px;
}
.section11 .map-info{
  position: relative;
  padding: 20px;
  color: #a3a3a3;
  background: #FFF;
  border-bottom: 1px #dadce0 solid;
  font-size: 1.2rem;
  line-height: 2rem;
}
.section11 .map-info h3{
  font-size: 2rem;
  font-weight: 600;
  color: #464545;
}
.section11 .map-info .tel{
  color: #464545;
}
.section11 .map-icons{
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translate(0, -50%);
}
.section11 .map-icons .icon2{
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  border: 1px #CCC solid;
  margin: 0 5px;
  line-height: 1rem;
}

.section11 .dr-pic{
  display: block;
  margin: auto;
  width: 80%;
}
.section11 .content-wrap{
  padding: 20px;
  border-radius: 20px;
  background: #FFF;
  color: #464545;
  font-size: 1.2rem;
  line-height: 2rem;
}
.section11 .content-wrap h3{
  font-size: 2rem;
  font-weight: 600;
  color: #365ea7;
}
.section11 .btn-signup{
  /* 2021-11-19 新版面套版 -shawn */
  /* position: relative; */
  z-index: 1;
  /* 2021-11-19 新版面套版 -shawn */
  /* display: block; */
  color: #FFF;
  background: #3a629d;
  padding: 12px;
  /* 2021-11-19 新版面套版 -shawn */
  /* margin-top: -10px; */
  text-align: center;
  /* 2021-11-09 新版面套版 -shawn */
  /* border-bottom-left-radius: 20px; */
  /* border-bottom-right-radius: 20px; */
}

.section12.bg-green{
  border-bottom: 2px #1ebbce solid;
}
.section12.bg-yellow{
  border-bottom: 2px #c79e01 solid;
}
/* 2021-11-18 新版面套版 -shawn */
.section12.bg-pink{
  border-bottom: 2px #fc7b80 solid;
}
.section12.bg-gray{
  border-bottom: 2px #7f8180 solid;
}
.section12.bg-blue{
  border-bottom: 2px #1ebbce solid;
}

.section12 h2{
  color: #FFF;
  background: #1ebbce;
  width: 90%;
  max-width: 800px;
  padding: 15px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin: 0 auto;
  box-sizing: border-box;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.section12.bg-green h2{
  background: #1ebbce;
}
.section12.bg-yellow h2{
  background: #c79e01;
}
/* 2021-11-18 新版面套版 -shawn */
.section12.bg-pink h2{
  background: #fc7b80;
}
.section12.bg-gray h2{
  background: #7f8180;
}
.section12.bg-blue h2{
  background: #1ebbce;
}

.section13 .wrapper{
  padding: 40px 0 60px;
}
.section13 #sleepData {
  margin-top: 20px;
}
.section13 .data-wrap{
  border-radius: 20px;
  padding: 20px;
  /*margin-top: 40px;*/
  background: #FFF;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}

.section13 .data-wrap-title {
  margin: 0;
  margin-top: 45px;
  margin-bottom: 15px;
  color: #3a629d;
  font-weight: 700;
  font-size: 1.2rem;
}
.section13 .data-wrap-title img {
  vertical-align: bottom;
  line-height: 0;
  width: 30px;
}

.section13 .data-wrap .content {
  max-width: 660px;
  margin: 0 auto;
}
/* PDF Button -carry */
.swal2-popup .swal2-styled:focus {
  box-shadow: none !important;
}
.section13 .export-pdf{
  padding-top: 24px;
  color: #3A5DAE;
  border-color: #3A5DAE;
  width: 100%;
}
.section13 .export-pdf form{
  text-align: center;
}
.section13 .export-pdf .btn{
  width: 100%;
  display: inline-block;
  font-size: 1rem;
  padding: 8px;
  min-width: 200px;
  box-sizing: border-box;
  text-align: center;
  color: #3A5DAE;
  background: transparent;
  border-color: #3A5DAE;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
}
.section13 .export-pdf .pdf-icon{
  display: inline-block;
  background: url(../i/export-pdf.png) no-repeat;
  background-size: 18px;
  background-position: center;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}
.section13 .export-pdf .btn:focus{
  outline: 0;
  box-shadow: none;
}
.section13 .export-pdf button:disabled,
.section13 .export-pdf button[disabled] {
  border: 1px solid transparent;
  background-color: #cccccc;
  color: #666666;
}
.section13 .export-pdf button:disabled:hover,
.section13 .export-pdf button[disabled]:hover {
  border: 1px solid transparent;
  background-color: #cccccc;
  color: #666666;
}
.section13 .export-pdf button.btn:hover:not([disabled]){
  color: #FFF;
  background: #304d92;
}
.section13 .export-pdf button.btn:hover:not([disabled]) .pdf-icon{
  background: url(../i/export-pdf-white.png) no-repeat;
  background-size: 18px;
  background-position: center;
  width: 18px;
  height: 18px;
}
/* PDF Loading */
.section13 .export-pdf button .snippet{
  display: none;
  position: relative;
  left: 16px;
}
.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #7F8189;
  color: #7F8189;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: .5s;
}
.dot-flashing::before,
.dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #7F8189;
  color: #7F8189;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}
.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #7F8189;
  color: #7F8189;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dotFlashing {
  0% {
    background-color: #7F8189;
  }
  50%,
  100% {
    background-color: #e1e1e1;
  }
}
/* END PDF Button */
.section13 .content-title{
  color: #192464;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 500;
}
.section13 .date{
  display: inline-block;
  margin: 0 20px;
  color: #3a629d;
  font-size: 1.25rem;
}
.section13 .data1 .info{
  font-size: 2rem;
}
.section13 .data1 .info2{
  font-size: 1.1rem;
  margin-top: 70px;
  font-weight: 700;

}
.section13 .data1 .circle1{
  display: inline-block;
  font-size: 3.4rem;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 15px #fce7e3 solid;
  text-align: center;
  color: #fc2b64;
  padding: 20px 0;
}
.section13 .data1 .circle2{
  display: inline-block;
  font-size: 3.4rem;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 15px #e1e7f0 solid;
  text-align: center;
  color: #3a629d;
  padding: 20px 0;
}
.section13 .data1 .circle-title{
  font-size: 1.2rem;
  color: #606060;
  margin-top: -10px;
  margin-bottom: 30px;
}
.section13 .data1 .data-title{
  display: inline-block;
  width: 100px;
}
.section13 .data4{
  margin: 30px 0;
}
.section13 .data4 .num{
  font-size: 3rem;
  font-weight: 500;
}
.section13 .data-wrap2{
  padding-top: 40px;
}
.section13 .data-item{
  padding: 30px 0;
  text-align: center;
  border-top: 1px #DDD solid;
}
.section13 .data-time2{
  font-size: 3rem;
  color: #3a629d;
}
.section13 .data-title2{
  font-size: 2rem;
}
.section13 .data-item:nth-of-type(2n){
  border-left: 1px #DDD solid;
}


/*=[page]=========*/
.s1 .section5 .wrapper{
  padding: 40px 0;
}
.s1 .section5 .item3 .item-wrap{
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  padding: 20px 20px 20px 80px;
  border-radius: 20px;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}
.s1 .section5 .item3 .item-wrap.note:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #C00;
  border-radius: 50%;
  margin: auto 0;
}
.s1 .section5 .item3 .btn-close{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  z-index: 1;
  height: 2rem;
  margin: auto 0;
  font-size: 2rem;
  line-height: 2rem;
  color: #BBB;
}
.s1 .section5 .item3 .item-date{
  color: #5372ab;
  font-size: 1.2rem;
}
.s1 .section5 .article-title{
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.s1 .section5 .article-content{
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #464545;
  padding-bottom: 60px;
}
.s1 .section6 .item-info2{
  color: #a3a3a3;
}
.s1 .section6 .item-title{
  font-size: 1.3rem;
  font-weight: 600;
  color: #5372ab;
  margin-bottom: 5px;
}
.s1 .section6 .info-title{
  display: inline-block;
  width: 80px;
}
.s1 .section2 .nav2 .item{
  margin: 0 20px;
  background: #dde0ef;
}

.s2 .section5 .wrapper{
  padding: 40px 0;
}
.s2 .section5 .item3 .item-wrap{
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 20px;
  border: 1px #365ea7 solid;
}
.s2 .section5 .item3 .item-head{
  float: left;
  width: 100px;
  color: #365ea7;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.s2 .section5 .item3 .num{
  display: inline-block;
  font-size: 3.2rem;
  line-height: 3.2rem;
}
.s2 .section5 .item3 .item-tag{
  font-size: 1.2rem;
  line-height: 1.2rem;
  width: 100%;
  color: #FFF;
  background: #fdadaf;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.s2 .section5 .item3 .item-info{
  margin-left: 120px;
  color: #365ea7;
}
.s2 .section5 .item3 .item-title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6rem;
  margin-bottom: 10px;
}
.s2 .section5 .item3 .item-foot{
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #FFF;
  background: #365ea7;
  padding: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.s2 .section5 .item4 .item-wrap{
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  padding: 20px 20px 20px 80px;
  border-radius: 20px;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}
.s2 .section5 .item4 .item-wrap.note:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #C00;
  border-radius: 50%;
  margin: auto 0;
}
.s2 .section5 .item4 .btn-close{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  z-index: 1;
  height: 2rem;
  margin: auto 0;
  font-size: 2rem;
  line-height: 2rem;
  color: #BBB;
}
.s2 .section5 .item4 .item-pic{
  width: 120px;
}
.s2 .section5 .item4 .item-title{
  display: inline-block;
  margin-left: 10px;
  font-size: 1.4rem;
}
.s2 .profile .user-pic-wrap{
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
}
.s2 .profile .user-pic{
  display: inline-block;
}
.s2 .profile .btn-edit{
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 1;
  width: 60px;
}
.s2 .profile input, .s2 .profile select{
  text-align: center;
}
.s2 .profile label{
  position: absolute;
  top: 20px;
  left: 20px;
  color: #3a629d;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4rem;
}
.s2 .profile .checkbox-txt{
  display: inline-block;
  vertical-align: baseline;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-left: 20px;
}
.s2 .date-wrap{
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.s2 .date-wrap .date{
  display: inline-block;
  margin: 0 20px;
  color: #3a629d;
  font-size: 1.4rem;
}
.s2 .section5 .item3 a.record{
  color: #FFF;
}
.s3 .section5 .wrapper{
  padding-bottom: 60px;
}
.s3 .section5 .item{
  margin-bottom: 40px;
}
.s3 .section11 .tag-free{
  display: inline-block;
  padding: 8px;
  color: #e95d47;
  background: #ffc1b8;
  line-height: 1rem;
}
.s3 .section11 .tag-buy{
  display: inline-block;
  padding: 8px;
  color: #5372ab;
  background: #66B3FF;
  line-height: 1rem;
}

.s4 .search-wrap{
  padding: 30px 0 0;
}


/*=[footer]=========*/

footer {
    padding: 50px 0 30px;
    background: #1a232c;
    color: #FFF;
    text-align: center;
}
footer a{
  display: inline-block;
  color: #FFF;
  margin: 10px;
  border-bottom: 1px #FFF solid;
  line-height: 1rem;
}
footer a:hover{
  color: #FFF;
}


/*=[common]=========*/
input, textarea, select{
  color: #666;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
  border: none;
  resize: none;
  font-size: 1.4rem;
}

input.bg, select.bg, textarea.bg{
  background-color: #EFEFEF;
}
input.border, select.border, textarea.border{
  border: 1px #DCDDDD solid;
}
input.border-blue, select.border-blue, textarea.border-blue{
  border: 1px #3a629d solid;
}

input[type=radio],input[type=checkbox]{
  margin-bottom: 0;
  width: 22px;
  height: 22px;
}
input[type=submit],input[type=button]{
  color: #FFF;
  border: none;
  background: #2E454C;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 12px;
}
input[type=submit]:hover, input[type=button]:hover{
  background: #425D72;
}
input[type=reset]{
  color: #999;
  border: 1px #CCC solid;
  background: #FFF;
  cursor: pointer;
}
input[type=reset]:hover{
  background: #CCC;
}
select{
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none;
  background: url(../i/btn-select.png) #fff right center no-repeat;
  background-size: auto 100%;
}
input::-webkit-input-placeholder {
    font-size: 1.4rem;
}
.input-control{
  position: relative;
  margin-bottom: 30px;
}

.mobile{display: none !important;}
.mobile1{display: block !important;}
.cover{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0, 0.7);
  z-index: 10;
  display: none;
}

.cover_background{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255);
  z-index: 10;
}

.cover2{
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
  left: 15px;
  background: rgba(0,0,0, 0.6);
  z-index: 10;
  border-radius: 20px;

  /* 2021-11-08 新版面套版 -shawn */
  min-height:350px;
}
.cover2 .msg{
  font-size: 1.6rem;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
/* 2021-11-08 新版面套版 -shawn */
.opacity_0{
  opacity:0;
}

.tableBorder{
  border-collapse: collapse;
    width:100%;
    border-collapse: collapse;
}
.tableBorder th{
  padding: 20px 10px;
  border-bottom: 1px #CCC solid;
  text-align:left;
}
.tableBorder td{
  padding: 20px 10px;
  border-bottom: 1px #CCC solid;
  text-align:left;
}

.btn{
  display: inline-block;
  font-size: 1.4rem;
  padding: 15px;
  min-width: 200px;
  box-sizing: border-box;
  text-align: center;
  color: #FFF;
  background: #5372ab;
  border: none;
  border-radius: 15px;
  transition: background-color .5s;
}
.update_btn{
  min-width: 120px;
}
.btn:hover{
  color: #FFF;
  background: #425D72;
}
.btn-block{
  width: 100%;
  display: block;
}
.btn-round{
  border-radius: 40px;
}
.btn-gap{
  margin: 20px 0;
}
.btn-reset{
  color: #333;
  background: #CCC;
}

.pages{
  margin: 30px 0;
}
.pages a{
  display: inline-block;
  color: #B5B5B6;
  width: 10px;
  margin: 0 5px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2rem;
}
.pages a.current, .pages a:hover{
  color: #000; 
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.item-pic{
  width: 100%;
  max-width: 100%;
}
.round-img{
  border-radius: 10px;
}
.circle-img{
  border-radius: 50%;
}

.tabs{
  text-align: center;
  margin-bottom: 30px;
}
.tabs .tab{

}
.tabs .tab a{
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #a3a3a3;
  padding-bottom: 10px;
}
.tabs .tab a.current{
  color: #3a629d;
  border-bottom: 2px #3a629d solid;
}
.tabs .tab a.alert2:after{
  content: "";
  position: absolute;
  top: 10px;
  left: -30px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #C00;
  border-radius: 50%;
}
.tabs .tab .subtab{

}
.tabs .tab .subtab a{
  display: inline-block;
  /* 2022-06-21 hotfix/18780 -shawn */
  /* padding: 8px 20px; */
  padding: 8px 10px;
  margin: 20px 5px 0;
  border-radius: 20px;
  border: 1px #3a629d solid;
  line-height: 1.4rem;
  color: #3a629d;
}
.tabs .tab .subtab a.current{
  color: #FFF;
  background: #3a629d;
}
.tabs2{
  margin: 0 0 40px;
  text-align: center;
}
.tabs2 .tab{
  display: inline-block;
  margin: 0 20px;
}
.tabs2 .tab a{
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  color: #a3a3a3;
  padding-bottom: 10px;
}
.tabs2 .tab a.current{
  color: #3a629d;
  border-bottom: 2px #3a629d solid;
}

.tabs3{
  margin: 60px 0 20px;
  text-align: center;
}
.tabs3 .tab{
  display: inline-block;
}
.tabs3 .tab a{
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  width: 120px;
  padding: 10px;
  color: #3a629d;
  border-radius: 30px;
  border: 1px #3a629d solid;
}
.tabs3 .tab a:hover{
  color: #FFF;
  background: #5888d0;
  transition: .25s ease-out 5ms;
}
.tabs3 .tab a.current{
  color: #FFF;
  background: #3a629d;
}

.price-del{
  color: #CCC;
  text-decoration: line-through;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.price{
  color: #3a629d;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.article-title{
  font-size: 2rem;  
}
.article-subtitle{
  font-size: 1.2rem;
  line-height: 2rem;
  color: #464545;
}
.article-date{
  font-size: 1.2rem;
  line-height: 2rem;
  color: #3a629d;
}
/* 2021-11-10 新版面套版 -shawn */
.article-date .views{
  padding:0 0 0 5px;
}
.article-presenter{
  font-size: 1.2rem;
  line-height: 2rem;
  color: #757575;
}
.article-number{
  font-size: 1.2rem;
  line-height: 2rem;
  color: #a3a3a3;
}
.article-video{
  margin: 30px 0;
}
.article-content{
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #a3a3a3;
  padding-bottom: 60px;
}

/* 2022-03-03 內文圖片上傳 -shawn */
.img {
  width: 100%;
  margin-bottom: 10px;
}

.img audio,
.img img {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.img,
.align-right,
.align-left,
.align-center,
.img          span,
.align-right  span,
.align-left   span,
.align-center span {
    color: #737375;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
}

.align-right {
    float: right;
    width: 50%;
    margin-left: 10px;
}

.align-left {
    float: left;
    width: 50%;
    margin-right: 10px;
}

.align-center {
    margin: 0 auto 10px;
}

.align-right  audio,
.align-left   audio,
.align-center audio,
.align-right  img,
.align-left   img,
.align-center img {
    width: 100%;
}

.pic,
.pic-l,
.pic-r {
    color: #737375;
    font-size: 12px;
    line-height: 120%;
    word-break: break-all;
    text-align: center;
}

.pic {
    clear: both;
}

.pic-l {
    float: left;
}

.pic-r {
    float: right;
}

.pic   audio,
.pic-l audio,
.pic-r audio,
.pic   img,
.pic-l img,
.pic-r img {
    display: block;
    width: 100%;
}

.pic   p,
.pic-l p,
.pic-r p,
.pic   span,
.pic-l span,
.pic-r span {
    margin: 0;
    padding: 5px 0;
    color: #737375;
    font-size: 12px;
    line-height: 120%;
}

.pic   span,
.pic-l span,
.pic-r span {
    display: inline-block;
}

/* 2022-02-22 主題課程 -shawn */
.section11 .article-content img{
  height: auto;
}

/* 2021-11-12 新版面套版 -shawn */
.section11 .article-content.color_initial{
  color:initial;
}
.order-wrap{
  border-radius: 20px;
  background: #FFF;
  padding: 30px;
  margin: 30px 0;
}
.class-wrap{
  border-radius: 20px;
  background: #FFF;
  padding: 30px;
  margin: 30px 0;
}
.class-table td{
  padding: 10px;
  font-size: 1.2rem;
  line-height: 2rem;
  vertical-align: top;
}
.class-table tr td:first-child{
  width: 70px;
}
/* 2022-01-14 主題課程 套版 -shawn */
.class-table .pass{
  /* cursor:pointer; */
}
.class-icon{
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 10px 0;
}

.video-container {
  position: relative;
  /* padding-bottom: 56.25%; */
  width:100%;
  /* height: 0; */
}
/* 2021-11-09 新版面套版 -shawn */
.video-container img{
  width:100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.color-red{
  color: #fc2b64!important;
}
.color-green{
  color: #1ebbce!important;
}
.color-yellow{
  color: #e9b901!important;
}
.bg-gray{
  background: #f1f1f8!important;
}
.bg-green{
  background: #ddf5f8!important;
}
.bg-yellow{
  background: #fff5d0!important;
}
/* 2021-11-18 新版面套版 -shawn */
.bg-pink{
  background: #fff5f4!important;
}

.bg-green2{
  background: #1ebbce!important;
}
.bg-yellow2{
  background: #e9b901!important;
}

.bg-blue{
  background: #dae9fb!important;
}

.calendar-table{
  width: 100%;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 1.4px 1.4px 12px 0 rgba(22, 22, 21, 0.1);
}
.calendar-table td{
  padding: 20px;
  font-size: 1.4rem;
  border-bottom: 1px #CCC solid;
}
.calendar-table td .ym{
  color: #3a629d;
}
.calendar-table td .week{
  color: #a3a3a3;
}
.calendar-table td .day{
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
}
.calendar-table td .day.current{
  color: #FFF;
  background: #3a629d;
}

.no-gap-top{
  padding-top: 0!important;
}


@media screen and (max-width: 1000px) {
  .pad{ display: none !important;}
  .mobile-block{display: block !important;}
  .mobile1-block{display: block !important;}
  /* 2022-06-21 hotfix/18780 -shawn */
  .tabs .tab a{
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .desktop{ display: none !important;}
  .mobile{ display: block !important;}
  .mobile1{ display: block !important;}
  header .topbar .logo{width: 200px;}
  header .topbar .top-nav{
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 1000;
    width: 300px;
    height: 100vh;
    background: #365ea7;
    border: none;
    padding: 20px 10px 10px;
    box-sizing: border-box;
    transition: left 1s;
    overflow: hidden;
    overflow-y: scroll;
    text-align: left;
  }
  header .topbar .top-nav.open{
        left: 0;
  }
  header .topbar .top-nav ul{
    display: block;
    padding-left: 0;
  }
  header .topbar .top-nav li{
    display: block;
    margin-right: 0;
    border-bottom: 1px #FFF solid;
  }
  header .topbar .top-nav a{
    display: block;
    padding-right: 0;
    border-right: none;
    padding: 20px 10px;
    color: #FFF;
  }
  header .topbar #nav_icon{display:block;}
  header .topbar .top-nav .btn-closenav{
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
  }

  footer .wrapper2{padding: 20px;}
  footer .w3-col{margin-bottom: 20px;}
  footer .copyright{font-size: 15px;}

  input, textarea, select{
    padding: 10px;
  }
  .input-control{
    margin-bottom: 20px;
  }

  .banner3 .user-pic{
    width: 80px;
  }
  .banner3 .user-info{
    margin-left: 100px;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .banner3 .user-btn{
    display: inline-block;
    width: 100px;
    font-size: 0.9rem;
    line-height: 0.9rem;
    padding: 8px;
    text-align: center;
    margin: 5px 0;
  }

  .section1 .search-wrap{
    /* 2021-12-01 版面調整 -shawn */
    /* padding: 30px 0; */
    padding: 30px 0 0 0;
  }
  .section1 .search-wrap .hot-tag{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1rem;
  }
  .section1 .qrcode{
    display: block;
    /* 2021-11-16 新版面套版 -shawn */
    /* cursor:pointer; */
  }
  .section2 .nav2{
    padding: 10px 0 0;
  }
  .section2 .nav2 .item{
    width: 23vw;
    height: 23vw;
    margin: 0;
  }
  .section2 .nav2 .item .item-title{
    font-size: 0.9rem;
  }
  .s1 .section2 .nav2 .item .item-title {
    font-size: .8rem;
  }
  .service.section2 .nav2 .item{
    width: 23vw;
    height: 23vw;
    margin: 0;
  }
  .service.section2 .nav2 .item .item-title{
    font-size: 0.9rem;
  }
  .service.section2 .nav2 .item .item-title {
    font-size: .9rem;
  }
  .section2 .nav3{
    padding: 0;
  }
    /* 2021-12-01 新版面套版 -shawn */
  .section2 .nav3 .item{
    /* width: 30vw;
    height: 30vw; */
    width: 35vw;
    height: 35vw;
    margin: 0 0 5px;
  }
  .section2 .nav3 .item .item-title{
    font-size: 1rem;
  }
  .section2 .nav4{
    padding: 0;
  }
  .section2 .nav4 .item{
    width: 23vw;
    height: 23vw;
    margin: 0;
  }
  .section2 .nav4 .item img{
    width: 70%;
  }
  .section2 .nav4 .item .item-title{
    font-size: 1rem;
  }

  .section2 .nav5 .container {
    /*padding: 0;*/
  }

  .section3 .wrapper{
    /* 2021-12-09 主題課程 -shawn */
    /* font-size: 1rem; */
  }
  .section3 .wrapper img{
    /* 2021-12-09 主題課程 -shawn */
    /* width: 40px; */
  }
  .section4 .item-info-lg{
    margin-bottom: 20px;
  }
  .section4 .item-info{
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .section4 .item-date{
    font-size: 0.8rem;
    bottom: 0;
  }

  .section5 .item, .section6 .item, .section7 .item, .section8 .item{
    margin-bottom: 20px;
  }
  .section10 .item{
    padding: 80px 20px 20px;
    margin-bottom: 20px;
  }
  .section10 .item-price{
    font-size: 2rem;
  }
  .section10 .item-price span{
    font-size: 3rem;
  }
  .section10 .item-price img{
    width: 50px;
    margin-top: 0;
    margin-left: 0;
  }
  .section10 .item-price2{
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .section10 .plan-table{
    width: 100%;
    font-size: 1.2rem;
    font-weight: 600;
  }
  .section10 .plan-table td{padding: 5px 0;}
  .section10 .plan-table tr td:last-child{
    text-align: center;
    width: 80px;
  }
  .section11 .article-content{
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .section11 .class-table td{
    font-size: 1rem;
  }
  .section11 .map-icons{
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 1;
    transform: translate(0, 0);
  }
  .section11 .map-icons .icon2{
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    border: 1px #CCC solid;
    margin: 0 5px;
  }

  .section13 .wrapper{
    padding-top: 20px;
  }
  
  .section13 .data1 .circle1{
    font-size: 2.2rem;
    width: 100px;
    height: 100px;
    border: 10px #fce7e3 solid;
    padding: 15px 0;
  }
  .section13 .data1 .circle2{
    font-size: 2.2rem;
    width: 100px;
    height: 100px;
    border: 10px #e1e7f0 solid;
    padding: 15px 0;
  }
  .section13 .data1 .circle-title{
    font-size: 1rem;
    color: #a3a3a3;
    margin-top: 10px;
  }
  .section13 .data1 .data-title{
    display: inline-block;
    width: 160px;
  }
  .section13 .data4 .col-4{
    padding: 0;
  }
  .section13 .data4 .num{
    font-size: 1.4rem;
    font-weight: 500;
  }
  .section13 .data-time2{
    font-size: 2rem;
    color: #3a629d;
  }
  .section13 .data-title2{
    font-size: 1rem;
  }
  .section13 .data1 .info{
    font-size: 1.2rem;
    margin: 0 0 0 10px;
  }
  .section13 .data1 .info2{
    /* 2022-02-21 健康存摺 -shawn */
    /* font-size: 1.4rem; */
    font-size: 1.2rem;
    margin-top: 8px;
    margin-left: -13px;/*sky新增文字靠左調整*/
  }
  .section13 .data1 .data-title{
    display: inline-block;
    /* 2022-02-21 健康存摺 -shawn */
    /* width: 110px; */
    width: 90px;
  }
  .s1 .section6 .item2{
    margin-bottom: 0;
  }
  /* 2021-11-16 新版面套版 -shawn */
  /* .s1 .section6 .item-pic{
    float: left;
    width: 100px;
  } */
  .s1 .section6 .item-info2{
    margin-left: 120px;
    font-size: 0.9rem;
  }
  .s1 .section6 .item-title{
    font-size: 1rem;
    /* 2021-11-19 新版面套版 -shawn */
    /* padding: 0; */
    padding: 10px 0 5px;
  }
  
  .s2 .section5 .item4 .item-wrap{
    padding: 20px 40px;
  }
  .s2 .section5 .item4 .item-wrap.note:after{
    content: "";
    left: 15px;
  }
  .s2 .section5 .item4 .btn-close{
    right: 15px;
  }

  .s2 .section5 .item3 .item-head{
    float: none;
  }
  .s2 .section5 .item3 .item-info{
    margin-left: 0;
    margin-top: 10px;
  }
  .s2 .section5 .item4 .item-pic{
    width: 80px;
  }
  .s2 .date-wrap{
    top: 0;
    left: auto;
    right: 10px;
    transform: translate(0, 0);
  }
  .s2 .date-wrap img{
    width: 26px;
  }
  .s2 .date-wrap .date{
    margin: 0 5px;
    font-size: 1rem;
  }
  .s2 .section1 .search-wrap{
    padding: 0 0 20px;
  }
  .s2 .section1 .search-wrap .hot-tag{
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1rem;
  }
  .s2 .section6 .item2{
    margin-bottom: 10px;
  }
  .s2 .section6 .item-pic{
    float: left;
    width: 100px;
  }
  .s2 .section6 .item-info2{
    margin-left: 120px;
    font-size: 0.9rem;
  }
  .s2 .section6 .item-title{
    margin: 0;
    padding: 0;
  }
  .s2 .section6 .item-info{
    margin: 0;
  }
  .s2 .section6 .item-price{
    display: none;
  }
  .s2 .profile label{
    top: 18px;
    left: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2rem;
  }
  .s2 .btn{
    min-width: 100px;
  }

  /* 2021-11-09 新版面套版 -shawn */
  .s2 .section6 .wrapper{
    padding: 0 0 20px 0;
  }
  .s1 .section6 .wrapper{
    padding: 20px 0;
  }
  .index .section6 .wrapper{
    padding: 20px 0;
  }

  /* 2021-11-09 新版面套版 -shawn */
  /* 將父層 .s3 移除了，不確定在 找知識 以外的頁面是否會有影響 */
  .s3 .section6 .item2{
    margin-bottom: 10px;
  }
  .s3 .section6 .item-pic{
    float: left;
    width: 110px;
  }
  .s3 .section6 .item-info{
    margin-left:0;
  }
  .s3 .section6 .item-info2{
    margin-left: 120px;
  }
  .s3 .section6 .item-title{
    font-size: 1rem;
    padding: 0 0 5px;
    margin: 0;
  }

  .tabs .tab a{
    font-size: 0.9rem;
  }
  .tabs .tab .subtab{
    width: 140px;
    margin-left: -20px;
  }
  .tabs .tab .subtab a{
    padding: 5px 10px;
    margin: 10px 5px 0;
    line-height: 0.9rem;
  }

  .tabs2 .tab{
    margin: 0 3px;
  }
  .tabs2 .tab a{
    font-size: 0.9rem;
  }
  .tabs3{
    margin: 20px 0 10px;
  }
  .tabs3 .col-3{
    padding: 0;
  }
  .tabs3 .tab a{
    position: relative;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 0.9rem;
    width: 85px;
    padding: 10px;
    border-radius: 20px;
  }
  .tabs3 .tab a.current{
    color: #FFF;
    background: #3a629d;
  }

  .calendar-table td{
    padding: 10px 5px;
    font-size: 0.8rem;
  }
  .calendar-table td .day{
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 50%;
  }
  .calendar-table .btn-calendar{
    width: 20px;
  }

  .cover2 .msg{
    font-size: 1.2rem;
  }

  /* 2021-11-08 新版面套版 -shawn */
  .section13 .data1{
    flex-wrap:nowrap;
  }
  .section13 .data1 .info{
    font-size: 1.2rem;
    margin-top:0px;
  }
  .section13 .data1 .circle1{
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    padding: 10px 0;
  }
  .section13 .data1 .circle2{
    width: 100px;
    height: 100px;
    font-size: 2.4rem;
    padding: 10px 0;
  }

  /* 2021-11-19 新版面套版 -shawn */
  #lv-mask .button-fix{
    flex: 100%;
    max-width: 100%;
  }
}

/* 2021-11-22 新版面套版 -shawn */
#content-main .header{
  padding:0;
}
/* 2021-11-09 新版面套版 -shawn */
.no-permission{
  border-radius: 20px;
  background: #FFF;
  padding: 30px;
  margin: 30px 0;
}

.chart-container {
  width: 100%;
  /* overflow-x: scroll; */
}

.Act_Plot {
  /* overflow: scroll; */
  width: 100%;
  
}
.Act_Plot::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F1F0F6;
	border-radius: 10px;
}

.Act_Plot::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.Act_Plot::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   /* color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)), */
									   color-stop(0.86, #3465AE));
}

.touch-action{
  touch-action: pan-x !important;
  margin: 0px auto;
}

.chart-container canvas {
  width: 1000px;
}

.chart-wrapper {
  position: relative;
}

canvas#sleep-chart-axis, canvas#heart-rate-chart-axis  {
  position: absolute;
  top: 0;
}

#preload {
  position: fixed;
  background: #FFF center center no-repeat;
  /* background-image: url(../images/loading.svg), url(../images/logo-icon.png); */
  background-image: url(../i/loading.svg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
/* 2021-11-16 新版面套版 -shawn */
footer{
  margin:0;
}
.padding_bottom_50 {
  padding-bottom: 50px;
}
/* 2022-01-21 健康存摺 -shawn */
.padding_top_8 {
  padding-top: 8px;
}

.chart-container {
  width: 100%;
  /* overflow-x: scroll; */
}

.chart-container canvas {
  width: 1000px;
}

.chart-wrapper {
  position: relative;
}

canvas#sleep-chart-axis, canvas#heart-rate-chart-axis  {
  position: absolute;
  top: 0;
}

#preload {
  position: fixed;
  background: #FFF center center no-repeat;
  /* background-image: url(../images/loading.svg), url(../images/logo-icon.png); */
  background-image: url(../i/loading.svg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
/* 2021-12-08 上線後調整 -shawn */
.mask{
  position:fixed;
  top:0;
  
  background:#000;
  opacity:0.5;
  z-index:10;

  width:100%;
  height:100%;
}
.message{
  position:fixed;
  top:0;

  background:#fff;
  z-index:11;
  padding:20px;
  margin-left: calc(50vw - 150px);
  margin-top: calc(50vh - 100px);
  box-sizing:Border-box;

  width:300px;
  /* height:100%; */

  color:#000;
  border-radius:20px;
  text-align:center;
}
/* 2022-03-03 內文圖片上傳 -shawn */
.clear{
  clear: both;
}
.font_weight{
  font-weight: 400;
}
.font_color{
  color:#192464;
}
.heart_rate{
  color:#7B7B7B;
}
.col_fontsize{
  color:#2828FF;
}
.le{
  text-align:left;
}
.textalign{
  text-align: right;
}
.rectangle {
	width: 30px;
	height: 15px;
  border-style:dashed;
  border-color:#BFCBE2;
	background:#BFCBE2;
  margin-top:5%;
  margin-right:3px;
  opacity: 0.3;
	}
  .marginbotton{
    margin-bottom: 0rem;
  }
  .flmage{
    float:left;
    margin-left: 1.5rem;
    color:#3465AE;
  }
  .noto_sans_tc{
    font-family:'Noto Sans TC';
  }