@charset "utf-8";
/* CSS Document */
body{ font-family:"proxima-nova", Helvetica, Arial, sans-serif,"微軟正黑體"}
.navbar-fixed-top, .navbar-fixed-bottom{ z-index:10}
.aspectration { position: relative; } .aspectration:after { content: ""; display: block; width: 1px; margin-left: -1px; background-color: orange; } .aspectration[data-ratio="16:9"]:after { padding-top: 42.65%; }  .aspectration[data-ratio="4:3"]:after { padding-top: 75%; } .content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.tablecenter td, .tablecenter th{ vertical-align:middle !important}
.container{ position:relative; z-index:1}
.indexlist ul li img{ object-fit:cover}
.indexlist ul li:hover{ background-color:#f5f5f5}
.indexlist .list-group-item{ padding:5px 10px}
#mobileindex_newslist .openbtn{ border-bottom: #993333 solid 2px}
#mobileindex_newslist .openbtn .btn{ background-color:#993333; border-radius: 10px 10px 0px 0px; color:#fff; padding:5px 20px}
#mobileindex_newslist .indexlist .list-group-item{ border:0px}


.page-content h1{ margin-top:0px !important}
.page-content .panel-body{ padding-top:0px !important}
.page-content .placeholder-content{margin-top:0px !important;}
.no-decoration {text-decoration:none;}


.img_wap{
    padding-bottom: 56%;
    width: 100%;
    position: relative;
  }
  .img_wap75{
    padding-bottom: 75%;
    width: 100%;
    position: relative;
  }
.img_wap100{
    padding-bottom: 100%;
    width: 100%;
    position: relative;
  }
  .img_wap150{
    padding-bottom: 150%;
    width: 100%;
    position: relative;
  } 
  .img_wap200{
    padding-bottom: 200%;
    width: 100%;
    position: relative;
  }

  .img_wap img, .img_wap100 img, .img_wap200 img,   .img_wap150 img, .img_wap75 img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  
  object-fit:cover
  }
.vertical-align{ display:flex; align-items:center}


#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
  width:160px;
  height:90px
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%}


