/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : Jul 13, 2017, 12:28:36 PM
    Author     : rodneychan_mkoffice
*/

@charset "utf-8";

/* popup table add border and padding */
.PopupContentWrap td {
  border: 1px solid #000;
  padding: 5px;
}

/* 20230706 updated due to long privacy policy label */
.footer_gnavi_inner {
  width: 100%;
}

.footer_otherlink {
  width: 816px;
  margin: 0 auto;
  text-align: center;
}

.footer_copyright {
  position: relative;
  width: 816px;
  margin: 0 auto;
  text-align: center;

}
/* li a {
  text-decoration: underline;
}

li a p.product_detail {
  text-decoration: none !important;
} */

img.JSProductCategoryPostFix {
  width: 100%;
  height: auto;
}

.devred {
  background: #ff0000;
}

*[class^="table_"].thWsNorwrap th.doWrap {
  white-space: normal;
}

span.checkbox_desc_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 90%;
}

div.tnc_container a, span.checkbox_desc_container a {
  font-weight: bold;
  text-decoration: underline;
  /* font-size: 12px; */
}

.calibre_desc {
  font-size: 9pt;
}

.featureDetail_table th {
  width: 45%;
}

.desktopNewsWatchSpec {
  width: 100%;
  table-layout: fixed;
}

.desktopNewsWatchSpec td,
.desktopNewsWatchSpec th {
  border: 1px solid #000;
  padding: 5px;
}

.desktopNewsWatchSpec th {
  width: 18% !important;
  text-align: left;
  font-weight: normal;
}

.desktopNewsWatchSpec td {
  text-align: center;
}

.desktopNewsWatchSpec tr:first-child th,
.desktopNewsWatchSpec tr:first-child td {
  border: 0;
  text-align: center;
  vertical-align: top;
}

.desktopNewsWatchSpec img {
  height: 180px;
}

.desktopNewsWatchSpec img[src=""] {
  display: none;
}

.desktopNewsWatchSpec.withTitle img {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height: auto;
}

.desktopNewsWatchSpec.withTitle span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  width: 50%;
}

.desktopNewsWatchSpec.withTitle tr:first-child th,
.desktopNewsWatchSpec.withTitle tr:first-child td {
  text-align: left;
}

.desktopNewsWatchSpec.noTitle img {
  display: block;
  height: 180px;
  margin: 0 auto;
}

.desktopNewsWatchSpec.noTitle span {
  display: block;
  font-size: 12px;
}

.mobileNewsWatchSpec {
  width: 100%;
  margin-bottom: 50px;
}

.mobileNewsWatchSpec td,
.mobileNewsWatchSpec th {
  border: 1px solid #000;
  padding: 5px;
}

.mobileNewsWatchSpec th {
  width: 18% !important;
  text-align: left;
  font-weight: normal;
}

.mobileNewsWatchSpec td {
  text-align: center;
}

.mobileNewsWatchSpec tr:first-child th,
.mobileNewsWatchSpec tr:first-child td {
  border: 0;
  text-align: center;
  vertical-align: top;
}

.mobileNewsWatchSpec.withTitle span:first-child {
  text-align: center;
}

.mobileNewsWatchSpec.withTitle span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  width: 50%;
}

.mobileNewsWatchSpec.withTitle tr:first-child th,
.mobileNewsWatchSpec.withTitle tr:first-child td {
  text-align: left;
}

.mobileNewsWatchSpec.noTitle img {
  display: block;
  height: 180px;
  margin: 0 auto;
}

.mobileNewsWatchSpec.noTitle span {
  display: block;
  font-size: 12px;
}


/* .desktopNewsWatchSpec sup, .mobileNewsWatchSpec sup {} */

img-fluid {
  max-width: 100%;
  height: auto;
}

.warranty_email_highlight {
  background: yellow;
  font-weight: bold;
  word-break: break-all;
}

.keyvisualSliderArrow_item.prev {
  left: -60px;
}

.keyvisualSliderArrow_item.next {
  right: -60px;
}

.product_limitededition {
  font-size: 1.2em;
  /* gold */
  color: #DB9A31;
}

.product_limitededition_mobile {
  /* red */
  color: #DB9A31;
}

.product_comingsoon {
  font-size: 1.2em;
  /* red */
  color: #ff0000;
}

.product_comingsoon_mobile {
  color: #ff0000;
}

.lineup_number_two_line {
  font-size: 0.88rem;
}


/* For Layout News CSV Content */

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

li.lineup_featureList_item span sup {
  font-size: 8px;
}

@media (min-width: 992px) {

  

  .js-lineupIndex_item.lineupIndex_item {

    border-left: 1px solid #ebebeb;    

  }

  .js-lineupIndex_item:first-child, .js-lineupIndex_item:nth-child(6) {
    border-left: 1px solid #ffffff;
  }

  .js-lineupIndex_item.lineupIndex_item img {
    width: 175px;
  }

  /* .js-lineupIndex_item:nth-child(5) ~ .lineupIndex_item {
    margin-top: 0px;
  } */

  .js-lineupIndex_item.lineupIndex_item {
    background: none;
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}


/* @media(max-width: 991px) {
  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: right !important;
  }
} */

.csvtb_row {
  border-bottom: 1px solid black;
}

.csvtb_row.csvtb_row_first {
  border-top: 1px solid black;
}

.csvtb_row>div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.csvtb_row img {
  vertical-align: text-top;
}

.product_pdNumber {
  font-family: "Poppins", Verdana, Arial;
  font-size: 26pt;
}

.product_pdPrice {
  font-size: 20pt;
}

.productPrice {
  font-size: 20pt;
}

.product_pdPrice,
.productPrice,
.lineup_price,
.megadrop_productPrice,
.search_result_price {
  font-family: Arial;
}

@media(min-width:768px) {
  .csvtb_row>div {
    border-right: 1px solid black;
  }

  .csvtb_row>div:first-child {
    border-left: 1px solid black;
  }

      
}

@media(max-width:767px) {
  .csvtb_row {
    border-left: 1px solid black;
    border-right: 1px solid black;
  }

  .product_pdNumber {
    font-size: 20pt;
  }

  .product_pdPrice,
  .productPrice {
    font-size: 16pt;
  }

  .footer_otherlink, .footer_copyright {
    width: 100%;
  }

}

.noLeftBorder {
  border-left: 0 !important;
}

.noRightBorder {
  border-right: 0 !important;
}

.Support_Content {
  max-width: 820px;
}

.mobile_nav_logo {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

@media (max-device-width: 1024px) {
  .Support_Content {
    max-width: 620px;
  }
}

@media (max-device-width: 768px) {
  .Support_Content {
    max-width: 520px;
  }
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .Support_Content {
      max-width: 200px;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .Support_Content {
      max-width: 200px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .Support_Content {
      max-width: 300px;
    }

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .Support_Content {
      max-width: 180px;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    .Support_Content {
      max-width: 400px;
    }

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .Support_Content {
      max-width: 240px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .Support_Content {
      max-width: 360px;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .Support_Content {
      max-width: 280px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .Support_Content {
      max-width: 360px;
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .Support_Content {
      max-width: 420px;
    }
}