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

/* detailBox */
.detailBox {padding: 30px 50px;background: #ffffff;border: 0;box-shadow: 0px 0px 5px rgb(0 0 0 / 0.15);margin-bottom: 45px;}

/* memberRule */
#memberRule {padding: 0;}
#memberRule p {margin: 15px 0;text-align: center;font-size: 14px;}
#memberRule p b a{
    font-weight: normal;
    color: #c40808;
}
#memberRule h2 { margin-bottom: 10px; text-align: center; font-size: 25px; color: #353535; }
#memberRule >div { overflow-y: scroll; margin: 10px auto; padding: 10px 15px; width: 60%; height: 130px; border: 1px #7d7d7d solid; font-size: 14px; }
#memberRule >div::-webkit-scrollbar { width: 5px; }
#memberRule >div::-webkit-scrollbar-track { background: #c5c5c5; }
#memberRule >div::-webkit-scrollbar-thumb { background: #313232; }
#memberRule >div::-webkit-scrollbar-thumb:hover { background: #4e5656; }

/* memberCenter */
#memberCenter { overflow: hidden; margin-top: 20px; }
#memberCenter .row {float: left;width: 170px;}
#memberCenter #memberNav a {margin-bottom: 5px;padding: 10px 0;background: #353534;display: block;text-align: center;font-weight: 500;font-size: 16px;color: #fff;}
#centerright{
    float: right;
    width: calc(100% - 220px);
}
/* memberInfo */
#memberCenter #memberInfo {overflow: hidden;margin-left: 10px;padding: 0 20px 20px;width: calc(100% - 250px);float: right;}
#memberInfo .box { float: left; width: 230px; }
#memberInfo .left p.modify{
    background-color: #6b696c;
    margin-bottom: 5px;
}
#memberInfo .left p.modify a{
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
}
#memberInfo .box.left .imgBox {overflow: hidden;background: no-repeat 50% / cover;border-radius: 50%;margin-bottom: 15px;}
#memberInfo .box.left .editLink p { font-size: 0; }
#memberInfo .box.left .editLink p a { padding: 10px 0; width: calc((100% - 5px) / 2); background: #0c57a4; display: inline-block; text-align: center; color: #fff; }
#memberInfo .box.left .editLink p:first-child a { margin: 15px 0 5px; width: 100%; background: #6b696c; }
#memberInfo .box.left .editLink p:last-child a:last-child {background: #6b696c;}
#memberInfo .box.right { margin-left: 30px; width: calc(100% - 260px); }
#memberInfo .box.right p b{color: #3abb3f;margin-left: 10px;vertical-align: bottom;}
#memberInfo .box.right p.fbbin { margin: 10px 0; }
#memberInfo .box.right p a{
    color: #db0909;
    margin-left: 10px;
    vertical-align: bottom;
}
#memberInfo .box.right p a i{
    margin-right: 3px;
}
#memberInfo .box.right p label , #memberInfo .box.right p font { display: inline-block; font-size: 16px; vertical-align: middle; }
#memberInfo .box.right p font.fbok {  color: #3abb3f; }
#memberInfo .box.right .info { margin-top: 30px; }
#memberInfo .box.right .info p  {line-height: 170%;font-size: 16px;}
#memberInfo .box.right .info article{
    font-size: 15px;
    line-height: 180%;
}

