/* Minification failed. Returning unminified contents.
(1129,37): run-time error CSS1034: 
(1129,37): run-time error CSS1042: Expected function, found ','
(1129,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1558,31): run-time error CSS1046: Expect comma, found '0'
(1558,35): run-time error CSS1046: Expect comma, found '/'
(2463,36): run-time error CSS1046: Expect comma, found '0'
(2463,40): run-time error CSS1046: Expect comma, found '/'
(2531,35): run-time error CSS1046: Expect comma, found '0'
(2531,39): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";
/****************** index ******************/
/** index banner **/
.eStore_index_banner{margin-bottom:30px;}
.eStore_index_banner .carouselBanner ul li,.eStore_index_banner .carouselBanner ul li a{height:200px; overflow:hidden; width:100%;}
.eStore_index_banner .carouselBanner ul li img{display: none;}
.eStore_index_banner .carouselBanner ul li div{ background:top center no-repeat;min-width:980px; height:200px;}
/** index Highlight **/
.eStore_mobileTopBlock{display: none;}
.eStore_productBlock_txt{position:relative;}
.eStore_index_proContent  .eStore_productBlock_txt{min-height: 32px; max-height: 35px;}
.eStore_productBlock_txt .icon{position:absolute; bottom:20px; left:0px;}
.eStore_productBlock_txt .icon img{margin:5px 3px 0 0;}
.eStore_index_Highlight,.eStore_index_Solution{border:1px solid #ebebeb;}
.eStore_index_Highlight{border-right:1px solid #ebebeb; background-color:#f8f8f8; padding:15px 10px}
.eStore_index_Highlight  a{font-size:13px; line-height:18px; padding:2px 0px; margin:2px 0px; display:block; width:24%; float:left;}
.eStore_index_Highlight a.on{ color:#4398ef;  margin-right:-1px;}
.eStore_index_Highlight{position: relative;}
.eStore_index_proContent{ display:none;}
.eStore_index_proContent h5{color:#545454; padding:0 0 5px 20px;}
.eStore_index_proContent .eStore_productBlock{width:205px; padding:10px 20px; float:left;}
.eStore_index_proContent .eStore_btn{width:189px; text-align:center;}
.eStore_index_Highlight_tabList .eStore_index_proContent{position: absolute; top: 0px; right: 0px; display: none;}

.eStore_index_Solution_contentBlock .priceOrange,.eStore_index_proContent .priceOrange{color:#999; font-size:12px;}
.eStore_index_Solution,.eStore_index_Highlight{border-radius:5px;}
.eStore_index_Solution_linkBlock,.eStore_index_Solution_contentBlock{float:left;}
.eStore_index_Solution_linkBlock{background-color:#f8f8f8; width:350px; height:183px; border-right:1px solid #ebebeb; padding:15px 10px;}
.eStore_index_solutionTitle{font-size:15px; font-weight:600; color:#f39903; margin-bottom:5px; text-transform:uppercase;}
.eStore_index_solutionTitle span{color:#999; font-size:12px; font-weight:normal; line-height:12px; margin-right:5px;}
.eStore_index_Highlight a.more{text-align: right; width:90%;}
.eStore_index_Solution_linkBlock a{width:49%; padding:2px 0px;  margin:2px 0px;}
.eStore_index_Solution_linkBlock a:hover,.eStore_index_Solution_linkBlock a.on{color:#4398ef;}
.eStore_index_Solution_contentBlock{background:url(/images/ajax-loader.gif) left top no-repeat; padding:0px; width:607px;  height:213px; position:relative;}
.eStore_index_Solution_Link{ display:block; width:607px; height:213px; cursor:pointer; float: left;}
#SolutionItmes{ float:right; width:387px;}
.eStore_index_Solution_contentBlock ul{margin: 0 20px;}
.eStore_index_Solution_contentBlock li{width:133px; padding:0 20px;}
.eStore_index_Solution_contentBlock .eStore_productBlock_att{height:34px; overflow:hidden;}
.eStore_index_Solution .eStore_productBlock_price span{ font-size:18px;}
.eStore_index_solutionMobil{display: none;}
.eStore_index_proContentBlock{ height:245px; display:block;background-color:#fff;}
.eStore_index_proContentBlock ul{height:245px; }
.eStore_index_proContentBlock ul li{ width:215px; height:245px;float:left; padding:0px 10px}
.eStore_index_proContentBlock .eStore_productBlock{ width:215px; float:left;}
.eStore_index_proContentBlock .eStore_productBlock .eStore_btn { width:197px;}
.eStore_index_proContentBlock .eStore_productBlock .eStore_productBlock_txt{ height:32px; clear:left; text-align:center;}
.eStore_index_proContentBlock .eStore_productBlock_pic{ overflow:hidden;}
.eStore_index_proContentBlock .carousel-control .prev,.eStore_index_proContentBlock .carousel-control .next{ top :30%;}
.eStore_index_Solution_contentBlock .solution-overlay{
  width:537px;
Height: auto;
background-color: rgba(0, 0, 0, 0.5);
Padding: 10px 35px;
bottom:15px;
position:absolute;
color:#fff;
}
.eStore_index_Solution_contentBlock .solution-overlay span
{font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 15px;
Font-weight: 600;
    }
.eStore_index_Solution_contentBlock  .solution-overlay>.eStore_btn{
  float:right;
  
}
.priceOrange .price, .productpriceLarge{ font-size:18px;}
.priceOrange span, .regularprice span{ font-size:18px;}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
 
 
 
 
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }

#HeaderBanner a.orange {
    background-color: #f39903;
}

#HeaderBanner a.orange:hover,  #HeaderBanner a.orange:active, #HeaderBanner a.orange:focus{
    background-color: #e47c01;
}


#HeaderBanner a.white {
  background-color:white;
  color: #4398ef;
}
#HeaderBanner a.white:hover, #HeaderBanner a.white:active, #HeaderBanner a.white:focus {
  background-color: #ebebeb;
  color: #4398ef;
}



@media screen and (max-width: 980px) {
	.eStore_index_banner .carouselBanner ul li div{display: none;height: auto;}
	.eStore_index_banner .carouselBanner ul li, 	.eStore_index_banner .carouselBanner ul li a{height: auto;}
	.eStore_index_banner .carouselBanner ul li img{display: block; width: 100%; height: auto;}
	.eStore_index_Highlight, .eStore_index_Solution{width: 95%; margin: 0 auto 20px;}	
 
	.eStore_index_proContent{width: 100%; clear:left; background-color:#fff;}	
	.eStore_index_proContent .eStore_productBlock{width: 40%; padding: 10px 5%;}
	.eStore_wrapper .eStore_index_proContent .eStore_btn{width: 56%; padding: 5px 2%; margin: 0px;}
	.eStore_index_Solution_linkBlock{width: 96%; border: none; border-bottom: 1px solid #ebebeb; padding: 15px 2%;}
	.eStore_index_Solution_contentBlock{ display:none;}

}
@media screen and (max-width: 767px) {
	.eStore_index_banner{margin-bottom:50px;}
	.eStore_mobileTopBlock{display: block;}
	.eStore_index_Highlight_contentBlock{display: none;}
	.eStore_mobileTopBlock{width: 95%; margin:0 auto 30px;}
	.eStore_mobileTopBlock ul{margin: 0 20px;}
	.eStore_mobileTopBlock .eStore_productBlock{padding: 0 30px; display: block;}
	.eStore_mobileTopBlock .eStore_productBlock_txt,.eStore_mobileTopBlock .eStore_productBlock_price *{text-align: center;}
	 
	.eStore_index_Highlight >a{ width:95%; font-size:13px; line-height:18px; padding:8px 8px; border:none; border-top:1px solid #ebebeb; display:block; background:url(images/arrowBottom.png) 98% center no-repeat; background-size: 10px 5px;}
	.eStore_index_Highlight >a.on{background-color:#f8f8f8; color:#4398ef; border:none; border-top:1px solid #ebebeb; margin: 0px; background:url(images/arrowTop.png) 98% center no-repeat; background-size: 10px 5px;}
	 eStore_index_Highlight_tabList .eStore_index_Highlight_tablink a.eStore_btn{background-color: #4398ef; border: none; color: #fff; background-image: none;}
 
	.eStore_index_Solution{border: none;}
	.eStore_index_solutionTitle{margin-bottom: 10px; text-transform:uppercase;}
	.eStore_index_solutionMobil{display: block; border:1px solid #ebebeb; border-radius: 5px; background-color: #f8f8f8;}	
	.eStore_index_Solution_linkBlock{border: none; background-color: #fff; width: 100%; padding: 15px 0 0 0; height: auto;}
	.eStore_index_Solution_linkBlock a{width: 45.5%; padding: 5px 2%; border-top:1px solid #ebebeb;}
	.eStore_index_Solution_linkBlock a:first-child,.eStore_index_Solution_linkBlock a:nth-child(2){border: none;}
	.eStore_index_Highlight_tabList .eStore_index_Highlight_tablink .eStore_productBlock_pic a{ background-image:none;}
		.eStore_index_proContentBlock{  display:none;}
		.eStore_index_solutionnormal{ display:none;}
}
@media screen and (max-width: 480px) {
	.eStore_index_proContent .eStore_productBlock{width: 90%; padding: 10px 3%; margin: 0 auto; float: none;}
	.eStore_index_Highlight .eStore_productBlock_pic{width: 40%; float: left; text-align: left;}
	.eStore_index_Highlight .eStore_productBlock_pic a{ width:100%;}
	.eStore_index_Highlight .eStore_productBlock_pic img{width: 90%; max-width: 120px;}
	.eStore_index_Highlight .eStore_productBlock_txt,.eStore_productBlock_price{width: 60%; float: right; position: static;}
	.eStore_index_Highlight .eStore_productBlock_txt .icon{position: static; display: block;}
	.eStore_index_Highlight  a.eStore_btn{display: block; float: right; width: 60%; padding: 5px 0;}
	.eStore_index_Solution_linkBlock{height: auto;}
	.eStore_index_Solution_linkBlock a{width: 96%; padding: 5px 2%; border-top:1px solid #ebebeb;}
	.eStore_index_Solution_linkBlock a:first-child{border: none;}
	.eStore_index_Solution_linkBlock a:nth-child(2){border-top:1px solid #ebebeb;}
}
@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ) and (max-width: 480px),
       only screen and (    min--moz-device-pixel-ratio: 1.3 ) and (max-width: 480px),
       only screen and (      -o-min-device-pixel-ratio: 2.6/2 ) and (max-width: 480px), /* returns 1.3, see Dev.Opera */
       only screen and (         min-device-pixel-ratio: 1.3 ) and (max-width: 480px),
       only screen and ( min-resolution: 124.8dpi ) and (max-width: 480px),
       only screen and ( min-resolution: 1.3dppx ) and (max-width: 480px){

		.eStore_index_Highlight_tabList .eStore_index_Highlight_tablink a{background-image:url(images/arrowBottom@2x.png); background-size: 10px 5px;}
		.eStore_index_Highlight_tabList .eStore_index_Highlight_tablink a.on{background-image:url(images/arrowTop@2x.png); background-size: 10px 5px;}

}
/* 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;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .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;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.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;
}

/*fix start*/

.slider-1 {
    width: 900px;
    margin: 0 auto;
}

.slider-2 {
    width: 1000px;
    margin: 0 auto;
}

.slider-2 a {
    height: 120px;
}
.slider-2 img {
    max-height: 100%;
    width: auto;
}
.slider-2 .slick-slide {
    margin: 0px 15px;
}

.slider-3 {
    width: 730px;
    margin: 0 auto;
}

    .slider-3 .slick-slide {
        border-right: 1px #EBEBEB solid;
    }

        .slider-3 .slick-slide:nth-child(4),
        .slider-3 .slick-slide:nth-child(8),
        .slider-3 .slick-slide:nth-child(12) {
            border-right: none;
        }

    .slider-3 .slick-slide {
        padding: 15px 10px;
    }

.slick-slide img {
    margin: 0 auto;
    text-align: center;
}

.slick-slide-block{
    text-align: center;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.slick-prev:before {
    content: '\f137' !important;
    font-weight: 600;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 30px !important;
    color: #858585;
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, .2);
    margin: 0 0 0 -5px;
}

.slick-next:before {
    content: '\f138' !important;
    font-weight: 600;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 30px !important;
    color: #858585;
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.slick-next {
    right: 2% !important;
    z-index: 108;
    margin: 0 -5px 0 0;
}

.slick-prev {
    left: 1% !important;
    z-index: 500;
}

.slick-dots {
    bottom: 6px !important;
}

    .slick-dots li button:before {
        color: #fff !important;
        opacity: .2 !important;
        /*font-size: 24px !important;*/
    }

    .slick-dots li.slick-active button:before {
        opacity: 1 !important;
        color: #fff !important;
        /*font-size: 24px;*/
    }

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.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: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.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;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

figure {
    margin: 0;
    padding: 0;
}

.eStore_block1200 {
    width: 1200px;
    margin: 0 auto 10px;
}

@media only screen and (max-width: 1280px) {
    .eStore_block1200#eStore_ShopBySolution, .eStore_block1200#eStore_ShopByProducts {
        width: 96%;
        margin: 0 auto 10px;
    }
}
.eStoreFull {
    width: auto !important;
}
.eStore_index_Solution,
.eStore_index_Highlight {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0;
    padding-left: 50px;
    padding-right: 50px;
}

@media only screen and (max-width: 960px) {
    .eStore_index_Solution,
    .eStore_index_Highlight {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .eStore_index_Solution,
    .eStore_index_Highlight {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.eStore_featured {
    background-color: #f8f8f8;
    padding-top: 15px;
    margin-bottom: 20px;
}

.eStore_featured__title {
    text-align: center;
    color: #333333;
    margin-bottom: 40px;
}

    .eStore_featured__title h1 {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

@media only screen and (max-width: 1280px) {
    .eStore_featured__title h1 {
        width: 100%;
    }
}

.eStore_featured__title h1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d7d7d7;
    top: 50%;
    left: 0;
}

.eStore_featured__title h1 span {
    background-color: #f8f8f8;
    position: relative;
    padding: 0 15px;
}

.eStore_featured__content ul {
    zoom: 1;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 35px;
}

    .eStore_featured__content ul:before, .eStore_featured__content ul:after {
        content: "";
        display: table;
    }

    .eStore_featured__content ul:after {
        clear: both;
    }

    .eStore_featured__content ul li {
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #fff;
        float: left;
        padding: 10px 15px;
        width: 188px;
        margin-right: 14px;
        margin-bottom: 10px;
        text-align: center;
    }

        .eStore_featured__content ul li a {
            display: block;
        }

        .eStore_featured__content ul li:nth-child(6n) {
            margin-right: 0;
        }

        .eStore_featured__content ul li:hover {
            border: 1px solid #4398ef;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }

@media only screen and (max-width: 1280px) {
    .eStore_featured__content ul {
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .eStore_featured__content ul li {
            float: none;
            width: 15%;
            margin: auto;
            margin-bottom: 10px;
        }

            .eStore_featured__content ul li:nth-child(6n) {
                margin-right: auto;
            }

            .eStore_featured__content ul li .eStroe_featured__img {
                width: 100%;
            }

                .eStore_featured__content ul li .eStroe_featured__img img {
                    width: 100%;
                    height: auto;
                }
}

@media only screen and (max-width: 960px) {
    .eStore_featured__content ul li {
        width: 32%;
    }
}

@media only screen and (max-width: 480px) {
    .eStore_featured__content ul li {
        width: 48%;
    }
}

.eStore_featured__img {
    width: 100%;
    position: relative;
}

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

.eStore_featured__txt {
    text-align: center;
    height: 2.8em;
}

#eStore_ShopByProducts {
    margin-bottom: 100px;
}

.banner__container {
    height: 280px;
    position: relative;
    max-width: 1920px;
    margin: auto;
}

.cycle-container {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    height: 100%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    z-index: 1;
}

@media only screen and (max-width: 1200px) {
    .cycle-container {
        width: 100%;
    }

        .cycle-container .cycle-overlay {
            padding: 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .cycle-container .cycle-overlay .eStore_btn {
                right: 15px;
            }
}

.banner__slide {
    height: 280px;
}

.banner__slide__items {
    height: 280px;
}

#HeaderBanner {
    background-color: #f8f8f8;
}

#HeaderBanner .slick-arrow {
    display: none !important;
}

#HeaderBanner .slick-dots {
    bottom: 5px;
    z-index: 1;
}

    #HeaderBanner .slick-dots li {
        margin: 0;
    }

        #HeaderBanner .slick-dots li button:before {
            color: #fff;
            font-size: 16px;
        }

        #HeaderBanner .slick-dots li.slick-active button:before {
            opacity: .75;
            color: #fff;
        }

.eStore__list__menu {
    position: fixed;
    width: 100%;
}

.carouselBannerSingle {
    padding: 0 15px;
}

    .carouselBannerSingle .eStore_productBlock {
        width: 90%;
        margin: 0 auto;
    }

        .carouselBannerSingle .eStore_productBlock .eStore_btn {
            width: 100%;
        }

    .carouselBannerSingle .slick-prev, .carouselBannerSingle .slick-next {
        width: 9px;
        height: 21px;
        z-index: 11;
    }

        .carouselBannerSingle .slick-prev:before, .carouselBannerSingle .slick-next:before {
            display: none;
        }

    .carouselBannerSingle .slick-prev {
        left: 0px;
        background: url(../images/eStore_icon_all.png) 0 -300px no-repeat;
    }

    .carouselBannerSingle .slick-next {
        right: 0;
        background: url(../images/eStore_icon_all.png) 0 -325px no-repeat;
    }

.TopArea {
    max-height: 450px;
    border-bottom: #666 5px solid;
    padding-bottom: 1em;
}

#estore_top {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.announcement-wrapper {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333;
    overflow: hidden;
    height: 1em;
}

.announcement-slide {
    position: absolute;
    width: 100%; /* 確保滑動動畫基準為容器寬度 */
    height: 100%;
    transition: none; /* 初始不套動畫，等子元素動畫執行 */
}

.slide-text {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}


#products_menu {
    width: 280px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    zoom: 1;
    padding-top: 10px;
    margin: 0;
    border: 0;
    float: left;
}

    #products_menu p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 800;
        font-size: 14px;
        line-height: 26px;
        color: #4398ef;
        float: left;
    }

        #products_menu p:before {
            content: '\f187';
            font-weight: 600;
            font-family: "Font Awesome 5 Pro";
            color: #4398ef;
            font-size: 18px;
            padding: 0 5px 0 5px;
        }

.fa-archive {
    float: left;
    color: #4398ef;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
}

#products_menu a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

#products_menu ul,
#products_menu ul li,
#products_menu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#products_menu > ul {
    width: 100%;
    position: relative;
    z-index: 597;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px;
}

    #products_menu > ul > li {
        flex: 1;
        min-height: 1px;
        float: none;
        line-height: 34px;
        position: relative; /* ⬅️ 必要！讓下層 ul 以這個為定位基準 */
    }

        #products_menu > ul > li span {
            display: inline-block;
            width: 98%;
        }

        #products_menu > ul > li a.hover {
            z-index: 599;
            cursor: default;
            color: #4398ef;
        }

        #products_menu > ul > li.has-sub a:after {
            content: '\f054';
            font-weight: 300;
            font-family: "Font Awesome 5 Pro";
            color: #858585;
            font-size: 12px;
            text-align: left;
            position: absolute;
        }

#products_menu ul ul {
    position: absolute;
    top: -35px;
    left: 80%;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    min-width: 200px;
}

    #products_menu ul ul a:after {
        display: none;
    }

    #products_menu ul ul a {
        color: #676767 !important;
        padding: 7px 15px;
        box-sizing: border-box;
    }

    #products_menu ul ul li {
        float: none;
        font-size: 14px;
        line-height: 20px;
    }

