html {
overflow-y: scroll;
}
body.skinChange {
color: #d6d6d6;
background: #1a2035;
}
body.skinChange.wide {
background: #1a2035 url(img/blackLine.png) repeat-x !important;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox {
background: #1a2035;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
color: #fff;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
color: #4e4e4e;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div:nth-child(1) {
background: rgba(0, 0, 0, 0.4);
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div:nth-child(2) {
background: rgba(0, 0, 0, 0.4);
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div > button {
color: #848484;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li i {
color: #848484;
}
body.skinChange > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li div {
color: #4e4e4e;
}
body.skinChange > .doc > .center-area {
background: #202940;
}
body.skinChange > .doc .reply_title > div:nth-child(2) > div {
border: 1px solid #303b56;
}
body.skinChange > .doc .reply_title > span > span > i {
color: #6a6a6a;
}
body.skinChange > .doc .appEtcinfo > div.info_title > h4 {
color: #e8e8e8;
}
body.skinChange > .doc .appEtcinfo > div.info_title > div > button {
color: #b1b1b1;
}
body.skinChange > .doc .appEtcinfo > div.info_title > div > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appEtcinfo > div.info_title > div > img {
opacity: 0.6;
}
body.skinChange > .doc .appEtcinfo > div > ul {
color: #848484;
opacity: 1;
}
body.skinChange > .doc .appEtcinfo > div > button i {
color: #b1b1b1;
}
body.skinChange > .doc .appEtcinfo > div > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appEtcinfo > div > button:hover i {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info_title > h4 {
color: #e8e8e8;
}
body.skinChange > .doc .appCopy > div.info > div.copyField > div.ocr {
border-left: 1px dotted #4e4e4e;
}
body.skinChange > .doc .appCopy > div.info > div.copyField > div.ocr > pre {
color: #848484 !important;
}
body.skinChange > .doc .appCopy > div.info > div.copyField > div > pre {
color: #b1b1b1;
}
body.skinChange > .doc .appCopy > div.info > .info_copy {
color: #848484;
}
body.skinChange > .doc .appCopy > div.info > button i {
color: #b1b1b1;
}
body.skinChange > .doc .appCopy > div.info > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info > button:hover i {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > button {
color: #b1b1b1;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > button:hover span {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > a {
color: #b1b1b1;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > a:hover {
color: #109ba5;
}
body.skinChange > .doc .appCopy > div.info > .info_plus > a:hover span {
color: #109ba5;
}
body.skinChange > .doc .appGenre > div.info_title > h4 {
color: #e8e8e8;
}
body.skinChange > .doc .appGenre > div.info > ul > li > a {
color: #b1b1b1;
background-color: #3c3c3c;
}
body.skinChange > .doc .appGenre > div.info > ul > li > a:hover {
color: #109ba5;
}
body.skinChange > .doc .appAward > div.info_title > h4 {
color: #e8e8e8;
}
body.skinChange > .doc .appAward > div.info_title > div > button {
color: #b1b1b1;
}
body.skinChange > .doc .appAward > div.info_title > div > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appAward > div.info_title > div > button:hover span {
color: #109ba5;
}
body.skinChange > .doc .appAward > div.info > div > ul > li > div > a {
background: #3c3c3c;
}
body.skinChange > .doc .appAward > div.info > div > ul > li > div > a:hover > span.name {
color: #109ba5;
}
body.skinChange > .doc .appAward > div.info > div > ul > li > div > a > span.name {
color: #b1b1b1;
background: #212121;
}
body.skinChange > .doc .appAward > div.info > div > ul > li > div > a > span.grade {
color: #b1b1b1;
}
body.skinChange > .doc .appAward > div.info > div > ul > li > div > a > span.date {
color: #6a6a6a;
}
body.skinChange > .doc .appAward > div.info > ul > li {
background-color: #3c3c3c;
}
body.skinChange > .doc .appAward > div.info > ul > li > span:nth-child(1) {
color: #b1b1b1;
background: #212121;
}
body.skinChange > .doc .appAward > div.info > ul > li > span:nth-child(2) {
color: #b1b1b1;
}
body.skinChange > .doc .appAward > div.info > ul > li > span:nth-child(3) {
color: #6a6a6a;
}
body.skinChange > .doc .appAward > div.info > ul > li > button:hover {
color: #d8d8d8;
}
body.skinChange > .doc .appAward > div.info > div.plus2 > div > button {
color: #b1b1b1;
}
body.skinChange > .doc .appAdZine > div.info_title > h4 {
color: #e8e8e8;
}
body.skinChange > .doc .appAdZine > div.info_title > div > button {
color: #b1b1b1;
}
body.skinChange > .doc .appAdZine > div.info_title > div > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appAdZine > div.info_title > div > button:hover span {
color: #109ba5;
}
body.skinChange > .doc .appAdZine > div.info {
padding: 0 15px;
}
body.skinChange > .doc .appAdZine > div.info > ul > li {
display: flex;
}
body.skinChange > .doc .appAdZine > div.info > ul > li > div:nth-child(1) {
background-color: #3c3c3c;
}
body.skinChange > .doc .appAdZine > div.info > ul > li > div:nth-child(3) {
color: #4e4e4e;
}
body.skinChange > .doc .appAdZine > div.plus > button {
color: #b1b1b1;
}
body.skinChange > .doc .appAdZine > div.plus > button:hover {
color: #109ba5;
}
body.skinChange > .doc .appAdZine > div.plus > button:hover span {
color: #109ba5;
}
body.skinChange > .doc .player_tag div:nth-child(1) {
border-bottom: 1px solid #303b56;
}
body.skinChange > .doc .player_tag div:nth-child(1) h4 {
color: #e8e8e8;
}
body.skinChange > .doc .player_tag div:nth-child(1) div span {
color: #848484;
}
body.skinChange > .doc .player_tag div:nth-child(1) div button {
border: 0;
background: #3c3c3c;
}
body.skinChange > .doc .player_tag div:nth-child(1) div button:hover {
background: #109ba5;
}
body.skinChange > .doc .player_tag ul li button {
color: #b1b1b1;
background-color: #3c3c3c;
}
body.skinChange > .doc .player_tag ul li button:hover {
color: #109ba5;
}
body.skinChange > .doc .player_tag ul li button.selected {
color: #fff;
background-color: #109ba5;
}
body.skinChange .nav-tabs li.youtube button.youtubeColor {
background: url('img/youtube-icon.png') 0 -54px;
}
body.skinChange .nav-tabs li.reactionTitle a.reactionGo {
color: #969595;
}
body.skinChange .rate > span:nth-child(1) {
color: #fff;
}
body.skinChange .evaluate_Wrap2 > div > div:nth-child(2) > div.expand {
border-bottom: 1px solid #fff;
}
body.skinChange .evaluate_Wrap2 > div > div:nth-child(2) > div.replySave > button {
color: #848484;
background: #3c3c3c;
}
body.skinChange .evaluate_Wrap2 > div > div:nth-child(2) > div.replySave > button.ok {
color: #fff;
background: #109ba5;
}
body.skinChange .evaluate_Wrap2 > div > div:nth-child(2) > div span.reply_txt > span.point {
color: #848484;
}
body.skinChange .evaluate_Wrap2 > div > div:nth-child(2) > div > img {
opacity: 0.6;
}
body.skinChange #makerWrap tr {
border-bottom: 1px dotted #3c3c3c;
}
body.skinChange #makerWrap tr td > div > span > span > a {
color: #848484;
}
body.skinChange #makerWrap tr td:nth-child(2) div:nth-child(2) {
color: #848484;
}
body.skinChange .hr {
border-top: 1px solid #4e4e4e;
}
body.skinChange .nav-tabs {
border-bottom: 1px solid #3c3c3c;
}
body.skinChange .nav-tabs li button {
color: #969595;
}
body.skinChange .qt-reaction.box {
background-color: #1a2035;
}
body.skinChange .makerOther > div.plus_title > h3 {
color: #e8e8e8;
}
body.skinChange .makerOther > div.plus_title > button {
color: #b1b1b1;
}
body.skinChange .makerOther > div.plus_title > button:hover {
color: #109ba5;
}
body.skinChange .makerOther > div.plus_title > button:hover span {
color: #109ba5;
}
body.skinChange .makerOther > div.plus_title2 > div:nth-child(1) h3 {
color: #fff;
}
body.skinChange .makerOther > div.seriesName > span {
color: #fff;
}
body.skinChange .makerOther > div > div.etcAd2 {
border: 1px dashed #3c3c3c;
background: #000;
}
body.skinChange .makerOther > div > div.etcAd2 > span > span > span {
color: #4e4e4e;
}
body.skinChange .makerOther ul li > div.thumWrap > div.time {
color: #b1b1b1;
}
body.skinChange .makerOther ul li > div.other_info > div.title-1 {
color: #d8d8d8;
}
body.skinChange .makerOther ul li > div.other_info > div.onair {
color: #4e4e4e;
}
body.skinChange .haveId {
color: #fff !important;
font-weight: normal !important;
}
body.skinChange #stickymobile {
background: #202940;
}
body.skinChange #stickymobile > ul {
border-bottom: 1px solid #303b56;
background: #202940;
}
body.skinChange #stickymobile > ul > li.current a {
color: #fff;
}
body.skinChange #stickymobile > ul > li a:hover {
color: #fff;
}
body.skinChange .line_back {
background: url('../css/img/line2b.gif');
}
body.skinChange .line_back > div:nth-child(1) {
background: url('../css/img/line2-1b.gif');
}
body.skinChange .line_back > div:nth-child(2) {
background: url('../css/img/line2-2b.gif');
}
body.skinChange .line_back2 {
background: url(../css/img/line2b.gif);
}
body.skinChange .replay_entry > div.reply_ex {
border-bottom: 1px solid #4e4e4e;
}
body.skinChange .reply_list > li > div > div:nth-child(3) {
color: #616161;
}
body.skinChange .reply_list > li > div > div:nth-child(4) {
color: #616161;
}
body.skinChange .reply_list > li > div > div:nth-child(6) label {
color: #b1b1b1;
}
body.skinChange .reply_list > li > div > div:nth-child(6) span {
color: #b1b1b1;
}
body.skinChange .reply_list > li:nth-child(odd) {
background: rgba(0, 0, 0, 0.18);
}
body.skinChange .reply_more2 {
background: linear-gradient(0deg, #202940 0%, #202940 20%, rgba(32, 41, 64, 0) 100%);
}
body.skinChange .appCopy > div.info > div.copyBtn {
background: linear-gradient(0deg, #202940 0%, #202940 20%, rgba(32, 41, 64, 0) 100%);
}
body.skinChange .lb-small {
color: #848484 !important;
}
body.skinChange .popover {
background: #000;
}
body.skinChange .popover.top > .arrow:after {
border-top-color: #000;
}
body.skinChange .popover.top > .popover-inner .popover-content {
color: #848484 !important;
}
body.skinChange .makerBox input {
color: #848484 !important;
border: 1px solid #3c3c3c;
background: #000;
}
body.skinChange .makerBox_select table {
border: 1px solid #3c3c3c;
background: #000;
}
body.skinChange #maker_Edit textarea {
color: #848484 !important;
border: 1px solid #3c3c3c;
background: #000;
}
body.skinChange #maker_Edit textarea::-webkit-input-placeholder {
color: #4e4e4e;
}
body.skinChange #maker_Edit textarea::-moz-placeholder {
color: #4e4e4e;
}
body.skinChange .player_last h3 {
color: #fff;
border-bottom: 1px solid #303b56;
}
body.skinChange .player_last div h4 {
color: #e8e8e8;
}
body.skinChange .player_last div ul li div.title {
color: #e8e8e8;
}
body.skinChange .player_last div ul li div.onair {
color: #4e4e4e;
}
body.skinChange .oldGroup {
border-bottom: 1px dashed #4e4e4e;
}
body.skinChange .oldGroup h3 {
color: #fff;
}
body.skinChange .oldGroup ul li > div > div:nth-child(1) a > .thumb-sec {
color: #b1b1b1;
}
body.skinChange .oldGroup ul li > div > div:nth-child(2) div:nth-child(1) {
color: rgba(255, 255, 255, 0.7);
}
body.skinChange .oldGroup ul li > div > div:nth-child(2) div:nth-child(2) {
color: rgba(255, 255, 255, 0.3);
}
body.skinChange .oldGroup ul li > div > div:nth-child(2) div:nth-child(3) {
color: #4e4e4e;
}
body.skinChange .youtube-reply > .list > li:nth-child(odd) {
background: #1a2035;
}
body.skinChange .youtube-reply > .list > li > .right > .line1 a {
color: #616161;
}
body.skinChange .youtube-reply > .list > li > .right > .line1 span {
color: #616161;
}
body.skinChange .youtube-reply > .list > li > .right > .line2 {
color: #b1b1b1;
}
body.skinChange .youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line1 a {
color: #616161;
}
body.skinChange .youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line1 span {
color: #616161;
}
body.skinChange .youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line2 {
color: #b1b1b1;
}
body.skinChange .makr-info {
background: #202940;
box-shadow: 5px 5px 5px #181818;
}
body.skinChange .makr-info > .head > .center > div.name > div.line1 {
color: #fff !important;
}
body.skinChange .makr-info > .head > .right > button {
color: #fff !important;
background-color: #101320 !important;
}
body.skinChange .makr-info > .head > .right > button:hover {
background-color: #070910 !important;
}
.Hbtn {
position: absolute;
width: 10px;
height: 5px;
top: 0;
right: 0;
}
body {
margin: 0;
padding: 0;
color: #6a6a6a;
font-size: 13px;
font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'Verdana', 'Arial' !important;
line-height: 20px;
letter-spacing: -1px;
background: #f5f5f5;
}
body.wide {
background: #f5f5f5 url('img/blackLine.png') repeat-x;
}
body.wide > .doc > .player-area {
grid-column-start: 1;
grid-column-end: 4;
}
body.wide > .doc > .right-area {
grid-row-start: 2;
grid-row-end: 4;
}
body.wide > .doc > .player-area.wide > .wrap > .player > .self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .box {
left: 17%;
right: 17%;
}
body.wide > .doc > .player-area.wide > .wrap > .player > .self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .box > .item {
height: auto;
}
body > .doc {
display: grid;
grid-template-columns: 2fr;
grid-template-rows: auto auto 1fr;
max-width: 1400px;
margin: 0 auto;
margin-top: -20px;
}
body > .doc > .player-area {
grid-column-start: 1;
grid-column-end: 2;
background-color: #000;
}
body > .doc > .player-area.wide {
width: 1400px;
height: 788px;
}
body > .doc > .player-area.wide > .wrap > .player {
padding-bottom: 0;
}
body > .doc > .player-area > .wrap {
margin: 0;
width: 100%;
height: 100%;
}
body > .doc > .player-area > .wrap > .player {
position: relative;
width: 100%;
height: calc(100% - 68px);
overflow: hidden;
padding-bottom: 56.26%;
}
body > .doc > .player-area > .wrap > .controlbox {
margin: 0;
width: 100%;
height: 68px;
background: #f5f5f5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap {
*zoom: 1;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap:after {
clear: both;
display: block;
content: "";
height: 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
float: left;
width: calc(100% - 336px);
margin: 15px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 20px;
line-height: 20px;
color: #000;
letter-spacing: -2px;
padding-right: 4px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 20px;
line-height: 20px;
letter-spacing: -2px;
color: #969595;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
font-size: 12px;
color: #b1b1b1;
margin: 5px 0 0 6px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
clear: both;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div {
float: left;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div:nth-child(1) {
padding: 1px 5px;
margin-right: 8px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.07);
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div:nth-child(2) {
padding: 1px 5px;
margin-right: 8px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.07);
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div > button {
border: none;
font-size: 13px;
color: #969595;
padding: 0;
cursor: pointer;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 > div > button:hover {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
float: right;
padding: 10px 10px 0 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li {
display: inline-block;
font-size: 10px;
line-height: 16px;
color: #b1b1b1;
text-align: center;
padding: 0 8px;
cursor: pointer;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li > div.selected {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li > div.selected svg {
fill: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li > div.selected i {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li svg {
fill: #6a6a6a;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li:hover svg {
fill: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li.active svg {
fill: white;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li.active svg > div {
color: white !important;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li.active > div {
color: white !important;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li i {
font-size: 22px;
color: #6a6a6a;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li i.fal {
font-weight: 400;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li:hover {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li:hover i {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li:active {
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul > li.active i {
color: white !important;
}
body > .doc > .pop-area {
grid-column-start: 1;
grid-column-end: 2;
}
body > .doc > .right-area {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 4;
width: 420px;
margin-left: 20px;
margin-bottom: 30px;
}
body > .doc > .right-area > div.banner img {
width: 100%;
}
body > .doc > .right-area > div > div.tab-content {
padding-bottom: 30px;
}
body > .doc > .right-area > div > div.tab-content > section > div:last-child {
border-bottom: 0 !important;
}
body > .doc > .center-area {
grid-column-start: 1;
grid-column-end: 2;
padding: 0 12px;
background: #fff;
margin-bottom: 30px;
-webkit-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.12);
}
.btn2.focus {
background: #3c3c3c;
}
.btn3 {
color: #109ba5;
margin: 0 4px;
padding: 5px 12px;
background: #fff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn3:focus {
color: #109ba5;
text-decoration: none;
background: #a5edf3;
}
.btn3:hover {
color: #109ba5;
text-decoration: none;
background: #a5edf3;
}
.btn3.focus {
color: #109ba5;
text-decoration: none;
background: #a5edf3;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 400px;
font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'Verdana', 'Arial';
font-style: normal !important;
font-weight: normal !important;
line-height: 1.42857143;
text-align: center !important;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: keep-all;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #b1b1b1;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
line-break: auto;
padding: 0;
margin: 0;
}
.popover > .arrow {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px !important;
}
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover.top {
margin-top: -3px;
white-space: nowrap;
}
.popover.top > .arrow {
bottom: -12px;
left: 50%;
margin-left: -11px;
border-top-color: #969595;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 6px;
}
.popover.top > .popover-inner .popover-content {
font-size: 12px !important;
padding: 3px 8px !important;
color: #4e4e4e !important;
}
.pre_login {
position: absolute;
width: 274px;
height: 76px;
font-size: 16px;
left: 50%;
margin: 176px 0 0 -357px;
padding: 28px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
background: #fff;
z-index: 8;
}
.pre_login > div > a {
color: #109ba5;
text-decoration: underline;
cursor: pointer;
}
.pre_login > div > a:hover {
color: #006f9c;
}
.pre_login button {
font-size: 1em;
font-weight: normal;
color: #109ba5;
text-decoration: underline;
padding: 0;
margin: 0 0 0 6px;
border: 0;
outline: none;
background: none;
}
.pre_login button:hover {
color: #2fd5ff;
color: #109ba5;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login button:link {
color: #2fd5ff;
color: #109ba5;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login button:active {
color: #2fd5ff;
color: #109ba5;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login button:visited {
color: #2fd5ff;
color: #109ba5;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login button:focus {
color: #2fd5ff;
color: #109ba5;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 {
color: #969595;
text-align: center;
}
.pre_login2 > div:nth-child(1) {
color: #d8d8d8;
}
.pre_login2 > div:nth-child(2) {
padding-top: 6px;
}
.pre_login2 button {
font-size: 1em;
font-weight: normal;
color: #109ba5;
text-decoration: underline;
padding: 0;
margin: 0 0 0 6px;
border: 0;
outline: none;
background: none;
}
.pre_login2 button:hover {
color: #2fd5ff;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 button:link {
color: #2fd5ff;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 button:active {
color: #2fd5ff;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 button:visited {
color: #2fd5ff;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 button:focus {
color: #2fd5ff;
text-decoration: underline;
outline: none;
background: none;
}
.pre_login2 div a {
color: #109ba5;
text-decoration: underline;
}
.pre_login2 div a:hover {
color: #109ba5;
text-decoration: underline;
}
.pre_login2 div a:link {
color: #109ba5;
text-decoration: underline;
}
.pre_login2 div a:active {
color: #109ba5;
text-decoration: underline;
}
.pre_login2 div a:visited {
color: #109ba5;
text-decoration: underline;
}
.pre_login2 div a:focus {
color: #109ba5;
text-decoration: underline;
}
.infoWrap {
min-height: 140px;
padding: 18px;
background: #109ba5;
}
.infoWrap > div:nth-child(1) {
padding-bottom: 4px;
margin-bottom: 16px;
border-bottom: 1px solid #73c4ca;
*zoom: 1;
}
.infoWrap > div:nth-child(1):after {
clear: both;
display: block;
content: "";
height: 0;
}
.infoWrap > div:nth-child(1) > div:nth-child(1) {
float: left;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.infoWrap > div:nth-child(1) > div:nth-child(2) {
float: right;
}
.infoWrap > div:nth-child(1) > div:nth-child(2) button {
width: 15px;
height: 15px;
border: 0;
text-indent: -20000px;
background: url('img/pop_close.gif');
}
.upload_progress {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0 !important;
margin-left: 10px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.upload_progress div {
height: 21px;
line-height: 19px;
color: #fff;
}
.allEtc {
color: #fff;
text-align: center;
}
.allEtc span {
color: #59f4ff;
font-weight: 600;
}
.allEtc button {
font-size: 13px;
font-weight: 600;
margin: 12px 4px 0 4px;
padding: 5px 14px 4px 14px;
border: 1px solid #09838c;
}
.hr {
border-top: 1px solid #d8d8d8;
}
.seriesAddtionalInfo-otherVer {
display: inline-block;
}
.onairPicker-otherVer {
display: inline-block;
}
.seriesAddtionalInfo-series {
display: inline-block;
}
.onairPicker-series {
display: inline-block;
}
.seriesAddtionalInfo-nearPrint {
display: inline-block;
}
.onairPicker-nearPrint {
display: inline-block;
}
.seriesAddtionalInfo-nearVideo {
display: inline-block;
}
.onairPicker-nearVideo {
display: inline-block;
}
.qt-reaction.box {
width: 100%;
margin: 0 auto;
font-size: 14px;
color: #797979;
text-align: center;
padding: 10px;
border-radius: 5px;
background-color: #f5f5f5;
}
.qt-reaction > div.msg > div.option {
display: inline-block;
}
.qt-reaction > div.msg > div.option > span > span > b {
color: #109ba5;
}
.qt-reaction > div.msg > div.option > span > span > i {
font-size: 14px;
font-weight: 700;
color: #109ba5;
}
.qt-reaction > .notice {
display: inline-block;
background-color: #27ae60;
color: white;
padding: 5px;
border-radius: 7px;
width: 7em;
text-align: center;
font-size: medium;
}
.qt-reaction .complete {
display: inline-block;
background-color: #27ae60;
color: white;
padding: 5px;
border-radius: 5px;
width: 7em;
text-align: center;
font-size: medium;
}
.qt-reaction .notyet {
display: inline-block;
background-color: black;
color: white;
padding: 5px;
border-radius: 5px;
width: 7em;
text-align: center;
font-size: medium;
}
.maker_Edit {
clear: both;
width: 82%;
margin: 0 auto;
padding-top: 6px;
border: 1px dashed #d8d8d8;
text-align: center;
background: #fff;
}
.maker_Edit textarea {
width: 96%;
height: 30px;
line-height: 18px;
color: #6a6a6a !important;
margin: 4px 0;
padding-left: 4px;
border: 1px solid #d8d8d8;
background: #fff;
}
.maker_Edit textarea::-webkit-input-placeholder {
color: #b1b1b1;
}
.maker_Edit textarea::-moz-placeholder {
color: #b1b1b1;
}
.maker_Edit div.seriesAddtionalInfo-series select {
width: 50px;
margin-right: 10px;
}
.maker_Edit div.onairPicker-series select {
width: 50px;
margin-left: 6px;
}
.maker_Edit div#seriesAddtionalInfo-otherVer {
text-align: left;
padding: 0 0 2px 6px;
}
.maker_Edit div#seriesAddtionalInfo-otherVer label {
width: 40px;
}
.maker_Edit div#onairPicker-otherVer {
text-align: left;
padding: 0 0 5px 6px;
}
.maker_Edit div#onairPicker-otherVer select {
margin-left: 4px;
}
.maker_Edit button {
width: 100%;
margin: 0;
border-radius: 0;
border-top: 1px dashed #d8d8d8;
}
.makerOther > div.plus_title {
display: inline-flex;
align-items: center;
}
.makerOther > div.plus_title h3 {
font-size: 14px;
font-weight: normal;
color: #000;
}
.makerOther > div.plus_title i {
display: inline-block;
font-size: 14px;
color: #969595;
margin: -1px 0 0 4px;
}
.makerOther > div.plus_title > div {
top: 48px;
}
.makerOther > div.plus_title > div > div {
margin-left: -6px;
}
.makerOther > div.plus_title > button {
font-size: 13px;
font-weight: 600;
font-style: italic;
color: #109ba5;
padding: 0;
margin: 0 0 0 4px;
}
.makerOther > div.plus_title > button span {
font-size: 11px;
font-weight: normal;
color: #b1b1b1;
}
.makerOther > div.plus_title > button span:hover {
color: #b1b1b1;
text-decoration: underline;
}
.makerOther > div.plus_title > button:hover {
color: #09838c;
text-decoration: underline;
}
.makerOther > div.plus_title2 {
display: flex;
justify-content: space-between;
}
.makerOther > div.plus_title2 > div:nth-child(1) {
display: flex;
align-items: center;
}
.makerOther > div.plus_title2 > div:nth-child(1) h3 {
font-size: 14px;
font-weight: normal;
color: #000;
}
.makerOther > div.plus_title2 > div:nth-child(1) i {
display: inline-block;
font-size: 14px;
color: #969595;
margin: -1px 0 0 4px;
}
.makerOther > div.plus_title2 > div:nth-child(1) > div {
top: 48px;
}
.makerOther > div.plus_title2 > div:nth-child(1) > div > div {
margin-left: -6px;
}
.makerOther > div.plus_title2 > div:nth-child(1) > button {
font-size: 13px;
font-weight: 600;
font-style: italic;
color: #109ba5;
padding: 0;
margin: 0 0 0 4px;
}
.makerOther > div.plus_title2 > div:nth-child(1) > button span {
font-size: 11px;
font-weight: normal;
color: #b1b1b1;
}
.makerOther > div.plus_title2 > div:nth-child(1) > button span:hover {
color: #b1b1b1;
text-decoration: underline;
}
.makerOther > div.plus_title2 > div:nth-child(1) > button:hover {
color: #09838c;
text-decoration: underline;
}
.makerOther > div.plus_title2 > div:nth-child(2) > button {
font-size: 11px;
font-style: italic;
text-decoration: underline;
}
.makerOther > div.seriesName {
color: #969595;
text-align: center;
margin: -2px 0 -5px 0;
}
.makerOther > div.seriesName > span {
color: #000;
}
.makerOther > div > div.etcAd2 {
width: 82%;
margin: 0 auto;
text-align: center;
padding: 26px 0 20px 0;
margin-bottom: 0;
border: 1px dashed #d8d8d8;
background: #fff;
}
.makerOther > div > div.etcAd2 > span {
display: inline-block;
margin: 0 8px;
}
.makerOther > div > div.etcAd2 > span > span > span {
display: block;
font-size: 11px;
color: #b1b1b1;
padding-top: 2px;
}
.makerOther > div > div.etcAd2 > span input {
width: 18px;
height: 18px;
vertical-align: middle;
margin: -2px 4px 0 0;
cursor: pointer;
}
.makerOther > div > div.selectUp {
width: 82%;
margin: 0 auto;
}
.makerOther > div > div.selectUp > button {
width: 100%;
border-radius: 0;
margin: 0;
border: 1px dashed #d8d8d8;
border-top: 0;
}
.makerOther > div.plus_btn {
margin-top: -8px;
}
.makerOther > div.plus_btn button {
display: block;
font-size: 13px;
font-style: italic;
color: #000;
}
.makerOther > div.plus_btn button span {
font-size: 11px;
color: #b1b1b1;
}
.makerOther > div.plus_btn button span:hover {
color: #109ba5;
text-decoration: underline;
}
.makerOther > div.plus_btn button:hover {
color: #109ba5;
text-decoration: underline;
}
.makerOther ul {
padding-top: 8px;
}
.makerOther ul li {
float: left;
margin: 0 8px 4px 0;
}
.makerOther ul li:nth-child(even) {
margin-right: 0;
}
.makerOther ul li > div:nth-child(1) div > div:nth-child(1) {
margin-left: -6px !important;
}
.makerOther ul li > div:nth-child(1) div > div:nth-child(2) {
width: 62px !important;
}
.makerOther ul li > div.linkClearIng {
padding-top: 4px;
}
.makerOther ul li > div.linkClearIng p {
color: #000;
}
.makerOther ul li > div.thumWrap {
position: relative;
}
.makerOther ul li > div.thumWrap > div.linkClear {
z-index: 1;
position: absolute;
top: 6px;
right: 6px;
}
.makerOther ul li > div.thumWrap > div.linkClear button {
width: 24px;
height: 24px;
text-indent: -20000px;
border: 0;
font-size: 0;
margin: 0;
background: url(img/linkClear.png) no-repeat;
}
.makerOther ul li > div.thumWrap > div.thum {
width: 206px;
text-align: center;
background: #d8d8d8;
}
.makerOther ul li > div.thumWrap > div.thum img {
max-width: 206px;
cursor: pointer;
}
.makerOther ul li > div.thumWrap > div.time {
z-index: 1;
position: absolute;
right: 2px;
bottom: 2px;
width: 32px;
font-size: 11px;
text-align: center;
color: #d8d8d8;
border-radius: 3px;
margin: -20px 0 0 172px;
background-color: rgba(0, 0, 0, 0.5);
}
.makerOther ul li > div.title {
float: left;
color: #000;
padding: 4px 6px 0 0;
}
.makerOther ul li > div.other_info > div.onair {
font-size: 12px;
color: #b1b1b1;
}
.makerOther ul li > div.other_info > div.title-1 {
clear: both;
width: 200px;
color: #000;
overflow: hidden;
padding-top: 4px;
}
.makerOther2-1 {
width: 82%;
margin: 0 auto;
padding-top: 2px;
border: 1px dashed #d8d8d8;
border-bottom: 0;
background: #fff;
}
.makerOther2-1 div {
padding: 2px 0 2px 15px;
}
.makerOther2-1 div span:nth-child(1) {
font-size: 12px;
color: #b1b1b1;
padding-right: 4px;
}
.makerOther3 {
clear: both;
*zoom: 1;
}
.makerOther3:after {
clear: both;
display: block;
content: "";
height: 0;
}
.makerOther3 div.upSearch {
display: flex;
justify-content: space-between;
}
.makerOther3 div.upSearch div.popSearch {
display: flex;
margin: 0 2px 10px 12px;
}
.makerOther3 div.upSearch div.popSearch input {
width: 200px;
height: 28px;
}
.makerOther3 div.upSearch div.popSearch button {
padding: 3px 6px;
}
.makerOther3 div.poplistWrap > ul {
margin-right: 4px;
}
.makerOther3 div.poplistWrap > ul li {
float: left;
width: 252px;
height: 210px;
margin: 0 4px;
}
.makerOther3 div.poplistWrap > ul li div.check {
position: relative;
top: 30px;
left: 4px;
z-index: 10;
}
.makerOther3 div.poplistWrap > ul li div.check button {
width: 25px;
height: 25px;
text-indent: -50000px;
border: 0;
background: url(img/check01.png);
opacity: 0.5;
}
.makerOther3 div.poplistWrap > ul li div.selected button {
width: 25px;
height: 25px;
text-indent: -50000px;
background: url(img/check02.png) !important;
opacity: 1;
}
.makerOther3 div.poplistWrap > ul li div.thumWrap {
width: 252px;
height: 141px;
text-align: center;
background: #000;
}
.makerOther3 div.poplistWrap > ul li div.thumWrap img {
max-width: 252px;
max-height: 141px;
cursor: pointer;
}
.makerOther3 div.poplistWrap > ul li div.mache {
position: relative;
margin: -22px 0 0 4px;
}
.makerOther3 div.poplistWrap > ul li div.mache > div {
margin-left: 8px;
}
.makerOther3 div.poplistWrap > ul li div.time {
z-index: 1;
position: relative;
width: 32px;
font-size: 11px;
text-align: center;
color: #d8d8d8;
border-radius: 3px;
margin: -24px 0 0 216px;
background-color: rgba(0, 0, 0, 0.5);
}
.makerOther3 div.poplistWrap > ul li div.title {
display: inline-block;
color: #848484;
padding: 8px 2px 0 0;
}
.makerOther3 div.poplistWrap > ul li div.onair {
display: inline-block;
font-size: 12px;
line-height: 12px;
color: #848484;
padding-top: 4px;
}
.makerOther3 div.poplistWrap > ul li div.title-1 {
clear: both;
width: 248px;
color: #d8d8d8;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.viewReplace > h3 {
font-size: 18px;
font-weight: normal;
color: #848484;
margin-bottom: 12px;
}
.viewReplace > ul {
height: 420px !important;
overflow-y: auto;
}
.viewReplace > ul > li {
float: left;
width: 252px;
height: 210px;
margin: 0 4px;
}
.viewReplace > ul > li > div > div:nth-child(1) {
width: 252px;
height: 141px;
text-align: center;
background: #000;
cursor: pointer;
}
.viewReplace > ul > li > div > div:nth-child(1) > img {
max-width: 252px;
max-height: 141px;
cursor: pointer;
}
.viewReplace > ul > li > div > div:nth-child(2) {
display: flex;
justify-content: space-between;
padding-top: 6px;
color: #848484;
}
.viewReplace > ul > li > div > div:nth-child(2) > div:nth-child(2) {
color: #109ba5;
}
.viewReplace > ul > li > div > div:nth-child(3) {
width: 248px;
color: #d8d8d8;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.viewReplace > div {
clear: both;
text-align: center;
}
.oldGroup {
clear: both;
padding: 24px 0 12px 0;
border-bottom: 1px dashed #d8d8d8;
margin-top: 6px;
}
.oldGroup h3 {
font-size: 14px;
font-weight: normal;
color: #000;
padding-bottom: 6px;
}
.oldGroup ul li {
display: flex;
padding-bottom: 10px;
}
.oldGroup ul li > div {
display: flex;
}
.oldGroup ul li > div > div:nth-child(1) {
position: relative;
margin-right: 10px;
}
.oldGroup ul li > div > div:nth-child(1) > img.thumb-country {
width: 16px;
height: 11px;
position: absolute;
bottom: 5px;
left: 5px;
z-index: 1;
}
.oldGroup ul li > div > div:nth-child(1) a {
display: block;
overflow: hidden;
}
.oldGroup ul li > div > div:nth-child(1) a > img {
width: 206px;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1);
}
.oldGroup ul li > div > div:nth-child(1) a > .thumb-sec {
z-index: 1;
position: absolute;
right: 2px;
bottom: 2px;
width: 32px;
font-size: 11px;
text-align: center;
color: #d8d8d8;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.5);
}
.oldGroup ul li > div > div:nth-child(1) a:hover > img {
transform: scale(1.08);
}
.oldGroup ul li > div > div:nth-child(1) a:active > img {
transform: scale(1);
}
.oldGroup ul li > div > div:nth-child(2) div:nth-child(1) {
color: #000;
line-height: 15px;
}
.oldGroup ul li > div > div:nth-child(2) div:nth-child(2) {
color: #969595;
line-height: 15px;
padding-top: 4px;
}
.oldGroup ul li > div > div:nth-child(2) div:nth-child(3) {
font-size: 12px;
color: #b1b1b1;
}
.oldGroup .openClose {
position: absolute;
width: 206px;
text-align: center;
margin-top: -22px;
}
.oldGroup .openClose button {
border: 0;
background: transparent;
}
.oldGroup .openClose button:hover {
color: #109ba5;
}
.oldGroup .openClose button svg {
width: 24px;
height: 24px;
vertical-align: middle;
-webkit-filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.3));
filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.3));
}
.oldGroup .openClose button svg path {
fill: #fff;
stroke: #fff;
stroke-width: 1.1;
stroke-miterlimit: 10;
}
.oldGroup .openClose button svg circle {
opacity: 0.7;
}
.oldGroup .openClose button:hover svg circle {
fill: #109ba5;
opacity: 1;
}
.oldGroup .openClose button:nth-child(2) {
padding: 0 4px;
}
.oldGroup .openClose button:nth-child(2) svg {
width: 24px;
height: 24px;
vertical-align: middle;
-webkit-filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.5));
filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.5));
}
.oldGroup .openClose button:nth-child(2) svg path {
fill: #fff;
stroke: #fff;
stroke-width: 1.1;
stroke-miterlimit: 10;
}
.oldGroup .openClose button:nth-child(2) svg circle {
opacity: 0.4;
}
.oldGroup .openClose button:nth-child(2):hover svg circle {
fill: #109ba5;
opacity: 1;
}
.oldGroup .openClose > span {
display: block;
padding-top: 22px;
}
.showBig {
position: absolute;
width: 100%;
height: 100%;
margin: -22px 0 0 -22px;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
z-index: 100;
cursor: pointer;
}
.showBig div img {
max-width: 670px;
max-height: 450px;
}
.poplistWrap {
height: 500px !important;
overflow-y: scroll;
}
.poplistWrap ul li:not(.selected) > div.check2 {
position: relative;
top: 30px;
left: 4px;
z-index: 10;
width: 25px;
height: 25px;
background: url('img/check01.png');
cursor: pointer;
}
.poplistWrap ul li.selected > div.check2 {
position: relative;
top: 30px;
left: 4px;
z-index: 10;
width: 25px;
height: 25px;
background: url('img/check02.png');
cursor: pointer;
}
.research {
text-align: center;
color: #d8d8d8;
padding-bottom: 16px;
}
.etcAd {
text-align: center;
}
.etcAd p {
font-size: 12px;
letter-spacing: 0.2px;
color: #b1b1b1;
}
.etcAd button {
display: block;
color: #000;
font-size: 14px;
padding: 0;
margin: 0 auto;
}
.etcAd button span {
font-size: 11px;
color: #b1b1b1;
}
.etcAd button:hover {
color: #000;
text-decoration: underline;
}
.adminCheck {
clear: both;
}
.adminCheck ul li {
width: 100%;
text-align: left;
margin: 0 12px 1px 0 !important;
padding: 3px 0 2px 6px;
background: #fff;
}
.adminCheck ul li span.onair {
font-size: 12px;
color: #b1b1b1;
padding-right: 4px;
}
.adminCheck ul li span.title {
color: #6a6a6a;
padding-right: 10px;
}
.adminCheck ul li span.upIng {
color: #969595;
}
.adminCheck ul li span.del2 button {
font-size: 10px;
color: #fff;
padding: 1px 5px 0 4px !important;
margin-bottom: 2px !important;
background: #4e4e4e !important;
}
.adminCheck div {
clear: both;
padding: 2px 0 6px 0;
}
.popLoading {
width: 100%;
height: 500px;
text-align: center;
background: #000;
}
.popLoading img {
width: 92px;
margin-top: 240px;
}
.popResultTxt {
color: #d8d8d8;
text-align: center;
}
.neko-cut {
width: 252px;
height: 141px;
}
#ppmBtnArea {
clear: both;
padding: 8px;
margin-top: 14px;
border: 1px solid #b1b1b1;
background: #fff;
*zoom: 1;
}
#ppmBtnArea:after {
clear: both;
display: block;
content: "";
height: 0;
}
#ppmBtnArea span {
color: #e55100;
}
#ppmBtnArea div:nth-child(1) {
float: left;
}
#ppmBtnArea div:nth-child(2) {
float: right;
}
#ppmBtnArea div button {
display: block;
width: 50px;
height: 36px;
line-height: 36px;
font-size: 14px;
color: #fff;
text-decoration: none;
text-align: center;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
margin-left: 17px;
background-color: #4e4e4e;
}
#ppmBtnArea div button:hover {
background-color: #3c3c3c;
}
.player_banner {
margin-top: 20px;
}
.copyWrap {
color: #fff;
}
.copyWrap div {
text-align: center;
}
.copyWrap div textarea {
width: 100%;
height: 100px;
padding: 12px;
}
.copyWrap div button {
font-size: 13px;
font-weight: 600;
margin: 12px 4px 0 4px;
padding: 5px 14px 4px 14px;
border: 1px solid #09838c;
}
.copyInput {
width: 376px;
height: 110px;
line-height: 24px;
color: #6a6a6a !important;
padding-left: 6px;
margin: 2px 0 2px 4px;
border-radius: 3px;
border: 0;
background: #fff;
}
.downWrap {
color: #fff;
}
.downWrap dl dt {
float: left;
padding-right: 4px;
}
.downWrap dl dt img {
margin-top: -2px;
}
.downWrap dl dt:nth-child(3) {
padding: 10px 21px 0 0;
}
.downWrap dl dd {
padding-bottom: 6px;
}
.downWrap dl dd:nth-child(2) > div:nth-child(2) {
padding: 8px 0 0 65px;
}
.downWrap dl dd:nth-child(2) > div:nth-child(1) button.btn3 {
margin-left: 5px;
}
.downWrap dl dd:nth-child(2) > div:nth-child(1) a {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #109ba5;
margin: -2px 4px 0 4px;
padding: 3px 6px;
border-radius: 4px;
border: 1px solid #09838c;
background: #fff;
}
.downWrap dl dd:nth-child(2) > div:nth-child(1) a:hover {
color: #109ba5;
text-decoration: none;
background: #a5edf3;
}
.downWrap dl dd:nth-child(4) {
float: left;
padding-top: 10px;
}
.downWrap dl dd:nth-child(4) button.btn3 {
margin: 6px 9px 0 0;
}
.downWrap dl dd button.btn3 {
font-size: 12px;
font-weight: 600;
margin: -2px 4px 0 4px;
padding: 3px 6px 2px 6px;
border: 1px solid #09838c;
}
.downWrap dl dd input {
width: 16px;
height: 16px;
vertical-align: middle;
margin: -1px 4px 0 0;
}
.downWrap dl dd img {
margin-right: 8px;
}
.otherSave {
clear: both;
padding-top: 8px;
}
.otherSave a {
color: #fff;
text-decoration: underline;
}
.otherSave a:hover {
color: #a5edf3;
}
.warning {
clear: both;
color: #b3ecf1;
padding-top: 10px;
}
.player_last {
clear: both;
*zoom: 1;
}
.player_last:after {
clear: both;
display: block;
content: "";
height: 0;
}
.player_last h3 {
color: #000;
padding: 10px 0 6px 0;
border-bottom: 1px solid #d8d8d8;
}
.player_last div h4 {
font-size: 16px;
color: #000;
padding: 12px 0 6px 0;
}
.player_last div ul {
min-height: 116px;
}
.player_last div ul li {
display: inline-block;
width: 202px;
vertical-align: top;
margin: 0 4px 4px 4px;
}
.player_last div ul li div.thumWrap a {
display: block;
overflow: hidden;
}
.player_last div ul li div.thumWrap a img {
width: 202px;
min-height: 116px;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1);
cursor: pointer;
}
.player_last div ul li div.thumWrap a:hover img {
transform: scale(1.08);
}
.player_last div ul li div.thumWrap a:active img {
transform: scale(1);
}
.player_last div ul li div.time {
z-index: 1;
position: absolute;
width: 32px;
font-size: 11px;
text-align: center;
color: #d8d8d8;
border-radius: 3px;
margin: -20px 0 0 168px;
background-color: rgba(0, 0, 0, 0.5);
}
.player_last div ul li div.title {
float: left;
color: #000;
padding: 4px 6px 0 0;
top: -20px;
}
.player_last div ul li div.title-1 {
clear: both;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #969595;
}
.player_last div ul li div.onair {
font-size: 12px;
color: #b1b1b1;
padding-top: 4px;
}
.logoButtonWrap {
position: absolute;
margin: 22px 0 0 436px;
}
.logoButtonWrap > button {
border: 0;
padding: 0;
background: transparent;
}
#makerWrap {
width: 100%;
}
#makerWrap tr {
border-bottom: 1px dotted #d8d8d8;
}
#makerWrap tr:last-child {
border-bottom: 0;
}
#makerWrap tr td {
padding: 4px;
}
#makerWrap tr td:nth-child(1) {
width: 83px;
}
#makerWrap tr td:nth-child(2) div:nth-child(2) {
color: #b1b1b1;
}
#makerWrap tr td:nth-child(3) {
width: 43px;
}
#makerWrap tr td > div > span > span > a {
color: #b1b1b1;
}
#makerWrap tr td.title {
width: 109px;
color: #b1b1b1;
}
#maker_Edit {
clear: both;
margin-bottom: 40px;
}
#maker_Edit textarea {
float: left;
width: calc(100% - 62px);
height: 42px;
line-height: 18px;
color: #6a6a6a !important;
margin: 4px 6px 10px 0;
padding: 6px;
border: 1px solid #d8d8d8;
background: #fff;
}
#maker_Edit textarea::-webkit-input-placeholder {
color: #c7c7c7;
}
#maker_Edit textarea::-moz-placeholder {
color: #c7c7c7;
}
#maker_Edit button {
width: 54px;
height: 42px;
margin: 4px 0 10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.makerBox input {
width: calc(100% - 42px);
height: 23px;
line-height: 23px;
color: #6a6a6a !important;
padding-left: 4px;
border: 1px solid #b1b1b1;
background: #fff;
}
.makerBox button {
font-size: 12px;
color: #fff;
margin: -2px 0 0 0;
padding: 2px 6px 2px 6px;
background: #109ba5;
}
.makerBox_select {
position: relative;
}
.makerBox_select table {
width: 262px;
border: 1px solid #d8d8d8;
margin-top: -1px;
background: #fff;
}
.makerBox_select table tr td div {
font-size: 12px;
line-height: 16px;
}
.makerBox_select table tr td img {
max-width: 75px;
}
.makerBox_select table tr td button {
font-size: 12px;
color: #fff;
margin: -2px 0 0 0;
padding: 2px 6px 2px 6px;
background: #3c3c3c;
}
.haveId {
color: #000 !important;
}
.proBlack {
color: #2569e3 !important;
text-decoration: underline !important;
}
.makeDel input {
display: block;
width: 100%;
height: 24px;
border-radius: 0px !important;
margin: 8px 0px 18px 0;
}
.makerUp {
width: 22px;
height: 22px;
border: 0;
text-indent: -20000px;
background: url(img/maker_icon.png) 0 0;
}
.makerUp:hover {
background-position: 0 -22px;
}
.makerEdit {
width: 22px;
height: 22px;
border: 0;
text-indent: -20000px;
background: url(img/maker_icon.png) 22px 0;
}
.makerEdit:hover {
background-position: 22px -22px;
}
.maker_info {
padding: 2px;
}
.maker_info span {
color: #109ba5;
}
.reply_more {
margin-top: 10px !important;
text-align: center;
padding-bottom: 30px;
}
.reply_more button {
width: 54px;
height: 28px;
border: 0;
text-indent: -5000px;
cursor: pointer;
background: url(img/more_icon.png) 0 0;
}
.reply_more button:hover {
background: url(img/more_icon.png) 0 -28px;
}
.noticeWrap {
color: #fff;
}
.noticeWrap h3 {
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 6px;
}
.noticeWrap input[type=radio] {
vertical-align: middle;
margin: 0 4px 0 0;
}
.noticeWrap input[type=text] {
width: 290px;
height: 24px;
line-height: 24px;
color: #6a6a6a !important;
padding-left: 6px;
margin: 2px 0 2px 4px;
border-radius: 3px;
border: 0;
background: #fff;
}
.notice_txt {
font-size: 12px;
padding: 0 0 8px 18px;
}
.notice_info {
padding: 0 0 8px 18px;
}
.notice_info label {
width: 56px;
}
.notice_input {
width: 290px;
height: 24px;
line-height: 24px;
color: #6a6a6a !important;
padding-left: 6px;
margin: 2px 0 2px 4px;
border-radius: 3px;
border: 0;
background: #fff;
}
.etcAd2_input {
width: 18px;
height: 18px;
vertical-align: middle;
margin: -2px 4px 0 0 !important;
cursor: pointer;
}
.reactionInner > div > div.react {
display: flex;
align-items: center;
justify-content: center;
}
.reactionInner [us-spinner] {
display: inline-block;
position: relative;
width: 100%;
height: auto;
}
.reactionInner2 {
padding-bottom: 0;
}
.star-rating {
margin: 0;
padding: 0;
display: inline-block;
}
.star-rating .star {
padding: 0 3px;
color: #d8d8d8;
font-size: 21px;
text-shadow: 0.05em 0.05em #b1b1b1;
list-style-type: none;
display: inline-block;
cursor: pointer;
}
.star-rating .star.filled {
color: #fd0;
}
.star-rating.saved .star.filled {
color: #fe9a2e;
}
.reLevel2 {
margin-left: 50px;
}
.del {
font-size: 10px;
color: #fff;
padding: 1px 5px 0 4px !important;
margin-bottom: 2px !important;
background: #3c3c3c !important;
}
.evaluate_Wrap {
text-align: center;
}
.login_txt {
text-align: center;
padding-top: 6px;
color: #b1b1b1;
}
.mind_analyze {
padding: 2px 10px;
margin: -8px 0 0 8px;
}
.mind_analyzeTxt {
padding-left: 8px;
font-style: italic;
}
.positive {
color: #0184d4 !important;
}
.negative {
color: #ff4400 !important;
}
.avarts {
text-align: center;
color: #109ba5;
line-height: 12px;
}
.avarts img {
margin: 37px 0 8px 0;
}
.avarts p {
padding-bottom: 15px;
}
.avarts span {
color: #b1b1b1;
}
.timer {
font-size: 16px;
text-align: center;
padding: 43px 0;
}
.timer span {
font-size: 30px;
color: #109ba5;
display: inline-block;
vertical-align: middle;
margin: -7px 5px 0 0;
}
.rate {
width: 172px;
margin: 0 auto;
text-align: center;
padding: 16px 0 15px 0;
}
.rate > span:nth-child(1) {
display: inline-block;
font-size: 14px;
font-weight: 600;
font-style: italic;
color: #000;
margin: 0 0 7px 0;
}
.rate > span.star-msg {
display: block;
font-size: 13px;
padding-top: 3px;
color: #b1b1b1;
}
.rate > span.star-msg > span:nth-child(1) {
padding-right: 2px;
font-size: 11px;
color: #969595;
}
.rate > span.star-msg > span:nth-child(2) {
color: #109ba5;
}
.ex_login {
opacity: 0.3;
}
.step0 {
color: #109ba5;
padding-top: 14px;
}
.step3 {
display: flex;
height: 69px;
}
.step3 > div {
text-align: center;
padding: 0 10px;
}
.step3 > div > div.star-label {
font-size: 12px;
font-style: italic;
color: #969595;
margin: 0 0 4px 0;
}
.step3 > div > div.star-msg {
font-size: 12px;
color: #969595;
margin: 4px 0 0 0;
}
.step3 > div > div.star-msg > span.heart {
color: #109ba5;
}
.step3 > div > ul li {
font-size: 16px !important;
padding: 0 4px !important;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(1) {
float: left;
margin: 6px 10px 6px 15px;
width: 45px;
height: 45px;
font-size: 23px;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(1) img {
width: 48px;
height: 48px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(1) > div.sex1 {
width: 45px;
height: 45px;
font-size: 23px;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(2) {
float: left;
font-size: 15px;
font-style: italic;
font-weight: 600;
margin-top: 2px;
color: #000;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(2) span.user {
font-size: 14px;
color: #4e4e4e;
padding-left: 3px;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(2) span.reply_txt span {
color: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(2) span.reply_txt > span.point {
font-size: 13px;
font-weight: normal;
color: #b1b1b1;
padding-left: 4px;
}
.evaluate_Wrap2 > div > div:nth-child(2) {
float: left;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div span.reply_txt span {
color: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div span.reply_txt > span.point {
font-size: 13px;
font-weight: normal;
color: #b1b1b1;
padding-left: 4px;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.replySave {
display: flex;
justify-content: flex-end;
padding: 4px 0;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.replySave > button {
color: #fff;
border: 0;
border-radius: 50px;
padding: 3px 12px;
margin-right: 8px;
background: #d8d8d8;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.replySave > button.ok {
background: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.replySave > div a {
text-decoration: none;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.expand {
border-bottom: 1px solid #000;
}
.evaluate_Wrap2 > div > div:nth-child(2) > div.expand > div {
font-size: 14px;
padding-bottom: 2px;
outline: none;
}
.evaluate_Wrap2 > div > div:nth-child(2) textarea {
width: 400px;
font-size: 15px;
padding: 26px 0 4px 4px;
background: #d8d8d8;
}
.evaluate_Wrap2 > div > div:nth-child(2) textarea::-webkit-input-placeholder {
color: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(2) textarea::-moz-placeholder {
color: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(3) {
clear: both;
text-align: right;
padding-bottom: 6px;
}
.evaluate_Wrap2 > div > div:nth-child(3).hiddenVisible {
display: none;
}
.evaluate_Wrap2 > div > div:nth-child(3) button {
width: 82px;
height: 26px;
color: #fff;
border: 0;
border-radius: 50px;
margin-right: 8px;
background: #d8d8d8;
}
.evaluate_Wrap2 > div > div:nth-child(3) button.ok {
color: #fff;
background: #109ba5;
}
.evaluate_Wrap2 > div > div:nth-child(3) button.ok:hover {
background: #009bc3;
}
.evaluate_Wrap2 > div > div:nth-child(3) > div {
display: inline-block;
font-size: 11px;
}
.evaluate_Wrap2 > div > div:nth-child(3) > div a {
color: #b1b1b1;
}
.evaluate_Wrap2 > div > div:nth-child(3) > div img {
margin-top: -1px;
}
.evaluate_Wrap2 > div > div.expand {
position: relative;
width: 100%;
padding-left: 74px;
margin-top: -26px;
}
.evaluate_Wrap2 > div > div.expand > div {
outline: none;
padding: 0 10px 0 0;
font-size: 14px;
line-height: 21px;
letter-spacing: -0.5px;
border-bottom: 1px solid #000;
margin-bottom: 6px;
transition: 0.3s;
}
.evaluate_Wrap2 > div > div.expand > div:focus {
border-bottom: 1px solid #109ba5;
transition: 0.3s;
}
.reply_title {
display: flex;
margin: 10px 4px 6px 4px;
}
.reply_title > div:nth-child(1) > span {
margin-right: 14px;
}
.reply_title > div:nth-child(1) > span > span > i {
font-size: 20px;
font-weight: 100;
color: #b1b1b1;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span i.fa-lock-alt {
font-size: 15px;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span > span > i {
font-size: 20px;
font-weight: 100;
color: #b1b1b1;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span > span > span {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span > span > span.month_over {
display: inline-block;
vertical-align: text-top;
padding-bottom: 26px;
}
.reply_title > div:nth-child(1) > span > span > span > span > span.num {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span.num {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > span.avgImg {
display: inline-block;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #109ba5;
margin-top: 2px;
vertical-align: middle;
}
.reply_title > div:nth-child(1) > span > img {
margin: 2px 8px 0 0px;
}
.reply_title > div:nth-child(2) {
display: flex;
margin: -2px 0 0 20px;
}
.reply_title > div:nth-child(2) > span {
margin: 3px 7px 0 0;
}
.reply_title > div:nth-child(2) > span > a > img {
opacity: 0.5;
}
.reply_title > div:nth-child(2) > span > a > img:hover {
opacity: 1;
}
.reply_title > div:nth-child(2) > div {
display: inline-flex;
flex-wrap: wrap;
border-radius: 6px;
border: 1px solid #e8e8e8;
padding: 1px 0 2px 0;
}
.reply_title > div:nth-child(2) > div > span {
display: inline-block;
padding: 0 8px;
}
.reply_title > div:nth-child(2) > div > span i {
font-size: 16px;
font-weight: 100;
color: #b1b1b1;
vertical-align: middle;
}
.reply_title > div:nth-child(2) > div > span span.num {
font-size: 13px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply_title > div:nth-child(2) > div button {
font-size: 12px;
padding: 0;
margin: 0 8px;
}
.reply_title > div:nth-child(2) > div button span.glyphicon-link:before {
padding-right: 4px;
}
.replay_entry {
flex: 1;
z-index: 200;
}
.replay_entry > div.reply_ex {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 5px;
}
.reply_list {
display: grid;
}
.reply_list li {
padding: 8px 14px;
*zoom: 1;
}
.reply_list li:after {
clear: both;
display: block;
content: "";
height: 0;
}
.reply_list li:nth-child(odd) {
background: #f5f5f5;
}
.reply_list li > div.login {
position: relative;
font-size: 17px;
font-style: italic;
line-height: 24px;
text-align: center;
word-break: keep-all;
padding: 24px 0 10px 0;
z-index: 200;
}
.reply_list li > div.login > a {
color: #109ba5;
text-decoration: underline;
}
.reply_list li > div.login > a:hover {
color: #09838c;
text-decoration: underline;
}
.reply_list li > div > div.replyCX > div.sex1 {
background-color: #e1ca00;
}
.reply_list li > div > div.replyCX > div.sex2 {
background-color: #de8400;
}
.reply_list li > div > div:nth-child(1) {
display: flex;
float: left;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: 10px;
}
.reply_list li > div > div:nth-child(1) img {
width: 48px;
height: 48px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.reply_list li > div > div:nth-child(3) {
float: left;
font-size: 13px;
color: #b1b1b1;
font-weight: 600;
font-style: italic;
margin: 0 10px 0 0;
}
.reply_list li > div > div:nth-child(4) {
float: left;
font-size: 11px;
line-height: inherit;
color: #b1b1b1;
margin-right: 12px;
}
.reply_list li > div > div:nth-child(5) {
float: left;
}
.reply_list li > div > div:nth-child(5) img {
height: 12px;
vertical-align: middle;
margin-top: -4px;
}
.reply_list li > div > div:nth-child(6) {
font-size: 14px;
color: #4e4e4e;
line-height: 21px;
letter-spacing: -0.5px;
padding: 22px 12px 0 58px;
}
.reply_list li > div > div:nth-child(6) label {
display: inline;
}
.reply_list li > div > div:nth-child(6) button {
border: 0;
background: transparent !important;
}
.reply_list li > div > div:nth-child(6) button.del {
padding: 0 4px !important;
margin-bottom: 0 !important;
margin-left: 10px;
vertical-align: middle;
}
.reply_list li > div > div:nth-child(6) button.del > i {
font-size: 18px;
color: #848484;
}
.reply_list li > div > div:nth-child(6) button i {
font-size: 14px;
color: #848484;
}
.reply_list li > div > div:nth-child(6) button i:hover {
color: #109ba5;
}
.reply_list li > div > div:nth-child(6) > span.s-crefe {
padding-left: 10px;
}
.reply_list li > div > div:nth-child(6) > span > a {
color: #8a8666;
}
.reply_more2 {
text-align: center;
overflow: overlay;
overflow-y: hidden;
height: 130px;
margin-top: -90px;
padding-top: 75px;
background: #ffffff;
background: linear-gradient(0deg, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
z-index: 100;
}
.reply_more2 button {
color: #109ba5;
font-size: 22px;
font-weight: 600;
border: 0;
margin: 12px 0 20px 0;
background: none;
}
.reply_more2 button:hover {
color: #09838c;
text-decoration: underline;
}
.line_back {
display: flex;
justify-content: space-between;
height: 31px;
margin: 0 -14px;
background: url('../css/img/line2.gif');
}
.line_back > div:nth-child(1) {
width: 2px;
background: url('../css/img/line2-1.gif');
}
.line_back > div:nth-child(2) {
width: 2px;
background: url('../css/img/line2-2.gif');
}
.line_back2 {
display: none;
}
.up_reply {
font-style: italic;
padding-top: 16px;
text-align: center;
}
#stickymobile {
display: none;
}
.reply_login > div:nth-child(1) {
font-size: 15px;
text-align: center;
margin: -15px 0 25px 0;
}
.reply_login > div:nth-child(2) {
padding-bottom: 7px;
}
.reply_login > div:nth-child(2) > i {
font-size: 46px;
color: #109ba5;
padding: 0 10px 0 15px;
}
.reply_login > div:nth-child(2) > a {
display: inline-block;
width: calc(100% - 75px);
height: 47px;
font-size: 15px;
color: #6a6a6a;
border-bottom: 1px solid #000;
vertical-align: top;
text-decoration: none;
}
.reply_login > div:nth-child(2) > a > span {
color: #109ba5;
}
.reply_login > div:nth-child(2) > a > span:hover {
color: #09838c;
text-decoration: underline;
}
.month_later {
font-size: 15px;
text-align: center;
padding-bottom: 12px;
}
.replaceWrap {
padding-top: 8px;
margin-top: 8px;
border-top: 1px dashed rgba(255, 255, 255, 0.33);
}
.replaceWrap label {
width: 66px;
color: #fff;
}
.replaceWrap input {
width: calc(100% - 74px);
height: 28px;
line-height: 28px;
color: #6a6a6a !important;
padding-left: 6px;
margin: 2px 0;
border-radius: 3px;
border: 0;
background: #fff;
}
.nav-tabs {
margin: 10px 0 12px 0;
}
.nav-tabs li {
margin-right: 24px;
}
.nav-tabs li.youtube button {
width: 44px;
height: 30px;
margin: 0 0 4px 8px;
background: url('img/youtube-icon.png') 0 0;
}
.nav-tabs li.youtube button.youtubeColor {
border-bottom: 2px solid #119ba5;
background: url('img/youtube-icon.png') 0 -27px;
}
.nav-tabs li button {
font-size: 24px;
font-weight: 600;
color: #212121;
border: 0;
background: none;
}
.nav-tabs li button:hover {
color: #2569e3;
}
.nav-tabs li.reactionTitle {
display: none;
}
.nav-tabs li.selected {
border-bottom: 1px solid #2569e3;
padding-bottom: 12px;
}
.nav-tabs li.selected button {
color: #2569e3 !important;
}
.empty {
color: #b1b1b1 !important;
}
.player_tag {
padding: 20px 0 30px 0;
}
.player_tag div:nth-child(1) {
display: flex;
margin-bottom: 12px;
border-bottom: 1px solid #d8d8d8;
}
.player_tag div:nth-child(1) h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.player_tag div:nth-child(1) div {
display: flex;
justify-content: space-between;
width: 100%;
}
.player_tag div:nth-child(1) div span {
font-size: 11px;
color: #b1b1b1;
padding: 2px 0 0 8px;
}
.player_tag div:nth-child(1) div button {
font-size: 12px;
color: #109ba5;
border: 1px solid #109ba5;
border-radius: 50px;
padding: 1px 8px;
margin: -4px 0 4px 0;
background: #fff;
}
.player_tag div:nth-child(1) div button:hover {
color: #fff;
background: #109ba5;
}
.player_tag div.more {
text-align: center;
padding-top: 8px;
}
.player_tag div.more > button {
font-size: 16px;
color: #109ba5;
border: 0;
background: transparent;
}
.player_tag div.more > button:hover {
color: #09838c;
text-decoration: underline;
}
.player_tag ul {
*zoom: 1;
}
.player_tag ul li {
float: left;
}
.player_tag ul li button {
font-size: 12px;
border: 0;
padding: 2px 10px;
margin: 0 10px 8px 0;
border-radius: 50px;
background-color: #e8e8e8;
}
.player_tag ul li button:hover {
color: #109ba5;
}
.player_tag ul li button.selected {
color: #fff;
background-color: #109ba5;
}
.player_tag ul:after {
clear: both;
display: block;
content: "";
height: 0;
}
.appEtcinfo {
padding: 10px 0 20px 0;
}
.appEtcinfo > div.info_title {
display: flex;
padding: 6px 0;
}
.appEtcinfo > div.info_title > h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.appEtcinfo > div.info_title > div > button {
font-style: italic;
color: #000;
font-size: 13px;
padding: 0;
margin-left: 3px;
vertical-align: middle;
}
.appEtcinfo > div.info_title > div > button span {
font-size: 11px;
color: #b1b1b1;
}
.appEtcinfo > div.info_title > div > button span:hover {
color: #109ba5;
text-decoration: underline;
}
.appEtcinfo > div.info_title > div > button:hover {
color: #109ba5;
text-decoration: underline;
}
.appEtcinfo > div.info_title > div > button.plusInfo {
font-size: 25px;
color: #109ba5;
margin: -5px 10px 0 0;
}
.appEtcinfo > div.info_title > div > button.plusInfo:hover {
text-decoration: underline;
}
.appEtcinfo > div.info_title > div > img {
vertical-align: middle;
}
.appEtcinfo > div.info_title > div > div {
width: 250px;
text-align: left !important;
}
.appEtcinfo > div.info {
padding: 0 15px;
}
.appEtcinfo > div.info > ul {
color: #000;
opacity: 0.6;
}
.appEtcinfo > div.info > button {
float: right;
font-style: italic;
color: #b1b1b1;
font-size: 11px;
margin-right: 4px;
padding: 0;
}
.appEtcinfo > div.info > button i {
font-size: 13px;
color: #000;
}
.appEtcinfo > div.info > button:hover {
color: #109ba5;
text-decoration: underline;
}
.appEtcinfo > div.info > button:hover i {
color: #109ba5;
text-decoration: underline;
}
.appCopy {
padding: 20px 0;
}
.appCopy > div.info_title {
display: flex;
padding-bottom: 6px;
}
.appCopy > div.info_title > h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.appCopy > div.info_title > div > button {
font-style: italic;
color: #109ba5;
font-size: 12px;
margin: -7px 0 0 26px;
vertical-align: middle;
padding: 0 10px 0 4px;
border: 1px solid #109ba5;
border-radius: 3px;
}
.appCopy > div.info_title > div > button span {
font-size: 11px;
color: #b1b1b1;
}
.appCopy > div.info_title > div > button span:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info_title > div > button:hover {
color: #fff;
background: #109ba5;
text-decoration: none;
}
.appCopy > div.info_title > div > a {
font-style: italic;
color: #000;
font-size: 13px;
padding: 2px 0 0 4px;
}
.appCopy > div.info_title > div > a span {
font-size: 11px;
color: #b1b1b1;
}
.appCopy > div.info_title > div > a span:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info_title > div > a:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info {
padding: 0 15px;
}
.appCopy > div.info > div.copyField {
display: flex;
padding-left: 56px;
}
.appCopy > div.info > div.copyField > div.copy {
padding-right: 8px;
}
.appCopy > div.info > div.copyField > div.ocr {
padding-left: 8px;
border-left: 1px dotted #ddd;
}
.appCopy > div.info > div.copyField > div > pre {
display: block;
color: #6a6a6a;
font-size: 13px;
font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'Verdana', 'Arial' !important;
line-height: 20px;
white-space: break-spaces;
border: 0;
background: transparent;
}
.appCopy > div.info > div.copyBtn {
position: relative;
display: flex;
overflow: overlay;
overflow-y: hidden;
align-items: flex-end;
height: 60px;
margin-top: -60px;
background: #ffffff;
background: linear-gradient(0deg, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
z-index: 100;
}
.appCopy > div.info > div.copyBtn > div.more {
flex: 1;
text-align: center;
}
.appCopy > div.info > div.copyBtn > div.more > button {
font-size: 16px;
color: #109ba5;
border: 0;
background: transparent;
cursor: pointer;
}
.appCopy > div.info > div.copyBtn > div.more > button:hover {
color: #09838c;
}
.appCopy > div.info div.foldBtn {
flex: 1;
text-align: center;
}
.appCopy > div.info div.foldBtn > button {
font-size: 16px;
color: #109ba5;
border: 0;
background: transparent;
cursor: pointer;
}
.appCopy > div.info div.foldBtn > button:hover {
color: #09838c;
}
.appCopy > div.info div.modi_btn {
flex: 1;
text-align: right;
}
.appCopy > div.info > div.info_copy > pre {
font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', 'Verdana', 'Arial' !important;
font-size: 14px;
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
border: 0;
background: transparent;
}
.appCopy > div.info > button {
float: right;
font-style: italic;
color: #b1b1b1;
font-size: 11px;
margin-right: 4px;
padding: 0;
}
.appCopy > div.info > button i {
font-size: 13px;
color: #000;
}
.appCopy > div.info > button:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > button:hover i {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > div.info_plus > button {
font-style: italic;
color: #000;
font-size: 12px;
padding: 0;
margin-left: 4px;
vertical-align: middle;
}
.appCopy > div.info > div.info_plus > button span {
font-size: 11px;
color: #b1b1b1;
}
.appCopy > div.info > div.info_plus > button span:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > div.info_plus > button:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > div.info_plus > button:hover span {
color: #109ba5;
}
.appCopy > div.info > div.info_plus > a {
font-style: italic;
color: #000;
font-size: 13px;
padding: 2px 0 0 4px;
}
.appCopy > div.info > div.info_plus > a span {
font-size: 11px;
color: #b1b1b1;
}
.appCopy > div.info > div.info_plus > a span:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > div.info_plus > a:hover {
color: #109ba5;
text-decoration: underline;
}
.appCopy > div.info > div.info_plus > a:hover span {
color: #109ba5;
}
.appGenre {
padding: 20px 0;
}
.appGenre > div.info_title {
display: flex;
padding-bottom: 6px;
}
.appGenre > div.info_title > h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.appGenre > div.info {
padding: 0 15px;
}
.appGenre > div.info > ul > li {
display: inline-block;
}
.appGenre > div.info > ul > li > a {
display: block;
padding: 4px 10px;
margin: 0 10px 8px 0;
border-radius: 50px;
background: #e8e8e8;
}
.appGenre > div.info > ul > li > a:hover {
text-decoration: none;
}
.appGenre > div.info > ul > li > button {
font-size: 20px;
margin-top: -5px;
text-decoration: none;
}
.appGenre > div.info > div.dropdown {
width: 83%;
color: #6a6a6a;
}
.appGenre > div.info > div.dropdown > div > span.btn {
color: #6a6a6a;
background: #fff;
}
.appGenre > div.info > div.dropdown > div > span.btn > i {
color: #109ba5 !important;
}
.appAward {
padding: 20px 0;
}
.appAward > div.info_title {
display: flex;
padding-bottom: 6px;
}
.appAward > div.info_title > h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.appAward > div.info_title > div > button {
font-style: italic;
font-size: 13px;
font-weight: 600;
color: #109ba5;
padding: 0;
margin: -2px 0 0 4px;
vertical-align: middle;
}
.appAward > div.info_title > div > button span {
font-size: 11px;
font-weight: normal;
color: #b1b1b1;
}
.appAward > div.info_title > div > button span:hover {
color: #b1b1b1;
text-decoration: underline;
}
.appAward > div.info_title > div > button:hover {
color: #09838c;
text-decoration: underline;
}
.appAward > div.info {
padding: 0 15px;
}
.appAward > div.info > div > ul {
display: flex;
}
.appAward > div.info > div > ul > li a {
display: inline-flex;
align-items: center;
padding: 4px 10px 4px 5px;
margin: 0 10px 8px 0;
border-radius: 50px;
background-color: #e8e8e8;
}
.appAward > div.info > div > ul > li a > span.name {
display: inline-block;
line-height: 14px;
color: #fff;
padding: 3px 9px;
border-radius: 50px;
background: #b1b1b1;
}
.appAward > div.info > div > ul > li a > span.grade {
line-height: 14px;
padding: 0 3px;
}
.appAward > div.info > div > ul > li a > span.date {
color: #b1b1b1;
padding-left: 2px;
}
.appAward > div.info > div > ul > li a:hover {
text-decoration: none;
background-color: #dadada;
}
.appAward > div.info > div > ul > li a:hover > span.grade {
color: #6a6a6a;
}
.appAward > div.info > ul {
margin-top: 8px;
}
.appAward > div.info > ul > li {
display: inline-flex;
align-items: center;
padding: 4px 10px 4px 5px;
margin: 0 10px 8px 0;
border-radius: 50px;
background-color: #e8e8e8;
}
.appAward > div.info > ul > li > span:nth-child(1) {
color: #fff;
line-height: 14px;
padding: 6px 9px;
border-radius: 50px;
background: #b1b1b1;
}
.appAward > div.info > ul > li > span:nth-child(2) {
line-height: 14px;
padding: 0 3px;
}
.appAward > div.info > ul > li > span:nth-child(3) {
color: #b1b1b1;
}
.appAward > div.info > ul > li > button {
color: #969595;
margin: -3px 0 0 0;
padding: 2px;
outline: 0;
background: transparent;
}
.appAward > div.info > ul > li > button > i {
font-weight: bold;
}
.appAward > div.info > ul > li > button:hover {
color: #000;
}
.appAward > div.info > div.plus2 > div > button {
font-size: 13px;
font-style: italic;
font-weight: 600;
color: #109ba5;
padding: 0;
}
.appAward > div.info > div.plus2 > div > button:hover {
color: #09838c;
text-decoration: underline;
}
.appAward > div.plus {
width: 80%;
color: #6a6a6a;
margin: 0 0 0 17px;
}
.appAward > div.plus > div > div.ui-select-container {
margin-bottom: 8px;
}
.appAward > div.plus > div > div.ui-select-container > div > span {
color: #109ba5 !important;
margin: 0;
background: #fff !important;
}
.appAward > div.plus > div > button {
color: #fff;
margin: 0;
}
.appAward > div.plus > div > button:hover {
background: #09838c;
}
.collection_pop > div:nth-child(1) {
padding-bottom: 6px;
margin-bottom: 14px;
border-bottom: 1px solid #3c3c3c;
}
.collection_pop > div:nth-child(1) > h4 {
color: #848484;
}
.collection_pop > div.make {
display: flex;
justify-content: space-between;
}
.collection_pop > div.make > div:nth-child(1) > button {
padding: 0;
margin: 0;
}
.collection_pop > div.make > div:nth-child(2) {
padding-top: 2px;
}
.collection_pop > div.make_input > div > div:nth-child(1) {
font-size: 12px;
color: #7b7b7b;
}
.collection_pop > div.make_input > div > div:nth-child(2) > input {
width: 100%;
color: #ddd;
border: 0;
border-bottom: 1px solid #6f6f6f;
padding: 0 0 2px 0;
background: transparent;
}
.collection_pop > div.make_input > div > div:nth-child(2) > select {
width: 100%;
height: 27px;
color: #ddd;
border: 0;
border-bottom: 1px solid #6f6f6f;
padding: 0 0 5px 0;
outline: 0;
background: transparent;
}
.collection_pop > div.make_input > div > div:nth-child(2) > select option {
background: #1d1d1d;
}
.collection_pop > div.make_input > div > div:nth-child(3) {
font-size: 13px;
text-align: right;
}
.collection_pop > div.make_input > div > div:nth-child(3) > button {
margin-top: 12px;
padding: 0;
}
.collection_pop > ul {
min-height: 150px;
max-height: 150px;
overflow: hidden;
overflow-y: scroll;
color: #808080;
margin-bottom: 16px;
}
.collection_pop > ul > li {
padding: 2px 0;
}
.collection_pop > ul > li > div {
display: flex;
height: 23px;
}
.collection_pop > ul > li > div > div:nth-child(1) {
margin-right: 6px;
}
.collection_pop > ul > li > div > div:nth-child(2) {
flex: 1;
}
.collection_pop > ul > li > div > div:nth-child(2) > div {
width: 250px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.collection_pop > ul > li > div > div:nth-child(2) > input {
width: 250px;
height: 24px;
padding: 0 4px;
border: 0;
border-radius: 4px;
background: #333;
}
.collection_pop > ul > li > div > div:nth-child(3) {
width: 24px;
text-align: center;
}
.collection_pop > ul > li > div > div:nth-child(3) > span {
font-size: 13px;
cursor: pointer;
}
.collection_pop > ul > li > div > div:nth-child(3) > span:nth-child(1) {
font-size: 12px;
color: #484848;
cursor: default;
}
.collection_pop > ul > li > div > div:nth-child(3) > span:nth-child(1):hover {
color: #484848;
}
.collection_pop > ul > li > div > div:nth-child(3) > span:hover {
color: #109ba5;
}
.collection_pop > ul > li > div > div:nth-child(4) {
width: 24px;
text-align: center;
}
.collection_pop > ul > li > div > div:nth-child(4) > span {
font-size: 13px;
cursor: pointer;
}
.collection_pop > ul > li > div > div:nth-child(4) > span:nth-child(1) {
font-size: 12px;
color: #484848;
cursor: default;
}
.collection_pop > ul > li > div > div:nth-child(4) > span:nth-child(1):hover {
color: #484848;
}
.collection_pop > ul > li > div > div:nth-child(4) > span:nth-child(3) {
font-size: 12px;
color: #484848;
cursor: default;
}
.collection_pop > ul > li > div > div:nth-child(4) > span:nth-child(3):hover {
color: #484848;
}
.collection_pop > ul > li > div > div:nth-child(4) > span:hover {
color: #109ba5;
}
.scroll::-webkit-scrollbar {
width: 6px;
}
.scroll::-webkit-scrollbar-track {
border-radius: 50px;
background: #000;
}
.scroll::-webkit-scrollbar-thumb {
border-radius: 50px;
background: #464646;
}
.scroll::-webkit-scrollbar-thumb:hover {
border-radius: 50px;
background: #3a3a3a;
}
.appAdZine {
padding: 20px 0;
}
.appAdZine > div.info_title {
display: flex;
padding-bottom: 10px;
}
.appAdZine > div.info_title > h4 {
font-size: 16px;
font-style: italic;
color: #000;
}
.appAdZine > div.info_title > div > button {
font-size: 13px;
font-style: italic;
font-weight: 600;
color: #109ba5;
padding: 0;
margin: -2px 0 0 4px;
vertical-align: middle;
}
.appAdZine > div.info_title > div > button span {
font-size: 11px;
font-weight: normal;
color: #b1b1b1;
}
.appAdZine > div.info_title > div > button span:hover {
color: #b1b1b1;
text-decoration: underline;
}
.appAdZine > div.info_title > div > button:hover {
color: #09838c;
text-decoration: underline;
}
.appAdZine > div.info {
padding: 0 15px;
}
.appAdZine > div.info > ul > li {
display: flex;
padding-bottom: 4px;
align-items: center;
}
.appAdZine > div.info > ul > li > div:nth-child(1) {
width: 68px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 50px;
background-color: #e8e8e8;
}
.appAdZine > div.info > ul > li > div:nth-child(2) {
flex: 1;
line-height: 14px;
margin: 0 6px;
}
.appAdZine > div.info > ul > li > div:nth-child(3) {
color: #b1b1b1;
}
.appAdZine > div.plus > button {
font-style: italic;
color: #000;
font-size: 12px;
padding: 0;
margin: -2px 0 0 15px;
vertical-align: middle;
}
.appAdZine > div.plus > button span {
font-size: 11px;
color: #b1b1b1;
}
.appAdZine > div.plus > button span:hover {
color: #109ba5;
text-decoration: underline;
}
.appAdZine > div.plus > button:hover {
color: #109ba5;
text-decoration: underline;
}
.player_similar {
padding-top: 20px;
}
.player_similar > div.info_title {
padding-bottom: 4px;
}
.coak {
display: none;
}
.ration {
display: flex;
align-items: center;
padding: 4px 0 2px 0;
}
.ration > div:nth-child(1) {
width: 56px;
}
.ration > div:nth-child(2) {
width: 76%;
}
.ration > div:nth-child(2) span {
display: block;
height: 5px;
font-size: 0;
background: #109ba5;
}
.ration > div:nth-child(3) {
padding-left: 6px;
}
.ration p {
width: 150px;
height: 11px;
font-size: 0;
margin: 5px 5px 0 0;
*height: 11px;
*padding-top: 4px;
background: url('') no-repeat;
}
.graph {
border: 1px solid #e8e8e8;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hidden {
display: none;
}
.toast {
opacity: 1 !important;
}
textarea {
margin: 0;
padding: 0;
overflow: auto;
border: none;
outline: none;
resize: none;
background-color: #fff;
}
input {
outline: none;
word-wrap: normal;
word-wrap: expression(hideFocus=true);
margin: 0;
padding: 0;
}
button {
font-size: 14px;
letter-spacing: -1px;
outline: none;
word-wrap: normal;
word-wrap: expression(hideFocus=true);
}
select {
outline: none;
}
div {
margin: 0;
padding: 0;
list-style: none;
}
p {
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
ol {
margin: 0;
padding: 0;
list-style: none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin: 0;
padding: 0;
}
img {
margin: 0;
padding: 0;
border: 0;
}
a {
color: #bdc3c7;
margin: 0;
padding: 0;
outline: none;
word-wrap: normal;
word-wrap: expression(hideFocus=true);
}
a:link {
color: #6a6a6a;
text-decoration: none;
}
a:active {
color: #6a6a6a;
text-decoration: none;
}
a:visited {
color: #6a6a6a;
text-decoration: none;
}
a:hover {
color: #09838c;
text-decoration: underline;
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
form {
margin: 0;
padding: 0;
}
span {
margin: 0;
padding: 0;
}
iframe {
margin: 0;
padding: 0;
}
dl,
dt,
dd {
margin: 0;
padding: 0;
list-style: none;
}
pre {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
blockquote {
margin: 0;
padding: 0;
}
th {
margin: 0;
padding: 0;
}
label {
font-weight: normal;
}
.btn {
color: #fff;
margin: 0 4px;
padding: 5px 12px;
border-radius: 4px;
background: #109ba5;
}
.btn:focus {
color: #fff;
text-decoration: none;
background: #09838c;
}
.btn:hover {
color: #fff;
text-decoration: none;
background: #09838c;
}
.btn.focus {
color: #fff;
text-decoration: none;
background: #09838c;
}
.btn2 {
background: #4e4e4e;
}
.btn2:focus {
background: #3c3c3c;
}
.btn2:hover {
background: #3c3c3c;
}
.btn-default-focus {
background-color: transparent !important;
outline: none !important;
box-shadow: none !important;
}
.btn-link {
color: #109ba5;
}
.btn-link:focus {
color: #109ba5;
}
.btn-link:hover {
color: #09838c;
}
/* youtube 링크 추가/수정 */
.youtubeWrap > div.youtube_title {
color: #b1b1b1;
padding-bottom: 6px;
}
.youtubeWrap > div.youtube_input > input {
width: 30em;
line-height: 18px;
letter-spacing: 0;
color: #b1b1b1;
padding: 6px;
border: 0;
border-radius: 4px;
background: #3c3c3c;
}
.youtubeWrap > div.youtube_sample {
color: #6a6a6a;
letter-spacing: 0;
margin: 0.5em;
}
.youtubeWrap > div.youtube_err {
font-size: 13px;
color: #ff4400;
text-align: center;
padding-bottom: 6px;
}
.youtubeWrap > div.youtube_btnWrap {
display: flex;
justify-content: space-between;
}
.youtubeWrap > div.youtube_btnWrap > div:nth-child(1) {
color: #109ba5;
}
.youtubeWrap > div.youtube_btnWrap > div:nth-child(2) > button:focus {
outline: none;
}
/* 컨트롤바 우측 버튼_모바일 팝업 */
.mocean-modal-wrap {
position: fixed;
width: 100%;
bottom: 0;
color: #fff;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0, 0, 0, 0.8);
z-index: 100000;
}
.mocean-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
background: #000;
}
.mocean-show.mocean-modal-wrap {
visibility: visible;
}
.mocean-show.mocean-modal-wrap ~ .mocean-modal-overlay {
opacity: 0.4;
z-index: 10000;
}
.mocean-modal {
width: 100%;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
}
.slide-in-bottom .mocean-content {
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
opacity: 0;
}
.mocean-show.slide-in-bottom .mocean-content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.mocean-perspective {
-webkit-perspective: 600px;
perspective: 600px;
}
.mocean-show {
visibility: visible;
}
.mocean-modal-close {
width: 100%;
border: 0;
height: 40px;
background: #109ba5;
}
.mocean-modal-close:hover {
background: #09838c;
}
.mocean-modal-content > div:nth-child(1) {
display: flex;
padding: 16px 24px;
}
.mocean-modal-content > div:nth-child(1) > div {
width: 50%;
font-style: italic;
color: #848484;
text-align: center;
}
.mocean-modal-content > ul {
margin-bottom: 20px;
}
.mocean-modal-content > ul > li {
font-size: 14px;
padding: 8px 20px;
}
.mocean-modal-content > ul > li:nth-child(1) > div {
display: flex;
}
.mocean-modal-content > ul > li:nth-child(1) > div > div:nth-child(1) {
width: 28px;
}
.mocean-modal-content > ul > li:nth-child(1) > div > div:nth-child(1) > i {
color: #848484;
}
.mocean-modal-content > ul > li:nth-child(1) > div > div:nth-child(1) > svg {
fill: #848484;
margin-left: -1px;
}
.mocean-modal-content > ul > li:hover {
color: #109ba5;
background: #212121;
cursor: pointer;
}
.mocean-modal-content > ul > li:hover svg {
fill: #109ba5;
}
.mocean-modal-content > ul > li:hover i {
color: #109ba5;
}
.mocean-modal-content > ul > li > i {
width: 24px;
font-size: 15px;
color: #848484;
}
.mocean-modal-content > ul > li > i.fal {
font-weight: 400;
}
.mocean-modal-content > ul > li > svg {
width: 24px;
fill: #848484;
vertical-align: middle;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
padding: 1.6em;
background: rgba(0, 0, 0, 0.8);
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-message h3 {
font-family: 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum', 'Verdana', ' Arial';
font-size: 18px;
font-weight: normal;
color: #848484;
margin-bottom: 12px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-message textarea {
width: 100%;
height: 42px;
font-family: 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum', 'Verdana', ' Arial';
font-size: 12px;
line-height: 18px;
color: #b1b1b1;
padding: 6px 0 0 6px;
border-radius: 4px;
background: #3c3c3c;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-message input {
color: #d8d8d8;
border: 0;
border-radius: 4px;
padding-left: 6px;
background: #3c3c3c;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-buttons {
text-align: center;
padding-top: 10px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-buttons > button:focus {
outline: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .copyLang {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 8px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .copyLang > div.lang > label {
font-size: 13px;
color: #a2a2a2;
margin: 0 6px 0 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .copyLang > div.lang > select {
width: 86px;
height: 24px;
color: #ddd;
padding: 0 2px;
border-radius: 4px;
border: 0;
background: #000;
}
.ngdialog.ngdialog-theme-default .ngdialog-message {
margin-bottom: 0 !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
color: #4e4e4e;
}
.ngdialog-content {
display: table !important;
}
.form-group {
margin-bottom: 0;
}
.ngdialog-close:before {
font-family: 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum', 'Verdana', ' Arial';
}
/*
.pagination {
li {
float: none !important;
margin: 0 !important;
}
}
*/
/* 반응형 */
@media (max-width: 1416px) {
body > .doc > .topBar {
display: none !important;
}
body.wide {
background: #f5f5f5;
}
body.wide > .doc > .player-area.wide {
width: 100%;
height: 788px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .box {
left: 17%;
right: 17%;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .box > .item {
height: auto;
}
}
@media (max-width: 1299px) {
body > .doc > .topBar {
display: none !important;
}
body > .doc > .player-area.wide {
height: auto !important;
}
body > .doc > .player-area.wide > .wrap > .player {
padding-bottom: 56.26%;
}
}
@media (max-width: 1146px) {
body.wide > .doc > .player-area.wide > .wrap > .player {
height: calc(100% - 68px);
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox {
height: 68px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 336px);
margin: 15px 0 0 15px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: block;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: block;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: none;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > ul {
display: block;
}
body > .doc > .topBar {
display: none !important;
}
body > .doc > .right-area {
margin-left: 10px;
}
body > .doc > .player-area > .wrap > .player {
margin: 0;
width: 100%;
height: calc(100% - 54px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 54px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 62px);
margin: 18px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: block;
float: right;
margin: 6px 0 0 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button {
border: 0;
padding: 4px 18px;
background: transparent;
cursor: pointer;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button > i {
font-size: 29px;
color: #b1b1b1;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button:hover > i {
color: #109ba5;
}
}
@media (max-width: 1046px) {
body > .doc > .topBar {
display: none !important;
}
body > .doc > .right-area {
width: 336px;
}
.pre_login {
margin: 176px 0 0 -316px;
}
.oldGroup .openClose > button {
margin: -22px 0 0 88px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: none;
}
.graph {
width: 328px;
}
}
@media (max-width: 959px) {
body > .doc > .topBar {
display: flex !important;
height: 45px;
background: #000;
}
body > .doc > .topBar > button {
border: 0;
padding: 14px 10px 9px 15px;
background: transparent;
}
body > .doc > .topBar > button.exit > svg {
fill: #fff;
}
body > .doc > .topBar > button.exit:active svg {
fill: #109ba5;
}
body > .doc > .topBar > button.back {
padding: 14px 10px 9px 12px;
}
body > .doc > .topBar > button.back > svg {
fill: none;
stroke: #fff;
stroke-width: 2.2;
stroke-linecap: round;
}
body > .doc > .topBar > button.back:active svg {
stroke: #109ba5;
}
body > .doc > .topBar > button.share {
padding: 14px 12px 9px 10px;
}
body > .doc > .topBar > button.share > svg {
fill: none;
stroke: #fff;
stroke-width: 1.8;
stroke-linecap: round;
}
body > .doc > .topBar > button.share:active svg {
stroke: #109ba5;
}
body > .doc > .topBar > button.collection {
padding: 11px 17px 9px 10px;
}
body > .doc > .topBar > button.collection > svg {
fill: #fff;
stroke: #fff;
stroke-width: 0.3;
fill-rule: evenodd;
clip-rule: evenodd;
}
body > .doc > .topBar > button.collection:active svg {
fill: #109ba5;
stroke: #109ba5;
}
body > .doc > .player-area {
grid-column-start: 1;
grid-column-end: 4;
}
body > .doc > .player-area > .wrap > .player {
height: calc(100% - 68px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 68px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 336px);
margin: 26px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 20px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 20px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: block;
margin: 4px 0 0 6px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: block;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: none;
}
body > .doc > .right-area {
width: auto;
margin: 0 10px 20px 10px;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
}
body > .doc > .right-area > div.banner {
display: none;
}
body > .doc > .center-area {
grid-column-start: 1;
grid-column-end: 4;
}
body > .doc > .center-area > .player_tag {
display: none;
}
body.wide > .doc > .right-area {
grid-row-start: 4;
grid-row-end: 5;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left {
margin: 13px 0 0 15px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
margin-top: 2px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
margin: 6px 0 0 6px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
.makerOther ul {
display: flow-root;
padding-top: 8px;
}
.makerOther ul li {
display: inline-block;
float: none;
width: 33.33333%;
padding: 0 5px 10px;
box-sizing: border-box;
margin: unset;
}
.makerOther ul li > div.thumWrap > div.thum {
width: unset;
text-align: center;
background: #d8d8d8;
}
.makerOther ul li > div.thumWrap > div.thum img {
max-width: unset;
width: 100%;
height: 100%;
cursor: pointer;
}
.makerOther ul li > div.other_info > div.title-1 {
width: 100%;
}
.oldGroup ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.oldGroup ul li {
width: 33.33333%;
padding: 0 5px 10px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.oldGroup ul li > div {
display: block;
position: relative;
width: 100%;
}
.oldGroup ul li > div > div:nth-child(1) {
max-width: 298px;
margin: 0 0 4px 0;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 100%;
height: 100%;
}
.oldGroup .openClose {
position: unset;
width: auto;
text-align: center;
}
.oldGroup .openClose > button {
margin: -22px 0 0 0;
}
.self-player-zone > .overlay > .controls > .buttonSet > .buttons > .wide {
display: none;
}
.self-player-zone > .overlay > .controls > .buttonSet > .buttons > .pop-setting-over {
margin-left: 131px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: inline-block;
}
.pre_login {
left: 50%;
margin: 176px 0 0 -131px;
}
.player_last {
display: none;
}
.player_similar {
display: none;
}
.appCopy > div.info > div.copyField {
padding-left: 0 !important;
}
.line_back {
margin: 0 -5px;
}
.line_back > div:nth-child(1) {
display: none;
}
.line_back > div:nth-child(2) {
display: none;
}
.chartWrap li {
display: block !important;
width: 100% !important;
padding: 0 0 12px 0 !important;
text-align: center;
}
.chartWrap li img {
width: 410px;
}
.nav-tabs li.reactionTitle {
display: block;
margin-right: 0;
}
.nav-tabs li.reactionTitle a.reactionGo {
font-size: 24px;
font-weight: 600;
color: #212121;
margin-right: 0;
line-height: inherit;
border: 0;
padding: 0 4px;
background: transparent;
}
.nav-tabs li.reactionTitle a.reactionGo span {
display: inline-block;
font-size: 20px;
vertical-align: bottom;
padding: 0 2px;
}
.nav-tabs li.reactionTitle a.reactionGo:hover {
color: #2569e3;
}
}
@media (max-width: 750px) {
body.wide > .doc > .topBar {
display: flex !important;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox {
height: 54px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 62px);
margin: 18px 0 0 15px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
float: left;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
margin-top: 0;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: none;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: block;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > ul {
display: none;
}
body > .doc > .center-area {
margin-bottom: 0;
padding: 0 5px;
}
body > .doc > .right-area {
display: none;
}
body > .doc > .player-area > .wrap > .player {
margin: 0;
width: 100%;
height: calc(100% - 54px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 47px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 62px);
margin: 14px 0 0 10px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
margin-top: 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: block;
margin: 3px 10px 0 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button {
border: 0;
padding: 4px 16px 4px 14px;
background: transparent;
cursor: pointer;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button > i {
font-size: 29px;
color: #109ba5;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button:hover > i {
color: #109ba5;
}
.reply_list li {
padding: 8px 4px 8px 3px;
}
.reply_list li > div > div:nth-child(1) {
margin: 3px 8px 0 0;
}
.reply_list li > div > div:nth-child(3) {
margin: 4px 10px 0 0;
}
.reply_list li > div > div:nth-child(4) {
margin: 4px 12px 0 0;
}
.reply_list li > div > div:nth-child(5) {
margin-top: 2px;
}
.reply_list li > div > div:nth-child(6) {
font-size: 13px;
letter-spacing: -1px;
padding: 24px 12px 0 56px;
}
.reply_list li > div > div:nth-child(6) button.del > i {
font-size: 20px;
}
.reply_list li > div > div:nth-child(6) button > i {
font-size: 16px;
}
#stickymobile {
display: block;
width: calc(100% + 10px);
padding-top: 4px;
margin: 0 0 6px -5px;
background: #fff;
position: sticky !important;
z-index: 999;
}
#stickymobile.fixed {
position: fixed;
margin-left: -5px;
padding-top: 10px;
top: 0;
}
#stickymobile > ul {
text-align: center;
border-bottom: 1px solid #b1b1b1;
background: #fff;
}
#stickymobile > ul > li {
display: inline-block;
}
#stickymobile > ul > li.current a {
font-weight: 600;
color: #000;
border-bottom: 3px solid #109ba5;
}
#stickymobile > ul > li > a {
display: block;
font-size: 20px;
padding: 10px 20px;
margin-bottom: -1px;
text-decoration: none;
}
#stickymobile > ul > li > a:hover {
font-weight: 600;
color: #000;
border-bottom: 3px solid #109ba5;
}
.player-area {
position: sticky;
top: 0;
z-index: 999;
}
.self-player-zone > .overlay > .subtitle {
font-size: 20px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: none;
}
.oldGroup .openClose > button {
margin: -22px 0 0 -16px;
}
#mobileWtfArea {
padding-top: 10px;
padding-bottom: 0px;
}
.player_tag {
padding: 20px 0;
}
.maker_info {
padding: 14px 2px 2px 2px;
}
#maker_Edit {
margin-bottom: 20px;
}
#makerWrap {
margin-top: 12px;
}
.line_back2 {
display: block;
height: 31px;
margin: 0 -5px;
background: url('../css/img/line2.gif');
}
.reply_title {
margin: 10px 6px 6px 6px;
}
.reply_title > div:nth-child(1) > span {
margin-right: 10px;
}
.reply_title > div:nth-child(1) > span > span.num {
font-size: 12px;
}
.reply_title > div:nth-child(1) > span > span > span > span {
font-size: 12px;
}
.reply_title > div:nth-child(1) > span > span > span > i {
font-size: 16px;
}
.reply_title > div:nth-child(1) > span > span i {
font-size: 16px;
}
.evaluate_Wrap2 > div > div:nth-child(1) > div:nth-child(1) {
margin: 6px 9px 6px 5px;
}
.youtube-reply > .list > li {
padding: 17px 4px 11px 10px !important;
}
.youtube-reply > .list > li > .right > .line2 {
font-size: 13px !important;
letter-spacing: -1px !important;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line2 {
font-size: 13px !important;
letter-spacing: -1px !important;
}
.reply-header > .left {
margin: 12px 0 10px 8px !important;
}
}
@media (max-width: 640px) {
body > .doc > .topBar {
display: flex !important;
}
.reply_title {
flex-direction: column;
}
.reply_title > div:nth-child(2) {
display: none;
}
.appCopy > div.info > div.copyBtn > div:nth-child(1) {
flex: none !important;
}
.modi_btn {
display: none;
}
}
@media (max-width: 599px) {
body > .doc > .topBar {
display: flex !important;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin-top: 17px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
}
.self-player-zone > .overlay > .subtitle {
font-size: 18px;
}
.makerOther3 div.upSearch {
display: block;
}
.makerOther3 div.upSearch div.popSearch {
margin: 0 2px 10px 0;
}
.oldGroup ul {
display: block;
}
.oldGroup ul li {
width: auto;
padding: 0 0 10px 0;
box-sizing: unset;
}
.oldGroup ul li > div {
display: flex;
position: unset;
}
.oldGroup ul li > div > div:nth-child(1) {
max-width: unset;
margin: 0 10px 0 0;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 270px;
height: auto;
}
.oldGroup .openClose {
text-align: unset;
}
.oldGroup .openClose > button {
margin: -22px 0 0 120px;
}
.step3 {
display: block;
width: 100%;
height: auto;
}
.step3 > div {
display: flex;
width: 358px;
text-align: left;
}
.step3 > div > div.star-label {
width: 90px;
margin: 4px 0 0 0;
}
.step3 > div > div.star-msg {
font-size: 12px;
color: #969595;
margin: 4px 0 0 0;
}
.step3 > div > div.star-msg > span.heart {
color: #109ba5;
}
.step3 > div > ul {
padding: 3px 4px 3px 0;
}
.step3 > div > ul li {
font-size: 19px !important;
padding: 0 5px !important;
}
.makerOther ul {
flex-direction: column;
}
.makerOther ul li {
display: flex;
width: auto;
padding: 0 0 10px 0;
}
.makerOther ul li > div.thumWrap {
margin-right: 10px;
}
.makerOther ul li > div.thumWrap > div.thum {
width: 270px;
}
.makerOther ul li > div.thumWrap > div.thum img {
height: auto;
}
.makerOther ul li > div.other_info > div.title-1 {
padding-top: 0;
width: auto;
}
}
@media (max-width: 500px) {
body > .doc > .topBar {
display: flex !important;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin-top: 14px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 16px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 16px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 16px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 16px;
}
#stickymobile > ul > li > a {
font-size: 18px;
padding: 6px;
}
.reply_list li > div.login span {
display: none;
}
.chartWrap li img {
width: 100%;
}
}
@media (max-width: 430px) {
body > .doc > .topBar {
display: flex !important;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin: 13px 0 0 8px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 14px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 14px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 14px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 14px;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 240px;
}
.oldGroup .openClose > button {
margin: -22px 0 0 100px;
}
.makerOther ul li > div.thumWrap > div.thum {
width: 240px;
}
}
/* ie hack */
@media screen and (min-width: 0 \0) {
body > .doc {
width: 1400px;
}
body > .doc > .player-area {
float: left;
width: 960px;
}
body > .doc > .right-area {
float: right;
}
body > .doc > .pop-area {
float: left;
width: 960px;
}
body > .doc > .center-area {
float: left;
width: 960px;
}
}
@media screen and (min-width: 0 \0) and (max-width: 1146px) {
body > .doc > .right-area {
margin-left: 20px;
}
body > .doc > .player-area > .wrap > .player {
height: calc(100% - 68px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 68px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 336px);
margin: 15px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: block;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: block;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: block;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: none;
}
}
@media screen and (min-width: 0 \0) and (max-width: 1046px) {
body > .doc > .right-area {
width: 336px;
}
.pre_login {
margin: 176px 0 0 -316px;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 186px;
}
.oldGroup .openClose {
margin: -22px 0 0 72px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: none;
}
}
@media screen and (min-width: 0 \0) and (max-width: 959px) {
body > .doc > .player-area {
grid-column-start: 1;
grid-column-end: 4;
}
body > .doc > .player-area > .wrap > .player {
height: calc(100% - 68px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 68px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 336px);
margin: 15px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
margin-top: 2px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
margin: 6px 0 0 6px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: block;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: none;
}
body > .doc > .right-area {
width: auto;
margin: 30px 10px 20px 10px;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
}
body > .doc > .right-area > .banner {
display: block !important;
}
body > .doc > .center-area {
grid-column-start: 1;
grid-column-end: 4;
}
body > .doc > .center-area > .player_tag {
display: none;
}
body.wide > .doc > .right-area {
grid-row-start: 4;
grid-row-end: 5;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left {
margin: 13px 0 0 15px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
margin-top: 2px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
margin: 6px 0 0 6px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
.oldGroup ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.oldGroup ul li {
width: 33.33333%;
padding: 0 5px 10px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.oldGroup ul li > div {
display: block;
position: relative;
}
.oldGroup ul li > div > div:nth-child(1) {
overflow: hidden;
max-width: 298px;
margin: 0 0 4px 0;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 100%;
height: 100%;
}
.oldGroup .openClose {
text-align: center;
margin: -5px 0 0 0;
}
.self-player-zone > .overlay > .controls > .buttonSet > .buttons > .wide {
display: none;
}
.self-player-zone > .overlay > .controls > .buttonSet > .buttons > .pop-setting-over {
margin-left: 131px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: inline-block;
}
.pre_login {
left: 50%;
margin: 176px 0 0 -131px;
}
.player_last {
display: none;
}
}
@media screen and (min-width: 0 \0) and (max-width: 750px) {
body.wide > .doc > .player-area.wide > .wrap > .controlbox {
height: 54px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 56px);
margin: 18px 0 0 15px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
margin-top: 0;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: none;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: block;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > ul {
display: none;
}
body > .doc > .right-area {
visibility: hidden;
}
body > .doc > .player-area > .wrap > .player {
margin: 0;
width: 100%;
height: calc(100% - 54px);
}
body > .doc > .player-area > .wrap > .controlbox {
height: 54px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
width: calc(100% - 56px);
margin: 18px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
margin-top: 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(3) {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row2 {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > ul {
display: none;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right {
display: block;
margin: 6px 10px 0 0;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button {
border: 0;
padding: 4px 10px;
background: transparent;
cursor: pointer;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button > i {
font-size: 29px;
color: #b1b1b1;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.Mobile_right > button:hover > i {
color: #109ba5;
}
#stickymobile {
display: block;
width: calc(100% + 24px);
padding-top: 20px;
margin-bottom: 30px;
margin: 0 0 30px -12px;
background: #fff;
}
#stickymobile.fixed {
position: fixed;
margin-left: -12px;
padding-top: 10px;
top: 0;
}
#stickymobile > ul {
text-align: center;
border-bottom: 1px solid #b1b1b1;
background: #fff;
}
#stickymobile > ul > li {
display: inline-block;
}
#stickymobile > ul > li.current a {
font-weight: 600;
color: #000;
border-bottom: 3px solid #109ba5;
}
#stickymobile > ul > li > a {
display: block;
font-size: 20px;
padding: 10px 20px;
margin-bottom: -1px;
text-decoration: none;
}
#stickymobile > ul > li > a:hover {
font-weight: 600;
color: #000;
border-bottom: 3px solid #109ba5;
}
.self-player-zone > .overlay > .subtitle {
font-size: 20px;
}
.self-player-zone > .overlay > .pop-search > .recommand > .wrapper > .playView_btn > a > button {
display: none;
}
}
@media screen and (min-width: 0 \0) and (max-width: 599px) {
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin-top: 17px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 18px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 18px;
}
.self-player-zone > .overlay > .subtitle {
font-size: 18px;
}
.makerOther3 div.upSearch {
display: block;
}
.makerOther3 div.upSearch div.popSearch {
margin: 0 2px 10px 0;
}
.oldGroup ul {
display: block;
}
.oldGroup ul li {
width: auto;
padding: 0 0 10px 0;
box-sizing: unset;
}
.oldGroup ul li > div {
display: flex;
position: unset;
}
.oldGroup ul li > div > div:nth-child(1) {
overflow: unset;
max-width: unset;
margin: 0 10px 0 0;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 230px;
height: auto;
}
.oldGroup .openClose {
text-align: unset;
margin: -22px 0 0 95px;
}
.step3 {
display: flex;
flex-direction: column;
height: 140px;
align-items: center;
padding-top: 14px;
}
.step3 > div {
width: 292px !important;
height: 42px;
margin: 0 !important;
}
.step3 > div > ul li {
font-size: 24px !important;
}
.step3 > div > span {
width: 80px;
text-align: right;
margin: -8px 6px 0 0;
vertical-align: middle;
}
.step3 > div > span.star-msg {
display: none;
}
}
@media screen and (min-width: 0 \0) and (max-width: 500px) {
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin-top: 18px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 16px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 16px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 16px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 16px;
}
#stickymobile > ul > li > a {
font-size: 18px;
padding: 6px;
}
}
@media screen and (min-width: 0 \0) and (max-width: 430px) {
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left {
margin: 18px 0 0 15px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 14px;
}
body > .doc > .player-area > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 14px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(1) {
font-size: 14px;
}
body.wide > .doc > .player-area.wide > .wrap > .controlbox > .controlbarWrap > div.left > div.row1 > div:nth-child(2) {
font-size: 14px;
}
.oldGroup ul li > div > div:nth-child(1) a img {
width: 168px;
}
.oldGroup .openClose {
margin: -22px 0 0 62px;
}
}
/* edge hack */
.star-label {
margin-right: 1em;
}
.yt-player-zone {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vi-player-zone {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.print-player-zone {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sex1 {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 45px;
background-color: #109ba5;
color: #fff;
font-size: 16px;
font-style: italic;
letter-spacing: 0.5px;
text-indent: -2px;
}
.sex2 {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 45px;
background-color: #4fa510;
color: #fff;
font-size: 16px;
font-style: italic;
letter-spacing: 0.5px;
text-indent: -2px;
}
s {
color: gray;
}
.requireLogin {
opacity: 30%;
}
.btnLarge {
font-style: italic !important;
font-weight: 600 !important;
color: #109ba5 !important;
}
.tagFold {
height: 92px;
overflow-y: hidden;
}
[ng-cloak] {
display: none !important;
}
.copyFold {
max-height: 7em !important;
overflow: hidden;
}
.editing {
color: white !important;
background-color: #636e72 !important;
}
.lb-small {
color: black !important;
font-size: 12px !important;
}
.copyNotHuman {
color: #b1b1b1 !important;
font-style: italic !important;
}
.stage {
margin: 14px 0 0 14px ;
position: absolute;
transform: translate(-50%, -50%);
z-index: 99999999;
}
.heart {
width: 100px;
height: 100px;
cursor: pointer;
transition: background-position 1s steps(28);
transition-duration: 0s;
}
.heart.is-active {
background: url(img/heart.png) no-repeat;
background-position: 0 0;
transition-duration: 0.8s;
background-position: -2800px 0;
}
.heart.is-broken {
background: url(img/heart_broken.png) no-repeat;
background-position: 0 0;
transition-duration: 0.8s;
background-position: -2800px 0;
}
.version_reply a:hover {
text-decoration: none;
}
.opacity50 {
color: #bdaf85;
}
[contenteditable=true]:empty:before {
content: attr(placeholder);
}
.makr-info {
position: static;
background: #fff;
border-radius: 5px;
padding: 10px;
width: 360px;
top: -170px;
box-shadow: 5px 5px 5px #d8d8d8;
}
.makr-info-wrap {
padding: 1em;
}
.makr-info-wrap > .makr-info {
flex-direction: column;
display: flex;
}
.makr-info-wrap > .makr-info > .head {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
}
.makr-info-wrap > .makr-info > .head > .left > img {
width: 60px;
height: 60px;
border: 1px solid lightgray;
border-radius: 100px;
object-fit: cover;
cursor: pointer;
}
.makr-info-wrap > .makr-info > .head > .left > img:hover {
opacity: 0.5;
}
.makr-info-wrap > .makr-info > .head > .left > .team {
position: absolute;
top: 72px;
left: 40px;
color: #fff;
width: 27px;
height: 15px;
font-size: 10px;
font-weight: 600;
line-height: initial;
letter-spacing: 0;
border-radius: 3px;
text-align: center;
background-color: #E74C86;
}
.makr-info-wrap > .makr-info > .head > .left > .team:hover {
background-color: #E74C86;
}
.makr-info-wrap > .makr-info > .head > .center {
flex: 1;
margin-left: 10px;
font-size: 14px;
}
.makr-info-wrap > .makr-info > .head > .center > div.name > div.line1 {
font-weight: bold;
color: #000;
cursor: pointer;
}
.makr-info-wrap > .makr-info > .head > .center > div.name > div.line1:hover {
text-decoration: underline;
}
.makr-info-wrap > .makr-info > .head > .center > div.name > div.line2 {
font-size: 11px;
line-height: initial;
color: #848484;
}
.makr-info-wrap > .makr-info > .head > .center > div.name > div.link {
cursor: pointer;
}
.makr-info-wrap > .makr-info > .head > .center > div.name > div.link:hover {
text-decoration: underline;
}
.makr-info-wrap > .makr-info > .head > .center > div.location {
font-size: 11px;
line-height: initial;
color: #848484;
padding-top: 2px;
}
.makr-info-wrap > .makr-info > .head > .right > button {
width: 100px;
height: 36px;
color: #4B4956;
letter-spacing: 0;
border: 0;
border-radius: 5px;
outline: none;
background-color: #f3f3f3;
}
.makr-info-wrap > .makr-info > .head > .right > button:hover {
background-color: #e9e9e9;
}
.makr-info-wrap > .makr-info > .body {
display: flex;
font-size: 0;
min-height: 53px;
padding-top: 16px;
}
.makr-info-wrap > .makr-info > .body > a {
display: block;
overflow: hidden;
margin-right: 3px;
border-radius: 6px;
}
.makr-info-wrap > .makr-info > .body > a > img {
width: 111px;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1);
}
.makr-info-wrap > .makr-info > .body > a > img:hover {
transition: opacity 0.35s, transform 0.35s;
transform: scale(1.2);
}
.makr-info-wrap > .makr-info > .body > a:last-child {
margin-right: 0;
}
.animate-show-hide.ng-hide {
opacity: 0;
}
.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
animation: fadeout 1s;
}
@keyframes blink-effect {
50% {
opacity: 0;
}
}
.blink {
animation: blink-effect 1s step-end infinite;
/* animation-name: blink-effect; animation-duration: 1s; animation-iteration-count:infinite; animation-timing-function:step-end; */
}
.reply-header > .left {
display: flex;
flex-wrap: wrap;
border-bottom: none !important;
margin: 20px 0 17px 64px;
}
.reply-header > .left > div {
display: flex;
padding-top: 12px;
}
.reply-header > .left > div > div {
margin-right: 0;
}
.reply-header > .left > div > div.nav-item {
opacity: 1 !important;
}
.reply-header > .left > div > div.replyTargetBox > div > span {
opacity: 1 !important;
}
.reply-header > .left > div > div.replyTargetBox > div > div.popover {
opacity: 1 !important;
}
.reply-header > .left > div > div.replyTargetBox > div button {
opacity: 1 !important;
}
.reply-header > .left > div > div button {
padding: 0;
border: 0;
margin-right: 4px;
background: transparent;
}
.reply-header > .left > div > div > div {
padding: 1px 14px 0 8px;
cursor: pointer;
}
.reply-header > .left > div > div > div > span {
padding-right: 8px;
opacity: 0.1;
}
.reply-header > .left > div > div > div > span > span > i {
font-size: 20px;
font-weight: 100;
color: #b1b1b1;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span i.fa-lock-alt {
font-size: 18px;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span > span > i {
font-size: 20px;
font-weight: 100;
color: #b1b1b1;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span > span > span {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span > span > span.month_over {
display: inline-block;
vertical-align: text-top;
padding-bottom: 26px;
}
.reply-header > .left > div > div > div > span > span > span > span > span.num {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span.num {
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 15px;
color: #109ba5;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > span.avgImg {
display: inline-block;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #109ba5;
margin-top: 2px;
vertical-align: middle;
}
.reply-header > .left > div > div > div > span > img {
margin: 2px 8px 0 0px;
}
.reply-header > .left > div > div > div > div.popover {
opacity: 0.1;
}
.reply-header > .left > div > div > div button {
font-size: 12px;
font-weight: normal;
color: #9d9d9d;
border: 0;
padding: 0;
margin-left: 5px;
vertical-align: middle;
background: none;
opacity: 0.1;
}
.reply-header > .left > div > div > div button.plus {
opacity: 1;
}
.reply-header > .left > div > div > div button:hover {
text-decoration: none;
}
.reply-header > .left > div > div > div button i {
font-size: 18px;
color: #109ba5;
padding-right: 3px;
}
.reply-header > .versionView__ {
text-align: right;
margin-top: -26px;
}
.reply-header > .right {
color: #b1b1b1;
text-align: right;
padding: 4px;
flex: 1;
}
.youtube-reply {
min-height: 3em;
}
.youtube-reply > div.youtube-replyNo {
text-align: center;
padding: 20px 0 30px 0;
}
.youtube-reply > .list > li {
display: flex;
padding: 14px 14px 14px 21px;
}
.youtube-reply > .list > li:nth-child(odd) {
background: #f5f5f5;
}
.youtube-reply > .list > li > .left {
padding-right: 15px;
}
.youtube-reply > .list > li > .left > a > img {
border-radius: 50%;
width: 35px;
height: 35px;
object-fit: cover;
}
.youtube-reply > .list > li > .right {
margin-top: -4px;
}
.youtube-reply > .list > li > .right > .line1 a {
font-size: 13px;
color: #b1b1b1;
font-weight: 600;
font-style: italic;
margin-right: 10px;
}
.youtube-reply > .list > li > .right > .line1 span {
font-size: 11px;
line-height: inherit;
color: #b1b1b1;
margin-right: 12px;
}
.youtube-reply > .list > li > .right > .line2 {
font-size: 14px;
color: #4e4e4e;
line-height: 21px;
letter-spacing: -0.5px;
}
.youtube-reply > .list > li > .right > .line2 a {
color: #2569e3 !important;
}
.youtube-reply > .list > li > .right > .line3 > .header > button {
display: flex;
align-items: center;
font-size: 12px;
text-decoration: none !important;
color: #065FD4 !important;
padding: 0;
}
.youtube-reply > .list > li > .right > .line3 > .list > li {
padding-top: 10px !important;
display: flex;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .left {
padding-right: 15px;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .left > a > img {
border-radius: 50%;
width: 35px;
height: 35px;
object-fit: cover;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right {
margin-top: -4px;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line1 a {
font-size: 13px;
color: #b1b1b1;
font-weight: 600;
font-style: italic;
margin-right: 10px;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line1 span {
font-size: 11px;
line-height: inherit;
color: #b1b1b1;
margin-right: 12px;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line2 {
font-size: 14px;
color: #4e4e4e;
line-height: 21px;
letter-spacing: -0.5px;
}
.youtube-reply > .list > li > .right > .line3 > .list > li > .right > .line2 a {
color: #2569e3 !important;
}
.vjs-big-play-button {
display: none !important;
}