@charset "UTF-8";
 /* Slider */
 
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
     outline: none;
 }
 
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
     outline: none;
 }
 
 .slick-list:focus {
     outline: none;
 }
 
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }
 
 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
 }
 
 .slick-track:before,
 .slick-track:after {
     display: table;
     content: '';
     outline: none;
 }
 
 .slick-track:after {
     clear: both;
 }
 
 .slick-loading .slick-track {
     visibility: hidden;
 }
 
 .slick-slide {
     position: relative;
     display: none;
     float: left;
    /* height: 100%;*/
     min-height: 1px;
     outline: none;
 }
 
 .slick-slide img {
     display: block;
     width: 100%;
     height: auto;
     padding: 0;
     margin: 0;
     border: 0;
 }
 
 .slick-slide.slick-loading img {
     display: none;
 }
 
 .slick-slide.dragging img {
     pointer-events: none;
 }
 
 .slick-initialized .slick-slide {
     display: block;
 }
 
 .slick-loading .slick-slide {
     visibility: hidden;
 }
 
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }
 
 .slick-arrow.slick-hidden {
     display: none;
 }
 /* Slider */
 
 .slick-loading .slick-list {
     background: #fff url('../images/share/ajax-loader.gif') center center no-repeat;
 }
 /* Arrows */
 
 .slick-prev,
 .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     margin-top: -30px;
     display: block;
     width: 40px;
     height: 60px;
     padding: 0;
     cursor: pointer;
     border: none;
     outline: none;
     z-index: 9998;
     opacity: 1;
     filter: alpha(opacity=100);
     transition: linear 0.3s;
 }
 
 .slick-prev:hover,
 .slick-next:hover {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 /*.slick-prev:focus,.slick-next:focus {opacity: 1;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity: 1;}.slick-prev:before,.slick-next:before {font-size: 20px;line-height: 1;opacity: 1;color: white;}*/
 
 .slick-prev {
     left: 0px;
     background: url(fonts/arrow_left.svg) center center no-repeat;
     background-size: 60px 60px;
 }
 
 [dir='rtl'] .slick-prev {
     right: 0px;
     left: auto;
 }
 
 .slick-prev:before {
     content: "";
 }
 
 [dir='rtl'] .slick-prev:before {
     content: "";
 }
 
 .slick-next {
     right: 0px;
     background: url(fonts/arrow_right.svg) center center no-repeat;
     background-size: 60px 60px;
 }
 
 [dir='rtl'] .slick-next {
     right: auto;
     left: 0px;
 }
 
 .slick-next:before {
     content: "";
 }
 
 [dir='rtl'] .slick-next:before {
     content: "";
 }
 /* Dots */
 
 .slick-dotted.slick-slider {
     margin-bottom: 0px;
 }
 
 .slick-dots {
     position: absolute;
     bottom: 15px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
 }
 
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 6px;
     padding: 0;
     cursor: pointer;
 }
 
 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 10px;
     height: 10px;
     padding: 0px;
     border-radius: 50%;
     overflow: hidden;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background-color: #666;
 }
 
 .slick-dots li button:hover,
 .slick-dots li button:focus {
     outline: none;
 }
 
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .slick-dots li button:before {
     font-size: 6px;
     line-height: 20px;
     position: absolute;
     top: -1px;
     left: -1px;
     width: 12px;
     height: 12px;
     content: '';
     text-align: center;
     color: red;
     background-color: #666;
     border-radius: 50%;
     transition: linear 0.3s;
 }
 
 .slick-dots li.slick-active button:before {
     background-color: #093d73;
 }
 /*----------------自訂----------------*/
 
 .mainBanner .phone {
     display: none;
 }
 /*焦點產品*/
 
 .focus {
     background-color: #ddd;
 }
 
 .focusList figure {
     position: relative;
     overflow: hidden;
     background: #f5f5f5;
     /* Old browsers */
     background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #f8f8f8 0%, #eeeeee 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee', GradientType=0);
     /* IE6-9 */
     border-top: #eee solid 1px;
     border-right: #eee solid 1px;
     border-bottom: #eee solid 1px;
 }
 
 .focusList:nth-child(even) figure {
     background: #eeeeee;
     /* Old browsers */
     background: -moz-linear-gradient(top, #f3f3f3 0%, #e5e5e5 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #f3f3f3 0%, #e5e5e5 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #f3f3f3 0%, #e5e5e5 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5', GradientType=0);
     /* IE6-9 */
 }
 
 .focusList .focusInfo {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     padding: 30px 2% 0px 2%;
     z-index: 10;
     text-align: center;
     box-sizing: border-box;
 }
 
 .focusList .focusInfo h3 {
     position: relative;
     font-size: 1.25em;
     font-weight: bold;
     /*overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;*/
     padding-top: 5px;
 }
 
 .focusList .focusInfo p {
     position: relative;
     font-size: 1.05em;
     font-weight: bold;
     color: #666;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
     padding-bottom: 0;
 }
 
 .focusList .mask {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.8);
     opacity: 0;
     filter: alpha(opacity=0);
     z-index: 10;
     text-align: center;
     padding-top: 46%;
     transition: ease 0.3s;
 }
 
 .focusList .mask a {
     display: inline-block;
     color: #fff;
     border: #fff solid 1px;
     padding: 0px 20px;
     margin: 0 5px;
     line-height: 40px;
 }
 
 .focusList .mask a:hover {
     color: #000;
     background-color: #fff;
 }
 .focusList:hover .mask {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 @media only screen and (max-width: 800px) {
     .mainBanner .pc {
         display: none;
     }
     .mainBanner .phone {
         display: block;
     }
     .focusList .focusInfo h3 {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
 }