#products_menu ul li.has-sub:hover > ul {
    visibility: visible;
    opacity: 1;
}

#products_menu > ul > li.active a {
    color: #4398ef;
}

/* Custom CSS Styles */

#products_menu ul ul li:hover > a {
    background: #efefef;
    color: #3d3d3d;
}

/*bigbanner*/

#bigbanner_area {
    width: 900px;
    height: 450px;
    float: right;
    position: relative;
    overflow: hidden;
}

    #bigbanner_area .slick-slide {
        position: relative;
        margin: 0;
    }

.bigbanner_info {
    position: absolute;
    top: 15%;
    height: 65%;
    width: 50%;
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.bigbanner_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 48px;
    color: #fff;
    padding: 20px 40px 0 40px;
}

.bigbanner_sub {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    width: 75%;
    padding: 15px 0 0 40px;
}

.bigbanner_btn {
    position: absolute;
    display: block;
    width: 150px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #000;
    background-color: #fff;
    padding: 9px 0;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 10px 0;
    bottom: 20px;
    left: 40px;
    z-index: 999;
    transition: 0.3s;
    box-shadow: 0 0 10px rgb(0, 0, 0, .3);
}

    .bigbanner_btn:hover {
        color: #fff;
        background-color: #4398ef;
    }


/*middle area*/

