.recommended-modal {
   background-color: transparent;
   background-size: 121px 23px;
   border: none;
   clear: both;
   cursor: pointer;
   display: block;
   width: 121px;
   height: 23px;
}

/* Popup Card */

.yq-rec-box {
   bottom: -12em;
   right: 0;
   font-size: 0.9em;
   position: fixed;
   background-color: white;
   border: 2px solid gray;
   width: 34em;
   height: 11em;
   z-index: 2;
}
.yq-rec-box .yq-pop-img-link {
   display: block;
   overflow: hidden;
   float: left;
   width: 11em;
   height: 11em;
}
.yq-rec-box .yq-pop-text-box {
   height: 90%;
   float: left;
   margin-top: 0.5em;
   margin-left: 2em;
   position: relative;
   width: 32em;
}
.yq-rec-box .yq-pop-img-link + .yq-pop-text-box {
   width: 21em;
}
.yq-rec-box h4 {
   font-size: 1.2em;
   line-height: 1.4;
   margin-right: 2em;
}
.yq-rec-box .yq-domain {
   position: absolute;
   bottom: 0;
}
.yq-rec-box .yq-delete-pop-x {
   color: red;
   cursor: pointer;
   font-size: 1.5em;
   text-align: center;
   margin-right: 0.5em;
   position: absolute;
   right: 0;
   top: 0;
}

/* Recommendation Panel */

.yq-wrapper {
   position: relative;
}

.yq-post {
   list-style-type: none;
}

.yq-article {
   position: relative;
}

.yq-article > * {
   display: block;
}

.yq-toggle-box {
   display: none !important;
}
.yq-toggle-box:not(:checked) + article .yq-toggle-item {
   display: none !important;
}

.yq-toggle-label, .yq-toggle-label-box {
   margin: 0;
   font-size: 1em;
   font-weight: inherit;
   line-height: inherit;
}
.yq-toggle-label {
   display: inline;
}
.yq-article > .yq-toggle-label {
   display: block;
}

.yq-delete-x {
   background-color: #333;
   border: 2px solid #555;
   border-radius: 0 0 0 1em;
   color: red;
   display: none;
   font-size: 1.5em;
   cursor: pointer;
   line-height: 1.25;
   text-align: center;
   position: absolute;
   right: 1px;
   top: 0;
   width: 2.5em;
}
.yq-article:hover .yq-delete-x, .yq-delete-x:hover {
   display: block;
}

.yq-img-box {
   overflow: hidden;
}

.yq-title {
   font-size: 1.0625em;
}

.yq-desc {
   font-size: 0.9375em;
   line-height: 1.5;
}
