.camp_body{width:98%; max-width: 1200px;margin:110px auto 0; background: url(../img/camp/bgpc.png) center 252px no-repeat;position: relative}
.camp_body .t-line{display: block;margin: 0 auto; width:348px}
.x_icon{position: absolute;cursor: pointer; right:-15px;top:-15px}
video{width:96%;margin: 0 auto;display: block;}
.v1{margin-top:96px}
.v1 .v1txt{width:25%;z-index:2;position: relative;}
.v1 .v1img{ position: relative; left:-35px;z-index: 1;cursor: pointer;}
.v1_box,.v2_box,.v3_box{position: fixed;background: #444;z-index: 1921;padding:20px 0; width:90%; max-width: 850px; top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.topic{ position: relative;left:400px;}
.bott{width:259px;right: 0;top:327px; position: absolute;}
.camp_body .beers-overview__bottle {
    height:auto;
    width:280px;
    position:relative;
    left:initial;
    background-position: center center;
    margin:0;
}
.camp_body .beers-overview__bottle .docs-preview{
    position:relative;
    display: inline-block;
    width:100%;
    max-width: 280px;
    background: url(../img/upload/privewbg.png) left center no-repeat;
    background-size: cover;
    bottom:0;
    left: 0;
	z-index: 2
}
.g1{position: relative;padding-bottom: 50px;top:-210px}
.g1 .g1txt{position: absolute;transform: rotate(-10deg);bottom: 0;left: 0;z-index: 3}
.g1 .beers-overview__bottle{transform: rotate(-8deg);left: 50px}
.camp_body .g1 .docs-preview{background-image: url(../img/camp/hb-g1.gif); }
.v2{float: right;margin-top: -175px;cursor: pointer;}
.g2{float: left;margin-top: 65px}
.g2 .g2txt{z-index: 3;position: relative;width:195px;}
.g2 .beers-overview__bottle{transform: rotate(5deg);top: -157px;left:130px;}
.camp_body .g2 .docs-preview{background-image: url(../img/camp/cs-g2.gif); }
.g2 .beers-overview__bottle .g2bg{position: absolute; right: -20px;bottom: -15px;z-index: 1;transform: rotate(-5deg);}
.v3{float: left;clear: left;margin-top: -100px;cursor: pointer}
.g3{float: right;position: relative}
.g3 .g3txt{z-index: 3;position: relative;right:-55px;top: 100px;transform: rotate(-3deg);}
.g3 .beers-overview__bottle{transform: rotate(3deg);top: -160px;    right: 140px;}
.camp_body .g3 .docs-preview{background-image: url(../img/camp/pingpong-g3.gif); }
.g3 .beers-overview__bottle .g3bg{position: absolute; left: -20px;bottom: -15px;z-index: 1;transform: rotate(-3deg);}
/**/
.nine{display: block;margin: 90px auto 0;padding-right: 90px;}
.btxt{display: block;margin: 90px auto 35px;}
.gobt{display: block;margin: 0 auto 90px;padding-right: 90px;}
.previewT *{display: inline-block;font-size: 22px}
.previewT input{width: 40%; border-bottom: 1px solid #fff;}
.address_ipbj{height: auto;}
.address_ipbj p{letter-spacing: 1px}
.address_ipbj info{line-height:1.4;display: block;padding-top: 10px;}
.share_center{width: 1000px;padding-top: 110px;}
.share_box_left{width:600px;position: relative;height: auto;margin-right: 0; margin-top:7%;}
.share_box_left .gobt2{position: absolute; display: block;bottom: -5%;
    left: 18%;}
.share_box{/*background-image: url(../img/camp/sharebg1.png);*/ background-repeat: no-repeat;background-position:left bottom;padding-left:35px;padding-bottom:20px;}
.share_box >p{letter-spacing: 0;font-size:24px; line-height:1.6;}
.share_box >p span{font-size:32px;color: #ea1f23;}
.share_box{width:72%; margin: 0 auto}
.share_box span{font-size:24px;text-align: left;letter-spacing: 0; line-height:1.4;}
.share_center .previewT *{font-size: 14px; line-height: 1.9}
.address_left .previewT *{font-size: 14px; line-height: 1.9}
.subime_btn_upload{right: -25px}
.brightline{padding-left: 65px;}
.contrastline{padding-left: 65px;}
#filters{text-align: left;}
#filters p{right: -50px}
.address_left .beers-overview__beer{width:680px}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
/*mobile*/
@media only screen and (max-width: 751px) {
	.camp_body{background-image: url(../img/camp/bgmb.png);background-size:94%;background-position: center 120px;}
	.camp_body .t-line{width:56.8%;}
	.v1{margin-top: 45px;}
	.v1 img{display: inline-block;}
	.v1 .v1txt{width:35%;top: -17px;}
	.v1 .v1img{width:61%;left: -25px;}
	.topic {    position: relative;    left: 45px;top: 5px;
    width: 62%;}
.bott {
    width:70px;
   right: 6%;
    top: 255px;
    position: absolute;
}
	.g1 {
    position: relative;
    padding-bottom:0;
    top: 8px;
}
	.g1 .beers-overview__bottle {
    transform: rotate(0deg); 
    left:initial;
		width:38% ;
		margin: 0 auto;
}
	.g1 .g1txt{transform: rotate(-3deg);
    bottom: 0;
    left: 18%;width: 110px;
    z-index: 3;}
	.v2 {
    float: none;
     margin-top:20px;
		width:93%;
}
.g2 {
    float: none;
    margin-top: 0;
}
.g2 .beers-overview__bottle {
    transform: rotate(0deg);
    top: -50px;
    left: 130px;
	width:49.3%;
}
	.g2 .g2txt {
        width: 130px;
    left: 10%;
    top: 55px;}
	.g2 .beers-overview__bottle .g2bg {
    left: -12px;
    bottom: -8px;
    transform: rotate(-3deg);}
			.v3{width:90%;margin-right: 1%;float: right;margin-top:-8%;}	
	.g3{float: none;clear: both;padding-top: 20px;}
	.g3 .g3txt{width:115px; position: absolute;transform: rotate(-1deg);    bottom: 0;
    top: initial;
    right:24%}
	.g3 .beers-overview__bottle {
    transform: rotate(0deg);
    top:0;left:8%;
    right:0;width: 50%;
}
.g3 .beers-overview__bottle .g3bg{
    left: -12px;
    bottom: -7px;
    transform: rotate(1deg);
	}
	.nine {
    display: block;
    margin: 25px auto 0;
    width: 22%;
    padding-right: 30px; 
}
	.btxt {
		width:94%;
    display: block;
    margin:10px auto;
}
	.gobt {
		width:30% ;
    display: block;
    margin: 0 auto 50px;
    padding-right: 0;
}
	.share_center{width:90%;}
	.share_box{width: 100%;    padding-left: 20px;}
	.share_center .share_box_left{width: 100%;}
	.share_box_left .gobt2 {
    position: relative;
    bottom:initial;
		text-align: center;
     left:initial;
	margin: 50px auto
}
	.cropper .docs-preview{display: inline-block;    width: 95%; margin-left: 0; max-width:initial;margin-top: 20px;}

	.cropper  .bcimg-preview img{width:100% !important ; height: auto !important}
	#filters{text-align: center;}
	.brightline {padding-left: 0}
.contrastline{padding-left: 0;}
.subime_btn_upload{right: 0}
#filters p{right: 0}
	.address_left .beers-overview__beer{width: auto}
}