.custom_tab_img.site-content{
  padding:0;
}
.homeblock_container{
  max-width:1222px;
}

.content_index_b{
  max-width: 100%;
}

.pc_dis{
  display:block;
}
.mo_dis{
  display:none;
}


.suremed_homeblock:not(.slider) {
  margin: 0 0 30px;
  padding: 30px 0;
  overflow:hidden;
}

.suremed_homeblock h2{
  text-align:center;
  font-size:24px;
  font-weight:bold;
  color:#1bbdcf;
}
.suremed_homeblock .dot{
  margin-top:-15px;
  text-align:center;
}


/* slick 方向  */
.slick-list{
    padding:0 !important;
}
.slider_element img{
  width:100%;
}
.custom-slick-next ,.custom-slick-prev{
  width:0;
  height: 0;
  display: none !important;
  padding: 0;
}
.slider_element:first-of-type .custom-slick-next {
  z-index: 999;

  width: 32px;
  display: block !important;
  top: 50%;
  height: 32px;
  min-height: 32px;
  background-image: url("/wp-content/themes/woodmart-child/images/controls.png");
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: .5;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
  background-color: transparent;

  background-position: -32px 0;
  right: 10px;
  padding: 10px;
}

.slider_element:first-of-type .custom-slick-prev {

  display: block !important;
  top: 50%;
  width: 32px;
  height: 32px;
  min-height: 32px;
  background-image: url("/wp-content/themes/woodmart-child/images/controls.png");
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: .5;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
  background-color: transparent;

  padding: 10px;
  background-position: 0 0;
  left: 10px;
}

.custom-slick-next:hover,.custom-slick-prev:hover {
  box-shadow: inset 0 0 200px rgb(255 255 255 / 0%);
  opacity: 1 !important;
}


.slick-initialized .slick-slide {
    cursor: grab;
}


.content_pgb{
  position:relative;
}

.content_pgb .content_pgb_block{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}
.content_pgb_block .content_data{
  width:50%;
}

.r_content,.r_image{
  order:2;
}
.l_content,.l_image{
  order:1;
}



.content_tab_block{
  background: #ebebeb;
}
.custom_tab_block{
  text-align: center;
  padding: 0;
}
.custom_tab{
  padding: 15px;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-shadow: 0 -1px 0 #eee inset;
  background-color: #f2f2f2;
  color: #000;
  cursor: pointer;
}
.custom_tab.active {
  background-color: rgb(79, 144, 209);
  color: white;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
}

.custom_tab_block:first-child .custom_tab {
  border-radius: 6px 0 0 0;
}
.custom_tab_block:last-child .custom_tab {
  border-radius: 0 6px 0 0;
}
.custom_tab_img{
  padding:15px;
  /*opacity: 0.6;*/
  position:relative;
}
.custom_tab_img.active{
  /*opacity: 1;*/
}

.custom_tab_img.active:before {
    opacity: 0;
}
.custom_tab_img:before {
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin: 15px;
    opacity: 0.6;
}




/*tab區塊*/
.tab_block>div{
  display:flex;
}
/* 每個分類列表 */
.tabpost_list.active{
  display:block;
}
.tabpost_list{
  display:none;
}



/*文章*/
.tabpost{
  position:relative;
}
.tabpost p{
  position:absolute;
  bottom:0;
  background:#00000099;
  color:#fff;
  width: calc(100% - 30px);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 5px 10px 0;
}






.sp_about_content p{
  margin-bottom: 15px;
  text-align: center;
  color: black;
}
.sp_content{
  display:flex;
  background-color: #00b0be;
  align-items: center;
}
.sp_content_block{
  position:relative;
  width:50%;
}
.sp_content_block:nth-child(2){
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 0 15px;
}
.sp_content_block p{
  font-size: 22px;
  line-height: 37px;
  font-weight: 600;
  color: rgb(255, 233, 0);
  letter-spacing: 3px;
}
.sp_content_block img:first-child{
  transform:scale(1.5);
}
.sp_ani{
  /*position:absolute;*/
  width:25px;
  z-index:100;
  opacity:0;
  animation:easeIn 20s infinite;
  animation-fill-mode:forwards;
}
@keyframes easeIn {
  /* 1 */
  0% {
      opacity: 0;
      transform: translate(0vw,-30vw);
  }
  6%, 8% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  11% {
      opacity: 0;
      transform: translate(30vw,-30vw);
  }
  /* 2 */
  17% {
      opacity: 0;
      transform: translate(0vw,0vw);
  }
  23%, 25% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  28% {
      opacity: 0;
      transform: translate(0vw,-30vw);
  }
  /* 3 */
  34% {
      opacity: 0;
      transform: translate(30vw,-30vw);
  }
  40%, 42% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  45% {
      opacity: 0;
      transform: translate(30vw,0vw);
  }
  /* 4 */
  51% {
      opacity: 0;
      transform: translate(30vw,0vw);
  }
  57%, 59% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  62% {
      opacity: 0;
      transform: translate(0vw,-30vw);
  }
  /* 5 */
  68% {
      opacity: 0;
      transform: translate(30vw,-30vw);
  }
  74%, 76% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  79% {
      opacity: 0;
      transform: translate(0vw,0vw);
  }
  /* 6 */
  85% {
      opacity: 0;
      transform: translate(0vw,0vw);
  }
  91%, 93% {
      opacity: 1;
      transform: translate(18vw,-16vw);
  }
  96% {
      opacity: 0;
      transform: translate(30vw,0vw);
  }
}