/* mMail */
#memberInfo ul#mMail li { padding: 10px 5px; border-bottom: 1px #ccc solid; }
#memberInfo ul#mMail li .listTop { font-size: 0; }
#memberInfo ul#mMail li .listTop p { margin-left: 20px; display: inline-block; font-size: 15px; }
#memberInfo ul#mMail li .listTop p:first-child { margin-left: 0; }
#memberInfo ul#mMail li .listTop p a{
    color: #000;
}
#memberInfo ul#mMail li .listTop p i { margin-right: 7px; }
#memberInfo ul#mMail li .listTop p.title { margin-left: 0; width: calc(100% - 180px); }
#memberInfo ul#mMail li .listTop p.title font { height: 23px; -webkit-line-clamp: 1; }
#memberInfo ul#mMail li .listTop p.time { width: 85px; font-size: 13px; }
#memberInfo ul#mMail li .listTop p.view { width: 33px; }
#memberInfo ul#mMail li .listTop .view b { position: relative; padding: 3px; display: inline-block; border: 1.5px #cd1c1c solid; border-radius: 2px; line-height: 110%; font-weight: normal; font-size: 12px; color: #cd1c1c; top: -7px; }
#memberInfo ul#mMail li .listTop .view b.ischk { border-color: #989696; color: #989696; }
#memberInfo ul#mMail li .listTop .view b:before ,
#memberInfo ul#mMail li .listTop .view b:after { position: absolute; border-style: solid; border-width: 9px 9px 0 0; border-color: #cd1c1c transparent transparent transparent; bottom: -9px; right: 11px; content: ""; }
#memberInfo ul#mMail li .listTop .view b.ischk:before { border-color: #989696 transparent transparent transparent; }
#memberInfo ul#mMail li .listTop .view b:after { border-color: #eaeaea transparent transparent transparent; bottom: -5px; right: 10px; }
#memberInfo ul#mMail li .listBody { margin: 5px 0 0; padding: 10px 20px; background: #e2e2e2; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#memberInfo ul#mMail li.current .listBody { display: block; }

/* personalise */
#personalise .imgBox { margin-bottom: 30px; }
#personalise .imgBox font { position: relative; width: calc(100% - 220px); display: inline-block; vertical-align: bottom; }
#personalise .imgBox font#result { margin-right: 15px; width: 200px; background: no-repeat 50% / cover; border-radius: 50%; }
#personalise .imgBox font input[type="file"] { position: absolute; width: 119px; height: 37px; top: 0; left: 0; opacity: 0; cursor: pointer; }
#personalise .imgBox font a#chImages ,
#memberImg .container .row #UpdateImg {position: relative;padding: 5px 0;width: 119px;background: #2f2f2f;display: block;text-align: center;font-weight: bold;color: #fff;}
#memberImg .container { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.56); top: 0; left: 0; z-index: 9999; }
#memberImg .container .row { position: relative; margin: 10% auto 0; padding: 30px 0 20px; width: 630px; background: #fff; }
#memberImg .container .row a#closeRow { position: absolute; right: -10px; top: -10px; background: #1c1e1f; font-size: 18px; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; }
#memberImg .container .row #crop { text-align: center; }
#memberImg .container .row #UpdateImg { margin: 20px auto 0; padding: 10px 0; font-size: 16px; }

/* releaseBtn */
#releaseBtn { font-size: 0; }
#releaseBtn p { width: calc(100% - 120px); display: inline-block; }
#releaseBtn p a { padding: 6px 25px; margin-right: 10px; background: #282929; border-radius: 5px; display: inline-block; color: #fff; }
#releaseBtn p a:last-child { margin-right: 0; }
#releaseBtn p.addnew { width: 120px; }
#releaseBtn p.addnew a { background: #0c57a4; }

/* releaseList */
#releaseList {margin: 0 0 15px;}
#releaseList ul.listBox li { overflow: hidden; background: #eaeae9; border-bottom: 1.5px #f4f4f4 solid; }
#releaseList ul.listBox li:last-child { border-bottom: 0; }
#releaseList ul.listBox li p font { padding: 7px 0; display: inline-block; color: #484646; vertical-align: middle; }
#releaseList ul.listBox li p font:first-child { background: #484646; color: #fff; }
#releaseList ul.listBox li p:last-child font { border-right: 0; }
#releaseList ul.listBox li p font a { height: 23px; color: #484646; -webkit-line-clamp: 1; }
#releaseList ul.listBox li p font span { margin: 0 5px; display: inline-block; }
#releaseList ul.listBox li p font span i { margin-right: 2px; }

