@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}

/*哪裡買上幅*/
.wheretobuy_banner .row_wheretobuy_map {order: 1;flex: 0 0 auto; width: auto;}
.wheretobuy_banner .row_wheretobuy_des {order: 2;flex: 0 0 auto; width: 25%;}

@media screen and (max-width:1460px) {
  .wheretobuy_banner .row_wheretobuy_map {order: 1;flex: 0 0 auto; width: 65%;}
  .wheretobuy_banner .row_wheretobuy_des {order: 2;flex: 0 0 auto; width: 30%;}
  }

@media screen and (max-width:1024px) {
  .wheretobuy_banner h1{font-size: calc(1.2rem + 2.7vw);}
  .wheretobuy_banner h3{font-size: calc(1.3rem + .2vw);}
  }

@media screen and (max-width:867px) {
  .wheretobuy_banner h1{font-size: calc(1.2rem + 2.2vw);}
  .wheretobuy_banner h3{font-size: calc(1.1rem + .2vw);}
  }

@media screen and (max-width:767px) {
  .wheretobuy_banner h6{font-size: 0.8rem;}
  .wheretobuy_banner .row_wheretobuy_map {order: 2}
  .wheretobuy_banner .row_wheretobuy_des {order: 1;flex: 0 0 auto; width: 100%;}
  }


