/* ADAPTIVE
----------------------------------------------- */
.toggle {display: none;}
.toggle {cursor: pointer;}
.toggle-icon {position: relative; margin-top: 8px; margin-bottom: 8px;}
.toggle-icon::before {top: -8px;}
.toggle-icon::after {top: 8px;}
.toggle-icon::after, .toggle-icon::before {content: ""; position: absolute;}
.toggle-icon, .toggle-icon::after, .toggle-icon::before {background-color: #fff; display: block;
	height: 3px; width: 24px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.toggle-close .toggle-icon {background-color: transparent;}
.toggle-close .toggle-icon::before {transform: translateY(8px) rotate(45deg);}
.toggle-close .toggle-icon::after {transform: translateY(-8px) rotate(-45deg);}
#sidebar.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.6); 
position:fixed; left:0; top:0; z-index:99998; display:none;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.lcol .headlinks {display: none; margin: 0; float: none;}
.lcol .headlinks ul {margin: 0; padding: 10px 0;}
.lcol .headlinks ul li {margin: 0; padding: 0; background-image: none; float: none;}
.lcol .headlinks ul li a {display: block; line-height: 2; color: #fff; padding: 0 10px;}

@media screen and (max-width: 1220px) {
img {max-width: 100% !important;}
div[id*=avp_zid_] {width: 100% !important}
.container {margin-left: 10px !important; margin-right: 10px !important;}
#toolbar {height: 10px !important;}
#headbar, .footer, .footbg {width: 100% !important;}
.pagebg {overflow: hidden; width: 100% !important;}
.wrapper, .wwide {max-width:1000px; margin-left: auto; margin-right: auto;}
.wrapper, .wwide {min-width: 300px; width: 100%;}
.wsh, .headlinks {display: none;}
ul.loginbox, .searchbar {margin-right: -15px;}
#speedbar .container {padding-right: 240px; white-space: nowrap; padding-left: 0;}
.vsep {background-color: #fff; background-image: none; padding-top: 8px; padding-left: 0; 
border-radius: 4px; overflow: hidden;}
#toolbar {height: 10px;}
.sort {display: block; white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.short_base {width: calc(100%/4 - 20px);); width: -webkit-calc(100%/4 - 20px);}
.short_eTitle2, .short_eTitle3 {overflow: hidden;}
.short_argcat {white-space: nowrap; overflow: hidden;}
.short_maincont img {max-width: 100%; display: block; margin: 0 auto; width: 183px; height: 240px;}
.short_maincont {height: 240px; overflow: hidden;}
.short_mlink {width: 100%; overflow: hidden; height: 50px;}
.short_mlink {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#scroller {display: none !important;}
.ftbar .ftbar {margin: 0; background-image: none;}
.footbg {min-height: 50px;}
.footer .container {margin-left: 15px; padding-right: 0;}
.footer {width: 100%; overflow: hidden; min-height: 70px;}

#header .container {padding-left: 335px; position: relative;}
.toggle {display: block; position: absolute; left: 0; top: 33px;}
.lvsep {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px;}
#sidebar {width: 260px; height: 100%; background-color: #f2f2f2; position: fixed; left: -280px; top: 0; 
z-index: 99999; overflow-x: hidden; overflow-y: auto; transition: left .3s linear; 
margin: 0; padding: 10px;}
.lcol .headlinks {display: block; background-color: #444; border-radius: 4px; margin-bottom: 10px;}

.orderdesc-statusinfo li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table-resp {overflow-y:hidden; overflow-x:auto;}

.album-resp {overflow-y:hidden; overflow-x:auto; width: 100%; white-space: nowrap;}
.album-resp > a {display: inline-block; vertical-align: top; margin-right: 10px;}
.album-resp > a img {display: block; margin: 0; padding: 0; height: 140px; float: none; width: auto;}
}

@media screen and (max-width: 950px) {
.wrapper, .wwide {max-width:768px;}
.editorcomm .bb-editor {width: 100%;}
}

@media screen and (max-width: 760px) {
.wrapper, .wwide {max-width:640px;}
.short_base {width: calc(100%/2 - 20px); width: -webkit-calc(100%/2 - 20px);}
div[id*=avp_zid_] {display: none !important}
body {margin-top: 0 !important;}

.torrent {padding-left: 0; padding-right: 0;}
.torrent .title > a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
display: block; overflow: hidden;}
.torrent .info_d .info_d1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
max-width: 150px;}
.torrent .cont .bord_a1, .torrent .li_list_a3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.li_list_a3 > * {display: block; width: 100%; margin-bottom: 10px; float: none;}
.torrent .li_list_a1 {margin-left: 0;}

.dcont button {font-size:12px; padding:0 15px !important;}
.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.wrapper, .wwide {max-width:480px;}
#header .container {padding-left: 235px;}
#header h2 {width: 195px; margin-left: -195px;}
#header h2 a {width: 200px; -webkit-background-size: contain;
background-size: contain; background-position: 0 center; background-repeat: no-repeat;}

.related ul li {margin-bottom: 10px;}
.related + noindex > font {display: none;}
.cominfo {overflow: hidden; border-radius: 10px;}
.bcomment .dtop > span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	display: inline-block; max-width: 30%; padding-right: 0; background-image: none;}
.bcomment .dtop > h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	display: inline-block; max-width: 65%;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrapper22, .wwide22 {max-width:320px;}
.short_base {width: 100%; width: calc(100% - 25px); width: -webkit-calc(100% - 25px); margin-bottom: 10px;}
.basenavi {white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.navigation, .nextprev {display: inline-block; vertical-align: top; float: none;}
#speedbar .wrapper {display: none;}
.searchbar {margin-right: 0; position: relative; left: -50px;}
#fmenu li{margin-bottom: 10px;}
.blocktags {margin-top: 10px;}
.blocktags a {display: inline-block; vertical-align: middle; line-height: 1.7;}

#header .container {padding-left: 85px;}
#header h2 {width: 50px; margin-left: -35px; overflow: hidden;}
#header h2 a {width: 50px; background: url(../images/logotype-mob.png) 0 center no-repeat;}

h1 {font-size: 1.2em;}
.torrent .info_d .info_d1 {max-width: 120px;}

.orderdesc-h {width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.orderdesc-statusinfo li {width: 50%; margin-bottom: 10px;}
.orderdesc-statusinfo li:nth-child(5n) {width: 100%;}
.orderdesc-table tr td:nth-child(3), .orderdesc-table tr td:nth-child(4) {display: none;}
.statistics ul.lcol {width: 100%; margin-bottom: 10px;}
.userinfo .lcol {margin: 0 auto 20px auto;width: 110px;padding-right:0; float: none; display: block;}
.userinfo .rcol { float: none; display: block;}
.userinfo {padding: 0;}
.pm_status {float: none; width: 100%; margin: 0; margin-bottom: 20px;padding: 0;}
.tableform, .tableform tbody, .tableform tbody tr {display: block; width: 100%;}
.tableform td {width: 100% !important; display: block; 
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.f_input {width: 100%;}
.tableform select {width: 100% !important}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}
@media screen and (max-width: 370px) {
.searchbar {left: -30px;}
.torrent .info_d .info_d1 {max-width: 100px;}
}



/*--- 11-12 update ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}

.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;}
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {display:inline-block;padding:0 10px;margin-top:5px; line-height:40px !important;cursor:pointer;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;}
.qq-upload-drop-area-active {background:#FF7171;}
.uploadedfile {width: 115px;height: 130px;margin: 10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
text-align: center;background:#ffffff;}
.uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: table-cell;text-align: center;vertical-align:middle;}
.uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;}
.progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px;
border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float:left;width:0%;font-size:12px;line-height:20px;color:white;text-align:center;background-color:#428bca;
box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px;}
.progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;}
.progress-blue {background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;}

.xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;}
.xfieldimagegallery:after {content: ""; display: table; clear: both;}
.xfieldimagegallery li {list-style: none; margin:0;}
.xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;}

.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;}
.dle-captcha > input { float: left; width: 130px; }
.xfieldsnote {color: #838383; font-size: .9em;}
.instagram-media, .twitter-tweet {display: inline-block !important;}