@charset "UTF-8";
.adsense {
	width: 600px;
	height:400px;
	position: fixed;
        z-index: 10;
        bottom:200px;
	left:0.2%;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.adsense2 {
	width: 600px;
	height:auto;
	background:#f0f0f0;
	padding:2% 1%;
        z-index: 20;
	bottom: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	border:1px #000 solid;
}

.adsense3 {
	width: 400px;
	height:auto;
	background:#3f3f3f;
	position: fixed;
        z-index: 10;
	bottom: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	border:1px #3f3f3f solid;
}

.adsense2 .sltit{
	color:#000;
	font-size:26px!important;
	text-align:center;
	letter-spacing: 5px;
	border-bottom:1px #000 solid;
	padding:  0 0 20px 0!important;
}

.adsense2 .sltit span{
	font-size:34px!important;
}

.adsense3 .sltit a{
	color:#fff!important;
	font-size:22px!important;
	text-align:center;
	letter-spacing: 5px;
	display:block;
	padding:2% 1% 15px;
}

.adsense2 ul{
	overflow:hidden;
}

.adsense2 li{
	list-style:none;
	width:100%;
	padding:1% 0;
	margin:0 0 10px 0;
	position: relative;
}

.adsense2 li a{
	display:block;
	text-decoration:none;
	text-align:center;
}

.adsense2 li a img{
	transition-duration: 3s!important;
}

.adsense2 li a:hover img{
	opacity: inherit;
	transform: scale(1.1);
}

/*---2ƒJƒ‰ƒ€--*/
/*
.adsense2 ul{
	overflow:hidden;
	display: flex;
        justify-content: space-between;
}

.adsense2 li{
	list-style:none;
	width:47%;
	padding:2% 1%;
	position: relative;
}

.adsense2 li a{
	display:block;
	text-decoration:none;
	text-align:center;
}

.adsense2 li.pbtn1{
	background:#fff;
}

.adsense2 li.pbtn2{
	background:#fff;
}

.adsense2 li:hover{
	background:#888;
	transition-duration: 0.5s;
}

.adsense2 li a:hover{
	color:#fff!important;
	transition-duration: 0.5s;
}

.adsense2 .icon{
	position:absolute;
	top:21px;
	right:7%;
}
*/

#myc.standby .adsense {
	opacity: 0;
	transform: translateX(-400px);
	transition-delay: 8s;
	transition-duration: 1s;
}
#myc.standby.opening .adsense {
	opacity: 1;
	transform: translateX(0);
}

#myc.standby .adsense2 {
	opacity: 0;
	transform: translateX(-400px);
	transition-delay: 8s;
	transition-duration: 1s;
}
#myc.standby.opening .adsense2 {
	opacity: 1;
	transform: translateX(0);
}

#myc.standby .adsense3 {
	opacity: 0;
	transform: translateX(-400px);
	transition-delay: 8s;
	transition-duration: 1s;
}
#myc.standby.opening .adsense3 {
	opacity: 1;
	transform: translateX(0);
}

.adsense a{
	display: block;
}

#myc.standby.opening .adsense a img:hover{
	opacity: 1!important;
}

.close-meerkat {
	position: absolute;
	display: block;
	height: 45px;
	width: 45px;
	background: url('../images/close-r.png') no-repeat 0 0;
	background-size:70% auto;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 11;
        left: 612px; 
        top: -10px;
}

.adsense img{
	border: none!important;
}

@media only screen and (max-width: 600px) {
.adsense {
	width: 70%;
	height:auto;
        bottom:10px;
	left:1%;
}

.adsense img{
	width: 100%;
}

.close-meerkat {
	height: 38px;
	width: 38px;
        left: 93%; 
        top: -6%;
}


.adsense2 {
	width: 75%;
	padding:2% 1%;
	bottom: 10px;
}

.adsense3 {
	width: 50%;
	padding:1% 0%;
}

.adsense2 .sltit{
	font-size:14px!important;
	padding:  0 0 20px 0!important;
}

.adsense2 .sltit span{
	font-size:18px!important;
}

.adsense3 .sltit{
	border-bottom:none;
	padding:  0 0 0 0!important;
}

.adsense3 .sltit a{
	font-size:12px!important;
	letter-spacing: 2px;
	display:block;
	padding:  1% 0!important;
}

.adsense2 ul{
	display: block;
	margin:10px 0 0 0;
}

.adsense2 li{
	width:90%;
	padding:0;
	margin:0 auto 5px;
}

.adsense2 li a{
	text-align:center;
}

.adsense2 .icon{
	top:15px;
	right:20%;
}

.close-meerkat2 {
	height: 38px;
	width: 38px;
        left: 95%;
        top: -3%;
}

.adsense2 li a img{
	transition-duration: 0s!important;
}

.adsense2 li a:hover img{
	opacity: inherit;
	transform: none;
}

.adsense2 li a:visited img{
	opacity: inherit;
	transform: none;
}

.adsense2 li:hover{
	background:#fff;
}

.adsense2 li a:hover{
	color:#000!important;
}
}