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


/*-----------------------------------------

Last update:    2025-5-13

---------------------------------------*/



/*=============================
common
=============================*/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
	padding-bottom: 36px;
    background:url(../../img/bg_lead.gif) repeat;
}
 @media screen and (max-width:959px){
    .wideslider {
        padding-bottom: 3.6%;
    }
}


.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}



.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev01.png) no-repeat right center;}
.slider_next {background: #fff url(../img/next01.png) no-repeat left center;}
 
 
 
 .pagination {
	bottom: 0;
	left: 0;
	width: 100%;
	height:72px;
	text-align: center;
	position: absolute;
}

.pagination a {
	margin: 0 0.5%;
	width: 150px;
	height: 0;
    padding-top:72px;
	display: inline-block;
	overflow: hidden;
    box-sizing:border-box;
	opacity: 1!important;
    background:#fff;
}

@media screen and (max-width:959px){
.pagination {
	bottom: 0;
	left: 0;
	width: 100%;
	height:14.2%;
    padding-top:0;
 }

.pagination a {
	width: 14.5%;
    padding-top:7%;
}

}


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




.pagination a.pn1 {background: url(../../img/thm_oc20250719.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn2 {background: url(../../img/thm01.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn3 {background: url(../../img/thm_movie2020.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn4 {background: url(../../img/thm_lisense2025.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn5 {background: url(../../img/thm05.png) #fff no-repeat left top; background-size:100% auto;}



.pagination a.active {
	opacity: 1!important;
}

.pagination a.active.pn1 {background: url(../../img/thm_oc20250719_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.active.pn2 {background: url(../../img/thm01_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.active.pn3 {background: url(../../img/thm_movie2020_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.active.pn4 {background: url(../../img/thm_lisense2025_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.active.pn5 {background: url(../../img/thm05_on.png) #fff no-repeat left top; background-size:100% auto;}



.pagination a:hover {
	opacity: 1!important;
}

.pagination a.pn1:hover {background: url(../../img/thm_oc20250719_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn2:hover {background: url(../../img/thm01_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn3:hover {background: url(../../img/thm_movie2020_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn4:hover {background: url(../../img/thm_lisense2025_on.png) #fff no-repeat left top; background-size:100% auto;}
.pagination a.pn5:hover {background: url(../../img/thm05_on.png) #fff no-repeat left top; background-size:100% auto;}



 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}