.sp_bot_content p{
  font-size: 15px;
  color: #a8a8a8;
  margin-bottom: 0px;
  text-align: center;
}

.miniblock_h_content{
  position:relative;
  /*overflow:hidden;*/
}

.miniblock_h_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.miniblock_h_content>img{
  position: relative;
  left: -12%;
  top: -45px;
}

.hotpot_h,.hotpot_t{
  position: absolute;
  margin: 0;
  padding: 0;
}
.hotpot_h_button:before,.hotpot_t_button:before{
  position: absolute;
  content: "+";
  display: block;
  width: 30px;
  border-radius: 100%;
  background-color: rgb(250, 194, 87);
  font-size: 18px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  padding-bottom: 3px;
  text-align: center;
}
.mini_block_t{
  position:relative;
  margin:auto;
}


.hotpot_h:nth-child(2) {
  top: 32%;
  left: 15%;
}
.hotpot_h:nth-child(3) {
  top: 48%;
  left: 15%;
}
.hotpot_h:nth-child(4) {
  top: 31%;
  left: 75%;
}
.hotpot_h:nth-child(5) {
  top: 48%;
  left: 75%;
}

.hotpot_t:nth-child(2) {
  top: 30%;
  left: 35%;
}
.hotpot_t:nth-child(3) {
  top: 45%;
  left: 35%;
}
.hotpot_t:nth-child(4) {
  top: 28%;
  left: 55%;
}

.hotpot_h_label,.hotpot_t_label {
  width: 21em;
  background-color: white;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  font-size: 14.5px;
  line-height: 1.45em;
  border-radius: 12px;
  padding: 24px 24px 1.1em;
  animation: fadein 0.1s;
  position:absolute;
  color:#000;
  display:none;
}
.hotpot_h_label p,.hotpot_t_label p{
  margin:0;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.hotpot_h_label h4 {
  color: #efcc75!important;
  font-size: 20px;
  line-height: 1;
}

.hotpot_h:nth-child(2) .hotpot_h_label {
  bottom: 10px;
  left: -70px;
}

.hotpot_h:nth-child(3) .hotpot_h_label {
  top: 45px;
  left: -70px;
}
.hotpot_h:nth-child(4) .hotpot_h_label {
  bottom: 15px;
  left: -110px;
}
.hotpot_h:nth-child(5) .hotpot_h_label {
  top: 45px;
  left: -110px;
}
.hotpot_t:nth-child(2) .hotpot_t_label {
  bottom: 10px;
  left: -50px;
}
.hotpot_t:nth-child(3) .hotpot_t_label {
  top: 40px;
  right: -137px;
}
.hotpot_t:nth-child(4) .hotpot_t_label {
  bottom: 10px;
  left: -20px;
}

.sp_content_bt,.sp_content_bt:hover{
  display:inline-block;
  font-size: 16px;
  padding: 15px 30px;
  margin: 40px 0px 0px;
  border-radius: 8px;
  background-color: #71c4cc;
  color: white;
}




@media screen and ( max-width:768px ){
  .pc_dis{
    display:block;
  }
  .mo_dis{
    display:none;
  }


  .content_pgb_block{
    flex-direction: column;
  }
  .content_pgb_block .content_data{
    width:100%;
  }

  .tab_block>div:first-child{
    flex-direction: column;
  }
  .custom_tab_block{
    margin-bottom:5px;
  }
  .custom_tab_block:first-child .custom_tab {
    border-radius: 0;
  }
  .custom_tab_block:last-child .custom_tab {
    border-radius: 0;
  }
  .tabpost{
    margin-bottom:20px;
  }
}


@media screen and ( max-width:575px ){
  .pc_dis{
    display:none;
  }
  .mo_dis{
    display:block;
  }

  .sp_content{
    flex-direction: column;
  }
  .sp_content_block{
    width:100%;
  }

  .sp_content_block p{
    font-weight: 400;
  }

  .custom_tab_img{
    display:none;
  }
  .custom_tab_img.active{
    display:inline-block;
  }

  .miniblock_h_content>img{
    display:none;
  }
  .miniblock_h_center{
    position:relative;
    top:0;
    left:0;
    transform:unset;
  }

  .hotpot_h_label ,.hotpot_t_label{
    width: 16em;
  }
}


@media screen and ( max-width:540px ){
  .tab_block>div{
    flex-direction: column;
  }
  .custom_tab_img{
    display:none;
  }
  .custom_tab_img.active{
    display:block;
  }
}