.middle_area {
    width: 100%;
    background: #f2f2f2;
    background-size: 120% auto;
    position: relative;
}

/* News */
.news_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    color: #3D3D3D;
    text-align: left;
    padding: 30px 0 0 0;
    border-bottom: #f39800 2px solid;
}

.news_area {
    width: 1200px;
    padding: 25px 0 10px 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

.news_list {
    width: 100%;
    overflow: hidden;
}

.news_list_pic {
    margin-right: 3%;
    width: 350px;
    height: auto;
    float: left;
    position: relative;
    padding-left: 1em;
    padding-bottom: 1em;
}

    .news_list_pic img {
        width: 100%;
    }

.adv_news_time {
    margin-bottom: 2%;
    text-align: left;
    font-size: 0.8rem;
    color: #222;
    font-weight: bold;
}

.adv_new_img {
    position: absolute;
    bottom: 0;
    background-color: #ffffffd6;
    color: #222;
    font-weight: bold;
    width: 96%;
    padding: 3% 2%;
}

.adv_new_list {
    line-height: 2rem;
    font-size: 1rem;
    margin-top: 2%;
}

    .adv_new_list a {
        display: inline;
    }

/*PRODUCT HIGHLIGHTS*/
.ph_area {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.ph_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #3D3D3D;
    line-height: 40px;
    text-align: left;
    margin: 0 auto;
    padding: 50px 0 0 0;
    border-bottom: #f39800 2px solid;
}

ul.ph_list {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 2% 0;
    overflow: hidden;
}

    ul.ph_list li {
        width: 23%;
        float: left;
        list-style: none;
        margin: 2% 0.8% 1.5% 1%;
        border: #ccc 1px solid;
        border-radius: 5px;
    }

.ph_tag {
    width: 100%;
    height: 46px;
    /*background-color: #5FC7D6;*/
    color: #636161;
    border-radius: 5px 5px 15px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    word-wrap: break-word;
    padding: 7px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

    .ph_tag:before {
        content: '\f02b';
        font-weight: 600;
        font-family: "Font Awesome 5 Pro";
        color: #636161;
        font-size: 14px;
        padding: 0 5px 0 0;
    }

.ph_img {
    border-bottom: #ccc 1px solid;
    height: 186px;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
    position: relative;
    background: #fff;
}

.ph_video {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    background: #05abe0;
    background: -moz-linear-gradient(top, #05abe0 0%, #1f76ce 99%);
    background: -webkit-linear-gradient(top, #05abe0 0%, #1f76ce 99%);
    background: linear-gradient(to bottom, #05abe0 0%, #1f76ce 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05abe0', endColorstr='#1f76ce', GradientType=0);
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
}


iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: block;
}

.modal-close {
    cursor: pointer;
    position: absolute;
    top: 22%;
    left: 75%;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
}


.is-hide {
    display: none;
}


.fa-caret-right {
    line-height: 50px !important;
    font-size: 40px;
    text-align: center;
    padding: 0 0 0 5px;
}

.fas:hover {
    color: #fff;
}

.fa-caret-right {
    color: #fff;
}

.ph_video:hover {
    filter: brightness(1.2);
}

.ph_text {
    padding: 15px;
}

    .ph_text h3 {
        font-size: 18px;
        line-height: 1.5em;
        margin-bottom: 5px;
        height: 1.5em;
        overflow: hidden;
    }

        .ph_text h3 a {
            color: #000;
        }

    .ph_text h4 {
        line-height: 1.5em;
        font-size: 16px;
        color: #4d4d4d;
        height: 4.5em;
        overflow: hidden;
        font-weight: normal;
        padding: 0;
    }

.ph_price {
    color: #00376C;
    background-color: #C8D8E7;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    padding: 5px 8px;
    box-sizing: border-box;
    height: 55px;
}

    .ph_price .productprice {
        text-align: left;
        color: #f39800;
    }

.ph_btn {
    width: 100%;
    display: block;
    background-color: #002C56;
    color: #fff;
    border-radius: 0 0 4px 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 12px 0;
    box-sizing: border-box;
    transition: 0.3s;
}

    .ph_btn:hover {
        background-color: #1863AB;
        color: #fff;
    }


/*FEATURED PRODUCTS*/

.fp_area {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.fp_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 50px 0 40px 0;
}

.fp_style1_area {
    width: 84%;
    margin: 0 8%;
    padding: 0;
}

.fp_style2_area {
    width: 84%;
    margin: 0 8%;
    padding: 0;
}

.fp_style3_area {
    width: 84%;
    margin: 0 8%;
    padding: 0;
}


.fp_style1_left {
    display: block;
    width: 49%;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    padding: 50px 0 30px 0;
    transition: 0.3s;
}

.fp_style1_area a:hover .zoom {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    zoom: 1.06;
}

:root .fp_style1_area a:hover .zoom {
    zoom: 1;
}

.fp_style3_area a:hover p {
    font-size: 13px;
    color: #4398ef;
}



.fp_style2_area a:hover .zoom {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    zoom: 1.06;
}

:root .fp_style2_area a:hover .zoom {
    zoom: 1;
}

.fp_style1_left:hover .zoom p {
    font-size: 18px;
    color: #4398ef;
}

.fp_style1_right:hover .zoom p {
    font-size: 18px;
    color: #4398ef;
}


.fp_style1_left p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #6095C6;
    text-align: center;
    transition: 0.3s;
}

.fp_style1_pic {
    width: 70%;
    margin: 0 auto;
}

    .fp_style1_pic img {
        width: 100%;
    }

.fp_style1_right {
    width: 49%;
    background-color: #fff;
    float: right;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    padding: 50px 0 30px 0;
}

    .fp_style1_right p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 40px;
        color: #6095C6;
        text-align: center;
        transition: 0.3s;
    }

.fp_style2_left {
    display: block;
    width: 49%;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    text-align: center;
    padding: 50px 0 35px 0;
    transition: 0.3s;
}

.fp_style2_pic {
    width: 80%;
    margin: 0 auto;
}

    .fp_style2_pic img {
        width: 100%;
    }

.fp_style2_left p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #6095C6;
    text-align: center;
}

.fp_style2_right {
    width: 49%;
    float: right;
    text-align: center;
}


    .fp_style2_right ul {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .fp_style2_right a {
        float: left;
        display: block;
        width: 48%;
        float: left;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        margin: 0 0 4% 4%;
        padding: 20px 0 10px 0;
    }

        .fp_style2_right a:hover p {
            font-size: 14px;
            color: #4398ef;
        }


    .fp_style2_right ul a:first-child {
        margin: 0 0 4% 0;
    }

    .fp_style2_right ul a:nth-child(3) {
        margin: 0;
    }

    .fp_style2_right ul a:last-child {
        margin: 0 0 0 4%;
    }


    .fp_style2_right p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 26px;
        color: #6095C6;
        text-align: center;
        transition: 0.3s;
    }



ul.fp_style3 {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 2% 0 0 0;
}

    ul.fp_style3 a {
        display: block;
    }

    ul.fp_style3 a {
        background-color: #fff;
        float: left;
        width: 23.5%;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        text-align: center;
        margin: 0 1% 2% 1%;
        padding: 20px 0 10px 0;
    }

        ul.fp_style3 a:first-child, ul.fp_style3 a:nth-child(5), ul.fp_style3 a:nth-child(9), ul.fp_style3 a:nth-child(13) {
            margin: 0 1% 2% 0;
        }

        ul.fp_style3 a:nth-child(4), ul.fp_style3 a:nth-child(8), ul.fp_style3 a:nth-child(12), ul.fp_style3 a:nth-child(16) {
            margin: 0 0 2% 1%;
        }

    ul.fp_style3 li p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 26px;
        color: #6095C6;
        text-align: center;
        transition: 0.3s;
    }