.wheretobuy_storefilter {background-color: #FEE;}
.wheretobuy_storefilter select{border-radius: 50rem !important;color: #000;font-size: 1.1rem;}
/*.wheretobuy_storefilter select option{color: #ff1616;}*/
@media screen and (max-width:767px) {
  .wheretobuy_storefilter .form-select {font-size: 0.7rem;}
  }

/*商店清單*/
.wheretobuy_storelist {}
.wheretobuy_storelist figure {
  /*margin: 1rem;*/
  position: relative;
  /*width: calc(100% - 0rem);*/
  cursor: pointer;
}
.wheretobuy_storelist .store_name, .wheretobuy_storelist .store_name a {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  color:#000;
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  /* height: 35px; */
  margin-bottom:5px;
}
.wheretobuy_storelist .store_name a:hover {color:#C8102E;text-decoration: none;}
.wheretobuy_storelist figcaption {
  background: rgba(240,240,240, .9);
  bottom: 0;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  padding: 1rem 1rem;
  -webkit-transition: max-height 0.3s ease-out;
  overflow: hidden;
  height: 60px;
  font-size: 0.8rem;
}
.wheretobuy_storelist figure:hover figcaption {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100%;
   transition: height 0.5s ease-in;
   /*border-radius:25px 25px 0px 0px;*/
}
.wheretobuy_storelist .store_country{
  color:#C8102E;
  padding-bottom:15px;
}
.wheretobuy_storelist img {
  width: 100%;
  /*height: 300px;*/
  object-fit: cover;
}

@media (max-width: 767px) {
  .wheretobuy_storelist .store_name, .wheretobuy_storelist .store_name a {font-size: 0.7rem;margin-bottom: 0px;margin-top: 6px;line-height: 2;}
  .wheretobuy_storelist figcaption {padding: 0.5rem 0.5rem;font-size: 0.6rem;}
  .wheretobuy_storelist .wtb_com_logo > a { display: block;width: 171px; background-color: #454545; }
  .wheretobuy_storelist figure:hover figcaption {height: 60px;}

  }

.plus-circle{ 
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #666;
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.minus-circle{ 
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #666;
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.wheretobuy_storelist .plus .fa{ 
  color: #666;
  font-size: 10px;
}
/*.plus-circle:after,
.plus-circle:before {
 content:"";
 position:absolute;
 height:1px;
 background:#6b6b6b;
 left:20%;
 right:20%;
 top:50%;
 -webkit-transition:.4s;
 transition:.4s
}
.plus-circle:before {
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
.plus-circle:hover {
 border-color:#C8102E;
}
.plus-circle:hover:after,
.plus-circle:hover:before {
 background:#C8102E;
}*/
.wheretobuy_storelist .plus-circle:hover{ 
  border: 2px solid #C8102E;color:#C8102E;
}



/*下拉式-不採納-START*/
.wheretobuy_storelist_dropdown {
    position: relative;
    /*display: inline-block;*/
}
.wheretobuy_storelist_overlay {
    background: rgba(249, 172, 170, 0.7);
    position: absolute;
    height: 100%;
    /*width: 97%;*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    margin: 0 4px;    
}
.wheretobuy_storelist_dropdown-content {
    display: none;
    position: absolute;
    background-color: #FEE;
    /*min-width: 160px;*/
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    /*width: 97%;*/
    padding: 15px;
    font-size: 0.8rem;
    z-index: 10;
    margin: 0 4px;
    left: 0;
}
.wheretobuy_storelist_dropdown-content a {
    color: black;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
}
.wheretobuy_storelist_dropdown-content a:hover {/*background-color: #f1f1f1;*/color: #C8102E;}
.wheretobuy_storelist_dropdown:hover .wheretobuy_storelist_dropdown-content {
    display: block;
}
.wheretobuy_storelist_dropdown:hover .wheretobuy_storelist_overlay {
    /*background-color: #3e8e41;*/
    opacity: 1;
}
/*下拉式-不採納-END*/


/*Contact US*/
.contactus_office{background-color: #f8f8f8;padding: 0 50px;}
@media screen and (max-width:767px){
    .contactus_office{background-color: #f8f8f8;padding: 0 30px;}    
}
.contactus_office h2{color: #C8102E;}
.contactus_office .accordion-item {
  background-color: transparent;
  border: 0px solid rgba(0,0,0,.125);
}
.contactus_office .accordion-button:not(.collapsed) {
  color: #000;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.contactus_office .accordion-button {
  padding: 1rem 1.25rem 1rem 0.2rem;
  font-size: 1.1rem;
  background-color: transparent;
  font-weight: bold;
}
.contactus_office .accordion-body {
  padding: 0rem 1.25rem 1rem 1.25rem;
  color: #333;
  font-size: 0.9rem;
}
.contactus_office i {color: #C8102E;}

.contactus_office .accordion-button::after{content: "\002b";background-image: none;-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.contactus_office .accordion-button:not(.collapsed)::after {
  content: "\2212";
  background-image: none;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.contactus_office .accordion-button:not(.collapsed) {
    /* color: #0c63e4; */
    /* background-color: #e7f1ff; */
    box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
}

.contactus_office a {color: #333;text-decoration: none;}
.contactus_office a:hover {color: #C8102E;text-decoration: underline;}


.contactus_forms h2{color: #C8102E;}
.contactus_forms{padding: 0 50px;}
@media screen and (max-width:767px){
    .contactus_forms{padding: 0 30px;}
}
.contactus_forms .form-label{
  font-weight: bold;
  font-size: 0.9rem;
  color: #333;
}
.contactus_forms select {
  font-size: 0.9rem;
  color: #000;
}
.contactus_forms .form-control{
  font-size: 0.8rem;
  color: #999;
}
.form-check-input:checked {
  background-color: #C8102E;
  border-color: #C8102E;
}
.contactus_forms .btn-primary {
  color: #fff;
  background-color: #C8102E;
  border-color: #C8102E;
  border-radius: 5px;
}
.contactus_forms .btn-primary:hover {
  background-color: #ab112a;
  border-color: #ab112a;
}


@media screen and (max-width:767px)
{
    
    
}



/*ABout US*/
.aboutus .accordion-button {
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.5rem;
  color: #000;
  text-align: center;
  background-color: #eee;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
  font-weight: bold;
  margin: 0 auto;
}
.aboutus .accordion-button:not(.collapsed) {
  color: #C8102E;
  /*background-color: #f2f2f2;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);*/
}
.aboutus .accordion-button:not(.collapsed)::after {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C8102E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 transform:rotate(-180deg);
}
.aboutus .accordion-button::after {
 flex-shrink:0;
 width:1.45rem;
 height:1.45rem;
 margin-left:auto;
 content:"";
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 background-repeat:no-repeat;
 background-size:1.45rem;
 transition:transform .2s ease-in-out;
 margin: 0 auto;
 margin-top: 5px;
}
.aboutus .accordion-item:nth-of-type(odd) .row_aboutus_text{padding:7rem 0rem 0rem 7rem; line-height:2;}
.aboutus .accordion-item:nth-of-type(even) .row_aboutus_text{padding:7rem 7rem 0rem 0rem; line-height:2;} 
.aboutus .accordion-item:nth-of-type(odd) img{float: right;}
.aboutus .accordion-item:nth-of-type(even) img{float: left;}

@media screen and (max-width:767px){
  .aboutus .accordion-item:nth-of-type(odd) .row_aboutus_text{padding:1.5rem;line-height:1.5;}
  .aboutus .accordion-item:nth-of-type(even) .row_aboutus_text{padding:1.5rem;line-height:1.5;}    
}


/*ABout US: Mile Stone*/
.milestone{padding: 100px 0px;}
.milestone_timeline {
  position: relative;
  overflow: hidden;
  padding: 50px 0px 30px 0px;
  margin: 50px auto;
}

.milestone_timeline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background: #C8102E;
  z-index: -1;
}
/*.milestone_timeline:after {
  content: '***';
  position: absolute;
  bottom: 0;
  margin-left: -63px;
  background-image: url(../img/aboutus/about_mailestone_logo.png);
  background-color: #000;
  width: 108px;
  height: 108px;
  border: 2px solid red;
  text-align: center;
}*/

.row_milestone_dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #C8102E;
  background: #C8102E;
  margin-top: 10px;
}

.timeline-block {
  width: calc(50% + 8px);
  display: flex;
  justify-content: space-between;
  clear: both;
  position: relative;
}

.timeline-block:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 20px;
  width: 0;
  z-index: 1;
}

.timeline-block-right {
  float: right;
}

.timeline-block-left {
  float: left;
  direction: rtl;
}

.timeline-block-left:before {
  right: 3.9%;
  border: medium solid transparent;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #eee;
  margin-top: -9px;
}
.timeline-block-right:before {
  left: 3.9%;
  border: medium solid transparent;
  border-width: 8px 8px 8px 0;
  border-color: transparent #eee transparent transparent;
  margin-top: -9px;
}

.row_milestone_content {
  width: 95%;
  padding: 20px 30px;
  background-color: #eeeeee;
  position: relative;
}

.timeline-block:nth-of-type(odd) .row_milestone_content{
  direction: ltr;
  text-align: right;
}

.row_milestone_time {color: #C8102E;font-weight: bold;font-size: 1.2rem;}
/*.listdot:before {content: '•';width: 16px;height: 10px;border-radius: 50%;}
.listdot {margin-right: 5px;}*/
/*li::marker {  color: hotpink;}
li {margin-left: 0; padding-left: 0;}*/


@media screen and (max-width:767px){
  .milestone_timeline:before {
      left: 8px;
      width: 2px;
   }
   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
      position: relative;
   }
   .timeline-block-right {
      float: none;
   }

   .timeline-block-left {
      float: none;
      direction: ltr;
   }
   .timeline-block:before {
      right: auto;
      left: 8%;
      margin-left: 0;
      border: medium solid transparent;
      border-width: 8px 8px 8px 0;
      border-color: transparent #eee transparent transparent;
   }
   .row_milestone_content { width: 90%; }
   .timeline-block:nth-of-type(odd) .row_milestone_content{ direction: ltr; text-align: left;}
   .milestone img {display: none;}
}

/*--Community--*/
/*bloglist*/
.bloglist{margin:20px auto;}
.bloglist-topic-section{float: left; font-size: 1.5rem;line-height: 2; font-style: italic;color: #666;}
.bloglist .nav {/*padding:0 20px;*/}
.bloglist .nav li a { 
    margin:5px;
    font-size:0.8rem; 
    background: ;
    transition-duration: 0.4s;
    border: 1px solid #efefef;
    border-radius: 10em;
    text-align: center;
    color: #000;
    line-height: 2;
    background-color: #efefef;
}
.bloglist .nav a:hover { 
    background:#ddd;
    border: 1px solid #efefef;
    color:#000; 
}
.bloglist .nav .active { 
    border: 1px solid #C8102E;
    background:transparent;
    color:#C8102E;
}
.bloglist .blog-body {padding: 1rem 1rem;}
.bloglist .blog-body p{ font-size: 0.8rem;color: #333;}
.bloglist .blog-body a {opacity: 1;text-decoration:none;color: #000}
.bloglist .blog-body a:hover{opacity: 1;text-decoration:underline;}
.bloglist .blog-body span.releasedate{font-style: italic;font-size: 0.8rem;color: #999;display: flex;}
.bloglist .bloglist_tab_category {
  position: absolute;
  font-weight: bold;
  bottom: 0px;
  /*top:0px;*/
  right: 20px;
  color: #fff;
  font-size: 0.8rem;
  display: block;
  background: #6c757d;
  width: 120px;
  height: px;
  text-align: center;
  font-style: italic;
  z-index: 5;
  border-radius:15px 15px 0 0;
}
.bloglist .bloglist_tab_category.press_release{background: #ff008a;}
.bloglist .bloglist_tab_category.product_reviews{background: #198754;}
.bloglist .bloglist_tab_category.tech_trends{background: #0d6efd;}
.bloglist .bloglist_tab_category.buying_guides{background: #C8102E;}
.bloglist .bloglist_tab_category.tips_&_tutorials{background: #ffc107;}
a.bloglist-title{text-decoration:none;color: #000}
a.bloglist-title:hover{text-decoration:underline;color: #C8102E}

.blogpage-title {font-size: 2rem;font-weight: bold;}
.blogpage-description {font-style: italic;color: #666;}


.blogpage .social {}
.blogpage ul.social {display: flex;text-align:right;font-size: 13px;justify-content: flex-end;}
.blogpage .social a {
  border: 0px solid #C8102E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  line-height: 28px;
  margin: 10px 5px 20px 5px;
  padding: 0;
  text-align: center;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  color: #fff;
  background:#C8102E;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
} 

.blogpage .social a:hover {border: 1px solid #C8102E; background:#fff; color: #C8102E;} 
.blogpage .social a.iconsocial:hover i {color:#C8102E;}

.blogpage .row_topic_text{
color: #C8102E;
/*background: #C8102E;
padding: 8px 20px 8px 20px;*/
border-left: 5px solid #C8102E;
padding-left: 10px;
font-size: 1.2rem;
font-weight: bold;
}
.blogpage .page-item .prev_title,
.blogpage .page-item .next_title{
  font-size: 0.8rem;color: #666;
}

/*.blogpage .slick-dots li button::before {font-size: 21px;}*/