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


#container{
	width:80%;
}
#container > div{
	margin:auto;
}
#play_button{
	margin-top: 10px !important;
	overflow:hidden;
	width:40px;
	height:40px;
	background:url(../images/button-play-pause.png) 0 0;
}
#play_button:hover{
	background-position:0 -40px;
}
#play_button:active{
	background-position:0 -80px;
}
#play_button[state='active']{
	background-position:-40px 0;
}
#play_button:hover[state='active']{
	background-position:-40px -40px;
}
#play_button:active[state='active']{
	background-position:-40px -80px;
}
img{
	max-width:100%;
}

#slider1_container{
	position:relative; 
	width:800px; 
	height: 600px;
}
 /* jssor slider arrow navigator skin 05 css */
                /*
                .jssora05l              (normal)
                .jssora05r              (normal)
                .jssora05l:hover        (normal mouseover)
                .jssora05r:hover        (normal mouseover)
                .jssora05ldn            (mousedown)
                .jssora05rdn            (mousedown)
                */
                .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
                {
                    position: absolute;
                    cursor: pointer;
                    display: block;
                    background: url(../images/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: -190px -40px; }
                .jssora05ldn { background-position: -250px -40px; }
                .jssora05rdn { background-position: -310px -40px; }
 /* jssor slider thumbnail navigator skin 01 css */
                    /*
                    .jssort01 .p           (normal)
                    .jssort01 .p:hover     (normal mouseover)
                    .jssort01 .pav           (active)
                    .jssort01 .pav:hover     (active mouseover)
                    .jssort01 .pdn           (mousedown)
                    */
                    .jssort01 .w
                    {
						background:rgba(0,0,0,0.5);
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }
                    .jssort01 .c {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 68px;
                        height: 68px;
                        border: #000 2px solid;
                    }
                    .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
						background:rgba(255,255,255,0.5);
                        border-width: 0;
                        top: 2px;
                        left: 2px;
                        width: 68px;
                        height: 68px;
                    }
                    .jssort01 .pav .c {
						top: 0;
                        left: 0;
                        width: 70px;
                        height: 70px;
                        border: #CCC 1px solid;
                    }
                    .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                        top: 0;
                        left: 0;
                        width: 70px;
                        height: 70px;
                        border: #fff 1px solid;
                    }