/* collectList */
#collectList .btns {overflow: hidden; margin: 40px 0 10px; border-bottom: 4px #0d69c1 solid; font-size: 0; }
#collectList .btns a { padding: 10px 15px; background: #d0d0d0; background: -moz-linear-gradient(top,#f7f7f7 1%,#d0d0d0 100%); background: -webkit-linear-gradient(top,#f7f7f7 1%,#d0d0d0 100%); background: linear-gradient(to bottom,#f7f7f7 1%,#d0d0d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#d0d0d0',GradientType=0); border: #d4d4d4 solid; border-width: 1px 0 0 1px; display: inline-block; font-size: 16px; color: #6892bd; }
#collectList .btns a:last-child { border-right: 1px #d4d4d4 solid; }
#collectList .btns a.active { background: #0d69c1; color: #fff; }
#collectList ul li { position: relative; padding: 10px 10px 15px; border-bottom: 1px #ccc solid; }
#collectList ul li h3 a { height: 39px; line-height: 170%; font-size: 25px; color: #545454; -webkit-line-clamp: 1; }
#collectList ul li article { margin-top: 5px; font-weight: normal; font-size: 16px; color: #6b6868; -webkit-line-clamp: 2; }
#collectList ul li p.time { margin-top: 10px; text-align: right; color: #808080; }
#collectList ul li p.time img { display: inline-block; vertical-align: middle; }
#collectList ul li p.time font { margin-left: 5px; display: inline-block; font-weight: bold; font-style: italic; font-size: 13px; vertical-align: middle; }

/* discussList */
#discussList ul li { position: relative; padding: 15px 25px; border-bottom: 1px #e0e0e0 solid; font-size: 0; }
#discussList ul li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 2; }
#discussList ul li .info { position: relative; z-index: 1; }
#discussList ul li .info h3 { height: 30px; font-weight: normal; font-size: 18px; -webkit-line-clamp: 1; }
#discussList ul li .info >p label { width: 50px; display: inline-block; vertical-align: top; }
#discussList ul li .info >p font { width: calc(100% - 50px); height: 23px; display: -webkit-inline-box; vertical-align: top; -webkit-line-clamp: 1; }
#discussList ul li .info .list { margin-top: 10px; font-size: 0; }
#discussList ul li .info .list p { margin-right: 20px; display: inline-block; color: #615f5f; }
#discussList ul li .info .list p i { margin-right: 5px; }

/* discuss */
#discuss .ruleBox { position: relative; margin: 50px 0 0; padding: 20px; background: #fcfcfc; border: 1px #cdcdcd solid; }
#discuss .ruleBox a { position: absolute; padding: 5px 10px; display: inline-block; font-size: 16px; color: #3f72a5; top: -40px; right: 0; }
#discuss .ruleBox a i { margin-right: 5px; }
#discuss .ruleBox article { position: relative; width: 100%; font-size: 18px; top: auto; left: auto; z-index: 2; opacity: 1; }
#discuss .ruleBox textarea { position: absolute; width: calc(100% - 20px); background: #fff; font-size: 18px; z-index: 1; top: 20px; height: 20px; opacity: 0; }
#discuss .ruleBox[data-type="2"] article { position: absolute; width: calc(100% - 20px); top: 20px; height: 20px; z-index: 1; opacity: 0; }
#discuss .ruleBox[data-type="2"] textarea { position: relative; width: 100%; top: auto; left: auto; z-index: 2; opacity: 1; }
#discuss .editList { margin-top: 5px; text-align: right; display: none; }
#discuss .editList a { padding: 5px 15px; display: inline-block; color: #919191; }
#discuss .editList a#btnOK { background: #000; color: #fff; }

/* describe */
#describe { position: relative; }
#errBtn { position: absolute; right: 0; top: 0; }
#errBtn a { margin-bottom: 5px; padding: 2px 15px; display: block; font-size: 16px; color: #fff; }
#errBtn a.visBtn[data-type="1"] { background: #dc1b1b; }
#errBtn a.visBtn[data-type="0"] { background: #0ba011; }
#errBtn a.disBtn { background: #434141; }
#errBtn a i { margin-right: 5px; width: 16px; text-align: center; }

/* recoveryBox */
#recoveryBox { margin-top: 50px; }

/* pagenav */
#pagenav {margin: 20px 0 10px;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: ""; }

