@charset "utf-8";
/* CSS Document */

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -1100px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
		.jssor01{
			top: 346px !important;
		}
		.jssort01 .p {    
		position: absolute;    
		top: 0;    
		left: 0;    
		width: 100px;    
		height: 100px;}
		.jssort01 .t {    
		position: absolute;    
		top: 0;    
		left: 0;    
		width: 83%;    
		height: 83%;    
		border: none;}
		.jssort01 .w {    
		position: absolute;    
		top: 0px;   
		 left: 0px;    
		 width: 83%;    
		 height: 83%;}
		.jssort01 .c {    
		position: absolute;    
		top: 0px;    
		left: 0px;    
		width: 83%;    
		height: 83%;   
		/* border: #000 2px solid;  */  
		 box-sizing: content-box;    
		 
		 _background: none;}
		.jssort01 .pav .c {    
		top: 2px;    
		_top: 0px;   
		 left: 2px;    
		 _left: 0px;    
		 width:100px;    
		 height: 100px;    
		/* border: #000 0px solid;  */  
		/* _border: #fff 2px solid; */   
		 background-position: 50% 50%;
		 }
		.jssort01 .p:hover .c {    
		top: 0px;    
		left: 0px;    
		width: 100px;    
		height: 100px;    
		/*border: #fff 1px solid;   */
		background-position: 50% 50%;}
		.jssort01 .p.pdn .c {    
		background-position: 50% 50%;   
		 width: 100px;    
		 height: 100px;   
		  /*border: #000 2px solid;*/}
		* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    
		width /**/: 100px;    
		height /**/: 100px;
		}
		
#jssor_1{
	position: relative;
	margin: 0 auto;
	top: 16px;
	left: 0px;
	width: 293px !important;
	height: 370px !important;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFFFFF;
}
@media (max-width: 360px){
			#jssor_1{
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 274px !important;
	height: 370px !important;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFFFFF;
}
}
@media (max-width: 320px){
			#jssor_1{
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 370px !important;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFFFFF;
}
}
		.thumb{
			top: 337px;
			}