/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* ARTICLE 1 */
.article, .article-section, .article-headline {width:100%; float:left}
.article-headline {font-size:34px; line-height:42px; font-weight:normal; margin-bottom:10px}
.article-headline a:hover {text-decoration:underline}
.article-items {padding-bottom:15px; margin-bottom:15px; display:flex; justify-content:space-between; width:100%}
.article-items-one {display:flex; flex-wrap:wrap; flex:1 1 0; column-gap:30px; line-height:28px; font-size:16px; font-weight:300}
.article-items-one a:hover {text-decoration:underline}
.article-items-two {display:block; padding-left:20px; padding-top:4px}
.article-item-author a {text-decoration:underline}
.article-item-author strong {font-weight:600}
.article-item.updated, .article-item.posted {padding-left:25px; position:relative}
.article-item.updated:before, .article-item.posted:before {top:4px; left:0; font:20px/20px "WPLine"; width:20px; height:20px; position:absolute}
.article-item.updated:before {content:"6"}
.article-item.posted:before {content:"@"}
.article-lucky {width:768px; margin:0 auto; display:table; float:none}
.article-lucky.omega {width:768px}
.article-lucky.alpha, .article-lucky.bravo {width:100%; margin:0; display:block; float:left}
.article-lucky.space {margin-bottom:20px}