#form1 .list {
    background: #ffffff;
    padding: 30px 55px;
    margin: 0;
}
#form1 .list.lestBox p {
    text-align: center;
    position: relative;
}
#form1 .list.lestBox p.signupnow:before {
    width: 45%;
    height: 1px;
    background: #e0dddd;
    display: block;
    content: "";
    bottom: 10px;
    position: absolute;
    left: 0;
}
#form1 .list.lestBox p.signupnow:after {
    width: 45%;
    height: 1px;
    background: #e0dddd;
    display: block;
    content: "";
    bottom: 10px;
    position: absolute;
    right: 0;
}
#form1 .list.lestBox .linklogn {
    overflow: hidden;
    text-align: center;
    margin: 30px 0;
}
#form1 .list.lestBox .linklogn p {
    display: inline-block;
    margin: 0 10px;
}




@media screen and (min-width: 981px) {
	#releaseList ul.listBox li p font { border-right: 1.5px #f4f4f4 solid; text-align: center; display: none; }
	#releaseList ul.listBox li:first-child p font { display: block; }
	#releaseList ul.listBox li p { float: left; }
	#releaseList ul#mytalk li p { width: calc((60% - 200px) / 2); }
	#releaseList ul#mytalk li p:nth-child(1) { width: 40%; }
	#releaseList ul#mytalk li p:nth-child(4) { width: 200px; }
	#releaseList ul.listBox li p font a { text-align: center; }
}

@media screen and (max-width: 980px) {
	.detailBox { padding: 30px; }
	#memberCenter #memberNav { width: 120px; }
	#centerright{
    width: calc(100% - 150px);
}
	#memberCenter #memberInfo { width: calc(100% - 170px); }
	#memberInfo .box { width: 180px; }
	#memberInfo .box.right { width: calc(100% - 210px); }
	#memberImg .container .row { width: 90%; }
	#releaseList ul.listBox li { margin-bottom: 10px; }
	#releaseList ul.listBox li p { border-bottom: 1px #f4f4f4 solid; }
	#releaseList ul.listBox li p:last-child { border-bottom: 0; }
	#releaseList ul.listBox li p font { width: calc(100% - 140px); line-height: 30px; }
	#releaseList ul.listBox li p font:first-child { margin-right: 10px; width: 120px; text-align: center; }
	#releaseList ul.listBox li p font span { margin-left: 0; }
}
@media screen and (max-width: 768px) {
	#memberCenter #memberNav { float: none; margin-left: 0; width: 100%; }
	#memberCenter #memberNav a { padding: 5px 10px; display: inline-block; }
	#memberRule >div { width: calc(90% - 30px); }
	#memberInfo .box , #memberInfo .box.right { float: none; margin-left: 0; margin-bottom: 20px; width: 100%; font-size: 0; }
	#memberInfo .box.left .imgBox { width: 150px; display: inline-block; }
	#memberInfo .box.left .editLink { margin-left: 40px; width: calc(100% - 190px); display: inline-block; }
	#memberCenter #memberInfo { float: none; margin-left: 0; padding: 20px 0; width: 100%; background: none; }
}
@media screen and (max-width: 640px) {
	#memberInfo .box.left { text-align: center; }
	#memberInfo .box.left .editLink { margin-top: 20px; margin-left: 0; width: 100%; text-align: center; }
	#memberInfo .box.left .editLink p { display: inline-block; }
	#memberInfo .box.left .editLink p a ,
	#memberInfo .box.left .editLink p:first-child a { margin: 5px; padding: 5px 10px; width: auto; }
	#centerright{
    width: 100%;
    margin-top: 20px;
}
}
@media screen and (max-width: 540px) {
	#personalise .imgBox font { margin-right: 0; margin-bottom: 10px; width: 100%; display: block; text-align: center; }
	#personalise .imgBox font#result { margin: 0 auto 10px; }
	#personalise .imgBox font a#chImages { margin: 15px auto 5px; }
	#memberInfo ul#mMail li .listTop p.title { width: calc(100% - 22px); }
}
@media screen and (max-width: 400px) {
	#personalise .imgBox font span { display: block; text-align: center; }
}