.fp_style3_pic {
    width: 80%;
    margin: 0 10%;
}

    .fp_style3_pic img {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

.fp_style3 a:hover .zoom {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    zoom: 1.06;
}

:root .fp_style3 a:hover .zoom {
    zoom: 1;
}

.fp_style3 a:hover p {
    font-size: 14px;
    color: #4398ef;
}

.fp_bt {
    width: 100%;
    margin: 30px 0 15px 0;
}

    .fp_bt a {
        width: 20%;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 20px;
        line-height: 45px;
        padding: 0 140px;
        margin: 0 auto;
        color: #C8D8E7;
        text-align: center;
        background-color: #0A2F53;
        border-radius: 50px;
        transition: 0.3s;
    }

        .fp_bt a:hover {
            background-color: #041322;
            color: #C8D8E7;
        }



/*TOP-RATED APPLICATIONS*/

#tra_area {
    width: 1200px;
    overflow: hidden;
    margin: 30px 0;
    padding: 20px 0;
    box-sizing: border-box;
}

.tra_list02 {
    width: 100%;
    margin: 40px 0 0 0;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}


.tra_list02_pic {
    float: right;
    width: 450px;
    height: 250px;
    position: relative;
}

    .tra_list02_pic img {
        width: 100%;
    }

.tra_list02_info {
    width: 75%;
    height: 250px;
    position: absolute;
    padding: 75px 20px 0 0;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.tra_list02_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}



