#wrapper-header{
	width:100%;
	height:90px;
	background-color:#00abea;
	opacity:1;
}

.logo{
	position:absolute;
	margin-top:0;
	left:0;
	right:0;
}
.logo img{width:161px;height:70px;display:block;margin:10px auto}
.lineat{display:none}

#wrapper-navbar{
	height:60px;
	opacity:1;
}

#wrapper-container{
	padding-bottom:80px;
}

#stripes{
	background-size: 100%;
	position: absolute;
	width: 30px;
	height: 25px;
	top: 36px;
	left: 20px;
	right: 0;
}

#wrapper-bouton-icon a{
	float:right;
	width:28px;
	height:28px;
	margin-top:16px;
	margin-right:15px;
	display:block;
	cursor:pointer;
	opacity:1;
	 transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
#wrapper-bouton-icon a:hover{opacity:0.5;transform:scale(1.2);}
#wrapper-bouton-icon a img{width:100%;height:100%;}

.pickup{
	float:left;
	text-align:left;
	font-family: Helvetica, sans-serif;
    font-size:22px;
	height:38px;
	line-height:38px;
    margin-top:10px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
	letter-spacing:1.5px;
	display:block;
    max-width: calc(100% - 280px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pickup:before{
	width:132px;
	height:38px;
	line-height:38px;
	background-image:url(../img/88gag/pickup.png);
	content:' ';
	float:left;
	margin:0 14px 0 0
}
.pickup{color:#000;margin-left:15px;font-weight:500}

#main-catlist{
	width:220px;
	margin:5px auto
}
#main-cross{margin-bottom:-10px}
#main-catlist .catb{width:74.5px;height:70px;display:inline-block;margin:0 16px;background-size:100%;background-position-y: -3px}
#main-catlist .cat1{background-image:url(../img/88gag/icon-01.png)}
#main-catlist .cat2{background-image:url(../img/88gag/icon-02.png)}
#main-catlist .cat3{background-image:url(../img/88gag/icon-03.png)}
#main-catlist .cat4{background-image:url(../img/88gag/icon-04.png)}
#main-catlist .cat5{background-image:url(../img/88gag/icon-05.png)}
#main-catlist .cat6{background-image:url(../img/88gag/icon-06.png)}
#linebtn{margin:15px 0;text-align:center}
#linebtn h3{margin:0;color:#fff}
#linebtn img{width:80px;border-radius:40px;margin:5px}

#main-container-post {
	opacity:1
}
#article-container {
    float:left;
    width:100%;
    height:auto;
	background-color:#F4F4F4;
	margin-top:25px
}

#article-part{
	width:calc(100% - 427px);
	float:left;
	margin-left:15px;
    background-color: #FFF
}
.nextarticle{
	padding: 10px 0;
	margin-top: 10px;
}

#article-side{
	width:372px;
	margin-right:15px;
	float:right;
	background:#FFF;
	padding-bottom:20px
}
#article-side:before{
	width:140px;
	height:33px;
	background-image:url(../img/88gag/suggest.png);
	display:block;
	content:' ';
	margin: 18px 24px
}
.suggest-post{width:calc(100% - 38px);display:table;margin:22px 19px 0;}
.suggest-post:first-child{padding-top:1px;}
.sg-thumb{width:151px;height:112px;display:table-cell;background-size:cover;}
.sg-title{padding-left:10px;font-family: Helvetica, sans-serif;font-weight:300;}

#article-part{font-family: Helvetica, sans-serif}
#article-part .post-cat{width:150px;float:left;}
#article-part .cat-name{color:#000;font-weight:100}
#article-part .post-time{margin:13px 15px;color:#000;font-weight:100;box-sizing:border-box;font-size:15px;float:right}
#article-part .post-title{width:calc(100% - 30px);margin:0 15px 10px;color:#000;font-weight:100;box-sizing:border-box;line-height:30px;height:initial;font-size:22px}
#article-part .post{margin:0 15px;font-size:18px;line-height:30px}
#article-part .post img{max-width:95%;width:auto;height:auto;margin:0 auto;display:block}
.flex-video{width:100%;padding-bottom:56.25%;position:relative;}
.flex-video iframe{width:100%;height:100%;position: absolute;top:0;left:0;overflow:hidden}
.er-1by1{max-width:500px;padding-bottom:500px;margin:0 auto}
.er-vertical{max-width:300px;padding-bottom:533.4px;margin:0 auto}
.lineabtn{display:none}

