@charset "utf-8";

.hot, .pop {
	font-family: sanscl, sans-serif;
	}
.hot h3, .hot h4 {
	color:var(--ch3);
	line-height:1.1em;
	font-weight:normal;
	}
.hot h3 {
	margin:0;
	font-size:1.6em;
	}
.hot p {
	font-size:.9em;
	margin:.3em .4em;
	}

.hot a.tx {
	background:var(--cmdb);
	text-decoration:none;
	border-bottom:var(--cmdb) solid 10px;
	}
.hot a.tx h3, .hot a.tx h4, .hot a.tx h6 {
	color:var(--cmdh);
	text-align:left;
	}
.hot a.tx h6 {
	font-size:1.3em;
	color:var(--cmdp);
	}
.hot a.tx p {
	color:var(--cmdp);
	opacity:1;
	}



#hot {
	position:absolute;
	max-height:100vh;
	padding:.5em 0 0 0;
	top:-130vh;
	display:block;
	width:100%;
	text-align:left;
	background:#fff;
	box-shadow:0 0 25px rgba(0,0,0,.5);
	z-index:150;
	transition:.4s;
	overflow:hidden;
	}
#hot.on {
	top:3.6em;
	}
#hot a {
	display:block;
	width:100%;
	height:120px;
	border-bottom:solid 1px #aaa;
	margin-top:10px;
	overflow:hidden;
	}
#hot a img {
	width:140px;
	margin:0 10px;
	float:left;
	}
#hot .bg {
	display:none;
	}
#hot .i{
	display:inline;
	width:100%;
	height:128px;
	}




#menu {
	text-align:center;
	padding:10px 0;
	}
#menu a {
	display:inline-table;
	top:0;
	width:76%;
	height:36px;
	padding:4px 20px;
	margin:8px;
	text-decoration:none;
	text-align:center;
	background:var(--cbxb);
	border:1px solid #fff;
	}
#menu h4 {
	color:#fff;
	margin:5px;
	}
#menu p {
	display:none;
	}



#small {
	text-align:center;
	padding:1em 0;
	background:#fff;
	}
#small a {
	position:relative;
	display:inline-block;
	width:100%;
	margin-bottom:2em;
	}
#small a img {
	width:85%;
	}
#small .i {
	width:85%;
	margin:auto;
	text-align:left;
	}
#small h4 {
	font-size:1.8em;
	margin:0 0 .2em 0;
	}
#small p {
	font-size:1em;
	margin:0 0 .2em .1em;
	}

@media screen and (orientation: landscape) {
#small a {
	width:210px;
	height:140px;
	}
#small a img {
	width:210px;
	}
#small .i {
	top:170px;
	width:210px;
	height:140px;
	}
}
#small .yt{
	position:relative;
	left:5%;
	width:90%;
	height:260px;
	overflow:hidden;
	z-index:0;
	}
#small iframe{
	position:absolute;
	top:-10px;
	left:-80px;
	width:480px;
	height:270px;
	}


#mini {
	padding-top:.5em;
	padding-left:3%;
	}
#mini a, #mini a.tx {
	display:inline-block;
	width:46%;
	height:16em;
	overflow:hidden;
	margin-right:3%;
	margin-bottom:.5em;
	}
#mini a img {
	width:100%;
	}
#mini .i {
	position:relative;
	text-align:left;
	}
#mini h3 {
	font-size:1.5em;
	margin:0em;
	}
#mini p {
	font-size:.9em;
	margin:0;
	}

#mini .tx h3 {
	font-size:1.5em;
	margin:.2em;
	}
#mini .tx h6 {
	font-size:1.3em;
	margin:.2em;
	}
#mini .tx p {
	font-size:.9em;
	margin:.3em;
	}




.pop {
	background:var(--ct);
	}
.pop h3 {
	color:#fff;
	font-weight:normal;
	font-size:1.6em;
	line-height:1.1em;
	margin:0;
	}
.pop p {
	color:#fff;
	font-size:1em;
	line-height:1.1em;
	margin:.1em .5em .5em .5em;
	margin:.1em 0;
	}
.pop a {
	display:block;
*	width:90%;
*	padding:0 2%;
	text-align:center;
	}

#pop {
	padding:1.5em;
	}
#pop a img {
	width:100%;
	}



#row {
	margin-bottom:50px;
	}