.tra_list02_btn {
    width: 30%;
    display: block;
    color: #616161;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    padding: 3px 0;
    margin: 10px 0 0 0;
    margin-left: auto;
    transition: 0.3s;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

    .tra_list02_btn:hover {
        color: #fff;
        background-color: #4398EF;
    }


.tra_list02_products {
    float: left;
    margin: 25px 0 0 7px;
}


.tra_list .slick-prev,
.tra_list .slick-next {
    top: 50%;
}

    .tra_list .slick-prev:before {
        margin: 0 0 0 -12px;
        font-size: 22px !important;
        opacity: 1;
    }

    .tra_list .slick-next:before {
        margin: 0 0 0 7px;
        font-size: 22px !important;
        opacity: 1;
    }

.tra_list_text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #00376C;
    text-align: center;
    margin: 10px 0 0 0;
}

.tra_list_text2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #00376C;
    text-align: left;
    margin: 10px 0 0 0;
}

.tra_list_price {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #00376C;
    text-align: center;
    margin: 0 0 5px 0;
}

.tra_list_btn {
    width: 60%;
    margin: 0 auto;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 3px 0;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    transition: 0.3s;
    background: #05abe0;
    background: -moz-linear-gradient(top, #05abe0 0%, #1f76ce 99%);
    background: -webkit-linear-gradient(top, #05abe0 0%, #1f76ce 99%);
    background: linear-gradient(to bottom, #05abe0 0%, #1f76ce 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05abe0', endColorstr='#1f76ce', GradientType=0);
}

.slider4_textcolor {
    color: #815500;
}

.slider4_btncolor {
    background: #efb543;
    background: -moz-linear-gradient(top, #efb543 0%, #ce731f 99%);
    background: -webkit-linear-gradient(top, #efb543 0%, #ce731f 99%);
    background: linear-gradient(to bottom, #efb543 0%, #ce731f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efb543', endColorstr='#ce731f', GradientType=0);
}

.tra_list a:hover .zoom {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    zoom: 1.05;
}

:root .tra_list a:hover .zoom {
    zoom: 1;
}

:root .tra_list a:hover .tra_list_btn {
    color: #fff;
    filter: brightness(1.2);
}

/*device*/

@media screen and (max-width:1024px) {
    .eStore_logo {
        margin-left: 30px;
    }

    #estore_top {
        width: 100%;
        padding: 0 0 20px 0;
        box-sizing: border-box;
        overflow: visible;
    }

    #products_menu {
        position: absolute;
        top: 0;
        left: 0;
        background: none;
    }

        #products_menu a {
            color: #3d3d3d;
        }

        #products_menu ul {
            background: #fff;
        }

            #products_menu ul ul a {
                color: #676767;
            }

        #products_menu p:before {
            display: block;
            content: '\f0c9';
            font-size: 24px;
            color: #014280;
            position: absolute;
            top: 15px;
            left: 14px;
        }

        #products_menu p span {
            display: none;
        }

        #products_menu > ul {
            display: none;
            position: absolute;
            z-index: 600;
            background: #fff;
            top: 53px;
            padding: 10px 15px;
            box-sizing: border-box;
            box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
        }


        #products_menu p.menu + ul {
            display: block;
        }

        #products_menu ul li a:after {
            content: '\f107';
            font-size: 16px;
            color: #3d3d3d;
            transition: 0.2s;
        }

        #products_menu ul li a.submenu:after {
            transform: rotateX(180deg);
            transition: 0.2s;
            margin-top: -2px;
        }

        #products_menu ul ul {
            width: 100%;
            position: relative;
            display: none;
            box-shadow: none;
            border: none;
            top: 0;
            left: 0;
        }

        #products_menu ul a.submenu + ul {
            display: block;
            opacity: 1;
            visibility: visible;
            transition: 0.2s;
            height: auto;
        }


    #bigbanner_area {
        width: 100%;
        height: auto;
        float: right;
        margin: 0 0 30px 0;
        position: relative;
    }

    .slider-1 {
        width: 100%;
        margin: 0 auto;
    }

        .slider-1 img {
            width: 100%;
        }

    #bigbanner_area .slick-slide {
        margin: 0;
    }


    .bigbanner_title {
        font-weight: 400;
        font-size: 28px;
        line-height: 48px;
        padding: 20px 0 0 55px;
    }

    .bigbanner_sub {
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        width: 50%;
        padding: 0 0 0 55px;
    }

    .bigbanner_btn {
        width: 18%;
        font-size: 18px;
        padding: 9px 0;
        margin: 10px 0;
        bottom: 6%;
        right: 3%;
    }

    .slider-2 {
        width: 90%;
        margin: 0 5%;
    }

    .middle_area {
        width: 100%;
        background-color: transparent;
        background-image: none;
        margin: 100px 0 0 0;
        position: relative;
        padding: 100px 0 40px 0;
    }

    .ph_area {
        width: 100%;
        overflow: hidden;
        margin: 40px 0 10px 0;
        padding: 0 0 3% 0;
        background-color: #1B5E9C;
        background-image: url(file:///Users/dr001/Desktop/%E7%A0%94%E8%8F%AFeStore/eStore_html/images/ph_ba.jpg);
    }

    .bh_area {
        width: 100%;
        position: absolute;
        margin: 0;
        padding: 25px 0 10px 0;
        box-sizing: border-box;
        top: -90px;
        background-color: transparent;
        box-shadow: none;
        border-radius: none;
    }

    .slider-2 .slick-prev {
        left: 2% !important;
        top: 35%;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 24px !important;
    }

    .bh_list .slick-prev,
    .bh_list .slick-next {
    }

    .slider-2 .slick-next {
        right: 3% !important;
        top: 37%;
    }

    .slider-2 a {
        height: 120px;
    }

    .slider-2 img {
        max-height: 100%;
        width: auto;
    }

    .bh_new,
    .bh_hot {
        margin: 0 0 0 2.9%;
    }


    .bh_text {
        font-size: 13px;
        line-height: 16px;
    }



    ul.ph_list {
        width: 96%;
        margin: 0 2%;
        padding: 1% 0 2% 0;
    }

    .ph_title {
        font-weight: 600;
        font-size: 32px;
    }

    .ph_video {
        display: none;
    }

    .ph_img {
        height: 100px;
    }

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

    .ph_tag {
        width: 100%;
        height: 46px;
        font-size: 12px;
        line-height: 14px;
        border-radius: 5px 5px 10px 0;
    }

    .ph_tag:before {
        content: none;
    }

    .ph_text {
        height: 65px;
        font-size: 13px;
        line-height: 16px;
        padding: 10px 10px 5px 10px;
        border-radius: 10px 0 0 0;
    }

    .ph_btn {
        padding: 9px 0;
    }

    /*FEATURED PRODUCTS 13*/

    .fp_area {
        width: 100%;
        overflow: hidden;
        margin: 40px 0 10px 0;
        padding: 0 0 3% 0;
        background-color: #1B5E9C;
        background-image: url(file:///Users/dr001/Desktop/%E7%A0%94%E8%8F%AFeStore/eStore_html/images/ph_ba.jpg);
    }

    .fp_title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        padding: 55px 0 40px 0;
    }

    .fp_bt a {
        width: 30%;
        font-size: 20px;
        line-height: 45px;
        padding: 0 15%;
    }

    .fp_style1_left {
        padding: 30px 0 15px 0;
    }

    .fp_style1_right {
        padding: 30px 0 15px 0;
    }

    .fp_style3_pic img {
        width: 100%;
    }

    #tra_area {
        width: 100%;
        overflow: hidden;
        margin: 0 0 60px 0;
        padding: 0;
        box-sizing: border-box;
    }

    .tra_title {
        font-weight: 600;
        font-size: 32px;
        padding: 20px 0;
    }

    .tra_list01 {
        width: 46%;
        margin: 2% 1% 0 3%;
        float: left;
    }

    .tra_list02 {
        width: 46%;
        margin: 2% 3% 0 1%;
        float: left;
    }

    .tra_list01_info {
        width: 100%;
        position: absolute;
        padding: 0;
        height: 100%;
        background: rgba(0, 0, 0, .2);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tra_list02_info {
        width: 100%;
        position: absolute;
        padding: 0;
        height: 100%;
        background: rgba(0, 0, 0, .2);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tra_list01_pic,
    .tra_list02_pic {
        width: 100%;
        height: auto;
    }

    .tra_list01_title,
    .tra_list02_title {
        font-weight: 600;
        margin: 0;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
    }

    .tra_list01_pic img,
    .tra_list02_pic img {
        width: 100%;
        display: block;
    }


    .tra_list01_btn {
        display: none;
    }


    .tra_list02_btn {
        display: none;
    }


    .tra_list01_products {
        display: none;
    }

    .tra_list02_products {
        display: none;
    }
}

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

    .bh_new,
    .bh_hot {
        margin: 0 0 0 2.5%;
    }

    .bigbanner_btn {
        width: 18%;
        font-size: 18px;
        padding: 9px 0;
        margin: 10px 0;
        bottom: 5%;
        right: 26%;
    }

    ul.fp_style3 li p {
        font-size: 12px;
        line-height: 26px;
    }

    ul.fp_style3 li p {
        font-size: 12px;
        line-height: 26px;
    }

    .ph_img {
        height: 70px;
    }
    .slider-2 a {
        height: 90px;
    }

    .slider-2 img {
        max-height: 100%;
        width: auto;
    }
}

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

    .eStore_logo {
        margin-left: 0px;
    }
    .eStore_logo > a > img {
        height: 80%;
    }
    #products_menu {
        width: 100%;
        position: relative;
    }

    #products_menu p {
        display: block;
        width: 100%;
        background: #014280;
        color: #fff;
        position: relative;
        padding: 0 10px;
        box-sizing: border-box;
        height: 36px;
        line-height: 36px;
    }

    #products_menu p span {
        display: inline-block;
    }

    #products_menu p:before {
        color: #fff;
        content: '\f187';
        position: static;
        font-size: 14px;
        display: inline-block;
    }

    #products_menu p:after {
        content: '\f107';
        display: inline-block;
        font-weight: 300;
        font-family: "Font Awesome 5 Pro";
        color: #fff;
        font-size: 20px;
        transition: 0.2s;
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

    #products_menu p.menu:after {
        transform: rotateX(180deg);
        transition: 0.2s;
        margin-top: -2px;
    }

    #products_menu>ul {
        padding: 0 10px;
        top: 36px;
    }

    .slick-dots li {
        margin: 0 !important;
    }

    .slick-prev {
        left: 3% !important;
    }

    .slick-next {
        right: 3% !important;
    }

    .bigbanner_title {
        font-size: 14px;
        line-height: 30px;
        padding: 20px 10px 0 35px;
    }


    .bigbanner_sub {
        display: none;
    }

    .bigbanner_btn {
        width: 30%;
        font-size: 12px;
        padding: 4px 0;
        margin: 10px 0;
        bottom: 8%;
        right: -3%;
    }

    .middle_area {
        padding: 60px 0 0 0;
    }

        
    .bh_area {
        padding: 0 0 10px 0;
    }

    .bh_title {
        font-weight: 600;
        font-size: 20px;
        line-height: 40px;
        margin: 0 auto;
        padding:0;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }

    .slider-2 .slick-prev {
        left: 7% !important;
        top: 35%;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 20px !important;
        text-shadow: 0 0 5px rgb(0 0 0 / 20%);
    }

    .bh_list .slick-next:before {
        margin: 0 0 0 19px;
        opacity: 1 !important;
    }

    .bh_new,
    .bh_hot {
        width: 30px;
        height: 30px;
        font-size: 10px;
        line-height: 30px;
        margin: 0 0 0 2.9%;
    }


    .bh_text {
        font-size: 12px;
        line-height: 14px;
    }

    .ph_area {
        width: 100%;
        overflow: hidden;
        margin: 0 0 10px 0;
        background-color: #1B5E9C;
        background-image: none;
        padding: 30px 0 0 0;
    }

    .ph_tag {
        width: 100%;
        height: 40px;
        font-size: 11px;
        line-height: 13px;
        border-radius: 5px 5px 10px 0;
    }

    .ph_title {
        font-weight: 600;
        font-size: 24px;
        padding: 0;
    }

    .ph_text {
        height: 60px;
        font-size: 12px;
        line-height: 15px;
        padding: 5px 10px 5px 10px;
        border-radius: 10px 0 0 0;
    }

    .ph_price .specialprice{
        display: none;
    }

    ul.ph_list {
        padding: 1% 0 10% 0;
    }

    ul.ph_list li {
        width: 48%;
        background-color: #fff;
        list-style: none;
        margin: 2% 1% 1.5% 1%;
        border-radius: 5px;
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    }

    .fp_title {
        font-weight: 600;
        font-size: 24px;
        line-height: 40px;
        padding: 30px 0 10px 0;
    }

    .fp_style1_left {
        width: 100%;
        margin: 0 0 5% 0;
    }

    .fp_style1_right {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .fp_style1_pic {
        width: 80%;
        margin: 0 auto;
    }

    .fp_style2_left {
        width: 100%;
        margin: 0 0 4% 0;
        padding: 30px 0 15px 0;
    }

    .fp_style2_right {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .fp_style2_right p {
        font-size: 12px;
        line-height: 26px;
    }

    ul.fp_style2_right a:nth-child(odd) {
        width: 48%;
        margin: 0 2% 4% 0;
        padding: 20px 0 10px 0;
    }

    ul.fp_style2_right a:nth-child(even) {
        width: 48%;
        margin: 0 0 4% 2%;
        padding: 20px 0 10px 0;
    }


    ul.fp_style3 {
        padding: 0;
    }

    ul.fp_style3 a:nth-child(odd) {
        width: 48%;
        margin: 0 2% 4% 0;
        padding: 20px 0 10px 0;
    }

    ul.fp_style3 a:nth-child(even) {
        width: 48%;
        margin: 0 0 4% 2%;
        padding: 20px 0 10px 0;
    }

    .fp_bt {
        width: 100%;
        margin: 20px 0 20px 0;
    }

    .fp_bt a {
        width: 50%;
        font-size: 18px;
        line-height: 40px;
        padding: 0 15%;
    }


    .tra_title {
        font-weight: 600;
        font-size: 24px;
        padding: 20px 0 5px 0;
    }

    .tra_list01_title,
    .tra_list02_title {
        font-weight: 600;
        margin: 0;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }
}