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

#newScore .slider .score_slider{
	background-color: #000;

}

#newScore .slider .slick-slide img,
#brand_toparea .slider .slick-slide img{
	width: 100%;
}
.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-arrow {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      overflow: hidden;
      width: 6%;
      background-repeat: no-repeat; 
      border: 0;
      text-indent: -9999px;
      cursor: pointer;
      outline: none;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }
.slider .slick-arrow:hover{
	background-color:rgba(0,0,0, 0.5);
}
.slider .slick-prev {
      left: 0;
	background-image:url(/images/slide_prev.png);
		background-color:rgba(0,0,0, 0.3);
      background-position: 10px center;
		 background-size: 100px;

    }
 .slider .slick-next {
      right: 0;
	background-image:url(/images/slide_next.png);
	background-color:rgba(0,0,0, 0.3);
      background-position: -20px center;
	 background-size: 100px;
	 opacity: 0.8;
    }


#brand_toparea .slider .slick-prev{
	  left: 0;
	background-image:url(/images/slide_prev.png);
		background-color:rgba(0,0,0, 0.0);
      background-position: 10px center;
		 background-size: 100px;
}
#brand_toparea .slider .slick-next {
      right: 0;
	background-image:url(/images/slide_next.png);
	background-color:rgba(0,0,0, 0.0);
      background-position: -20px center;
	 background-size: 100px;
	 opacity: 0.6;
    }

#archive_top .slider .slick-prev {
      left: 0;
	background-image:url(/images/slide_prev.png);
		background-color:rgba(0,0,0, 0.4);
      background-position: 3px center;
		 background-size: 100px;

    }
 #archive_top .slider .slick-next {
      right: 0;
	background-image:url(/images/slide_next.png);
	background-color:rgba(0,0,0, 0.4);
      background-position: -48px center;
	 background-size: 100px;
	 opacity: 0.8;
    }

#potal_main_ec .slider .slick-arrow,
.slider_item .slick-arrow {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      overflow: hidden;
      width: 5%;
      background-repeat: no-repeat; 
      border: 0;
      text-indent: -9999px;
      cursor: pointer;
      outline: none;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }
#potal_main_ec .slider .slick-arrow:hover,
.slider_item .slick-arrow:hover{
	background-color:rgba(0,0,0, 0.5);
}
#potal_main_ec .slider .slick-prev,
.slider_item .slick-prev {
      left: 0;
	background-image:url(/images/slide_prev.png);
		background-color:rgba(0,0,0, 0.8);
      background-position: right center;
		 background-size: 30px;
	 opacity: 0.7;
    }
#potal_main_ec .slider .slick-next,
 .slider_item .slick-next {
      right: 0;
	background-image:url(/images/slide_next.png);
	background-color:rgba(0,0,0, 0.8);
      background-position: -20px center;
	 background-size: 50px;
	 opacity: 0.7;
    }

.slick-dots {
      overflow: hidden;
      margin: 20px auto 5px;
	  text-align: center;
    }
    .slick-dots li {
        width: 42px;
        height: 42px;
        margin-right: 15px;
        overflow: hidden;
		display: inline-block;}
.slick-dots li button{
      position: relative;
      text-indent: -9999px;
	border: solid 0;
}
       .slick-dots li:last-child { margin-right:  0; }
         .slick-dots li a {
          position: relative;
          top: 15px;
          left: 15px;
          display: block;
          width: 42px;
          height: 42px;
          overflow: hidden;
          text-align: center;
          cursor: pointer;
          -webkit-transition: all 200ms ease-in;
          -webkit-transform: scale(1); 
          -ms-transition: all 200ms ease-in;
          -ms-transform: scale(1); 
          -moz-transition: all 200ms ease-in;
          -moz-transform: scale(1);
          transition: all 200ms ease-in;
          transform: scale(1);
        }
         .slick-dots li a img {
			width: 100%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
@media only screen and (max-width: 768px){

	.slider .slick-arrow {    
		width: 6%;   
    }

	.slider .slick-arrow:hover{
		background-color:rgba(0,0,0, 0.2);
	}
	.slider .slick-prev,.slider .slick-next  {
    
		 background-size: 60px;

    }


}

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

	.slider .slick-arrow {
    
      width: 6%;
	margin: 0;	
   
    }
		.slider .slick-prev,.slider .slick-next  {
    
		 background-size: 40px;

    }
    .slider .slick-prev, .slider .slick-next {
	background-color:rgba(0,0,0, 0.0);
    }

	 .slider .slick-arrow:hover{
	background-color:rgba(0,0,0, 0.0);
	}
}