#contentArea.sub .outer:before{background:url(../../quasarzone/images/sub/sub_visual_logo.png) no-repeat;position:absolute;left:50%;top:138px;margin-left:-62px;content:"";width:125px;height:118px} #contentArea.sub .outer .inner{padding:41px 75px 92px;position:relative;overflow:hidden} #contentArea.sub .outer .inner.view{padding:41px 0 0} #contentArea.sub .outer .inner.view .sub-common-area{padding:0 75px;box-sizing:border-box} #contentArea.sub .outer .inner.tp2{padding:41px 0 92px} #contentArea.sub .outer .inner.tp2 .sub-common-area{padding:0 75px;box-sizing:border-box} #contentArea.sub .outer .inner:before{position:absolute;left:0;top:167px;background-color:#fff;width:100%;height:100%;content:""} #contentArea.sub .outer .inner .sub-common-area{width:100%;margin:0 auto;position:relative;text-align:center} #contentArea.sub .outer .inner .sub-common-area .title-img{position:absolute;width:100%;text-align:center;left:0;top:-41px} #contentArea.sub .outer .inner .sub-common-area img.pc-v{width:100%;max-width:1920px} #contentArea.sub .outer .inner .sub-common-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-common-area .text-area{position:absolute;top:30%;width:100%;text-align:center;color:#fff;left:0} #contentArea.sub .outer .inner .sub-common-area .text-area .title{font-size:50px;font-weight:700;color:#fefefe} #contentArea.sub .outer .inner .sub-common-area .text-area .text{font-size:24px;font-weight:300;color:#fefefe;line-height:34px;position:relative;margin-top:42px} #contentArea.sub .outer .inner .sub-common-area .text-area .text:before{position:absolute;left:50%;margin-left:-8px;top:-26px;width:16px;height:16px;background:url(../../quasarzone/images/sub/sub_title_icon.png) no-repeat;content:""} #contentArea.sub .outer .inner .sub-content-area{position:relative;z-index:1} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01{max-width:1100px;width:100%;margin:0 auto;position:relative;padding-top:70px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01:after{position:absolute;content:"";width:567px;height:63px;right:0;top:134px;background:url(../../quasarzone/images/sub/food_festa_2019.png) no-repeat} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .title{font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area{margin-top:42px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.pc-v{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .text{color:#161616;font-size:18px;line-height:30px;margin-top:34px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02{width:100%;padding-top:100px;position:relative} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:before{position:absolute;width:100%;height:303px;background-color:#f7f7f8;content:"";left:-75px;top:202px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:after{position:absolute;width:150px;height:303px;background-color:#f7f7f8;content:"";right:-75px;top:202px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .title{font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px;text-align:right} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area{overflow:hidden;margin-top:67px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box{float:left;width:67%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box img{width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box{float:left;width:33%;padding-left:3%;padding-top:33px;position:relative;z-index:1;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li{margin-top:22px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit{color:#161616;font-size:18px;letter-spacing:19px;font-weight:100} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit em{margin-left:-20px;position:relative;top:-2px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .f-bold{font-size:18px;font-weight:700;color:#161616} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img1{position:relative;top:2px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img2{position:relative;top:6px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03{max-width:1100px;width:100%;margin:0 auto;overflow:hidden;padding-top:118px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area{position:relative;width:100%;box-sizing:border-box;padding-left:45%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area{width:45%;position:absolute;left:0;bottom:0;box-sizing:border-box;padding-right:4%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .title{text-align:right;font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text{border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;text-align:right;line-height:30px;margin-top:17px;padding:14px 0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text span{font-size:18px;font-weight:100;color:#292929;display:block} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area{width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list{width:100%;max-width:1100px;margin:72px auto 0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li{float:left;width:32%;margin-left:2%;margin-top:65px;position:relative;top:0;transition:top .3s} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(3n+1){margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(n+1):nth-child(-n+3){margin-top:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a{position:relative;display:block} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out{height:100%;display:table;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in{display:table-cell;vertical-align:middle;text-align:center} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .title{font-size:40px;font-weight:900;line-height:48px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text{font-size:19px;line-height:30px;position:relative;padding-top:25px;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text:before{position:absolute;content:"";left:50%;margin-left:-20px;top:0;width:40px;height:4px;background-color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .date{position:absolute;bottom:-22px;right:0;font-size:15px;color:#b0b0b0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label{position:absolute;right:7px;top:-12px;width:88px;height:102px;padding-left:9px;padding-top:11px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp1{background:url(../../quasarzone/images/sub/event_label_tp1.png) no-repeat} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2{background:url(../../quasarzone/images/sub/event_label_tp2.png) no-repeat} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2 .tit em{display:inline-block;margin:0 7px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .tit{text-align:center;color:#fff;font-size:21px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng{text-align:center;color:#fff;font-size:18px;position:relative;padding-top:7px;margin-top:7px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng:before{position:absolute;top:0;left:50%;width:58px;height:1px;margin-left:-29px;content:"";background-color:#fff;opacity:.5} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:hover{top:-20px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap{padding-top:52px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap>div{margin-top:126px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap>div:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01{position:relative;padding:0 75px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01:before{position:absolute;width:100%;height:500px;background-color:#f8f8f8;content:"";top:41%;left:0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area{position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .left-top-tit{position:absolute;top:60px;left:-91px;height:170px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .left-top-tit p{width:170px;position:absolute;left:-11px;top:19px;letter-spacing:1px!important;font-size:12px;color:#000;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg)} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img{width:100%;display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.pc-v{display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:#fff;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area{position:absolute;top:23%;text-align:center;width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .num{color:#fefefe;font-size:83px;font-weight:900} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .tit{color:#fefefe;font-size:55px;font-weight:900;margin-top:41px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .txt{color:#fefefe;font-size:26px;line-height:44px;margin-top:33px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit{position:absolute;bottom:70px;right:-30px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit p{position:absolute;left:-11px;top:-32px;letter-spacing:1px!important;font-size:12px;color:#000;transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:20} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit span{display:inline-block;color:#fff;width:23px;height:23px;line-height:23px;text-align:center;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area{margin-top:93px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.pc-v{display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list{max-width:1100px;width:100%;margin:0 auto;position:relative;padding-top:70px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li{margin-top:24px;border:1px solid #ccc;position:relative;left:0;box-sizing:border-box;transition:left .3s} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a{display:block;position:relative;padding-left:300px;height:235px;background-color:#fff} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area{position:absolute;left:0;top:0;width:300px;height:100%;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area img{display:block;width:100%;height:235px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area{padding:46px 38px 0;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title{position:relative;padding-right:150px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title p{font-size:28px;color:#4a4a4a;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label{position:absolute;right:0;top:0;color:#fff;font-size:20px;text-align:center;line-height:33px;display:inline-block;width:133px;height:35px;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type1{background-color:#ffa200} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type2{background-color:#414141} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type3{background-color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text{border-top:1px solid #d0d0d0;margin-top:19px;padding-top:11px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text p{font-size:18px;color:#c3c3c3;height:92px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .date{text-align:right;font-size:15px;color:#dfdfdf;margin-top:10px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:hover{left:15px} #contentArea.sub .outer .inner .sub-content-area .view-wrap{overflow:hidden;padding:70px 75px 0} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner{max-width:1100px;width:100%;margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area{text-align:center} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label{color:#fff;font-size:20px;line-height:33px;display:inline-block;width:133px;height:35px;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type1{background-color:#ffa200} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type2{background-color:#414141} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type3{background-color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .title{font-size:35px;font-weight:700;text-align:center;line-height:44px;margin-top:12px;padding:0 35px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .date{text-align:right;font-size:22px;color:#dfdfdf;margin-top:13px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text{text-align:right;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp1{font-size:18px;color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp2{font-size:18px;color:#000} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .edit-wrap{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:43px 0;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area{text-align:right;margin-top:25px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area a{display:inline-block;color:#fff;font-size:21px;background-color:#3397d3;width:131px;height:56px;text-align:center;line-height:56px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap{padding:98px 75px;background-color:#f6f6f6;margin-top:85px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap .notice-list{padding-top:0} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap .event-list{margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner{max-width:1100px;width:100%;margin:0 auto;padding-top:135px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl{position:relative;padding-left:230px;min-height:52px;margin-top:42px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt{position:absolute;left:0;top:0;line-height:52px;width:230px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt:after{position:absolute;right:39px;top:50%;margin-top:-7px;width:1px;height:14px;background-color:#ccc;content:""} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt span{font-size:35px;font-weight:700;color:#e0e0e0;vertical-align:top} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd{width:100%;min-height:52px;line-height:52px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd input{border:1px solid #cdcdcd;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .title-input{width:100%;height:52px;padding-left:12px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type{vertical-align:top;height:52px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type label{font-size:21px;color:#000;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span{height:52px;display:inline-block;vertical-align:top;margin-left:60px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span label{font-size:21px;color:#000;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line{height:38px;line-height:38px;display:none} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line.active{display:block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p{float:left;margin-left:12px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p input{height:38px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input{padding-left:15px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input1{margin-left:13px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input2{margin-left:11px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input input{width:47px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input em{font-size:18px;margin-left:2px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-input{width:96px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-bt{width:31px;height:31px;position:relative;top:-2px;margin-left:4px;background:url(../../quasarzone/images/sub/cal_input_bt.gif) no-repeat;display:inline-block;vertical-align:middle} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line .bar{float:left;margin:0 6px 0 10px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input{overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input p:first-child{height:52px;position:relative} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input input[type=text]{width:348px;height:52px;vertical-align:top;position:relative;z-index:2;padding-left:12px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input #fileBt{position:absolute;opacity:0;left:0;top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .file-bt{display:inline-block;background-color:#f3f3f3;font-size:21px;width:144px;height:52px;line-height:52px;text-align:center;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file{line-height:34px;margin-top:5px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file button{text-indent:-9999px;overflow:hidden;width:12px;height:12px;background:url(../../quasarzone/images/sub/delete_file_bt.jpg) no-repeat;vertical-align:sub} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file .file-name{font-size:16px;color:#4e4e4e;margin-left:9px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .editor-area{width:100%;height:317px;border:1px solid #cdcdcd;margin-top:50px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area{text-align:center;font-size:0;margin-top:24px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a{display:inline-block;font-size:21px;width:190px;height:56px;text-align:center;line-height:56px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.blue-bt{color:#fff;background-color:#3397d3} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.grey-bt{color:#000;background-color:#f7f7f7;margin-left:25px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap{padding-top:52px;padding-bottom:150px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .top-title{text-align:center;font-size:50px;color:#555;font-weight:100} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap{text-align:center;position:relative;width:548px;margin:39px auto 0;z-index:3} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area{display:inline-block;position:relative;border:3px solid #d7d7d7;padding-left:87px;padding-right:47px;z-index:2;width:548px;height:45px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area .tit{position:absolute;left:0;top:0;width:87px;height:39px;line-height:39px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area input{text-align:left;float:left;width:100%;height:39px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button{position:absolute;right:0;top:0;width:46px;height:38px;outline:0;background:url(../../quasarzone/images/sub/sort_area_bt.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button.active{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area{position:absolute;top:43px;width:100%;background:#fff;z-index:3;border:3px solid #d7d7d7;border-top:0;box-sizing:border-box;display:none} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list{overflow:hidden;padding:30px 14px 34px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a{display:inline-block;float:left;padding:0 12px;height:23px;line-height:23px;font-size:15px;color:#444;margin:8px 4px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a.active{background:#238fcf;color:#fff;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap{position:relative;overflow:hidden;max-width:1100px;margin:26px auto 0} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap:after{position:absolute;content:"";bottom:-30px;width:100%;height:433px;background:url(../../quasarzone/images/sub/mas_bot_bg2.png) repeat;background-size:cover} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid{margin:0 auto;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer{display:inline-block;width:25%;margin-bottom:0;background:#fff;box-sizing:border-box;padding:5px 5px;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a{border:1px solid #e1e1e1;display:block;height:auto;padding:10px 10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area{border:1px solid #e1e1e1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area img,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area{padding:12px 4px 5px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .text,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .text{font-size:14px;color:#161616;font-weight:300;line-height:20px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .hash-tag,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .hash-tag{font-size:14px;color:#3db3e4;font-weight:100;line-height:20px;margin-top:10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item{display:none;opacity:0} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid:after{content:'';display:block;clear:both} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height2{height:200px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height3{height:260px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height4{height:360px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt{position:absolute;z-index:30;outline:0;bottom:0;width:38px;height:38px;left:50%;margin-left:-19px;background:url(../../quasarzone/images/sub/list_more_bt.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active1{transform:rotate(720deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active2{transform:rotate(0)} @media (max-width:1280px){ #contentArea.sub .outer{padding-top:336px;background:url(../../quasarzone/images/main/sec2_bg.gif) repeat;position:relative} #contentArea.sub .outer.today-here{padding-top:0;background:0 0} #contentArea.sub .outer.today-here .inner{padding:0 0 92px} #contentArea.sub .outer.today-here .inner .sub-common-area{height:855px;background:url(../../quasarzone/images/sub/today_here_visaul.jpg) 50% 50% no-repeat;background-size:cover} #contentArea.sub .outer.today-here .inner .sub-common-area .title-img{top:0;margin-top:35px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area{padding-top:120px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area p{position:relative} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .logo-img img{width:150px;opacity:.8} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .text-area{position:relative;margin-top:34px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .text-area .text{text-indent:-9999px;display:inline-block} #contentArea.sub .outer.today-here .inner .sub-common-area .pc-v{width:100%;max-width:100%;display:none} #contentArea.sub .outer.today-here .inner .sub-common-area .mo-v{width:100%;max-width:100%;display:none!important} #contentArea.sub .outer.today-here .inner .tab-wrap{position:absolute;bottom:8px;width:100%} #contentArea.sub .outer.today-here .inner .tab-wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.6;content:""} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area{position:relative;max-width:1100px;margin:0 auto;height:300px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a{display:inline-block;position:relative;float:left;width:33%;height:300px;padding-top:35px;box-sizing:border-box} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:before{position:absolute;left:-1px;width:2px;height:80%;content:"";opacity:.3;background-color:#fff} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:first-child{width:34%} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:first-child:before{display:none} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .title{font-size:44px;font-weight:900;color:#fefefe;line-height:52px;position:relative;padding-top:85px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .title:before{position:absolute;top:0;left:50%;margin-left:-38px;width:76px;height:76px;background-color:#fff;content:""} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .text{font-size:21px;color:#fefefe;font-weight:100;margin-top:15px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1 .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1 .title:before{background:url(../../quasarzone/images/sub/today_tab1_off.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1.active .title:before{background:url(../../quasarzone/images/sub/today_tab1_on.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1.active .text{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2 .title:before{background:url(../../quasarzone/images/sub/today_tab2_off.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .title:before{background:url(../../quasarzone/images/sub/today_tab2_on.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .text{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3 .title:before{background:url(../../quasarzone/images/sub/today_tab3_off.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .title:before{background:url(../../quasarzone/images/sub/today_tab3_on.png) no-repeat} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .text{color:#ffc64b} #contentArea.sub .outer:before{background:url(../../quasarzone/images/sub/sub_visual_logo.png) no-repeat;position:absolute;left:50%;top:138px;margin-left:-62px;content:"";width:125px;height:118px} #contentArea.sub .outer .inner{padding:41px 45px 92px;position:relative;overflow:hidden} #contentArea.sub .outer .inner.p-type{padding:41px 0 92px} #contentArea.sub .outer .inner.tp2{padding:41px 0 92px} #contentArea.sub .outer .inner.tp2 .sub-common-area{padding:0 0;box-sizing:border-box} #contentArea.sub .outer .inner:before{position:absolute;left:0;top:167px;background-color:#fff;width:100%;height:100%;content:""} #contentArea.sub .outer .inner.view{padding:41px 0 0} #contentArea.sub .outer .inner.view .sub-common-area{padding:0 0;box-sizing:border-box} #contentArea.sub .outer .inner.view .sub-content-area .event-wrap{padding:0 0} #contentArea.sub .outer .inner .sub-common-area{width:100%;margin:0 auto;position:relative;text-align:center} #contentArea.sub .outer .inner .sub-common-area .title-img{position:absolute;width:100%;text-align:center;left:0;top:-41px} #contentArea.sub .outer .inner .sub-common-area img.pc-v{width:100%;max-width:1920px;display:none} #contentArea.sub .outer .inner .sub-common-area img.mo-v{display:block;width:100%} #contentArea.sub .outer .inner .sub-common-area .text-area{position:absolute;top:30%;width:100%;text-align:center;color:#fff;left:0} #contentArea.sub .outer .inner .sub-common-area .text-area .title{font-size:50px;font-weight:700;color:#fefefe} #contentArea.sub .outer .inner .sub-common-area .text-area .text{font-size:24px;font-weight:300;color:#fefefe;line-height:34px;position:relative;margin-top:42px} #contentArea.sub .outer .inner .sub-common-area .text-area .text:before{position:absolute;left:50%;margin-left:-8px;top:-26px;width:16px;height:16px;background:url(../../quasarzone/images/sub/sub_title_icon.png) no-repeat;content:""} #contentArea.sub .outer .inner .sub-content-area{position:relative;z-index:1} #contentArea.sub .outer .inner .sub-content-area .food-festa-info{padding:0 45px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01{max-width:1100px;width:100%;margin:0 auto;position:relative;padding-top:70px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01:after{position:absolute;content:"";width:567px;height:63px;right:0;top:231px;background:url(../../quasarzone/images/sub/food_festa_2019.png) no-repeat} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .title{font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area{margin-top:92px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.pc-v{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .text{color:#161616;font-size:18px;line-height:30px;margin-top:34px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02{width:100%;padding-top:100px;position:relative} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:before{position:absolute;width:100%;height:250px;background-color:#f7f7f8;content:"";left:-75px;top:202px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:after{position:absolute;width:150px;height:250px;background-color:#f7f7f8;content:"";right:-75px;top:202px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .title{font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px;text-align:right} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area{overflow:hidden;margin-top:67px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box{float:left;width:60%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box img{width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box{float:left;width:40%;padding-left:3%;padding-top:16px;position:relative;z-index:1;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li{margin-top:22px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit{color:#161616;font-size:18px;letter-spacing:19px;font-weight:100} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit em{margin-left:-20px;position:relative;top:-2px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .f-bold{font-size:18px;font-weight:700;color:#161616} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img1{position:relative;top:-3px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img2{position:relative;top:0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03{max-width:1100px;width:100%;margin:0 auto;overflow:hidden;padding-top:248px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area{position:relative;width:100%;box-sizing:border-box;padding-left:45%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area{width:45%;position:absolute;left:0;bottom:0;box-sizing:border-box;padding-right:4%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .title{text-align:right;font-size:54px;color:#161616;font-weight:900;line-height:66px;letter-spacing:-4px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text{border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;text-align:right;line-height:30px;margin-top:17px;padding:14px 0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text span{font-size:18px;font-weight:100;color:#292929;display:block} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area{width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap{padding:0 45px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list{width:100%;max-width:1100px;margin:72px auto 0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li{float:left;width:32%;margin-left:2%;margin-top:65px;position:relative;top:0;transition:top .3s} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(3n+1){margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(n+1):nth-child(-n+3){margin-top:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a{position:relative;display:block} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out{height:100%;display:table;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in{display:table-cell;vertical-align:middle;text-align:center} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .title{font-size:36px;font-weight:900;line-height:44px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text{font-size:16px;line-height:22px;position:relative;padding-top:25px;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text:before{position:absolute;content:"";left:50%;margin-left:-20px;top:0;width:40px;height:4px;background-color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .date{position:absolute;bottom:-22px;right:0;font-size:16px;color:#b0b0b0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label{position:absolute;right:7px;top:-10px;width:70px;height:82px;padding-left:8px;padding-top:9px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp1{background:url(../../quasarzone/images/sub/event_label_tp1.png) no-repeat;background-size:70px 82px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2{background:url(../../quasarzone/images/sub/event_label_tp2.png) no-repeat;background-size:70px 82px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2 .tit em{display:inline-block;margin:0 7px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .tit{text-align:center;color:#fff;font-size:18px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng{text-align:center;color:#fff;font-size:15px;position:relative;padding-top:7px;margin-top:7px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng:before{position:absolute;top:0;left:50%;width:58px;height:1px;margin-left:-29px;content:"";background-color:#fff;opacity:.5} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:hover{top:-20px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap{padding-top:52px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap>div{margin-top:126px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap>div:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01{position:relative;padding:0 45px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01:before{position:absolute;width:100%;height:500px;background-color:#f8f8f8;content:"";top:41%;left:0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area{position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .left-top-tit{position:absolute;top:60px;left:-91px;height:170px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .left-top-tit p{width:170px;position:absolute;left:-11px;top:19px;letter-spacing:1px!important;font-size:12px;color:#000;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg)} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area{height:430px;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img{width:100%;display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.pc-v{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.mo-v{display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:#fff;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area{position:absolute;top:60px;text-align:center;width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .num{color:#fefefe;font-size:83px;font-weight:900} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .tit{color:#fefefe;font-size:55px;font-weight:900;margin-top:41px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .txt{color:#fefefe;font-size:26px;line-height:44px;margin-top:33px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit{position:absolute;bottom:70px;right:-30px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit p{position:absolute;left:-11px;top:-32px;letter-spacing:1px!important;font-size:12px;color:#000;transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:20} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit span{display:inline-block;color:#fff;width:23px;height:23px;line-height:23px;text-align:center;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area{margin-top:93px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.pc-v{display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.mo-v{display:none} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list{max-width:1100px;width:100%;margin:0 auto;position:relative;padding-top:45px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li{margin-top:24px;border:1px solid #ccc;position:relative;left:0;box-sizing:border-box;transition:left .3s} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a{display:block;position:relative;padding-left:270px;height:211px;background-color:#fff} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area{position:absolute;left:0;top:0;width:270px;height:100%;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area img{display:block;width:100%;height:211px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area{padding:18px 22px 0;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title{position:relative;padding-right:0;padding-top:35px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title p{font-size:24px;color:#4a4a4a;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label{position:absolute;right:0;top:0;color:#fff;font-size:16px;text-align:center;line-height:23px;display:inline-block;width:110px;height:27px;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type1{background-color:#ffa200} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type2{background-color:#414141} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label.type3{background-color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text{border-top:1px solid #d0d0d0;margin-top:11px;padding-top:9px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text p{font-size:17px;color:#c3c3c3;height:81px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .date{text-align:right;font-size:15px;color:#dfdfdf;margin-top:7px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:hover{left:15px} #contentArea.sub .outer .inner .sub-content-area .view-wrap{overflow:hidden;padding:65px 45px 0} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner{max-width:1100px;width:100%;margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area{text-align:center} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label{color:#fff;font-size:18px;line-height:30px;display:inline-block;width:128px;height:32px;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type1{background-color:#ffa200} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type2{background-color:#414141} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type3{background-color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .title{font-size:30px;font-weight:700;text-align:center;line-height:38px;margin-top:12px;padding:0 35px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .date{text-align:right;font-size:19px;color:#dfdfdf;margin-top:13px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text{text-align:right;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp1{font-size:18px;color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp2{font-size:18px;color:#000} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .edit-wrap{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:43px 0;margin-top:16px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area{text-align:right;margin-top:25px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area a{display:inline-block;color:#fff;font-size:21px;background-color:#3397d3;width:131px;height:56px;text-align:center;line-height:56px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap{padding:76px 45px;background-color:#f6f6f6;margin-top:85px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap .notice-list{padding-top:0} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap .event-list{margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .write-wrap{padding:0 45px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner{max-width:1100px;width:100%;margin:0 auto;padding-top:95px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl{position:relative;padding-left:180px;min-height:52px;margin-top:20px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt{position:absolute;left:0;top:0;line-height:52px;width:180px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt:after{position:absolute;right:39px;top:50%;margin-top:-7px;width:1px;height:14px;background-color:#ccc;content:""} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt span{font-size:27px;font-weight:700;color:#e0e0e0;vertical-align:top} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd{width:100%;min-height:52px;line-height:52px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd input{border:1px solid #cdcdcd;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .title-input{width:100%;height:52px;padding-left:12px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type{vertical-align:top;height:52px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type label{font-size:21px;color:#000;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span{height:52px;display:inline-block;vertical-align:top;margin-left:60px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span label{font-size:21px;color:#000;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line{height:auto;line-height:38px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line span{float:left} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line>div{overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line>div p{float:left} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p{float:left;margin-left:0;margin-top:5px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p input{height:38px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input{padding-left:15px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input1{margin-left:13px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input2{margin-left:11px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input input{width:47px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input em{font-size:18px;margin-left:2px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-input{width:96px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-bt{width:31px;height:31px;position:relative;top:-2px;margin-left:4px;background:url(../../quasarzone/images/sub/cal_input_bt.gif) no-repeat;display:inline-block;vertical-align:middle} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line .bar{float:left;margin:0 6px 0 10px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input{overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input p:first-child{height:52px;position:relative} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input input[type=text]{width:348px;height:52px;vertical-align:top;position:relative;z-index:2;padding-left:12px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input #fileBt{position:absolute;opacity:0;left:0;top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .file-bt{display:inline-block;background-color:#f3f3f3;font-size:21px;width:144px;height:52px;line-height:52px;text-align:center;margin-left:3px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file{line-height:34px;margin-top:5px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file button{text-indent:-9999px;overflow:hidden;width:12px;height:12px;background:url(../../quasarzone/images/sub/delete_file_bt.jpg) no-repeat;vertical-align:sub} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file .file-name{font-size:16px;color:#4e4e4e;margin-left:9px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .editor-area{width:100%;height:317px;border:1px solid #cdcdcd;margin-top:50px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area{text-align:center;font-size:0;margin-top:24px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a{display:inline-block;font-size:21px;width:190px;height:56px;text-align:center;line-height:56px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.blue-bt{color:#fff;background-color:#3397d3} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.grey-bt{color:#000;background-color:#f7f7f7;margin-left:25px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap{padding-top:52px;padding-bottom:150px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .top-title{text-align:center;font-size:50px;color:#555;font-weight:100} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap{text-align:center;position:relative;width:548px;margin:39px auto 0;z-index:3} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area{display:inline-block;position:relative;border:3px solid #d7d7d7;padding-left:87px;padding-right:47px;z-index:2;width:548px;height:45px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area .tit{position:absolute;left:0;top:0;width:87px;height:39px;line-height:39px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area input{text-align:left;float:left;width:100%;height:39px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button{position:absolute;right:0;top:0;width:46px;height:38px;outline:0;background:url(../../quasarzone/images/sub/sort_area_bt.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button.active{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area{position:absolute;top:43px;width:100%;background:#fff;z-index:3;border:3px solid #d7d7d7;border-top:0;box-sizing:border-box;display:none} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list{overflow:hidden;padding:30px 14px 34px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a{display:inline-block;float:left;padding:0 12px;height:23px;line-height:23px;font-size:15px;color:#444;margin:8px 4px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a.active{background:#238fcf;color:#fff;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap{position:relative;overflow:hidden;margin-top:26px;max-width:900px;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap:after{position:absolute;content:"";bottom:-30px;width:100%;height:433px;background:url(../../quasarzone/images/sub/mas_bot_bg2.png) repeat;background-size:cover} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid{margin:0 auto;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer{display:inline-block;width:calc(100% / 3);margin-bottom:0;background:#fff;box-sizing:border-box;padding:5px 5px;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a{border:1px solid #e1e1e1;display:block;height:auto;padding:10px 10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area{border:1px solid #e1e1e1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area img,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area{padding:12px 4px 5px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .text,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .text{font-size:14px;color:#161616;font-weight:300;line-height:20px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .hash-tag,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .hash-tag{font-size:14px;color:#3db3e4;font-weight:100;line-height:20px;margin-top:10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item{display:none;opacity:0} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid:after{content:'';display:block;clear:both} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height2{height:200px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height3{height:260px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height4{height:360px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt{position:absolute;z-index:30;outline:0;bottom:0;width:38px;height:38px;left:50%;margin-left:-19px;background:url(../../quasarzone/images/sub/list_more_bt.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active1{transform:rotate(720deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active2{transform:rotate(0)} } @media (max-width:768px){ #contentArea.sub .outer{padding-top:195px} #contentArea.sub .outer.today-here{padding-top:0;background:0 0} #contentArea.sub .outer.today-here .inner{padding:0 0 92px} #contentArea.sub .outer.today-here .inner .sub-common-area{height:640px;background:url(../../quasarzone/images/sub/today_here_visaul.jpg) 50% 50% no-repeat;background-size:cover} #contentArea.sub .outer.today-here .inner .sub-common-area .title-img{top:0;margin-top:35px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area{padding-top:100px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area p{position:relative} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .logo-img img{width:120px;opacity:.8} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .text-area{position:relative;margin-top:27px} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .text-area .text{text-indent:-9999px;display:inline-block} #contentArea.sub .outer.today-here .inner .sub-common-area .sub-img-area .text-area .text:before{top:-7px} #contentArea.sub .outer.today-here .inner .sub-common-area .pc-v{width:100%;max-width:100%;display:none} #contentArea.sub .outer.today-here .inner .sub-common-area .mo-v{width:100%;max-width:100%;display:none!important} #contentArea.sub .outer.today-here .inner .tab-wrap{position:absolute;bottom:8px;width:100%} #contentArea.sub .outer.today-here .inner .tab-wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.6;content:""} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area{position:relative;max-width:1100px;margin:0 auto;height:220px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a{display:inline-block;position:relative;float:left;width:33%;height:220px;padding-top:35px;box-sizing:border-box} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:before{position:absolute;top:26px;left:-1px;width:2px;height:80%;content:"";opacity:.3;background-color:#fff} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:first-child{width:34%} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a:first-child:before{display:none} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .title{font-size:22px;font-weight:900;color:#fefefe;line-height:28px;position:relative;padding-top:45px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .title:before{position:absolute;top:0;left:50%;margin-left:-16px;width:32px;height:32px;background-color:#fff;content:""} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a .text{font-size:12px;color:#fefefe;font-weight:100;margin-top:15px;line-height:16px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1 .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1 .title:before{background:url(../../quasarzone/images/sub/today_tab1_off.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1.active .title:before{background:url(../../quasarzone/images/sub/today_tab1_on.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab1.active .text{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2 .title:before{background:url(../../quasarzone/images/sub/today_tab2_off.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .title:before{background:url(../../quasarzone/images/sub/today_tab2_on.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab2.active .text{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3 .title:before{background:url(../../quasarzone/images/sub/today_tab3_off.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .title{color:#ffc64b} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .title:before{background:url(../../quasarzone/images/sub/today_tab3_on.png) no-repeat;background-size:32px 32px} #contentArea.sub .outer.today-here .inner .tab-wrap .tab-area a.tab3.active .text{color:#ffc64b} #contentArea.sub .outer:before{background:url(../../quasarzone/images/sub/sub_visual_logo_m.png) no-repeat;background-size:98px 92px;position:absolute;top:68px;margin-left:-49px;width:98px;height:92px} #contentArea.sub .outer .inner{padding:16px 0 92px;position:relative;overflow:hidden} #contentArea.sub .outer .inner.tp2{padding:16px 0 92px} #contentArea.sub .outer .inner.tp2 .sub-common-area{padding:0 0;box-sizing:border-box} #contentArea.sub .outer .inner.notice{padding-bottom:39px} #contentArea.sub .outer .inner:before{position:absolute;left:0;top:167px;background-color:#fff;width:100%;height:100%;content:""} #contentArea.sub .outer .inner.view{padding:16px 0 0} #contentArea.sub .outer .inner .sub-common-area{width:100%;margin:0 auto;position:relative;text-align:center} #contentArea.sub .outer .inner .sub-common-area .title-img{top:-16px} #contentArea.sub .outer .inner .sub-common-area .title-img img{width:273px} #contentArea.sub .outer .inner .sub-common-area img.pc-v{display:none} #contentArea.sub .outer .inner .sub-common-area img.mo-v{display:block;width:100%} #contentArea.sub .outer .inner .sub-common-area .text-area{position:absolute;top:30%;width:100%;text-align:center;color:#fff} #contentArea.sub .outer .inner .sub-common-area .text-area .title{font-size:26px} #contentArea.sub .outer .inner .sub-common-area .text-area .text{font-size:13px;line-height:19px;margin-top:21px} #contentArea.sub .outer .inner .sub-common-area .text-area .text:before{margin-left:-5px;top:-13px;width:10px;height:10px;background:url(../../quasarzone/images/sub/sub_title_icon.png) no-repeat;background-size:10px 10px} #contentArea.sub .outer .inner .sub-content-area{position:relative;z-index:1} #contentArea.sub .outer .inner .sub-content-area .food-festa-info{padding:0 0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01{padding-top:37px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01:after{width:191px;height:21px;right:10px;top:110px;background:url(../../quasarzone/images/sub/food_festa_2019_m.png) no-repeat;background-size:191px 21px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .title{font-size:23px;line-height:32px;letter-spacing:-2px;padding-left:10px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area{margin-top:30px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.pc-v{display:none} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .img-area img.mo-v{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec01 .text{font-size:12px;line-height:21px;margin-top:35px;font-weight:100;padding:0 10px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02{width:100%;padding-top:15px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:before{display:none} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02:after{display:none} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .title{font-size:23px;letter-spacing:-2px;text-align:center} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area{margin-top:0;background-color:#f7f7f8;padding:14px 10px 21px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box{float:none;width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .img-box img{width:100%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box{float:none;width:100%;padding-left:26%;padding-top:15px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li{margin-top:12px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit{font-size:14px;letter-spacing:10px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .tit em{margin-left:-10px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .f-bold{font-size:14px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img1{position:relative;top:-1px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img1 img{height:18px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img2{position:relative;top:3px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec02 .wrap .area .info-box ul li .img2 img{height:11px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03{max-width:1100px;width:100%;margin:0 auto;overflow:hidden;padding-top:21px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area{padding-left:0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area{width:100%;position:relative;padding-right:10px;padding-left:15%} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .title{font-size:23px;line-height:38px;letter-spacing:-2px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text{line-height:15px;margin-top:4px;padding:7px 0} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .txt-area .text span{font-size:11px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area{width:100%;margin-top:12px} #contentArea.sub .outer .inner .sub-content-area .food-festa-info .sec03 .area .img-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap{padding:0 25px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .view-bottom-wrap .event-list li:nth-child(3){display:none} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list{width:100%;max-width:1100px;margin:30px auto 0;padding:0 0;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li{float:left;width:48%;margin-left:4%;margin-top:27px;position:relative;top:0;transition:top .3s} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(3n+1){margin-left:4%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(2n+1){margin-left:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(n+1):nth-child(-n+3){margin-top:27px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:nth-child(n+1):nth-child(-n+2){margin-top:0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a{position:relative;display:block} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out{height:100%;display:table;width:100%} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in{display:table-cell;vertical-align:middle;text-align:center} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .title{font-size:18px;line-height:22px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text{font-size:10px;line-height:17px;position:relative;padding-top:12px;margin-top:9px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .txt-area .area-out .area-in .text:before{position:absolute;content:"";left:50%;margin-left:-9px;top:0;width:18px;height:2px;background-color:#fff} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .date{position:absolute;bottom:-14px;right:0;font-size:10px;color:#b0b0b0} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label{right:5px;top:-6px;width:44px;height:51px;padding-left:4px;padding-top:5px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp1{background:url(../../quasarzone/images/sub/event_label_tp1.png) no-repeat;background-size:44px 51px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2{background:url(../../quasarzone/images/sub/event_label_tp2.png) no-repeat;background-size:44px 51px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label.tp2 .tit em{display:inline-block;margin:0 4px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .tit{text-align:center;color:#fff;font-size:11px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng{text-align:center;color:#fff;font-size:10px;position:relative;padding-top:4px;margin-top:4px} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li a .label .eng:before{position:absolute;top:0;left:50%;width:32px;height:1px;margin-left:-16px;content:"";background-color:#fff;opacity:.5} #contentArea.sub .outer .inner .sub-content-area .event-wrap .event-list li:hover{top:-10px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap{padding-top:27px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01{padding:0 0 47px 0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01:before{position:absolute;width:100%;height:100%;background-color:#f8f8f8;content:"";top:0;left:0} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner{max-width:1100px;width:100%;margin:0 auto;position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area{position:relative} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .left-top-tit{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area{height:270px;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img{width:100%;display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.pc-v{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .img-area img.mo-v{display:block} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:#fff;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area{position:absolute;top:23%;text-align:center;width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .num{font-size:37px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .tit{font-size:24px;margin-top:20px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .txt-area .area .txt{font-size:12px;line-height:19px;margin-top:17px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .top-area .right-bot-tit{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area{margin-top:34px} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img{width:100%} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.pc-v{display:none} #contentArea.sub .outer .inner .sub-content-area .part-way-wrap .sec01 .sec01-inner .bot-area img.mo-v{display:block} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list{max-width:1100px;width:100%;margin:0 auto;position:relative;padding:30px 10px 0 10px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li{margin-top:8px;border:1px solid #ccc;position:relative;left:0;box-sizing:border-box;transition:left .3s} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a{display:block;position:relative;padding-left:125px;height:98px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area{position:absolute;left:0;top:0;width:125px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .img-area img{display:block;width:auto;max-width:125px;height:98px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area{padding:6px 12px 0;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title{position:relative;padding-right:0;padding-top:21px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title p{font-size:13px;color:#4a4a4a;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .title .label{right:0;top:0;font-size:10px;line-height:13px;width:55px;height:15px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text{border-top:1px solid #d0d0d0;margin-top:6px;padding-top:3px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .text p{font-size:12px;color:#c3c3c3;height:33px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li a .txt-area .date{text-align:right;font-size:10px;color:#dfdfdf;margin-top:1px} #contentArea.sub .outer .inner .sub-content-area .notice-wrap .notice-list li:hover{left:15px} #contentArea.sub .outer .inner .sub-content-area .view-wrap{overflow:hidden;padding:40px 10px 0} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner{max-width:1100px;width:100%;margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area{text-align:center} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label{color:#fff;font-size:10px;line-height:12px;display:inline-block;width:55px;height:14px;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type1{background-color:#ffa200} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type2{background-color:#414141} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .label-area .label.type3{background-color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .title{font-size:18px;line-height:22px;margin-top:6px;padding:0 22px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .date{text-align:right;font-size:11px;color:#dfdfdf;margin-top:6px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text{text-align:right;margin-top:8px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp1{font-size:12px;color:#238fcf} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .title-area .state-text .state-tp2{font-size:12px;color:#000} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .edit-wrap{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:13px 0;margin-top:9px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area{text-align:right;margin-top:15px} #contentArea.sub .outer .inner .sub-content-area .view-wrap .view-inner .bt-area a{display:inline-block;color:#fff;font-size:14px;background-color:#3397d3;width:76px;height:39px;text-align:center;line-height:39px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap{padding:23px 10px;background-color:#f6f6f6;margin-top:42px} #contentArea.sub .outer .inner .sub-content-area .view-bottom-wrap .notice-list{padding:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap{padding:0 25px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner{max-width:1100px;width:100%;margin:0 auto;padding:42px 10px 0 10px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl{position:relative;padding-left:95px;min-height:32px;margin-top:24px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl:first-child{margin-top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt{position:absolute;left:0;top:0;line-height:32px;width:95px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt:after{position:absolute;right:13px;top:50%;margin-top:-4px;width:1px;height:8px;background-color:#ccc;content:""} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dt span{font-size:17px;font-weight:700;color:#e0e0e0;vertical-align:top} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd{width:100%;min-height:32px;line-height:32px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd input{border:1px solid #cdcdcd;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .title-input{width:100%;height:32px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type{vertical-align:top;height:32px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .op-type label{font-size:13px;color:#000} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span{height:32px;display:inline-block;vertical-align:top;margin-left:25px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span:first-child{margin-left:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .radio-line>span label{font-size:13px;color:#000} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line{height:auto;line-height:38px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line:after{display:block;content:"";clear:both} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line span{float:left} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line>div{overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line>div p{float:left} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p{float:none;margin-left:0;margin-top:0;overflow:hidden} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p:first-child{margin-left:0;margin-top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p input{height:32px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input{padding-left:0;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input1{margin-left:10px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input.time-input2{margin-left:8px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input input{width:23px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .time-input em{font-size:12px;line-height:32px;margin-left:2px;display:inline-block;color:#000} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-input{width:48px;height:32px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line p .cal-date-bt{width:24px;height:24px;position:relative;top:-2px;margin-left:4px;background:url(../../quasarzone/images/sub/cal_input_bt.gif) no-repeat;background-size:24px 24px;display:inline-block;vertical-align:middle} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .cal-line .bar{float:left;margin:0 6px 0 5px;font-size:12px;color:#000} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input{overflow:visible} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input p:first-child{height:32px;position:relative} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input input[type=text]{width:57%;float:left;height:32px;vertical-align:top;position:relative;z-index:2} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input #fileBt{position:absolute;opacity:0;left:0;top:0} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .file-bt{display:inline-block;float:left;background-color:#f3f3f3;font-size:12px;width:40%;height:32px;line-height:32px;text-align:center;margin-left:2%} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file{line-height:14px;margin-top:5px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file button{text-indent:-9999px;overflow:hidden;position:relative;top:4px;width:8px;height:8px;background:url(../../quasarzone/images/sub/delete_file_bt.jpg) no-repeat;background-size:8px 8px;vertical-align:sub} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .input-area dl dd .file-input .add-file .file-name{font-size:12px;color:#4e4e4e;margin-left:4px;display:inline-block} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .editor-area{width:100%;height:200px;border:1px solid #cdcdcd;margin-top:28px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area{text-align:center;font-size:0;margin-top:21px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a{display:inline-block;font-size:14px;width:130px;height:39px;text-align:center;line-height:39px} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.blue-bt{color:#fff;background-color:#3397d3} #contentArea.sub .outer .inner .sub-content-area .write-wrap .write-inner .bt-area a.grey-bt{color:#000;background-color:#f7f7f7;margin-left:18px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap{padding:32px 25px 75px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .top-title{text-align:center;font-size:25px;color:#555;font-weight:100} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap{text-align:center;position:relative;width:100%;margin:26px auto 0;z-index:3;padding:0 5px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area{display:inline-block;position:relative;border:2px solid #d7d7d7;padding-left:76px;z-index:2;width:100%;height:32px;padding-right:36px;box-sizing:border-box} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area .tit{position:absolute;left:0;top:0;width:76px;height:28px;line-height:28px;font-size:14px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area input{text-align:left;float:left;width:100%;height:28px;box-sizing:border-box;font-size:14px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button{position:absolute;right:0;top:0;width:34px;height:28px;outline:0;background:url(../../quasarzone/images/sub/sort_area_bt.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;background-size:34px 28px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .srch-area button.active{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area{position:absolute;top:31px;left:0;width:100%;background:#fff;border:0;z-index:3;padding:0 5px;border-top:0;box-sizing:border-box;display:none} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list{overflow:hidden;padding:10px 8px 14px;border:2px solid #d7d7d7;border-top:0} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a{display:inline-block;float:left;padding:0 12px;height:23px;line-height:23px;font-size:13px;color:#444;margin:4px 3px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap .hidden-sort-area .sort-bt-list a.active{background:#238fcf;color:#fff;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap::-webkit-input-placeholder{font-size:13px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap::-moz-placeholder{font-size:13px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap:-ms-input-placeholder{font-size:13px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .srch-wrap:-moz-placeholder{font-size:13px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap{position:relative;overflow:hidden;margin-top:20px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap:after{position:absolute;content:"";bottom:-30px;width:100%;height:433px;background:url(../../quasarzone/images/sub/mas_bot_bg.png) repeat} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid{max-width:1100px;margin:0 auto} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer{width:50%;margin-bottom:0;float:left;background:#fff;box-sizing:border-box;padding:5px 5px;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a{border:1px solid #e1e1e1;display:block;height:auto;padding:10px 10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area{border:1px solid #e1e1e1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .img-area img,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .img-area img{display:block;width:100%} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area{padding:12px 4px 5px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .text,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .text{font-size:12px;color:#161616;font-weight:300;line-height:16px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item a .txt-area .hash-tag,#contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-sizer a .txt-area .hash-tag{font-size:12px;color:#3db3e4;font-weight:100;line-height:16px;margin-top:10px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item{display:none;opacity:0} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .hidden-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid .grid-item.is-visible{opacity:1} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid:after{content:'';display:block;clear:both} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height2{height:200px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height3{height:260px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-item--height4{height:360px} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt{position:absolute;z-index:30;outline:0;bottom:0;width:28px;height:28px;left:50%;margin-left:-14px;background:url(../../quasarzone/images/sub/list_more_bt.png) no-repeat;background-size:28px 28px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active1{transform:rotate(720deg)} #contentArea.sub .outer .inner .sub-content-area .today-hear-wrap .grid-wrap .grid-more-bt.active2{transform:rotate(0)} } #contentArea.confine-wrap{padding-bottom:0;background-color:#181818;width:100%} #contentArea.confine-wrap .confine-area{width:384px;height:100%;margin:0 auto} #contentArea.confine-wrap .confine-area .header-logo{text-align:center;padding:40px 0 40px} #contentArea.confine-wrap .confine-area .footer-area{background-color:#181818;padding-top:28px;padding-bottom:33px} #contentArea.confine-wrap .confine-area .footer-area .menu-list{text-align:left;margin-top:19px;padding-left:35px;font-size:0;box-sizing:border-box} #contentArea.confine-wrap .confine-area .footer-area .menu-list li{display:inline-block;margin:10px 0} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a{position:relative;display:inline-block} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a span{color:#999;font-size:12px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.intro{padding-left:16px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.intro:before{position:absolute;top:-1px;left:0;width:13px;height:12px;content:"";background:url(../../quasarzone/images/main/footer_menu_list1.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.terms{padding-left:16px;margin-left:33px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.terms:before{position:absolute;top:-1px;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list2.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.private{padding-left:16px;margin-left:30px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.private:before{position:absolute;top:-1px;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list3.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.denyemail{padding-left:16px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.denyemail:before{position:absolute;top:-1px;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list4.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.question{padding-left:16px;margin-left:33px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.question:before{position:absolute;top:-1px;left:0;width:11px;height:11px;content:"";background:url(../../quasarzone/images/main/footer_menu_list5.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.notice{padding-left:16px;margin-left:35px} #contentArea.confine-wrap .confine-area .footer-area .menu-list li a.notice:before{position:absolute;left:0;width:13px;height:10px;content:"";background:url(../../quasarzone/images/main/footer_menu_list6.png) no-repeat} #contentArea.confine-wrap .confine-area .footer-area .sns-list{text-align:center;font-size:0;margin-top:20px} #contentArea.confine-wrap .confine-area .footer-area .sns-list li{display:inline-block;margin:0 19px} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a{display:inline-block;overflow:hidden;text-indent:-9999px} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a.youtube{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list1.png) no-repeat;background-position:center;background-size:contain} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a.facebook{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list2.png) no-repeat;background-position:center;background-size:contain} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a.post{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list3.png) no-repeat;background-position:center;background-size:contain} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a.blog{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list4.png) no-repeat;background-position:center;background-size:contain} #contentArea.confine-wrap .confine-area .footer-area .sns-list li a.insta{width:35px;height:35px;background:url(../../quasarzone/images/main/footer_sns_list5.png) no-repeat;background-position:center;background-size:contain} #contentArea.confine-wrap .confine-area .footer-area .copyright{text-align:center;color:#fb9306;font-size:14px;margin-top:30px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .input-area .input-unit{margin-top:30px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .input-area .input-unit:first-child{margin-top:0} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .input-area .input-unit .tit{font-size:18px;color:#fff} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .input-area .input-unit .tit span{font-size:14px;color:silver} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .input-area .input-unit input{display:block;margin-top:9px;width:100%;height:40px;border:1px solid #565656;background-color:#272727;font-size:14px;padding-left:26px;color:#fff;box-sizing:border-box} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .login-bt{margin-top:20px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .login-bt a{display:block;height:47px;line-height:47px;text-align:center;font-size:20px;font-weight:700;color:#fff;background-color:#ff9400;border:1px solid #565656;box-sizing:border-box} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area{margin-top:10px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area:after{display:block;content:"";clear:both} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .chk{float:left} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .chk input{position:relative;top:2px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .chk label{font-size:12px;color:#fff;vertical-align:middle;margin-left:6px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn{float:right} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn em{vertical-align:text-bottom;position:relative;margin-left:-1px;padding-left:5px} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn em:first-child{margin-left:0;padding-left:0} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn em:first-child:before{display:none} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn em:before{position:absolute;left:0;top:3px;width:1px;height:12px;background-color:#fff;content:""} #contentArea.confine-wrap .confine-area .login-content-area .top-input-area .util-area .btn em a{font-size:12px;color:#fff} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area{margin-top:24px;padding-top:21px;position:relative} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area:before{position:absolute;top:0;left:50%;width:346px;margin-left:-173px;height:1px;background-color:#2e2e2e;content:""} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li{margin-top:15px} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li:first-child{margin-top:0} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a{display:inline-block;border:1px solid #565656;text-align:center;width:384px;height:47px;line-height:49px;box-sizing:border-box;position:relative} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a img{position:absolute;left:0;top:0} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.naver-login{background-color:#00bf18} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.naver-login span{color:#fff;font-weight:700;font-size:16px} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.kakao-login{background-color:#fae301} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.kakao-login span{color:#3c1e1e;font-weight:700;font-size:16px} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.facebook-login{background-color:#4167b2} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.facebook-login span{color:#fff;font-weight:700;font-size:16px} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.google-login{background-color:#f4f4f4} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.google-login span{color:#000;font-weight:700;font-size:16px} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.steam-login{background-color:#231f20} #contentArea.confine-wrap .confine-area .login-content-area .mid-btn-area ul li a.steam-login span{color:#fff;font-weight:700;font-size:16px} #contentArea.confine-wrap .confine-area .login-content-area .bot-banner-area{margin-top:15px} #contentArea.confine-wrap .confine-area .login-content-area .bot-banner-area a{display:block;width:384px;height:235px;background-color:#aaa;border:1px solid #434343;box-sizing:border-box} #contentArea.confine-wrap .confine-area .account-srch-area .text-area{text-align:center} #contentArea.confine-wrap .confine-area .account-srch-area .text-area .title{color:#fff;font-weight:700;font-size:18px} #contentArea.confine-wrap .confine-area .account-srch-area .text-area .text{color:#fff;font-size:14px;line-height:22px;margin-top:10px} #contentArea.confine-wrap .confine-area .account-srch-area .input-area{margin-top:35px} #contentArea.confine-wrap .confine-area .account-srch-area .input-area .tit{color:#fff;font-size:15px;font-weight:700} #contentArea.confine-wrap .confine-area .account-srch-area .input-area .input{margin-top:10px;position:relative} #contentArea.confine-wrap .confine-area .account-srch-area .input-area .input input{width:100%;color:#fff;padding-left:13px;padding-right:100px;display:block;background-color:#272727;border:1px solid #525252;height:39px;box-sizing:border-box} #contentArea.confine-wrap .confine-area .account-srch-area .btn-area{font-size:0;margin-top:40px} #contentArea.confine-wrap .confine-area .account-srch-area .btn-area a{display:inline-block;width:187px;color:#fff;margin-left:9px;height:45px;line-height:45px;text-align:center;border:1px solid #565656;box-sizing:border-box;font-size:16px;font-weight:700} #contentArea.confine-wrap .confine-area .account-srch-area .btn-area a:first-child{margin-left:0} #contentArea.confine-wrap .confine-area .account-srch-area .btn-area a.grey-bt{background-color:#272727} #contentArea.confine-wrap .confine-area .account-srch-area .btn-area a.orange-bt{background-color:#ff9400} #contentArea.confine-wrap .confine-area .account-srch-area .bot-banner-area{margin-top:15px} #contentArea.confine-wrap .confine-area .account-srch-area .bot-banner-area a{display:block;width:384px;height:235px;background-color:#aaa;border:1px solid #434343;box-sizing:border-box} #contentArea.confine-wrap .confine-area .terms-agree-area .all-agree-chk{position:relative;padding-left:30px} #contentArea.confine-wrap .confine-area .terms-agree-area .all-agree-chk input{position:absolute;left:0;top:0;width:19px;height:18px} #contentArea.confine-wrap .confine-area .terms-agree-area .all-agree-chk label{color:#fff;font-size:15px;line-height:21px;font-weight:700} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area.unit1{margin-top:26px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area.unit2{margin-top:29px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .agree-unit{position:relative;padding-left:30px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .agree-unit input{position:absolute;left:0;top:0;width:19px;height:18px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .agree-unit label{color:#fff;font-size:15px;line-height:21px;font-weight:700} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .agree-unit label span{color:#ff9400;font-size:14px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .terms-area{height:200px;border:1px solid #545454;margin-top:5px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .terms-area .mCustomScrollbar{height:200px;background-color:#272727;padding:0 0 0 15px;box-sizing:border-box;font-size:12px;color:#999;line-height:16px} #contentArea.confine-wrap .confine-area .terms-agree-area .agree-area .terms-area .mCustomScrollbar p{padding:13px 0} #contentArea.confine-wrap .confine-area .terms-agree-area .btn-area{font-size:0;margin-top:10px} #contentArea.confine-wrap .confine-area .terms-agree-area .btn-area a{display:inline-block;width:187px;color:#fff;margin-left:9px;height:45px;line-height:45px;text-align:center;border:1px solid #565656;box-sizing:border-box;font-size:16px;font-weight:700} #contentArea.confine-wrap .confine-area .terms-agree-area .btn-area a:first-child{margin-left:0} #contentArea.confine-wrap .confine-area .terms-agree-area .btn-area a.grey-bt{background-color:#272727} #contentArea.confine-wrap .confine-area .terms-agree-area .btn-area a.orange-bt{background-color:#ff9400} #contentArea.confine-wrap .confine-area .join-area .input-area ul li{margin-top:30px} #contentArea.confine-wrap .confine-area .join-area .input-area ul li:first-child{margin-top:0} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .tit{color:#fff;font-size:18px} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .tit span{font-size:13px} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .tit span.org{color:#ff9400} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input{margin-top:10px;position:relative} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input input{width:100%;color:#fff;padding-left:13px;padding-right:100px;display:block;background-color:#272727;border:1px solid #525252;height:39px;box-sizing:border-box} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state{position:absolute;right:14px;height:39px;line-height:41px;padding-right:21px;top:0;color:#fff;font-size:12px} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state:after{position:absolute;right:0;width:16px;height:16px;content:"";top:50%;margin-top:-8px} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type1{color:#6dff7b} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type1:after{background:url(../../quasarzone/images/sub/pass_input_type1.png) no-repeat} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type2{color:#ffc820} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type2:after{background:url(../../quasarzone/images/sub/pass_input_type2.png) no-repeat} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type3{color:#fd6c6c} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type3:after{background:url(../../quasarzone/images/sub/pass_input_type3.png) no-repeat} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type4{text-indent:-9999px;overflow:hidden} #contentArea.confine-wrap .confine-area .join-area .input-area ul li .input .pass-input-state.type4:after{background:url(../../quasarzone/images/sub/pass_input_type4.png) no-repeat} #contentArea.confine-wrap .confine-area .join-area .btn-area{font-size:0;margin-top:23px} #contentArea.confine-wrap .confine-area .join-area .btn-area a{display:inline-block;width:100%;color:#fff;height:45px;line-height:45px;text-align:center;border:1px solid #565656;box-sizing:border-box;font-size:16px;font-weight:700} #contentArea.confine-wrap .confine-area .join-area .btn-area a.orange-bt{background-color:#ff9400} #contentArea #container #content .sub-content-wrap{padding:0 15px 25px;min-height:1400px} #contentArea #container #content .sub-content-wrap:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .view-content-wrap{margin-bottom:10px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area{border:1px solid #525252;background-color:#181818;padding:27px 29px 23px 16px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area h2{font-size:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area h2 span{color:#fff;font-size:20px;position:relative;margin-left:14px;padding-left:16px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area h2 span:first-child{margin-left:0;padding-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area h2 span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-top-area h2 span:before{position:absolute;left:0;top:50%;margin-top:-11px;width:3px;height:20px;background-color:#fff;content:""} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area{border:1px solid #525252;margin-top:11px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap{background-color:#181818;padding:27px 26px 29px;position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area{position:absolute;right:26px;top:26px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area a{display:inline-block;width:48px;height:30px;font-size:14px;color:#fff;margin-left:0;line-height:31px;text-align:center;border:1px solid #525252;background-color:#202020;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area a:hover{background-color:#ff9400;color:#fff} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area-2{position:absolute;right:26px;bottom:26px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area-2 a{display:inline-block;width:48px;height:30px;font-size:14px;color:#fff;margin-left:0;line-height:31px;text-align:center;border:1px solid #525252;background-color:#202020;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .btn-ad-area-2 a:hover{background-color:#ff9400;color:#fff} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .title{font-size:35px;color:#fff;font-weight:400;line-height:44px;padding-right:125px;word-break:break-all} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .sub-title{font-size:20px;color:#b8b8b8;font-weight:700;line-height:24px;margin-top:8px;word-break:break-all} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util{font-size:0;margin-top:14px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span{position:relative;margin-left:20px;padding-left:20px;font-size:0;display:inline-block;white-space:nowrap} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util .id{font-size:13px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util .id img{position:relative;top:-3px;margin-right:4px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span.date{position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span.date em{font-size:13px;color:#e3e3e3;padding-left:21px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span.date em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:13px;content:"";background:url(../../quasarzone/images/sub/view_clock_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span.ip em{font-size:13px;color:#e3e3e3;padding-left:21px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span.ip em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:13px;content:"";background:url(../../quasarzone/images/sub/value_ip_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span:first-child{margin-left:0;padding-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span:before{position:absolute;left:0;top:50%;margin-top:-8px;width:2px;height:13px;background-color:#6f6f6f;content:""} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em{font-size:13px;color:#e3e3e3;margin-left:26px;position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.reply{padding-left:18px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;content:"";background:url(../../quasarzone/images/sub/view_reply_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.view{padding-left:18px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:7px;content:"";background:url(../../quasarzone/images/sub/view_view_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.like{padding-left:17px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util span em.like:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:11px;content:"";background:url(../../quasarzone/images/sub/view_like_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div{padding:73px 0 25px 0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .view-content{color:#ccc;line-height:2;padding:0 30px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt{font-size:0;text-align:center;margin-top:40px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a{display:inline-block;margin-left:9px;border:1px solid #4e4e4e;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a span{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.declar-bt{background-color:#da3c3b} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.declar-bt span:before{position:absolute;content:"";left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:url(../../quasarzone/images/sub/view_declar_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.declar-bt span{padding-left:14px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.share-bt{background-color:#45aede} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.share-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.share-bt span:before{position:absolute;content:"";left:0;top:2px;width:13px;height:11px;background:url(../../quasarzone/images/sub/view_share_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.rec-bt{background-color:#e08a25} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.rec-bt span{padding-left:21px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.rec-bt span:before{position:absolute;content:"";left:0;top:0;width:15px;height:15px;background:url(../../quasarzone/images/sub/view_like_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.scrap-bt{background-color:#814cd2} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.scrap-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.scrap-bt span:before{position:absolute;content:"";left:0;top:2px;width:12px;height:10px;background:url(../../quasarzone/images/sub/view_scrap_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div .bottom-util-bt a.lock-bt{background-color:#181818} #contentArea #container #content .sub-content-wrap .password-recheck-wrap{padding-top:52px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area{width:410px;margin:0 auto;height:497px;background-color:#181818;border:1px solid #4e4e4e;padding-top:25px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .logo{text-align:center} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .txt1{font-size:14px;font-weight:700;color:#fff;text-align:center;margin-top:28px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .txt2{font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:19px;margin-top:25px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap{margin-top:49px;padding-left:84px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area{padding-left:60px;position:relative} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .thumb-pic{position:absolute;left:0;top:-6px;width:49px;height:49px;overflow:hidden;background-color:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .id-area{color:#fff;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .id-area img{position:relative;top:-2px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .id-area span{margin-right:4px;margin-left:5px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .util-area{padding-left:20px;font-size:0;margin-top:2px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .util-area span{font-size:14px;font-weight:700;color:silver;position:relative;margin-left:6px;padding-left:7px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .util-area span:first-child{padding-left:0;margin-left:0} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .util-area span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .util-area span:before{position:absolute;left:0;top:1px;width:1px;height:14px;content:"";background-color:silver} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .input-area{margin-top:47px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .input-area p{margin-top:13px;text-align:center} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .input-area p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .input-area p input{width:346px;height:39px;background-color:#272727;border:1px solid #565656;font-size:14px;color:#fff;padding-left:10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .ok-bt{text-align:center;margin-top:21px} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .ok-bt a{display:inline-block;width:346px;height:47px;line-height:47px;border:1px solid #565656;background-color:#ff9400;font-size:17px;font-weight:700;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .left-con-wrap{float:left;width:776px} #contentArea #container #content .sub-content-wrap .left-con-wrap.w100-tp{width:100%} #contentArea #container #content .sub-content-wrap .common-view-wrap{padding:18px 18px 18px 18px;border:1px solid #565656;background-color:#272727} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt{border-bottom:1px solid #515151;position:relative} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .btn-ad-area{position:absolute;right:0;top:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .btn-ad-area a{display:inline-block;width:48px;height:30px;font-size:14px;color:#fff;margin-left:0;line-height:31px;text-align:center;border:1px solid #525252;background-color:#202020;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .btn-ad-area a:hover{background-color:#ff9400;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-bt{position:absolute;right:0;top:0;font-size:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-bt a{display:inline-block;width:44px;height:26px;line-height:24px;text-align:center;border:1px solid #515151;font-size:11px;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:6px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title{font-size:20px;color:#fff;font-weight:400;line-height:28px;padding-right:110px;display:-webkit-box;display:-ms-flexbox;display:box;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num{display:inline-block;border:1px solid #3f3f3f;margin-right:3px;font-size:10px;font-weight:300;text-align:center;background-color:#e66700;min-width:25px;height:25px;vertical-align:top;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 5px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp1{border:1px solid #2f2f2f;background-color:none;color:#686868} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp2{border:1px solid #3f3f3f;background-color:#171717;color:#b5b5b5} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp3{border:1px solid #3f3f3f;background-color:#ada372;color:#b9b9b9} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .title .num.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area{background-color:#242424;line-height:35px;border-top:1px solid #515151;height:35px;margin-top:9px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left{float:left;font-size:0;margin-left:4px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .user{font-size:14px;color:silver;display:inline-block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .user img{position:relative;top:0;margin-right:3px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count{position:relative;margin-left:19px;padding-left:19px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count:before{position:absolute;left:0;top:50%;margin-top:-10px;width:2px;height:12px;background-color:#6f6f6f;content:""} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count .reply{font-size:12px;color:#e4e4e4;position:relative;padding-left:20px;display:inline-block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count .reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:10px;content:"";background:url(../../quasarzone/images/sub/view_reply_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count .view{font-size:12px;color:#e4e4e4;position:relative;padding-left:24px;display:inline-block;margin-left:15px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count .view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:19px;height:10px;content:"";background:url(../../quasarzone/images/sub/view_view_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right{float:right;margin-right:10px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right .ip{font-size:12px;color:#e4e4e4;position:relative;padding-left:15px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right .ip:before{position:absolute;left:0;top:1px;content:"";background:url(../../quasarzone/images/sub/value_ip_icon2.png) no-repeat;width:10px;height:11px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right .date{font-size:12px;color:#e4e4e4;position:relative;padding-left:18px;margin-left:19px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right .date:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";background:url(../../quasarzone/images/sub/value_date_icon2.png) no-repeat;width:13px;height:13px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content{color:#fff;margin:18px 18px 18px 18px;width:702px;overflow:hidden;line-height:20px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content img{max-width:702px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content p{max-width:702px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap{padding:20px 0 50px 0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .board-area{border-bottom:1px solid #6b5f53} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .board-area.tp2 table th{text-align:center} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .board-area table th{background-color:#6b5f53;font-size:12px;color:#e3e3e3;padding-left:10px;border-top:1px solid #6b5f53;border-right:1px solid #6b5f53} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .board-area table td{background-color:#242424;border-top:1px solid #6b5f53;border-right:1px solid #6b5f53;padding-left:10px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .board-area table td input{width:100%;height:25px;font-weight:700;font-size:12px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .bt{margin-top:20px;text-align:center} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .bt a{display:inline-block;width:55px;height:23px;font-size:11px;font-weight:700;color:#fff;text-align:center;line-height:23px;background-color:#6b5f52;border:1px solid #968c83;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content{margin:0 auto;position:relative;width:663px;padding:19px 18px 18px 18px;border:1px solid #505050;background-color:#181818;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit{padding-left:30px;position:relative} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .num{display:inline-block;border:1px solid #3f3f3f;position:absolute;left:0;top:-3px;font-size:10px;font-weight:300;text-align:center;color:#fff;width:25px;height:25px;vertical-align:top;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .tit{color:#fff;font-size:16px;font-weight:700;line-height:22px;max-width:355px;display:inline-block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util{vertical-align:top;font-size:0;display:inline-block;padding-top:8px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util em{display:inline-block;font-size:12px;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util em.reply{padding-left:16px;position:relative} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util em.reply:before{position:absolute;left:0;top:0;content:"";width:11px;height:9px;background:url(../../quasarzone/images/sub/view_reply_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util em.view{padding-left:18px;position:relative;margin-left:21px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-tit .util em.view:before{position:absolute;left:0;top:0;content:"";width:13px;height:7px;background:url(../../quasarzone/images/sub/view_view_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-con{font-size:14px;color:#878787;margin-top:15px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-con span{color:#c99d50;font-size:20px;margin-right:7px;word-break:break-all} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-bot{font-size:0;margin-top:19px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-bot span{display:inline-block;background-color:#272727;height:21px;line-height:21px;margin-left:8px;font-size:12px;padding:0 6px;color:#e3e3e3;border:1px solid #505050;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .score-bot span:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .date{position:absolute;display:inline-block;right:18px;top:27px;font-size:12px;color:#fff;padding-left:18px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .view-content .db-view-content .date:before{position:absolute;left:0;top:-2px;width:12px;height:13px;background:url(../../quasarzone/images/sub/value_date_icon3.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area{border:1px solid #373737;padding-left:13px;background-color:#443828;line-height:30px;height:32px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area span{color:#fffffe;font-size:12px;position:relative;padding-left:14px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:11px;content:"";background:url(../../quasarzone/images/sub/source_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area a{color:#fffffe;font-size:12px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap{border:1px solid #565656;margin-top:10px;padding-top:20px;padding-bottom:20px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info{float:left;width:50%;box-sizing:border-box;height:100px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner{position:relative;box-sizing:border-box;padding-left:122px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .thumb-area{display:inline-block;width:80px;height:80px;background:#000;position:absolute;top:8px;left:27px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .id{color:#fffffe;font-size:16px;line-height:22px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .id img{margin-right:6px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner{padding-left:6px;margin-top:10px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt2{margin-left:16px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt3{margin-left:16px;padding-left:19px;position:relative} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt3:before{position:absolute;left:0;top:4px;width:2px;height:11px;background-color:#656565;content:""} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value{margin-top:6px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p{color:#e3e3e3;font-size:12px;margin-top:6px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p a{text-decoration:underline;color:#e3e3e3;font-size:12px;cursor:default} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list{float:right;width:50%;box-sizing:border-box;height:100px;border-left:2px solid #3b3b3b} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner{padding-left:30px;padding-right:28px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt{font-size:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a{display:inline;font-size:12px;font-weight:700;color:#6c6c6c;margin-left:16px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a.active{color:#fffffe;border-bottom:1px solid #ff9400} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con{padding-top:14px;display:none} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con.active{display:block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li{position:relative;margin-top:6px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li a{color:#e3e3e3;width:270px;font-size:12px;vertical-align:top;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li .date{position:absolute;right:0;top:1px;color:#6c6c6c;font-size:12px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .banner-wrap img{max-width:100%} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .banner-wrap{text-align:center;margin-top:24px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .banner-wrap a{display:inline-block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .banner-wrap a img{max-width:735px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt{font-size:0;text-align:center;margin-top:16px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul{font-size:0;display:inline-block} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li{display:inline-block;margin-left:9px;border:1px solid #4e4e4e} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a{display:inline-block;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a span{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.declar-bt{background-color:#da3c3b} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.declar-bt span{padding-left:14px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.declar-bt span:before{position:absolute;content:"";left:0;top:2px;width:10px;height:10px;background:url(../../quasarzone/images/sub/view_declar_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.share-bt{background-color:#45aede} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.share-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.share-bt span:before{position:absolute;content:"";left:0;top:2px;width:13px;height:11px;background:url(../../quasarzone/images/sub/view_share_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.rec-bt{background-color:#e08a25} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.rec-bt span{padding-left:21px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.rec-bt span:before{position:absolute;content:"";left:0;top:0;width:15px;height:15px;background:url(../../quasarzone/images/sub/view_like_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.scrap-bt{background-color:#814cd2} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.scrap-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt ul li a.scrap-bt span:before{position:absolute;content:"";left:0;top:2px;width:12px;height:10px;background:url(../../quasarzone/images/sub/view_scrap_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt .lock-bt{float:right;vertical-align:top;display:inline-block;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box;background-color:#181818} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dd .bottom-util-bt .lock-bt span{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .question-wrap{background-color:red;margin-top:10px;border:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area{border-bottom:1px solid #565656} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul{overflow:hidden} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul li{border-left:1px solid #565656;display:inline-block;float:left;width:96px} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul li:first-child{border-left:0;width:95px} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul li a{display:block;height:48px;line-height:48px;text-align:center;font-size:16px;color:#e3e3e3;background-color:#272727} #contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul li a.active,#contentArea #container #content .sub-content-wrap .question-wrap .question-bt-area ul li a:hover{background-color:#ff9400;color:#fff} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area{padding:30px 20px 20px 20px;background-color:#272727} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap{position:relative;padding-top:22px;display:none} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap.active{display:block} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .total{position:absolute;right:0;top:0;font-weight:700;color:#ff9400;font-size:14px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area tbody tr{background-color:#272727} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area tbody tr:hover{background-color:#181818} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area th{background-color:#565656;color:#fff;font-size:14px;font-weight:700;text-align:center;padding:13px 0 13px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td{text-align:center;padding:10px 0 10px;border-bottom:1px solid #565656} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title{padding-left:32px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title p{position:relative;text-align:left;padding-left:23px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title p i{position:absolute;left:0;top:-1px;width:13px;height:15px;background:url(../../quasarzone/images/sub/list_lock_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title p a{display:table-cell;font-size:14px;color:#9c9c9c;padding-right:5px;word-break:break-all;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title p span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td.title p span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p{letter-spacing:-.5px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.state{font-weight:700;font-size:14px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.state.tp1{color:#fff} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.state.tp2{color:#ff9400} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.cate{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.nick{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.nick img{vertical-align:middle;margin-right:3px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.date{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .board-type-wrap .board-type-area td p.view{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type{font-size:0;text-align:center;margin-top:87px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type>a{display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type>a.fir{background:url(../../quasarzone/images/sub/paging_fir_bt.png) no-repeat;width:12px;height:14px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type>a.prv{background:url(../../quasarzone/images/sub/paging_prv_bt.png) no-repeat;width:5px;height:14px;margin-left:26px;margin-right:26px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type>a.nxt{background:url(../../quasarzone/images/sub/paging_prv_bt.png) no-repeat;width:5px;height:14px;margin-left:26px;margin-right:26px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type>a.end{background:url(../../quasarzone/images/sub/paging_fir_bt.png) no-repeat;width:12px;height:14px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type ul{display:inline-block} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type ul li{display:inline-block;margin:0 13px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type ul li a{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .paging-type ul li a.active{color:#ff9400;font-weight:700} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area{border:1px solid #565656;padding:21px 20px;background-color:#181818;margin-top:59px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner{position:relative;padding-left:200px;box-sizing:border-box;font-size:0} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area{position:absolute;left:0;top:0} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .sort-bt{display:inline-block;width:187px;background-color:#181818;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .sort-bt.active{border:1px solid #ff9400} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .hide-area{position:absolute;display:none;width:100%;top:30px;left:0;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .hide-area li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .hide-area li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .sort-area .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner input{width:339px;height:30px;border:1px solid #565656;box-sizing:border-box;color:#fff;padding-left:10px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner input:focus{border:1px solid #ff9400} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .srch-bt{margin-left:14px;display:inline-block;width:138px;height:30px;line-height:30px;text-align:center;background-color:#ff9400} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .srch-bt span{font-weight:700;font-size:14px;color:#fff;position:relative;padding-left:19px} #contentArea #container #content .sub-content-wrap .question-wrap .question-con-area .question-srch-area .question-srch-inner .srch-bt span:before{position:absolute;top:50%;margin-top:-8px;left:0;width:15px;height:16px;content:"";background:url(../../quasarzone/images/sub/srch_bt_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area{padding:18px 18px 18px 18px;border:1px solid #525252;background-color:#272727;position:relative} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-tit{font-size:20px;color:#fff;height:30px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area{position:absolute;right:20px;top:18px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .sort-bt:after{position:absolute;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .sort-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .hide-area{position:absolute;z-index:1;display:none;width:100%;top:30px;left:0;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .hide-area li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .hide-area li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .sort-area .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list{padding-top:50px;position:relative} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .reply-list-wrap{position:relative;border-bottom:1px dashed #525252} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul.hidden-list{padding-top:20px;border-top:1px solid #525252;display:none} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li{position:relative;border-top:1px solid #525252;padding:20px 0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li.reply{padding-left:61px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-list-inner{position:relative;padding-left:90px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li:first-child{border-top:0;margin-top:0;padding-top:0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb{position:absolute;left:0;top:0;width:64px;height:64px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb img{display:block;width:100%;height:100%!important} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area{font-size:0;position:relative} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area{position:absolute;right:0;top:7px;font-size:0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area span{position:relative;font-size:12px;color:#878787} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area span.date{padding-left:18px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area span.date:before{position:absolute;left:0;top:3px;content:"";width:13px;height:13px;background:url(../../quasarzone/images/sub/value_date_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area span.ip{margin-left:12px;padding-left:15px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .value-info-area span.ip:before{position:absolute;left:0;top:0;content:"";width:10px;height:11px;background:url(../../quasarzone/images/sub/value_ip_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .id{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .id img{position:relative;top:-2px;margin-right:5px;vertical-align:middle} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt{display:inline-block;margin-left:14px;height:28px;text-align:center;line-height:30px;position:relative;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:0 5px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp1{background:0 0;border:1px solid #525252} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp2{background:#171717} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp3{background:#ada372} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp4{background:#e6a200} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp5{background:#e66700} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.tp6{background:#e61600} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt:before{position:absolute;left:5px;top:5px;content:"";width:10px;height:12px;padding:3px;background:url(../images/sub/ic-good-on.svg) no-repeat 50% 50%;background-size:17px;box-sizing:content-box;border-radius:3px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.no:before{background:url(../images/sub/ic-good-off.svg) no-repeat 50% 50%;background-size:17px;} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt.lottie:before{background-size:0;} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt #lottie{position:absolute;top:-1px;left:0;width:27px;height:100%;} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt span{font-weight:700;font-size:12px;color:#fff;position:relative;padding-left:24px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt{font-size:0;display:inline-block;margin-left:26px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span{position:relative;display:inline-block;margin-left:9px;padding-left:9px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span:before{position:absolute;left:0;top:0;width:1px;height:11px;content:"";background-color:#bcbcbc} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span:first-child{margin-left:0;padding-left:0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span:first-child a{margin-left:6px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span:first-child a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .util-bt span a{font-size:12px;color:#bcbcbc} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area{margin-top:8px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area>*{color:#e3e3e3;font-size:16px;line-height:2;word-break:break-all} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area>* .re-reply-id{color:#ff9400;margin-right:7px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .reply-view-bt{display:inline-block;position:absolute;bottom:-11px;left:50%;margin-left:-53px;width:106px;box-sizing:border-box;text-align:center;background-color:#181818;height:22px;line-height:22px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .reply-view-bt span{color:#fff;position:relative;padding-left:17px;font-size:12px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .reply-view-bt span:before{position:absolute;top:50%;margin-top:-2px;left:0;width:9px;height:4px;content:"";background:url(../../quasarzone/images/sub/all_view_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .reply-view-bt.active span:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .all-view-bt{text-align:center;margin-top:18px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .all-view-bt a{display:inline-block;padding:0 10px;background-color:#181818;height:22px;line-height:22px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .all-view-bt a span{color:#fff;position:relative;padding-left:17px;font-size:12px} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list .all-view-bt a span:before{position:absolute;top:50%;margin-top:-2px;left:0;width:9px;height:4px;content:"";background:url(../../quasarzone/images/sub/all_view_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area{position:relative;background:#181818;margin-top:10px;padding:19px 19px 0 19px;height:187px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area{position:relative} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area textarea{height:105px;width:100%;border:1px solid #4c4c4c;background-color:#272727;overflow:auto;color:#fff;padding:10px 10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area textarea::-webkit-input-placeholder{color:#868686} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area textarea::-moz-placeholder{color:#868686} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area textarea:-ms-input-placeholder{color:#868686} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area textarea:-moz-placeholder{color:#868686} #contentArea #container #content .sub-content-wrap .reply-wrap .input-editor-area .text-area .reply-bt{position:absolute;background-color:#ff9400;bottom:-30px;right:0;width:57px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;color:#fff;display:inline-block} #contentArea #container #content .sub-content-wrap .list-board-wrap{padding-top:10px} #contentArea #container #content .sub-content-wrap .list-board-wrap .top-banner{overflow:hidden;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .top-banner a{display:block;height:92px;background-color:#272729} #contentArea #container #content .sub-content-wrap .list-board-wrap .top-banner a img{display:block} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list{border-bottom:1px solid #505050;margin-top:10px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list.type2{margin-top:0} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table thead tr th{text-align:center;font-weight:700;color:#6b6b6b;font-size:12px;padding:8px 0 7px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table thead tr th a{font-weight:700;color:#6b6b6b;font-size:12px;display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table thead tr th a:after{position:absolute;right:-12px;top:3px;content:"";width:8px;height:6px;background:url(../../quasarzone/images/sub/q_list_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody{border-left:1px solid #505050;border-right:1px solid #505050} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody tr.noti{background-color:#181818} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody tr.noti td .noti-title{text-align:left;padding-left:6px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody tr.noti td .noti-title .label{display:inline-block;border:1px solid #ea7229;background-color:#ff9920;font-size:11px;text-align:center;width:28px;height:19px;line-height:19px;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody tr.noti td .noti-title .tit{color:#fff;font-weight:700;padding-left:13px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody tr.noti td .tit a{font-weight:700} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td{border-top:1px solid #505050;padding:9px 0;text-align:center;vertical-align:middle} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .thumb{display:inline-block;width:56px;height:42px;background-color:grey;position:relative} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .thumb .admin_gall_chkbox{position:absolute;top:4px;left:4px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .thumb img{display:block;width:100%;height:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .tit{text-align:left} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .tit .num{display:inline-block;font-size:12px;margin-right:5px;width:25px;height:25px;text-align:center;color:#565656;line-height:23px;border:1px solid #2f2f2f;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .tit a{color:#ccc;vertical-align:middle;max-width:375px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .nick{color:#aaa;font-size:14px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .nick:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .nick img{position:relative;top:0;margin-right:3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .count{color:silver;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .count:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .date{color:silver;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .date:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list{border-bottom:1px solid #505050} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table thead tr th{text-align:center;font-weight:700;color:#6b6b6b;font-size:12px;padding:8px 0 7px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table thead tr th a{font-weight:700;color:#6b6b6b;font-size:12px;display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table thead tr th a:after{position:absolute;right:-12px;top:3px;content:"";width:8px;height:6px;background:url(../../quasarzone/images/sub/q_list_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody{border-left:1px solid #505050;border-right:1px solid #505050} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody tr.noti{background-color:#181818} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody tr.noti td .noti-title{text-align:left;padding-left:6px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody tr.noti td .noti-title .label{display:inline-block;border:1px solid #ea7229;background-color:#ff9920;font-size:11px;text-align:center;width:28px;height:19px;line-height:19px;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody tr.noti td .noti-title .tit{color:#fff;font-weight:700;padding-left:13px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody tr.noti td .tit a{font-weight:700} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td{border-top:1px solid #505050;padding:9px 0;text-align:center;vertical-align:middle} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .admin-chk-box{vertical-align:middle;padding:0 6px;margin-top:6px;display:inline-block} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .state.end{color:#686868} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .thumb{display:inline-block;width:56px;height:42px;background-color:grey;margin-right:10px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .thumb img{display:block;width:100%;height:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .tit{text-align:left} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .tit .num{display:inline-block;color:#565656;font-size:12px;margin-right:5px;width:25px;height:25px;text-align:center;line-height:23px;border:1px solid #2f2f2f;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .tit a{color:#ccc;vertical-align:middle;max-width:385px;font-size:14px;text-overflow:ellipsis;overflow:hidden;display:inline-block;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .nick{color:#aaa;font-size:14px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .nick:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .nick img{position:relative;top:-1px;margin-right:3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .count{color:#aaa;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .count:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .date{color:#aaa;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .date:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list{border-bottom:1px solid #505050} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table thead tr th{text-align:center;font-weight:700;color:#6b6b6b;font-size:12px;padding:8px 0 7px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table thead tr th a{font-weight:700;color:#6b6b6b;font-size:12px;display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table thead tr th a:after{position:absolute;right:-12px;top:3px;content:"";width:8px;height:6px;background:url(../../quasarzone/images/sub/q_list_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody{border-left:1px solid #505050;border-right:1px solid #505050} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody tr.noti{background-color:#181818} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody tr.noti td .noti-title{text-align:left;padding-left:6px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody tr.noti td .noti-title .label{display:inline-block;border:1px solid #ea7229;background-color:#ff9920;font-size:11px;text-align:center;width:34px;height:22px;line-height:19px;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody tr.noti td .noti-title .tit{color:#fff;font-weight:700;padding-left:13px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody tr.noti td .tit a{font-weight:700} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td{border-top:1px solid #505050;padding:9px 0;text-align:center;vertical-align:middle} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp1{border:1px solid #2f2f2f;background-color:none;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp2{border:1px solid #3f3f3f;background-color:#171717;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp3{border:1px solid #3f3f3f;background-color:#ada372;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .num.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .admin-chk-box{vertical-align:middle;padding:0 6px;margin-top:6px;display:inline-block} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .state.end{color:#686868} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .label{display:inline-block;width:71px;font-size:12px;height:20px;line-height:20px;border:1px solid #525252;background-color:#181818;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .label.tp1{color:#eee} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .label.tp2{color:#84ffc4} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .label.tp3{color:#ccc} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .label.tp4{color:#ff9400} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .t-label{text-align:center;display:block;font-size:13px;color:silver} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .tit{text-align:left;padding-left:10px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .tit.s-type a{max-width:400px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .tit a{color:#ccc;vertical-align:bottom;max-width:378px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .nick{color:#aaa;font-size:14px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .nick:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .nick img{position:relative;top:0;margin-right:3px} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .count{color:#aaa;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .count:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .date{color:#aaa;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .list-board-wrap .dabate-type-list table tbody td .date:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .question-list-wrap{padding-top:10px} #contentArea #container #content .sub-content-wrap .question-list-wrap .top-banner{border:1px solid #525252;overflow:hidden;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .question-list-wrap .top-banner a{display:block;height:78px;background-color:grey} #contentArea #container #content .sub-content-wrap .question-list-wrap .top-banner a img{display:block} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area{border-bottom:1px solid #505050} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table thead tr th{text-align:center;font-weight:700;color:#6b6b6b;font-size:12px;padding:8px 0 7px} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table thead tr th a{font-weight:700;color:#6b6b6b;font-size:12px;display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table thead tr th a:after{position:absolute;right:-12px;top:3px;content:"";width:8px;height:6px;background:url(../../quasarzone/images/sub/q_list_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody{border-left:1px solid #505050;border-right:1px solid #505050} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody tr.noti{background-color:#181818} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody tr.noti td .noti-label{display:inline-block;border:1px solid #ea7229;background-color:#ff9920;font-size:11px;text-align:center;width:28px;height:19px;line-height:19px;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody tr.noti td .tit a{font-weight:700} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td{border-top:1px solid #505050;padding:9px 0;text-align:center;vertical-align:middle} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .label{display:inline-block;border:1px solid #525252;background-color:#ff9920;font-size:11px;text-align:center;width:43px;height:20px;line-height:20px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .label.tp1{background-color:#181818;color:#fff} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .label.tp2{background-color:#181818;color:#ff9920} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .tit{text-align:left;padding-left:5px} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .tit a{color:#fff;font-size:14px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:470px} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .nick{color:silver;font-size:14px;display:inline-block;width:100%;position:relative} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .nick:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .nick img{position:relative;top:-1px;margin-right:3px} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .date{color:silver;font-size:12px;position:relative;display:inline-block;width:100%} #contentArea #container #content .sub-content-wrap .question-list-wrap .question-list-area table tbody td .date:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} #contentArea #container #content .sub-content-wrap .daily-gallery-list{margin-top:10px;border:1px solid #4e4e4e;background-color:#202020;padding:20px 20px} #contentArea #container #content .sub-content-wrap .daily-gallery-list .tab-area{font-size:0;margin-bottom:40px} #contentArea #container #content .sub-content-wrap .daily-gallery-list .tab-area a{color:#b8b8b8;font-weight:700;font-size:20px;display:inline-block;padding-bottom:6px;margin-left:26px} #contentArea #container #content .sub-content-wrap .daily-gallery-list .tab-area a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .daily-gallery-list .tab-area a.active{color:#fff;border-bottom:2px solid #f89520} #contentArea #container #content .sub-content-wrap .daily-gallery-list ul{overflow:hidden} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li{width:166px;min-height:219px;height:auto;float:left;margin-left:23px;margin-top:10px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:first-child,#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(2),#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(3),#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(4){margin-top:0} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:first-child,#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(4n+1),#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(5),#contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li:nth-child(9){margin-left:0} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .thumb-area{position:relative;width:166px;height:123px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .thumb-area .chk-area{position:absolute;top:4px;left:4px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .thumb-area .chk-area .admin_gall_chkbox{padding-bottom:4px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .thumb-area .num{display:inline-block;border:1px solid #e6a200;background-color:#e6a200;font-size:10px;color:#fff;font-weight:700;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:14px;color:#ccc;line-height:17px;height:34px;margin-top:6px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .id{font-weight:700;font-size:12px;color:#aaa;margin-top:4px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .id img{position:relative;top:0;margin-right:3px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .id .pro-name{display:inline-block;width:110px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px 0 0} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .id .label{float:right;font-size:12px;color:#aaa;font-weight:700} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util{text-align:right;margin-top:8px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .view{display:inline-block} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .view em{font-size:12px;color:#aaa;position:relative;padding-left:17px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .view em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:13px;height:7px;background:url(../../quasarzone/images/sub/view_view_icon3.png) no-repeat} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .reply{display:inline-block;position:relative;padding-left:10px;margin-left:6px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .reply:before{position:absolute;left:0;top:5px;content:"";width:1px;height:11px;background-color:#585858} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .reply em{font-size:12px;color:#aaa;position:relative;padding-left:17px} #contentArea #container #content .sub-content-wrap .daily-gallery-list>ul>li .util .reply em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:11px;height:9px;background:url(../../quasarzone/images/sub/view_reply_icon3.png) no-repeat} #contentArea #container #content .sub-content-wrap .desk-setup-list{margin-top:10px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list{border:1px solid #4e4e4e;background-color:#202020;padding:20px 20px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list .title{font-size:20px;color:#eee;position:relative;display:inline-block;padding-bottom:6px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list .title:before{position:absolute;bottom:0;width:100%;height:2px;background-color:#f89520;content:""} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list .text{font-size:14px;color:#ccc;margin-top:10px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul{overflow:hidden;margin-top:20px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li{width:236px;margin-left:13px;float:left} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li .thumb-area{width:236px;height:132px;background-color:grey} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li .thumb-area img{width:100%;height:100%;display:block} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li .tit{font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:13px} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li .id{font-weight:700;font-size:12px;color:#cdcdcd;margin-top:12px;display:inline-block;width:120px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px 0 0} #contentArea #container #content .sub-content-wrap .desk-setup-list .best-setup-list ul li .id img{position:relative;top:-1px;margin-right:3px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap{border:1px solid #4e4e4e;background-color:#202020;padding:0 20px;margin-top:10px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li{padding:20px 0;position:relative;border-top:1px solid #424242} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li{display:block;padding-right:220px;position:relative;min-height:118px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area{position:relative;padding-left:30px;padding-top:12px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .num{display:inline-block;position:absolute;left:0;top:7px;border:1px solid #3f3f3f;background-color:#272727;font-size:10px;color:#b5b5b5;font-weight:700;width:25px;height:25px;vertical-align:top;text-align:center;line-height:22px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .title{font-size:18px;color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:480px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util{margin-top:13px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>*{position:relative;padding-left:10px;margin-left:10px;font-size:14px;color:#ccc;line-height:1;vertical-align:bottom} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>:first-child{margin-left:0;padding-left:0} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.id{font-size:14px;color:#ccc;max-width:100px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px 0 0;display:inline-block} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.id img{position:relative;top:0;margin-right:3px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.date{font-size:14px;color:#ccc} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.view em{font-size:14px;color:#ccc;position:relative;padding-left:17px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.view em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:13px;height:7px;background:url(../../quasarzone/images/sub/view_view_icon3.png) no-repeat} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.reply em{font-size:14px;color:#ccc;position:relative;padding-left:17px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>.reply em:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:11px;height:9px;background:url(../../quasarzone/images/sub/view_reply_icon3.png) no-repeat} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .util>:before{position:absolute;left:0;top:5px;content:"";width:1px;height:12px;background-color:#7d7d7d} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .text-area .text{font-size:14px;color:#aaa;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:44px;line-height:22px;margin-top:9px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .thumb-area{width:209px;height:118px;background-color:grey;position:absolute;right:0;top:20px} #contentArea #container #content .sub-content-wrap .desk-setup-list .list-wrap .list-area>ul>li .thumb-area img{dipslay:block;width:100%;height:100%} #contentArea #container #content .sub-content-wrap .list-util-area{position:relative} #contentArea #container #content .sub-content-wrap .list-util-area .btn-box{position:absolute;left:0;top:16px} #contentArea #container #content .sub-content-wrap .list-util-area .btn-box a{margin-left:5px;text-align:center;display:inline-block;padding:0 8px;font-size:12px;color:#e3e3e3;height:30px;line-height:30px;border:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-util-area .btn-box a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area{position:absolute;left:0;top:16px} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .sort-bt label{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .sort-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area{position:absolute;display:none;width:100%;bottom:30px;left:0;border-top:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area li a:visited{color:#e3e3e3!important} #contentArea #container #content .sub-content-wrap .list-util-area .sort-area .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .list-util-area .write-bt{position:absolute;right:0;top:16px;display:inline-block;border:1px solid #ff9400;background-color:#181818;text-align:center;width:74px;height:30px;line-height:24px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-util-area .write-bt span{color:#e3e3e3;font-size:12px;position:relative;padding-left:19px} #contentArea #container #content .sub-content-wrap .list-util-area .write-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:11px;background:url(../../quasarzone/images/sub/write_bt_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box{padding-top:16px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center{text-align:center;font-size:0} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center ul li:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center ul li a{display:inline-block;height:27px;line-height:30px;font-size:12px;color:#e3e3e3;padding:0 8px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center ul li a.on{background-color:#ff9400} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump{color:#e3e3e3;font-size:12px;position:relative;display:none} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.active{display:inline-block} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump:before{position:absolute;content:"";top:50%;margin-top:-6px;width:6px;height:9px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.prev{margin-right:8px;padding-left:11px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.prev:before{left:0;background:url(../../quasarzone/images/sub/paging_prev_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.next{margin-left:8px;padding-right:11px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.next:before{right:0;background:url(../../quasarzone/images/sub/paging_next_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box{width:408px;margin:16px auto 0;border:1px solid #525252} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area{width:105px;position:relative;float:left;z-index:99999} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .sort-bt{display:inline-block;outline:0;width:105px;border-right:1px solid #525252;background-color:#272727;height:28px;line-height:28px;padding-left:12px;box-sizing:border-box;position:relative;margin-top:1px} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .sort-bt:after{position:absolute;content:"";right:11px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../../quasarzone/images/sub/sel_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .sort-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .hide-area{position:absolute;display:none;width:106px;top:31px;left:-1px;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .hide-area li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .hide-area li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-sel-area .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-input-area{float:left;width:299px;padding-right:70px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-input-area input{background-color:#272727;width:100%;padding-left:12px;height:28px;font-size:12px;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-top:1px} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-input-area .srch-bt{position:absolute;display:inline-block;right:0;top:0;width:54px;height:30px;text-align:center;line-height:29px;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-input-area .srch-bt span{color:#fff;font-size:12px;padding-left:16px;position:relative} #contentArea #container #content .sub-content-wrap .list-util-area .srch-box .srch-input-area .srch-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(../../quasarzone/images/sub/srch_bt_icon2.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box{text-align:center;margin-top:16px} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul{font-size:0;border:1px solid #555;display:inline-block} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li{border-left:1px solid #555;display:inline-block} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a{display:inline-block;text-align:center;width:80px;height:27px;line-height:29px;background-color:#333} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.active,#contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a:hover{background-color:#ff9400} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a span{position:relative;font-size:12px;color:#fff} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt1 span{padding-left:15px} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt1 span:before{position:absolute;left:0;top:50%;margin-top:-4px;width:11px;height:8px;content:"";background:url(../../quasarzone/images/sub/admin_bt_icon1.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt2 span{padding-left:15px} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt2 span:before{position:absolute;left:0;top:50%;margin-top:-5px;width:9px;height:9px;content:"";background:url(../../quasarzone/images/sub/admin_bt_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt3 span{padding-left:17px} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt3 span:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;content:"";background:url(../../quasarzone/images/sub/admin_bt_icon3.png) no-repeat} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt4 span{padding-left:17px} #contentArea #container #content .sub-content-wrap .list-util-area .admin-util-box ul li a.admin-bt4 span:before{position:absolute;left:0;top:50%;margin-top:-6px;width:13px;height:12px;content:"";background:url(../../quasarzone/images/sub/admin_bt_icon4.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap{padding:80px 17px 59px 17px;border:1px solid #525252;background-color:#181818;margin-top:10px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area{position:absolute;left:18px;top:18px;font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area{position:absolute;display:none;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul{float:none;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area{position:absolute;display:none;z-index:100;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul{float:none;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1{display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .cate-bt{width:87px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .hide-area{width:87px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .hide-area ul li a{width:85px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area{position:absolute;display:none;width:251px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box;z-index:100} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul{float:left;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2{display:inline-block;margin-left:12px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area{position:absolute;display:none;width:126px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box;z-index:100} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul{float:left;border-left:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul:first-child{border-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .util-bt-area{position:absolute;right:18px;top:18px;font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .util-bt-area a{display:inline-block;padding:0 9px;color:#e3e3e3;background-color:#272727;border:1px solid #525252;margin-left:15px;height:39px;font-size:14px;font-weight:700;line-height:39px;text-align:center;box-sizing:border-box;border-radius:0!important;vertical-align:top} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .util-bt-area a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write{margin-bottom:20px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li{width:100%} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .con{width:600px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .radio-wrap{display:inline-block;float:left;margin-right:75px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .input{float:left} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul{overflow:hidden} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li{float:left;width:50%;height:30px;margin:5px 0;font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .tit{display:inline-block;margin-right:12px;float:left;width:62px;font-size:14px;font-weight:700;color:#e3e3e3;text-align:right;line-height:30px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con{float:left} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input{width:270px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input input,#contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input select{width:100%;height:30px;padding-left:12px;font-size:14px;font-weight:700;color:#e3e3e3;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input .value{height:30px;color:#fff;font-size:14px;margin-left:6px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area{line-height:30px;margin-left:5px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label{padding-left:14px;overflow:visible;display:inline-block;position:relative;top:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label::before{content:'';position:absolute;top:9px;left:0;width:9px;height:9px;text-align:center;background:url(../../quasarzone/images/sub/radio_chk_d.gif) no-repeat;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]:checked+label:before{background:url(../../quasarzone/images/sub/radio_chk_a.gif) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area{margin-bottom:26px;height:30px;position:relative;padding-left:94px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .tit{position:absolute;left:0;top:0;line-height:30px;font-weight:700;font-size:14px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .input input{display:block;width:100%;height:30px;padding-left:8px;color:#fff;font-size:14px;line-height:30px;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .input input::-webkit-input-placeholder{color:#454545} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .input input::-moz-placeholder{color:#454545} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .input input:-ms-input-placeholder{color:#454545} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .input input:-moz-placeholder{color:#454545} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box{border-bottom:1px solid #525252;padding:10px 0 3px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box.noti-type{padding-right:150px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box .noti{position:absolute;right:0;top:50%;margin-top:-6px;font-size:13px;color:#494949} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box:first-child{padding:0 0 3px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input{color:#e3e3e3;font-weight:700;display:block;width:100%} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input.input-type1{font-size:26px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input.input-type2{font-size:20px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input::-webkit-input-placeholder{color:#999;font-weight:700} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input::-moz-placeholder{color:#999;font-weight:700} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input:-ms-input-placeholder{color:#999;font-weight:700} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .input-area .input-box input:-moz-placeholder{color:#999;font-weight:700} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box{box-sizing:border-box;border:1px solid #4c4c4c;background-color:#272727;margin-top:15px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area{border-bottom:1px solid #343434;height:37px;box-sizing:border-box;padding-top:3px;font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area a{display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area a.vote-bt{background:url(../../quasarzone/images/popup/edit_list_13.gif) no-repeat;width:30px;height:33px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area a.vote-bt.active{background:url(../../quasarzone/images/popup/edit_list_13_on.gif) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area span{display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area{display:inline-block;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area{width:320px;height:800px;display:none;position:absolute;top:33px;right:0;background-color:#333;z-index:999;padding-top:28px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area{height:54px;background-color:#444;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area .title{color:#ccc;font-size:20px;line-height:56px;padding-left:11px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area .close-bt{position:absolute;right:10px;top:50%;margin-top:-11px;width:20px;height:22px;background:url(../../quasarzone/images/popup/vote_close_bt.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area{padding-top:23px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding-bottom:20px;padding-left:12px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input{font-size:17px;color:#e3e3e3;width:100%;outline:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area{padding:34px 12px 51px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:20px;color:#ccc;padding-top:27px;padding-bottom:6px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:46px;margin-top:9px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:46px;padding:0 9px;background-color:#222;font-size:20px;color:#fff;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#555} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#555} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#555} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#555} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:46px;height:46px;background-color:#00f;display:inline-block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../../quasarzone/images/popup/add_pic_icon.png) no-repeat #444} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../../quasarzone/images/popup/add_unit_icon.png) no-repeat #444} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../../quasarzone/images/popup/chk_icon_d.png) no-repeat #444} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../../quasarzone/images/popup/chk_icon_a.png) no-repeat #444} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../../quasarzone/images/popup/op1_icon_d.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../../quasarzone/images/popup/op1_icon_a.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../../quasarzone/images/popup/op2_icon_d.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../../quasarzone/images/popup/op2_icon_a.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../../quasarzone/images/popup/op3_icon_d.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../../quasarzone/images/popup/op3_icon_a.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:145px;float:left} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:24px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select{height:24px;background-color:#222;text-align:center;border:1px solid #404040;box-sizing:border-box;display:inline-block;width:145px;float:right} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select{display:inline-block;text-align:left;padding-top:6px;padding-right:11px;position:relative;margin:0 10px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select:after{position:absolute;top:9px;right:0;width:6px;height:5px;background:url(../../quasarzone/images/popup/s_sel_arrow.gif) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select option{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:25px;height:54px;line-height:54px;color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .text-area textarea{width:100%;padding:18px 15px;min-height:365px;color:#fff;overflow:hidden;font-size:14px;outline:0;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .text-area textarea::-webkit-input-placeholder{color:#656565} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .text-area textarea::-moz-placeholder{color:#656565} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .text-area textarea:-ms-input-placeholder{color:#656565} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box .text-area textarea:-moz-placeholder{color:#656565} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area{position:relative;padding-left:65px;margin-top:12px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .tit{position:absolute;left:0;top:14px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .source-url{position:relative;border:1px solid #4c4c4c;background-color:#272727;padding:11px 13px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .source-url input{color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .source-url textarea{color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .source-url p{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area{position:relative;padding-left:65px;margin-top:12px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .tit{position:absolute;left:0;top:16px;font-size:14px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list{position:relative;border:1px solid #4c4c4c;background-color:#272727;padding:11px 13px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li{margin-left:8px;display:inline-block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a{display:inline-block;position:relative;background-color:#fff;border:1px solid #565656;text-align:center;line-height:32px;width:32px;height:32px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a img{max-width:100%;max-height:100%} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a.active:after{position:absolute;right:5px;bottom:5px;width:21px;height:21px;content:"";background:url(../../quasarzone/images/sub/thumb_choice_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list .noti{color:#4d4d4d;font-weight:700;font-size:12px;position:absolute;right:0;bottom:-25px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area{font-size:0;margin-top:50px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .tit{font-size:14px;font-weight:700;color:#e3e3e3;display:inline-block} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .upload-bt{height:20px;padding:0 5px;margin-left:16px;font-size:12px;font-weight:700;color:#e3e3e3;background-color:#272727;border:1px solid #525252;line-height:20px;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .upload-bt span{position:relative;padding-left:13px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .upload-bt span:before{position:absolute;left:0;top:2px;width:7px;height:9px;background:url(../../quasarzone/images/sub/upload_bt_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .add-file-list{display:inline-block;font-size:0;margin-left:22px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .add-file-list .unit{position:relative;display:inline-block;margin-left:37px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .add-file-list .unit:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .add-file-list .unit p{height:32px;padding:0 16px;font-size:14px;color:#e3e3e3;background-color:#272727;border:1px solid #525252;line-height:32px;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .add-file-area .add-file-list .unit a{position:absolute;top:0;right:-16px;display:inline-block;width:11px;height:11px;background:url(../../quasarzone/images/sub/add_file_delete.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .option-bt-area{font-size:0;text-align:center;margin-top:100px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .option-bt-area a{display:inline-block;padding:0 13px;margin-left:11px;height:32px;font-size:14px;font-weight:700;color:#fff;line-height:32px;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .option-bt-area a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .option-bt-area a.org-bt{color:#fff;background-color:#ff9920;border:1px solid #a8783f} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap .write-editor-area .option-bt-area a.blk-bt{color:#e3e3e3;background-color:#272727;border:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area{border:1px solid #515151} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .l-title{background-color:#181818;height:72px;line-height:72px;padding-left:19px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .l-title h2{color:#eee;font-size:20px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap{height:146px;box-sizing:border-box;padding-left:25px;padding-top:22px;background:url(../../quasarzone/images/sub/column_video_top.jpg) 50% 50% no-repeat;background-size:cover} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .inner{position:relative;padding-left:64px;min-height:53px;padding-top:7px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .inner i{position:absolute;left:0;top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .inner .title{font-size:20px;color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .inner .subscriber{font-size:14px;color:#c8c8c8;margin-top:8px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area{font-size:0;margin-top:13px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a{display:inline-block;margin-left:12px;background-color:#272727;width:163px;height:30px;line-height:30px;padding-left:32px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a:first-child{margin-left:4px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a img{position:absolute;left:0;top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a span{font-size:14px;color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap{padding:32px 19px 32px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul{overflow:hidden} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li{float:left;width:358px;overflow:hidden;padding-top:26px;margin-top:21px;border-top:1px solid #565656} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li:first-child,#contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li:nth-child(2){border-top:0;padding-top:0;margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li:nth-child(odd){margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li:nth-child(odd) a{float:left} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a{display:block;width:342px;float:right} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a .thumb-area{width:342px;height:193px;background-color:grey;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a .thumb-area .admin_gall_chkbox{position:absolute;top:4px;left:4px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a .text-area{padding-top:14px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .video-list-wrap ul li a .text-area .title{height:42px;color:#ccc;font-size:14px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area{height:324px;overflow:hidden;border:1px solid #565656;margin-bottom:10px;background-color:#181818;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area.score-type{height:370px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area.score-type .inner{margin-top:16px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .list-bt{position:absolute;right:20px;top:24px;z-index:1;width:49px;height:21px;box-sizing:border-box;text-align:center;border:1px solid #505050;background-color:#272727} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .list-bt.active span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .list-bt span{color:#e3e3e3;font-size:12px;font-weight:700;position:relative;padding-right:13px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .list-bt span:after{position:absolute;right:0;width:7px;height:4px;top:50%;margin-top:-3px;content:"";background:url(../../quasarzone/images/sub/list_bt_arrow.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap{position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap.no-logo-type:before{display:none} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap.no-logo-type .h-tit{display:inline-block;padding-left:18px;font-weight:400;font-size:20px;color:#eee;padding-right:18px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap.no-logo-type .h-tit:before{position:absolute;right:0;top:1px;width:2px;height:15px;background-color:#fff;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap:before{position:absolute;left:15px;top:19px;width:27px;height:31px;content:"";background:url(../../quasarzone/images/main/tab_area_logo.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit{display:inline-block;margin-left:14px;padding-top:24px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit:first-child{margin-left:0;padding-left:57px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-bt{font-size:16px;color:#aaa;position:relative;overflow:visible} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-bt:after{display:block;bottom:-6px;width:100%;height:1px;background-color:#ff9920;content:"";position:absolute;left:0;display:none} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-bt.active{color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-bt.active:after{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area{display:block;position:absolute;padding:0 14px;width:100%;height:250px;top:65px;left:0;z-index:1;opacity:0;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap{top:55px;height:260px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .text{font-size:14px;color:#b8b8b8} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area{text-align:center;font-size:0;padding-top:86px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area{display:inline-block;position:absolute;left:68px;bottom:36px;padding:0 32px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area .img{position:absolute;text-align:center;left:0;width:100%;bottom:75px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area .text{position:absolute;bottom:46px;text-align:center;left:0;width:100%;font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area .input input{width:212px;height:29px;color:#e3e3e3;padding-left:8px;border:1px solid #4f4f4f;font-size:12px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .perf-comp-bt{margin:0 32px;display:inline-block;vertical-align:top;padding-top:90px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .perf-comp-bt:before{position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;background:url(../../quasarzone/images/sub/compare_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .perf-comp-bt a{display:inline-block;font-size:16px;color:#e3e3e3;width:86px;height:35px;line-height:33px;border:1px solid #4f4f4f;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area{display:inline-block;position:absolute;right:68px;bottom:36px;padding:0 32px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area .img{position:absolute;text-align:center;left:0;width:100%;bottom:75px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area .text{position:absolute;bottom:46px;text-align:center;left:0;width:100%;font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area .input input{width:212px;height:29px;color:#e3e3e3;padding-left:8px;border:1px solid #4f4f4f;font-size:12px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area input::-webkit-input-placeholder{color:#b8b8b8} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area input::-moz-placeholder{color:#b8b8b8} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area input:-ms-input-placeholder{color:#b8b8b8} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area input:-moz-placeholder{color:#b8b8b8} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.active{z-index:2;opacity:1} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-title{text-align:center;font-size:20px;color:#eee;margin-bottom:23px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-title span{color:#ff9400} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li{float:left;margin-left:20px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a{display:block;width:234px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a .thumb-area{width:100%;height:176px;background-color:#ddd} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a .text-area{padding-top:11px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a .text-area .title{font-size:16px;line-height:22px;color:#eee;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li{float:left;margin-left:20px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a{display:block;width:234px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .thumb-area{width:100%;height:176px;background-color:#ddd;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area{padding-top:11px;text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .id{display:inline-block;font-size:18px;color:#eee;padding-left:27px;position:relative;font-weight:700} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .id:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:23px;content:"";background:url(../../quasarzone/images/sub/grade_icon_sample.png) no-repeat;display:none} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .id img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .id span{margin-right:4px;display:inline-block;min-width:30px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px;text-align:left;max-width:116px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score{font-weight:700;color:#ff9400;font-size:16px;margin-top:12px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap{border:1px solid #565656;min-height:1015px;box-sizing:border-box;display:none} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-bt-area{height:73px;line-height:73px;font-size:0;padding-left:19px;background-color:#181818;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-bt-area a{font-size:20px;color:#cdcdcd;margin-left:10px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-bt-area a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-bt-area a.active{color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area{display:none;color:#fff;padding:28px 19px 0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl{margin-top:49px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dt{min-width:258px;border-bottom:1px solid #ee972f;display:inline-block;padding-bottom:8px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dt .tit{font-size:20px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd{margin-top:15px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .txt{font-size:14px;color:#cdcdcd} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul{overflow:hidden;margin-top:27px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li{width:356px;float:left;margin-top:35px;margin-left:24px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li:nth-child(odd){margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li:first-child,#contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li:nth-child(2){margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .tit{color:#fff;font-size:16px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area{min-height:76px;width:100%;margin-top:12px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar{padding-right:72px;box-sizing:border-box;position:relative;width:100%;margin-top:10px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge{position:relative;height:33px;max-width:100%;padding-left:7px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge.gauge-tp1{background-color:#c99d50} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge.gauge-tp2{background-color:#626262} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .value{position:absolute;height:33px;line-height:37px;right:-72px;top:0;font-size:12px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .name{color:#fff;font-size:12px;line-height:37px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail{margin-top:26px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area{width:310px;float:left;text-align:right;position:relative;padding-top:32px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area .name{position:absolute;top:0;right:0;font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area ul{margin-top:28px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area ul:nth-child(2){margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li{font-size:12px;color:#fff;margin-top:8px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list{width:116px;float:left;text-align:center;padding-top:32px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul{margin-top:28px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul li{font-size:12px;color:#fff;margin-top:8px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area{width:310px;float:left;text-align:left;position:relative;padding-top:32px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area .name{position:absolute;top:0;left:0;font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area ul{margin-top:28px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area ul:nth-child(2){margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li{font-size:12px;color:#fff;margin-top:8px} #contentArea #container #content .sub-content-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1{border:1px solid #565656;min-height:1015px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area{height:73px;line-height:73px;padding-left:19px;background-color:#181818;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area{font-size:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area a{font-size:20px;color:#aaa;margin-left:8px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area a.active{color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area p{font-size:20px;color:#aaa} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area p span{color:#eee} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area{position:absolute;right:26px;top:50%;margin-top:-10px;line-height:normal;z-index:1} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-bt{display:inline-block;padding-right:17px;width:auto;background-color:#272727;height:21px;line-height:19px;padding-left:6px;border:1px solid #525252;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-bt:after{position:absolute;content:"";right:6px;top:50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);margin-top:-2px;width:7px;height:4px;background:url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-bt.active{background-color:#181818} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .hide-area{position:absolute;display:none;width:100%;top:20px;left:0;border-top:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .hide-area li{border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .hide-area li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .hide-area li a{display:block;background-color:#181818;height:20px;line-height:24px;padding-left:6px;font-size:12px;font-weight:700;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .hide-area.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap{padding:10px 20px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li{position:relative;box-sizing:border-box;padding:11px 0 11px 200px;border-top:1px solid #464646} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li .tit{position:absolute;line-height:29px;left:0;top:11px;font-size:16px;color:#ccc} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li .gauge{height:29px;line-height:29px;padding-left:8px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li .gauge span{color:#eee;font-size:16px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con{display:none} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul{padding:17px 19px 0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li{box-sizing:border-box;padding-left:105px;margin-top:10px;padding-top:10px;border-top:1px solid #565656;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .admin_gall_chkbox{position:absolute;top:10px;left:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li:first-child .admin_gall_chkbox{position:absolute;top:0;left:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li:first-child{margin-top:0;padding-top:0;border-top:none} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li:first-child .user-wrap{top:24px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap{position:absolute;left:0;top:34px;text-align:center;width:96px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .thumb-area{width:60px;height:60px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;margin:0 auto} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .thumb-area img{width:100%;height:100%;display:block} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .id{font-size:14px;color:#ccc;margin-top:10px;display:inline-block;width:100%;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 2px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .id img{position:relative;top:-1px;margin-right:3px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content{position:relative;width:100%;padding:19px 18px 18px 18px;border:1px solid #505050;background-color:#181818;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit{padding-left:30px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .num{display:inline-block;border:1px solid #3f3f3f;position:absolute;left:0;top:-3px;font-size:10px;font-weight:300;text-align:center;color:#fff;width:25px;height:25px;vertical-align:top;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .tit{color:#eee;font-size:16px;line-height:22px;max-width:355px;display:inline-block;text-overflow:ellipsis;overflow:hidden} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util{vertical-align:top;font-size:0;display:inline-block;padding-top:5px;padding-left:5px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util em{display:inline-block;font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util em.reply{padding-left:16px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util em.reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:11px;height:9px;background:url(../../quasarzone/images/sub/view_reply_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util em.view{padding-left:18px;position:relative;margin-left:21px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-tit .util em.view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:13px;height:7px;background:url(../../quasarzone/images/sub/view_view_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-con{font-size:15px;color:#888;margin-top:15px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-con span{color:#ff9400;font-size:20px;margin-right:7px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-bot{font-size:0;margin-top:19px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-bot span{display:inline-block;background-color:#272727;height:21px;line-height:23px;margin-left:8px;font-size:12px;padding:0 6px;color:#ccc;border:1px solid #505050;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-bot span:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .date{position:absolute;display:inline-block;right:18px;top:27px;font-size:12px;color:#aaa;padding-left:18px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .date:before{position:absolute;left:0;top:0;width:12px;height:13px;background:url(../../quasarzone/images/sub/value_date_icon3.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap{border:1px solid #565656;margin-top:10px;height:630px;background-color:#242424;padding-top:70px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .text{text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .text p{display:inline-block;position:relative;padding-left:22px;font-weight:700;font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .text p.comment_total:before{position:absolute;left:0;top:0;width:13px;height:13px;content:"";background:url(../../quasarzone/images/sub/flag_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area{padding-top:34px;width:584px;margin:0 auto;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .prev-year-bt{position:absolute;left:0;top:41px;color:#757575;font-weight:700;font-size:14px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .next-year-bt{position:absolute;right:0;top:41px;color:#757575;font-weight:700;font-size:14px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .l-year-month{text-align:center;line-height:30px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .l-year-month .prev-month-bt{display:inline-block;width:10px;height:15px;position:relative;top:-1px;background:url(../../quasarzone/images/sub/calender_prev_bt.png) no-repeat;margin-right:18px;overflow:hidden;text-indent:-9999px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .l-year-month span{font-weight:700;font-size:30px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .l-year-month .next-month-bt{display:inline-block;width:10px;height:15px;position:relative;top:-1px;background:url(../../quasarzone/images/sub/calender_next_bt.png) no-repeat;margin-left:18px;overflow:hidden;text-indent:-9999px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area{margin-top:23px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area:before{position:absolute;top:32px;left:0;width:100%;height:2px;background-color:#323232;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table th{text-align:center;font-weight:700;font-size:16px;color:#fff;padding-bottom:26px} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table td{text-align:center;padding:8px 0} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table td span{font-weight:700;font-size:16px;cursor:pointer;color:#fff;border:3px solid #242424;text-align:center;display:inline-block;width:32px;height:32px;line-height:28px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table td span.dimmed{color:#757575} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table td span.active1{border:3px solid #bf954d;background-color:#bf954d} #contentArea #container #content .sub-content-wrap .column-wrap .calender-wrap .calender-area .table-area table td span.active2{border:3px solid #bf954d;background-color:#242424} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking{border:1px solid #565656;margin-top:10px;padding-bottom:100px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-tit-area{background-color:#181818;line-height:72px;height:72px;padding-left:19px} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-tit-area .title{color:#fff;font-weight:700;font-size:20px} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap{padding-top:74px} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl{width:373px;margin:0 auto} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dt{text-align:center;margin-bottom:13px} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dt p{font-weight:700;padding-bottom:13px;color:#fff;font-size:20px;border-bottom:1px solid #bd944d;display:inline-block} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table{table-layout:fixed} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table th{text-align:center;padding:7px 0;font-weight:700;font-size:12px;color:silver} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td{text-align:center;padding:6px 0} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .rank{font-size:14px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .id{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .id:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#414141;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .id img{position:relative;top:-7px;margin-right:2px;width:25px;height:25px} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .date{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .date:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#414141;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area{border:1px solid #565656} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title{background-color:#202020;height:auto;line-height:72px;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2{color:#eee!important;font-size:20px;padding-left:19px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate{display:inline-block;position:relative;padding-right:9px;margin-right:7px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate:after{position:absolute;right:0;top:50%;margin-top:-12px;width:2px;height:20px;background-color:#fff;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2.question{color:#ff9400;padding-left:19px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate-tp span{color:#fff;font-weight:700;font-size:20px;position:relative;margin-left:14px;padding-left:16px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate-tp span:first-child{margin-left:0;padding-left:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate-tp span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title h2 .cate-tp span:before{position:absolute;left:0;top:50%;margin-top:-11px;width:3px;height:20px;background-color:#fff;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view{position:absolute;height:21px;font-weight:700;color:#e3e3e3;font-size:12px;right:20px;top:26px;display:none;border:1px solid #505050;background-color:#272727;padding:0 6px;outline:0;line-height:1} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view span{padding-right:13px;position:relative;top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view span:after{position:absolute;width:7px;height:4px;right:0;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/sub/list_bt_arrow.png) no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap{position:relative;display:none;left:-1px;background:#181818;width:776px;z-index:1;border-left:1px solid #565656;border-right:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul{margin-bottom:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li{padding:6px 0;border-top:1px solid #525252} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li:after{clear:both;display:block;content:''} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div{float:left;height:24px;line-height:24px;text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.title-unit{width:70%;text-align:left;box-sizing:border-box;position:relative;padding-left:58px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.title-unit .label{position:absolute;left:13px;top:50%;margin-top:-10px;font-size:12px;width:34px;height:22px;line-height:19px;font-weight:700;display:inline-block;border:1px solid #ea7229;background-color:#ff9920;color:#fff;text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.title-unit a{font-size:14px;color:#ccc;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.writer-unit{width:104px;border-left:1px solid #2e2e2e} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.writer-unit img{position:relative;top:3px;margin-right:3px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.writer-unit div{font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.normal-unit{width:59px;border-left:1px solid #2e2e2e} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.normal-unit p{font-size:12px;color:silver} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view2{position:absolute;height:21px;font-weight:700;color:#e3e3e3;font-size:12px;right:20px;top:50%;margin-top:-10px;display:inline-block;border:1px solid #505050;background-color:#272727;padding:0 6px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view2 span{padding-right:13px;position:relative} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-view2 span:after{position:absolute;width:7px;height:4px;right:0;top:50%;margin-top:-2px;content:"";background:url(../../quasarzone/images/sub/list_bt_arrow.png) no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2{position:absolute;display:none;left:-1px;top:57px;background:#181818;width:776px;z-index:1;border-left:1px solid #565656;border-right:1px solid #565656;border-bottom:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2.active{display:block} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li{padding:6px 0;border-top:1px solid #525252;overflow:hidden} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div{float:left;height:24px;line-height:24px;text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.title-unit{width:559px;text-align:left;box-sizing:border-box;position:relative;padding-left:58px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.title-unit .label{position:absolute;left:13px;top:50%;margin-top:-10px;font-size:11px;width:28px;height:19px;line-height:19px;font-weight:700;display:inline-block;border:1px solid #ea7229;background-color:#ff9920;color:#fff;text-align:center} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.title-unit a{font-weight:700;font-size:14px;color:#fff} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.writer-unit{width:94px;border-left:1px solid #2e2e2e} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.writer-unit img{position:relative;top:3px;margin-right:3px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.writer-unit p{font-size:12px;color:silver} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.normal-unit{width:59px;border-left:1px solid #2e2e2e} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap2 ul li>div.normal-unit p{font-size:12px;color:silver} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul{padding:7px 19px 4px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li{padding:15px 0;border-top:1px solid #565656} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li:first-child{border-top:0} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap>ul>li>a{display:block;position:relative;min-height:122px;box-sizing:border-box;padding-left:228px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .thumb-area{position:absolute;left:0;top:0;width:217px;height:122px;border:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .thumb-area .admin_gall_chkbox{position:absolute;top:4px;left:4px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .thumb-area img{display:block;width:100%;height:100%} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area{padding-top:2px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .tit{font-size:18px;color:#eee;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .txt{color:#aaa;font-size:14px;margin-top:11px;max-height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:18px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util{font-size:0;margin-top:15px;} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util>*{vertical-align:bottom;line-height: 1.2} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .user-nick-wrap{font-size:14px;color:#ccc;display:inline-block} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .label{font-size:14px;color:#ccc;position:relative;margin-left:12px;padding-left:12px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .label:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#9c9c9c;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .date{font-size:14px;color:#ccc;position:relative;margin-left:12px;padding-left:12px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .date:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#9c9c9c;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count{font-size:14px;color:#ccc;position:relative;margin-left:8px;padding-left:8px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#9c9c9c;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count .reply{font-size:14px;color:#ccc;position:relative;padding-left:14px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count .reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count .view{font-size:14px;color:#ccc;position:relative;padding-left:16px;margin-left:2px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .util .count .view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:7px;background:url(../../quasarzone/images/main/view_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .left-con-wrap .title-area{border:1px solid #565656;background-color:#181818;height:72px;padding-left:20px;line-height:72px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .title-area h2{font-size:20px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .title-area h2.intro{color:#ff9400;padding-left:33px} #contentArea #container #content .sub-content-wrap .title-area h2.intro:before{position:absolute;left:0;width:23px;height:23px;top:50%;margin-top:-12px;background:url(../../quasarzone/images/sub/intro_h2_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .title-area h2.terms{color:#ff9400;padding-left:33px} #contentArea #container #content .sub-content-wrap .title-area h2.terms:before{position:absolute;left:0;width:23px;height:23px;top:50%;margin-top:-12px;background:url(../../quasarzone/images/sub/terms_h2_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .title-area h2.email{color:#ff9400;padding-left:33px} #contentArea #container #content .sub-content-wrap .title-area h2.email:before{position:absolute;left:0;width:23px;height:23px;top:50%;margin-top:-12px;background:url(../../quasarzone/images/sub/email_h2_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .title-area h2.privacy{color:#ff9400;padding-left:33px} #contentArea #container #content .sub-content-wrap .title-area h2.privacy:before{position:absolute;left:0;width:23px;height:23px;top:50%;margin-top:-12px;background:url(../../quasarzone/images/sub/privacy_h2_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .title-area h2.question{color:#ff9400;padding-left:33px} #contentArea #container #content .sub-content-wrap .title-area h2.question:before{position:absolute;left:0;width:23px;height:23px;top:50%;margin-top:-12px;background:url(../../quasarzone/images/sub/question_h2_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area{margin-top:10px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li{float:left;position:relative;width:383px;height:176px;margin-left:10px;border:1px solid #535353;margin-top:10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li:nth-child(odd){margin-left:0} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li:first-child,#contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li:nth-child(2){margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1{padding-left:123px;padding-top:68px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1 .thumb-area{overflow:hidden;position:absolute;left:24px;top:37px;width:80px;height:80px;background-color:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1 .thumb-area img{display:block;width:100%} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1 p{font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1 p img{position:relative;top:-2px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box1 p span{margin-right:5px;margin-left:6px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2{padding-left:24px;padding-top:37px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2 .input-wrap:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2 .input-wrap .tit{float:left;height:39px;line-height:39px;font-size:16px;color:#fff;font-weight:700} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2 .input-wrap .input-area{float:left;margin-left:13px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2 .input-wrap .input-area input{width:218px;height:39px;padding-left:12px;background-color:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box2 .input-wrap .input-area span{position:absolute;bottom:-18px;left:0;font-size:12px;color:#737373} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state{position:absolute;right:24px;bottom:24px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state .use-noti{height:28px;line-height:28px;margin-right:14px;font-size:12px;position:relative;padding-left:20px;display:inline-block} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state .use-noti.type1{color:#6dff7b} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon1.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state .use-noti.type2{color:#ff6d6d} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon2.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .pass-modify-state a{display:inline-block;border:1px solid #565656;background-color:#272727;font-size:14px;color:#fff;height:28px;line-height:28px;padding:0 14px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box3{padding-left:24px;padding-top:37px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box3 p{font-size:16px;color:#eee;margin-top:14px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box3 p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box3 p .add{display:inline-block;vertical-align:middle;width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box4{padding-top:44px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box4 .sns-list{font-size:0;text-align:center} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box4 .sns-list a{display:inline-block;margin:0 10px} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box5{padding-left:146px;padding-top:76px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box5:before{position:absolute;left:24px;top:39px;content:"";width:107px;height:73px;background:url(../../quasarzone/images/sub/info_box5_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box5 .tit{font-size:16px;color:#eee} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box5 .tit span{color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box6{padding-left:116px;padding-top:48px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box6:before{position:absolute;left:24px;top:39px;content:"";width:69px;height:68px;background:url(../../quasarzone/images/sub/info_box6_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box6 .tit{font-size:16px;color:#eee} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box6 .txt{font-size:14px;color:silver;margin-top:9px;line-height:16px} /* box7 */ #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box7{padding-left:116px;padding-top:48px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box7:before{position:absolute;left:24px;top:39px;content:"";width:69px;height:68px;background:url(../../quasarzone/images/sub/push_icon_bg.png) no-repeat} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box7 .tit{font-size:16px;color:#eee} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .box7 .txt{font-size:14px;color:silver;margin-top:9px;line-height:16px} /* box7 select box css*/ .push_box{display: flex;padding-right: 60px;justify-content: space-between;} .push_box .txt{font-size:16px !important;width:45px;} .push_box > div{padding-top:7px;} .push_box > div input[type=radio], .individual_push_box input[type=radio]:checked{ appearance: none;width: 15px;height: 15px;border:1px solid #535353;border-radius: 100%;box-sizing:border-box;} .push_box > div input[type=radio]{background-color: #272727;margin-right:10px;position:relative;top:2px;} .push_box > div input[type=radio]:checked{background-color: #f90;outline: 2px solid #535353;border: 2px solid #272727;} .push_box > div label{font-size:16px !important;} #contentArea #container #content .sub-content-wrap .con-area .my-info-box ul li .flt-bt{display:inline-block;position:absolute;border:1px solid #565656;background-color:#272727;font-size:14px;color:#fff;right:24px;bottom:24px;height:28px;line-height:28px;padding:0 14px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .intro-box{border:1px solid #565656;padding:37px 41px 40px 41px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl{margin-top:31px} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl dt{font-weight:700;color:#ff9400;font-size:20px;position:relative;padding-left:12px;line-height:32px} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl dt:before{position:absolute;left:0;content:"";top:5px;width:3px;height:19px;background-color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl dd{margin-top:23px} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl dd p{font-size:16px;color:#e3e3e3;letter-spacing:0;line-height:29px;margin-top:19px} #contentArea #container #content .sub-content-wrap .con-area .intro-box dl dd p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .intro-box .img-area{margin-top:89px} #contentArea #container #content .sub-content-wrap .con-area .intro-box .img-area img{display:block} #contentArea #container #content .sub-content-wrap .con-area .common-box{border:1px solid #565656;background-color:#272727;box-sizing:border-box;padding-left:20px;padding-right:20px;padding-top:23px} #contentArea #container #content .sub-content-wrap .con-area .common-box h3.cont_title{font-size:20px;color:#fff;position:relative;display:inline-block} #contentArea #container #content .sub-content-wrap .con-area .common-box h3.cont_title:after{position:absolute;bottom:-15px;left:0;width:100%;height:2px;background-color:#ff9400;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial{padding:40px 20px 50px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .text{font-size:16px;color:#e3e3e3;line-height:30px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .title{color:#ff9400;position:relative;font-weight:700;font-size:20px;padding-left:12px;margin-top:52px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .title:before{position:absolute;width:3px;height:19px;left:0;top:-1px;content:"";background-color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl{margin-top:60px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl:first-child{margin-top:29px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl dt{font-weight:700;font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl dd{background:#181818;border:1px solid #565656;padding:17px 18px;margin-top:24px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl dd ul li{font-size:16px;color:#e3e3e3;line-height:28px;position:relative;padding-left:13px;margin-top:5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl dd ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .email-collect-denial .terms-area dl dd ul li:before{position:absolute;left:0;top:10px;width:5px;height:5px;background:#e3e3e3;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list{padding:53px 0 60px 21px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li{margin-top:54px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dt{font-size:20px;color:#ff9400;font-weight:700;position:relative;padding-left:12px;margin-bottom:22px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dt:before{position:absolute;width:3px;height:19px;left:0;top:0;content:"";background-color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dd p{font-size:16px;color:#e3e3e3;line-height:28px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dd ul{margin-top:5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dd ul li{font-size:16px;color:#e3e3e3;line-height:28px;position:relative;padding-left:13px;margin-top:5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dd ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .terms-list>li dl dd ul li:before{position:absolute;left:0;top:10px;width:5px;height:5px;background:#e3e3e3;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .con-area .common-box .privacy-text-area{margin-top:43px;padding:0 20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .privacy-text-area p{font-size:16px;color:#e3e3e3;line-height:30px;margin-top:30px;letter-spacing:.5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .privacy-text-area p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .privacy-text-area p span{font-weight:700;color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list{padding:53px 0 60px 21px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li{margin-top:54px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li dl dt{font-size:20px;text-indent:-25px;letter-spacing:1px;padding-left:25px;color:#ff9400;line-height:24px;font-weight:700;position:relative;margin-bottom:22px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li dl dd p{font-size:16px;color:#e3e3e3;line-height:28px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li dl dd ul{margin-top:5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li dl dd ul li{font-size:16px;color:#e3e3e3;line-height:28px;position:relative;margin-top:5px} #contentArea #container #content .sub-content-wrap .con-area .common-box .statement-list>li dl dd ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns{padding-bottom:103px;padding-top:74px} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li{margin-top:15px;text-align:center} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a{display:inline-block;border:1px solid #565656;text-align:center;width:384px;height:47px;line-height:49px;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a img{position:absolute;left:0;top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.naver-login{background-color:#00bf18} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.naver-login span{color:#fff;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.kakao-login{background-color:#fae301} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.kakao-login span{color:#3c1e1e;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.facebook-login{background-color:#4167b2} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.facebook-login span{color:#fff;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.google-login{background-color:#f4f4f4} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.google-login span{color:#000;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.steam-login{background-color:#231f20} #contentArea #container #content .sub-content-wrap .con-area .common-box .my-info-sns ul li a.steam-login span{color:#fff;font-weight:700;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify{padding-bottom:56px;padding-top:68px} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify .text{text-align:center;color:#fff;font-size:20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify .bt-area{text-align:center;font-size:0;margin-top:53px} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify .bt-area a{font-size:16px;color:#fff;display:inline-block;width:168px;height:45px;line-height:45px;margin:0 5px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify .bt-area a.grey-bt{border:1px solid #565656;background-color:#272727} #contentArea #container #content .sub-content-wrap .con-area .common-box .secession-modify .bt-area a.orange-bt{border:1px solid #565656;background-color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify{padding-bottom:47px;padding-top:92px} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li{margin-top:33px} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .tit{width:273px;float:left;text-align:right;height:39px;line-height:39px;font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .input-area{float:left;margin-left:15px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .input-area input{width:168px;height:39px;padding-left:12px;background-color:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .input-area span{position:absolute;bottom:-18px;right:0;font-size:12px;color:#737373} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .use-noti{float:left;height:39px;line-height:39px;margin-left:11px;font-size:12px;position:relative;padding-left:20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .use-noti.type1{color:#6dff7b} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon1.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .use-noti.type2{color:#ff6d6d} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify ul li .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon2.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify .bt-area{text-align:center;font-size:0;margin-top:102px} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify .bt-area a{font-size:16px;color:#fff;display:inline-block;width:168px;height:45px;line-height:45px;margin:0 5px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify .bt-area a.grey-bt{border:1px solid #565656;background-color:#272727} #contentArea #container #content .sub-content-wrap .con-area .common-box .pass-modify .bt-area a.orange-bt{border:1px solid #565656;background-color:#ff9400} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify{padding-bottom:47px;padding-top:92px} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li{margin-top:27px} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .tit{width:220px;float:left;text-align:right;height:39px;line-height:39px;font-size:16px;color:#fff} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area{float:left;margin-left:15px;position:relative} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area input{width:277px;float:left;height:39px;padding-left:12px;background-color:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area span{position:absolute;bottom:-46px;left:0;line-height:19px;font-size:12px;color:#737373} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area>p{margin-top:10px} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area>p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area>p .add-srch-bt{float:left;margin-left:8px;width:76px;height:39px;font-size:14px;color:#222222;line-height:39px;border:1px solid #515151;background-color:#ff9400;box-sizing:border-box;text-align:center} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area>p:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .input-area:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .use-noti{float:left;height:39px;line-height:39px;margin-left:11px;font-size:12px;position:relative;padding-left:20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .use-noti.type1{color:#6dff7b} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon1.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .use-noti.type2{color:#ff6d6d} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify ul li .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon2.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify .bt-area{text-align:center;font-size:0;margin-top:50px} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify .bt-area a{font-size:16px;color:#fff;display:inline-block;width:168px;height:45px;line-height:45px;margin:0 5px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify .bt-area a.grey-bt{border:1px solid #565656;background-color:#272727} #contentArea #container #content .sub-content-wrap .con-area .common-box .info-modify .bt-area a.orange-bt{border:1px solid #565656;background-color:#ff9400;color:#222222} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify{padding-bottom:47px;padding-top:92px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify>ul>li{margin-top:33px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify>ul>li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify>ul>li:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify>ul>li .tit{width:123px;float:left;text-align:left;height:39px;line-height:39px;font-size:16px;color:#fff;padding-left:24px;box-sizing:border-box;position:relative} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .tit .thumb-pic-area{position:absolute;display:inline-block;left:6px;top:50%;margin-top:-40px;width:80px;height:80px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;background-color:#ddd} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .tit .thumb-pic-area img{width:100%} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area{float:left;position:relative} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area label{position:relative;cursor:pointer;display:inline-block;width:168px;height:39px;line-height:39px;font-size:14px;color:#fff;border:1px solid #565656;background-color:#181818;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area label input{width:168px;height:39px;cursor:pointer;opacity:0;position:absolute;left:0;top:0;overflow:hidden;z-index:1} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area label input::-webkit-file-upload-button{cursor:pointer} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area>input{width:168px;height:39px;padding-left:12px;background-color:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .input-area span{position:absolute;bottom:-18px;right:0;font-size:12px;color:#737373} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti{float:left;height:39px;line-height:39px;margin-left:11px;font-size:12px;position:relative;padding-left:20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti.type1{color:#6dff7b} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon1.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti.type2{color:#ff6d6d} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-8px;width:13px;height:13px;background:url(../../quasarzone/images/sub/use_check_icon2.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify ul li .use-noti.type3{color:#737373;padding-left:0} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .intro-myself-area{margin-top:75px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .intro-myself-area .title{color:#eee;font-size:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .intro-myself-area .text-area{position:relative;margin-top:16px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .intro-myself-area .text-area textarea{width:100%;height:174px;overflow:hidden;background-color:#181818;border:1px solid #525252;box-sizing:border-box;color:#fff;font-size:16px;line-height:22px;padding:20px 20px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .intro-myself-area .text-area .pre-view{position:absolute;text-align:center;right:0;top:-41px;width:115px;height:31px;line-height:33px;display:inline-block;border:1px solid #525252;background-color:#181818;font-size:12px;color:#fff} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .bt-area{text-align:center;font-size:0;margin-top:68px} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .bt-area a{font-size:16px;color:#fff;display:inline-block;width:168px;height:45px;line-height:45px;margin:0 5px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .bt-area a.grey-bt{border:1px solid #565656;background-color:#272727} #contentArea #container #content .sub-content-wrap .con-area .common-box .profile-modify .bt-area a.orange-bt{border:1px solid #565656;background-color:#ff9400} #contentArea #container #content .sub-content-wrap .right-sub-wrap{float:right;width:384px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap{width:384px;background-color:#272727;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap{padding:16px 18px 16px;border:1px solid #515151;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .text{text-align:center;font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .text span{margin:0 8px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .login-bt{margin-top:14px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .login-bt a{background-color:#ff9400;text-align:center;height:43px;line-height:43px;display:block;border:1px solid #885725;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .login-bt a span{padding-left:30px;font-size:15px;color:#000;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .login-bt a span:before{position:absolute;width:24px;height:24px;content:"";background:url(../../quasarzone/images/main/QZ-icon-24x24.png) no-repeat;left:0;top:-5px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area{margin-top:11px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area .srch-bt{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area .srch-bt a{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area .join-bt{float:right} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-wrap .util-bt-area .join-bt a{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .banner-area{width:382px;height:236px;background-color:#272727;border:1px solid #565656;box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:101} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .banner-area a{display:block;width:100%;height:100%;background-color:#e2e2e2} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap{position:absolute;left:0;top:0;width:100%;height:141px;z-index:102;background-color:#272727;border:1px solid #565656;border-bottom:0;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap{height:77px;padding-left:20px;padding-top:19px;border-bottom:1px solid #565656;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area{padding-left:60px;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{position:absolute;left:0;top:-6px;width:49px;height:49px;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area{color:#fff;font-size:16px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area img{position:relative;top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area span{margin-right:4px;margin-left:5px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .my-info-bt{font-size:12px;color:#aaa;border-bottom:1px solid silver;position:relative;top:0;left:1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area{padding-left:20px;font-size:0;margin-top:2px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span{font-size:14px;color:#aaa;position:relative;margin-left:6px;padding-left:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span:first-child{padding-left:0;margin-left:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;content:"";background-color:silver} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .logout-bt{display:inline-block;padding:0 5px;position:absolute;right:20px;top:18px;border:1px solid #505050;background-color:#272727;height:21px;line-height:21px;box-sizing:border-box;font-size:12px;color:#ccc} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap{position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list{font-size:0;border-bottom:1px solid #565656;display: flex} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li{display:inline-block;flex: 1 1 0%;border-left:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:first-child{width:64px;border-left:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt{display:block;text-align:center;height:35px;line-height:37px;background-color:#181818;position:relative;outline:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#272727;content:"";display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active{background-color:#272727} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active span{color:#fff} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span{font-size:12px;color:#cdcdcd;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span:after{position:absolute;right:-7px;top:50%;margin-top:-2px;content:"";width:4px;height:4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#ff9920;display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area{position:absolute;top:36px;background-color:#272727;font-size:20px;left:-1px;width:384px;height:255px;z-index:102;border:1px solid #565656;border-top:0;box-sizing:border-box;display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area.active{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner{padding-left:12px;padding-top:13px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area{padding-left:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title{color:#aaa;font-size:14px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit{color:#eee;border-bottom:1px solid #eee} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit2{color:#eee} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .count{color:#ff9920} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title{color:#e3e3e3;font-size:14px;line-height:19px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title img{vertical-align:middle} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title span{color:#ff9920} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt{font-size:0;position:absolute;right:20px;top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt.rank{top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a{display:inline-block;padding:0 5px;border:1px solid #505050;background-color:#272727;height:21px;line-height:21px;box-sizing:border-box;font-size:12px;color:#ccc;margin-left:3px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con{height:170px;margin-top:17px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p{padding:2px 0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .rank{float:left;width:80px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id{float:left;width:190px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id img{position:relative;top:-3px;padding-right:2px;transform:scale(.8)} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .point{float:left;width:85px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank{padding:3px 0 7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .rank{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id img{top:-1px;transform:scale(1)} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .point{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area{margin-top:12px;height:203px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li{padding:8px 0 8px 10px;width:340px;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .label{color:#fff;font-size:14px;display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title{font-size:14px;position:relative;color:#9c9c9c;width:310px;display:inline-block;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title a{width:auto;display:inline;font-size:14px;color:#9c9c9c;padding-right:0;word-break:break-all} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span{position:relative;padding-left:0;color:#eee;font-size:14px;padding-right:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .delete-bt{position:absolute;right:13px;top:50%;margin-top:-4px;width:9px;height:8px;display:inline-block;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;overflow:hidden;text-indent:-9999px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li{padding:8px 0 8px 10px;width:340px;line-height:1;position:relative} /*after 추가 */ #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 #notice_content_top:after{content:"";position:absolute;border-bottom:1px solid #565656;left:10px;width:340px;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .label{color:#eee;font-size:14px;display:inline-block;vertical-align:middle} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title{font-size:14px;position:relative;color:#ff9920;display:inline-block;box-sizing:border-box;vertical-align:middle;padding-top:3px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title a{display:table-cell;vertical-align:sub;width:auto;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span{display:table-cell;position:relative;font-size:8px;color:#aaa;padding-left:14px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .tit{font-size:14px;font-weight:700;min-height:17px;line-height:17px;position:relative;color:#ff9920;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id{display:inline-block;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .okay-bt{position:absolute;right:46px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_okay_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li {padding: 11px 0 8px 52px; width: 298px; position: relative; display: table;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#48ff55;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit{font-size:14px;width:50px;min-height:17px;line-height:17px;position:relative;color:silver;padding-left:21px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit a{font-size:14px;color:#eee;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util {font-size: 0;margin-top: 5px;padding-left: 3px;width: 298px;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span{display:inline-block;position:relative;padding-left:10px;margin-left:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child{padding-left:0;margin-left:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:before{position:absolute;left:0;top:3px;width:1px;height:12px;background-color:#aaa;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span a{display:inline-block;font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title{font-size:14px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title.new a{color:#fff} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title a{font-size:14px;color:#eee;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id{display:inline-block;width:105px;min-height:17px;line-height:17px;position:relative;font-size:14px;color:#aaa;padding-left:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time{font-size:14px;color:#aaa;position:relative;padding-left:10px;margin-left:10px;line-height:17px;vertical-align:top} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#aaa;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li{padding:11px 0 8px 10px;width:340px;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title .label{color:#fff} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title a{color:#fff} /* 추가 */ #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li. .title a{color:#fff} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:after{position:absolute;left:0;top:15px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title{font-size:14px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label{display:inline-block;left:0;top:0;color:#eee;vertical-align:middle;position:relative} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label:before{position:absolute;left:-10px;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";display:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title a{font-size:14px;color:#eee;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .locate{font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time{font-size:14px;color:#aaa;position:relative;padding-left:10px;margin-left:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#aaa;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .notice-wrap{width:384px;height:278px;padding:20px 14px 0 20px;background-color:#181818;border:1px solid #565656;box-sizing:border-box;margin-top:10px;overflow:hidden} #contentArea #container #content .sub-content-wrap .right-sub-wrap .today-best-wrap{padding:24px 14px 19px 20px;background-color:#272727;border:1px solid #565656;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap{height:323px;padding:18px 20px 0 16px;border:1px solid #565656;background-color:#181818;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2{height:608px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 dt:after{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a{position:relative;padding-left:176px;min-height:93px;box-sizing:border-box;display:block;margin-top:13px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .thumb-area{position:absolute;left:0;top:0;width:165px;height:93px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .thumb-area img{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .text-area .title{font-weight:700;font-size:14px;color:#fff;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .text-area .util{font-size:0;margin-top:9px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .text-area .util .label{font-size:13px;color:silver} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .text-area .util .date{font-size:13px;color:silver;position:relative;margin-left:8px;padding-left:8px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap.type2 .column-unit-list a .text-area .util .date:before{position:absolute;left:0;top:1px;width:1px;height:10px;content:"";background-color:#d2d2d2} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dt:after{display:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd{padding-top:20px;overflow:hidden;margin-top:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-left-area{float:left;width:145px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-right-area{float:left;width:190px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-right-area .column-cate ul li{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-right-area .column-cate ul li:nth-child(odd){width:87px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-cate2{margin-top:13px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-cate .tit{font-weight:700;color:#ff9400;font-size:14px;text-decoration:underline;margin-bottom:-1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-cate ul li{margin-top:12px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .column-wrap dd .column-cate ul li a{font-size:16px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap{height:323px;padding:18px 20px 0 16px;border:1px solid #565656;background-color:#181818;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd{padding-top:20px;overflow:hidden;margin-top:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd .info-left-area{width:182px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd div{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd div .tit{font-weight:700;color:#ff9400;font-size:14px;text-decoration:underline;margin-bottom:-1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd div ul li{margin-top:12px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-info-wrap dd div ul li a{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap{height:323px;padding:18px 20px 0 16px;border:1px solid #565656;background-color:#181818;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap.srch-type dd .info-left-area{width:137px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap.srch-type dd div ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd{padding-top:20px;overflow:hidden;margin-top:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area{width:180px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area .item{margin-top:30px;float:none} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area .item:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd div{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd div .tit{font-weight:700;color:#ff9400;font-size:14px;text-decoration:underline;margin-bottom:-1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd div ul li{margin-top:12px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd div ul li a{font-size:14px;color:#ccc} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap{height:323px;padding:18px 20px 0 16px;border:1px solid #565656;background-color:#181818;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd{padding-top:20px;overflow:hidden;margin-top:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd .info-left-area{width:143px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd .info-right-area .item{margin-top:30px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd .info-right-area .item:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd>div{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd>div .tit{font-weight:700;color:#ff9400;font-size:14px;text-decoration:underline;margin-bottom:-1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd>div ul li{margin-top:12px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .event-info-wrap dd>div ul li a{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap{height:323px;padding:18px 20px 0 16px;border:1px solid #565656;background-color:#181818;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd{padding-top:20px;overflow:hidden;margin-top:7px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd .info-left-area{width:120px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd .info-left-area .inner-type{margin-top:42px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd .info-left-area .inner-type:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd .info-right-area ul{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd .info-right-area ul.left-list{width:132px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd div{float:left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd div .tit{font-weight:700;color:#ff9400;font-size:14px;text-decoration:underline;margin-bottom:-1px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd div ul li{margin-top:12px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .side-debate-wrap dd div ul li a{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap{padding:10px 10px 12px 10px;background-color:#272727;border:1px solid #565656;box-sizing:border-box;margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap a{display:block;width:100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap a .thumb-area{width:100%;height:205px;background-color:grey} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap a .text-area{padding-top:14px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap a .text-area .title{height:42px;color:#e3e3e3;font-weight:700;font-size:14px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap{height:110px;padding-left:17px;padding-top:34px;border:1px solid #565656;box-sizing:border-box;margin-top:10px}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap:after{display:block;content:"";clear:both}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .atd-check-bt{display:inline-block;float:left;width:106px;height:38px;line-height:38px;text-align:center;background:url(../../quasarzone/images/main/atd_bt_bg.png) no-repeat}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .atd-check-bt span{color:#222;font-weight:700;font-size:16px;position:relative;padding-left:18px;line-height:1}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .atd-check-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;content:"";background:url(../../quasarzone/images/main/atd_check_icon_black.png) no-repeat;background-size:contain}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area{float:left;text-align:center;font-size:0;margin-left:22px;position:relative;padding-left:24px}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area:before{position:absolute;left:0;top:0;width:1px;height:38px;background-color:#505050;content:""}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area p{font-size:11px;color:#aaa;line-height: 1.2}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul{margin-top:8px}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li{display:inline-block;margin-left:15px}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li img{width:27px;height:26px}*/ /*#contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li:first-child{margin-left:0}*/ #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap {display: flex;border: 1px solid #565656;padding: 16px;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area{display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 10px;padding: 2px 0px;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .atd-check-bt{display:flex;justify-content:center;align-items:center;min-width:124px;min-height:40px;background-color: #FF9200;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .atd-check-bt span{color:#272727;font-weight:600;font-size:16px;position:relative;padding-left:28px;line-height:1} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .atd-check-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-54%);width:20px;height:20px;content:"";background:url(../images/main/ic_attendance.svg) no-repeat;background-size:contain} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .youtube-bt{display:flex;justify-content:center;align-items:center;min-width:124px;min-height:40px;background-color: #D02521;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .youtube-bt span{color:#FFF;font-weight:600;font-size:16px;position:relative;padding-left:28px;line-height:1} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .btn-area .youtube-bt span:before{position:absolute;left:0;top:50%;transform:translateY(-54%);width:20px;height:20px;content:"";background:url(../../quasarzone/images/main/sns_youtube_icon.svg) no-repeat;background-size:contain} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:0;margin-left:21px;position:relative;padding-left:20px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area:before{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#505050;content:""} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area p{font-size:11px;color:#888;font-weight: 400;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul{margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li{display:inline-block;margin-left:15px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li img{width:30px;height:30px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area ul li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-wrap{margin-top:10px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-wrap a{display:block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-wrap .flexslider{margin:0 !important;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-multi-wrap{margin-top:0px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-multi-wrap li{margin-top: 22px;width: 384px;height: 131px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-multi-wrap li a{display:block;height: 100%} #contentArea #container #content .sub-content-wrap .right-sub-wrap .banner-multi-wrap li a img{display:block;height: 100%;width: 100%} #contentArea #container #content .sub-content-wrap .list-type-a.ranking.game dd ul li a{color:#e3e3e3} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li{position:relative;white-space:nowrap} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li i{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;display:inline-block;overflow:hidden;font-size:14px;color:#222;background:#f90;font-weight:700;text-align:center;line-height:20px} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li:nth-of-type(n+6) i{background:#999} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a{max-width:317px;padding-left:24px;color:#ccc;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .list-type-a.no-count dd ul li a{max-width:315px} #contentArea #container #content .sub-content-wrap .list-type-a dt{position:relative} #contentArea #container #content .sub-content-wrap .list-type-a dt.not-arrow:after{display:none} #contentArea #container #content .sub-content-wrap .list-type-a dt a{font-size:20px;color:#eee} #contentArea #container #content .sub-content-wrap .list-type-a dd{border-top:1px solid #ee972f;margin-top:10px;padding-top:10px} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li{margin-top:10px} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li a{display:inline-block;vertical-align:middle;font-size:14px;color:#aaa;padding-right:5px;word-break:break-all;max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li span{display:inline-block;vertical-align:middle;position:relative;font-size:8px;color:#ccc;padding-left:14px} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .list-type-a dd ul li em{position:absolute;right:0;top:0;font-size:14px;color:#e3e3e3} #popLayerPopup{width:100%;height:100%;left:0;top:0;position:absolute;display:none} #popLayerPopup.active{display:block;z-index:100} #popLayerPopup .follow-area{width:220px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed} #popLayerPopup .follow-area .title{text-align:center;color:#fff;font-size:12px;padding-top:20px;position:relative} #popLayerPopup .follow-area .title.unfollow:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../quasarzone/images/popup/unfollow_bt.png) no-repeat} #popLayerPopup .follow-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../quasarzone/images/popup/follow_bt.png) no-repeat} #popLayerPopup .follow-area .bt{font-size:0;text-align:center;margin-top:12px} #popLayerPopup .follow-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} #popLayerPopup .follow-area .bt a:hover{background-color:#ff7d7d} #popLayerPopup .block-area{width:274px;height:158px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed} #popLayerPopup .block-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} #popLayerPopup .block-area .title em{color:#ff7d7d} #popLayerPopup .block-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:17px;content:"";background:url(../../quasarzone/images/popup/block_icon.png) no-repeat} #popLayerPopup .block-area .bt{font-size:0;text-align:center;margin-top:12px} #popLayerPopup .block-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} #popLayerPopup .block-area .bt a:hover{background-color:#ff7d7d} #popLayerPopup .frd-rq-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed} #popLayerPopup .frd-rq-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} #popLayerPopup .frd-rq-area .title em{color:#62b3ff} #popLayerPopup .frd-rq-area .title em.block{color:#ff7d7d} #popLayerPopup .frd-rq-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../quasarzone/images/popup/follow_bt.png) no-repeat} #popLayerPopup .frd-rq-area .bt{font-size:0;text-align:center;margin-top:12px} #popLayerPopup .frd-rq-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} #popLayerPopup .frd-rq-area .bt a:hover{background-color:#ff7d7d} #popLayerPopup .emoti-send-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed} #popLayerPopup .emoti-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} #popLayerPopup .emoti-send-area .title em{color:#62b3ff} #popLayerPopup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../../quasarzone/images/popup/gift_pop_icon.png) no-repeat} #popLayerPopup .emoti-send-area .bt{font-size:0;text-align:center;margin-top:12px} #popLayerPopup .emoti-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} #popLayerPopup .emoti-send-area .bt a:hover{background-color:#ff7d7d} #popLayerPopup .bookmark-cancel-area{width:220px;height:114px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-57px;box-sizing:border-box;border:1px solid #565656;position:fixed} #popLayerPopup .bookmark-cancel-area .title{text-align:center;color:#fff;font-size:12px;padding-top:21px;position:relative;line-height:18px} #popLayerPopup .bookmark-cancel-area .title:before{position:absolute;top:0;left:50%;margin-left:-6px;width:13px;height:13px;content:"";background:url(../../quasarzone/images/popup/mss_icon2_hover.png) no-repeat} #popLayerPopup .bookmark-cancel-area .bt{font-size:0;text-align:center;margin-top:12px} #popLayerPopup .bookmark-cancel-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} #popLayerPopup .bookmark-cancel-area .bt a:hover{background-color:#ff7d7d} #popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.8} .write-select-area{padding-bottom:100px;overflow:hidden} .write-select-area ul li.none-style input{color:#fff;text-align:center;width:100%} .write-select-area ul li.none-style select{color:#fff;text-align:center;width:100%;text-align-last:center} .write-select-area ul li.none-style select option{color:#333} .write-select-top{width:100%;overflow:hidden} .write-select-top ul li .txt{width:168px;padding:7px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727;margin-right:10px;margin-bottom:10px} .write-select-top ul li .input-write{width:548px;padding:4px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .write-select-top ul li.none-ml{margin-left:0;float:left} .write-select-top ul li.none-style{float:right} .write-select-bot{width:100%;overflow:hidden;text-align:center;padding-top:40px} .write-select-bot ul li{display:inline-block} .write-select-bot ul li .txt{width:168px;padding:7px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727;margin-right:10px} .write-select-bot ul li.none-ml{margin-left:0} .write-select-input{width:100%;overflow:hidden;text-align:right;padding-top:40px;font-size:0} .write-select-input ul li .input{display:inline-block;vertical-align:top;padding:9px 0;margin-right:11px;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .write-select-input ul li .input input{color:#fff;text-align:center;width:100%} .write-select-input ul li .txt{display:inline-block;vertical-align:top;width:113px;padding:11px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .write-select-input ul li.none-ml{margin-left:0;margin-top:8px} .write-select-input ul li.none-ml:first-child{margin-top:0} .write-select-input ul li.none-ml:first-child .input{width:560px} .write-select-input ul li.none-ml .input{width:530px} .write-select-input ul li.none-ml .delete-bt{width:14px;height:14px;background:url(../../quasarzone/images/sub/write_delete_bt.gif) no-repeat;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px} .write-select-input ul li.none-ml .add-bt{width:14px;height:14px;background:url(../../quasarzone/images/sub/write_plus_bt.gif) no-repeat;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px} .write-select-left{width:350px;overflow:hidden;float:left} .write-select-left ul li .txt{width:168px;padding:7px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727;margin-right:10px;margin-bottom:10px} .write-select-left ul li .input-write{width:160px;padding:4px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .write-select-left ul li.none-ml{margin-left:0;float:left} .write-select-left ul li.none-style{float:right} .write-select-right{width:350px;overflow:hidden;float:right} .write-select-right ul li .txt{width:168px;padding:7px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727;margin-right:10px;margin-bottom:10px} .write-select-right ul li .input-write{width:160px;padding:4px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .write-select-right ul li.none-ml{margin-left:0;float:left} .write-select-right ul li.none-style{float:right} .daily_gallery_list .tab-area{margin-bottom:20px} .daily_gallery_list .tab-area .tit{display:inline-block;margin-right:13px;font-size:20px;color:#eee;padding-right:18px;position:relative} .daily_gallery_list .tab-area .tit:before{position:absolute;right:0;top:4px;width:2px;height:15px;background-color:#fff;content:""} .daily_gallery_list .tab-area a{font-size:16px;color:#aaa;position:relative;overflow:visible;margin-right:10px} .daily_gallery_list .tab-area a.active{font-size:13px;color:#eee;position:relative;overflow:visible} .daily_gallery_list .tab-area a.active:after{display:block;bottom:-6px;width:100%;height:1px;background-color:#ff9920;content:"";position:absolute;left:0} .daily_gallery_list .tab-area > a:after{display:none;bottom:-6px;width:100%;height:1px;background-color:#ff9920;content:"";position:absolute;left:0} #contentArea #container #content .sub-content-wrap .daily_gallery_list{padding:20px 30px!important} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul li .thumb-area02{position:relative;width:343px;height:193px;background-color:grey} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul li .thumb-area02 .admin_gall_chkbox{position:absolute;top:4px;left:4px} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list{overflow:hidden} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li{width:343px;height:270px;float:left;margin-left:27px;margin-bottom:22px} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:14px;color:#ccc;height:auto;max-height:44px;line-height:22px;margin-top:12px} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li .id{font-size:12px;color:#aaa;margin-top:10px} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li .time{font-size:12px;color:#cdcdcd!important;margin-top:7px} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:first-child,#contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:nth-child(1),#contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:nth-child(2n+1),#contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:nth-child(3),#contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:nth-child(5),#contentArea #container #content .sub-content-wrap .daily_gallery_list ul li:nth-child(7){margin-left:0} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list-j li{margin-left:0;width:357px;height:326px;border-bottom:1px solid #565656} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list-j li a{width:343px;float:left} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list-j li:nth-child(even) a{float:right} .none-bor .new-util-area{overflow:hidden;padding-bottom:10px} .none-bor .new-util-area div{float:left;margin-left:16px} .none-bor .new-util-area div:first-child{margin-left:0} .none-bor .new-util-area .new-util-img{width:350px} .none-bor .new-util-area .new-util-img .img-area{width:350px;height:197px;background-color:grey;box-sizing:border-box} .none-bor .new-util-area .new-util-img .img-area img{width:100%;display:block;height:100%} .none-bor .new-util-area .new-util-img .img-btn-div{text-align:center;font-size:0;width:100%} .none-bor .new-util-area .new-util-img .img-btn-div a{float:none;display:inline-block} .none-bor .new-util-area .new-util-detail{width:371px;height:306px;margin-left:0;border:1px solid #393939;padding:5px 10px 10px 10px;background:#181818;float:right;box-sizing:border-box} .none-bor .new-util-area .new-util-detail p.tit{font-size:18px;color:#fff;line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .none-bor .new-util-area .new-util-detail .tit_full{font-size:18px;color:#fff;font-weight:400;line-height:24px} .none-bor .new-util-area .new-util-detail h1{font-size:14px;color:#b8b8b8;padding-top:6px} .none-bor .new-util-area .new-util-detail p{font-size:14px;color:#b8b8b8;padding-top:6px} .none-bor .new-util-area .new-util-detail p.sub-tit{color:#fff;font-size:14px;margin-top:7px} .none-bor .new-util-area .new-util-detail p.cost{font-size:16px;color:#ff9920;padding-top:0;margin-top:10px;margin-bottom:14px} .none-bor .new-util-area .new-util-detail p.cost em{color:#aaa;font-size:14px;text-decoration:line-through;margin-right:2px} .none-bor .new-util-area .new-util-detail p.noti{padding-top:0;font-size:12px;line-height:17px} .none-bor .new-util-area .new-util-detail .btn-area{overflow:hidden;margin:20px 0 0 0} .none-bor .new-util-area .new-util-detail .btn-area a{display:block;float:left;margin-left:10px;background:#181818;border:1px solid #505050;color:#fff;text-align:center;font-size:14px;padding:8px 10px} .none-bor .new-util-area .new-util-detail .btn-area a:first-child{margin-left:0} .none-bor .new-util-area .new-util-detail .btn-area a:hover{background:#ff9400} .none-bor .new-util-area .new-util-detail .btn-ad-area02{overflow:hidden;margin:20px 0 0 0} .none-bor .new-util-area .new-util-detail .btn-ad-area02 a{display:block;float:left;margin-left:10px;background:#181818;border:1px solid #505050;color:#fff;text-align:center;font-size:14px;padding:8px 10px} .none-bor .new-util-area .new-util-detail .btn-ad-area02 a:first-child{margin-left:0} .none-bor .new-util-area .new-util-detail .btn-ad-area02 a:hover{background:#ff9400} .img-btn-div{display:block;margin-top:20px} .img-btn-div a{display:block;float:left;margin-left:10px;background:#181818;border:1px solid #505050;color:#fff;text-align:center;font-size:14px;padding:8px 10px} .img-btn-div a:first-child{margin-left:0} .img-btn-div a:hover{background:#ff9400} .new-util-area .info-txt p{color:#fff;padding-top:15px} .new-util-area .info-txt p span{font-weight:700} .option-div{overflow:hidden} .option-div ul li{float:left;color:#fff;margin-top:10px;font-size:12px} .option-div ul li input{border:1px solid #565656;width:290px;padding:5px 0} .option-div-j{margin-top:11px} .option-div-j ul li{line-height:23px;height:25px;padding-bottom:8px;margin-top:0!important} .option-div-j ul li select{height:25px;box-sizing:border-box;width:310px;border:1px solid #565656} .option-div-j .input-write{position:relative} .option-div-j .input-write:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .event-time{overflow:hidden;padding-top:8px} .event-time .d-day{float:left;color:#ff9400!important;font-size:13px} .event-time .be-cost{float:right;color:#565656!important;font-size:12px;padding-top:3px;text-decoration:line-through} .cost{text-align:right;color:#ff9400!important;padding-top:6px} .fini_col{color:#767676!important} .get_col{color:#99a7ff!important} .column-wrap .write-editor-wrap2{padding:25px 18px 59px 18px;border:1px solid #525252;background-color:#181818;margin-top:10px;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area{position:absolute;left:18px;top:18px;font-size:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt.active{background-color:#181818} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area{position:absolute;display:none;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul{float:none;border-left:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul:first-child{border-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li{border-top:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li:first-child{border-top:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area.active{display:block} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt.active{background-color:#181818} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area{position:absolute;display:none;z-index:100;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul{float:none;border-left:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul:first-child{border-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li{border-top:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li:first-child{border-top:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area.w-auto .hide-area.active{display:block} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1{display:inline-block;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1.w87 .cate-bt{width:87px} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1.w87 .hide-area{width:87px} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1.w87 .hide-area ul li a{width:85px} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .cate-bt.active{background-color:#181818} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area{position:absolute;display:none;width:251px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box;z-index:100} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area ul{float:left;border-left:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area ul:first-child{border-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area ul li{border-top:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area ul li:first-child{border-top:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area1 .hide-area.active{display:block} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2{display:inline-block;margin-left:12px;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .cate-bt.active{background-color:#181818} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area{position:absolute;display:none;width:126px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area ul{float:left;border-left:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area ul:first-child{border-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area ul li{border-top:1px solid #525252} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area ul li:first-child{border-top:0} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .cate-select-area .cate-area2 .hide-area.active{display:block} .column-wrap .write-editor-wrap2 .write-editor-area .util-bt-area{position:absolute;right:18px;top:18px;font-size:0} .column-wrap .write-editor-wrap2 .write-editor-area .util-bt-area a{display:inline-block;padding:0 9px;color:#e3e3e3;background-color:#272727;border:1px solid #525252;margin-left:15px;height:39px;font-size:14px;font-weight:700;line-height:39px;text-align:center;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .util-bt-area a:first-child{margin-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write{margin-bottom:20px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area.type2 ul li{width:100%} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area.type2 ul li .con{width:600px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area.type2 ul li .radio-wrap{display:inline-block;float:left;margin-right:75px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area.type2 ul li .input{float:left} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul{overflow:hidden} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li{float:left;width:50%;height:30px;margin:5px 0;font-size:0} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .tit{display:inline-block;margin-right:12px;float:left;width:62px;font-size:14px;font-weight:700;color:#e3e3e3;text-align:right;line-height:30px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con{float:left} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .input{width:270px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .input input{width:100%;height:30px;padding-left:12px;font-size:14px;font-weight:700;color:#e3e3e3;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .input .value{height:30px;color:#fff;font-size:14px;margin-left:6px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area{line-height:30px;margin-left:5px} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area:first-child{margin-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label{padding-left:14px;overflow:visible;display:inline-block;position:relative;top:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#fff} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label::before{content:'';position:absolute;top:9px;left:0;width:9px;height:9px;text-align:center;background:url(../../quasarzone/images/sub/radio_chk_d.gif) no-repeat;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .column-wrap .write-editor-wrap2 .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]:checked+label:before{background:url(../../quasarzone/images/sub/radio_chk_a.gif) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .add-area{margin-bottom:26px;height:30px;position:relative;padding-left:94px;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .tit{position:absolute;left:0;top:0;line-height:30px;font-weight:700;font-size:14px;color:#fff} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .input input{display:block;width:100%;height:30px;padding-left:8px;color:#fff;font-size:14px;line-height:30px;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .input input::-webkit-input-placeholder{color:#454545} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .input input::-moz-placeholder{color:#454545} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .input input:-ms-input-placeholder{color:#454545} .column-wrap .write-editor-wrap2 .write-editor-area .add-area .input input:-moz-placeholder{color:#454545} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box{border-bottom:1px solid #525252;padding:10px 0 3px} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box:first-child{padding:0 0 3px} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input{color:#e3e3e3;font-weight:700;display:block;width:100%} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input.input-type1{font-size:26px} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input.input-type2{font-size:20px} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input::-webkit-input-placeholder{color:#494949;font-weight:700} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input::-moz-placeholder{color:#494949;font-weight:700} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input:-ms-input-placeholder{color:#494949;font-weight:700} .column-wrap .write-editor-wrap2 .write-editor-area .input-area .input-box input:-moz-placeholder{color:#494949;font-weight:700} .column-wrap .write-editor-wrap2 .write-editor-area .editor-box{height:402px;box-sizing:border-box;border:1px solid #4c4c4c;background-color:#272727;margin-top:15px} .column-wrap .write-editor-wrap2 .write-editor-area .source-area{position:relative;padding-left:49px;margin-top:12px} .column-wrap .write-editor-wrap2 .write-editor-area .source-area .tit{position:absolute;left:0;top:14px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .source-area .source-url{position:relative;border:1px solid #4c4c4c;background-color:#272727;padding:11px 13px} .column-wrap .write-editor-wrap2 .write-editor-area .source-area .source-url p{font-size:14px;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area{position:relative;padding-left:49px;margin-top:12px} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .tit{position:absolute;left:0;top:16px;font-size:14px;font-weight:700;color:#e3e3e3} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list{position:relative;border:1px solid #4c4c4c;background-color:#272727;padding:11px 13px} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list ul li{margin-left:8px;display:inline-block} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list ul li:first-child{margin-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list ul li a{display:inline-block;position:relative;background-color:#fff;border:1px solid #565656;text-align:center;line-height:32px;width:32px;height:32px;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list ul li a img{max-width:100%;max-height:100%} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list ul li a.active:after{position:absolute;right:5px;bottom:5px;width:21px;height:21px;content:"";background:url(../../quasarzone/images/sub/thumb_choice_icon.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .image-choice-area .thumb-image-list .noti{color:#4d4d4d;font-weight:700;font-size:12px;position:absolute;right:0;bottom:-25px} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area{font-size:0;margin-top:50px} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .tit{font-size:14px;font-weight:700;color:#e3e3e3;display:inline-block} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .upload-bt{height:20px;padding:0 5px;margin-left:16px;font-size:12px;font-weight:700;color:#e3e3e3;background-color:#272727;border:1px solid #525252;line-height:20px;text-align:center;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .upload-bt span{position:relative;padding-left:13px} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .upload-bt span:before{position:absolute;left:0;top:2px;width:7px;height:9px;background:url(../../quasarzone/images/sub/upload_bt_icon.png) no-repeat;content:""} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .add-file-list{display:inline-block;font-size:0;margin-left:22px} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .add-file-list .unit{position:relative;display:inline-block;margin-left:37px} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .add-file-list .unit:first-child{margin-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .add-file-list .unit p{height:32px;padding:0 16px;font-size:14px;color:#e3e3e3;background-color:#272727;border:1px solid #525252;line-height:32px;text-align:center;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .add-file-area .add-file-list .unit a{position:absolute;top:0;right:-16px;display:inline-block;width:11px;height:11px;background:url(../../quasarzone/images/sub/add_file_delete.png) no-repeat} .column-wrap .write-editor-wrap2 .write-editor-area .option-bt-area{font-size:0;text-align:center;margin-top:60px} .column-wrap .write-editor-wrap2 .write-editor-area .option-bt-area a{display:inline-block;padding:0 13px;margin-left:11px;height:32px;font-size:14px;font-weight:700;color:#fff;line-height:32px;text-align:center;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-editor-area .option-bt-area a:first-child{margin-left:0} .column-wrap .write-editor-wrap2 .write-editor-area .option-bt-area a.org-bt{color:#fff;background-color:#ff9920;border:1px solid #a8783f} .column-wrap .write-editor-wrap2 .write-editor-area .option-bt-area a.blk-bt{color:#e3e3e3;background-color:#272727;border:1px solid #525252} .column-wrap .write-editor-wrap2 .write-select-area{padding-bottom:23px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area{position:relative;padding-left:365px;min-height:257px;box-sizing:border-box} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .img-area{position:absolute;left:0;top:0} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .img-area a{display:inline-block;width:348px;height:210px;line-height:210px;vertical-align:top;padding:11px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area p{margin-right:11px;display:inline-block;vertical-align:top;padding:11px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-1{font-size:0} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-1 .txt1{width:223px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-1 .txt2{width:51px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-1 .txt3{width:51px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-2{font-size:0;margin-top:11px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-2 .txt1{width:181px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-2 .txt2{width:158px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-3{font-size:0;margin-top:11px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-3 .txt1{width:181px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-3 .txt2{width:158px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-4{font-size:0;margin-top:11px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-4 .txt1{width:181px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-4 .txt2{width:158px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-5{font-size:0;margin-top:11px} .column-wrap .write-editor-wrap2 .write-select-area .write-img-area .list-area .list-5 p{width:352px;margin-right:0} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input{padding-top:22px} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input ul{padding-right:19px} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input ul li.none-ml .input{width:378px} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input ul li.none-ml .input input{text-align:left;box-sizing:border-box;padding-left:12px;font-size:14px;font-weight:700;color:#fff} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input ul li.none-ml:first-child .input{width:409px} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input ul li .txt2{width:62px;margin-right:11px;display:inline-block;vertical-align:top;padding:11px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input .id-input{display:block;margin-top:21px;vertical-align:top;padding:9px 0;text-align:center;font-size:14px;color:#fff;border:1px solid #4d4d4d;background:#272727} .column-wrap .write-editor-wrap2 .write-select-area .write-select-input .id-input input{width:100%;text-align:left;box-sizing:border-box;padding-left:12px;font-size:14px;font-weight:700;color:#fff} .srch-srch-wrap .srch-area{border:1px solid #4e4e4e;height:420px;position:relative;margin-top:11px} .srch-srch-wrap .srch-area:first-child{margin-top:0} .srch-srch-wrap .srch-area dl dt{height:67px;background-color:#242424;padding-left:14px;padding-top:23px;box-sizing:border-box} .srch-srch-wrap .srch-area dl dt p{width:147px;border-bottom:2px solid #ee972f;padding-bottom:6px;position:relative} .srch-srch-wrap .srch-area dl dt p:after{position:absolute;right:0;top:5px;content:"";width:6px;height:9px;background:url(../../quasarzone/images/sub/srch_title_arrow.png) no-repeat} .srch-srch-wrap .srch-area dl dt p a{display:block;font-weight:700;font-size:20px;color:#fff} .srch-srch-wrap .srch-area dl dd ul.img-type li{padding:13px 0} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title{padding-left:103px} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .thumb-area{position:absolute;left:8px;top:50%;margin-top:-17px;width:62px;height:34px;display:inline-block;background-color:grey} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .thumb-area img{display:block;width:100%;height:100%} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .num{left:75px} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title a{width:330px} .srch-srch-wrap .srch-area dl dd ul li{overflow:hidden;padding:6px 0;border-bottom:1px solid #303030} .srch-srch-wrap .srch-area dl dd ul li p{float:left;height:25px;line-height:27px;position:relative} .srch-srch-wrap .srch-area dl dd ul li p:first-child:before{display:none} .srch-srch-wrap .srch-area dl dd ul li p:before{position:absolute;left:0;width:1px;height:24px;background-color:#2e2e2e;content:""} .srch-srch-wrap .srch-area dl dd ul li p.label{width:115px;text-align:center;font-size:14px;color:silver} .srch-srch-wrap .srch-area dl dd ul li p.title{width:444px;position:relative;box-sizing:border-box;padding-left:39px} .srch-srch-wrap .srch-area dl dd ul li p.title .num{width:25px;height:25px;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;left:7px;text-align:center;display:inline-block;font-size:10px;font-weight:700} .srch-srch-wrap .srch-area dl dd ul li p.title a{font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:390px} .srch-srch-wrap .srch-area dl dd ul li .writer{width:94px;text-align:center;font-size:14px;color:silver} .srch-srch-wrap .srch-area dl dd ul li .writer img{vertical-align:text-top;margin-right:2px} .srch-srch-wrap .srch-area dl dd ul li p.view{width:60px;text-align:center;font-size:14px;color:silver} .srch-srch-wrap .srch-area dl dd ul li p.time{width:61px;text-align:center;font-size:14px;color:silver} .srch-srch-wrap .srch-area .more-bt{position:absolute;bottom:0;left:0;width:100%;display:block;height:42px;line-height:42px;text-align:center;background:url(../../quasarzone/images/sub/more_bt_bg.gif) repeat-x} .srch-srch-wrap .srch-area .more-bt span{padding-right:15px;position:relative;font-size:11px;color:#e3e3e3;font-weight:700} .srch-srch-wrap .srch-area .more-bt span:after{position:absolute;content:"";width:9px;height:9px;background:url(../../quasarzone/images/sub/more_bt_refresh.png) no-repeat;right:0;top:1px} .srch-srch-list{border:1px solid #505050;margin-top:9px;box-sizing:border-box} .srch-srch-list table{table-layout:fixed} .srch-srch-list table thead tr th{text-align:center;font-weight:700;color:#6b6b6b;font-size:12px;padding:8px 0 7px} .srch-srch-list table thead tr th a{font-weight:700;color:#6b6b6b;font-size:12px;display:inline-block;position:relative} .srch-srch-list table thead tr th a:after{position:absolute;right:-12px;top:3px;content:"";width:8px;height:6px;background:url(../../quasarzone/images/sub/q_list_arrow.png) no-repeat} .srch-srch-list table tbody tr.noti{background-color:#181818} .srch-srch-list table tbody tr.noti td{border-top:0;height:auto;padding:9px 0;border-bottom:0} .srch-srch-list table tbody tr.noti td .noti-title{text-align:left;padding-left:6px} .srch-srch-list table tbody tr.noti td .noti-title .label{display:inline-block;border:1px solid #ea7229;background-color:#ff9920;font-size:11px;text-align:center;width:28px;height:19px;line-height:19px;color:#fff;box-sizing:border-box} .srch-srch-list table tbody tr.noti td .noti-title .tit{color:#fff;font-weight:700;padding-left:13px} .srch-srch-list table tbody tr.noti td .tit a{font-weight:700} .srch-srch-list table tbody td{border-top:1px solid #505050;border-bottom:1px solid #303030;text-align:center;vertical-align:middle;height:62px} .srch-srch-list table tbody td .num{display:inline-block;font-size:12px;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box} .srch-srch-list table tbody td .num.tp1{border:1px solid #2f2f2f;background-color:none;color:#686868} .srch-srch-list table tbody td .num.tp2{border:1px solid #3f3f3f;background-color:#171717;color:#b5b5b5} .srch-srch-list table tbody td .num.tp3{border:1px solid #3f3f3f;background-color:#ada372;color:#b9b9b9} .srch-srch-list table tbody td .num.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff} .srch-srch-list table tbody td .num.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff} .srch-srch-list table tbody td .num.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff} .srch-srch-list table tbody td .label{text-align:center;font-size:14px;color:silver} .srch-srch-list table tbody td .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box} .srch-srch-list table tbody td .state.end{color:#686868} .srch-srch-list table tbody td .tit{text-align:left;padding-left:10px} .srch-srch-list table tbody td .tit a{color:#fff;vertical-align:bottom;max-width:440px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} .srch-srch-list table tbody td .nick{color:silver;font-size:14px;display:inline-block;width:100%;position:relative} .srch-srch-list table tbody td .nick:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} .srch-srch-list table tbody td .nick img{position:relative;top:-1px;margin-right:3px} .srch-srch-list table tbody td .count{color:silver;font-size:12px;position:relative;display:inline-block;width:100%} .srch-srch-list table tbody td .count:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} .srch-srch-list table tbody td .date{color:silver;font-size:12px;position:relative;display:inline-block;width:100%} .srch-srch-list table tbody td .date:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} .srch-srch-list table tbody td .title{position:relative;box-sizing:border-box;padding-left:106px} .srch-srch-list table tbody td .title:before{position:absolute;left:0;width:1px;height:24px;top:50%;margin-top:-12px;background-color:#2e2e2e;content:""} .srch-srch-list table tbody td .title .thumb-area{position:absolute;left:8px;top:50%;margin-top:-21px;width:56px;height:42px;display:inline-block;background-color:grey} .srch-srch-list table tbody td .title .thumb-area img{display:block;width:100%;height:100%} .srch-srch-list table tbody td .title .num{width:25px;height:25px;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;left:73px;top:50%;margin-top:-12px;text-align:center;display:inline-block;font-size:10px;font-weight:700} .srch-srch-list table tbody td .title a{font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:330px} .vote-box-wrap{margin-top:9px;padding-bottom:4px} .vote-box-wrap .vote-box-area{border:1px solid #525252;padding:20px 22px 20px;background-color:#272727} .vote-box-wrap .vote-box-area .vote-box{border:1px solid #525252;width:295px;box-sizing:border-box} .vote-box-wrap .vote-box-area .vote-box .vote-con{min-height:144px;padding:16px 18px;position:relative;background-color:#202020;box-sizing:border-box} .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area{position:relative;padding-right:25px;box-sizing:border-box} .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .tit{font-size:16px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .delete-bt{position:absolute;right:0;top:0} .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area{padding-top:12px} .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a{display:block;border:1px solid #525252;padding-left:16px;margin-top:9px;height:39px;line-height:39px;box-sizing:border-box} .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:13px;color:#fff;width:220px;display:block} .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a:first-child{margin-top:0} .vote-box-wrap .vote-box-area .vote-box .modify-bt{border-top:1px solid #525252;background-color:#181818;display:block;height:37px;line-height:37px;padding-left:20px;position:relative} .vote-box-wrap .vote-box-area .vote-box .modify-bt:before{position:absolute;right:16px;top:50%;margin-top:-9px;width:18px;height:18px;content:"";background:url(../../quasarzone/images/popup/modify_vote_icon.png) no-repeat} .vote-box-wrap .vote-box-area .vote-box .modify-bt span{padding-left:15px;position:relative;font-size:13px;color:#fff} .vote-box-wrap .vote-box-area .vote-box .modify-bt span:before{position:absolute;left:0;top:50%;margin-top:-8px;content:"";width:12px;height:13px;background:url(../../quasarzone/images/popup/modify_vote_icon2.png) no-repeat} .pop-sanction-wrap{padding-top:10px} .pop-sanction-wrap .pop-sanction-area{background-color:#171717;border:1px solid #525252;padding:16px 14px 16px;box-sizing:border-box;margin-bottom:16px} .pop-sanction-wrap .pop-sanction-area .title span{color:#e3e3e3;font-weight:700;font-size:14px;border-bottom:1px solid #ff9400;padding-bottom:5px} .pop-sanction-wrap .pop-sanction-area .list-unit-area{margin-top:12px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit{position:relative;padding-left:60px;box-sizing:border-box;margin-top:10px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit:first-child{margin-top:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit:after{display:block;clear:both;content:""} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .tit{position:absolute;left:0;top:0;line-height:30px;font-weight:700;color:#e3e3e3;font-size:12px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .restrict_count input{width:calc(100% - 30px)!important} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .restrict_count span{font-weight:700;color:#e3e3e3;font-size:12px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item{float:left} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;padding-right:35px;box-sizing:border-box} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item input{height:28px;box-sizing:border-box;font-size:12px;font-weight:700;color:#e3e3e3;padding-left:8px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item .cal-bt{position:absolute;right:0;top:0;width:29px;height:28px;background:url(../../quasarzone/images/popup/san_cal_bt.gif) no-repeat} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;padding-right:57px;box-sizing:border-box;margin-left:2%} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt{display:inline-block;width:100%;padding-right:35px;background-color:#272727;height:28px;line-height:28px;padding-left:9px;box-sizing:border-box;position:relative} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt span{font-size:12px;font-weight:700;color:#e3e3e3} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt.active{background-color:#272727} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area{position:absolute;display:none;z-index:100;width:124px;top:28px;left:-1px;border:1px solid #525252;border-top:1px solid #272727;box-sizing:border-box} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul{float:none;border-left:1px solid #525252} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul:first-child{border-left:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul li:first-child{border-top:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#272727;height:36px;line-height:36px;padding-left:9px;font-size:12px;font-weight:700;color:#e3e3e3} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area.active{display:block} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .value{position:absolute;right:0;top:0;width:56px;height:28px;font-weight:700;color:#e3e3e3;font-size:12px;line-height:28px;text-align:center;background:#afafaf} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;box-sizing:border-box} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt{display:inline-block;width:100%;padding-right:35px;background-color:#272727;height:28px;line-height:28px;padding-left:9px;box-sizing:border-box;position:relative} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt span{font-size:12px;font-weight:700;color:#e3e3e3} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt.active{background-color:#272727} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area{position:absolute;display:none;z-index:100;width:181px;top:28px;left:-1px;border:1px solid #525252;border-top:1px solid #272727;box-sizing:border-box} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul{float:none;border-left:1px solid #525252} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul:first-child{border-left:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul li:first-child{border-top:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#272727;height:36px;line-height:36px;padding-left:9px;font-size:12px;font-weight:700;color:#e3e3e3} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area.active{display:block} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.memo-item{width:100%} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.memo-item textarea{border:1px solid #525252;display:block;padding:12px 9px;font-size:12px;font-weight:700;color:#e3e3e3;overflow:hidden;width:100%;height:95px;background-color:#272727;box-sizing:border-box} .pop-sanction-wrap .pop-sanction-area .bt-area{font-size:0;text-align:center;margin-top:13px} .pop-sanction-wrap .pop-sanction-area .bt-area a{display:inline-block;width:53px;border:1px solid #525252;height:31px;margin:0 6px;background-color:#272727;line-height:31px;color:#e3e3e3;font-weight:700;font-size:14px;box-sizing:border-box} .editor-popup-wrap .editor-popup-area{width:320px;height:800px;position:fixed;top:50%;left:50%;margin-left:-160px;margin-top:-400px;background-color:#333;z-index:999;border:1px solid #525252;padding-top:28px;box-sizing:border-box} .editor-popup-wrap .editor-popup-area .title-area{height:54px;background-color:#444;position:relative} .editor-popup-wrap .editor-popup-area .title-area .title{color:#ccc;font-size:20px;line-height:56px;padding-left:11px} .editor-popup-wrap .editor-popup-area .title-area .close-bt{position:absolute;right:10px;top:50%;margin-top:-11px;width:20px;height:22px;background:url(../../quasarzone/images/popup/vote_close_bt.png) no-repeat;content:""} .editor-popup-wrap .editor-popup-area .content-area{padding-top:23px} .editor-popup-wrap .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding-bottom:20px;padding-left:12px} .editor-popup-wrap .editor-popup-area .content-area .title-input-area input{font-size:17px;color:#e3e3e3;width:100%;outline:0} .editor-popup-wrap .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc} .editor-popup-wrap .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc} .editor-popup-wrap .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc} .editor-popup-wrap .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area{padding:34px 12px 51px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:20px;color:#ccc;padding-top:27px;padding-bottom:6px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:46px;margin-top:9px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:46px;padding:0 9px;background-color:#222;font-size:20px;color:#fff;box-sizing:border-box} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#555} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#555} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#555} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#555} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:46px;height:46px;background-color:#00f;display:inline-block} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../../quasarzone/images/popup/add_pic_icon.png) no-repeat #444} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../../quasarzone/images/popup/add_unit_icon.png) no-repeat #444} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../../quasarzone/images/popup/chk_icon_d.png) no-repeat #444} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../../quasarzone/images/popup/chk_icon_a.png) no-repeat #444} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../../quasarzone/images/popup/op1_icon_d.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../../quasarzone/images/popup/op1_icon_a.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../../quasarzone/images/popup/op2_icon_d.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../../quasarzone/images/popup/op2_icon_a.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../../quasarzone/images/popup/op3_icon_d.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../../quasarzone/images/popup/op3_icon_a.png) no-repeat} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:145px;float:left} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:24px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select{height:24px;background-color:#222;text-align:center;border:1px solid #404040;box-sizing:border-box;display:inline-block;width:145px;float:right} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select{display:inline-block;text-align:left;padding-top:6px;padding-right:11px;position:relative;margin:0 10px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select:after{position:absolute;top:9px;right:0;width:6px;height:5px;background:url(../../quasarzone/images/popup/s_sel_arrow.gif) no-repeat;content:""} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select{color:#aaa;font-size:11px} .editor-popup-wrap .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select option{color:#aaa;font-size:11px} .editor-popup-wrap .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:25px;height:54px;line-height:54px;color:#eee} .editor-popup-wrap .add-popup-area{position:fixed;width:534px;height:426px;top:50%;left:50%;margin-left:-267px;margin-top:-213px;background-color:#181818;z-index:999;border:1px solid #565656;box-sizing:border-box} .editor-popup-wrap .add-popup-area .title-area{height:54px;line-height:54px;position:relative;padding-left:30px} .editor-popup-wrap .add-popup-area .title-area .title{font-size:17px;color:#fff} .editor-popup-wrap .add-popup-area .title-area a{position:absolute;right:24px;top:50%;margin-top:-10px;display:inline-block;width:20px;height:20px;background:url(../../quasarzone/images/popup/add_vote_close.png) no-repeat} .editor-popup-wrap .add-popup-area .content-area{padding:19px 35px 0;border-top:1px solid #3b3b3b} .editor-popup-wrap .add-popup-area .content-area .title-input-area input{background-color:#202020;border:1px solid #ff9400;padding-left:18px;color:#fff;font-size:15px;height:43px;width:100%;box-sizing:border-box} .editor-popup-wrap .add-popup-area .content-area .mid-con-area{background-color:#202020;border:1px solid #525252;margin-top:8px} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area{padding:12px 20px 28px} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li{position:relative;border:1px solid #525252;height:43px;margin-top:9px} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li:first-child{margin-top:0} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li input{width:374px;height:41px;box-sizing:border-box;font-size:15px;padding-left:18px;color:#ffff} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li .add-pic-bt{position:absolute;right:0;top:0;width:44px;height:41px;display:inline-block;background:url(../../quasarzone/images/popup/add_pic_vote.png) no-repeat} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt{width:100%;display:block;height:41px;line-height:43px;font-size:15px;padding-left:18px;color:#62b3ff;position:relative;box-sizing:border-box} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt:after{position:absolute;content:"";right:0;top:0;width:44px;height:41px;background:url(../../quasarzone/images/popup/add_list_icon.png) no-repeat} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .many-choice-bt{border-top:1px solid #525252} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .many-choice-bt a{display:block;height:40px;padding-left:23px;line-height:40px} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .many-choice-bt a span{position:relative;padding-left:20px;font-size:15px;color:#fff} .editor-popup-wrap .add-popup-area .content-area .mid-con-area .many-choice-bt a span:before{position:absolute;left:0;top:50%;margin-top:-5px;width:10px;height:10px;content:"";background:url(../../quasarzone/images/popup/many_choice_arrow.png) no-repeat} .editor-popup-wrap .add-popup-area .content-area .sub-bt{text-align:right;margin-top:18px} .editor-popup-wrap .add-popup-area .content-area .sub-bt a{display:inline-block;color:#fff;font-weight:700;font-size:11px;border:1px solid #525252;background-color:#ff9400;width:48px;line-height:24px;height:24px;box-sizing:border-box;text-align:center} .editor-popup-wrap .buy-popup-area{position:fixed;width:738px;height:840px;top:50%;left:50%;margin-left:-369px;margin-top:-420px;background-color:#fff;z-index:999;border:1px solid #d8d8d8;box-sizing:border-box} .editor-popup-wrap .buy-popup-area .top-detail-area{padding-left:350px;position:relative;height:296px} .editor-popup-wrap .buy-popup-area .top-detail-area .img-area{position:absolute;left:50px;top:37px;width:237px;height:219px;background-color:#ebebeb} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area{padding-top:41px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .util-bt{font-size:0} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt{display:inline-block;border:1px solid #ebebeb;width:47px;height:31px;text-align:center;vertical-align:top;line-height:31px;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span{font-weight:700;font-size:14px;color:#000;padding-left:22px;position:relative} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span:before{position:absolute;left:0;top:0;content:"";width:15px;height:15px;background:url(../../quasarzone/images/popup/like_bt_icon.png) no-repeat} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .util-bt a.share-bt{display:inline-block;border:1px solid #ebebeb;width:31px;height:31px;vertical-align:top;margin-left:4px;background:url(../../quasarzone/images/popup/share_bt_icon.png) 50% 50% no-repeat;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .tit{font-size:22px;font-weight:700;color:#000;width:310px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:20px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .txt{font-size:14px;font-weight:700;color:#000;width:310px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:13px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .radio-area{margin-top:25px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit{margin-left:24px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit:first-child{margin-left:0} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label{color:#f90;font-weight:700;font-size:20px} .editor-popup-wrap .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label img{vertical-align:middle;display:inline-block;margin:0 3px} .editor-popup-wrap .buy-popup-area .mid-bt-area{height:117px;background-color:#ccc;text-align:center;padding-top:36px;box-sizing:border-box} .editor-popup-wrap .buy-popup-area .mid-bt-area ul{font-size:0} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li{margin:0 14px;display:inline-block} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a{display:inline-block;width:153px;height:43px;line-height:43px;border:1px solid #555;box-sizing:border-box} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a span{font-weight:700;color:#555;font-size:22px;position:relative} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt1{border:1px solid #f90} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span{padding-left:43px} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:31px;height:24px;content:"";background:url(../../quasarzone/images/popup/buy_choice_icon1.png) no-repeat} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span{padding-left:43px} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:28px;height:24px;content:"";background:url(../../quasarzone/images/popup/buy_choice_icon2.png) no-repeat} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span{padding-left:43px} .editor-popup-wrap .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:26px;height:24px;content:"";background:url(../../quasarzone/images/popup/buy_choice_icon3.png) no-repeat} .editor-popup-wrap .buy-popup-area .bot-info-area{overflow-y:scroll;height:425px} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner{width:643px;margin:0 auto;padding-top:33px} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner .info-area dl{margin-top:28px} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner .info-area dl:first-child{margin-top:0} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner .info-area dl dt{font-weight:700;font-size:16px;color:#000} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner .info-area dl dd{font-size:14px;color:#000;line-height:20px;margin-top:8px} .editor-popup-wrap .buy-popup-area .bot-info-area .info-inner .info-area .noti{text-align:center;height:39px;font-size:14px;color:#000;line-height:39px;background-color:#ebebeb;margin-top:22px} .editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list{overflow:hidden;font-size:0;padding-top:49px} .editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li{margin-left:51px;float:left;margin-bottom:58px} .editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:first-child{margin-left:0} .editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(13),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(17),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(21),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(25),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(29),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(33),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(5),.editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li:nth-child(9){margin-left:0} .editor-popup-wrap .buy-popup-area .bot-info-area .emoti-list li a{display:inline-block;width:122px;height:113px;background-color:#ebebeb} .editor-popup-wrap .buy-popup-area .msg-popup-area{position:absolute;left:0;top:0;width:100%;height:100%;display:none} .editor-popup-wrap .buy-popup-area .msg-popup-area.active{display:block} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area{width:392px;height:162px;position:absolute;z-index:1;background-color:#181818;border:1px solid #565656;top:68px;left:50%;margin-left:-196px;padding-top:20px;box-sizing:border-box} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .title em{color:#ff9400} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../quasarzone/images/popup/follow_bt.png) no-repeat} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .bt{font-size:0;text-align:center;margin-top:12px} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .editor-popup-wrap .buy-popup-area .msg-popup-area .msg-content-area .bt a:hover{background-color:#ff7d7d} .editor-popup-wrap .buy-popup-area .msg-popup-area .inner-dimmed{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.5} .editor-popup-wrap .emoticon-popup-area{position:fixed;width:648px;height:986px;top:50%;left:50%;margin-left:-324px;margin-top:-493px;background-color:#181818;z-index:999;border:1px solid #565656;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .tab-bt-area{font-size:0;overflow:hidden} .editor-popup-wrap .emoticon-popup-area .tab-bt-area a{width:50%;display:inline-block;height:55px;line-height:57px;text-align:center;float:left;background-color:#ccc;border-left:1px solid #b1b1b1;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .tab-bt-area a:first-child{border-left:0} .editor-popup-wrap .emoticon-popup-area .tab-bt-area a span{font-size:22px;font-weight:700;color:#444} .editor-popup-wrap .emoticon-popup-area .tab-bt-area a.active{background-color:#444} .editor-popup-wrap .emoticon-popup-area .tab-bt-area a.active span{color:#ccc} .editor-popup-wrap .emoticon-popup-area .content-area{padding:0 0 0;border-top:1px solid #b1b1b1;display:none} .editor-popup-wrap .emoticon-popup-area .content-area.active{display:block} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area{height:191px;background-color:#efefef;padding:8px 62px 0;position:relative;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .prev-bt{position:absolute;left:22px;top:50%;margin-top:-11px;width:10px;height:22px;background:url(../../quasarzone/images/popup/hasticon_prev_bt.png) no-repeat;text-indent:-9999px;overflow:hidden} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .hasticon{overflow:hidden} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .hasticon li{float:left;margin:1px} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .hasticon li a{width:56px;height:56px;border:1px solid #efefef;text-align:center;vertical-align:top;outline:0;box-sizing:border-box;display:inline-block} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .hasticon li a.active{background-color:#dbdbdb;border:1px solid #b1b1b1} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .cate-sort{overflow:hidden;padding-top:30px} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .cate-sort li{float:left;margin:4px 4px} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .cate-sort li a{display:inline-block;background-color:#dbdbdb;padding:0 18px;height:48px;line-height:48px;border:1px solid #b1b1b1;font-size:20px;color:#444;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .cate-sort li a.active{background-color:#f90;color:#eee} .editor-popup-wrap .emoticon-popup-area .content-area .top-con-area .next-bt{position:absolute;right:22px;top:50%;margin-top:-11px;width:10px;height:22px;background:url(../../quasarzone/images/popup/hasticon_next_bt.png) no-repeat;text-indent:-9999px;overflow:hidden} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area{background-color:#fff;height:640px;overflow-y:scroll} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul{padding:0 10px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li{float:left;margin:10px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{display:inline-block;width:56px;height:56px;vertical-align:top;border:1px solid #dbdbdb;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul{padding:0 18px 30px;overflow:hidden} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li{float:left;margin:18px 10px 0} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a{display:inline-block;width:128px;height:155px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{width:128px;height:80px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area{text-align:center;padding-top:18px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit{font-size:13px;font-weight:700;color:#000} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit img{vertical-align:middle} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt{font-size:11px;font-weight:700;color:#b1b1b1;margin-top:8px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util{margin-top:2px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:19px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value:before{position:absolute;left:0;top:1px;content:"";width:15px;height:12px;background:url(../../quasarzone/images/popup/emo_p_value.gif) no-repeat} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:26px} .editor-popup-wrap .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value:before{position:absolute;left:0;top:1px;content:"";width:23px;height:12px;background:url(../../quasarzone/images/popup/emo_c_value.gif) no-repeat} .editor-popup-wrap .emoticon-popup-area .content-area .bot-con-area{background-color:#efefef;height:97px;padding-top:25px;box-sizing:border-box} .editor-popup-wrap .emoticon-popup-area .content-area .bot-con-area .bt-area{text-align:center;font-size:0} .editor-popup-wrap .emoticon-popup-area .content-area .bot-con-area .bt-area a{display:inline-block;width:204px;font-size:22px;font-weight:700;color:#555;border:1px solid #b1b1b1;background-color:#ccc;margin:0 3px;height:47px;line-height:49px;text-align:center;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap{width:384px;height:370px;background-color:#272727;border:1px solid #565656;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap{padding:16px 18px 16px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .text{text-align:center;font-size:14px;color:#aaa} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .text span{margin:0 8px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .login-bt{margin-top:14px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .login-bt a{background-color:#ff9400;text-align:center;height:43px;line-height:43px;display:block;border:1px solid #885725;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .login-bt a span{padding-left:161px;font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .login-bt a span:before{position:absolute;width:154px;height:27px;content:"";background:url(../../quasarzone/images/main/login_bt_logo.png) no-repeat;left:0;top:-5px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area{margin-top:11px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area .srch-bt{float:left} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area .srch-bt a{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area .join-bt{float:right} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-wrap .util-bt-area .join-bt a{color:#aaa;font-size:11px} #contentArea #container #content .sub-content-wrap .right-util-wrap .banner-area{width:382px;height:230px;background-color:#272727;border-top:1px solid #565656;box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:101} #contentArea #container #content .sub-content-wrap .right-util-wrap .banner-area a{display:block;width:100%;height:100%;background-color:#e2e2e2} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap{position:absolute;left:0;top:0;width:100%;height:141px;z-index:102;background-color:#272727;border:1px solid #565656;border-bottom:0;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap{height:77px;padding-left:20px;padding-top:19px;border-bottom:1px solid #565656;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area{padding-left:60px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{position:absolute;left:0;top:-6px;width:49px;height:49px;overflow:hidden;background-color:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic:hover:before{opacity:1} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic img{width:100%;display:block;height:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../../quasarzone/images/sub/login_pic_hover.png) no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area{color:#fff;font-size:16px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area img{position:relative;top:-2px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id{margin-right:4px;margin-left:5px;color:#eee} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .my-info-bt{font-size:12px;color:silver;border-bottom:1px solid silver;position:relative;top:-2px;left:1px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area{left:55px;top:8px;border:1px solid #565656;position:absolute;width:88px;padding:8px 10px;background-color:#181818;box-sizing:border-box;z-index:99999;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area.active{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li{margin-top:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li a{font-weight:700;color:silver;font-size:12px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id-click-area ul li a:hover{color:#ff9400;text-decoration:underline} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area{padding-left:20px;font-size:0;margin-top:2px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area span{font-size:14px;font-weight:700;color:silver;position:relative;margin-left:6px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span{font-size:14px;color:silver;position:relative;margin-left:6px;padding-left:7px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:first-child{padding-left:0;margin-left:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .util-area a span:before{position:absolute;left:0;top:1px;width:1px;height:14px;content:"";background-color:silver} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .logout-bt{display:inline-block;padding:0 5px;position:absolute;right:20px;top:18px;border:1px solid #505050;background-color:#272727;height:21px;line-height:21px;box-sizing:border-box;font-size:12px;color:silver} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap{position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list{font-size:0;border-bottom:1px solid #565656} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li{display:inline-block;width:63px;border-left:1px solid #565656;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:first-child{width:64px;border-left:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt{display:block;text-align:center;height:35px;line-height:37px;background-color:#181818;position:relative;outline:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#272727;content:"";display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active{background-color:#272727} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active:after{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt.active span{color:#fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span{font-size:12px;color:#cdcdcd;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-bt span:after{position:absolute;right:-7px;top:50%;margin-top:-2px;content:"";width:4px;height:4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#ff9920;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area{position:absolute;top:36px;background-color:#272727;font-size:20px;left:-1px;width:384px;height:255px;z-index:102;border:1px solid #565656;border-top:0;box-sizing:border-box;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area.active{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner{padding-left:12px;padding-top:13px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area{padding-left:10px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title{color:silver;font-size:14px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit{color:#fff;border-bottom:1px solid #fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .tit2{color:#fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .title .count{color:#ff9920} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title{color:#e3e3e3;font-size:14px;line-height:19px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .rank-title span{color:#ff9920} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt{font-size:0;position:absolute;right:20px;top:10px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt.rank{top:19px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a{display:inline-block;padding:0 5px;border:1px solid #505050;background-color:#272727;height:21px;line-height:21px;box-sizing:border-box;font-size:12px;color:silver;margin-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .title-area .util-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con{height:170px;margin-top:17px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p{padding:2px 0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p:after{display:block;clear:both;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .rank{float:left;width:80px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id{float:left;width:190px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .id img{position:relative;top:-5px;padding-right:2px;transform:scale(.8)} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p .point{float:left;width:85px;text-align:center;font-size:12px;color:silver;font-weight:700} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank{padding:3px 0 7px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .rank{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .id img{top:-4px;transform:scale(1)} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .rank-tab-con p.my-rank .point{font-size:14px;color:#e3e3e3} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area{margin-top:12px;height:203px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li{padding:8px 0 1px 10px;width:340px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .label{color:#fff;font-size:14px;display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title{font-size:14px;position:relative;color:#9c9c9c;width:310px;display:inline-block;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title a{width:auto;display:inline;font-size:14px;color:#9c9c9c;padding-right:0;word-break:break-all} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span{position:relative;padding-left:0;color:#fff;font-size:14px;padding-right:7px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp6 ul li .delete-bt{position:absolute;right:13px;top:50%;margin-top:-4px;width:9px;height:8px;display:inline-block;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;overflow:hidden;text-indent:-9999px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li{padding:8px 0 1px 10px;width:340px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .label{color:#fff;font-size:14px;display:inline-block;vertical-align:top} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title{font-size:14px;position:relative;color:#ff9920;display:inline-block;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title a{display:table-cell;vertical-align:sub;width:auto;font-size:14px;color:#9c9c9c;padding-right:5px;word-break:break-all;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span{display:table-cell;position:relative;font-size:8px;color:silver;padding-left:14px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp5 ul li .title span:before{position:absolute;left:0;top:3px;width:11px;height:9px;background:url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .tit{font-size:14px;font-weight:700;min-height:17px;line-height:17px;position:relative;color:#ff9920;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id{display:inline-block;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .okay-bt{position:absolute;right:46px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_okay_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp4 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#48ff55;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit{font-size:14px;width:50px;min-height:17px;line-height:17px;position:relative;color:silver;padding-left:21px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .id-tit a{font-size:14px;color:#fff;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span{display:inline-block;position:relative;padding-left:10px;margin-left:10px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child{padding-left:0;margin-left:0} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#aaa;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .util span a{display:inline-block;font-size:14px;color:silver} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .tit{font-size:14px;font-weight:700;min-height:17px;line-height:17px;position:relative;color:#ff9920;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util .id{display:inline-block;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .okay-bt{position:absolute;right:46px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_okay_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li{padding:11px 0 8px 52px;width:298px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:after{position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .thumb-area{position:absolute;left:10px;top:50%;margin-top:-17px;width:34px;height:34px;display:inline-block;background-color:#ddd;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title{font-size:14px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title.new a{color:#fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .title a{font-size:14px;color:silver;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id{display:inline-block;width:105px;min-height:17px;line-height:17px;position:relative;font-size:14px;color:silver;padding-left:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .id i{display:inline-block;position:absolute;left:0;top:0;width:17px;height:17px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time{font-size:14px;color:silver;position:relative;padding-left:10px;margin-left:10px;line-height:17px;vertical-align:top} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .util .time:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#aaa;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp2 ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li{padding:11px 0 8px 10px;width:340px;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new:after{display:block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title .label{color:#fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li.new .title a{color:#fff} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:after{position:absolute;left:0;top:15px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:before{position:absolute;top:0;left:10px;width:340px;background-color:#565656;height:1px;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li:first-child:before{display:none} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title{font-size:14px;position:relative;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label{display:inline-block;left:0;top:0;color:silver;vertical-align:top;position:relative} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label:before{position:absolute;left:-10px;top:50%;margin-top:-2px;width:5px;height:5px;background-color:#ff9920;content:"";display:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title a{font-size:14px;color:silver;width:270px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util{font-size:0;margin-top:5px;padding-left:3px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .locate{font-size:14px;color:silver} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time{font-size:14px;color:silver;position:relative;padding-left:10px;margin-left:10px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .util .time:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:silver;content:""} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .delete-bt{position:absolute;right:13px;overflow:hidden;text-indent:-9999px;top:50%;margin-top:-4px;width:9px;height:8px;background:url(../../quasarzone/images/main/unit_delete_icon.png) no-repeat;display:inline-block} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item{width:100%;padding-right:0} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item input{width:100%;padding:0 8px} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item{width:100%} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item select{width:100%;padding:0 8px;height:28px;box-sizing:border-box;font-size:12px;font-weight:700;color:#e3e3e3;background:url(../../quasarzone/images/sub/cate_arrow_icon.png) no-repeat 98% 50%} .pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item select option{color:#333} .xdsoft_datetimepicker .xdsoft_month{width:80px!important} .xdsoft_datetimepicker .xdsoft_year{width:70px!important} .flex-direction-nav .flex-nav-prev{display:none} .flex-direction-nav .flex-nav-next{display:none} .layerPopup .parti-popup-area .content-area .list-util-area{position:relative} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box{padding-top:16px} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center{text-align:center;font-size:0} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul li:first-child{border-left:0} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul li a{display:inline-block;height:27px;line-height:30px;font-size:12px;color:#e3e3e3;padding:0 8px} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul li a.on{background-color:#ff9400} .layerPopup .sponsor-popup-area .content-area .list-util-area{position:relative} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box{padding-top:16px} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center{text-align:center;font-size:0} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul li:first-child{border-left:0} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul li a{display:inline-block;height:27px;line-height:30px;font-size:12px;color:#e3e3e3;padding:0 8px} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul li a.on{background-color:#ff9400} .layerPopup .list-popup-area .content-area .list-util-area{position:relative} .layerPopup .list-popup-area .content-area .list-util-area .paging-box{padding-top:16px} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center{text-align:center;font-size:0} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul li:first-child{border-left:0} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul li a{display:inline-block;height:27px;line-height:30px;font-size:12px;color:#e3e3e3;padding:0 8px} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul li a.on{background-color:#ff9400} .layerPopup .declar-popup-area{width:620px;height:530px;position:fixed;top:50%;left:50%;margin-left:-310px;margin-top:-265px;background-color:#222;z-index:999} .layerPopup .declar-popup-area .title-area{height:60px;position:relative;line-height:60px;background-color:#ff9400;padding-left:23px} .layerPopup .declar-popup-area .title-area .title{color:#fff;font-weight:700;font-size:20px} .layerPopup .declar-popup-area .title-area button{position:absolute;right:20px;top:50%;margin-top:-8px;overflow:hidden;text-indent:-9999px;width:16px;height:16px;background:url(../images/popup/pop_close_bt.png) no-repeat} .layerPopup .declar-popup-area .content-area{padding:20px 20px} .layerPopup .declar-popup-area .content-area .content-box{border:1px solid #525252} .layerPopup .declar-popup-area .content-area .content-box table tr:first-child td{border-top:0} .layerPopup .declar-popup-area .content-area .content-box table th{background-color:#333;vertical-align:middle;text-align:center;border-top:1px solid #525252} .layerPopup .declar-popup-area .content-area .content-box table th span{font-weight:700;font-size:14px;color:#fff} .layerPopup .declar-popup-area .content-area .content-box table td{vertical-align:middle;padding-left:20px;border-top:1px solid #525252} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .target{color:#fff;font-size:14px;line-height:21px} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .route{color:#656565;font-size:14px;margin-top:21px} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li{margin-top:20px} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li:first-child{margin-top:0} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li .chk-area input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li .chk-area input[type=radio]+label{padding-left:32px;overflow:visible;display:inline-block;position:relative;top:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#fff;line-height:22px;letter-spacing:-.5px} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li .chk-area input[type=radio]+label::before{content:'';position:absolute;top:50%;margin-top:-12px;left:0;width:22px;height:22px;text-align:center;background:url(../images/popup/chk_type_d.png) no-repeat;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease} .layerPopup .declar-popup-area .content-area .content-box table td .td-content ul li .chk-area input[type=radio]:checked+label:before{background:url(../images/popup/chk_type_a.png) no-repeat} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area{margin-top:20px} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area textarea{width:435px;height:80px;padding:12px 12px;color:#fff;overflow:hidden;font-size:12px;background-color:#222;border:1px solid #525252;box-sizing:border-box} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area textarea::-webkit-input-placeholder{color:#656565} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area textarea::-moz-placeholder{color:#656565} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area textarea:-ms-input-placeholder{color:#656565} .layerPopup .declar-popup-area .content-area .content-box table td .td-content .text-area textarea:-moz-placeholder{color:#656565} .layerPopup .declar-popup-area .content-area .btn-area{border-top:1px solid #525252;margin-top:20px;padding-top:20px;font-size:0;text-align:center} .layerPopup .declar-popup-area .content-area .btn-area a{display:inline-block;margin-left:17px;color:#fff;padding:0 15px;font-size:14px;font-weight:700;height:31px;line-height:31px;box-sizing:border-box;text-align:center} .layerPopup .declar-popup-area .content-area .btn-area a:first-child{margin-left:0} .layerPopup .declar-popup-area .content-area .btn-area a.org-bt{border:1px solid #a8783f;background-color:#ff9400} .layerPopup .declar-popup-area .content-area .btn-area a.blk-bt{border:1px solid #4d4d4d;background-color:#272727} .layerPopup .survey-popup-area{width:400px;height:401px;position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-200px;background-color:#333;z-index:999;border:1px solid #525252;box-sizing:border-box} .layerPopup .survey-popup-area .title-area{height:54px;background-color:#222} .layerPopup .survey-popup-area .title-area .title{color:#fff;font-size:14px;line-height:54px;padding-left:18px} .layerPopup .survey-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:#fff;line-height:17px} .layerPopup .survey-popup-area .title-area .date-limit .countdown span{color:#ff9400} .layerPopup .survey-popup-area .content-area{padding:20px 20px 0} .layerPopup .survey-popup-area .content-area .q-tit{font-weight:700;color:#565656;font-size:16px} .layerPopup .survey-popup-area .content-area .survey-area{margin-top:20px} .layerPopup .survey-popup-area .content-area .survey-area ul li{box-sizing:border-box;padding-left:70px;height:66px;width:100%;position:relative;margin-top:30px} .layerPopup .survey-popup-area .content-area .survey-area ul li:first-child{margin-top:0} .layerPopup .survey-popup-area .content-area .survey-area ul li .thumb-area{position:absolute;left:0;top:0;width:66px;height:66px;background-color:grey} .layerPopup .survey-popup-area .content-area .survey-area ul li .thumb-area img{width:100%;height:100%;display:block} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area{height:66px;width:100%;position:relative} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area .tit{color:#fff;font-size:14px} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value{position:absolute;bottom:0;width:100%} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote{text-align:right;font-size:16px;color:#ff9400;margin-bottom:5px} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote span{font-weight:700;font-size:20px;margin-right:2px} .layerPopup .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .survey-bar{height:18px;background-color:#ff9400} .layerPopup .sponsor-popup-area{width:1866px;height:460px;position:fixed;top:50%;left:50%;margin-left:-933px;margin-top:-230px;background-color:#333;z-index:999;padding:27px 24px 0 24px;box-sizing:border-box} .layerPopup .sponsor-popup-area .title-area .title{color:#ff9920;font-size:26px;font-weight:700} .layerPopup .sponsor-popup-area .title-area .title a{display:inline-block;font-size:20px;color:#61f200;text-decoration:underline;margin-left:30px} .layerPopup .sponsor-popup-area .title-area .noti{font-size:20px;color:#e5e5e5;margin-top:26px} .layerPopup .sponsor-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:#fff;line-height:17px} .layerPopup .sponsor-popup-area .title-area .date-limit .countdown span{color:#ff9400} .layerPopup .sponsor-popup-area .content-area{padding-top:31px} .layerPopup .sponsor-popup-area .content-area table{table-layout:fixed} .layerPopup .sponsor-popup-area .content-area table th{text-align:left;padding:0 0 0 7px;height:43px;background-color:#ff9920;font-weight:700;color:#fff;font-size:16px;vertical-align:middle} .layerPopup .sponsor-popup-area .content-area table th.tac{text-align:center} .layerPopup .sponsor-popup-area .content-area table th.pn{padding:0} .layerPopup .sponsor-popup-area .content-area table td{text-align:left;padding:0 0 0 7px;height:40px;background-color:#333;border-bottom:1px solid #565656;font-size:14px;color:#fff;vertical-align:middle} .layerPopup .sponsor-popup-area .content-area table td.pn{padding:0} .layerPopup .sponsor-popup-area .content-area table td .chk-box{text-align:center} .layerPopup .sponsor-popup-area .content-area table td .num{text-align:center} .layerPopup .sponsor-popup-area .content-area table td .option{text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;padding-top:7px;padding-bottom:5px;} .layerPopup .sponsor-popup-area .content-area table td .input input{box-sizing:border-box;font-size:14px;color:#fff;width:100%;height:25px;background-color:#181818;border:1px solid #525252;padding-left:12px} .layerPopup .sponsor-popup-area .content-area table td .select{position:relative} .layerPopup .sponsor-popup-area .content-area table td .select select{box-sizing:border-box;width:100%;font-size:14px;color:#fff;height:25px;background-color:#181818;border:1px solid #525252;padding-left:6px} .layerPopup .sponsor-popup-area .content-area table td .select:after{position:absolute;width:7px;height:4px;right:7px;top:50%;margin-top:-2px;content:"";background:url(../images/sub/list_bt_arrow.png) no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .layerPopup .sponsor-popup-area .content-area .util-area{font-size:0;margin-top:20px} .layerPopup .sponsor-popup-area .content-area .util-area .input-file{display:inline-block;height:35px;border:1px solid #525252;background-color:#181818;box-sizing:border-box;vertical-align:top;padding-top:6px;padding-left:5px} .layerPopup .sponsor-popup-area .content-area .util-area .input-file input{font-size:14px;color:#fff;vertical-align:middle} .layerPopup .sponsor-popup-area .content-area .util-area a{display:inline-block;font-size:14px;color:#fff;margin-left:10px;background-color:#181818;width:105px;height:35px;line-height:35px;border:1px solid #525252;text-align:center;box-sizing:border-box} .layerPopup .list-popup-area{width:1866px;height:688px;position:fixed;top:50%;left:50%;margin-left:-933px;margin-top:-344px;background-color:#333;z-index:999;padding:31px 24px 0 24px;box-sizing:border-box} .layerPopup .list-popup-area .title-area .title{color:#e5e5e5;font-size:26px;font-weight:700} .layerPopup .list-popup-area .title-area .title a{display:inline-block;font-size:20px;color:#61f200;text-decoration:underline;margin-left:30px} .layerPopup .list-popup-area .title-area .noti{font-size:20px;color:#e5e5e5;margin-top:26px} .layerPopup .list-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:#fff;line-height:17px} .layerPopup .list-popup-area .title-area .date-limit .countdown span{color:#ff9400} .layerPopup .list-popup-area .content-area{margin-top:29px} .layerPopup .list-popup-area .content-area table{table-layout:fixed} .layerPopup .list-popup-area .content-area table th{text-align:left;padding:0 0 0 7px;height:43px;background-color:#ff9920;font-weight:700;color:#fff;font-size:16px;vertical-align:middle} .layerPopup .list-popup-area .content-area table th.tac{text-align:center} .layerPopup .list-popup-area .content-area table th.pn{padding:0} .layerPopup .list-popup-area .content-area table td{text-align:left;padding:0 0 0 7px;height:40px;background-color:#333;border-bottom:1px solid #565656;font-size:14px;color:#fff;vertical-align:middle} .layerPopup .list-popup-area .content-area table td.pn{padding:0} .layerPopup .list-popup-area .content-area table td .chk-box{text-align:center} .layerPopup .list-popup-area .content-area table td .num{text-align:center} .layerPopup .list-popup-area .content-area table td .option{text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .layerPopup .list-popup-area .content-area table td .input input{box-sizing:border-box;font-size:14px;color:#fff;width:100%;height:25px;background-color:#181818;border:1px solid #525252;padding-left:12px} .layerPopup .list-popup-area .content-area table td .select{position:relative} .layerPopup .list-popup-area .content-area table td .select select{box-sizing:border-box;width:100%;font-size:14px;color:#fff;height:25px;background-color:#181818;border:1px solid #525252;padding-left:6px} .layerPopup .list-popup-area .content-area table td .select:after{position:absolute;width:7px;height:4px;right:7px;top:50%;margin-top:-2px;content:"";background:url(../images/sub/list_bt_arrow.png) no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .layerPopup .list-popup-area .content-area .util-area{font-size:0;margin-top:20px} .layerPopup .list-popup-area .content-area .util-area a{display:inline-block;font-size:14px;color:#fff;margin-left:10px;background-color:#181818;width:105px;height:35px;line-height:35px;border:1px solid #525252;text-align:center;box-sizing:border-box} .layerPopup .list-popup-area .content-area .util-area a:first-child{margin-left:0} .layerPopup .content-area .msg-box{padding-top:35px} .layerPopup .content-area .msg-box .tit{font-size:16px;font-weight:700;color:#e5e5e5} .layerPopup .content-area .msg-box .text-area{margin-top:20px} .layerPopup .content-area .msg-box .text-area textarea{width:848px;height:152px;background-color:#181818;overflow:hidden;border:1px solid #525252;box-sizing:border-box} .layerPopup .content-area .msg-box .util-area2{margin-top:10px} .layerPopup .content-area .msg-box .util-area2 a{display:inline-block;font-size:14px;color:#fff;background-color:#181818;width:105px;height:35px;line-height:35px;border:1px solid #525252;text-align:center;box-sizing:border-box} .basket-popup-area{width:446px;height:430px;position:fixed;top:50%;left:50%;margin-left:-223px;margin-top:-215px;background-color:#181818;z-index:999;border:1px solid #525252;padding:31px 20px 0 20px;box-sizing:border-box} .basket-popup-area dl dt .price{font-size:24px;color:#fff;font-weight:700;border-bottom:1px solid #ee972f;display:inline-block;padding-bottom:9px} .basket-popup-area dl dd{padding-top:13px} .basket-popup-area dl dd ul li{padding-right:98px;position:relative;box-sizing:border-box} .basket-popup-area dl dd ul li .text-wrap{padding-right:20px;position:relative;box-sizing:border-box} .basket-popup-area dl dd ul li .text-wrap .text-area .tit a{display:block;font-weight:700;font-size:16px;width:100%;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .basket-popup-area dl dd ul li .text-wrap .text-area .info{font-size:12px;color:#b8b8b8;margin-top:9px;word-break: break-all} .basket-popup-area dl dd ul li .text-wrap .count-area{position:absolute;right:0;top:50%;margin-top:-21px;width:12px;height:42px;line-height:42px;text-align:center} .basket-popup-area dl dd ul li .text-wrap .count-area .up-bt{position:absolute;top:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../images/sub/count_up_bt.png) no-repeat} .basket-popup-area dl dd ul li .text-wrap .count-area .dw-bt{position:absolute;bottom:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../images/sub/count_dw_bt.png) no-repeat} .basket-popup-area dl dd ul li .text-wrap .count-area .num{font-weight:700;font-size:14px;color:#fff} .basket-popup-count dl dd ul li .text-wrap .count-area .up-bt{left:100%;} .basket-popup-count dl dd ul li .text-wrap .count-area .dw-bt{left:100%;} .basket-popup-count dl dd ul li .text-wrap .count-area .num{margin-top:5px;vertical-align:middle !important;background-color: transparent !important;border:0 !important;font-size: 14px !important;font-weight: 700 !important;} .basket-popup-area dl dd ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-4px;width:9px;height:9px;display:inline-block;background:url(../images/sub/delete_bt_icon.png) no-repeat} .layerPopup .parti-popup-area{width:1866px;height:746px;position:fixed;top:50%;left:50%;margin-left:-933px;margin-top:-373px;background-color:#333;z-index:999;padding:24px 24px 0 24px;box-sizing:border-box} .layerPopup .parti-popup-area .title-area{text-align:center;background-color:#444;height:43px;line-height:43px} .layerPopup .parti-popup-area .title-area p{font-size:20px;color:#fff} .layerPopup .parti-popup-area .content-area{margin-top:16px} .layerPopup .parti-popup-area .content-area table th{text-align:left;padding-left:21px;font-size:16px;color:#fff;font-weight:700;height:40px;vertical-align:middle} .layerPopup .parti-popup-area .content-area table th.tac{text-align:center;padding-left:0} .layerPopup .parti-popup-area .content-area table td{text-align:left;padding-left:21px;font-size:14px;color:#fff;height:40px;vertical-align:middle;border-top:1px solid #565656; padding-top:9px; padding-bottom:7px;} .layerPopup .parti-popup-area .content-area table td.tac{text-align:center;padding-left:0} .layerPopup .voter-popup-area{width:250px;max-height:500px;position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-188px;background-color:#333;z-index:999;border:1px solid #525252;box-sizing:border-box;height: 400px} .layerPopup .voter-popup-area .title-area{height:54px;background-color:#444;position: relative} .layerPopup .voter-popup-area .title-area .title{color:#fff;font-size:14px;line-height:54px;padding-left:18px} .layerPopup .voter-popup-area .title-area .close-bt{position: absolute;top: 50%;transform: translateY(-50%);right: 16px;font-size: 24px;color: #fff !important} .layerPopup .voter-popup-area .content-area{height: calc(100% - 54px)} .layerPopup .voter-popup-area .content-area .q-tit{font-weight:700;color:#565656;font-size:16px;} .layerPopup .voter-popup-area .content-area > ul{overflow: auto;height: 100%} .layerPopup .voter-popup-area .content-area > ul > li{box-sizing:border-box;padding-left:0;height:50px;width:100%;border-bottom:1px solid #525252;position:relative;overflow: visible} .layerPopup .voter-popup-area .content-area > ul > li > .thumb-area{position:absolute;left:20px;top:50%;margin-top:-27px;width:55px;height:55px;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden} .layerPopup .voter-popup-area .content-area > ul > li > .thumb-area img{width:100%;height:100%;display:block} .layerPopup .voter-popup-area .content-area > ul > li > .id{line-height:50px;font-size:16px;color:#fff;padding: 0 16px;box-sizing: border-box} .layerPopup .voter-popup-area .content-area > ul > li > .id span{font-size:14px;color:#fff} .layerPopup .voter-popup-area .content-area > ul > li > .id img{display:inline;vertical-align:middle;height: 14px;width: 14px;margin-right: 3px} .layerPopup .voter-popup-area .paging-wrap{padding:10px 0;background: #444;border:1px solid #525252;margin: 0 -1px} .layerPopup .voter-popup-area .paging-wrap .paging-area{font-size:0;text-align:center;line-height:32px} .layerPopup .voter-popup-area .paging-wrap .page-jump{vertical-align:middle} .layerPopup .voter-popup-area .paging-wrap .paging-area .prev-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_prev_bt.png) no-repeat 0 50%;margin-right:16px} .layerPopup .voter-popup-area .paging-wrap .paging-area .next-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_next_bt.png) no-repeat 0 50%;margin-left:16px} .layerPopup .voter-popup-area .paging-wrap .paging-area .double{width:14px;background-repeat:repeat-x} .layerPopup .voter-popup-area .paging-wrap .paging-area ul{display:inline-block;vertical-align:middle;line-height:1} .layerPopup .voter-popup-area .paging-wrap .paging-area ul li{display:inline-block;margin-left:8px} .layerPopup .voter-popup-area .paging-wrap .paging-area ul li:first-child{margin-left:0} .layerPopup .voter-popup-area .paging-wrap .paging-area ul li a{font-size:14px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;height:32px;line-height:32px;text-align:center;box-sizing:border-box;display:block;padding:0 7px} .layerPopup .voter-popup-area .paging-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff} .layerPopup .game-system-popup{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;z-index: 9;} .layerPopup .game-system-popup .popup-close-btn-wrap{background: none;} .layerPopup .game-system-popup .spec-box{width: 470px;margin-bottom: 0;margin-top: 0} .layerPopup .dimmed{background-color:#000;width:100%;height:100%;position:absolute;opacity:.5} .video-play-pop-wrap{position: fixed;} .per-list01 table tr th {background:#ff9400; color:#fff; font-weight:bold; font-size:20px; text-align: center; padding:10px 0 6px;} .per-list01 table tr td {color:#b8b8b8; font-size:16px; padding:12px 0; border-bottom:1px solid #565656; text-align: center; vertical-align: mi} .thumb-area{overflow: hidden} .thumb-area img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-height: 100%;min-height: 100%;width: 100%;height: 100%} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area.tp3 ul .frd-que .util .id{padding-left: 21px !important} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .srch-box .srch-sel-area{z-index: 9} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .admin-util-box ul li a.active_on { background-color: #ff9400 } #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd {overflow: visible} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area{width: 100%;position: relative;overflow: visible} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area .item{margin-top: 0;margin-bottom: 30px;display: inline-block;width: 50%;vertical-align: top;float: left} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area .item li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area.type2 .item{width: 33.33%;float: none;display: block} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area.type2 .item:nth-last-of-type(1){width: 66.66%;position: absolute;top: 0;right: 0} #contentArea #container #content .sub-content-wrap .right-sub-wrap .board-info-wrap dd .info-left-area.type2 .item:nth-last-of-type(1) ul{display: block;float: left;width: 50%;} #contentArea #container #content .sub-content-wrap .left-con-wrap .desk-setup-list .list-wrap .list-area ul li a .text-area .util .id {font-weight: 500;font-size: 12px;color: #cdcdcd;max-width: 100px;position: relative;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 5px 0 0;display: inline-block;} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area {height: auto;padding: 0;background: none;margin-bottom: 16px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .note-editor.note-frame{background: #181818} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .comment-close-bt{font-size: 14px;color: #ff9900;margin-bottom: 8px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap{text-align: right;margin-top: 8px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button{width: 140px;position: relative;text-align: center;font-size: 16px;padding: 12px 0;height: auto;line-height: 1;vertical-align: middle;bottom: 0;right: 0;left: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button + button{margin-left: 8px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button.reply-good-bt{background: #ff9900;color: #222;font-weight: bold;position: relative} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button.reply-good-bt span{position: relative;padding-left: 30px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button.reply-good-bt span:before{background: url(../images/common/tangerine_icon.png) no-repeat 0 50%;background-size: 23px;width: 23px;height: 23px;content: '';display: inline-block;position: absolute;left: 0;top:50%;transform: translateY(-50%)} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .btn-wrap button.reply-bt{background: #4c4c4c;color: #fff;font-weight: bold} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area .cancel-bt{position: absolute;background-color: #666;bottom: -30px;right: 65px;width: 57px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;display: inline-block;} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .input-editor-area .text-area label{color: #fff} #contentArea #container #content .sub-content-wrap .left-con-wrap .daily_gallery_list ul li .thumb-area02 img{width: 100%;height: 100%} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1{min-width: 180px} .note-popover .popover-content, .panel-heading.note-toolbar{position: static !important} .note-editor .btn-group-sm>.btn:active, .note-editor .btn-sm:active{padding: 5px 10px} .reply-wrap ~ #frmSearch > .column-wrap{margin-top: 10px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area img{max-width: 100%} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area .re-reply-id{text-decoration: none;cursor: default} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area .re-reply-id:hover #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area .re-reply-id:active{color: #337ab7} .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px;} .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #000; } .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } .option-box.write-select-input ul li.none-ml:first-child .input{width: 570px} .make-option{display: block;font-size: 14px;color: #e3e3e3;background: #272727;padding: 15px;border: 1px solid #525252;margin: 0 auto} .make-option:focus, .make-option:active{padding: 15px} .option-detail-table{width: 100%;font-size: 14px;background: #272727;border: 1px solid #525252;margin-top: 16px;margin-bottom: 32px} .option-detail-table th, .option-detail-table td{font-size: 14px;padding: 8px;color: #e3e3e3;border: 1px solid #525252} .option-detail-table .empty td{padding: 24px 0;text-align: center} .option-detail-table .input-write{width: 160px;padding: 4px 0;text-align: center;font-size: 14px;color: #fff;font-weight: bold;border: 1px solid #4d4d4d;background: #272727;} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li{overflow: visible} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li:after{content: '';display: block;clear: both} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li .writer{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;float: left;} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li .writer img{vertical-align: middle} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li .writer span{display: inline-block;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;width: 62px;text-align: left;} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li p.label{overflow: hidden;text-overflow: ellipsis} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul li .id-click-area li {border-bottom: none} .layerPopup .survey-popup-area{max-width: 1800px;left: 2.5%;top: 50%;transform: translateY(-50%);margin: 0;width: 95%;max-height: 90%;overflow: hidden;height: 770px} .layerPopup .survey-popup-area .content-area{height: calc(100% - 60px);box-sizing: border-box;padding: 20px;overflow: auto;margin-top: 60px} .layerPopup .survey-popup-area .content-area .per-list01{padding-bottom: 30px} .layerPopup .money-buy-list-area{max-width: 800px;left: 50%;top: 50%;transform: translate(-50%,-50%);height: auto} .layerPopup .money-buy-list-area .content-area{box-sizing: border-box;padding: 20px;overflow: auto;margin-top: 60px;text-align: center} .layerPopup .money-buy-list-area .content-area .noti-text{color:#ff9400;text-align: right} .layerPopup .money-buy-list-area .content-area .per-list01{padding-bottom: 10px} .layerPopup .money-buy-list-area .content-area .util-area{font-size:0;margin-top:30px} .layerPopup .money-buy-list-area .content-area .util-area a{display:inline-block;font-size:14px;color:#fff;margin-left:10px;background-color:#181818;width:105px;height:35px;line-height:35px;border:1px solid #525252;} .layerPopup .money-buy-list-area .content-area .util-area a.confirm-bt{background:#ff9400} .popup-close-btn-wrap{text-align: right;padding: 20px ;position: absolute;top: 0;right: 0;width: 100%;background: #333} .popup-close-btn-wrap h3{float: left;font-size: 24px;color: #fff} .layerPopup .parti-popup-area{max-width: 1800px;left: 2.5%;top: 50%;transform: translateY(-50%);margin: 0;width: 95%;max-height: 90%;overflow: hidden;height: 770px;padding: 55px 24px 24px 24px;} .layerPopup .parti-popup-area .content-area{height: calc(100% - 75px);overflow: auto} .layerPopup .sponsor-popup-area{max-width: 1800px;left: 2.5%;top: 50%;transform: translateY(-50%);margin: 0;width: 95%;max-height: 90%;overflow: hidden;height: 770px;padding: 55px 24px 24px 24px;} .layerPopup .sponsor-popup-area .content-area{height: calc(100% - 52px);overflow: hidden;} .layerPopup .sponsor-popup-area .table-area{height: calc(100% - 75px);overflow: auto;padding-top: 0} .layerPopup .sponsor-popup-area .table-area table{width: 100%} .layerPopup .list-popup-area{max-width: 1800px;left: 2.5%;top: 50%;transform: translateY(-50%);margin: 0;width: 95%;max-height: 90%;overflow: hidden;height: 770px;padding: 55px 24px 24px 24px;} .layerPopup .list-popup-area .content-area{height: calc(100% - 52px);overflow: hidden;} .layerPopup .list-popup-area .table-area{height: calc(100% - 330px);overflow: auto;padding-top: 0} .layerPopup .list-popup-area .table-area table{width: 100%} .basket-popup-area{overflow: hidden;padding: 0;} .basket-popup-area .popup-close-btn-wrap{background: none;width: 60px;right: 0;z-index: 99} .basket-popup-area > dl{height: calc(100% - 64px);overflow: auto;padding: 20px;margin-top: 64px} .basket-popup-area > dl > dt{position: absolute;top: 0;left: 0;width: 100%;padding: 20px 20px 10px 20px;background: #181818;z-index: 9} .basket-popup-area > dl > dd{padding: 14px 0;border-bottom: 1px solid #565656} .sch_key{color: #ff9400} .cider{border:2px solid #84ffc4;color: #84ffc4;background: #181818;font-size: 13px;display: inline-block;padding: 3px 8px !important;border-radius: 3px;margin-left: 10px} .cider:before{display: none} .cider-complete-wrap{position: relative;padding-top: 20px !important} .cider-complete-wrap:before{content: '';position: absolute;left: -0;height: 100%;top: 0;z-index: 0;width: calc(100% + 40px);margin: 0 -20px;border-left:2px solid #84ffc4 ;border-right:2px solid #84ffc4 ;border-top: 2px solid #84ffc4;border-bottom: 2px solid #84ffc4;} .share-take{border:2px solid #ff9400;color: #ff9400;background: #181818;font-size: 13px;display: inline-block;padding: 3px 8px !important;border-radius: 3px;margin-left: 10px} .share-take:before{display: none} .best-comment-wrap{position: relative;padding-top: 20px !important} .best-comment-wrap:before{content: '';position: absolute;left: -0;height: 100%;top: 0;z-index: 0;width: calc(100% + 40px);margin: 0 -20px;border-left:2px solid #ff9400 ;border-right:2px solid #ff9400 ;border-top: 2px solid #ff9400;border-bottom: 2px solid #ff9400;} .best-comment{border:2px solid #ff9400;color: #ff9400;background: #181818;font-size: 13px;display: inline-block;padding: 3px 8px !important;border-radius: 3px;margin-left: 10px} .best-comment:before{display: none} .input-editor-area .text-area .cancel-bt{right: 130px !important} .input-editor-area .text-area .reply-bt{right: 65px !important} .input-editor-area .text-area .reply-good-bt{position: absolute;background-color: #ff9400;bottom: -30px;right: 0;width: 57px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;display: inline-block;} .edit .input-editor-area .text-area .cancel-bt{right: 65px !important} .edit .input-editor-area .text-area .reply-good-bt{display: none} .edit .input-editor-area .text-area .reply-bt{right: 0 !important} .input-editor-area .type-event label{color: #fff;} .input-editor-area .type-event .cancel-bt{right: 130px !important} .input-editor-area .type-event .reply-bt{right: 65px !important} .input-editor-area .type-event .application-bt{position: absolute;background-color: #ff9400;bottom: -30px;right: 0;width: 57px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;display: inline-block;} .reply .input-editor-area .type-event .cancel-bt, .edit .input-editor-area .type-event .cancel-bt{right: 65px !important} .reply .input-editor-area .type-event .reply-bt, .edit .input-editor-area .type-event .reply-bt{right: 0 !important} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .l-title .all-notice-wrap .empty{color: #fff;text-align: center;padding: 5px 0;float: none;display: block;line-height: 1;height: auto} .btn.btn-custom-primary{padding: 3px 6px;background: #ff9400;font-size: 13px;color: #fff;border:none;} .btn.btn-custom-primary:hover{color: #fff} .reply-wrap .paging-box {padding-top: 16px} .reply-wrap .paging-box .float-center {text-align: center;font-size: 0} .reply-wrap .paging-box .float-center ul {font-size: 0;border: 1px solid #525252;display: inline-block} .reply-wrap .paging-box .float-center ul li {display: inline-block;border-left: 1px solid #525252} .reply-wrap .paging-box .float-center ul li:first-child {border-left: 0} .reply-wrap .paging-box .float-center ul li a {display: inline-block;height: 28px;line-height: 30px;font-size: 12px;color: #e3e3e3;font-weight: 500;padding:0 10px;} .reply-wrap .paging-box .float-center ul li a.on {background-color: #ff9400} .reply-wrap .paging-box .float-center .page-jump {font-weight: 500;color: #e3e3e3;font-size: 12px;position: relative;display: none} .reply-wrap .paging-box .float-center .page-jump.active {display: inline-block} .reply-wrap .paging-box .float-center .page-jump:before {position: absolute;content: "";top: 50%;margin-top: -5px;width: 6px;height: 9px} .reply-wrap .paging-box .float-center .page-jump.prev {margin-right: 8px;padding-left: 11px} .reply-wrap .paging-box .float-center .page-jump.prev:before {left: 0;background: url("../images/sub/paging_prev_icon.png") no-repeat} .reply-wrap .paging-box .float-center .page-jump.next {margin-left: 8px;padding-right: 11px} .reply-wrap .paging-box .float-center .page-jump.next:before {right: 0;background: url("../images/sub/paging_next_icon.png") no-repeat} .emoticon-popup-area{width: 100%;height: calc(100% - 36px)} .emoticon-popup-area .tab-bt-area{font-size:0;overflow:hidden} .emoticon-popup-area .tab-bt-area a{width:50%;display:inline-block;height:36px;line-height:38px;text-align:center;float:left;background-color:#ccc;border-left:1px solid #b1b1b1;box-sizing:border-box} .emoticon-popup-area .tab-bt-area a:first-child{border-left:0} .emoticon-popup-area .tab-bt-area a span{font-size:14px;font-weight:700;color:#444} .emoticon-popup-area .tab-bt-area a.active{background-color:#444} .emoticon-popup-area .tab-bt-area a.active span{color:#ccc} .emoticon-popup-area .content-area{padding:0 0 0;border-top:1px solid #b1b1b1;display:none;height: 100%} .emoticon-popup-area .content-area.active{display:block} .emoticon-popup-area .content-area .top-con-area{height:auto;background-color:#efefef;padding:5px 38px 0;position:relative;box-sizing:border-box;overflow: hidden} .emoticon-popup-area .content-area .top-con-area .prev-bt{position:absolute;left:14px;top:50%;margin-top:-11px;width:10px;height:22px;background:url(../images/popup/hasticon_prev_bt.png) no-repeat;text-indent:-9999px;overflow:hidden} .emoticon-popup-area .content-area .top-con-area .hasticon{overflow:hidden} .emoticon-popup-area .content-area .top-con-area .hasticon li{float:left;margin:1px} .emoticon-popup-area .content-area .top-con-area .hasticon li a{width:37px;height:37px;border:1px solid #efefef;text-align:center;vertical-align:top;outline:0;box-sizing:border-box;display:inline-block} .emoticon-popup-area .content-area .top-con-area .hasticon li a img{width:100%;height:100%} .emoticon-popup-area .content-area .top-con-area .hasticon li a.active{background-color:#dbdbdb;border:1px solid #b1b1b1} .emoticon-popup-area .content-area .top-con-area .cate-sort{overflow:hidden;padding:3px 0} .emoticon-popup-area .content-area .top-con-area .cate-sort li{float:left;margin:2px 2px} .emoticon-popup-area .content-area .top-con-area .cate-sort li a{display:inline-block;background-color:#dbdbdb;padding:0 15px;height:31px;line-height:31px;border:1px solid #b1b1b1;font-size:14px;color:#444;font-weight:700;box-sizing:border-box;overflow: hidden;text-overflow: ellipsis} .emoticon-popup-area .content-area .top-con-area .cate-sort li a.active{background-color:#f90;color:#eee} .emoticon-popup-area .content-area .top-con-area .next-bt{position:absolute;right:14px;top:50%;margin-top:-11px;width:10px;height:22px;background:url(../images/popup/hasticon_next_bt.png) no-repeat;text-indent:-9999px;overflow:hidden} .emoticon-popup-area .content-area .mid-con-area{background-color:#fff;height:calc(100% - 205px);overflow-y:scroll} .emoticon-popup-area .content-area:nth-last-of-type(1) .mid-con-area{height: calc(100% - 145px);} .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul{padding:0 1px;text-align: left;font-size: 0} .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li{display: inline-block;padding: 3px;width: 25%;box-sizing: border-box;font-size: 0;float: left;} .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{display:inline-block;width:100%;height:auto;vertical-align:top;border:1px solid #dbdbdb;box-sizing:border-box;position: relative;padding-bottom: 100%} .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a img{width: 100%;height: 100%;position: absolute;left: 0;top: 0} .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a.active{border:1px solid #ee972f} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul{padding:0 10px 30px;overflow:hidden;text-align: center} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li{display: inline-block;padding:10px 5px 0;float: left;width: 33.33%;box-sizing: border-box} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a{display:inline-block;width:100%;height:auto} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{width:100%;height:auto} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area img{width:100%} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area{text-align:center;padding-top:18px} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit{font-size:13px;font-weight:700;color:#000} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit .title{text-overflow: ellipsis;overflow: hidden;display: block} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit img{vertical-align:middle} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt{font-size:11px;font-weight:700;color:#b1b1b1;margin-top:8px} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util{margin-top:2px} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:19px} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value:before{position:absolute;left:0;top:1px;content:"";width:15px;height:12px;background:url(../images/popup/emo_p_value.gif) no-repeat} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:26px} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value:before{position:absolute;left:0;top:1px;content:"";width:23px;height:12px;background:url(../images/popup/emo_c_value.gif) no-repeat} .emoticon-popup-area .content-area .bot-con-area{background-color:#efefef;height:64px;padding-top:16px;box-sizing:border-box} .emoticon-popup-area .content-area .bot-con-area .bt-area{text-align:center;font-size:0} .emoticon-popup-area .content-area .bot-con-area .bt-area a{display:inline-block;width:136px;font-size:15px;font-weight:700;color:#555;border:1px solid #b1b1b1;background-color:#ccc;margin:0 3px;height:31px;line-height:33px;text-align:center;box-sizing:border-box} .buy-popup-area{width: 100%;height: calc(100% - 36px);position: absolute;z-index: 9;left: 0;top: 45px;background: #fff} .buy-popup-area .content-area{height: 100%} .buy-popup-area .top-detail-area{padding-left:200px;position:relative;height:200px} .buy-popup-area .top-detail-area .img-area{position:absolute;left:20px;top:25px;width:157px;height:135px;background-color:#ebebeb} .buy-popup-area .top-detail-area .img-area img{width:100%;height:100%} .buy-popup-area .top-detail-area .txt-area{padding-top:17px} .buy-popup-area .top-detail-area .txt-area .util-bt{font-size:0} .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt{display:inline-block;border:1px solid #ebebeb;width:47px;height:31px;text-align:center;vertical-align:top;line-height:31px;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span{font-weight:700;font-size:14px;color:#000;padding-left:22px;position:relative} .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span:before{position:absolute;left:0;top:0;content:"";width:15px;height:15px;background:url(../images/popup/like_bt_icon.png) no-repeat} .buy-popup-area .top-detail-area .txt-area .util-bt a.share-bt{display:inline-block;border:1px solid #ebebeb;width:31px;height:31px;vertical-align:top;margin-left:4px;background:url(../images/popup/share_bt_icon.png) 50% 50% no-repeat;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .buy-popup-area .top-detail-area .txt-area .tit{font-size:16px;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:15px} .buy-popup-area .top-detail-area .txt-area .txt{font-size:12px;font-weight:700;color:#000;line-height:18px;word-wrap:break-word;margin-top:10px;height: 68px;overflow: auto;} .buy-popup-area .top-detail-area .txt-area .radio-area{margin-top:13px} .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit{margin-left:18px} .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit:first-child{margin-left:0} .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label{color:#f90;font-weight:700;font-size:16px} .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label img{vertical-align:middle;display:inline-block;margin:0 3px} .buy-popup-area .mid-bt-area{height:100px;background-color:#ccc;text-align:center;padding:32px 0;box-sizing:border-box} .buy-popup-area .mid-bt-area ul{font-size:0} .buy-popup-area .mid-bt-area ul li{margin:0 14px;display:inline-block} .buy-popup-area .mid-bt-area ul li a{display:inline-block;width:133px;height:38px;line-height:38px;border:1px solid #555;box-sizing:border-box} .buy-popup-area .mid-bt-area ul li a span{font-weight:700;color:#555;font-size:18px;position:relative} .buy-popup-area .mid-bt-area ul li a.b-choice-bt1{border:1px solid #f90} .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span{padding-left:38px} .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:31px;height:24px;content:"";background:url(../images/popup/buy_choice_icon1.png) no-repeat} .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span{padding-left:38px} .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:28px;height:24px;content:"";background:url(../images/popup/buy_choice_icon2.png) no-repeat} .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span{padding-left:38px} .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:26px;height:24px;content:"";background:url(../images/popup/buy_choice_icon3.png) no-repeat} .buy-popup-area .bot-info-area{overflow: auto;height: calc(100% - 310px)} .buy-popup-area .bot-info-area .info-inner{max-width:410px;margin:0 auto;padding: 21px 15px} .buy-popup-area .bot-info-area .info-inner .info-area dl{margin-top:28px} .buy-popup-area .bot-info-area .info-inner .info-area dl:first-child{margin-top:0} .buy-popup-area .bot-info-area .info-inner .info-area dl dt{font-weight:700;font-size:16px;color:#000} .buy-popup-area .bot-info-area .info-inner .info-area dl dd{font-size:14px;color:#000;line-height:20px;margin-top:8px} .buy-popup-area .bot-info-area .info-inner .info-area .noti{text-align:center;height:39px;font-size:14px;color:#000;line-height:39px;background-color:#ebebeb;margin-top:22px} .buy-popup-area .bot-info-area .emoti-list{overflow:hidden;font-size:0;padding-top:29px;margin: 0 -6px;} .buy-popup-area .bot-info-area .emoti-list li{float:left;width: 25%;padding: 6px;box-sizing: border-box} .buy-popup-area .bot-info-area .emoti-list li a{display:inline-block;width:100%;height:auto;background-color:#ebebeb} .buy-popup-area .bot-info-area .emoti-list li a img{width: 100%} .buy-popup-area .msg-popup-area{position:absolute;left:0;top:0;width:100%;height:100%;display:none} .buy-popup-area .msg-popup-area.active{display:block} .buy-popup-area .msg-popup-area .msg-content-area{width:392px;min-height:162px;position:absolute;z-index:1;background-color:#181818;border:1px solid #565656;top:50%;left:50%;margin-left:-196px;margin-top:-81px;padding-top:20px;box-sizing:border-box;padding-bottom: 20px;padding-left: 20px;padding-right: 20px} .buy-popup-area .msg-popup-area .msg-content-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .buy-popup-area .msg-popup-area .msg-content-area .title span{word-break: break-all} .buy-popup-area .msg-popup-area .msg-content-area .title em{color:#ff9400} .buy-popup-area .msg-popup-area .msg-content-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat} .buy-popup-area .msg-popup-area .msg-content-area .bt{font-size:0;text-align:center;margin-top:12px} .buy-popup-area .msg-popup-area .msg-content-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .buy-popup-area .msg-popup-area .msg-content-area .bt a:hover{background-color:#ff7d7d} .buy-popup-area .msg-popup-area .inner-dimmed{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.5} #popUp .emoti-reci-wrap {position: absolute;left: 0;top: 45px;width: 100%;height: calc(100% - 36px);z-index: 10;background: #272727;overflow: auto} #popUp .emoti-reci-wrap .top-bt-wrap{position:relative;padding-left:64px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252} #popUp .emoti-reci-wrap .top-bt-wrap .back-bt{width:64px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:34px;line-height:34px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden} #popUp .emoti-reci-wrap .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box} #popUp .emoti-reci-wrap .top-bt-wrap .input input{width:100%;height:34px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px} #popUp .emoti-reci-wrap .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700} #popUp .emoti-reci-wrap .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700} #popUp .emoti-reci-wrap .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700} #popUp .emoti-reci-wrap .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700} #popUp .emoti-reci-wrap .top-bt-wrap .input a{position:absolute;right:0;top:0;width:40px;height:34px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.png) no-repeat} #popUp .emoti-reci-wrap .friend-area{background-color:#272727;height:calc(100% - 170px);position:relative;overflow: auto} #popUp .emoti-reci-wrap .friend-area .bot-noti{position:absolute;bottom:9px;right:11px;font-weight:700;color:#606060;font-size:10px} #popUp .emoti-reci-wrap .friend-area .top-noti{border-bottom:1px solid #525252;height:34px;line-height:34px;font-size:0;padding-left:12px;background-color:#202020;position:relative} #popUp .emoti-reci-wrap .friend-area .top-noti span{font-weight:700;font-size:12px} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp1{color:#5fed73;padding-left:15px;position:relative} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp1 a{color:#5fed73} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp1:before{position:absolute;left:0;top:2px;width:8px;height:10px;content:"";background:url(../images/popup/frd_icon_1.png) no-repeat} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp2{color:#adadad;margin-left:11px} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp2 a{color:#adadad} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp3{color:#ff7c7c;padding-left:15px;position:relative;margin-left:15px} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp3 a{color:#ff7c7c} #popUp .emoti-reci-wrap .friend-area .top-noti span.frd-tp3:before{position:absolute;left:0;top:1px;width:10px;height:10px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat} #popUp .emoti-reci-wrap .friend-area .top-noti .bt{position:absolute;right:15px;font-size:0;top:6px} #popUp .emoti-reci-wrap .friend-area .top-noti .bt a{display:inline-block;font-size:12px;height:21px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:21px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px} #popUp .emoti-reci-wrap .friend-area .top-noti .bt a:first-child{margin-left:0} #popUp .emoti-reci-wrap .friend-area .refresh-area{height:43px;text-align:center;background:url(../images/popup/refresh_bg.png) repeat-x;display:table;width:100%} #popUp .emoti-reci-wrap .friend-area .refresh-area span{display:table-cell;vertical-align:middle} #popUp .emoti-reci-wrap .friend-area .refresh-area span a{display:inline-block;color:#e3e3e3;font-size:11px;font-weight:700;padding-right:17px;position:relative} #popUp .emoti-reci-wrap .friend-area .refresh-area span a:after{position:absolute;right:0;top:0;width:10px;height:10px;background:url(../images/popup/refresh_icon.png) no-repeat;content:""} #popUp .emoti-reci-wrap .friend-area .list-area{padding:0 0} #popUp .emoti-reci-wrap .friend-area .list-area ul li{padding:5px 43px 5px 15px;box-sizing:border-box;position:relative;border-bottom:1px solid #565656} #popUp .emoti-reci-wrap .friend-area .list-area ul li:first-child{border-top:0} #popUp .emoti-reci-wrap .friend-area .list-area ul li:after{position:absolute;top:50%;margin-top:-8px;right:43px;width:1px;height:16px;content:"";background-color:#565656} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area{display:block;min-height:38px;padding-left:47px;box-sizing:border-box;position:relative} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .thumb-area{position:absolute;left:0;top:0;width:38px;height:38px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .thumb-area img{width:100%;height:100%;display:block} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area{padding-top:12px;position:relative} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .msg-send-bt{position:absolute;right:15px;top:50%;margin-top:-10px;border:1px solid #505050;background-color:#181818;display:inline-block;font-size:12px;font-weight:700;color:#e3e3e3;width:69px;height:21px;line-height:21px;text-align:center;box-sizing:border-box} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .id a{font-size:12px;font-weight:700;color:#e3e3e3} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .id a img{margin-right:2px} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .util{font-size:0;margin-top:7px} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .util span{font-size:11px;color:#b2b2b2;font-weight:700;position:relative;margin-left:7px;padding-left:8px} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .util span:first-child:before{display:none} #popUp .emoti-reci-wrap .friend-area .list-area ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:0;width:1px;content:"";background-color:#b2b2b2;height:11px} #popUp .emoti-reci-wrap .friend-area .list-area ul li .delete-bt{position:absolute;right:16px;top:50%;margin-top:-6px;text-indent:-9999px;overflow:hidden;width:14px;height:13px;background:url(../images/popup/delete_bt_icon2.png) no-repeat} #popUp .emoti-bt-area{text-align:center;font-size:0;margin-top:24px} #popUp .emoti-bt-area a{display:inline-block;width:116px;height:32px;line-height:32px;margin:0 2px;background-color:#272727;border:1px solid #525252} #popUp .emoti-bt-area a.active{background-color:#ff9920} #popUp .emoti-bt-area a span{font-size:12px;color:#e3e3e3;font-weight:700} .popLayerPopup{width:100%;height:100%;left:0;top:0;position:absolute;display:none} .popLayerPopup.active{display:block;z-index:100} .popLayerPopup .follow-area{width:220px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .follow-area .title{text-align:center;color:#fff;font-size:12px;padding-top:20px;position:relative} .popLayerPopup .follow-area .title.unfollow:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/unfollow_bt.png) no-repeat} .popLayerPopup .follow-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat} .popLayerPopup .follow-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .follow-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .follow-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .block-area{width:274px;height:158px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .block-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .popLayerPopup .block-area .title em{color:#ff7d7d} .popLayerPopup .block-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:17px;content:"";background:url(../images/popup/block_icon.png) no-repeat} .popLayerPopup .block-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .block-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .block-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .frd-rq-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .frd-rq-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .popLayerPopup .frd-rq-area .title em{color:#62b3ff} .popLayerPopup .frd-rq-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat} .popLayerPopup .frd-rq-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .frd-rq-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .frd-rq-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .emoti-send-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .emoti-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .popLayerPopup .emoti-send-area .title em{color:#62b3ff} .popLayerPopup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat} .popLayerPopup .emoti-send-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .emoti-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .emoti-send-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .youtube-send-area{width:274px;height:auto;z-index:1;left:50%;padding:20px 0;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .youtube-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px} .popLayerPopup .youtube-send-area .title em{color:#62b3ff} .popLayerPopup .youtube-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat} .popLayerPopup .youtube-send-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .youtube-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .youtube-send-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .youtube-send-area .input-wrap{background: #222;width: 80%;margin: 0 auto;} .popLayerPopup .youtube-send-area .input-wrap input{display: block;width: 100%;height: 32px;line-height: 32px;padding: 0 5px;color: #fff;margin: 5px;} .popLayerPopup .bookmark-cancel-area{width:220px;height:114px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-57px;box-sizing:border-box;border:1px solid #565656;position:fixed} .popLayerPopup .bookmark-cancel-area .title{text-align:center;color:#fff;font-size:12px;padding-top:21px;position:relative;line-height:18px} .popLayerPopup .bookmark-cancel-area .title:before{position:absolute;top:0;left:50%;margin-left:-6px;width:13px;height:13px;content:"";background:url(../images/popup/mss_icon2_hover.png) no-repeat} .popLayerPopup .bookmark-cancel-area .bt{font-size:0;text-align:center;margin-top:12px} .popLayerPopup .bookmark-cancel-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center} .popLayerPopup .bookmark-cancel-area .bt a:hover{background-color:#ff7d7d} .popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.8} .emoticon-popup-wrap{height: calc(100% - 45px);overflow: hidden} .popup-header-close-btn{position: absolute;top: 0;right: 0;padding: 14px;line-height: 1} .vote-bt-area{display:inline-block;} .vote-bt-area .editor-popup-area{width:320px;max-height:800px;display:none;position:absolute;top:33px;right:0;background-color:#333;z-index:999;padding-top:28px;box-sizing:border-box} .vote-bt-area .editor-popup-area.active{display:block} .vote-bt-area .editor-popup-area .title-area{height:54px;background-color:#444;position:relative} .vote-bt-area .editor-popup-area .title-area .title{color:#ccc;font-size:20px;line-height:56px;padding-left:11px} .vote-bt-area .editor-popup-area .title-area .close-bt{position:absolute;right:10px;top:50%;margin-top:-11px;width:20px;height:22px;background:url(../images/popup/vote_close_bt.png) no-repeat;content:""} .vote-bt-area .editor-popup-area .content-area{padding-top:23px;max-height: 718px;overflow: auto} .vote-bt-area .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding-bottom:20px;padding-left:12px} .vote-bt-area .editor-popup-area .content-area .title-input-area input{font-size:17px;color:#e3e3e3;width:100%;outline:0} .vote-bt-area .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc} .vote-bt-area .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc} .vote-bt-area .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc} .vote-bt-area .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc} .vote-bt-area .editor-popup-area .content-area .mid-con-area{padding:34px 12px 51px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:20px;color:#ccc;padding-top:27px;padding-bottom:6px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:46px;margin-top:9px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:46px;padding:0 9px;background-color:#222;font-size:20px;color:#fff;box-sizing:border-box} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#aaa} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#aaa} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#aaa} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#aaa} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:46px;height:46px;background-color:#00f;display:inline-block} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../images/popup/add_pic_icon.png) no-repeat #444} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat #444} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat #444} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat #444} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../images/popup/op2_icon_d.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../images/popup/op2_icon_a.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:145px;float:left} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:24px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px} .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0} .vote-bt-area .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:25px;height:54px;line-height:54px;color:#eee} .password-recheck-area{margin:0 auto;background-color:#181818;border:1px solid #4e4e4e;padding-top:25px;box-sizing:border-box;text-align:center} .password-recheck-area .logo{text-align:center} .password-recheck-area .txt1{font-size:14px;font-weight:700;color:#fff;text-align:center;margin-top:28px} .password-recheck-area .txt2{font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:19px;margin-top:25px} .password-recheck-area .user-info-wrap{margin-top:49px;padding-left:0 !important;display:inline-block;text-align: left} .password-recheck-area .user-info-wrap .user-info-area{padding-left:60px;position:relative} .password-recheck-area .user-info-wrap .user-info-area .thumb-pic{position:absolute;left:0;top:-6px;width:49px;height:49px;overflow:hidden;background-color:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .password-recheck-area .user-info-wrap .user-info-area .id-area{color:#fff;font-weight:700;font-size:16px} .password-recheck-area .user-info-wrap .user-info-area .id-area img{position:relative;top:-2px} .password-recheck-area .user-info-wrap .user-info-area .id-area span{margin-right:4px;margin-left:5px} .password-recheck-area .user-info-wrap .user-info-area .util-area{padding-left:20px;font-size:0;margin-top:2px} .password-recheck-area .user-info-wrap .user-info-area .util-area span{font-size:14px;font-weight:700;color:silver;position:relative;margin-left:6px;padding-left:7px} .password-recheck-area .user-info-wrap .user-info-area .util-area span:first-child{padding-left:0;margin-left:0} .password-recheck-area .user-info-wrap .user-info-area .util-area span:first-child:before{display:none} .password-recheck-area .user-info-wrap .user-info-area .util-area span:before{position:absolute;left:0;top:1px;width:1px;height:14px;content:"";background-color:silver} .password-recheck-area .input-area{margin-top:47px} .password-recheck-area .input-area p{margin-top:13px;text-align:center} .password-recheck-area .input-area p:first-child{margin-top:0} .password-recheck-area .input-area p input{width:346px;height:39px;background-color:#272727;border:1px solid #565656;font-size:14px;color:#fff;padding-left:10px;box-sizing:border-box} .password-recheck-area .ok-bt{text-align:center;margin-top:21px} .password-recheck-area .ok-bt a{display:inline-block;width:346px;height:47px;line-height:47px;border:1px solid #565656;background-color:#ff9400;font-size:17px;font-weight:700;color:#fff;box-sizing:border-box} .password-recheck-area .go-back-btn-wrap{padding-bottom: 30px;text-align: center} .password-recheck-area .go-back-btn{text-align:center;margin-top:11px;display:inline-block;width:346px;height:47px;line-height:47px;border:1px solid #565656;font-size:17px;font-weight:700;color:#fff;box-sizing:border-box} .fa-vote-yea{background: url("../images/popup/vote-yea-regular.svg") no-repeat 50% 50%;width: 18px;height: 18px;display: block;background-size: 100%} .column-select{display: block;width: 100%;color: #F90;font-size: 20px;background: url('../images/main/more_bt_arrow.png') no-repeat 98% 50%;background-color: #222;margin-bottom: 5px;padding: 8px 20px;border: 5px solid #F90;cursor: pointer} .column-link-box{border:1px solid #f90;padding: 8px 8px;font-size: 0;text-align: left;margin-top: 30px} .column-link-box .column-link{font-size: 14px;display: inline-block;vertical-align: top;width: 48.5%;display: inline-block;box-sizing: border-box;text-align: left;padding: 8px;box-sizing: border-box;margin: 8px;background: #444;cursor: pointer;color: #fff} .column-link-box .column-link:hover{color: #f90} .column-link-box .column-link span.number{color: #fff;background: #f90;display: inline-block;width: 28px;height: 28px;margin-right: 5px;text-align: center} .add-friend-wrap{height: 100%} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap{height: calc(100% - 226px)} .cate-tab-area {font-size: 0;margin: 10px 0} .cate-tab-area a {color: #ccc!important;font-size: 16px;display: inline-block;padding: 6px 13px;margin: 6px 0;border-bottom: 2px solid transparent} .cate-tab-area a:hover {color: #eee !important;border-bottom: 2px solid #f89520} .cate-tab-area a.active {color: #eee !important;;border-bottom: 2px solid #f89520} .column-list-area .cate-tab-area {font-size: 0;margin: 10px 0 0;padding: 0 19px;box-sizing: border-box} .num.tp1{background-color: #272727 !important;color: #686868 !important;} .num.tp2{background-color: #171717 !important;color: #fff !important;} .num.tp3{background-color: #ada372 !important;color: #fff !important;} .num.tp4{background-color: #e6a200 !important;color: #fff !important;} .num.tp5{background-color: #e66700 !important;color: #fff !important;} .num.tp6{background-color: #e61600 !important;color: #fff !important;} .survey-popup-area{position: absolute;display: block;width: 400px;margin: 20px auto;padding: 20px;border: 1px solid #565656;} .survey-popup-area .title-area{height:54px !important;background-color:#222;position: relative} .survey-popup-area .title-area .title{color:#fff;font-size:14px;line-height:54px;padding-left:18px} .survey-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:#fff;line-height:17px} .survey-popup-area .title-area .date-limit .countdown span{color:#ff9400} .survey-popup-area .content-area{padding:20px 20px 0;text-align: left;line-height: 1.3} .survey-popup-area .content-area .q-tit{font-weight:700;color:#fff;font-size:16px} .survey-popup-area .content-area .survey-area{margin-top:20px} .survey-popup-area .content-area .survey-area ul li{box-sizing:border-box;height:66px;width:100%;position:relative;margin-top:30px} .survey-popup-area .content-area .survey-area ul li:first-child{margin-top:0} .survey-popup-area .content-area .survey-area ul li .thumb-area{position:absolute;left:0;top:0;width:66px;height:66px;background-color:grey} .survey-popup-area .content-area .survey-area ul li .thumb-area img{width:100%;height:100%;display:block} .survey-popup-area .content-area .survey-area ul li .survey-value-area{height:66px;width:100%;position:relative} .survey-popup-area .content-area .survey-area ul li .survey-value-area .tit{color:#fff;font-size:14px} .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value{position:absolute;bottom:0;width:100%;text-align: right;} .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote{text-align:right;font-size:16px;color:#ff9400;margin-bottom:5px; display: inline-block;} .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote span{font-weight:700;font-size:20px;margin-right:2px} .survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .survey-bar{height:18px;background-color:#ff9400} #popUp .notice-wrap {height: 100%} #popUp .notice-wrap .notice-area{height: calc(100% - 110px);overflow: auto} .add-friend-wrap{height: calc(100% - 67px);overflow: hidden} .add-friend-wrap .mid-con-wrap{height: calc(100% - 35px);overflow: auto} .cate-select-area{z-index: 100} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul{margin-bottom: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li a{line-height: 1.3;display: block;height: auto;padding: 12px;word-break: break-all} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-content-div{padding: 30px 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1{min-height: 0;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul{padding: 19px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .thumb-area{background: #ddd;position: relative} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .thumb-area i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 24px} .empty-db{padding: 30px 0 !important;text-align: center;color: #fff} .empty-db i{color: #fff;margin-right: 4px} .video-play-pop{position: absolute;left: 50%;width: 800px;top: 50%;transform: translate(-50%,-50%);z-index: 9999} .video-play-pop button.close-btn{position: absolute;top: -40px;right: 10px;color: #fff;font-size: 32px} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 *{max-width: 100%;color: inherit;font-size: 12px} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 *{max-width: 100%;color: inherit;font-size: 12px} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap #memo *{color: #fff;font-size: 14px} #contentArea #container #content .sub-content-wrap .left-con-wrap .desk-setup-list .best-setup-list ul li .thumb-area{position: relative} #contentArea #container #content .sub-content-wrap .left-con-wrap .daily-gallery-list > ul > li .thumb-area .num{border:1px solid #3f3f3f;} .none-bor .new-util-area .new-util-detail{height: auto} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .list-wrap ul li a .thumb-area{border:none;} #contentArea #container #content .sub-content-wrap .left-con-wrap .daily_gallery_list ul li .thumb-area02{border:none;background: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .thumb-type-list table tbody td .thumb{background: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .desk-setup-list .list-wrap .list-area > ul > li .thumb-area{background: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .market-type-list table tbody td .tit a{background: none} .left-con-wrap .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .thumb-area{background: none} .emoticon-popup-area .content-area .top-con-area .hasticon li{width: 20%;margin: 0;padding: 7px;box-sizing: border-box} .emoticon-popup-area .content-area .top-con-area .hasticon li a{width: 100%;height: auto} .emoticon-popup-area .content-area .top-con-area{height: auto;padding: 8px 50px} .emoticon-popup-area .content-area .top-con-area .next-bt{right: 24px} .emoticon-popup-area .content-area .top-con-area .prev-bt{left: 24px} .emoticon-popup-area .content-area .top-con-area .cate-sort li{display: inline-block;float: left;width: 25%;margin: 0;padding: 3px;box-sizing: border-box} .emoticon-popup-area .content-area .top-con-area .cate-sort li a{display: block;text-align: center} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .view-content.market-board-wrap .market-board-area .bt a{width: auto;padding: 0 5px} .left-con-wrap .srch-srch-list table tbody td .title .thumb-area{background: none} .common-view-wrap{position: static;margin: 0 auto} .common-view-wrap .survey-popup-area{position: static;margin: 0 auto 16px} .view-content{position: static;margin: 0 auto} .view-content .survey-popup-area{position: static;margin: 0 auto 16px} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .profile-modify ul li .input-area span{color: #aaa} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .profile-modify ul li .use-noti.type3{color: #aaa} #popUp .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar{max-width: 100%} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area a{width: calc(100% - 60px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: middle} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .my-info-box ul li .box6.password:before{background-image: url('../images/sub/lock-alt-regular.svg');background-size: 60px} .note-editor .btn-group-sm>.btn:focus, .note-editor .btn-sm:focus{padding: 5px 10px} .note-popover .btn-group-sm>.btn:focus, .note-popover .btn-sm:focus{padding: 5px 10px} .pictureCustomModal .btn:focus{padding: 6px 12px} #popUp .profile-wrap .profile-area .profile-mid-area{height: auto} #popUp .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img{width: 60px;height: 60px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .id{white-space: normal;word-break: break-all} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table tbody td .label{line-height: 1;height: auto;padding: 5px 0 4px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; vertical-align: inherit;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td{vertical-align: middle} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .rank{position: relative} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .rank:after{position: absolute;right: 0;top: 1px;width: 1px;height: 12px;background-color: #414141;content: "";} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .id:before{display: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl dd table td .id img{vertical-align: middle;top: 0;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .editor-box{border:none;} body .note-editor.note-frame{background: #272727;border:1px solid #4c4c4c;border-radius: 0} body .note-popover .popover-content, body .panel-heading.note-toolbar{background: none;color: #fff;border-color:#343434;width: auto !important} body .note-editor.note-frame .note-editing-area .note-editable{color:#e3e3e3;background: none;padding: 18px 15px} body .note-editor.note-frame .note-editing-area .note-editable img{max-width:100%} body .panel-heading.note-toolbar .btn{background: none;color: #fff;border:none;} body .panel-heading.note-toolbar .note-btn-group{position: relative} body .panel-heading.note-toolbar .note-btn-group:after{content: '';border-right: 1px solid #4c4c4c;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 50%} body .panel-heading.note-toolbar .note-btn-group:nth-last-of-type(1):after{display: none} body .note-editor.note-frame .note-statusbar{background: none;border-color:#343434;padding: 6px 0} body .note-editor.note-frame .note-statusbar .note-icon-bar{border-color: #999} body .note-popover .popover-content .dropdown-menu, body .panel-heading.note-toolbar .dropdown-menu{background: #181818;color: #fff} body .note-popover .popover-content .dropdown-menu li a, body .panel-heading.note-toolbar .dropdown-menu li a{color: #fff;} body .note-popover .popover-content .dropdown-menu li a:hover, body .note-popover .popover-content .dropdown-menu li a:focus, body .note-popover .popover-content .dropdown-menu li a:active, body .panel-heading.note-toolbar .dropdown-menu li a:hover, body .panel-heading.note-toolbar .dropdown-menu li a:focus, body .panel-heading.note-toolbar .dropdown-menu li a:active{color: #fff;background: #080808} body .note-fontname .btn.note-btn{min-width: 140px;text-align: left;position: relative;height: 30px;padding-right: 20px} body .note-fontname .btn.note-btn .note-icon-caret{position: absolute;right: 5px;top: 8px} #contentArea #container #content .sub-content-wrap{min-height: 1100px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt{z-index: 101} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li{margin-top: -2px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .att-chk-ranking .att-list-wrap dl{width: 450px} #popUp .messenger-wrap .messenger-area .list-area ul li .con-area .txt-area .text{line-height: 1.3} .note-popover .popover-content .note-color-palette div .note-color-btn:focus, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:focus{padding: 0 !important} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table tbody td .tit a{line-height: 1.3;vertical-align: middle;max-width: 345px} .popular_menu{width: calc(100% - 5px);box-sizing: border-box;} #contentArea.confine-wrap .confine-area .login-content-area .bot-banner-area a{height: auto;width: 100%} #popUp .friend-wrap .friend-area .top-noti .bt a{margin: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .thumb-area{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .thumb-pic{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .password-recheck-wrap .password-recheck-area .user-info-wrap .user-info-area .thumb-pic{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .my-info-box ul li .box1 .thumb-area{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .profile-modify ul li .tit .thumb-pic-area{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .user-wrap a .thumb-area{background: transparent;color: #363636} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li .thumb-area{background: transparent;color: #363636} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt{min-width: 150px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area{max-height: 300px;overflow: auto;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .video-wrap a .thumb-area{position: relative;} .apms-autowrap { margin:0 auto 15px; max-width:800px; } .apms-autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; } .apms-autosize iframe, .apms-autosize object, .apms-autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; } #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a .thumb-area{position: relative;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .column-list li a .thumb-area{background: none} .write-select-area{padding-bottom: 20px} .write-select-bot{padding-top: 20px} .write-select-bot ul li{margin: 0 30px} .write-select-bot ul li .input-write{width: 160px;padding: 4px 0;text-align: center;font-size: 14px;color: #fff;font-weight: bold;border: 1px solid #4d4d4d;background: #272727;} .write-select-full{margin-bottom: 16px} .write-select-full .input-write{width: 100%;padding: 8px 16px;text-align: left;font-size: 16px;color: #fff;font-weight: bold;border: 1px solid #4d4d4d;background: #272727;} .write-select-input .option-addon-wrap{display: inline-block;width: 360px} .write-select-input ul li.none-ml .input{width: 285px} .option-box.write-select-input ul li.none-ml:first-child .input{width: 320px} .write-select-input ul li .input input{text-align: left;padding: 0 16px} .write-select-input ul li .txt + .txt{margin-left: 10px} .write-select-input ul li .txt{padding: 9px 12px} .write-select-input ul li .txt input{width: 100%} #popUp .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .tit a{vertical-align: top} .img-btn-div a:hover{color: #fff;background: #ff9400} a.orange-btn{color: #fff !important;background: #ff9400 !important} .active-dot{position: relative;} .active-dot:after{content: '';left: 3px;top: 3px;width: 5px;height: 5px;position: absolute;background: #ff9400;border-radius: 999px} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li{height: 13px} #popUp .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li{height: 17px} .layerPopup .list-popup-area .title-area .title{line-height: normal;} .layerPopup .sponsor-popup-area .title-area .title{line-height: normal;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area-wrap{display: flex;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area-wrap .add-area{flex: 1 1 100%} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area-wrap .add-area + .add-area{margin-left: 16px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-con{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap.no-logo-type .h-tit:before{top: 4px} .spec-box{max-width: 470px;margin: 20px auto;border:1px solid #4e4e4e;padding: 25px 0 15px} .spec-box .spec-head{font-size: 20px;color: #fff;border-bottom: 2px solid #be954d;padding-bottom: 7px;margin-bottom: 16px;margin-left: 50px;width: 195px} .spec-box .spec{display: flex;margin: 6px 0;padding: 0 10px;display: flex} .spec-box .spec .tit{color: #fff;width: 90px;text-align: right;margin-right: 10px;display: flex} .spec-box .spec .tit .text{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex: 1 1 100%} .spec-box .spec .tit .divi{flex: none} .spec-box .spec .cont{flex: 1 1 0%;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .spec-box .spec .cont * {color: #fff} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area.score-type{height: 380px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list{text-align: center;font-size: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li{display: inline-block;float: none} .write-select-input ul li{position: relative;} ol, ul{margin-bottom: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area.line-multi{line-height: 36.5px;padding: 19px;height: auto} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area.line-multi .list-tab-area{line-height: normal;} html body #wrap.wrap #contentArea #frmSearch .column-wrap a:visited { color: #666; /* 읽은 글 색상 코드 입력 */ } html body #wrap.wrap #contentArea #frmSearch .column-wrap a:visited div{ color: #666; } html body #wrap.wrap #contentArea #frmSearch .column-wrap a:visited p{ color: #666; } .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{padding-bottom: 100%;overflow: hidden;position: relative;background-size: cover;background-position: 50% 50%} .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt .contents{word-break: break-all;line-height: 14px;height: 42px;overflow: hidden;display: block;} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .write-bt span{color: #fff !important} #popUp .profile-wrap .profile-area .profile-top-area dl dd p span a{cursor: default} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area img{vertical-align: middle;top: -1px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner {height: 100%} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .game-list{font-size: 0;margin: -5px -5px 0;height: 100%;overflow: auto} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .game-list li{display: inline-block;font-size: 13px;padding: 5px;box-sizing: border-box;width: 20%;margin: 0;float: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .game-list li a{width: 100%;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .game-list li a .thumb-area{height: 100px;} .spec-pop-active-btn{box-sizing: border-box;text-align: center;border: 1px solid #505050;background-color: #272727;color: #ccc;font-size: 12px;padding: 5px 10px 3px !important;vertical-align: middle;margin-left: 8px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .db-list{font-size: 0;text-align: center} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .db-list li{float: none;display: inline-block;text-align: left;vertical-align: top} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap{height: 320px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area{padding-top: 147px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .img{height: 160px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .img .img-background-wrap{background-size: contain} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail{margin-bottom: 26px} .compare-select > .dropdown-toggle{width: 212px;height: 29px;color: #e3e3e3;padding-left: 8px;border: 1px solid #4f4f4f !important;font-size: 12px;box-sizing: border-box;background: none !important;border-radius: 0;padding: 6px 12px !important;} .compare-select > .dropdown-toggle .product-select-cont{color: #fff;padding: 0;font-size: 14px} .compare-select > .dropdown-toggle .product-select-cont .img-background-wrap{display: none} .compare-select span{position: static !important;} .compare-select .dropdown-menu{padding: 0 !important;background: #181818 !important;border: 1px solid #4f4f4f !important;border-radius: 0 !important;top: 0 !important;margin-top: 0 !important;min-height: 300px !important;max-width: 100% !important;height: 300px !important;} .compare-select .bs-searchbox{padding: 0 !important;background: #181818 !important;} .compare-select .bs-searchbox input{background: #181818 !important;width: 100% !important;border-top:none !important;border-left:none !important;border-right:none !important;border-radius: 0 !important;box-shadow: none !important;} .compare-select .dropdown-menu.inner{border:none !important;padding-top: 8px !important;padding-bottom: 8px !important;} .compare-select .dropdown-menu > .inner{height: calc(100% - 29px) !important;} .compare-select .dropdown-menu>li>a{padding: 5px 8px;text-align: left !important;background: none !important;} .compare-select .dropdown-menu>li>a span{text-align: left !important;} .compare-select .dropdown-menu>li>a .product-select-cont{position: relative;padding: 8px 0;padding-right: 60px;font-size: 12px;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700} .compare-select .dropdown-menu>li>a .product-select-cont .img-background-wrap{position: absolute;right: 0;top: 50%;height: 34px;width: 60px;transform: translateY(-50%)} .compare-select .no-results{background: none !important;color: #fff !important;font-size: 12px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area{width: 284px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area .text{text-overflow: ellipsis;overflow: hidden;white-space: nowrap} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area{width: 284px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area .text{text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .game-empty{font-size: 16px;text-align: center;color: #fff;padding: 30px 0} .gamedb-filter-select{box-sizing: border-box;text-align: center;border: 1px solid #505050;background-color: #272727;color: #ccc;font-size: 12px;padding: 5px 10px 3px !important;vertical-align: middle;margin-left: 8px;-webkit-appearance: listbox;-moz-appearance: listbox;appearance: listbox;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-left-area .img{width: 80%;margin: 0 auto;left: 10%} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .product-right-area .img{width: 80%;margin: 0 auto;left: 10%} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .name{white-space: nowrap} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .value{left: calc(100% + 10px);right: auto;white-space: nowrap} #contentArea #frmSearch .column-wrap a:visited .d-day{ color: #ff9400 !important} #contentArea #frmSearch .column-wrap a:visited .d-day span{ color: #ff9400 !important} #contentArea #frmSearch .column-wrap a .d-day span.notyet{ color: #84FFC4 !important} #contentArea #frmSearch .column-wrap a:visited .d-day span.notyet{ color: #84FFC4 !important} #contentArea #frmSearch .column-wrap a:visited .cost{ color: #ff9400 !important} .lucky-point{margin-top: 8px} .lucky-point span{color: #ff9400} #popUp .profile-wrap{overflow: auto;height: calc(100% - 47px)} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .my-info-box ul li .box4 .sns-list a{width: 50px;height: 50px} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .my-info-box ul li .box4 .sns-list a img{width: 100%;height: 100%} #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .my-info-box ul li .sns-list-info{color: #c0c0c0;text-align: center;margin-top: 30px;font-size: 14px} .option-div-j ul li select option{background: #171717;color: #fff} .layerPopup .content-area .msg-box .text-area textarea{color: #fff;padding: 15px;box-sizing: border-box;overflow: auto;resize: none} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a.db-total-rank{display: block;position: relative;padding-right: 65px;max-width: 100%;min-height: 16px} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a.db-total-rank span.db-score{position: absolute;right: 0px;top: 3px;width: 50px;overflow: hidden;text-overflow: ellipsis;display: block;text-align: right;padding-right: 10px;box-sizing: content-box;font-size: 12px} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a.db-total-rank span.db-score:before{display: none} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a.db-total-rank span.db-score > span{position: absolute;right: 0px;top: 0px;width: 9px;overflow: hidden;text-overflow: ellipsis;display: block;text-align: right;box-sizing: content-box;font-size: inherit} #contentArea #container #content .sub-content-wrap .list-type-a.ranking dd ul li a.db-total-rank span.db-score > span:before{display: none} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-select-wrap {display: inline-block;width: auto;background-color: #272727;height: 21px;line-height: 19px;border: 1px solid #525252;box-sizing: border-box;position: relative;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-select-wrap:after {position: absolute;content: "";right: 6px;top: 50%;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -2px;width: 7px;height: 4px;background: url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-select-wrap select{font-size: 12px;color: #e3e3e3;padding-right: 17px;height: 21px;line-height: 19px;padding-left: 6px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-title-area .sort-set-area .sort-select-wrap select option{ background: #141414} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con {line-height: 1.5} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con *{word-break: break-all;} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con a{text-decoration: underline} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con {line-height: 1.5} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con *{word-break: break-all;} #popUp .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con a{text-decoration: underline} #slickEmoticonSelect *:focus{outline: 0 !important;} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list .all-view-bt a span.replay-all-close:before{transform: rotate(180deg)} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.title-unit .label{line-height: 19px;padding: 0;border-radius: 0;height: 19px;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.writer-unit img{top: 0;vertical-align: middle;display: inline-block} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li{padding-left: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .gauge-wrap ul li .tit{position: relative;left: auto;top: auto;word-break: break-all} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area{padding-top: 45px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area{padding-top: 45px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list{padding-top: 45px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li{min-height: 13px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li{min-height: 13px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge{position: static} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .value{width: 62px;left: calc(100% - 62px);} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .name{text-overflow: ellipsis;overflow: hidden;width: calc(100% - 79px);position: absolute;display: block;left: 7px;top: 0} .survey-popup-area .content-area .survey-area ul li .survey-value-area .tit{text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap} .none-bor .new-util-area .new-util-detail .d-day{color: #ff9400;} .none-bor .new-util-area .new-util-detail .d-day .tit{color: #ffffff;padding-right: 10px;display: inline-block} .none-bor .new-util-area .new-util-detail .d-day .notyet{color: #84FFC4;display: inline-block} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-con span{color: #eee} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content .score-bot span:first-child{color: #ff9400} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content.cpu-user-db .score-bot span:first-child{color: #ccc} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .list-area-type1 .list-con-area .list-tab-area .list-tab-con ul li .db-view-content.cpu-user-db .score-con span{color: #ccc} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table tbody td{padding: 6px 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .market-type-list table tbody td{padding: 6px 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .thumb-type-list table tbody td{padding: 6px 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area{position: relative} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;position: absolute;left: 0;top: 1px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .list-wrap ul li a .text-area .tit{padding-left: 30px;line-height: 1.3} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .top-banner {overflow: hidden; box-sizing: border-box;} .no-border{border:0px !important} #popUp .messenger-wrap .messenger-area .list-area ul p.empty {color:#888; padding-top: 15px; text-align:center} /*200301 kangminki*/ #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .atd-check-bt {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;box-sizing: border-box;color: #fff;padding-left: 10px;padding-right: 10px} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .admin-util-box ul li a{text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding: 0 5px} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .admin-util-box ul li a span{text-overflow: ellipsis;display: inline-block;overflow: hidden;white-space: nowrap;box-sizing: border-box;max-width: 100%} .custom-new-select-wrap{position: relative} .custom-new-select-wrap:after {position: absolute;content: "";right: 10px;top: 50%;margin-top: -2px;width: 7px;height: 4px;background: url(../../quasarzone/images/sub/sort_arrow_icon.png) no-repeat;transform: rotate(180deg)} .custom-new-select{display: inline-block;width: 100%;background-color: #272727;height: 30px;line-height: 28px;padding-left: 12px;border: 1px solid #525252;box-sizing: border-box;position: relative;font-size: 12px;color: #e3e3e3;padding-right: 20px} .custom-new-select option{line-height: 2} .custom-new-input-wrap{position: relative} .custom-new-input{display: inline-block;width: 100%;background-color: #272727;height: 30px;line-height: 28px;padding-left: 12px;border: 1px solid #525252;box-sizing: border-box;position: relative;font-size: 12px;color: #e3e3e3;padding-right: 20px} .custom-new-input option{line-height: 2} .srch-sel-area .custom-new-select-wrap:after{position: absolute;content: "";right: 11px;top: 50%;margin-top: -2px;width: 7px;height: 4px;background: url(../../quasarzone/images/sub/sel_arrow_icon.png) no-repeat;transform: none} .srch-sel-area .custom-new-select-wrap .custom-new-select{border-left: 0;border-top: 0;border-bottom: 0} .sort-area .custom-new-select-wrap{width: 87px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .id img{top: 0;vertical-align: bottom} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .id{vertical-align: middle;margin-bottom: 8px;max-width: 140px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt{box-sizing: content-box} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dt .util-area .left .user{vertical-align: top} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dt .util-area .right .ip{margin-left: 5px} #contentArea #container #content .sub-content-wrap .right-util-wrap .login-action-wrap .user-info-wrap .user-info-area .id-area .id{vertical-align: bottom;max-width: 120px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-list-area .l-title .all-notice-wrap ul li>div.title-unit .label{width: 38px} [lang="en"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(1) .tab-con-area .inner .title-area .util-bt, [lang="ja"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(1) .tab-con-area .inner .title-area .util-bt{top: 36px;z-index: 9} [lang="en"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(2) .tab-con-area .inner .title-area .util-bt, [lang="ja"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(2) .tab-con-area .inner .title-area .util-bt{top: 36px;z-index: 9} [lang="en"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(6) .tab-con-area .inner .title-area .util-bt, [lang="ja"] #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:nth-of-type(6) .tab-con-area .inner .title-area .util-bt{top: 36px;z-index: 9} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-util-area .btn-box a{max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} html:not([lang="ko"]):not([lang="auto"]) .none-bor .new-util-area .new-util-detail .btn-area a{max-width: 110px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util .id img{top: 0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .view-title-wrap .util .id{margin-bottom: -2px;vertical-align: bottom} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area.perf-comp-wrap .perf-comp-area .perf-comp-bt a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul li{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 2px;box-sizing: border-box} #contentArea.confine-wrap{width: 1200px} html:not([lang="ko"]):not([lang="auto"]) #contentArea.confine-wrap .confine-area .footer-area .menu-list{padding-left: 0;text-align: center} html:not([lang="ko"]):not([lang="auto"]) #contentArea.confine-wrap .confine-area .footer-area .menu-list li{padding: 0 5px} html:not([lang="ko"]):not([lang="auto"]) #contentArea.confine-wrap .confine-area .footer-area .menu-list li a{margin-left: 0} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-video-area .title-wrap .bt-area a span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .pass-modify ul li .input-area span{left: 0;width: 150%} html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .profile-modify ul li .input-area span{white-space: nowrap} html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .sub-content-wrap .left-con-wrap .con-area .common-box .info-modify ul li .input-area span{width: 180%} html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table tbody td .tit a i{padding-right: 5px} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table thead tr th span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} html:not([lang="ko"]):not([lang="auto"]) #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-bt{white-space: nowrap;max-width: 95px;overflow: hidden;text-overflow: ellipsis} #contentArea #container #content .sub-content-wrap .right-sub-wrap .check-wrap .sns-media-area p{max-width: 200px;overflow: hidden;text-overflow: ellipsis} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .source-area .tit {display: -webkit-box;display: -ms-flexbox;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-width: 63px} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .add-area .tit{max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 12px} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .dabate-type-list table tbody td .state{overflow: hidden;text-overflow: ellipsis;} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #contentArea #container #content .sub-content-wrap .left-con-wrap .column-wrap .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input .value{display: inline-block;max-width: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;height: auto;margin-bottom: 6px} #contentArea #container #content .sub-content-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .mid-text-area{overflow: hidden} #contentArea #header .bottom-util-wrap .elec-board-area{white-space: nowrap;overflow: hidden;text-overflow: ellipsis} body.modal-open{overflow: visible} .left-con-wrap .srch-srch-wrap .srch-area.search-empty-box{padding: 30px;min-height: 0;height: auto} .left-con-wrap .srch-srch-wrap .srch-area.search-empty-box strong.text-yellow{font-size: 28px;display: inline-block;margin-right: 5px} .left-con-wrap .srch-srch-wrap .srch-area.search-empty-box p{color: #eee;line-height: 1.8} .left-con-wrap .srch-srch-wrap .srch-area.search-empty-box p + p{margin-top: 20px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .banner-wrap{text-align: left} .img-thumb-noti{position: absolute;top: 50%;right: 16px;transform: translateY(-50%);color: #ddd;font-size: 14px} #contentArea #container #content .sub-content-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p a{text-decoration: none} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.next.double{padding-right: 17px;border-left: 1px solid #666;padding-left: 8px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.next.double:before{width: 12px;background-repeat: repeat-x;} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.prev.double{padding-left: 17px;border-right: 1px solid #666;padding-right: 8px} #contentArea #container #content .sub-content-wrap .list-util-area .paging-box .float-center .page-jump.prev.double:before{width: 12px;background-repeat: repeat-x;} .basket-popup-wrap{float:right !important;} .basket-popup-wrap .dimmed{display: none} .basket-popup-area{overflow: hidden;padding: 0;position:static;transform: none;height: auto;margin-top: 10px;width: 371px;border:1px solid #393939} .basket-popup-area .popup-close-btn-wrap{background: none;width: 60px;right: 0;z-index: 99;display: none} .basket-popup-area > dl{overflow: auto;padding: 20px 20px 0;margin-top: 0} .basket-popup-area > dl > dt{position: relative;top: 0;left: 0;width: 100%;padding: 0 0 0px 0;background: #181818;z-index: 9;border-bottom: none !important;} .basket-popup-area > dl dd{padding: 16px 0;border-bottom: 1px solid #565656} .basket-popup-area > dl dd div{float:none !important;} .basket-popup-area > dl dd ul{margin-bottom: 0} .video-wrap .flexslider {margin-bottom: 0} .van-text{color: #aaa;margin-left: -90px;padding: 20px} #contentArea #frmSearch .column-wrap .subject-link:hover {text-decoration: underline;color: #ff9900 !important;} #contentArea #frmSearch .column-wrap .subject-link:visited {text-decoration: underline;color: #666 !important;} #contentArea #frmSearch .column-wrap a:visited .subject-link {text-decoration: underline;color: #666 !important;} /*아래 주석 풀어주시면 회색일때도 주황색 나옵니다*/ #contentArea #frmSearch .column-wrap a .subject-link:hover, #contentArea #frmSearch .column-wrap .subject-link:hover {text-decoration: underline;color: #ff9900 !important;} #contentArea #frmSearch .column-wrap .subject-link.active{color: #ff9900 !important;} #contentArea #frmSearch .column-wrap .tit.subject-link.active{color: #ff9900 !important;} #contentArea #frmSearch .column-wrap .title.subject-link.active{color: #ff9900 !important;} .maxImg{position: absolute; z-index: 1000; left: 100%;top: 0; border: 2px solid rgb(255, 102, 0); display: none;min-width: 300px;height: auto;max-width: 800px;} #contentArea #container #content .sub-content-wrap .list-board-wrap .thumb-type-list table tbody td .thumb .maxImg{position: absolute; z-index: 1000; left: 100%;top: 0; border: 2px solid rgb(255, 102, 0); display: none;min-width: 300px;height: auto;max-width: 800px;} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .market-type-list table tbody td .tit a{position: relative;overflow: visible} #contentArea #container #content .sub-content-wrap .left-con-wrap .list-board-wrap .market-type-list table tbody td .tit a:not(.active,.actvie):visited .ellipsis-with-reply-cnt{color:#666!important} #contentArea #container #content .sub-content-wrap .list-board-wrap .market-type-list table tbody td .thumb .maxImg{position: absolute; z-index: 1000; left: 100%;top: 0; border: 2px solid rgb(255, 102, 0); display: none;min-width: 300px;height: auto;max-width: 800px;} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .thumb-area{overflow: visible} .srch-srch-wrap .srch-area dl dd ul.img-type li p.title .thumb-area .maxImg{position: absolute; z-index: 1000; left: 100%;top: 0; border: 2px solid rgb(255, 102, 0); display: none;min-width: 300px;height: auto;max-width: 800px;transform: none} .srch-srch-list table tbody td .title .thumb-area{overflow: visible} .srch-srch-list table tbody td .title .thumb-area .maxImg{position: absolute; z-index: 1000; left: 100%;top: 0; border: 2px solid rgb(255, 102, 0); display: none;min-width: 300px;height: auto;max-width: 800px;transform: none} .all-view-bt {text-align: center;margin-top: 18px;} .all-view-bt a {display: inline-block;padding: 0 10px;background-color: #181818;height: 22px;line-height: 22px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .all-view-bt a span {color: #fff;position: relative;padding-left: 17px;font-size: 12px;} .all-view-bt a span:before {position: absolute;top: 50%;margin-top: -2px;left: 0;width: 9px;height: 4px;content: "";background: url(../../quasarzone/images/sub/all_view_arrow.png) no-repeat;} .all-view-bt a span.replay-all-close:before {transform: rotate(180deg);} .comment-footer-btn{font-size: 14px;color: #bcbcbc;margin-top: 16px;} .comment-footer-btn a{color: inherit;margin-right: 8px;display: inline-block} .comment-footer-btn a:hover{color: inherit;} .ctn-count{color: inherit} .ctn-count.my-active{color: #ff9900 !important;} .relative{position: relative;} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li a{position: relative;display: block} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list li .event-board-count-wrap{position: absolute;right: 0;bottom: 0} #contentArea #container #content .sub-content-wrap .daily_gallery_list ul.event-img-list-j li .event-board-count-wrap{position: absolute;left: 0;right: auto} .none-bor .new-util-area .new-util-detail .tit{margin-bottom: 5px} .none-bor .new-util-area .new-util-detail .tit_full{margin-bottom: 5px; word-break: break-all;} .none-bor .new-util-area .new-util-detail .tit .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;margin-top: -2px;margin-right: 2px} .none-bor .new-util-area .new-util-detail .tit_full .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;margin-top: -2px;margin-right: 2px} .none-bor .new-util-area .new-util-detail .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;margin-top: 5px;margin-right: 5px} .thumb-area02 .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;position: absolute;left: 3px;top: 3px;} .thumb-area02 .admin_gall_chkbox + .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;position: absolute;left: 3px;top: 20px;} .event-board-count-wrap{font-size: 12px;color: #aaa;position: relative;} .event-board-count-wrap *{font-size: inherit;color: inherit} .event-board-count-wrap em{position: relative;padding-left: 16px;margin-right: 8px;padding-right: 8px} .event-board-count-wrap em:nth-last-of-type(1){margin-right: 0;padding-right: 0} .event-board-count-wrap em:after{position: absolute;right: 0;top: 4px;width: 1px;height: 10px;background: #9c9c9c;content: "";} .event-board-count-wrap em + em:after{display: none} .event-board-count-wrap .reply:before{position: absolute;left: 0;top: 5px;width: 11px;height: 9px;background: url(../../quasarzone/images/main/reply_count_icon.png) no-repeat;content: ""} .event-board-count-wrap .view:before{position: absolute;left: 0;top: 6px;width: 13px;height: 7px;background: url(../../quasarzone/images/main/view_count_icon.png) no-repeat;content: "";} .none-bor .new-util-area .new-util-detail div.relative{float: none !important;} .none-bor .new-util-area .new-util-detail p.event-board-count-wrap{font-size: 12px;position: relative; float:right} .qz-box{background-color: #181818;border: 1px solid #515151;box-sizing: content-box;overflow: hidden;padding: 15px;margin-top: 10px;} .qz-box:after{content: '';display: block;clear:both} .qz-box .left-cont-wrap{width: calc(50% - 8px);float: left} .qz-box .right-cont-wrap{width: calc(50% - 8px);float: right} .qz-box .list-type-a{padding-top: 10px} .desk-setup-grade .thumb-area{position: relative} .desk-setup-grade .thumb-area:after{position: absolute;content: '';background: url("") no-repeat 50% 50%;background-size: contain;left: 3px;top: 3px;width: 50px;height: 50px} .desk-setup-grade .thumb-area.main-image-area:after{width:40px;height: 40px;top: 5px;left: 5px;} .desk-setup-grade.grade1 .thumb-area:after{background-image: url("../images/sub/desk_setup_grade1.png")} .desk-setup-grade.grade2 .thumb-area:after{background-image: url("../images/sub/desk_setup_grade2.png")} .desk-setup-grade.grade3 .thumb-area:after{background-image: url("../images/sub/desk_setup_grade3.png")} .desk-setup-spec-wrap .desk-setup-spec-box{margin-top: 60px} .desk-setup-spec-wrap .desk-setup-spec-tit{font-size: 18px;font-weight: bold;border-bottom: 3px solid #be954d; width: 250px;margin-left: 94px;margin-bottom: 40px;color: #fff;padding-bottom: 12px;position: relative} .desk-setup-spec-wrap .add-bt{width: 14px;height: 14px;background: url(../../quasarzone/images/sub/write_plus_bt.gif) no-repeat;display: inline-block;margin-right: 13px;position: relative;vertical-align: top;top: 13px;text-indent: -9999px} .desk-setup-spec-wrap .delete-bt{width: 14px;height: 14px;background: url(../../quasarzone/images/sub/write_delete_bt.gif) no-repeat;display: inline-block;margin-right: 13px;position: relative;vertical-align: top;top: 13px;text-indent: -9999px} .desk-setup-spec-wrap .add-area{position: relative} .desk-setup-spec-wrap .desk-setup-spec-tit .delete-bt, .desk-setup-spec-wrap .desk-setup-spec-tit .add-bt{position: absolute;left: -32px;top: 30%;transform: translateY(-50%)} .desk-setup-spec-wrap .add-area .delete-bt, .desk-setup-spec-wrap .add-area .add-bt{position: absolute;left: 60px;top: 50%;transform: translateY(-50%)} .desk-setup-spec-wrap .add-area span + .delete-bt, .desk-setup-spec-wrap .add-area span + .add-bt{position: absolute;left: -8px;top: 50%;transform: translateY(-50%)} .youtube_sub_warp{padding: 16px 7px;border:1px solid #545454;background: #272727;text-align: center;color: #fff;line-height: 1.5;margin-bottom: 50px} .youtube_sub_warp p{margin-bottom: 10px;font-size: 14px} .youtube_sub_warp button{background: #ff9400;border:1px solid #545454;display: block;padding: 6px 0;font-weight: bold;width: 100%;font-size: 18px;} .youtube_sub_warp button *{vertical-align: middle;padding: 0 3px} .box-youtube{display: block;padding:50px 40px;align-items: center;} .box-youtube .tit{flex: 1 1 0%;font-weight: bold;color: #fff;line-height: 1.8;margin-bottom: 8px} .box-youtube .youtube-bt{flex:none;padding: 13px 15px;color: #fff;font-weight: bold;background: #be0001;font-size: 18px;border-radius: 20% / 10%;position: relative;} .box-youtube .youtube-bt span{z-index: 2;position: relative;} .box-youtube .youtube-bt::before { background: inherit;border-radius: 5% / 50%;bottom: 9%;content: "";left: -5%;position: absolute;right: -5%;top: 9%;z-index: 1} .box-youtube .youtube-bt.active{background: #535353;} #pictureCustomModal button:focus{outline: 0} #pictureCustomModal .modal-body{overflow: auto;width: 100%;max-height: 80vh} #pictureCustomModal .modal-title{float: left;} #pictureCustomModal .fileinput-remove{display: none} #pictureCustomModal .file-caption-main{display: none} #pictureCustomModal .btn.btn-sm:focus{padding: 5px 10px} #pictureCustomModal .kv-file-zoom{display: none} #pictureCustomModal .file-preview-frame {box-sizing: border-box;} #pictureCustomModal .krajee-default.file-preview-frame{width: calc(25% - 16px)} #pictureCustomModal .krajee-default.file-preview-frame .kv-file-content{width: 100%;height: 180px} #pictureCustomModal .krajee-default.file-preview-frame .file-thumbnail-footer{height: 35px} #pictureCustomModal .krajee-default .file-footer-caption{margin-bottom: 0} #pictureCustomModal .file-preview-frame.sortable-chosen.sortable-ghost{opacity: 0} .user-db-tit-sort{top: 33px !important} .user-db-tit-row{line-height: 1;margin-top: 14px} .user-db-tit-row + .user-db-tit-row{margin-top: 10px} .user-db-select{width: 130px !important;height: auto;line-height: 1} .user-db-select.live-search {width: 240px !important} .user-db-select + .user-db-select{margin-left: 8px !important} .user-db-select.selectpicker{display: none} .user-db-select > .dropdown-toggle{width: 130px;height: 29px;color: #a9a9a9 !important;padding-left: 8px;border: 1px solid #727272 !important;font-size: 14px;box-sizing: border-box;background: none !important;border-radius: 0;padding: 4px 12px !important;text-align: left;} .user-db-select.live-search > .dropdown-toggle{width: 240px} .user-db-select > .dropdown-toggle:focus{color: #a9a9a9 !important} .user-db-select > .dropdown-toggle .product-select-cont{color: #fff;padding: 0;font-size: 14px} .user-db-select > .dropdown-toggle .product-select-cont .img-background-wrap{display: none} .user-db-select span{position: static !important;} .user-db-select .dropdown-menu{padding: 0 !important;background: #181818 !important;border: 1px solid #727272 !important;border-radius: 0 !important;top: calc(100% - 1px) !important;margin-top: 0 !important;max-width: 100% !important;} .user-db-select.live-search .dropdown-menu{top: 0% !important} .user-db-select .bs-searchbox{padding: 0 !important;background: #181818 !important;} .user-db-select .bs-searchbox input{background: #181818 !important;width: 100% !important;border-top:none !important;border-left:none !important;border-right:none !important;border-radius: 0 !important;box-shadow: none !important;color: #a9a9a9 !important} .user-db-select .dropdown-menu.inner{border:none !important;} .user-db-select.live-search .dropdown-menu{height: 300px !important} .user-db-select.live-search .dropdown-menu > .inner{height: calc(100% - 29px) !important;} .user-db-select .dropdown-menu>li>a{padding: 5px 8px;text-align: left !important;background: none !important;color: #a9a9a9 !important;font-size: 14px !important} .user-db-select .dropdown-menu>li>a.selected{background: #272727 !important} .user-db-select .dropdown-menu>li>a span{text-align: left !important;} .user-db-select .no-results{background: none !important;color: #fff !important;font-size: 12px} .user-db-btn{display: inline-block;width: 90px;padding: 8px 0 5px;text-align: center;color: #fff;font-size: 14px;background: #272727;border:1px solid #727272;line-height: normal;} .user-db-btn + .user-db-btn{margin-left: 8px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area.yellow-active a + a{margin-left: 13px} #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area.yellow-active a:hover, #contentArea #container #content .sub-content-wrap .column-wrap .list-area-type1 .list-title-area .list-tab-area.yellow-active a.active{color: #ff9900;} .db-view-content-box{background: #181818;border:1px solid #505050;padding: 17px;position: relative;} .db-view-content-box:hover{border-color: #eee} .db-view-content-box .num{display: inline-block;vertical-align: middle;width: 28px;border:1px solid #3f3f3f;text-align: center;line-height: 28px;margin-right: 8px;border-radius: 4px;font-size: 12px} .db-view-content-box .score-tit{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px} .db-view-content-box .score-tit p{display: inline-block;vertical-align: middle;color: #fff;font-size: 16px} .db-view-content-box .score-wrap{margin-bottom: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .db-view-content-box .score-wrap p{position: relative;display: inline-block;vertical-align: middle;font-size: 17px;color: #fff;line-height: 1} .db-view-content-box .score-wrap p *{vertical-align: middle;} .db-view-content-box .score-wrap p strong{font-weight: bold;} .db-view-content-box .score-wrap p + p{padding-left: 10px;margin-left: 10px} .db-view-content-box .score-wrap p + p:after{content: '';position: absolute;left: 0;width: 1px;height: 20px;top: 50%;transform:translateY(-50%);background: #a0a0a0} .db-view-content-box .score-wrap p.tit{font-size: 20px;margin-bottom: 1px} .db-view-content-box .score-wrap p.tit span.box{width: 28px;line-height: 28px;border:1px solid #000;text-align: center;font-size: 16px;display: inline-block;letter-spacing: -1px;margin-right: 8px;height: auto;font-weight: 500;text-indent:-1px;} .db-view-content-box .score-wrap p.tit.blue{color: #65a3dd} .db-view-content-box .score-wrap p.tit.blue span.box{border-color: #65a3dd} .db-view-content-box .score-wrap p.tit.yellow{color: #f0c868} .db-view-content-box .score-wrap p.tit.yellow span.box{border-color: #f0c868} .db-view-content-box .score-wrap p.tit.red{color: #ff6075} .db-view-content-box .score-wrap p.tit.red span.box{border-color: #ff6075} .db-view-content-box .score-wrap p.tit.green{color: #6bd9a5} .db-view-content-box .score-wrap p.tit.green span.box{border-color: #6bd9a5} .db-view-content-box .score-sub-tit{font-size: 15px;color: #aaa;margin-bottom: 14px} .db-view-content-box .score-sub-info{text-align: right} .db-view-content-box .score-sub-info > span{display: inline-block;font-size: 15px;color: #aaa;position: relative;padding-left: 16px} .db-view-content-box .score-sub-info > span + span{margin-left: 20px} .db-view-content-box .score-sub-info span.reply:before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";width: 12px;height: 12px;background: url("../../quasarzone/images/sub/view_reply_icon.png") no-repeat 50% 50%} .db-view-content-box .score-sub-info span.view:before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";width: 14px;height: 14px;background: url("../../quasarzone/images/sub/view_view_icon.png") no-repeat 50% 50%} .db-view-content-box .score-sub-info span.date:before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: url("../../quasarzone/images/sub/value_date_icon3.png") no-repeat 50% 50%;content: ""} .db-view-content-box.cpu-user-db .score-wrap p.tit span.box{letter-spacing: -2.5px} .view-content .db-view-content-box:hover{border-color: #505050} .view-content .db-view-content-box .score-wrap{margin-bottom: 0} .view-content .db-view-content-box .score-wrap + .score-wrap{margin-top: 12px} .view-content .db-view-content-box .score-sub-tit{position: absolute;right: 20px;top: 25px} .user-db-cpu-form-top{position: absolute;top: 18px;left: 153px} .user-db-cpu-form-top .user-db-select > .dropdown-toggle{background: #272727!important;border:1px solid #525252 !important;font-size: 12px;height: 30px;color: #e3e3e3 !important;padding: 6px 12px!important;font-weight: normal;} .user-db-cpu-form-top .user-db-select .dropdown-menu>li>a{\font-size: 12px !important} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area.score-type .inner{margin-top: 0} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score{font-weight: bold;font-size: 18px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score span{display: inline-block;vertical-align: middle;font-weight: bold;} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.blue{color: #65a3dd} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.yellow{color: #f0c868} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.red{color: #ff6075} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.green{color: #6bd9a5} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score .box{font-size: 14px;font-weight: bold;width: 28px;height: 28px;line-height: 28px;border:1px solid #000;display: inline-block;letter-spacing: -1px;margin-right: 3px} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.blue .box{border-color: #65a3dd} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.yellow .box{border-color: #f0c868} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.red .box{border-color: #ff6075} #contentArea #container #content .sub-content-wrap .column-wrap .column-cate-area .tab-con-wrap .tab-con-utit .tab-con-area .inner .score-list li a .text-area .score.green .box{border-color: #6bd9a5} .ranking-info-slide > p{font-size: 14px;text-align: center;color: #fff;font-weight: bold;margin: 6px 0} .ranking-info-slide ul{font-size: 0;background: #181818;border:1px solid #434343;margin-bottom: 4px} .ranking-info-slide ul li{padding-left: 23px;position: relative;display: inline-block;color: #fff;font-size: 12px;padding: 6px 0;display: inline-block;width: 33.33%;box-sizing: border-box;text-align: center;} .ranking-info-slide ul li img{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 3px} .ranking-info-slide ul li span{display: inline-block;vertical-align: middle;font-size: 12px} .ranking-info-slide .slide-wrap{padding: 0 30px;position: relative;} .ranking-info-slide .slide-wrap .slide-btn{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 14px;line-height: normal;padding-bottom: 4px} .ranking-info-slide .slide-wrap .slide-btn:focus{outline: none} .ranking-info-slide .slide-wrap .prev-btn{left: 10px} .ranking-info-slide .slide-wrap .next-btn{right: 10px} .ranking-info-slide .slick-slide:focus{outline: none} .source-area .custom-new-select-wrap{display: inline-block;width: auto} .source-area .custom-new-select-wrap .custom-new-select{width: auto;height: 43px;line-height: 43px} .source-area .oversea-wrap{height: 43px;line-height: 43px} .source-area .oversea-wrap input{width: 20px;height: 20px;margin-top: 12px} .source-area .oversea-wrap input + div{display: none} .source-area .oversea-wrap input:checked + div{display: inline-block;margin-left: 30px;vertical-align: top;color: #fff;} .source-area .oversea-wrap input:checked + div .custom-new-select{margin-left: 4px} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap.new-skin .write-editor-area .option-bt-area a.blk-bt{border-color: #4c4c4c;background: #4c4c4c;color: #cccccc;} #contentArea #container #content .sub-content-wrap .column-wrap .write-editor-wrap.new-skin .write-editor-area .option-bt-area a.org-bt{color: #4c4c4c !important;border-color: #4c4c4c !important;background: #ff9920 !important} .cate-tab-area.new-skin{font-size: 0;padding: 0;margin:16px 0;height: 30px;overflow: hidden;} .cate-tab-area.new-skin a{height: 30px;line-height: 30px;display: inline-block;width: 11.1%;font-size: 13px;text-align: center;background: #1d1d1d;margin: 0;padding: 0;border-bottom: none;border:1px solid #393939;vertical-align: text-top;box-sizing: border-box;} .cate-tab-area.new-skin .wt-pd{width:auto !important;padding:0 8px !important;min-width:70px;} .cate-tab-area.new-skin a + a{border-left: 0px solid #393939 !important} .cate-tab-area.new-skin a + a:nth-of-type(9n+1){border-left: 1px solid #393939 !important} .cate-tab-area.new-skin a:hover, .cate-tab-area.new-skin a.active{border:1px solid #393939;background: #999;color: #000 !important;font-weight: bold;} .cate-tab-area.new-skin .more-btn:after{content: '+ 더보기'} .cate-tab-area.new-skin.active{height: auto;} .cate-tab-area.new-skin.active .more-btn:after{content: '- 닫기'} .cate-tab-area.new-skin.tab-location{position:relative;top:-3px;} .popular-tangerine-btn{font-size: 16px;padding: 5px 10px;font-size: 15px;font-weight: bold;background: #ff9900;color: #272727;border:1px solid #505050;display: inline-block;} .popular-tangerine-btn:before{display: inline-block;vertical-align: middle;width: 22px;height: 22px;background: url(../images/sub/popular_orange.png) no-repeat 50% 50%;background-size: 100%;content: '';margin-right: 3px} .popular-tangerine-btn:after{content: '베스트';display: inline-block;vertical-align: middle;color: #272727} .popular-tangerine-btn.all:before{background-image: url(../images/sub/tangerine_1.png);} .popular-tangerine-btn.all:after{content: '전체보기';color: #272727} .market-info-type-list{padding-top: 10px} .market-info-type-list .text-orange{color: #ff9900 !important} .market-info-type-list .text-green{color: #84ffc4 !important} .market-info-type-list .text-red{color: #ff6075 !important} .market-info-type-list td{padding: 10px 0 !important;position: relative;} .market-info-type-list td .tangerine_icon{width: 18px;margin-bottom: 4px;margin-left: 2px} .market-info-type-list td .admin-chk-box{position: absolute;left: 0;top: 8px;z-index: 99} .market-info-type-list .num{display: inline-block;border: 1px solid #3f3f3f;background-color: #272727;font-size: 10px;color: #b5b5b5;font-weight: 500;width: 25px;height: 25px;vertical-align: top;text-align: center;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;} .market-info-type-list .market-info-list{display: flex;} .market-info-type-list .market-info-list .thumb-wrap{width: 80px;height: 68px;margin-right: 8px;flex:none;position: relative;} .market-info-type-list .market-info-list .thumb-wrap .thumb{width: 100% !important;height: 100% !important} .market-info-type-list .market-info-list-cont{flex: 1 1 0%;padding-right: 10px; max-width: calc(100% - 98px);} .market-info-type-list .market-info-list-cont .tit{margin: 8px 0 10px;color: #cccccc;font-size: 16px;overflow: hidden;} .market-info-type-list .market-info-list-cont .tit .label{font-size: 11px;background: #181818;color: #fff;text-align: center;width: 42px;border:1px solid #505050;padding: 4px 0 2px;display: inline-block;vertical-align: middle;margin-bottom: 2px} .market-info-type-list .market-info-list-cont .tit .label.mint{color: #84ffc4} .market-info-type-list .market-info-list-cont .tit .label.done{color: #505050;font-weight: 400;} .market-info-type-list .market-info-list-cont .tit a{width: auto !important;max-width: calc(100% - 10px) !important;font-size: inherit !important;overflow: hidden !important;} .market-info-type-list .market-info-sub{display: flex;} .market-info-type-list .market-info-sub > p{flex: 1 1 0%;text-align: left;} .market-info-type-list .market-info-sub > p > span{display: inline-block;vertical-align: middle;width: auto !important;color: #a9a9a9;padding: 0 7px;text-align: center;position: relative;font-size: 14px} .market-info-type-list .market-info-sub > p > span:before{display: none} .market-info-type-list .market-info-sub > p > span + span:after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 13px;width: 1px;background: #474747} .market-info-type-list .market-info-sub > p > span.category{min-width: 75px;border:1px solid #505050;font-size: 11px;padding: 3px 0;background: #a9a9a9;color: #272727;font-weight: bold;} .market-info-type-list .market-info-sub > p > span.category + span:after{display: none} .market-info-type-list .market-info-sub > p > span.brand img{width: 22px} .market-info-type-list .market-info-sub > p + p{flex:none;} .market-info-view-wrap .text-orange{color: #ff9900 !important} .market-info-view-wrap .text-green{color: #84ffc4 !important} .market-info-view-wrap .text-red{color: #ff6075 !important} .market-info-view-wrap .util-area .ca_name{min-width: 75px;border:1px solid #505050;font-size: 11px;padding: 3px 0;background: #a9a9a9;color: #272727;font-weight: bold;margin-right: 8px;text-align: center;display: inline-block;line-height: 1.15} .market-info-view-wrap .title .tangerine-icon{width: 20px;margin-right: 5px;vertical-align: text-top;} .market-info-view-wrap dl{margin-bottom: 0} .market-info-view-wrap .good-btn-wrap{text-align: center;} .market-info-view-wrap .good-btn-wrap .good-btn{width: 80px;height: 86px;border:1px solid #884400;border-radius: 6px;padding-top: 60px;background: url(../images/sub/tangerine_big.png) no-repeat 50% 7px;background-color: #181818;display: inline-block;color: #fff;font-weight: bold;} .market-info-view-wrap .good-btn-wrap .good-btn.tp1{background-image: url(../images/sub/mandarin0.png);border-color: #272727;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn.tp2{background-image: url(../images/sub/mandarin1.png);border-color: #446600;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn.tp3{background-image: url(../images/sub/mandarin1.png);border-color: #446600;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn.tp4{background-image: url(../images/sub/mandarin2.png);border-color: #777000;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn.tp5{background-image: url(../images/sub/mandarin3.png);border-color: #884400;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn.tp6{background-image: url(../images/sub/mandarin4.png);border-color: #8c3100;background-color: #181818 !important;} .market-info-view-wrap .good-btn-wrap .good-btn span{position:relative} .market-info-view-wrap .good-btn-wrap .good-btn span:before{content: '';position: relative;top: 2px;width: 17px;height: 16px;background: url(../images/sub/ic-good-on.svg) no-repeat 50% 50%;background-size: contain;display: inline-block;margin-right: 4px;line-height: 1} .market-info-view-wrap .good-btn-wrap .good-btn span.no:before{background: url(../images/sub/ic-good-off.svg) no-repeat 50% 50%;background-size: contain;} .market-info-view-wrap .good-btn-wrap .good-btn span.lottie:before{background-size: 0;} .market-info-view-wrap .good-btn-wrap .good-btn span #lottie{position:absolute;left:-4px;top:-9px;width:27px;height:26px;} .market-info-view-wrap .custom-btn{border:1px solid #4e4e4e;background: #4e4e4e;height: 32px;line-height: 30px;font-size: 14px;padding: 0 10px} .market-info-view-wrap .custom-btn.red-btn{background: #da3c3b;color: #fff} .market-info-view-wrap .custom-btn.secondary-btn{background: #333} .market-info-view-wrap .custom-btn.orange-btn{background: #ff9400;color: #272727} .market-info-view-wrap .custom-btn.dark-btn{background: #181818;color: #eee} .market-info-view-wrap .custom-btn img{height: 16px;margin-right: 4px} .market-info-view-wrap .bottom-util-bt ul{margin-bottom: 0;display: flex !important;} .market-info-view-wrap .bottom-util-bt ul li{flex:none;border:none !important;} .market-info-view-wrap .bottom-util-bt ul li:nth-of-type(1){flex:1 1 0%;margin-left: 0 !important;text-align: left;} .market-info-view-wrap .state-change-wrap{margin: 2px 0;height: 32px;text-align: right;font-weight: bold;} .market-info-view-wrap .title .label{font-size: 11px;background: #181818;color: #fff;text-align: center;width: 42px;border:1px solid #505050;padding: 6px 0 4px;display: inline-block;vertical-align: middle;margin-bottom: 2px;border-radius: 0} .market-info-view-wrap .title .label.mint{color: #84ffc4} .market-info-view-wrap .title .label.done{color: #505050;font-weight: 400;} .market-info-view-table{width: 100%;border-collapse: collapse;border:1px solid #4d4d4d;table-layout: fixed;} .market-info-view-table td, .market-info-view-table th{border:1px solid #4d4d4d;font-size: 14px;color: #eeeeee;vertical-align: middle;padding: 5px 10px;line-height: 1.5} .market-info-view-table th{background: #333;text-align: right;} .market-info-view-table td a{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;color: #fff} .market-info-view-table .brand-logo{height: 18px;margin-right: 4px} .premium-sponsor-slide-wrap {margin: 20px 0} .premium-sponsor-slide-wrap .tit{color: #fff;font-size: 14px;color: #eee;font-weight: bold;margin-bottom: 6px} .premium-sponsor-slide-wrap .sponsor-slide{padding: 0 32px;position: relative;overflow: hidden;background: #202020; text-align: center; color: white; border:1px solid #565656;height: 142px;overflow: hidden} .premium-sponsor-slide-wrap .sponsor-slide [tabindex]{outline: none !important;} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn{position: absolute;top: 0;height: 100%;width: 46px} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn:focus{outline: none} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover{outline: none} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt{left: 0;} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt{right: 0;} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn:after{font-family: "flexslider-icon";font-size: 12px;display: inline-block;content: '\f001';color: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;font-size: 22px} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover:after{color: #ff9400} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt:after{content: '\f001'} .premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt:after{content: '\f002'} .premium-sponsor-slide-wrap .sponsor-slide .box-wrap{display: flex;justify-content: center;align-items: center;height: 140px} .premium-sponsor-slide-wrap .premium-sponsor-box{display: flex;align-items: center;justify-content: center} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap{overflow: visible;width: 70px;height: 70px;position: relative;color: #363636;margin: 0 auto 8px} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap img{border-radius: 999px;overflow: hidden;width: 100%;height: 100%} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap:after{content: '';position: absolute;width: calc(100% + 6px);height: calc(100% + 6px);left: -3px;top: -3px;background: url("../../quasarzone/images/sub/sponsor_reply_img_border.png") no-repeat 50% 50%;background-size: contain;} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .user-nick-wrap img{display: inline-block} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .user-nick-wrap .id-click-area{top:auto;bottom:100%} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap{width:154px;min-width: 154px} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a{width: 100%;color: #eee;font-size: 14px;font-weight: bold;background: #181818;margin: 4px 0;padding: 8px 0;display: flex;align-items: center;justify-content: center;margin-left: 16px} .premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a img{display: inline-block;vertical-align: middle;margin-left: 4px} .state-change-list-wrap{padding: 3px 0;max-width: 400px;margin: 10px auto;text-align: center;border-top: 1px solid #3e3e3e;border-bottom: 1px solid #3e3e3e} .state-change-list-wrap > div{margin: 8px 0;color: #a9a9a9} .state-change-list-wrap .user-nick-wrap{display: inline-block;vertical-align: middle;} .state-change-list-wrap .user-nick-wrap .user-nick-text{font-weight: bold;} .state-change-list-wrap .admin{font-weight: bold;} .exchang-price-wrap{display: flex;align-items: center} .exchang-price-wrap input{flex: 1 1 0%} .exchang-price{color: #aaa;padding-right: 11px} .source-area.link-box{padding: 10px 10px 8px 28px;background: #181818;border:1px solid #4e4e4e;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;font-size: 12px;width: 100%;max-width: 100%;margin: 8px auto 20px;color: #fff} .source-area.link-box span{color: inherit} .source-area.link-box a{color: inherit} .source-area.link-box:before{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 9px;height: 11px;content: "";background: url(../../quasarzone/images/sub/source_icon.png) no-repeat;} .sponsor-label{display: inline-block;font-size: 14px;padding: 4px 6px 4px;background: #181818;margin-right: 8px;border:1px solid #4e4e4e;color: #aaaaaa;line-height: 1;max-width:84px;} .sponsor-label.sponsor-label-orange{color: #ff9400;border-color: #ff9400} .sponsor-logo-wrap{background: #181818;text-align: center;border:1px solid #4e4e4e;margin: 10px 0} .sponsor-logo-wrap .tit{background: #272727;font-size: 14px;color: #aaaaaa;padding: 12px 0 10px} .sponsor-logo-wrap .tit .text-orange{color: #ff9400} .sponsor-logo-wrap .tit .point-highlight{color:#84ffc4} .sponsor-logo-wrap .sponsor-logo-row{margin: 0;font-size: 0;padding: 6px;overflow:hidden} .sponsor-logo-wrap .sponsor-logo-row ul{max-height:70px !important;overflow:hidden} .sponsor-logo-wrap .sponsor-logo-row .list-wrap{display:flex; justify-content: space-evenly; overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;} .sponsor-logo-wrap .sponsor-logo-row .list-wrap::-webkit-scrollbar{display:none} .sponsor-logo-wrap .sponsor-logo-row .flex-control-nav{display: none;} .sponsor-logo-wrap .sponsor-logo-row .sponsor-logo{display: inline-block;vertical-align: text-top;width: 90px;padding: 6px 5px;box-sizing: content-box} .sponsor-logo-wrap .sponsor-logo-row .slides .sponsor-logo{padding:6px 15px;} .sponsor-logo-wrap .sponsor-logo-row .sponsor-logo .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: #aaaaaa;margin-top: 6px} .layerPopup .total-money-app-cnt{position: absolute;left: 24px;top: 20px;font-size: 18px;color: #fff;z-index: 2} .layerPopup .search-box-area{margin-top: 20px;font-size: 14px;text-align: center} .layerPopup .search-box-area select{line-height: 30px;width: 100px;padding: 0 20px 0 10px;background:url(../images/sub/q_list_arrow.png) no-repeat 92% 50%;background-color: #fff;} .layerPopup .search-box-area input{background: #fff;line-height: 30px;width: 250px;padding: 0 10px} .layerPopup .search-box-area button{background: #ff9400;line-height: 30px;color: #272727;width: 60px;text-align: center;font-weight: bold} .layerPopup .parti-popup-area .content-area .list-util-area .paging-box .float-center ul{margin-bottom: 0} .layerPopup .parti-popup-area .content-table-wrap{overflow: auto;height: calc(100% - 96px)} .layerPopup .sponsor-popup-area .content-area .list-util-area .paging-box .float-center ul{margin-bottom: 0} .layerPopup .sponsor-popup-area .table-area{height: calc(100% - 170px)} .layerPopup .list-popup-area .content-area .list-util-area .paging-box .float-center ul{margin-bottom: 0} .layerPopup .list-popup-area .content-area .util-area{margin-top: -34px} .layerPopup .list-popup-area .table-area{height: calc(100% - 320px)} .layerPopup .list-popup-area .content-area .msg-box{padding-top: 20px} .layerPopup .list-popup-area .content-area .msg-box .text-area textarea{height: 110px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap{z-index: 2} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap{border-top: 1px solid #525252;padding: 0 32px;position: relative;height: 36px;overflow: hidden;z-index: 1} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap [tabindex]{outline: none !important;} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn{position: absolute;top: 0;height: 100%;width: 32px} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn:focus{outline: none} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn:hover{outline: none} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn.prev-bt{left: 0;} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn.next-bt{right: 0;} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn:after{font-family: "flexslider-icon";font-size: 12px;display: inline-block;content: '\f001';color: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn:hover:after{color: #ff9400} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn.prev-bt:after{content: '\f001'} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap .slick-btn.next-bt:after{content: '\f002'} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap ul li{display: flex} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap ul li>div.title-unit{padding-left: 0px;width: 100%;flex: 1 1 0%;overflow: hidden} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap ul li>div.writer-unit{border-left: none;width: auto;} #contentArea #container #content .sub-content-wrap .column-wrap .column-list-area .l-title .all-notice-wrap.all-slide-notice-wrap ul li>div.normal-unit{border-left: none;width: auto;margin-left: 14px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a{vertical-align:middle} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a.youtube-btn-wrap{padding-left: 0;align-items: center;text-align: center;width: auto;padding: 0 3px} #contentArea #container #content .sub-content-wrap .column-wrap .column-video-area .title-wrap .bt-area a.youtube-btn-wrap div{margin-top: 3px !important;} #contentArea #container #content .sub-content-wrap .right-sub-wrap .login-all-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li .tab-con-area .inner .scroll-con-area ul li .title .label {padding: 0;font-size: inherit;} #contentArea #container #content .sub-content-wrap .list-type-a.no-count dd ul li a{max-width: 300px} #contentArea #container #content .sub-content-wrap .right-sub-wrap .notice-wrap{padding-bottom: 20px;height: auto} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .left{white-space: nowrap} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .util-area .right{white-space: nowrap} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area{padding: 0} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area .reply-tit{padding: 18px;height: auto} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area .reply-list{padding: 0;} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area .reply-list ul li{padding: 20px 18px;border-top: none;position: relative} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area .reply-list ul li + li:after{content: '';left: 20px;width: calc(100% - 40px);top: 0;height: 1px;position: absolute;background: #525252} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-area .reply-list ul li.premium:before{display: none} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li.premium{position: relative;background: #2b2f34} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li.premium:before{background: #2b2f34;width: calc(100% + 36px);content: '';position: absolute;left: -18px;height: 100%;top: 0;z-index: 0;} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb.premium{overflow: visible;} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb.premium img{border-radius: 999px;overflow: hidden} #contentArea #container #content .sub-content-wrap .reply-wrap .reply-area .reply-list ul li .user-pic-thumb.premium:after{content: '';position: absolute;width: calc(100% + 6px);height: calc(100% + 6px);left: -3px;top: -3px;background: url("../../quasarzone/images/sub/sponsor_reply_img_border.png") no-repeat 50% 50%;background-size: contain;} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn {background: #181818;text-align: center;padding: 10px 0;display: block;width: 100%} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn + .reply-list{display: none} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn.active + .reply-list{display: block} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn span {color: #eee;position: relative;padding-left: 17px;font-size: 14px;font-weight: bold} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn span:before {position: absolute;top: 50%;margin-top: -2px;left: 0;width: 9px;height: 4px;content: "";background: url("../../quasarzone/images/sub/all_view_arrow.png") no-repeat;} #contentArea #container #content .sub-content-wrap .reply-wrap.sponsor-reply-wrap .reply-more-btn.active span:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)} .mid-text-area.more450{max-height: 400px;overflow: hidden;position: relative} .mid-text-area.more450:after{content: '';position: absolute;left: 0;width: 100%;bottom: 0;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(39,39,39,1) 100%);height: 70px} .mid-text-area.more450.active{max-height: 100%} .mid-text-area.more450.active:after{display: none} li.premium .mid-text-area.more450:after{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(43, 48, 52,1) 100%);} .more450Btn{color: #eeeeee;margin-top: 7px;font-size: 15px;font-weight: bold} .more450Btn:hover{text-decoration: underline} .more450Btn:before{content: '';width: 12px;height: 9px;background: url("../images/sub/sponsor_reply_more.png") no-repeat 50% 50%;display: inline-block;background-size: contain;vertical-align: middle} .more450Btn:after{content: '펼치기';display: inline-block;vertical-align: middle;margin-left: 8px} .more450Btn:hover:after{text-decoration: underline} .mid-text-area.more450.active + .more450Btn:after{content: '닫기'} .mid-text-area.more450.active + .more450Btn:before{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)} #contentArea #container #content .sub-content-wrap.event-desk-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count{margin-left: 0;padding-left: 0} #contentArea #container #content .sub-content-wrap.event-desk-wrap .common-view-wrap .common-view-area dl dt .util-area .left .count:before{display: none} #contentArea #container #content .sub-content-wrap.event-desk-wrap .left-con-wrap .reply-wrap .reply-area .reply-list ul li .reply-con-area .top-util-area .like-bt{margin-left: 14px} #contentArea #container #content .sub-content-wrap.event-desk-wrap .reply-wrap .reply-area .reply-list ul li .reply-list-inner{position:relative; padding-left: 90px} #contentArea #container #content .sub-content-wrap.event-desk-wrap .gooder-list-btn-wrap{margin: 32px 0;text-align: center} #contentArea #container #content .sub-content-wrap.event-desk-wrap .gooder-list-btn{color: #fff;border:1px solid #8D867E;padding: 1px 12px 0;background: #695F53;font-weight: bold;height: 32px;line-height: 32px;border-radius: 4px} .event-desk-wrap .spec-box .spec .cont{overflow: visible;word-break: break-all;white-space: normal;} #contentArea #container #content .sub-content-wrap.event-desk-wrap .left-con-wrap .common-view-wrap .common-view-area dl dd .bottom-info-area .source-area a{width: calc(100% - 80px);} .compuzone-icon{background: url("../../quasarzone/images/common/compuzon_icon.svg") no-repeat 50% 50%;width: 14px;display: block;height: 14px;padding:0px 0;box-sizing: content-box} .compuzone-editor-wrap{width:595px;background: #333;padding:32px;display: flex;margin: 0 auto} .compuzone-editor-img{width: 170px;height: 114px;background-size:cover;margin-right: 15px;background: url() no-repeat 50% 50%;background-color: #000;display: block;background-size: cover} .compuzone-editor-text{flex:1 1 0%;display: flex;flex-direction: column;overflow: hidden} .compuzone-editor-title{font-size: 24px;color: #ccc!important;flex: 1 1 0%;overflow: hidden;line-height: 1.4;min-height: 68px} .compuzone-editor-link{color: #ff9900 !important;font-size: 24px;text-align: center;line-height: 1;margin-top: 24px} .banner-wrap-user-sign{overflow:hidden; margin-top:8px;} .banner-wrap-user-sign.more500{max-height:500px;overflow:hidden;position:relative} .banner-wrap-user-sign.more500:after{content: '';position: absolute;left: 0;width: 100%;bottom: 0;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(39,39,39,0.7) 100%);height: 75px} .banner-wrap-user-sign.more500.active{max-height:100%} .banner-wrap-user-sign.more500.active:after{display: none} .more500Btn{color: #eeeeee;margin-top: 7px; margin-left:15px; font-size: 15px;font-weight: bold} .more500Btn:hover{text-decoration: underline} .more500Btn:before{content: '';width: 12px;height: 9px;background: url("../images/sub/sponsor_reply_more.png") no-repeat 50% 50%;display: inline-block;background-size: contain;vertical-align: middle} .more500Btn:after{content: '펼치기';display: inline-block;vertical-align: middle;margin-left: 8px} .more500Btn:hover:after{text-decoration: underline} .banner-wrap-user-sign.more500.active + .more500Btn:after{content: '닫기'} .banner-wrap-user-sign.more500.active + .more500Btn:before{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num{display:inline-block;border:1px solid #3f3f3f;margin-right:3px;font-size:11px;font-weight:400;text-align:center;background-color:#e66700;min-width:25px;height:25px;vertical-align:top;line-height:23px;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 5px} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp1{border:1px solid #2f2f2f;background-color:none;color:#686868} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp2{border:1px solid #3f3f3f;background-color:#171717;color:#b5b5b5} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp3{border:1px solid #3f3f3f;background-color:#ada372;color:#b9b9b9} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff} #contentArea #container #content .sub-content-wrap .common-view-wrap .common-view-area dl dt .num.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt{font-size:0;text-align:center;margin-top:16px; padding: 0px 15px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul{font-size:0;display:inline-block} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li{display:inline-block;margin-left:9px;border:1px solid #4e4e4e} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a{display:inline-block;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a span{font-size:14px;color:#fff;position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.declar-bt{background-color:#da3c3b} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.declar-bt span{padding-left:14px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.declar-bt span:before{position:absolute;content:"";left:0;top:2px;width:10px;height:10px;background:url(../../quasarzone/images/sub/view_declar_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.share-bt{background-color:#45aede} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.share-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.share-bt span:before{position:absolute;content:"";left:0;top:2px;width:13px;height:11px;background:url(../../quasarzone/images/sub/view_share_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.rec-bt{background-color:#e08a25} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.rec-bt span{padding-left:21px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.rec-bt span:before{position:absolute;content:"";left:0;top:0;width:15px;height:15px;background:url(../../quasarzone/images/sub/view_like_icon2.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.scrap-bt{background-color:#814cd2} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.scrap-bt span{padding-left:20px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt ul li a.scrap-bt span:before{position:absolute;content:"";left:0;top:2px;width:12px;height:10px;background:url(../../quasarzone/images/sub/view_scrap_icon.png) no-repeat} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt .lock-bt{float:right;vertical-align:top;display:inline-block;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box;background-color:#181818} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .bottom-util-bt .lock-bt span{font-size:14px;color:#fff;position:relative} .news-view-wrap .good-btn-wrap{text-align: center; margin-top:20px} .news-view-wrap .good-btn-wrap .good-btn{width: 80px;height: 86px;border:1px solid #884400;border-radius: 6px;padding-top: 60px;background: url(../images/sub/tangerine_big.png) no-repeat 50% 7px;background-color: #181818;display: inline-block;color: #fff;font-weight: bold;} .news-view-wrap .good-btn-wrap .good-btn.tp1{background-image: url(../images/sub/mandarin0.png);border-color: #272727;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn.tp2{background-image: url(../images/sub/mandarin1.png);border-color: #446600;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn.tp3{background-image: url(../images/sub/mandarin1.png);border-color: #446600;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn.tp4{background-image: url(../images/sub/mandarin2.png);border-color: #777000;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn.tp5{background-image: url(../images/sub/mandarin3.png);border-color: #884400;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn.tp6{background-image: url(../images/sub/mandarin4.png);border-color: #8c3100;background-color: #181818 !important;} .news-view-wrap .good-btn-wrap .good-btn span{position:relative} .news-view-wrap .good-btn-wrap .good-btn span:before{content: '';position: relative;top: 2px;width: 17px;height: 16px;background: url(../images/sub/ic-good-on.svg) no-repeat 50% 50%;background-size: contain;display: inline-block;margin-right: 4px;line-height: 1} .news-view-wrap .good-btn-wrap .good-btn span.no:before{background: url(../images/sub/ic-good-off.svg) no-repeat 50% 50%;background-size: contain;} .news-view-wrap .good-btn-wrap .good-btn span.lottie:before{background-size: 0;} .news-view-wrap .good-btn-wrap .good-btn span #lottie{position:absolute;left:-4px;top:-9px;width:27px;height:26px;} .news-view-wrap .custom-btn{border:1px solid #4e4e4e;background: #4e4e4e;height: 32px;line-height: 30px;font-size: 14px;padding: 0 10px} .news-view-wrap .custom-btn.red-btn{background: #da3c3b;color: #fff} .news-view-wrap .custom-btn.secondary-btn{background: #333} .news-view-wrap .custom-btn.orange-btn{background: #ff9400;color: #272727} .news-view-wrap .custom-btn.dark-btn{background: #181818;color: #eee} .news-view-wrap .custom-btn img{height: 16px;margin-right: 4px} .news-view-wrap .bottom-util-bt ul{margin-bottom: 0;display: flex !important;} .news-view-wrap .bottom-util-bt ul li{flex:none;border:none !important;} .news-view-wrap .bottom-util-bt ul li:nth-of-type(1){flex:1 1 0%;margin-left: 0 !important;text-align: left;} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap{border:1px solid #525252; margin:15px 15px 0px 15px;padding:20px 0px;} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area:after{display:block;content:"";clear:both} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info{float:left;width:50%;box-sizing:border-box;height:100px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner{position:relative;box-sizing:border-box;padding-left:180px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .thumb-area{display:inline-block;width:80px;height:80px;background:transparent;color: #363636;position:absolute;top:8px;left:57px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .id{color:#fffffe;font-size:16px;line-height:22px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .id img{margin-right:6px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner{padding-left:6px;margin-top:10px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt2{margin-left:16px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt3{margin-left:16px;padding-left:19px;position:relative} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .util-bt-area .bt3:before{position:absolute;left:0;top:4px;width:2px;height:11px;background-color:#656565;content:""} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value{margin-top:6px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p{color:#e3e3e3;font-size:12px;margin-top:6px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .user-info .user-info-inner .text-area .text-inner .value p a{text-decoration:underline;color:#e3e3e3;font-size:12px;cursor:default} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list{float:right;width:50%;box-sizing:border-box;height:100px;border-left:2px solid #3b3b3b} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner{padding-left:30px;padding-right:28px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt{font-size:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a{display:inline;font-size:12px;font-weight:700;color:#6c6c6c;margin-left:16px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a:first-child{margin-left:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-bt a.active{color:#fffffe;border-bottom:1px solid #ff9400} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con{padding-top:14px;display:none} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con.active{display:block} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li{position:relative;margin-top:6px} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li:first-child{margin-top:0} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li a{color:#e3e3e3;width:450px;font-size:12px;vertical-align:top;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contentArea #container #content .sub-content-wrap .view-content-wrap .view-content-area .news-view-wrap .user-info-wrap .user-info-area .post-list .post-list-inner .tab-con ul li .date{position:absolute;right:0;top:1px;color:#6c6c6c;font-size:12px} .note-editor .twitter-tweet iframe {min-height:auto} #contentArea #container #content .main-content-wrap .top-content-area .right-util-wrap .login-action-wrap .info-tab-wrap .tab-bt-list>li:last-child {width: 66px;} .event-tap-css .popular-tangerine-btn span{color: #272727 !important} .event-tap-css .popular-tangerine-btn span:hover, .event-tap-css .popular-tangerine-btn span:active{color: #272727 !important} .btn-color-orange{background-color:#ff9900 !important;} .mt-top0{margin-top:0 !important;} .height-auto{height: auto !important;} #writer-mine-comment {left: 0;top: 74px;width: 64px;height: 22px;position: absolute;text-align: center;font-size: 12px;font-weight: 700;color: #e3e3e3;line-height: 22px;background-color: #181818;}