.wrap { padding: 20px 0; }
a.cat {padding: 2px 10px;background: #16b13a;display: inline-block;font-size: 12px;color: #fff;}
#gt, #dt, #ty {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    -webkit-appearance: none;
    background: url(/images/02/arrow.png) no-repeat scroll 98% center transparent;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding: 10px;
    padding: 8px 8px;
}
/* titleBox */
.titleBox { position: relative; margin-bottom: 15px; border-bottom: 1px #dcd7d7 solid; }
.titleBox h4 { font-weight: normal; font-size: 30px; }
.titleBox a.readMore { position: absolute; color: #000; right: 0; top: calc((100% - 23px) / 2); }

/* detailTitle */
.detailTitle{
    margin: 40px 0 60px;
    text-align: center;
}

/* gamechoose */
#gamechoose form{
    text-align: center;
    display: block;
}
#gamechoose form select {
    border-radius: 5px;
    margin: 0 3px;
}
#gamechoose form p{
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
}
#gamechoose form p input{
    margin-right: 5px;
}
/* waylink */
.waylink { overflow: hidden; font-size: 16px; }
.waylink ol { padding: 0; margin: 0; }
.waylink ol li {position:relative;padding-left: 15px;display: inline-block;font-size: 15px;color: #565656;}
.waylink ol li:first-child { padding-left: 0; }
.waylink ol li:before { position: absolute; left:0; top:0; content: ">"; }
.waylink ol li:first-child:before { content: ""; }
.waylink ol li a {font-size: 15px;color: #565656;}

/* content-wrapper */
#content-wrapper { position: relative; min-height: 386px; font-size: 0; }
#content-wrapper .leftBox {width: calc(100% - 290px);display: inline-block;vertical-align: top;}
#content-wrapper .rightBox {margin-left: 30px;padding-bottom: 15px;width: 260px;display: inline-block;vertical-align: top;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#content-wrapper .rightBOX002{margin-left: 0px;padding-bottom: 15px;width: 290px;max-width: 100%;display: inline-block;vertical-align: top;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#content-wrapper .rightBox ins { width: 290px; height: 580px; }
#content-wrapper .rightBox.filltBox { position: fixed; top: 15px; right: calc((100% - 1160px) / 2); }
#content-wrapper .rightBox.filltBox.fillbBox { top: auto; bottom: 0; }
#content-wrapper .rightBox.filltBox.fillbBox.absoBox { position: absolute; right: 0; }

/* pagenav */
.pagenav { margin: 10px 0; text-align: center; color: #121212; }
.pagenav >div { padding: 10px; border: 1px #ccc solid; border-width: 1px 0; text-align: center; color: #121212; }
.pagenav a { color: #121212; }
.pagenav .num { margin: 0 5px; width: 20px; height: 20px; border: 1px #121212 solid; border-radius: 50%; display: inline-block; text-align: center; line-height: 20px; color: #121212; }
.pagenav strong.num { background: #121212; color: #fff; }
.pagenav .dote { margin: 0 5px; }
.pagenav .dote:before , .pagenav .dote:after { margin: 0 2px; width: 4px; height: 4px; background: #121212; border-radius: 50%; display: inline-block; vertical-align: middle; content: ""; }

/* detailBox */
.detailBox { margin-bottom: 15px; padding: 20px 15px; background: #f4f4f4; border: 1px #eaeaea solid; }
.detailBox .detailTitle { margin-bottom: 20px; text-align: center; line-height: 170%; font-size: 30px; color: #353535; }
.detailBox article { overflow: hidden;  }
.detailBox iframe{
    width: 100%;
    min-width: unset!important;
    max-width: 500px!important;
}
/* sideNew */
#sideNew ul li { margin-bottom: 15px; }
#sideNew ul li:last-child { margin-bottom: 0; }
#sideNew ul li .nImg { position: relative; }
#sideNew ul li .nImg a.photo{
    background-size: cover;
}
#sideNew ul li .nImg a.photo p{
    padding: 2px 10px;
    background: #16b13a;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
#sideNew ul li .nImg a.photo img { width: 100%; }
#sideNew ul li .nImg a.cat { position: absolute; bottom: 0; left: 0; }
#sideNew ul li p a {margin: 5px 0;max-height: 50px;color: #3e3e3e;-webkit-line-clamp: 2;line-height: 130%;}

/* topadBox */
#topadBox .topad { text-align: center; }
#topadBox .topad a { display: inline-block; }
#topadBox .adTxt { margin-bottom: 10px; font-size: 0; }
#topadBox .adTxt >div { overflow: hidden; padding: 0 10px; width: calc(25% - 21px); height: 23px; border-right: 1px #000 solid; display: -webkit-inline-box; text-align: center; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#topadBox .adTxt >div:last-child { border-right: 0; }

/* describe */
#describe .infoTitle { margin: 20px 0; }
#describe .infoTitle a.cat { margin-right: 10px; }
#describe .infoTitle h2.mainTit { display: inline-block; font-size: 22px; color: #3e3e3e; }
#describe .infoTitle font { margin-left: 20px; display: inline-block; vertical-align: middle; }

#describe .ogBtn { margin: 10px 0; font-size: 0; }
#describe .ogBtn >div { margin: 5px 10px 5px 0; padding: 5px 15px; background: #dbac09; border-radius: 5px; display: inline-block; }
#describe .ogBtn .like { background: #ae1f4e; }
#describe .ogBtn .report { background: #0f1010; }
#describe .ogBtn .lineS { background: #00b900; }
#describe .ogBtn .fbS { background: #4267b2; }
#describe .ogBtn .copy { background: #56585a; }
#describe .ogBtn >div a { color: #fff; }
#describe .ogBtn >div a span { display: inline-block; vertical-align: middle; }
#describe .ogBtn >div a i { margin-right: 5px; display: inline-block; font-size: 20px; vertical-align: middle; }
#describe .ogBtn .lineS a b {overflow: hidden;margin-right: 5px;width: 26px;height: 25px;background: #fff;display: inline-block;font-weight: normal;vertical-align: top;line-height: 24px;margin-top: 4px;}
#describe .ogBtn .lineS a b i {margin-left: -2px;margin-right: 0;font-size: 34px;color: #01b904;margin-top: -4px;}
#describe .ogBtn .copy input { display: none; }
#describe article * { font-size: 18px; }

/* createdUserBox */
#createdUserBox { margin-bottom: 20px; font-size: 0; }
#createdUserBox >div { width: calc(100% - 90px); display: inline-block; }
#createdUserBox .pictureBox { overflow: hidden; margin-right: 20px; width: 70px; height: 70px; background: no-repeat 50% / cover; border-radius: 50%; }
#createdUserBox .info p.name { font-size: 20px; color: #0c57a4; font-weight: bold; }
#createdUserBox .info p font { margin-right: 20px; display: inline-block; color: #505050; }
#createdUserBox .info p font:nth-child(1) { margin-right: 30px; }
#createdUserBox .info p font i { margin-right: 5px; color: #7e7e7e; }

/* tagBox */
#tagBox { padding: 10px 0; }
#tagBox a { position: relative; margin: 5px 10px 5px 0; padding: 0 10px 0 25px; height: 22px; background: #0c57a4; display: inline-block; line-height: 22px; font-size: 12px; color: #fff; }
#tagBox a:before { position: absolute; width: 0; height: 0; background: #f4f4f4; border-style: solid; border-width: 11px 10px 11px 0; border-color: transparent #0c57a4 transparent transparent; content: ""; left: 0; top: 0; }
#tagBox a:after { position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; content: ""; left: 10px; top: calc(50% - 2px); }

/* form */
form  label { margin-right: 10px; padding: 5px 0; display: inline-block; vertical-align: top; }
form label font { font-size: 18px; }
form label font.req { margin-left: 5px; font-size: 12px; color: #dc0101; }
form input ,
form select ,
form textarea {padding: 4px 10px;border: 1px #ccc solid;display: inline-block;vertical-align: top;background-color: #fff;border-radius: 5px;font-size: 14px;line-height: 200%;}
#btnOK{
    background: #36b13a;
    border-color: #36b13a;
    color: #fff;
}
form select {padding: 9px 10px;}
form input[type="checkbox"] { padding: 0; vertical-align: middle; }
form input[disabled] , form select[disabled] , form textarea[disabled] { cursor: not-allowed; }
form div { margin: 15px 0; font-size: 0; }

/* form1 */
#form1 h3 { padding: 0 15px; background: #3b3a3c; font-weight: 500; font-size: 20px; color: #fff; }
#form1 h3.first { background: #f2a52a; }
#form1 h3:before { margin-right: 10px; width: 12px; height: 12px; background: #f4f4f4; border-radius: 50%; display: inline-block; content: ""; }
#form1 .list { margin: 0 0 25px; padding: 25px; background: #eaeaea; }
#form1 .list >div label { width: 140px; }
#form1 .list >div input ,
#form1 .list >div textarea { width: calc(100% - 172px); }
#form1 .list >div input[type="checkbox"] ,
#form1 .list.sendBox >div label { width: auto; }
#form1 .list.sendBox { padding: 0; background: none; }
#form1 .list.sendBox >div , #form1 .sendBox p { text-align: center; }
#form1 .list.sendBox >div input { margin: 0 10px; width: 160px; }
#form1 .list.sendBox >div img { margin: 8px 0; display: inline-block; vertical-align: top; }
#form1 .list.sendBox p.remind { margin: 10px 0 20px; font-size: 12px; color: #dc0101; }
#form1 .list.sendBox p #OKBtn {padding: 5px 30px;background: #36b23a;display: inline-block;font-size: 16px;color: #fff;}
#form1 .list.sendBox p #fblog {padding: 5px 30px;display: inline-block;font-size: 16px;color: #0c57a4;display: none;}
#form1 .sendBox .links { margin-top: 20px; text-align: center; }
#form1 .sendBox .links a { padding: 0 15px; border-right: 1px #707070 solid; font-size: 16px; color: #707070; }
#form1 .sendBox .links a:last-child { border-right: 0; }
#form1 .row >div {  margin: 15px 0; text-align: center; font-size: 0; }
#form1 #btnRC{
    background: #272727;
    color: #ffff;
    padding: 6px 20px;
    display: inline-block;
    margin-left: 20px;
}
#form1 #btnRC:hover{background: #000;}
#form1 .row >div label { margin-right: 15px; width: 100px; }
#form1 .row >div input { width: calc(50% - 127px); }
#form1 .row >div input#LName{
    width: calc(55% - 50px);
}
#form1 .row .topTxt { text-align: center; }


@media screen and (min-width: 1281px) {
	header #main-menu {background: -webkit-linear-gradient(#34ab3d,#1b6519);z-index: 99999;position: relative;width: 100%;}
}
@media screen and (max-width: 1280px) {
	#content-wrapper .leftBox { width: calc(100% - 250px); }
	#content-wrapper .rightBox , #content-wrapper .rightBox ins { width: 220px; }
}
@media screen and (max-width: 980px) {
	#content-wrapper .leftBox { width: 100%; }
	#content-wrapper .rightBox { margin-top: 30px; margin-left: 0; width: 100%; text-align: center; }
	#content-wrapper .rightBox ins { width: 500px; height: 300px; }
	#topadBox { padding: 0; background: none; border: 0; }
}
@media screen and (max-width: 768px) {
	#sideNew ul { font-size: 0; }
	#sideNew ul li { margin: 0 0 20px 10px; width: calc((100% - 20px) / 2); display: inline-block; vertical-align: top; }
	#sideNew ul li:nth-child(2n) { margin: 0 10px 20px 0; }
	#sideNew ul li:nth-child(1) { margin: 0 0 20px 0; width: 100%; }
	#topadBox .adTxt >div { width: calc(50% - 21px); }
	#topadBox .adTxt >div:nth-child(2) { border-right: 0; }
	#topadBox .adTxt >div:nth-child(3) ,
	#topadBox .adTxt >div:nth-child(4) { display: none; }
	#form1 .list >div label , #form1 .row >div label { padding: 0; display: block; }
	#form1 .list.sendBox >div label { display: inline-block; }
	#form1 .list >div label font:first-child { font-size: 16px; }
	#form1 .list >div input , #form1 .list >div textarea , #form1 .row >div input { width: calc(100% - 22px); }
	#form1 .list.sendBox >div input { width: 110px; }
}
@media screen and (max-width: 600px) {
	#content-wrapper .rightBox ins { width: 400px; height: 250px; }
	#form1 .list.sendBox >div label { display: block; text-align: center; }
	#form1 .list.sendBox >div input { width: calc(100% - 100px); }

}
@media screen and (max-width: 480px) {
	#form1 .row >div{
    text-align: left;
}
	#content-wrapper .rightBox ins { width: 300px; height: 350px; }
	#form1 .list { padding: 0; background: none; }
	#form1 .row >div input#Code{
    width: calc(100% - 155px);
}
form input, form select, form textarea{
    margin-bottom: 10px;
}
}