@charset "utf-8";

.write_wrap {position:absolute; top:0; z-index:100; width:100%; height:auto; background:#ffffff;}

/* bbs-write-nav */

.bbs-write-nav {position:relative; background-color:var(--bbs-color2);}
.bbs-write-nav:before {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #000; opacity:0.1;}
.bbs-write-nav ul {position:relative;}
.bbs-write-nav li {display:block; height:47px;}
.bbs-write-nav li:nth-child(1),
.bbs-write-nav li:nth-child(3) {position:absolute; bottom:0; width:47px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; cursor:pointer;}
.bbs-write-nav li:nth-child(1) {left:0; background-position:-200px -650px;}
.bbs-write-nav li:nth-child(1) a {display:block; height:47px;}
.bbs-write-nav li:nth-child(2) {margin:0 47px;}
.bbs-write-nav li:nth-child(2) p {text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-write-nav li:nth-child(2) p {font-weight:bold; line-height:47px; font-size:18px; color:#fff;}
.bbs-write-nav li:nth-child(3) {right:0; background-position:-950px -200px;}

/* bbs-write */

.bbs-write .section {background-color:#fff;}
.bbs-write .section:nth-child(n+2) {margin-top:20px;}

.bbs-write .list-f {position:relative; border-bottom:1px solid #e8e8e8;}
.bbs-write .list-f:last-child,
.bbs-write .list-f.last {border-bottom:1px solid #e8e8e8;}
.bbs-write .list-f.req:before {z-index:10; display:block; content:''; position:absolute; left:8px; top:8px; width:5px; height:5px; background-color:#ff0000; border-radius:100%;}

.bbs-write .input {display:block; background-color:#fff; border:0;}
.bbs-write .input input {padding:0 20px; width:calc(100% - 40px); height:47px;}
.bbs-write .input input {line-height:47px; font-size:18px; color:#666666;}
.bbs-write .input .name {left:20px;}
.bbs-write .input .name {line-height:47px; font-size:18px; color:#999999;}
.bbs-write .input.value {background-color:#fff;}
.bbs-write .input.value input {color:#666666;}
.bbs-write .input.focus {background-color:#fff;}
.bbs-write .input.focus input {color:#000;}
.bbs-write .input.readonly {background-color:#f0f0f0;}
.bbs-write .input.readonly input {color:#666666;}

.bbs-write .editor {border:0;}

.bbs-write .editor textarea {height:384px; min-height:384px;}

.bbs-write .input.ty-hashtag input,
.bbs-write .input.ty-hashtag .name {font-size:15px;}
.bbs-write .input.ty-hashtag.focus {background-color:#ffffc4;}

.bbs-write .inputblock {z-index:1; position:relative; display:block;}
.bbs-write .inputblock input {transition:all 0.2s; z-index:1; position:relative; padding:12px 20px 12px 20px; width:calc(100% - 40px); height:22px; border:0; background:transparent;}
.bbs-write .inputblock input {line-height:1.4; font-size:15px;}
.bbs-write .inputblock .name {transition:all 0.2s; z-index:-1; position:absolute; left:20px; top:13px;}
.bbs-write .inputblock .name {line-height:1.4; font-size:15px; color:#999999;}
.bbs-write .inputblock.focus .name,
.bbs-write .inputblock.value .name {font-size:13px;}
.bbs-write .inputblock.focus input,
.bbs-write .inputblock.value input {padding-top:36px; padding-bottom:8px;}

.bbs-write .selectblock {z-index:1; position:relative; display:block; background-color:#fff;}
.bbs-write .selectblock:after {z-index:-1; display:block; content:''; position:absolute; right:20px; top:calc(50% - 4px); width:8px; height:8px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:0px -50px; opacity:0.4;}
.bbs-write .selectblock select {z-index:1; position:absolute; left:0; top:0; width:100%; height:47px; outline:0; opacity:0;}
.bbs-write .selectblock .select {padding:0 20px; width:calc(100% - 40px); height:47px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-write .selectblock .select {line-height:47px; font-size:18px; color:#999999;}
.bbs-write .selectblock.value:not(.disabled) .select {color:#666666;}
.bbs-write .selectblock.focus:after {opacity:1;}
.bbs-write .selectblock.focus .select {color:#000;}
.bbs-write .selectblock option {
    line-height: 1.4;
    font-size: 14px;
    color: #333;
}

.bbs-write .options1-wrap ul {padding:10px 20px;}
.bbs-write .options1-wrap .checkbox {position:relative; display:block; height:35px;}
.bbs-write .options1-wrap .checkbox label {position:relative; z-index:1; margin:0; padding:0; width:100%; height:35px; display:block;}
.bbs-write .options1-wrap .checkbox label:before,
.bbs-write .options1-wrap .checkbox label:after {display:none;}
.bbs-write .options1-wrap .checkbox label p {}
.bbs-write .options1-wrap .checkbox label p {line-height:35px; font-size:18px; color:#999;}
.bbs-write .options1-wrap .checkbox label span {transition:all .3s linear; z-index:-1; display:block; content:''; display:block; position:absolute; right:0; top:calc(50% - 10px); width:41px; height:20px; background-color:#999; border-radius:20px; background-image:none;}
.bbs-write .options1-wrap .checkbox label span:after {transition:all .3s linear; z-index:-2; display:block; content:''; position:absolute; left:2px; top:2px; width:16px; height:16px; background-color:#fff; border-radius:100%; background-image:none;}
.bbs-write .options1-wrap .checkbox label.focus span {background-color:var(--bbs-color2);}
.bbs-write .options1-wrap .checkbox label.focus span:after {left:23px;}
.bbs-write .options1-wrap .checkbox label.focus p {color:#000;}

.bbs-write .options2-title {z-index:1;position:relative; text-align:center; cursor:pointer;}
.bbs-write .options2-title:before {z-index:-1; display:block; content:''; display:block; position:absolute; left:20px; right:20px; top:0; width:calc(100% - 40px); height:0; border-top:1px solid #e8e8e8;}
.bbs-write .options2-title:after {z-index:-1; display:block; content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e8e8e8;}
.bbs-write .options2-title span {padding-right:15px; z-index:1; position:relative; display:inline-block;}
.bbs-write .options2-title span {line-height:47px; font-size:15px; color:#333;}
.bbs-write .options2-title span:after {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 4px); width:8px; height:8px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; opacity:0.8; background-position:0 -250px;}

.bbs-write .options2-wrap {display:none;}
.bbs-write .options2-wrap.active {display:block;}
.bbs-write .options2-wrap .textarea {z-index:1; position:relative; display:block; padding:12px 20px 12px 20px; border:0; background-color:#fff;}
.bbs-write .options2-wrap .textarea textarea {transition:all 0.2s; z-index:1; position:relative; overflow:hidden; padding:0; width:100%; height:20px; min-height:20px; border:0; background-color:transparent; resize:none;}
.bbs-write .options2-wrap .textarea textarea {line-height:1.4; font-size:15px; color:#999;}
.bbs-write .options2-wrap .textarea span {transition:all 0.2s; z-index:-1; position:absolute; left:20px; top:13px;}
.bbs-write .options2-wrap .textarea span {line-height:1.4; font-size:15px; color:#999999;}
.bbs-write .options2-wrap .textarea p {display:none;}
.bbs-write .options2-wrap .textarea.value {padding-top:36px;}
.bbs-write .options2-wrap .textarea.value span {font-size:13px;}
.bbs-write .options2-wrap .textarea.value p {margin-top:5px; display:block; background-color:#555; text-align:center; cursor:pointer;}
.bbs-write .options2-wrap .textarea.value p {line-height:45px; font-size:15px; color:#fff;}

.bbs-write-video-textarea {display:none; white-space:pre-wrap; word-wrap:break-word; overflow-wrap:break-word;}
.bbs-write-video-textarea {line-height:1.4; font-size:15px; overflow:hidden;}

.bbs-write .file-wrap {padding:12px 20px 16px 20px;}

.bbs-write .file-title {line-height:1.4; font-size:13px; color:#999;}

.bbs-write .file-btn {margin-top:10px; z-index:1; position:relative; display:block;}
.bbs-write .file-btn input {z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; opacity:0; cursor:pointer;}
.bbs-write .file-btn span {display:block; background-color:#a5aab4; text-align:center; cursor:pointer;}
.bbs-write .file-btn span {line-height:45px; font-size:15px; color:#fff;}

.bbs-write .file-info {margin-top:12px; position:relative; display:none; border:1px solid #e8e8e8; background-color:#f4f4f4; padding:10px;}
.bbs-write .file-info .block {display:flex; width:calc(100% - 33px); margin-right:33px; min-height:16px; word-break:break-all;}
.bbs-write .file-info .block.ty-image {align-items:center;}
.bbs-write .file-info .block.ty-icon {}
.bbs-write .file-info .image {display:flex; align-items:center; justify-content:center; text-align:center; margin-right:15px; max-width:45px; height:45px;}
.bbs-write .file-info .image img {display:inline-block; vertical-align:middle; max-width:45px; max-height:45px; border:0;}
.bbs-write .file-info .icon {display:flex; margin-right:7px; width:15px; height:17px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-1100px -350px; opacity:0.3;}
.bbs-write .file-info .download {display:block;}
.bbs-write .file-info .name {display:block;}
.bbs-write .file-info .name {line-height:1.4; font-size:13px; color:#000;}
.bbs-write .file-info .size {display:block;}
.bbs-write .file-info .size {line-height:1.4; font-size:12px; color:#ff0808;}
.bbs-write .file-info .del {z-index:1; display:block; position:absolute; right:0; top:calc(50% - 16px); width:33px; height:33px; cursor:pointer;}
.bbs-write .file-info .del:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-150px -100px; opacity:0.3;}

.bbs-write .recaptcha {padding:15px 20px; border-bottom:1px solid #e8e8e8; background-color:#fff;}

.bbs-write .submit {display:block; padding:50px 20px 150px 20px; text-align:center; background-color:#fff;}
.bbs-write .submit li {display:inline-block; width:calc(50% - 5px);}
.bbs-write .submit li:nth-child(1) a {position:relative; display:inline-block; width:100%; height:50px; background-color:#ccc; text-align:center; cursor:pointer;}
.bbs-write .submit li:nth-child(1) a {font-weight:bold; line-height:50px; font-size:18px; color:#fff;}
.bbs-write .submit li:nth-child(2) {margin-left:10px;}
.bbs-write .submit li:nth-child(2) span {position:relative; display:inline-block; width:100%; height:50px; background-color:var(--bbs-color2); text-align:center; cursor:pointer;}
.bbs-write .submit li:nth-child(2) span {font-weight:bold; line-height:50px; font-size:18px; color:#fff;}

.bbs-write .thumbguide {
    display: block;
    vertical-align: middle;
    margin-top: 10px;
    line-height: 1.4;
    font-size: 12px;
    color: #666666;
}