.article {color:#262626}
.article-headline a {color:#262626}
.article-headline a:hover {color:#f23d4e}
.article-items {border-bottom:1px solid #eee}
.article-items-one, .article-items-one a {color:#6e6e6e}
.article-items-one a:hover {color:#f23d4e}
.article-item.updated {color:#575656}
.article-item-author a {color:#7bb132}
.article-item-edit a {color:#f23d4e}
.article-item-edit a:hover {color:#646464}

/* ARTICLE 2 */
.article-cine, .article-password {width:100%; float:left}
.article-cine-core {margin:0 auto; display:table; width:900px}
.article-video, .article-novideo {width:100%; height:506px; margin:15px 0; float:left; position:relative}
.article-video iframe, article div.video object, article div.video embed {position:absolute; top:0; left:0; width:100%; height:100%}
.article-password {margin-bottom:20px}
.article-password {font-size:17px; line-height:25px}
.article-password p.alt {margin-top:10px; font-size:15px; line-height:23px}
.article-password input[type=password] {height:30px; width:400px; padding-left:5px; padding-right:5px}
.article-password input[type=submit] {height:34px; padding:0 40px; cursor:pointer}
.article-tags {float:left; margin-bottom:15px}
.article-tags a, .article-minitags a {padding:7px 10px; float:left; border-radius:3px; margin-right:5px; margin-bottom:5px}
.article-minis {margin-bottom:5px}
.article-minis, .article-minitags {width:100%; float:left}
.article-mini {padding:8px 12px; line-height:12px; font-size:12px; text-transform:uppercase; float:left; margin:0 5px 5px 0; border-radius:3px}
.article-minitags {margin-bottom:15px; font-size:12px; line-height:20px}
.article-minitags a {padding:4px 10px}

.article-cine {background:#000}
.article-novideo {background:#333}
.article-password {color:#444}
.article-password input[type=password] {border:1px solid #ddd}
.article-tags a {color:#666; background:#ebebeb}
.article-tags a:hover, .article-minitags a:hover {background:#f23d4e; color:#fff}
.article-minitags a {color:#777; background:#f0f0f0}
.article-mini {color:#666; background:#ebebeb}
.article-mini:hover {background:#f23d4e; color:#fff}

/* ARTICLE 3 */
article {width:100%; float:left; font-size:18px; line-height:28px}
article a {text-decoration:underline}
article p {margin-bottom:20px}
article p.center {text-align:center}
article h2 {font-size:24px; line-height:32px; font-weight:600; margin-bottom:10px}
article h3 {font-size:20px; line-height:28px; font-weight:600; margin-bottom:5px}
article h3 a, article h4 a {position:relative}
article h3 a:after, article h4 a:after {content:"8"; font:16px/16px "WP"; display:inline-block; margin-left:4px}
article h3.related {display:flex; align-items:center; justify-content:space-between; column-gap:10px; width:100%}
article h3.related a {padding:8px 14px; display:flex; column-gap:5px; align-items:center; border-radius:50px; text-decoration:none}
article h3.related a span {font-size:12px; line-height:12px; font-weight:normal; word-wrap:break-word}
article h3.related a i {font:10px/10px 'WP'; content:"6"}
article h3.related a::after {display:none}
article h4 {font-size:18px; line-height:26px; font-weight:600; margin-bottom:5px}
article h5 {font-size:17px; line-height:25px; font-weight:600; margin-bottom:5px}
article h6 {margin-bottom:20px; margin-top:5px; font-size:15px; line-height:23px; font-weight:normal}
article blockquote, article figure, article figure a, article ul, article ol {width:100%; float:left}
article blockquote {padding:0px 60px; position:relative; box-sizing:border-box; margin-bottom:20px}
article blockquote:before, article blockquote:after {position:absolute; font:40px/40px "WP"}
article blockquote:before {left:0; top:0; content:";"}
article blockquote:after {right:0; bottom:20px; content:"<"}
article blockquote p:last-child {margin-bottom:0}
article ul, article ol {word-wrap:break-word; margin-bottom:20px}
article ul li {list-style:none; margin-bottom:10px; position:relative; padding-left:15px}
article ul li a {word-break:break-all; word-wrap: break-word}
article ul li:last-child, article ol li:last-child {margin-bottom:0}
article ul li:before {content:""; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0}
article ul.related {font-size:17px; line-height:26px}
article ul.related li::before {top:11px}
article ul.related li a {display:inline-block; text-decoration:none}
article ul.related li a i {margin-left:7px; display:inline-block; height:16px; width:16px; font:16px/16px "WP"}
article ul.related li a span {text-decoration:underline}
article ol li {list-style:inside decimal; margin-bottom:10px}
article hr {margin-bottom:20px}
article img {width:100%; max-width:100%; height:auto; float:left; margin-bottom:20px}
article iframe {width:100%; height:100%; min-height:432px; float:left}
article address {margin:5px 0 20px 0; padding-left:10px; font-size:16px; line-height:24px; font-style:normal}
article address p {margin-bottom:0}
article figure {margin-bottom:20px; position:relative}
article figure img {margin-bottom:0}
article figure.wp-block-embed {margin-bottom:20px}
article figure.wp-block-embed figcaption {margin:0}
article figcaption {width:100%; padding:10px 10px 12px 10px; text-align:center; font-size:14px; line-height:22px; float:left; box-sizing:border-box}
article figcaption a {float:none}

article {color:#333}
article a {color:#f23d4e}
article a:hover, article h3 a:hover, article h4 a:hover {color:#646464}
article h2 {color:#333}
article h3, article h3 a {color:#f23d4e}
article h3 a:after, article h4 a:after {color:#8c919e}
article h3.related {color:#222}
article h3.related a {background:#fff; border:2px solid #ddd; color:#222}
article h3.related a:hover {border:2px solid #444; background:#444; color:#fff}
article h4, article h4 a {color:#08c}
article h6 {color:#5b7c98}
article blockquote {color:#1b1919}
article blockquote:before, article blockquote:after {color:#ddd}
article ul li:before {background:#333}
article ul.related li a i {color:#888}
article hr {border-top:2px dotted #ddd; color:transparent; background:none}
article figure {background:#f8f7f7}
article figcaption {color:#5b7c98}
article address {border-left:3px solid #ef5335}
article.dark {color:#d2d2d2}
article.dark a {color:#fbdf5f}
article.dark a:hover {color:#e4e6eb}

/* ARTICLE 4 */
article div.logo {width:110px !important; height:auto; border:0 !important; padding:0 !important; float:right}
article div.logo img {margin-bottom:0}
article div.info-table, article div.gmap, article div.source, article div.source-plus, article div.box {width:100%; float:left}
article div.info-table {margin-bottom:20px; box-sizing:border-box; position:relative}
article div.info-table table {border-spacing:0; border-collapse:collapse; box-sizing:border-box; width:100%; float:left; font-size:15px; line-height:23px}
article div.info-table th {padding:6px 12px 8px 12px; width:20%; vertical-align:top; font-weight:normal; text-align:left}
article div.info-table th.alt {width:30%}
article div.info-table td {padding:6px 12px 8px 12px; vertical-align:top}
article div.info-table th p:last-child, article div.info-table td p:last-child {margin-bottom:0}
article div.gmap {margin-bottom:20px}
article div.source {text-align:right; font-size:16px; line-height:24px; float:right; margin-bottom:10px; position:relative}
article div.source-plus div {padding:7px 20px 8px 20px; float:right; position:relative; font-size:16px; line-height:24px; border-radius:20px; display:block; margin-top:5px; box-sizing:border-box}
article div.box {padding:12px 15px 0 15px; margin-bottom:20px; box-sizing:border-box; font-size:17px; line-height:25px}
article div.box p {margin-bottom:15px}
article div.box.round {overflow:hidden; border-radius:6px}
article div.box.note a {text-decoration:underline}
article div.box.custom strong {font-weight:600}
article div.box.custom-sold strong {text-transform:uppercase}
article div.box.wiki, article div.box.site, article div.box.order {padding:12px 15px 12px 45px; border-radius:4px; position:relative;}
article div.box.wiki i, article div.box.site i, article div.box.order i {position:absolute; font:30px/30px "WP"; left:8px; top:9px; width:30px; height:30px; font-style:normal}
article div.box.wiki strong, article div.box.site strong, article div.box.order strong {font-weight:600}
article div.box.order {padding-left:34px}
article div.box.order i {top:16px; font:18px/18px "WP"; width:18px; height:18px}
article div.box.order a {position:relative; padding-right:20px}
article div.box.order a:after {font:17px/17px "WP"; content:"B"; margin-left:4px; display:inline-block}
article div.paginated {margin-bottom:20px}
article div.paginated a {font-size:14px; line-height:14px; font-weight:600; border-radius:25px; position:relative; padding:12px 40px 15px 40px; margin:0 auto; display:table; text-decoration:none}
article div.paginated a:hover {text-decoration:none}

article div.info-table th {border:solid 1px #ddd; background:#fafafa; color:#777}
article div.info-table td {border:solid 1px #ddd; color:#444}
article div.source {color:#777}
article div.source strong {color:#444}
article div.source-plus div {background:#f2f2f2; color:#333}
article div.box {background:#f8f8f8; border:1px solid #e3ebf3; color:#676767}
article div.box.note {background:#fef4d2; border:1px solid #fdeac2; color:#746e55}
article div.box.note a {color:#958309}
article div.box.note a:hover {color:#646464}
article div.box.alert {background:#fdeadb; border:1px solid #fbd9c6; color:#af6956}
article div.box.green {background:#d7f2a2; border:1px solid #cbea8f; color:#638847}
article div.box.blue {background:#d9edf7; border:1px solid #bce8f1; color:#5987ad}
article div.box.light {background:#fefefe; border:1px solid #f2f2f2; color:#777}
article div.box.custom span {color:#b67f20}
article div.box.custom-sold strong {color:red}
article div.box.wiki, article div.box.site {color:#444}
article div.box.wiki i, article div.box.site i {color:#555}
article div.box.order {background:#fff28a; border:1px solid #ffde98; color:#333}
article div.box.order i {color:#333}
article div.box.order a {color:#9d2c21}
article div.box.order a:after {color:#222}
article div.box.order a:hover {color:#f23d4e}
article div.paginated a {background:#ef5335; color:#fff; border:4px solid #eae1e1}
article div.paginated a:hover {background:#f8f7f7; color:#67747c; border:4px solid #d9dce1}
article.dark div.source-plus div {border:2px solid #2d2d2d; color:#ddd; background:#222}
article.dark div.source-plus div a {color:#FFD875}
article.dark div.source-plus div a:hover {color:#fff}

/* ARTICLE 5 */
article div.score {width:100%; float:left; margin-bottom:20px; position:relative; border-radius:8px; display:flex; overflow:hidden}
article div.score-review {flex:1 1 0; padding:20px 20px 0 20px; box-sizing:border-box; min-height:150px}
article div.score-review h4 {font-size:22px; line-height:28px; margin-bottom:8px}
article div.score-container {padding:20px; box-sizing:border-box; position:relative; flex-basis:190px}
article div.score-hexagon {width:150px; height:150px; box-sizing:border-box; padding-top:38px; text-align:center; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
article div.score-hexagon span {font-size:50px; line-height:50px; font-weight:600; display:block}	
article div.score-hexagon p {width:100%; float:left; font-size:13px; line-height:13px; padding-top:5px; text-transform:uppercase}
article div.hotline {width:100%; float:left; margin-bottom:20px; position:relative; border-radius:8px; display:flex; overflow:hidden; box-sizing:border-box; padding:5px}
article div.hotline-content {width:100%; float:left; padding:15px; box-sizing:border-box; font-size:15px; line-height:23px; font-weight:normal; display:flex}
article div.hotline-info {width:60%; padding-right:15px; box-sizing:border-box; display:flex; flex-direction:column}
article div.hotline-info p {margin-bottom:0}
article div.hotline-info div {font-size:18px; line-height:28px; font-weight:600}
article div.hotline-action {width:40%}
article div.hotline-action a {padding:25px; height:100%; position:relative; font-size:18px; line-height:18px; width:100%; float:left; box-sizing:border-box; border-radius:8px; text-decoration:none; display:flex; align-items:center}
article div.hotline-action a:after {width:30px; height:23px; padding-top:7px; position:absolute; right:25px; content:"P"; font:16px/16px "WP"; border-radius:50%; text-align:center}
article div.hotline-action a:hover {text-decoration:none}

article div.score {box-shadow:0 0 15px 0 rgb(0 0 0 / 30%)}
article div.score-review {background:#fff}
article div.score-container {background:#f04737}
article div.score-hexagon {background: url('../images/assets/hexagon.svg') no-repeat center center; background-size:100% auto}
article div.score-hexagon span {color:#444}
article div.score-hexagon p {color:#666}
article div.hotline {background: url('../images/assets/ad_pattern.png') left top repeat; border:1px solid #ccc}
article div.hotline-content {background-color:#fff}
article div.hotline-info div {color:red}
article div.hotline-action a {background:#f23d4e; color:#fff}
article div.hotline-action a:after {border:2px solid #fff; background:#fff; color:#f23d4e}
article div.hotline-action a:hover {background:#444; color:#fff}

/* ARTICLE 6 */
article div.aff, article div.compare {width:100%; float:left; border-radius:8px; margin-bottom:20px; box-sizing:border-box; position:relative}
article div.aff {padding:20px; font-size:16px; line-height:26px}
article div.aff h2 {font-size:18px; line-height:28px; font-weight:500; margin-bottom:15px}
article div.aff ul {box-sizing:border-box; padding:0 10px; margin-bottom:15px}
article div.aff li {padding-bottom:8px; padding-left:25px; margin-bottom:8px}
article div.aff li:before {width:18px; height:18px; font:18px/18px "WP"; content:"3"; border-radius:0; position:absolute; top:5px; background:none}
article div.aff li:last-child {margin-bottom:0}
article div.aff li a {position:relative; text-decoration:none}
article div.aff li a:after {font:17px/17px "WP"; content:"B"; margin-left:4px; display:inline-block}
article div.aff p {font-size:15px; line-height:25px}
article div.aff p:last-child, article div.aff p:only-child {margin-bottom:0}
article div.compare .wp-block-group__inner-container {display:flex}
article ul.good, article ul.bad {width:50%; padding:5px 0; margin:0; box-sizing:border-box}
article ul.good li, article ul.bad li {padding:5px 10px 5px 35px; margin-bottom:0; box-sizing:border-box}
article ul.good li:before, article ul.bad li:before {width:18px; height:18px; font:18px/18px "WP"; position:absolute; left:10px; top:10px; background:none}
article ul.good li:before {content:"C"}
article ul.bad li:before {content:"D"}
article ul.good li:last-child, article ul.bad li:last-child {border:0;}

article div.aff {background:#fff28a; border:1px solid #ffde98}
article div.aff li {border-bottom:1px dotted #a87e3d}
article div.aff li a {color:#9d2c21}
article div.aff li a:after {color:#222}
article div.aff li a:hover {color:#f23d4e}
article div.compare {border:2px solid #ddd}
article ul.good {border-right:2px solid #ddd}
article ul.good li:before {color:#6FC922}
article ul.good li, article ul.bad li {border-bottom:1px solid #eee}
article ul.bad li:before {color:#ef5335}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.article-headline {font-size:24px; line-height:32px; margin-bottom:5px}
.article-items {flex-direction:column; row-gap:15px}
.article-items-one {width:100%}
.article-items-two {padding-left:0; padding-top:0}
.article-item.updated span, .article-item.posted span {display:none}
.article-item.posted, .article-item-edit {display:none}
.article-item.posted.alt {display:block}
.article-lucky, .article-lucky.omega {width:100%}
.article-lucky.space {margin-bottom:15px}

.article-cine-core {width:320px}
.article-video, .article-novideo {height:180px; margin:0}
.article-password input[type=password] {width:auto}
.article-password input[type=submit] {padding:0 10px}
.article-tags {width:100%; margin-bottom:10px}
.article-minitags {margin-bottom:10px}

article {font-size:17px; line-height:25px}
article h2 {font-size:20px; line-height:28px}
article h3 {font-size:18px; line-height:26px}
article h3.related a i {display:none}
article h4 {font-size:17px; line-height:25px}
article h5 {font-size:16px; line-height:24px}
article blockquote {padding:0px 40px}
article blockquote:before, article blockquote:after {font-size:30px; line-height:30px}
article iframe {min-height:169px}
    
article div.info-table table {font-size:14px; line-height:22px}
article div.info-table th {width:30%}
article div.info-table th.alt {width:40%}
article div.box {font-size:16px; line-height:24px}
    
article div.score {flex-direction:column}
article div.score-review {padding:15px 15px 0 15px; flex:auto}
article div.score-review h4 {font-size:20px; margin-bottom:5px}
article div.score-container {padding:0; flex-basis:170px; border-top:60px solid #f8f8f8}
article div.score-hexagon {left:50%; top:-50px; transform:translateY(0); transform:translateX(-50%)}
article div.hotline-content {padding:10px; flex-direction:column}
article div.hotline-info, article div.hotline-action {width:100%}
article div.hotline-info {margin-bottom:10px; padding-right:0}
article div.hotline-info div {font-size:16px; line-height:24px}
article div.hotline-action a {padding:15px; font-size:14px; line-height:14px; justify-content:center;height:auto}
article div.hotline-action a:after {display:none}

article div.aff {padding:15px}
article div.aff ul {padding:0}
article div.compare .wp-block-group__inner-container {flex-direction:column}
article ul.good, article ul.bad {width:100%}
article ul.good {border-right:none; border-bottom:2px solid #ddd}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.article-cine-core {width:360px}
.article-video, .article-novideo {height:203px}
article iframe {min-height:191px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
article h3.related a i {display:block}
.article-password input[type=password] {width:180px}
.article-password input[type=submit] {padding:0 20px}
.article-cine-core {width:375px}
.article-video, .article-novideo {height:211px}
article blockquote {padding:0px 45px}
article blockquote:before, article blockquote:after {font-size:35px; line-height:35px}
article iframe {min-height:200px}
article div.score-review {padding:20px 20px 0 20px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.article-cine-core {width:414px}
.article-video, .article-novideo {height:233px}
article iframe {min-height:214px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.article-headline {margin-bottom:10px; font-size:28px; line-height:36px}
.article-password input[type=password] {width:200px}
.article-password input[type=submit] {padding:0 30px}
.article-tags {width:auto}
.article-cine-core {width:480px}
.article-video, .article-novideo {height:270px}
article blockquote {padding:0px 50px}
article blockquote:before, article blockquote:after {font-size:40px; line-height:40px}
article iframe {min-height:259px}
article div.info-table table {font-size:15px; line-height:23px}
article div.score-review h4 {font-size:22px; margin-bottom:8px}
article div.hotline-content {padding:15px}
article div.hotline-info {margin-bottom:15px}
article div.hotline-action a {font-size:16px; line-height:16px}

article div.aff {padding:20px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.article-password input[type=password] {width:300px}
.article-cine-core {width:600px}
.article-video, .article-novideo {height:338px}	
article blockquote {padding:0px 60px}
article iframe {min-height:326px}
article div.info-table th {width:25%}
article div.info-table th.alt {width:35%}
article div.hotline-content {flex-direction:row}
article div.hotline-info {width:75%; margin-bottom:0; padding-right:15px}
article div.hotline-action {width:25%}
article div.hotline-action a {padding:20px}

article div.aff ul {padding:0 10px}
article div.compare .wp-block-group__inner-container {flex-direction:row}
article ul.good, article ul.bad {width:50%}
article ul.good {border-bottom:none; border-right:2px solid #ddd}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.article-cine-core {width:640px}
.article-video, .article-novideo {height:360px}
article iframe {min-height:349px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.article-headline {font-size:32px; line-height:40px}
.article-items {flex-direction:row; row-gap:0}
.article-items-two {padding-left:15px; padding-top:4px}
.article-item.posted {display:block}
.article-item.posted span {display:none}
.article-password input[type=password] {width:400px}
.article-password input[type=submit] {padding:0 40px}
.article-cine-core {width:768px}
.article-video, .article-novideo {height:432px}
    
article {font-size:18px; line-height:26px}
article h2 {font-size:22px; line-height:30px}
article h3 {font-size:20px; line-height:28px}
article h4 {font-size:18px; line-height:26px}
article h5 {font-size:17px; line-height:25px}
article iframe {min-height:416px}
    
article div.info-table th {width:20%}
article div.info-table th.alt {width:30%}
article div.box {font-size:17px; line-height:25px}
    
article div.score {flex-direction:row}
article div.score-review {flex:1 1 0}
article div.score-container {padding:15px; flex-basis:180px; border-top:0}
article div.score-hexagon {left:15px; top:50%; transform:translateX(0); transform:translateY(-50%)}
article div.hotline-info {width:65%}
article div.hotline-info div {font-size:18px; line-height:28px}
article div.hotline-action {width:35%}
article div.hotline-action a {font-size:17px; line-height:17px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.article-headline {font-size:34px; line-height:42px}
.article-items-two {padding-left:20px}
.article-lucky, .article-lucky.omega {width:768px}
.article-lucky.space {margin-bottom:20px}
.article-tags, .article-minitags {margin-bottom:15px}
.article-cine-core {width:900px}
.article-video, .article-novideo {height:506px}

article iframe {min-height:432px}
    
article div.hotline-action a {padding:25px; height:100%; font-size:18px; line-height:18px; justify-content:flex-start }
article div.hotline-action a:after {display:block}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.article-headline {font-size:28px; line-height:32px}
.article-items-two {padding-left:15px}
.article-item.updated span, .article-item.posted span {display:none}
.article-item-edit {display:none}
.article-lucky {width:100%}
.article-lucky.space {margin-bottom:15px}
.article-lucky.omega {width:768px}
    
.article-lucky article iframe {min-height:371px}
.article-lucky.omega article iframe {min-height:432px}
    
article div.score-container {padding:15px; flex-basis:180px}
article div.score-hexagon {left:15px}
article div.hotline-info {width:65%}
article div.hotline-info div {font-size:18px; line-height:28px}
article div.hotline-action {width:35%}
article div.hotline-action a {font-size:17px; line-height:17px; height:auto; justify-content:center; padding:20px}
article div.hotline-action a:after {display:none}
}