#row a {
	display:block;
	position:relative;
	padding:4px 20px;
	margin-bottom:15px;
	text-decoration:none;
	text-align:center;
	}



#news {
	font-family: sanscl, sans-serif;
	font-weight:normal;
	text-align:left;
	margin-top:.5em;
	display:block;
	}
#news a {
	width:80%;
	padding:5%;
	margin:0 0 1em 5%;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background:var(--cmdb);
	text-align:left;
	}
#news a img {
	width:100%;
	}
#news h3 {
	font-size:2.0em;
	line-height:1.1em;
	font-weight:normal;
	margin:10px 10px 0 10px;
	color:var(--cmdh);
	}
#news h6 {
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
	margin:2px 10px -2px 10px;
	color:var(--cmdp);
	}
#news p {
	font-size:1.3em;
	line-height:1.2em;
	margin:5px 10px 0 10px;
	color:var(--cmdp);
	}



#medium {
	font-family: sanscl, sans-serif;
	font-weight:normal;
	text-align:left;
	}
#medium a {
	display:block;
	position:relative;
	background:var(--cmdb);
*	height:400px;
	padding:15px;
	text-decoration:none;
	text-align:left;
*	overflow:hidden;
	margin-bottom:1em;
	}
#medium h3 {
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
	margin:.1em 0;
	color:var(--cmdh);
	transition:.2s;
	}
#medium p {
	font-size:1.1em;
	line-height:1.2em;
	margin:.1em 0;
	color:var(--cmdp);
	}
#medium img {
	position:relative;
*	top:15px;
*	left:10%;
	width:100%;
*	height:200px;
	}







#large {
	background:#fff;
	text-align:center;
	}
#large:after {
    display: block;
    height: 1.5em;
    content: " ";
	}
#large a {
	display:block;
	width:100%;
	}
#large a > img {
	width:100%;
	height:80vw !important;
	object-fit:cover;
*position:absolute;
*clip-path: rect(0,20%,0,20%);
	}
#large .i {
	padding:0 1em;
	background:#fff;
	}
#large h2 {
	color:var(--ch3);
	margin:.1em 0;
	}
#large p {
	font-size:1.1em;
	margin:.3em .4em;
	color:#888;
	}
@media screen and (orientation: landscape) {
	
	
}

.news {
	color:#fff;
	}


#banner {
	}
#banner img {
	position:relative;
	max-width:100% !important;
	width:100% !important;
	}

#banner .cycle-overlay { 
    position:absolute; 
	bottom:33px; 
	width:400px;
	height:120px;
	left:-200px;
	margin-left:50%;
    background:url(k7.png); 
	color:#fff; 
	padding:5px 15px;
	overflow:hidden;
	font-size:23px;
	line-height:31px;
	z-index:110;
	}

#slide {
	display:block;
	width:100%;
	overflow:hidden;
	text-align:center;
	}
#slide > img {
	width:480px !important;
	}
#slide p {
	font-size:.98em;
	margin:.6em 1em;
	}

/* overlay */
.cycle-overlay { 
	font-family: sanscl, sans-serif;
    position: absolute;
	bottom:0;
	width:70%;
	margin-left:10%;
	padding:0 5%;
	z-index:110;
    background: url(5.png); 
	color:#fff; 
	overflow:hidden;
	font-size:23px;
	line-height:31px;
	}
.cycle-overlay>*:first-child { 
	font-size:28px ;
	line-height:32px;
	}
.cycle-overlay>*:last-child { 
	line-height:25px;
	}
.cycle-overlay:data-cycle-title { 
	font-size:40px;
	}

.cycle-pager { 
	display:none;
}

/*******/
#galls {
}


/**********************/
#adv {
	position:relative;
	width:100%;
	padding-top:3px;
	margin-bottom:1em
	}

#adv img{
	margin:8px 3px 0px 3px;
	border:1px solid #fff;
	}

.center {
	text-align:center;
	}

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


/* prev / next links */
.cycle-prev, .cycle-next { position:absolute; top:24%; width:12%; opacity:.6; filter:alpha(opacity=.6); z-index:110; height:30vw; cursor:pointer;}
.cycle-prev { left:0;  background:url(/mau/left.png) 20% 25% no-repeat; z-index:110;}
.cycle-next { right:0; background:url(/mau/right.png) 80% 25% no-repeat; z-index:110;}

#large .cycle-prev, #large .cycle-next {top:28vw}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position:static; z-index:100;
}