.mayinterested .post:before{
	width: calc(100% - 30px);
	height: 64px;
	background-image:url(../img/88gag/interested.png);
	content: ' ';
	display: block;
	background-repeat: no-repeat;
	background-position: 32px center;
	background-color: #fff;
	margin: 0 15px;
}

.shadow, .mayinterested .post:before{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.category:before{width:78.4px;height:80px;content:' ';display:block;margin:-15px auto;background-size:100%}
.category.cat-1:before{background-image:url(../img/88gag/nav-01.png)}
.category.cat-2:before{background-image:url(../img/88gag/nav-02.png)}
.category.cat-3:before{background-image:url(../img/88gag/nav-03.png)}
.category.cat-4:before{background-image:url(../img/88gag/nav-04.png)}
.category.cat-5:before{background-image:url(../img/88gag/nav-05.png)}
.category.cat-6:before{background-image:url(../img/88gag/nav-06.png)}

.inn320wrap{width: auto !important;z-index:5;background:#fafafa;height:80px;cursor:pointer;line-height:15px;clear:both;position:relative;display:table;} .inn320wrap .inn320img{width:95px;display:table-cell;background-size:contain !important} .inn320wrap .inn320text{display:table-cell;position:relative} .inn320wrap .inn320t{font-family:Tahoma;text-decoration:none;color:#333;font-size:11pt;line-height:17pt;font-weight:bold;text-align:left} .inn320d{color:#999;font-size:9pt;line-height:9pt;font-family:Tahoma;display:none;} .inn320wrap .gemini-logo{display:none;}
.er-1by1{max-width:500px;padding-bottom:500px;margin:0 auto}
.er-vertical{max-width:300px;padding-bottom:533.4px;margin:0 auto}

@media only screen and (max-width: 965px) {
	#article-part{
		width:calc(100% - 30px);
	}
	#article-side{
		width: calc(100% - 30px);
		margin-top: 20px;
	}
}

@media only screen and (max-width: 860px) {
	.pickup{
		max-width:calc(100% - 292px);
		font-size:16px;
	}
}

@media only screen and (max-width: 740px) {
	.lineat{display:block;position:absolute;right:0}
	.lineat img{height:45px;margin:22.5px 13px}
	.pickup{max-width:calc(100% - 30px)}
}

@media only screen and (max-width: 610px) {
	#wrapper-header{
		height:60px !important
	}
	.logo img {
		width:129.2px !important;
		height:56px !important;
		margin:2px auto !important
	}
	.lineat{display:block;position:absolute;right:0}
	.lineat img{height:38px;margin:11px 13px}
	#stripes{top:20px !important }
	#wrapper-navbar{ height:40px !important }
	#main-container-post{ margin-top:10px }
	#article-container{ margin-top:16px }
	.post figure{ margin:8px 15px }
	.pickup{
		max-width:100%;
		text-align:center;
		font-family: 'Roboto',sans-serif;
		font-size: 13px;
		height:40px;
		line-height:40px;
		width:100%;
		margin-top:0;
		overflow:hidden
	}
	.pickup:before{
		width:88px;
		height:25.3px;
		background-size:100%;
		margin:7px 7px 0 0
	}
	#article-part .post img{max-height:75vh}
    .er-1by1{padding-bottom:100%}
	.er-vertical{width:75vw;padding-bottom:calc(75vw * 1.778);margin:0 auto}
	.lineabtn{display:block;text-align:center}
	.lineabtn img{width:auto;max-height:200px}
}