.btn-black {color:#ffffff; background-color:#333333;}
.btn-black:hover, .btn-black:focus {color:#ffffff; background-color: #0094f2; border-color:#C1C1C1}
.redtitle{ color:#fff; background-color:#993333; padding:3px 12px; font-size:16px; line-height:1.6; text-align:center; white-space:nowrap; vertical-align:middle; display:inline-block; border-radius:20px}
.fonta_wh a{ color:#fff;text-decoration:none}
.fonta_red a{ color:#993333;text-decoration:none}
.fontsize10{ font-size:10px}
.fontsize14{ font-size:14px}
.fontsize16{ font-size:16px}
.fontsize18{ font-size:18px}
.fontsize20{ font-size:20px}
.fontsize22{ font-size:22px}
.fontsize25{ font-size:25px}
.fontsBlod{ font-weight:600}
.fontsize15em{font-size:1.5em}
.fontcolor_Darkgray{color:#9E9E9E}
.fontcolor_gray{ color:#333333}
.fontcolor_blue{ color:#0094f2}
.fontcolor_wh{ color:#ffffff}
.fontcolor_CIred{color:#ae002b}
.bgcolor_yelow{ background-color:#febf15}
.bgcolor_gray{ background-color:#e7e7e7}
.bgcolor_wh{ background-color:#ffffff}
.bgcolor_Darkgray{ background-color:#333}
.bgcolor_Lightgray{ background-color:#f7f7f7}
.bgcolor_Red{ background-color:#993333}
.bgcolor_green{ background-color: #289B1B}
.bgcolor_blue{ background-color: #2ABBB9}
.paddinglr20{ padding-left:20px; padding-right:20px}
.paddingTB14{ padding:14px 0}
.paddingTB10{ padding-top:10px; padding-bottom:10px}
.paddingTB15{ padding-top:15px; padding-bottom:15px}
.paddingL15{ padding-left:15px}
.paddingT15{padding-top:15px}
.paddingT25{ padding-top:25px}
.paddingT35{ padding-top:35px}
.paddingTB20{ padding-top:20px; padding-bottom:20px}
.paddingB10{padding-bottom:10px;}
.padding5{padding:5px}
.padding15{padding:15px}
.padding20{padding:20px}
.padding40{padding:40px}
.padding80{padding:80px}
.paddingTB20{padding-top:20px;padding-bottom:20px}
.paddingTB46{padding-top:46px;padding-bottom:46px}
.paddingLR_15{ padding-left:-15px; padding-right:-15px}
.MarginR5{ margin-right:5px}
.MarginT10{ margin-top:10px}
.MarginR10{ margin-right:10px}

.MarginT20{ margin-top:20px}
.MarginB10{ margin-bottom:10px}
.MarginB20{ margin-bottom:20px}
.MarginT50{margin-top:50px}
.MarginT55{margin-top:55px}
.MarginT75{margin-top:75px}
.MarginL10{ margin-left:10px}
.MarginTB20{ margin-top:20px; margin-bottom:20px}
.border_solid{ border-width:1px;border-style:solid; border-color:#CCCCCC}
.border_Bdotted{ border-width:1px;border-bottom-style:dashed}
.border_Bsolid{ border-width:1px;border-bottom-style:solid; border-color:#CCCCCC}
.border_Tsolid{ border-width:1px;border-top-style:solid; border-color:#CCCCCC}
.nostylebtn .btn{border:0px; padding:0; border-radius:0px;background:none; margin-right:5px}
.nostylebtn .btn:hover, .nostylebtn .btn:focus { border:0px; padding:0; border-radius:0px;background:none; box-shadow:none}

.redbtn .btn{border-radius:20px; margin-top:5px;}
.redbtn .btn-default{color:#993333; border-color:#993333}
.redbtn .btn-default:hover, .redbtn .btn-default:focus{color:#fff; background-color:#993333}
.redlist .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background-color:#993333;border-color:#993333; color:#fff}
.btn-red .btn:hover{background-color:#f7f7f7;border-color:#993333; color:#993333}
.btn-red .btn {background-color:#993333;border-color:#993333; color:#fff}
.redlist .list-group-item{border-color:#993333; color:#993333}
.redlist button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{ color:#993333}
.pagination > li > a, .pagination > li > span{ color:#993333}
.pagination > li > a:hover, .pagination > li > a:focus{ color:#fff; background-color:#993333}
.textback li{padding-left:31px; text-indent:-18px;}


#Theader{height:79px; background-image:url(../image/headbg.png);background-repeat: no-repeat;background-position:top right; background-color:#9f1b22; padding-top:5px}
#Theader .navbar { min-height:25px;margin-bottom:0px}
#Theader .navbar-brand{ padding:0px}
#topmenu{}

#topmenu .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
#topmenu .navbar-fixed-top, .navbar-fixed-bottom { position:relative}
.mainmu{}
#topmenu .navbar-default{ background-color:#ededed;-moz-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);}
#topmenu .navbar{ margin-bottom:0px}
#topmenu .navbar-toggle{margin-right:0px;margin-left:15px; padding:10px 10px;}
#topmenu .navbar-toggle{border:0}
.mainmu li { background-image:url(../image/liborder.jpg); background-repeat:no-repeat; background-position:right center }
.mainmu li:last-child{ background-image:none}

.mainmu li>a:hover, .mainmu li>a:active, .mainmu .open>a:focus {color:#ae002b;background-image:url(../image/liborder.jpg);background-repeat:no-repeat; background-position:right center}
.mainmu .dropdown-menu{padding:0px 0px}
.mainmu li>a{line-height:20px;padding:15px 20px}
.mainmu li> ul li, .mainmu li> ul li>a:hover, .mainmu li> ul li>a:focus{ background-image:none}

.LOGO img{ width:100%}
#topmenu .navbar-brand{ padding:0px 0px 0px 15px}
.LOGO {}
.quickmu li ul li{float:none}
.quickmu li ul li a , .quickmu li ul li a:hover{ height:30px;line-height:30px; padding:0 15px; text-align:center; color:#333}
.quickmu .dropdown-menu{ min-width:100px}
.quickmu{ position: relative;top:0px;  z-index:51;}
.quickmu ul{}
.quickmu li{ float:left}
.quickmu li a{ height:45px;padding:12px 10px; color:#fff}
.quickmu .nav .open > a:hover, .quickmu .nav .open > a:focus, .quickmu .nav a:hover {color:#fff; background-color:#333}
.for-navi{ position:relative; overflow:visible}



.animate {
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.navbar-bootsnipp:nth-of-type(2) {
  border-top-width: 1px;
  z-index: 50
}

.navbar-bootsnipp.affix-top {
  position: absolute;
  top: 0px;
  width: 100%;
}
.navbar-bootsnipp.affix {
  top: 0px;
  width: 100%;
}
.navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
.navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
  border-radius: 0px;
}
.navbar-bootsnipp .bootsnipp-search {
  display: none;
}
.navbar-bootsnipp .bootsnipp-search .form-control {
  background-color: rgb(235, 235, 235);
  border-radius: 0px;
  border-width: 0px;
  font-size: 18px;
  padding: 25px 10px;
}
.navbar-bootsnipp .bootsnipp-search .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
  padding: 14px 16px;
  border-radius: 0px;
}
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
.navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
  padding: 14px 16px 14px 15px;
}

.nav-padding {
  padding-top: 61px;
}
.navbar-bootsnipp .bootsnipp-search {
  background-color: rgb(235, 235, 235);
  display: block;
  position: absolute;
  top: 100%;
  width: 460px;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  visibility: hidden;
  right:0
}
.navbar-bootsnipp .bootsnipp-search.open {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;  
  width:100%
}
.navbar-bootsnipp .bootsnipp-search > .container {    
  padding: 0px;
}
  

/*rightbtn*/

#Rightbtn {}
    .rightbtnbox{
      position:fixed;
      background-color:#fff;
      top:30%;
      right:15px;
      height:120px;
      width:30px;
      margin-top:-100px;
    }
    .rightbtnbox .imgbtnbox{
      position:absolute;
      z-index:6;
      background-color:#fff;
    }
    .rightbtnbox .imgbtnbox img{
      width:30px;
      height:30px;
    }
    .rightbtnbox .textbtnbox
    {
      position:absolute;
      z-index:4;
      top:0px;
      left:40px;
      width:120px;
    }
    .rightbtnbox .textbtnbox div
    {
      opacity:0;
      position:relative;
      left:0px;
      color:#fff;
      background-color:#888;
      line-height:30px;
      padding:0px 10px;
      text-align:center;
    }

/*end*/


#index_Banner{ }
#index_Banner .carousel-indicators .active{ background-color:#ae002b}
#index_Banner .carousel-indicators li{ background-color: #C4C4C4; border:none}

#index_slider{ background-image: url(../image/sliderBG.jpg); background-repeat:repeat-x}

#Product_Ca{}


#Product_Ca .hover {position:relative;}
#Product_Ca .hover img {
  position:absolute;
  /* CSS3淡出淡入效果,1秒 */
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#Product_Ca .hover img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}

.glicon .glyphicon{ margin-right:10px}
.glicon .glyphicon:before{ margin-right:5px}

#ADbanner{}
/*productlist*/

#productlist{}
#productlist .speccheck label{ margin-left:0; margin-right:10px}
#productlist .btn-default{color:#ae002b}
#productlist .btn-default:hover{color:#ffffff; background-color:#ae002b}
#comparison .immediate .btn-default:hover{color:#ffffff; background-color: #636363}
#comparison .closebtn {position: fixed; right:10px; margin-top:10px; z-index:1031}
#Specifications{}
.SPECborder_Lsolid{ border-width:1px;border-left-style:solid; border-color:#CCCCCC}
/*productlist end*/




#fotterlink{ margin-top:50px}
#fotterlink a{ color: #333333; line-height:28px}
#footer{ background-color:#333333; padding:10px 0}
.ftlink_p{ padding-left:10%}
.ftlink_img{position:absolute; bottom:-20px ;right:0; width:40%}
.fixbanner{position:fixed; right:15px; top:20%; width:60px; z-index:11;}

@media (max-width: 991px) {.fixbanner{width:35px;}}


/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/* slider temp */

.carousel-cell {
  width: 18%;
  height: auto;
  margin-right: 10px;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

/*product page*/
#Breadcrumbs{}
.breadcrumb{ background-color: #FFFFFF; margin-bottom:0px; margin-top:20px}
#guidebtn{}
#guidebtn .btn-default{ border-color:#FFFFFF}
#guidebtn .btn-default:active,btn-default:focus,#guidebtn .btn-default:hover,.btn-default.active,#guidebtn .btn-default.active:hover,#guidebtn .btn-default.active:focus { background-color:#ae002b; border-color:#ffffff; color:#ffffff}
#overview{}
#productMD{ }
#productMD .showbg {width:100%; height:180px;background-image:url(../image/product/productIMGbg.jpg);background-repeat:no-repeat;background-position:center}
#productMD .PimgMargin {margin-top:90px}
#productMD .MDimgmargin50 {margin-top:50px}
#Specifications .panel-default, .panel-default > .panel-heading, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-color:#ffffff}
#Specifications .panel{ -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0); box-shadow:0 0px 0px rgba(0, 0, 0, 0)}
#Specifications .panel-default > .panel-heading{ background-color:#cccccc}
#360IMG{}
#Downloads{}
#Downloads .textmiddle{ }
#Downloads .btnmiddle {
    display:flex;
  align-items:center
}


.DWNborder_Lsolid{ border-width:1px;border-bottom-style:solid; border-color:#CCCCCC}
#FAQ{}
/*END*/

#newscontent .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ height:100%}
/*Support*/
#supportlabel{}
#supportlabel .nav-tabs.nav-justified > .active > a { color:#0099ff; background-color:#ffffff}
#supportlabel .nav-tabs.nav-justified a { color:#999999; background-color:#dfdfdf}
#supportlabel .nav-tabs.nav-justified span.Download-icon{ background-image:url(../image/support/icon_dw.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}
#supportlabel .nav-tabs.nav-justified .active span.Download-icon{ background-image:url(../image/support/icon_dwa.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}

#supportlabel .nav-tabs.nav-justified span.FAQ-icon{ background-image:url(../image/support/icon_FAQ.png); background-repeat:no-repeat;background-position:center; height:55px; display:block}
#supportlabel .nav-tabs.nav-justified .active span.FAQ-icon{ background-image:url(../image/support/icon_FAQa.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}

#supportlabel .nav-tabs.nav-justified span.Warranty-icon{ background-image:url(../image/support/icon_Wr.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}
#supportlabel .nav-tabs.nav-justified .active span.Warranty-icon{ background-image:url(../image/support/icon_Wra.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}

#supportlabel .nav-tabs.nav-justified span.Decoding-icon{ background-image:url(../image/support/icon_De.png); background-repeat:no-repeat;background-position:center; height:55px; display:block}
#supportlabel .nav-tabs.nav-justified .active span.Decoding-icon{ background-image:url(../image/support/icon_Dea.png);  background-repeat:no-repeat;background-position:center; height:55px; display:block}
#supportlabel .modelnameMargin {margin-top:6%}
#supportlabel .nav-tabs.nav-justified > li > a { border-radius:0px}
#supportlabel .iconbtnfontsize { font-size:18px}

.FAQlist .accordion-heading {  position: relative; }
.FAQlist .accordion-heading .edit {
    position: absolute;
    top: 8px;
    right: 30px; 
}
.FAQlist .area {}
.FAQlist .equipamento {margin-left:40px; text-indent : -25px}
.FAQlist .equipamento a{ color:#3a3a3a ;text-decoration:none;font-size:14px;font-weight:600}
.FAQlist .nav{border-style: solid; border-width:1px; border-color:#C9C9C9; padding:5px;margin:10px;margin-left:35px;border-radius:5px }
.FAQlist .nav li{ float:left}
.FAQlist .nav > li > a { padding:0; display:inline;position: initial}
.FAQlist .ponto {}
.FAQlist .collapse.in { overflow: visible; }
.FAQlist a{ color:#ae002b; font-size:16px; font-weight:600}
.FAQlist a:hover{ color:#ae002b}
.Qlist .collapsed span{ background-image:url(../image/support/arrow_r.jpg); padding-right:20px; background-repeat:no-repeat;background-position:right center; }
.Qlist span { background-image:url(../image/support/arrow_b.jpg);padding-right:20px; background-repeat:no-repeat;background-position:right center;}
#RMA{}
#formlist{}
#formlist .proNOlineheigh{ line-height:170px}

#Comlist{}
#Comlist .panel-default, .panel-default > .panel-heading, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-color:#ffffff}
#Comlist .panel{ -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0); box-shadow:0 0px 0px rgba(0, 0, 0, 0)}
#Comlist .panel-default > .panel-heading{ background-color:#cccccc}

#Location .nav-tabs.nav-justified > li > a{ text-align:left; border-color:#FFFFFF; color:#000000;}
#Location .nav-tabs.nav-justified > li > a:focus, #Location .nav-tabs.nav-justified > li > a:hover, #Location .nav-tabs.nav-justified > li.active, #Location .nav-tabs.nav-justified .active > a{ text-align:left; border-color:#0094f2; border-width:10px; border-radius:20px;}
#Location .nav-tabs.nav-justified .locationpadding30 { padding:30px}
#search .listpaddingL{padding-left:20px}

#exhibition{}
.Locationbox{ text-align:left;padding:80px }


.modal-open .modal{ display:flex; align-items:center}

/*Responsive history timeline*/
.timeline-carousel {
  padding: 0px 6.9444% 90px 6.9444%;
  position: relative;
  overflow: hidden;
}
.timeline-carousel:after, .timeline-carousel:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 6.9444%;
  z-index: 3;
  width: 6.9444%;
}
.timeline-carousel:after {
  left: 0;
}
.timeline-carousel:before {
  right: 0;
  opacity: 0;
}
.timeline-carousel .slick-list {
  overflow: visible;
}
.timeline-carousel .slick-dots {
  bottom: -73px;
}
.timeline-carousel h1 {
  color:#333;
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 20px;
  font-weight: 900;
  margin-top:20px
}
.timeline-carousel__image {
  padding-right: 30px;
}
.timeline-carousel__item {
  cursor: pointer;
}
.timeline-carousel__item .media-wrapper {
  opacity: 0.4;
  padding-bottom: 71.4%;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
  width: calc(100% - 30px);
}
.timeline-carousel__item-inner {
  position: relative;
  padding-top: 45px;
}
.timeline-carousel__item-inner:after {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  content: "";
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.timeline-carousel__item-inner .year {
  font-size: 36px;
  line-height: 36px;
  color: white;
  display: table;
  letter-spacing: -1px;
  padding-right: 10px;
  background-color: #993333;
  z-index: 1;
  position: relative;
  margin: -15px 0 20px;
  font-weight: 900;
}
.timeline-carousel__item-inner .year:after {
  content: "";
  position: absolute;
  display: block;
  left: -10px;
  top: 0;
  height: 100%;
  width: 10px;
  background-color: #993333;
  z-index: 3;
}
.timeline-carousel__item-inner .month {
  font-size: 16px;
  text-transform: uppercase;
  color: #b38c52;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
.timeline-carousel__item-inner p {
  font-size: 16px;
  line-height: 20px;
  color: #333;
  width: 60%;
  font-weight: 400;
  margin-bottom: 15px;
}
.timeline-carousel__item-inner .read-more {
  font-size: 12px;
  color: #b38c52;
  display: table;
  margin-bottom: 10px;
  font-weight: 900;
  text-decoration: none;
  position: relative;
}
.timeline-carousel__item-inner .read-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  border-bottom: 2px solid #b38c52;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item-inner .read-more:hover:after {
  width: 100%;
}
.timeline-carousel__item-inner .pointer {
  height: 29px;
  position: relative;
  z-index: 1;
  margin: -4px 0 16px;
}
.timeline-carousel__item-inner .pointer:after, .timeline-carousel__item-inner .pointer:before {
  position: absolute;
  content: "";
}
.timeline-carousel__item-inner .pointer:after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  top: 0;
  left: 0;
  background-color: #b38c52;
}
.timeline-carousel__item-inner .pointer:before {
  width: 1px;
  height: 100%;
  top: 0;
  left: 4px;
  background-color: #b38c52;
}
.timeline-carousel .slick-active .media-wrapper {
  opacity: 1 !important;
}

.slick-dots {
  bottom: 60px;
  list-style: none;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  margin: 0 6px;
  position: relative;
  width: 10px;
  height: 10px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li.slick-active button {
  background: #b38c52;
  border-color: #b38c52;
}
.slick-dots li button {
  display: block;
  font-size: 0;
  width: 15px;
  height: 15px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.slick-dots li button:hover {
  background: #b38c52;
  border-color: #b38c52;
}

.link {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  z-index: 9999;
}
.link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
}
.link .fa {
  font-size: 28px;
  margin-right: 8px;
  color: #fff;
}

.showmedia-btn .media, .showmedia-btn .media-body {
   overflow: visible
}
.ellipsis {
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.RMusic {

min-width:254px
}


/*END*/
@media (min-width: 1200px) and (max-width: 1800px) {

  
}

@media (min-width: 1200px){
  #comparison{height:200px}
  #comparison .MarginT500{margin-top:50%}
  #comparison .lineheight200{line-height:200px}
  
}


@media (min-width: 991px) and (max-width: 1199px) {
  #comparison{ height:140}
  #comparison .MarginT500{margin-top:50%}
  #comparison .lineheight200{ line-height:20px; margin-top:8%}
  #productMD .showbg{height:145px}
  #fotterlink{ margin-top:30px} 
  .RMusic {min-width:187px}
  
}
  
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-cell {
    width: 28%;
    height: 321px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell}
  #comparison{ height:150px}
    #comparison .MarginT500{margin-top:35%}
  #comparison .lineheight200{ line-height:150px}
  


}
@media (max-width: 991px) {
  .indexlist .box-close .box, .indexlist .box-close .box2, .indexlist .box-close .box3, .indexlist .box-close .box4, .indexlist .box-close .box5 {
    height: 124px;
}

  .LOGO{ width:100%; text-align:center}
  .LOGO img{ width:148px; display:inline}
  .quickmu li a{ height:49px}
  .quickmu{right:-15px}
  .vertical-align{ display:block}
  #search .listpaddingL {padding-left:0px}
  #Location .nav-tabs.nav-justified .locationpadding30 { padding:10px}
  #formlist .proNOlineheigh{ line-height:30px}
  #topmenu .navbar{height:auto}
  #topmenu .navbar-nav{
        float:none;
        margin:0px;
        display: table;
        table-layout: fixed;
    }


  #Theader{height:auto}
  
  #Theader .navbar { min-height:0px}
  
  #index_Banner{}
  
  .carousel-cell {
    width: 100%;
    height: 321px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell
    }
    .mainmu li>a {line-height:30px;padding:10px 20px}
  .mainmu li>a:hover, .mainmu li>a:active, .mainmu .open>a:focus {color:#ae002b;background-image:none;}
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:550px}
  .navbar-header { position:absolute
  }
  .navbar-toggle {
    display: block
  }
  .navbar-collapse.collapse {
    display: none!important
  }
  .navbar-nav>li {
    float: none
  }
  .navbar-collapse.collapse.in{
    display:block !important
  }
  .mainmu .dropdown-menu{ position:relative;float:none; border:0px;border-radius:0px; box-shadow:none;-webkit-box-shadow:none }/*選單切換*/
  
  #Solutions .context{ height:auto}
  #Solutions button{ width:100%}
  .textmdCenter{ text-align:center}
  .navbar-bootsnipp .bootsnipp-search {
    width: 100%
  }
  #productMD .PimgMargin {margin-top:0px}
  .SPECborder_Lsolid{ border-width:0px}
  #productMD .MDimgmargin50 {margin-top:85%}
  #supportlabel .modelnameMargin {margin-top:20px;margin-bottom:20px; text-align:center}
  .FAQlist .nav li img{ width:100%}
  .WarrantyCon .nav li img{ width:100%}
  .MarginT75{margin-top:50px}
  .mainmu li { border:0px;margin:5px 0 5px 0;background-image:none}
  .ftlink_img{width:70%}
  #fotterlink{ margin-top:0px}
  .ellipsis {
  white-space: normal;
  }
  .indexlist .ellipsis {
  white-space: nowrap;
  }
  .RMusic {
  
  min-width:auto
  }
  .navbar-right{margin-right:0}

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

  #comparison{ height:auto}
  #comparison .MarginT500{margin-top:40%}
  #comparison .lineheight200{ line-height:20px; margin-top:8%}
  #Downloads .textmiddle{ line-height:18px}
  .nav-tabs.nav-justified > li{ display:table-cell; width:1%}
  #supportlabel .nav-tabs.nav-justified > li > a { padding:0px}
  #supportlabel .iconbtnfontsize { font-size:16px}

#supportlabel .nav-tabs.nav-justified span.Download-icon{ background-image:url(../image/support/icon_dw_s.png);}
#supportlabel .nav-tabs.nav-justified .active span.Download-icon{ background-image:url(../image/support/icon_dwa_s.png);}

#supportlabel .nav-tabs.nav-justified span.FAQ-icon{ background-image:url(../image/support/icon_FAQ_s.png);}
#supportlabel .nav-tabs.nav-justified .active span.FAQ-icon{ background-image:url(../image/support/icon_FAQa_s.png); }

#supportlabel .nav-tabs.nav-justified span.Warranty-icon{ background-image:url(../image/support/icon_Wr_s.png);}
#supportlabel .nav-tabs.nav-justified .active span.Warranty-icon{ background-image:url(../image/support/icon_Wra_s.png);}

#supportlabel .nav-tabs.nav-justified span.Decoding-icon{ background-image:url(../image/support/icon_De_s.png);}
#supportlabel .nav-tabs.nav-justified .active span.Decoding-icon{ background-image:url(../image/support/icon_Dea_s.png);}
#Downloads .btnmiddle {
    display: block;
  align-items:center;
  line-height:24px
}


}
@media (max-width: 662px) {

  
}

/*1090211 Miao新增*/
  .marquee {
    width: 100%;
    height:20px; 
    margin: 0 auto;
    overflow: hidden;
    background-color: #f7f7f7;/*888*/ /*f9e59e*/
  }

  .marquee ul{
    display: flex; 
    padding-left: 0;
    list-style-type: none;
    margin: 0 0 0 2px;
  }


  .marquee li{
    white-space: nowrap;
    margin-right: 60px; 
    color : #9f1b22;
    list-style-type: none;
  }