@charset "UTF-8";
/* CSS Document */

html, body, div, span,applet, object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0pt;padding: 0pt;border: 0pt none;outline: 0pt none;font-size: 100%;vertical-align: baseline;background: none repeat scroll 0% 0% transparent;-webkit-font-smoothing: antialiased;font-family: Arial, sans-serif;}ol,ul {list-style: none outside none;}:focus {outline: 0pt none;}.clear { clear: both; }
body{background: #efefef;width: 100%;overflow-x: hidden;text-autospace: normal;}
a{color: #000000;text-decoration: none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
a:hover{text-decoration: none;color: #db232d;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}

img {border:none;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}

ul,li{float: left;}

::selection {background: #c6212a;color: #ffffff;}
::-moz-selection {background: #db232d;color: #ffffff;}


.left,.card{float: left;}
.right{float: right;}

.w100p{width: 100%;}


.headerTop{background: #fff;float: left;width:100%;height: 60px;position: relative;z-index: 9;}
.bodyWidth{width: 1200px;margin: auto;}

header.on{z-index: 9;}

.login a {float: left;width: 75px;height: 30px;background: #db232d;color: #fff;border-radius: 3px;font-size: 13px;font-weight: bold;text-indent: 7px;line-height: 30px;margin-top: 13px;}
.login a i {
    font-size: 20.5px;
    position: relative;
    top: 3px;
    padding-right: 7px;
    margin-left: -7px;}
.login a:hover{background: red;}
.searchBox {padding: 13px 10px 0 0;position: relative;}
.searchBox span {float: left;position: absolute;width: 37px;height: 30px;background: #fff;z-index: 1;right: 10px;opacity: 0;}
.searchBox span:hover{opacity: 0.4} 
.searchBox input {
    background: #efefef;
    border: 0px;
    width: 124px;
    height: 30px;
    position: relative;
    top: -1px;
    right: 0px;
    font-size: 15px;
    text-indent: 6px;
    opacity: 0;
}
.searchBox button {
    border: 0px;
    background: #efefef;
    color: #db232d;
    font-size: 22px;
    width: 34px;
    height: 32px;
    text-align: center;
    text-indent: 0px;
    position: relative;
    top: 1px;
    margin: 0 0 0 -5px;
}
.searchBox.open span {position: absolute;top:-1000px;}
.searchBox.open input {opacity: 1;}
.searchBox button:hover{color: #fff !important;background: #db232d;cursor:pointer;}

.headerTop .Nav a{float: left;font-size: 17px;font-weight: bold;;height: 60px;padding: 0 17px;line-height: 59px;border-right: 1px solid #efefef;}
.headerTop .Nav a:hover,.headerTop .Nav .on a:hover{background:#db232d;color: #fff;}
.headerTop .Nav .on a{background:#efefef;}


.cat-menu {float: left;height: 40px;line-height: 40px;margin: 0;font-size: 13px;position: relative;}
.cat-menu li {width: auto;float: left;color: #fff;position: relative;overflow: hidden;}

.cat-menu a {
    width: auto;
    float: left;
    color: #000000;
    padding: 0 10px;
    margin: 6px 0;
    line-height: 28px;
    border-radius: 12px;
    font-size: 12px;
}
.cat-menu a:hover {width: auto;float: left;color: #fff;background: #db232d;}


.cat-menu li:hover {overflow:inherit;}

.cat-menu li.nav:after {border: 4px solid;border-color: transparent transparent transparent #db232d;height: 0;width: 0;position: absolute;right:4px;top: 18px;content: "";display: inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.cat-menu li.nav:after {
    border:none;
    border-color: transparent transparent transparent #db232d; 
    content: "\f054";
    height: 0;
    width: 0;
    position: absolute;
    right: 2px;
    top: 19px;
    content: "";
    content: "\f054";
    content: "\f105";
    color: #000;
    font: normal normal normal 14px/1 FontAwesome;
     display: inline-block; 
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.cat-menu li.nav li a:hover,
.cat-menu li.nav2 li a:hover{color: #fff;background: #db232d;}

.cat-menu li:hover.nav:after,
.cat-menu li:hover.nav2:after{border-color: transparent transparent transparent #fff;}

.cat-menu li.nav ul,
.cat-menu li.nav2 ul{opacity: 0;}


.cat-menu li.nav:hover ul{opacity: 1;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.cat-menu li.nav2:hover ul{opacity: 1;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}

.cat-menu li.nav ul{  float: left;position: absolute;width: 175px;background: #ccc;height: inherit; margin: 40px 0 0 0;z-index: 999;}

.cat-menu li.nav li{float: left;width: 100%;}
.cat-menu li.nav2 li{width: 14%;}
.cat-menu li.nav2 .w_list5 li{width: 19.7%;}


.cat-menu li.nav li a {
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
    text-indent: 16px;
    background: #222;
    color: #fff;
    line-height: 36px;
    border-top: 1px #585858 solid;
    font-size: 14px;
}
.cat-menu li.nav2 li a {
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
    text-indent: 10px;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    border-radius: 12px;
}
.cat-menu .nav:hover,
.cat-menu .nav2:hover {background: #222222;color: #fff;}

.cat-menu .nav2:hover>a,
.cat-menu .nav:hover>a {background: #222222;color: #fff;}




.cat-menu li.sp {margin: 0 0 0 5px;padding: 0 0 0 7px;}
.cat-menu li.sp:before {content: "";width: 3px;height: 24px;background: #fff;position: absolute;margin: 8px 0 0 0;left: 0;}


.cat-menu li.nav2 li a.hot:after,
.cat-menu li.nav li a.hot:after{
    content: "HOT";
    color: #f6e10b;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 0 5px;
    position: relative;
    top: 1px;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}
.cat-menu li.nav2 li a.hot:after{margin: 0 0 0 10px;top: 0px;}

.cat-menu .nav2:hover .b_cat{
    display: block;opacity: 1;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.cat-menu li.nav2:hover ul {
    width: 100%;
    position: relative;
}

.cat-menu .nav2 i{
    margin: 0 1px 0 2px;
    top: -2px;
    position: relative;}
    

.cat-menu li.nav div,
.cat-menu li.nav ul {
    opacity: 0;
}
.cat-menu li.nav:hover div.bcat,
.cat-menu li.nav:hover ul {
    opacity: 1;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.cat-menu li.nav2:after {
    border: 5px solid;
    border-color: transparent transparent transparent #222;
    height: 0;
    width: 0;
    position: absolute;
    right: 8px;
    top: 18px;
    content: "";
    display: inline-block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cat-menu li.nav2{padding-right: 15px;}

.cat-menu li.nav a {padding: 0 17px 0 10px;}

.cat-menu li.sp {margin: 0 0 0 5px;padding: 0 0 0 7px;}
.cat-menu li.sp:before {content: "";width: 3px;height: 24px;background: #fff;position: absolute;margin: 8px 0 0 0;left: 0;}

.cat-menu li.nav:after{color: #0000;}
.cat-menu li.nav a {padding: 0 8px;}




.footer_nav .NavFooterMenuLink ul li a.hot:after {
    content: "HOT";
    color: #f6e10b;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 0 5px;
    position: relative;
    top: 1px;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}


.b_cat {
    width: 1100px;
    position: fixed;
    background: #222222;
    float: left;
    left: 50%;
    margin: 40px 0 0 -560px;
    padding: 0px 0px 30px 20px;
    box-shadow: 0px 1px #efefefa8;
    display: none;
    opacity: 0;
    -webkit-animation: b_cat_in .3s forwards;
    -moz-animation: b_cat_in .3s forwards;
    -o-animation: b_cat_in .3s forwards;
    -ms-animation: b_cat_in .3s forwards;
    animation: b_cat_in .3s forwards;
}
@-webkit-keyframes b_cat_in {
    0% {opacity: 0; }
    1% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes b_cat_in {
    0% {opacity: 0; }
    1% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes b_cat_in {
    0% {opacity: 0; }
    1% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes b_cat_in {
    0% {opacity: 0; }
    1% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes b_cat_in {
    0% {opacity: 0; }
    1% { opacity: 0; }
    100% { opacity: 1; }
}



.b_cat h3 {
    text-indent: 30px;
    font-size: 17px;
    color: #ee1b25;
    line-height: 20px;
    padding: 25px 0px 10px 0;
    border-bottom: 1px #474747 solid;
    width: 1120px;
    margin: 0 0 15px -20px;
}

.b_cat h3 a {
    color: #ee1b25;
    padding: 0;
    float: none;
}
.b_cat h3 a:hover {
    color: #00c9ff; 
    background: #0000 !important;
    padding: 0;
    float: none;
}


.w50p{width: 50% !important;}
.w50p li{width: 50% !important;}


.page-menu{position: relative;z-index: 2;}
.page-menu a {float: left;color: #000;padding: 0 10px;line-height: 40px;font-size: 13px;}
.page-menu a i{font-size: 14px;position: relative;top: 1px;padding-right: 1px;color: #db232d;}
.page-menu a:hover {width: auto;float: left;color: #fff;background: #db232d;}
.page-menu a:hover i{color: #fff;}

.page-menu a .fa-table{top: 0px;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.page-menu .more-open {float: left;}
.page-menu .more-open span i {font-size: 15px;position: relative;top: 1px;color: #db232d;}
.page-menu .more-open:hover span {color:  #fff;background: #db232d;}
.page-menu .more-open:hover span>i{color:  #fff;background: #db232d;}
.more-open span{cursor:pointer;display: none;}
#content{width: 1200px;margin: auto;overflow: hidden}
#left-content {width: 870px;}


.category-new{width: 100%;}
.category-new .card {
    float: left;
    width: 49%;
    height: 190px;
    position: relative;
    background-position: center 35%;
    background-size: 100%;transition: all 0.6s;
}

.category-new .card a{float: left;background: rgba(17,17,17,0.6);height: 100%;width: 100%;


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.13+0,0.2+57,0.62+88,0.82+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.13) 0%, rgba(0,0,0,0.2) 57%, rgba(0,0,0,0.62) 88%, rgba(0,0,0,0.82) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.13) 0%,rgba(0,0,0,0.2) 57%,rgba(0,0,0,0.62) 88%,rgba(0,0,0,0.82) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.13) 0%,rgba(0,0,0,0.2) 57%,rgba(0,0,0,0.62) 88%,rgba(0,0,0,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21000000', endColorstr='#d1000000',GradientType=0 ); /* IE6-9 */

}
.category-new .card .category-name {
    position: absolute;
    margin:0;
    padding: 0 9px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    font-size: 12px;
    color: #fff;
    background: #db222e;
	line-height: 26px;
}
.category-new .card a p {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 35px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.category-new .card:hover{transition: all 0.2s;
    background-position: center 40%;
    background-size: 110%;}

.category-new .cat1 {margin: 0 2% 16px 0;}
.category-new .cat2{margin:0 0 16px 0;}
.category-new .cat3{margin:0 2% 20px 0;}
.category-new .cat4{margin:0 0 20px 0;}


.card.feature_banner {margin: 10px 0 0px 0;}
.bannerB {
    margin: 20px 0 10px 0;
}


h3.headline_title {font-size: 20px;color: #db232d;line-height: 40px;padding-top: 10px;float: left;width: 100%;}
.h3_headline_title {
    font-size: 20px;
    color: #db232d;
    line-height: 40px;
    padding-top: 10px;
    float: left;
    width: 100%;
    font-weight: bold;
}


div.headline_title {
    font-size: 33px;
    color: #fff;
    line-height: 68px;
    float: left;
    width: 100%;
    background: #db232d;
    margin-bottom: 20px;
    text-indent: 25px;
    position: relative;
    border-radius: 18px;
}
.headline_title_cat {
    float: none;
    margin: auto;
    display: table;
    margin-bottom: 19px;
    margin-top: -30px;
    border-radius: 12px;
    overflow: hidden;
}

.headline_title_cat li {
    text-indent: 0;
    /* float: none; */
}
.headline_title_cat li a {
    text-align: center;
    float: left;
    line-height: 38px;
    font-size: 16px;
    padding: 0 20px;
    font-weight: bold;
    background: #fff;
}

.headline_title_cat li a:hover,.headline_title_channel:hover,.headline_title_channel ul li:hover{background: #3384e1;color: #fff;}
.headline_title_cat .on a{background: #000;color: #fff;}

.headline_title_channel {
    background: #000;
    font-size: 15px;
    border-radius: 12px;
    float: left;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 14px 0 20px;
    height: 36px;
    cursor: pointer;
    color: #EFEFEF;
    text-indent: 0;
    text-align: left;
    line-height: 36px;
    font-weight: bold;
    border: 0px #fff solid;overflow: hidden;
}
.headline_title_channel ul {
    position: absolute;
    z-index: 3;
    width: 100%;
    right: 0;
    opacity: 0;
}

.headline_title_channel:hover ul {display: block;opacity: 1;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headline_title_channel:hover {-webkit-border-radius: 4px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 4px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;overflow:inherit;}


.headline_title_channel ul li{text-align: center;width: 100%;background: #000;border-top: 1px #3C3C3C solid;}

    
.headline_title_channel ul li a{color: #fff;}

.headline_title_channel ul li:nth-child(3){-webkit-border-radius: 0px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius: 0px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-radius: 0px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;}


.news_list .card {float: left;width: 100%;background: #fff;position: relative;margin-bottom: 20px;}
.news_list .card .image>a{float: left;min-width: 100%;min-height: 100%;position: absolute;background-position: center 20%;background-size: cover;}
.author_rank_list .news_list .card .image>a>img {
    width: 100%;
}


.news_list .card .image .tags {float: left;position: absolute;    z-index: 1;display: none;}
.news_list .card .image .tags a{float: left;background: #db232d;color: #fff;padding: 7px 11px;font-size: 13px;font-weight: bold;}
.news_list .card .image .tags a:hover{background:red;}    

.news_list .card .image .number{position: absolute;z-index: 1;float: left;background: #db232d;color: #fff;padding: 10px 15px;font-size: 25px;font-weight: bold;border-bottom-right-radius: 12px;}

.news_list .card .text .info{line-height: 30px;font-size: 13px;}
.news_list .card .text .info span{ padding: 0 10px 0 0 ;}
.news_list .card .text .info i {position: relative;font-size: 15px;top: 1px;padding-right: 2px;}
.news_list .card .text p {font-size: 13px;color: #777;line-height: 20px;padding-right: 20px;height: 60px;float: left;overflow: hidden;position: relative;}
.news_list .card .text .tagline{float: left;width: 100%;margin-top: 14px;height: inherit;}
.news_list .card .text .tag{float: left;width: 55%;overflow: hidden;height: 40px;padding-left: 0px;position: relative;}
.news_list .card .text .tag i {position: absolute;float: left;color: #ccc;font-size: 22px;left: 0;top:2px;}
.news_list .card .text .tag a{float: left;padding:4px 8px;background: #ccc;color: #fff;font-size: 13px;margin-right: 5px;border-radius: 3px;margin-bottom: 20px;line-height: 16px;}
.news_list .card .text .tag a:hover{background:red;}

.news_list .card .text .author {float: right;max-width: 33%;overflow: hidden;height: 40px;font-size: 13px;font-weight: bold;line-height: 23px;padding: 2px 0px 0 0;}
.news_list .card .text .author a{color: #666666;}
.news_list .card .text .author a:hover{color: red;}
.news_list .card .text .author img {float: left;width: 30px;height: 30px;border-radius: 50px;position: absolute;margin: -5px 0 0 -37px;border: 1px #EFEFEF solid;}

.list_author #left-content .card .text{width: initial;padding: 40px 30px 35px 250px;}
.list_author #left-content .card .image{min-width: 220px;}
.list_author .news_list .card .text .author {
    float: left;
    width: 88px;
    text-align: center;
    max-width: initial;
    overflow: inherit;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding: 97px 0px 0 0;
    position: absolute;
    left:-108px;
    top: 0px;
}
.list_author .news_list .card .text .author img {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    margin: 0;
    border: 4px #DB232D solid;
    top: 0;
    left: 0;
}
.list_author .news_list .card {
    float: left;
    left: 14%;
    width: 86%;
    min-height: 250px;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
}

.list_author .news_list .card .text .author a {
    color: #DB232D;
}
.gray,.gray a{color:#ccc;}

#sidebar{width: 300px;}
.is_stuck {left: 50%;margin-left: 260px;}
.video-single .is_stuck {left: 50%;}
.rank_page .is_stuck {left: 50%;margin-left: 260px;}
.author_rank_list .is_stuck {left: 50%;margin-left: 240px;}

.co_branded_video_single .ShareVideo {
    margin: 0 0 0 -650px !important;
}


.single_page #sidebar{width: 300px;left: 50%;margin-left: 256px;position: absolute;padding: 2px;min-height: 600px;}


.author_rank_list .news_list .card {width: 100%;min-height: 150px;border-radius: 4px;overflow: hidden;margin-bottom: 10px;}
.author_rank_list .news_list .card .image {min-width: 150px;min-height: 150px;}
.author_rank_list .news_list .card .text {padding: 20px 50px 20px 183px;}
.author_rank_list .news_list .card .text .info {font-size: 15px;color: #A2A2A2;font-weight: bold;}
.author_rank_list .news_list .card .text h2 a {
    font-size: 16px;
    line-height: 35px;
    color: #3384e1;
    padding: 0 0 0 10px;
    border-radius: 4px;
    width: 246px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-left: -10px;
}
.author_rank_list .news_list .card .text h2 a:hover {color: #fff;background:#3384e1;}
.author_rank_list #left-content {width: 760px;}
.author_rank_list div#content {width: 1080px;}


.author_rank_list .news_list .card .more:before{content: "\f0f6  投稿文章";margin: 0 0 10px 0;font-size: 12px;color: #A2A2A2;font-weight: bold;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.author_rank_list .news_list .card .more {position: absolute;font-size: 13px;float: left;right: 25px;width: 37%;line-height: 30px;top: 26px;}
.author_rank_list .news_list .card .more li {width: 100%;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}
.author_rank_list .news_list .card .more li:before {content: "\f0da";margin: 0 6px 0 3px;font-size: 12px;color: #DB232D;font-weight: bold;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.author_rank_list .headerBottom,.member-post .headerBottom{display: none;}
.author_rank_list .headerTop,.member-post .headerBottom {margin-bottom: 30px;}
.headerTop .bodyWidth {
    padding: 0;
    width: 99%;
}

.twitter_plugin .twitter-widget {
    float: left;
    width: 93%;
    position: absolute;
    margin: 4px 0 0 4px;
    background: #DDECF7;
    padding: 6px 2%;
    border-radius: 3px;
}
.twitter_plugin {
    height: 368px;
    overflow: hidden;
    border-radius: 2px;
}
.twitter_plugin span {position: relative;overflow: hidden;float: left;width: 100%;z-index: 3;}
.twitter_plugin span .twitter-follow-button {margin: 2px 0;}
.twitter_plugin h3 {line-height: 30px;text-indent: 5px;text-align: left;float: left;width: 100%;height: 30px;border-radius: 3px;}
.twitter_plugin h3:before {content: "";position: relative;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center center;background-size: 20px;width: 18px;height: 18px;float: left;border-radius: 3px;margin: 6px 2px 0 7px;display: none;}
.single_page .twitter_plugin span{border: 1px #EFEFEF solid;} 
.single_page .twitter_plugin{border-bottom: 1px #EFEFEF solid;}

.ToystoreRecommend{float: left;margin: 0 0 0px 0;text-align: left;}
.ToystoreRecommend .mailUS {
    float: left;
    font-size: 12px;
    padding: 5px 0;
    color: #ccc;
    background: #fff;
    width: 100%;
}
.ToystoreRecommend .kanban{width: 100%;float: left;}
.ToystoreRecommend .kanban img {
    width: 100%;
    float: left;
    height: 90px;
}.ToystoreRecommend .mailUS:before{content: " ☎ ";padding-left: 10px;}
.ToystoreRecommend .mailUS:after{content: " Advertise Contact";}
.ToystoreRecommend h3:after {
    content: " BEST ToyStore!";
    padding: 2px 7px 2px 1px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    color: #FFF;
    background: #000;
    font-style: italic;
    margin: 0 0 0 6px;
    position: relative;
    top: -3px;
}
.ToystoreRecommend .chicaca {
    margin: 5px 0;
    float: left;
}

.single_page .ToystoreRecommend .mailUS{    background: #E4E4E4;color: #db232d;}


.bannerA h3:after {
    content: " Special Article!";
    padding: 2px 7px 2px 1px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    color: #FFF;
    background: #000;
    font-style: italic;
    margin: 0 0 0 6px;
    position: relative;
    top: -3px;
}
.bannerA2 {
    margin: 10px 0 0 0;
}


.rank_list li{margin-bottom: 1px;background: #fff;position: relative;}
.new_posts li:hover,
.rank_list li:hover{background: #F9F9F9;}
.rank_list .image{float: left;width: 100px;height: 100px;overflow: hidden;}
.rank_list .image img{width: 100px;}
.rank_list .text{float: left;width: 165px;height: 100px;padding-right: 35px;}
.rank_list .text a{float: left;width: 138px;height: 68px;padding: 11px 50px 10px 12px;font-size: 13px;line-height: 19px;overflow: hidden;}
.rank_list li{margin-bottom: 1px;background: #fff;}
.rank_list li:before {content: "";position: absolute;width: 35px;height: 100%;right: 0;top: 0;}
.rank_list li:after {position: absolute;width: 35px;text-align: center;line-height: 100px;color: #fff;right: 0;top: 0;font-size: 20px;font-weight: bold;}
.rank_video .image img {opacity: 0.85;width: 100%;}
.rank_video .image a {background: #222;float: left;width: 100px;height: 100px;overflow: hidden;position: relative;}
.rank_video .image a:hover{background: #db232d;}
.rank_video .image a:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: #da232dc7;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -17px;
    z-index: 2;
    border-radius: 0;
}
.rank_video .image a:after {content: "";position: absolute;border: 8px solid;border-color: transparent transparent transparent #fff;height: 0;width: 0;left: 50%;top: 50%;margin: -9px 0 0 -4px;z-index: 2;}

.rank_list li:nth-child(1):after {content: "1";}
.rank_list li:nth-child(2):after {content: "2";}
.rank_list li:nth-child(3):after {content: "3";}
.rank_list li:nth-child(4):after {content: "4";}
.rank_list li:nth-child(5):after {content: "5";}

.rank_list li:nth-child(1):before {background: #db232d;}
.rank_list li:nth-child(2):before {background: #df575f;}
.rank_list li:nth-child(3):before {background: #e88389;}
.rank_list li:nth-child(4):before {background: #f3acb0;}
.rank_list li:nth-child(5):before {background: #f4c6c9;}

.more_link a{float: left;width: 100%;line-height: 40px;background: #db232d;font-size: 13px;font-weight: bold;text-align: center;color: #fff;}
.more_link a:hover{background: red ;color:#fff;}

.facebook_box_iframe {height: 214px;float: left;}

.toy_peoples .image{width: 65px;height: 65px;}
.toy_peoples .image img {width: 36px;height: 36px;border: 3px #DB232D solid;border-radius: 100%;margin: 12px 0 0 11px;}
.toy_peoples  .text a {padding: 14px 50px 7px 0px;height: 44px;width: 185px;}
.toy_peoples .text {float: left;width: 200px;height: 65px;padding-right: 35px;}
.toy_peoples li:after {line-height: 68px;}
.toy_peoples li a{color: #666;}
.toy_peoples li b{color: #db232d;}


.hot-keyword {position: relative;margin-bottom: 20px;}
.hot-keyword ul{float: left;position: relative;height: 181px;overflow: hidden;width: 300px;margin-top: -10px;}

.hot-keyword .show-button:hover{float:right;background: #db232d;color: #fff;cursor:pointer}
.hot-keyword .show-button {
    background: #fff;
    width: 36px;
    bottom: 0;
    right: 0;
    height: 36px;
    position: absolute;
    box-shadow: 0 0 0 9px #efefef;
    border-radius: 12px;
}

.co_branded_single .hot-keyword .show-button {
    border-left: 12px #fff solid;
}


.hot-keyword .show-button:before {content: "\f078";position: absolute;width: 15px;top: 0;left: 10px;font: normal normal normal 14px/36px FontAwesome;}
.hot-keyword.show .show-button:before {content: "\f077";}

.hot-keyword.show ul{height:inherit !important;}
.hot-keyword.show .show-button:after {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

.hot-keyword a {float: left;padding: 0px 10px;line-height: 35px;background: #fff;color: #676767;font-size: 13px;margin-right: 10px;font-weight: bold;margin-top: 10px;position: relative;
    border-radius: 12px;}
.hot-keyword a:hover{background: red;color: #fff;}

.hot-keyword a.hot {
    color: #db232d;
    background: #ffff00;
}
.hot-keyword a.hot:hover {
    color: #ffff00;
    background: red;
}

.hot-keyword a.hot:before {
    content: "Hot";
    position: absolute;
    float: left;
    background: #db232d;
    padding: 3px 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 26px;
    font-weight: bold;
    line-height: 14px;
    right: 17px;
    top: 1px;
}
.hot-keyword a.new:before {
    content: "H";
    position: absolute;
    float: left;
    background: red;
    padding: 3px 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    font-weight: bold;
    line-height: 14px;
    right: -6px;
    top: -9px;
}


.wp-pagenavi span.current {background-color: #db232d;color: #FFF;}
.wp-pagenavi span {border-radius: 12px;color: #8C8C8C;padding: 12px 15px 12px 15px;margin-right: 10px;text-decoration: none;background: #fff;line-height: 35px;}
.wp-pagenavi span.current {background-color: #e60012;}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {border-radius: 12px;color: #FFF;padding: 12px 15px 12px 15px;margin-right: 10px;text-decoration: none;background: #c1bebe;line-height: 35px;}
.wp-pagenavi a:hover {background-color: #db232d;}

.wp-pagenavi .next {background-color: #db232d;}
.wp-pagenavi .next:hover {background-color: red;}

#pageNavi{float: left;width: 100%;padding: 30px 0 50px 0;font-weight: bold;font-size: 15px;text-align: center;}

.index .footer_bb,.list_page .footer_bb {border-top: 1px #dcdcdc solid;}


#footer {background: #EFEFEF;float: left;width: 100%;z-index: 3;position: relative;}


.footer_bb {width: 100%;margin: auto;float: left;text-align: center;background: #e8e8e8;}
.footer_bb iframe{margin: 30px 0;}
.footer_info {background: #1b1b1b;width: 100%;margin: auto;float: left;text-align: center;padding: 0px 0 60px 0;font-size: 13px;}
.footer_info li{
    float: left;
    color: #787878;
    position: relative;line-height: 30px;
    top: 14px;
    font-weight: 500;
}

.footer_info .link span {
    background: #ed1b23;
    color: #fff;
    position: absolute;
    padding: 4px 10px;
    font-size: 12px;
    word-break: break-all;
    white-space: nowrap;
    line-height: 20px;
    border-radius: 2px;
    top: -41px;
    left: -4px;
    font-weight: bold;
    display: none;
}
.footer_info .link span:before {
    content: "";
    position: absolute;
    border: 8px solid;
    border-color: transparent transparent transparent #ed1b23;
    height: 0;
    width: 0;
    left: 9px;
    bottom: -15px;
    display: inline-block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.footer_info .link:hover span{display: block;}

.footer_info .link i {font-size: 22px;position: relative;top: 2px;}
.footer_info .link a{color: #797979;padding:7px 5px 0px 7px;position: relative;font-weight: bold;}
.footer_info .link a:hover{color: #ed1b23;}
.footer_info .copy {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 26px;
    font-size: 12px;
    color: #808080;
    padding: 0 8px;
    font-weight: bold;
}

.footer_info .logo .slogan {position: relative;float: left;font-size: 12px;color: #db232d;padding: 18px 13px;font-weight: bold;font-family: Arial;}

.footer_menu{float: left;width: 100%;background: #e9e9e9;padding: 30px 0;font-size: 13px;line-height: 22px;}

.footer_menu_news{border-right: 1px #fff solid;width: 960px;padding-left: 38px;}
.footer_menu_news h3 {float: left;text-align: left;width: 100%;line-height: 40px;font-size: 15px;}
.footer_menu_news .nav{float: left;text-align: left;color: #db232d;font-weight: bold;}
.footer_menu_news .nav strong {float: left;width: 100%;color: #D0180E;line-height: 25px;}
.footer_menu_news .nav ul {font-weight: lighter;}
.footer_menu_news .nav li{width: 100%;}
.footer_menu_news .a4 a{font-weight: bold;}
.footer_menu_news .a5 ul{width: 130px;}
.footer_menu_news .a6 .aa1 {width: 105px;}
.footer_menu_news .a6 .aa2 {width: 85px;}

.footer_menu_video {width: 120px;padding: 5px 0 15px 30px;}
.footer_menu_video h3{text-align: left;width: 100%;line-height: 40px;font-size: 15px;}
.footer_menu_video li{width: 100%;}

.footer_menu_more {width:120px;padding: 15px 0 0 30px;border-top: 1px #fff solid;}
.footer_menu_more li{width: 100%;font-weight: bold;}

.footer_menu_news .a1{ width: 100px;}
.footer_menu_news .a2{ width: 180px;}
.footer_menu_news .a3{ width: 115px;}
.footer_menu_news .a4{ width: 100px;}
.footer_menu_news .a5{ width: 260px;}
.footer_menu_news .a6{ width: 200px;}

.host_support{width: 100%;background: #fff;text-align: right;font-size: 12px;line-height: 30px;}
.host_support a{color: #db232d;}
.host_support a:hover{color: red;text-decoration: underline;}


/*--代購--*/
.buyLink{margin:15px 0px;}
.buyLink a{display:inline-block;margin:5px 0;}
.buyLink a img{max-height:55px;}
.buyLink a:hover img{opacity:0.7;}
.buyLink a.none:hover img{opacity:1;}
.buyLink .topLine{height:1px;width:100%;background-image:url(../images/line1.jpg);margin:5px 0;}
.buyLink .listLine{height:1px;width:100%;background-image:url(../images/line2.jpg);margin:5px 0;}
.buyLink a.errorReport{margin-top:0px;}
/*--代購--*/

.index.co_branded #sidebar.right{padding-bottom: 86px;}
.co_branded #sidebar.right{margin-bottom: 30px;}
/*.list_page .bx-pager {display: none;}*/

#sidebar.right {
    margin-bottom: 0px;
    padding-bottom: 20px;
}
.list_page .bx-pager {display: none;}
.co_branded_video_single #sidebar {
    padding-top: 10px;
}
.post-video .titile{font-weight: bold;}

.single_header{background: url(../images/bg_dot.png);width: 100%;position: relative;float: left;height: 700px;margin: -6px auto 20px auto;}
.single_header .bg{background-attachment: fixed;background-size: 110%;background-repeat: no-repeat;background-position: center 10%;position: absolute;width: 100%;height: 100%;float: left;z-index: 1;top:0;opacity: 0.3;}
.single_header .cat{width: 100%;text-align: center;margin: 110px 0 0 0;position: relative;z-index: 2;}
.single_header .cat a{text-align: center;border: 1px #fff solid;border-radius: 100px;padding: 7px 17px;color: #fff;}
.single_header .cat a:hover{border: 1px #db232d solid;background: #db232d;}
.single_header .tag{float: left;width: 100%;margin:50px auto 20px auto;position: relative;z-index: 2;}
.single_header .tag ul{display: table;margin: auto;float: none;}
.single_header .title {display: block;margin: auto;width: 880px;}

.single_page #content {width: 1120px;margin: auto;display: block;margin-top: -280px;float: left;z-index: 2;position: relative;left: 50%;margin-left: -560px;background: #fff;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;}
.single_page #left-content {width: 816px;z-index: 999;position: relative;}

.article_info {
    background: #efefef;
    line-height: 56px;
    font-size: 13px;
    color: #909090;
    margin-bottom: 20px;
    width: 800px;
    border-bottom-right-radius: 18px;
    overflow: hidden;
}

.share .plurk i:before {content: "噗";position: relative;font-weight: bold;font-size: 15px;font-style: normal;}
.article_info .author {float: left;height: 56px;}
.article_info .author a {color: #666;float: left;height: 56px;font-weight: bold;background: #fff;line-height: 56px;padding: 0 15px 0 56px;}
.article_info .author a:hover{ background: #fff;color: #DB232D;}
.article_info .author img {float: left;width: 38px;height: 38px;border-radius: 50px;position: absolute;margin: 8px 0 0 -44px;border: 0px #b2b2b2 solid;}
.article_info .pv,.article_info .times{padding: 0 15px;}
.article_info .pv i,.article_info .times i{font-size: 16px;position: relative;top: 1px;margin-right: 3px;}
.article_info .share a{float: left;width: 30px;height: 30px;background: #b8b8b8;color: #fff;text-align: center;line-height: 30px;margin-right: 4px;margin-top: 12px;}
.article_info .share a i{line-height: 30px;font-size: 22px;}

.article_info .share .fb a:hover{background: #415E9B;}
.article_info .share .fb i{ position: relative;top:5px;font-size: 26px;}
.article_info .share .reddit a:hover{background: #FF4500; color: #cee3f8;background: #FF4500; color:#fff;}
.article_info .share .reddit i{position: relative;top:1px;font-size: 20px;}

.article_info .share .twitter a:hover{background: #55ACEE;}
.article_info .share .google_plus i{font-size: 16px;}
.article_info .share .google_plus a:hover{background: #DD4F43;}
.article_info .share .plurk a:hover{background: #CF682F;}
.article_info .share .weibo a:hover{background: #fff;color: red;}

.article_info .share li{position: relative;float: left;}
.article_info .share li a:hover:before {content: "";position: absolute;font-weight: bold;font-size: 12px;color: #FFF;top: 0px;background: #222;height: 18px;line-height: 18px;padding: 0 5px;border-radius: 2px;z-index: 2;}
.article_info .share li a:hover:after {display: inline-block;border: 4px solid;border-color: transparent transparent transparent black;height: 0;width: 0;position: absolute;content: "";margin: 6px 0px 0px -0px;left: 12px;display: inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


.article_info .share .fb a:hover:before {content: "facebook";}
.article_info .share .reddit a:hover:before {content: "reddit";}
.article_info .share .LINE a:hover:before {content: "LINE";margin-left: -10px;}
.article_info .share .twitter a:hover:before {content: "twitter";}
.article_info .share .google_plus a:hover:before {content: "google plus";width: 70px;}
.article_info .share .plurk a:hover:before {content: "plurk";}
.article_info .share .weibo a:hover:before {content: "新浪微博";width: 50px;}

.article_info .share .like a:hover:before,
.article_info .share .like a:hover:after{display: none;}

.article_info_bottom .share li a:hover:before{top:-12px;}
.article_info_bottom .share li a:hover:after{top:0px;}

.article_info .share .like {padding:0px 15px 0 5px;width: 90px;}
.article_info .share .like div {
    width:100px;
    top: 2px;
    position: absolute;
    margin-top: 16px;
    vertical-align: top;
    float: left;
    display: flex;
}
.article_info .share .like div span iframe,
.article_info .share .like div span{width: inherit !important;}
.article_info .share .like a {overflow: inherit;position: relative;background: #415E9B;padding:0 10px 0 6px;border-radius: 2px;box-shadow: -4px -4px 6px rgba(12, 26, 56, 0.23) inset;}
.article_info .share .like a i {line-height: 30px;font-size: 20px;position: absolute;top: 0px;left: 7px;text-shadow: 0 0 4px #203258;}
.article_info .share .like a:hover{ background: #466AB5;}
.article_info .share .like a>i>span {font-size: 13px;font-weight: bold;line-height: 20px;position: relative;top: -2px;padding: 0 3px;left: 0;}
.article_info .share .like a > i > span {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    top: 5px;
    padding: 0;
    left: 20px;
}
.article_info .share .like a > span {
    position: absolute;
    float: left;
    top: 0px;
    left: 54px;
    background: #FFF none repeat scroll 0% 0%;
    color: #000;
    padding: 0px 8px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #B0B6C3;
}
.article_info .share .like a>span:before{border: 5px solid;border-color: transparent transparent transparent white;height: 0;width: 0;position: absolute;content: "";margin: 9px 0px 0px -18px;display: inline-block;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);z-index: 2;}
.article_info .share .like a>span:after {border:6px solid;border-color: transparent transparent transparent #b0b6c3;height: 0;width: 0;position: absolute;content: "";top:8px;left: -12px;display: inline-block;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);z-index: 1;}


.LINEat{width: 70%;height: 56px;margin:0px auto 30px auto;background: #efefef;line-height: 56px;display: block;}
.LINEat:before {
    content: "LINE＠玩具人";
    float: left;
    font-weight: bold;
    font-size: 22px;
    padding-right: 15px;
    color: #0b0;
    padding-left: 35px;
    font-family: "微軟正黑體",Arial, sans-serif;
}
.LINEat:after {
    content: "加入！更快收到新玩具消息！";
    float: left;
    line-height: 56px;
    font-weight: bold;
    font-size: 15px;
    color: #333;
    font-family: "微軟正黑體",Arial, sans-serif;
}
.LINEat img {
    width: 132px;
    position: relative;
    float: right;
}

.LINEat a {
    float: right;
    width: 132px;
    position: relative;
    top: 7px;
    margin: 0 9px 0 0;
}
.LINEat a:before {
    content: "NEW";
    font-weight: bold;
    font-size: 13px;
    padding: 2px 9px;
    color: #fff;
    background: red;
    float: right;
    height: 20px;
    position: absolute;
    right: -12px;
    top: -9px;
    z-index: 1;
    line-height: 20px;
    border-radius: 13px;
    transform: scale(0.8) translate(0px, 0px);  
    -webkit-transform: scale(0.8) translate(0px, 0px);
}
.article_info_bottom {
    width:  70%;
    background: #efefef;
    line-height: 56px;
    font-size: 13px;
    color: #000;
    margin: 30px auto 6px auto;
    padding: 0px 0px 0px 0px;
    border: 0px #ffffff solid;
    display: block;
    height: 56px;float: none;
}
.article_info_bottom .right{float: left;width: 100%;}
.article_info .share .twitter a{background: #55ACEE;}
.article_info .share .google_plus a{background: #DD4F43;}
.article_info .share .plurk a{background: #CF682F;}
.article_info .share .weibo a{background: #fff;color: red;}
.article_info .share .reddit a{background: #FF4500; color: #cee3f8;background: #FF4500; color:#fff;}

.article_info .share .LINE a {
    background: url(../images/s-line.png) no-repeat -6px -8px #ffffff;
    background-size: 46px;
    float: left;
}


.article_info .share .fb a{background: #415E9B;}
.article_info_bottom .share .text {
    font-weight: bold;
    font-size: 14px;padding-right: 10px;padding-left: 109px;
}
.article_info_bottom .share .text:before{content: "分享到：";color: #333;}
.line .fa-comment:before {
    content: "" !important;
    position: relative;
    width: 22px;
    height: 22px;
    float: left;
    background: url(../images/line-icon3.png) no-repeat center center;
    background-size: 22px;
    background-color: #797979;
}
.line:hover .fa-comment:before {
    background-color: #db232d;
}


.video-single .pre_next div a {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 180px;
    background-image: radial-gradient( rgba(0, 0, 0, 0.32) 50%,transparent 100%),radial-gradient(white 0%,transparent 0);
    background-size: 3px 2px;
}
.single_page .pre_next{position: fixed;top:45%;width:1120px;float: left;left: 50%;margin-left: -560px; }
.single_page .preVideo:before {
    content: "上一則";
    font-size: 12px;
    margin: 120px 0 0 0;
    width: 50px;
    text-align: center;
    float: left;
    position: absolute;
    color: #fff;
}
.single_page .preVideo:after {
    border: 20px solid;
    border-color: transparent transparent transparent #ffffff;
    height: 0;
    width: 0;
    position: relative;
    content: "";
    margin: 75px 0 0 -5px;
    display: inline-block;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 2;
}
.single_page .preVideo {
    background: #e2e2e2;
    width: 50px;
    height: 200px;
    margin: 0 0 0 -50px;
    position: absolute;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.single_page .preVideo:hover {
    background: #333333;
    width: 200px;
    height: 200px;
    margin: 0 0 0 -200px;
    position: absolute;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.single_page .preVideo a {
    float: left;
    position: absolute;
    height: 200px;
}
.single_page .preVideo img {
    opacity: 0;width: 100%;
}
.single_page .preVideo:hover img {
    opacity: 0.5;
}

.single_page .preVideo span,
.single_page .preVideo h2 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 190px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 2px #000;
}
.single_page .preVideo:hover:before{display: none;}


.single_page .preVideo span,
.single_page .preVideo h2 {left: 200px;;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}


.single_page .preVideo:hover span,
.single_page .preVideo:hover h2{left: 0px;
-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}

.single_page .nextVideo:before {
    content: "下一則";
    font-size: 12px;
    margin: 120px 0 0 0;
    width: 50px;
    text-align: center;
    float: left;
    position: absolute;
    color: #fff;
}
.single_page .nextVideo:after {
    border: 20px solid;
    border-color: transparent transparent transparent #ffffff;
    height: 0;
    width: 0;
    position: relative;
    content: "";
    margin: 75px 0 0 14px;
    display: inline-block;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 2;
}
.single_page .nextVideo {
    background: #e2e2e2;
    width: 50px;
    height: 200px;
    margin: 0 -51px 0 0;
    position: absolute;
    right: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.single_page .nextVideo:hover {
    background: #333333;
    width: 200px;
    height: 200px;
    margin: 0  0 0px 0;
    position: absolute;
    right: -200px;
    overflow: hidden;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.single_page .nextVideo a {
    float: left;
    position: absolute;
    height: 200px;
}
.single_page .nextVideo img {
    opacity: 0;width: 100%;
}
.single_page .nextVideo:hover img {
    opacity: 0.5;
}
.single_page .nextVideo span,
.single_page .nextVideo h2 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 190px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 2px #000;
}

.single_page .preVideo:hover:after,
.single_page .preVideo:hover:before,
.single_page .nextVideo:hover:after,
.single_page .nextVideo:hover:before{display: none;}

.single_page .nextVideo span,
.single_page .nextVideo h2 {left: -200px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}

.single_page .nextVideo:hover span,
.single_page .nextVideo:hover h2{left: 0px;
-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}


.video-single .chat h3 {background: #3b5998 !important;}


.single_page .good_twins{background: #f3f3f3;float: left;width: 100%;}
.single_page .good_twins .left{margin-left: 35px;}
.single_page .good_twins .right{margin-right: 35px;}
.single_page .good_twins span > img,
.single_page .good_twins span > iframe{margin: 40px 0;}

.article_bottom_more{ margin: 20px 0;float: left;width: 780px;}
.more_article iframe {
    width: 745px !important;
}


.more_article{width: 100%;}
.more_article .card{padding:0 0 0  0;width: 100%;}
.more_article li{margin:0 0 15px 20px;width: 230px;}
.more_article h3 {
    background: #db232d;
    color: #fff;
    padding: 0 0 0 15px;
    margin: 0 0 10px -15px;
    text-indent: 35px;
}
.co_branded_video_single .more_article h3{text-indent: 15px;}
.more_article .image{width: 230px;height: 170px;overflow: hidden;margin-bottom: 8px;}
.more_article li:hover .text a{color: #db232d;}
.more_article .image img{width: 100%;margin: 0 0 0 -0%;}
.more_article .text{font-size: 13px;font-weight: bold;line-height: 18px;}
.more_article li:nth-child(3n+1) {clear: left;}
.more_article .google_more {
    height: 600px;
    display: block;
    float: left;
    margin: 10px 0 20px 30px;
}
.vodio_google_more {
    width: 760px;
    float: left;
    background: #fff;
    margin-top: 0;
    padding: 0 20px;
}
.vodio_google_more h3 {
    width: 800px;
    background: #db232d;
    font-size: 20px;
    padding: 0;
    text-align: center;
    color: #fff;
    z-index: 2;
    position: relative;
    margin: 0 0 0 -20px;
    border-bottom: 0px #fff solid;
}

.video-single .post-video .content {
    position: relative;
    top: 0;
    float: left;
    line-height: 22px;
    font-size: 13px;
    color: #292929;
    font-weight: normal;
    width: 97%;
    padding: 0px 1.5%;
    margin-bottom: 10px;
    background: #f3f3f3;
}

.vodio_google_more .google_more {
    width: 100%;
    float: left;
    height: 600px;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.gb_google_more {
    width: 750px;
    float: left;
    padding: 0 25px;
    height: 670px;
    margin-top: 10px;
}
.gb_google_more h3 {
    padding: 5px 25px 0 25px;
    color: #ffffff;
    background: #db232d;
    margin: 5px 0 15px -25px;
    width: 100%;
}

.gb_google_more .google_more {
    float: left;
    padding: 0 0 0 0px;
    z-index: 1;
    width: 710px;height: 600px;
}


.co_branded_single .gb_google_more {
    width: 750px;
    float: left;
    padding: 0 25px;
    height: 670px;
    margin-top: 10px;
}


.co_branded_single .gb_google_more .google_more iframe,
.co_branded_single .gb_google_more .google_more {height: 600px;width: 750px;
    display: block;
    float: left;}

.co_branded_single .news_list .sticky{display: none;}
.co_branded_video_single .gb_google_more h3 {
    text-indent: 0px;
}

.co_branded_video_single .moreandmore {
    width: 800px;
    height: 405px;
}
.co_branded_video_single .moreandmore div {
    width: 252px;
    box-shadow: 0 0 1px #ccc;
    margin: 7px 0px 0px 11px;
}
.co_branded_single .gb_google_more h3 {
    padding: 5px 25px 0;
    color: #fff;
    background: #db232d;
    margin: 5px 0 15px -25px;
    width: 100%;
}


.video-single .moerVideo {
    float: left;
    width: 760px;
    margin-left: -15px;
    height: 230px;
}

.video-single .moerVideo li a img {
    width: 99%;
    margin: 1px 0 0px 0;
    float: left;
}

.video-single .moerVideo li a {
    height: 195px;
}


.video-single .moerVideo h3 {
    color: white;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    width: 760px;
    background: #db232d;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    padding: 0;
}

.video-single .moerVideo li a h2{font-weight:bold; }

.video-single .ad330280x2 {
    background: #f7f7f7;
    width: 760px;
    float: left;
    padding: 30px 0px 30px 40px;
    margin-top: 0;
    position: relative;
    border-top: 1px #eaeaea solid;
}
.video-single .ad330280x2 span {width: 50% !important;
    background: inherit;}

.video-single .chat h3 {
    background: #db232d !important;
    width: 800px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    margin-left: -35px;
}
.co_branded_video_single .chat h3 {
    text-indent: 25px;
    text-align: left;
    margin-left: -45px;
}
.chat{width: 100%;margin: 10px 0 0 0;}
.chat .card{margin:0 0 0 35px;padding-bottom: 20px;}
.chat .card h3{background: #db232d;float: left;font-size: 18px;padding: 10px 20px;color: #fff;}
.chat .card h3 i {font-size: 24px;font-weight: lighter;position: relative;top: 1px;margin-right: 5px;}
.chat .card div{width: 100%;float: left;border-bottom: 3px #db232d solid;}
.chat .card div.fb-comments{border-bottom: 0px #db232d solid;}


.single_page .show-button,
.single_page .hot-keyword a,
.single_page .rank_list .text,
.single_page .toy_peoples .image{background:#f3f3f3;}
.single_page .rank_list li:hover .text,.single_page .toy_peoples li:hover .image{background: #fff;}
.single_page .hot-keyword a:hover{ background: #db232d;}
.single_page .hot-keyword .show-button{right: 5px;}
.single_page .more_link a {background: #E4E4E4;color: #db232d;}
.single_page .more_link a:hover {background: #db232d;color: #fff;}
.single_page .article{width: 640px;margin: auto;float: initial;}
.single_page .article a{color: red;text-decoration:underline;}
.single_page .article a:hover{text-decoration:none;}


.co_branded_single .article p span {
    line-height: inherit !important;
    font-size: inherit !important;
    float: none !important;
    width: inherit !important;
}
.single_simple .single_header{background: none;width: 100%;position: relative;float: left;height: auto;margin: 1px auto 0px auto;}
.co_branded_single .single_header{margin-top: -6px}
.single_simple .single_header .bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 5% !important;
    position: absolute;
    width: 1140px;
    height: 110%;
    background-size: cover !important;
    float: left;
    z-index: 0;
    top: -10px;
    opacity: 0.2;
    filter: blur(15px) !important;
    -webkit-filter: blur(15px) !important;
    -moz-filter: blur(15px) !important;
    -o-filter: blur(15px) !important;
    -ms-filter: blur(15px) !important;
    left: -10px;
}


.single_simple .single_header .cat{width: 100%;text-align: left;margin: 50px 0 20px 42px;position: relative;z-index: 1;}
.single_simple .single_header .cat a{text-align: center;border: 1px #fff solid;border-radius: 100px;padding: 7px 17px;color: #fff;}
.single_simple .single_header .cat a:hover{border: 1px #db232d solid;background: #db232d;}
.single_simple .single_header .tag{float: left;width: 100%;margin:0px auto 10px auto;position: relative;z-index: 1;}
.single_simple .single_header .tag ul{display: table;margin: 0 0 0 45px;float: left;}
.single_simple .single_header .tag a {
    float: left;
    padding: 0px 8px;
    height: 28px;
    line-height: 28px;
    background: #db232d;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
}
.single_simple .single_header .tag a:hover{background:red;}
.single_simple .single_header .title {
    display: block;
    margin: auto;
    width: 82%;
    padding-left: 4%;
    padding-bottom: 50px;
    font-size: 43px;
    line-height: 1.1;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    position: relative;
    z-index: 1;
    float: left;
}


.single_simple .single_header_body {width: 1120px;margin: auto;overflow: hidden;display: block;position: relative;background: #000;min-height: 229px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;}
.single_simple #content{margin-top:0;min-height: 600px;}
.single_simple .bodyWidth{width: 1120px;}


.footer_menu_news{padding-left: 8px;}
.footer_menu_news .a2 {width: 160px;}
.footer_menu_news .a1 {width: 90px;}
.footer_menu a:hover{ background: #D0180E;color: #fff;padding: 4px 0;}

/*.single_cover .bodyWidth {width: 1140px;}*/

/** member login ***/

#profiles {text-align: center;width: 100%;float: left;padding: 0px 0 0 0;height: 280px;margin: 0px auto 50px auto;position: relative;background: #313131;
    background-size: cover;
    background-position: center center;}
.profileHeader{padding-top: 35px;width: 100%;height: 245px;position: relative;}
.profileHeader:after {
    opacity: 0.8;
    z-index: 1;
    padding-top: 0;
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.8) 91%, rgba(0,0,0,0.8) 99%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
#profiles h1 {
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    margin-top: 0px;text-shadow: 1px 1px 2px #000;position: relative;z-index: 2;
}
.profileHeader .img{position: relative;z-index: 2;}
#profiles .img img {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    border: 10px #FFFFFF solid;
    background: #fff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.14);
}
.profile-setting .img img {border-radius: 100%;width: 150px;height: 150px;}
.profile-setting .img{text-align: center;position: relative;z-index: 3;}
.profileMenu {
    background: #313131;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 1120px;
    text-align: left;
    position: absolute;
    bottom: -51px;z-index: 3;
}
.profileMenu li{position: relative;}
.profileMenu a {
    padding: 0 15px;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}
.profileMenu a:hover {
    color: #ffffff;
    background: #db232d;
}

.profileMenu .on a {
    color: #ffffff;
    background: #db232d;
}
.profileMenu .on:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    float: left;
    bottom: 0px;
    
}
#profiles .edit_settings {
    position: absolute;
    right: 20px;
    bottom: 20px;z-index: 2;
}
#profiles .edit_settings a {
    float: left;
    line-height: 36px;
    height: 36px;
    padding: 0px 16px;
    font-size: 14px;
    background: #dc0012;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#profiles .edit_settings a:hover {
    background: #ffffff;
    color: #da222d;
}
#profiles .edit_bg{
	position: absolute;
    left: 20px;
    top: 20px;
    z-index: 3;
}
#profiles .edit_bg button {
    border: 0;
    padding: 0px 17px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    background: #4c4c4c73;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;overflow: hidden;position: relative;
}
#profiles .edit_bg button {width: 170px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
#profiles .edit_bg button:hover {width: 170px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;background: #fff;color: #000;overflow:visible;}
#profiles .edit_bg button:active {background: #dc0012;color: #fff;}
#profiles .edit_bg button i{float: left;}
#profiles .edit_bg button b {position: absolute;float: left;top: 0;right: 15px;}
#profiles .edit_bg button span {
    position: absolute;
    font-size: 12px;
    top: 56px;
    left: -42px;
    float: left;
    width: 200px;
    background: #222;
    height: 26px;
    line-height: 26px;
    color: #fff;
    width: 124px;
    border-radius: 3px;
}
.member-profiles .aboutBox {background: #fff;padding:10px 30px 30px 30px;float: left;margin: 0 0 30px 0;width: 283px;}
.member-profiles .aboutBox p {
    font: 500 normal normal 13px/18px FontAwesome;
    margin: 0px 0 15px 0;
    padding: 15px 0 15px 0;
    border-top: 2px #da222d solid;
    border-bottom: 1px #e4e4e4 solid;
    display: block;
    float: left;
    width: 100%;
    color: #222;
}
.member-profiles #left-content {width: 755px;margin-top: 20px}
.member-profiles #left-content .headline_title {
    background: #cccccc;
    text-indent: 20px;
    padding-top: 0;
    line-height: 50px;
    margin-bottom: 0px;
    /* color: #ffffff; */
}
.member-profiles #left-content .headline_title a {
    text-indent: 0px;
    float: right;
    font-size: 14px;
    padding: 0 25px;
    background: #db0012;
    color: #fff;
}
.member-profiles #left-content .headline_title a:hover{color: #fff;background: #222;}
.member-profiles #left-content .noContent {
    width: 100%;
    line-height: 240px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #8e8e8e;
}
.member-profiles .aboutBox .noContent {
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #8e8e8e;
    background: #f4f4f4;
    float: left;
    border-radius: 5px;
    margin: 10px 0 15px 0;
    padding: 20px 0;
}


.member-profiles #sidebar {width: 343px;margin-top: 20px;}
.member-profiles .is_stuck {margin-left: 217px;}

.member-profiles .more-link {width: 283px;}
.member-profiles .more-link li {
    display: block;
    width: 100%;
    text-align: center;margin: 2px auto;
}
.article-author .socials a i,
.member-profiles .more-link a i {
    position: relative;
    font-size: 16px;
    left: -4px;
    top: 2px;
    font-weight: 400;
}
.article-author .socials a,
.member-profiles .more-link a {
    line-height: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    background: #f1f1f1;
    border: 1px #dcdcdc solid;
    padding-right: 11px;
    border-radius: 5px;
    padding: 0px 10px 0px 12px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 90%;
    float: left;
    background: #ffffff;
}

.article-author .socials a:hover ,
.member-profiles .more-link li a:hover {border: 1px #a9000e solid;color: #fff;background:#db0012;}


#profiles .edit_bg button span:before {
    display: inline-block;
    border: 8px solid;
    border-color: transparent transparent transparent #222;
    height: 0;
    width: 0;
    position: absolute;
    content: "";
    margin: 28px 0px 0px -3px;
    display: inline-block;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 15%;
    text-indent: 0;
    top: -43px;
    z-index: 99;
}
#profiles .edit_bg button span{opacity: 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
#profiles .edit_bg button:hover span {opacity:1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
#profiles .edit_bg button:hover {box-shadow: 0px 0px 14px #000;}


.medalBox {
    float: left;
    margin-bottom: 10px;
    background: #fff;
    padding: 15px 15px 5px 15px;
    width: 312px;
}
.medalBox li {
    float: left;
    text-align: center;
    width: calc(94%/3);
    height: 50px;
    padding: 15px 0 15px 0;
    background: #efefef;
    margin: 0 0 12px 0;
    font-size: 12px;
    color: #313131;
    border-radius: 0px;
    min-width: 64px;
}


.medalBox ul li:nth-child(3),
.medalBox ul li:nth-child(6){text-indent: 15px;}
.medalBox ul li:nth-child(3) span,
.medalBox ul li:nth-child(6) span{text-indent: 0px;}
.medalBox ul li:nth-child(3) b,
.medalBox ul li:nth-child(6) b{padding: 3px;}


.medalBox ul li:nth-child(2),
.medalBox ul li:nth-child(3),
.medalBox ul li:nth-child(5),
.medalBox ul li:nth-child(6){margin-left: 3%;}

.medalBox span{float: left;width: 100%;margin-bottom:8px;color: #da222d;font-weight: 600;}
.medalBox b{font-size: 21px;}


#profiles .more-link {margin: auto;display: block;width: 65px;clear: both;}
#profiles .more-link a{
    color: #fff;
    font-size: 15px;
    border-radius: 100%;
    text-align: center;
    font-weight: bold;
    width: 25px;
    height: 25px;
    display: table-caption;
    margin-bottom: -5px;
    margin-top: 5px;
}    
#profiles .more-link a.fb{background-color: #3b5998; }
#profiles .more-link a.web{background-color: #B5B5B5;}
#profiles .more-link a.fb i{margin: 6px 0 0 0;}
#profiles .more-link a.web i{margin: 5px 0 0 0;}

#profiles .more-link a:hover,.profile-setting .fb:hover{background-color: #ED1B24;color: #fff;}

.profile-setting .editMyphoto {
    position: absolute;
    bottom: -5px;
    font-size: 13px;
    padding: 8px 12px;
    border: 1px #007ddb solid;
    border-radius: 15px;
    color: #ffffff;
    margin-left: -40px;
    background: #007fd8;
    font-weight: bold;
}

.profile-setting .editMyphoto:hover{background: #ED1B24;border: 1px #ED1B24 solid;border-radius:15px;color: #fff; }
.profile-setting .img{position: relative;}

.profile-setting .fb{position: absolute;float: left;margin: 123px 0 0 -40px;font-weight: bold;}
#post-textarea .profile-setting .post-textarea {width: 100%;margin-left: 0;margin-top: 30px;}
#post-textarea .profile-setting .post-textarea li{text-align: left;}
.profile-setting input{  margin-top: 0px;width: 91%;}
.profile-setting textarea {width: 100%;height: 100px;border: 1px solid #ccc;line-height: 25px;margin-top: 10px;background: #f8f8f8;font-size: 16px;  text-indent: 5px;line-height: 30px;}
#post-textarea .profile-setting .box3-btn{ width: 100%;}
#post-textarea .point {position: absolute;float: left;margin: 8px 0 0 -165px;font-size: 12px;color: #DE6267;}
#post-textarea .post-rule {
    text-align: left;
    padding: 5px 10px 15px 10px;
    height: 20px;
    background: #f9f8b0;
    border-radius: 0;
    width: 744px;
}
#post-textarea .post-rule b{color: red;text-decoration: none;}
#post-textarea .post-rule b:hover{color: red;text-decoration: none;}
#post-textarea .post-rule input{width: 30px;}
#post-textarea .post-rule:hover{background: #ccc;cursor: pointer;}
#post-textarea .post-rule:hover .ruleDiv{display:block;}
#post-textarea .ruleDiv{display: none;text-align: left;position: absolute;background: #fff100;float: left;padding: 30px;width: 540px;margin: -275px 0px 0px -90px;border: #333 1px solid;border-radius: 4px;box-shadow: 3px 3px 55px rgba(0, 0, 0, 0.5);z-index: 99999999 !important}
#post-textarea .ruleDiv p{font-size: 13px;line-height: 20px;}
#post-textarea .ruleDiv:after {border: 11px solid;border-color: transparent transparent transparent #000000;height: 0;width: 0;position: absolute;right: 50%;bottom: -23px;content: "";display: inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


/******/
.log {
    float: right;
    position: relative;
    height: 58px;
    top: 5px;
    margin: 0 10px;
    overflow: hidden;
}


.log {float: right;position: relative;height: 50px;margin:9px 0 0 10px;overflow: hidden;}

.log .out img{ width: 34px;height: 34px;border-radius: 100%;border: 2px #fff solid;}

.log .out{
    float: left;
    border: 2px #ccc solid;
    border-radius: 100%;}
.log .out:hover{
    float: left;
    border: 2px #f01415 solid;
    border-radius: 100%;}


.co_branded .log .out img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 4px #fff solid;
    margin-right: 20px;
    margin-top: -2px;
}
.co_branded .log .out:after{top: 16px;}


#log-menu {
    position: absolute;
    margin-top: 7px;
    margin-left: -38px;
    width: 110px;
    background: #e60012;
    z-index: 9;
    border-radius: 4px;
    padding: 5px 0;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    opacity: 0;
}
#log-menu li{float: left;width: 100%;}
#log-menu li a {
    text-indent: 15px;
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    text-align: left;
    background: #e60012;
    color: #fff;
    font-weight: 700;
}
#log-menu li a:hover{ background: #333;color: #fff;}
#log-menu:before {
    display: inline-block;
    border: 8px solid;
    border-color: transparent transparent transparent #e60012;
    height: 0;
    width: 0;
    position: absolute;
    content: "";
    margin: 30px 0 0 -5px;
    display: inline-block;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 50%;
    text-indent: 0;
    top: -43px;
    z-index: 99;
}
.log:hover #log-menu {display: block;opacity: 1;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.log:hover {overflow:inherit;}

.log:hover #log-menu{display: block;}
#log-menu span {
    float: left;
    color: #222;
    line-height: 20px;
    padding: 3px 0;
    font-size: 13px;
    margin-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    text-align: left;
    font-weight: 700;
}

/*
.log .out:after{border: 5px solid;border-color: transparent transparent transparent #222;height: 0;width: 0;position: absolute;right: -10px;top: 23px;content: "";display: inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.log .out:hover:after,.log:hover .out:after{border-color: transparent transparent transparent red}
*/
.log .in,
.recordlist .in
{float:right;line-height: 35px;height: 35px;background:rgb(237, 27, 36);border-radius: 3px;width: 110px;color: #fff;font-size: 15px;-webkit-transition:  .3s ease;-moz-transition:  .3s ease;-ms-transition:  .3s ease;-o-transition:  .3s ease;transition:  .3s ease;position: relative;margin-top: 3px;}
.log .in:hover,.recordlist .in:hover{background:rgba(255,0,0,1);-webkit-transition:  .3s ease;-moz-transition:  .3s ease;-ms-transition:  .3s ease;-o-transition:  .3s ease;transition:  .3s ease;}
.log .in:active{background:rgb(51, 51, 51);line-height: 38px;-webkit-transition:  .3s ease;-moz-transition:  .3s ease;-ms-transition:  .3s ease;-o-transition:  .3s ease;transition:  .3s ease;}
.log .in img,.recordlist .in img{  position: relative;margin-right: 7px;top: 2px;}
.log .in image ,.recordlist .in image{max-width:16px;max-height:16px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9ElEQVQ4T5WTbVEDMRRFz1VAHYADWgetg1YBRUFxAhLqABxQCUUB1AEoeJ27zc68/ZyQX5vZnJP7XhJROSJiCbwDP8BO0q9RVfJEhMH7sv4MbCz5j+AIPKUNb5K5BCn2WdIuIvqS06SgwJ/AomxylPTck1xGBSNwGzRL1sB2IJiBO5J20hFUwOYukh4Ggkr4D1hL8gk0o0kQEW7Ud5nfTZzMAM6Cvc3AG3AC+pJROAscae9opZQsmYQbQUS4IY6/amtLEq/p1Nwvz4IX4BXw49iUBYfyvc0NG+uNBY7/mH5+lV58tC9u7rpbEIAh33NDfnXV4wrohXTkXY55cwAAAABJRU5ErkJggg==');}
.recordlist li{float: none;}
.recordlist .in img {margin-left: 10px;}
.recordlist .in {width: 80px;position: absolute;margin-top: -50px;}

.log .in:before {content: "Facebook 登入";position: absolute;float: left;width: 90px;padding: 0 0px 0 20px;text-align: center;line-height: 25px;text-align: center;font-size: 12px;font-weight: lighter;color: #FFFFFF;margin: 23px 0 0 -55px;border-radius: 2px;background: rgb(61, 91, 153) url() no-repeat 5px 5px;opacity: 0;left: 50%;text-indent: 0;top:-45px;box-shadow: 1px 1px 1px rgba(182, 182, 182, 0.4);z-index: 99;}
.log .in:after {display: inline-block;border: 7px solid;border-color: transparent transparent transparent rgb(61, 91, 153);height: 0;width: 0;position: absolute;content: "";margin: 48px 0px 0px -3px;display: inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;left: 50%;text-indent: 0;top: -45px;z-index: 99;}
.log .in:hover:after,.log .in:hover:before{opacity: 1;top: -50px;-webkit-transition:  .2s ease;-moz-transition:  .2s ease;-ms-transition:  .2s ease;-o-transition:  .2s ease;transition:  .2s ease;}

#main {float: left;clear: both;width: 100%;}
.wrapper-content {width: 100%;padding: 30px 0 0 0;}
.wrapper-content-box {margin: 0 auto;display: block;width: 440px;padding: 50px;background: #fff;border-radius: 4px;border: 1px solid #c9c9c9;}
.wrapper-content-box h2 {font-size: 32px;text-align: center;color: #C5001D;}
.wrapper-content-box h3 {color: #454545;line-height: 28px;font-size: 20px;padding: 20px 0;}
.wrapper-content-box .sns-major button {cursor: hand;cursor: pointer;width: 100%;height: 50px;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 14px -292px no-repeat #3b5998;margin-top: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 0px;padding: 0;color: #fff;font-size: 22px;}
.wrapper-content{ width:100%; padding:30px 0 0px 0;}
.wrapper-content2{ width:100%;background: #f1f1f1; padding:1px 0 50px 0;float: left;}
.wrapper-content2 .ad_banner2{width:100%; padding: 0;}
.wrapper-content-box .stit{ color:#454545;  line-height:25px; padding-bottom:10px}
.wrapper-content .settingpage{ left: 97px;position: relative;    min-height: 300px;margin-bottom: 40px;}
#setting-nav{ position:absolute;margin: -20px 0 0 -300px;width: 200px;}
#setting-nav a{  text-align: left;color: #333; width: 200px; float:left; line-height:50px; text-indent:30px; font-size:16px;border-bottom-left-radius: 6px;border-top-left-radius: 6px;  background-color:#C9C9C9;}
#setting-nav li{ margin-bottom: 5px;float:left;}
#setting-nav .on a{background-color: #000;color:#fff;}
.boder1{ width: 100%; border-bottom: 1px #ccc solid; margin: 40px 0 25px 0; padding: 0 0 10px 0; color: #c92f2f; }
.important{ font-size: 13px; color: #ff0000}
.wrapper-content-box2{ margin:0 auto 10px auto; display:block; width:555px;    width: 610px; height:auto; padding:50px 100px; background:#fff; border-radius: 5px; }
.wrapper-content-box2 h2{font-size: 34px; text-align:center;color: #ED1B24;padding-bottom: 30px;line-height: 24px;}
.wrapper-content-box2 input{ width: 555px;border: 1px solid #ccc;line-height: 28px;margin-bottom: 10px;background: #f8f8f8;font-size: 16px;text-indent: 5px;}
.wrapper-content-box2 textarea{ width:600px; height:100px;border:1px solid #ccc; line-height:25px; margin-top:10px; background:#f8f8f8; font-size:16px;}
.wrapper-content-box2 input.input-lastname,.wrapper-content-box2 input.input-names{ width: 190px;}
.wrapper-content-box2 .input-radio{width: 20px;}
.wrapper-content-box2 .input-zip{width: 120px;}
.wrapper-content-box2 .input-pay{width: 120px;}
.wrapper-content-box2 .input-payment{width: 250px; font-size: 13px;}
.wrapper-content-box2 .input-bankname{width: 100px;margin-right: 2px; font-size: 13px;}
.wrapper-content-box2 .input-bankcode{width: 40px;margin-right: 2px; font-size: 13px;}
.wrapper-content-box2 .input-bankaccount{width: 160px; font-size: 13px;}
.wrapper-content-box2 .select-country{ margin-bottom: 10px;}
.wrapper-content-box2 .t{ padding-top:10px; }
.wrapper-content-box2 b{ line-height:30px;}
.wrapper-content-box2 button{ cursor: hand;cursor:pointer;width:100%; height:50px; background:  #ED1B24; margin-top:20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:0px; padding:0; color:#fff; font-size:22px;}
.wrapper-content-box2 .box2-btn{ cursor: hand;cursor:pointer;width:100%; float: left; display: block; height:50px; line-height: 50px; text-align: center; clear: both; margin-bottom: 0px; background:  #ED1B24; margin-top:20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:0px; padding:0; color:#fff; font-size:22px;}
.wrapper-content-box2 .box2-btn:hover{ text-decoration: none;}
.wrapper-content-box2 h3{font-size: 20px; text-align:center;padding-bottom: 24px;}
.wrapper-content-box2 h3 span{font-size: 15px; text-align:center;color: #ccc;padding-bottom: 24px;}
.wrapper-content-box2 h2 span{font-size: 15px; text-align:center;color: #ccc;padding-bottom: 15px; padding-top:-20px;text-transform: uppercase;}
.stepbg{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center 0px #fff; height:150px;}
.stepbg2{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center 0px #fff; height:150px;}
.wrapper-content .fbimg{ width:55px; height:55px; position:absolute; margin:-129px 0 0 213px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; border:9px solid #007bfa}
.wrapper-content .fbimg img{width:55px; height:55px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;}
.videofb{ display:none}
.popup-box{ margin:0px auto 0px auto; display:block; width:500px; height:auto; padding:50px 100px; background:#fff; box-shadow:0px 0px 0px #ccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.popuptagsok span {
    float: left;
    background-color: #7fd0f9;
    border: 1px solid #54b1ec;
    line-height: 30px;
    font-size: 13px;
    color: #00436d;
    margin: 5px 5px 0 0;
    padding: 0 4px 0 8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.popuptagsok span i {
    font-style: normal;
    font-size: 12px;
    padding: 3px 6px;
    cursor: hand;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #54b1ec;
    color: #fff;
    line-height: 12px;
    margin-left: 7px;
}
.popuptagsok span i:hover{  background: #fff; color: #007dfb; }
.wrapper-content-box3{ margin:10px auto 20px auto; display:block; width:980px; height:auto; padding:0px; height:250px; background:#fff; box-shadow:0px 0px 5px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden;}
.likesetting{ position: absolute;width: 954px;margin: 13px 0 0 10px;}
.likesetting a{height: 30px;color: #891a1a;background: #fbf81f;float: right;font-size: 15px;line-height: 30px;text-align: center; padding:0 10px; margin-left:8px;}
.fbimg2{ position: absolute;margin: 129px 0 0 25px;box-shadow: 0 0 10px #000;height: 100px; background:#fff;}
.fbimg2 span a{ width:100px; height:30px; color:#891a1a; background:#fbf81f; float:left; font-size:13px;margin-top: -34px;line-height: 30px;text-align: center;}
.fbimg2 span{ display: none;position:absolute; float:left; }
.fbimg2:hover span{ display: block}
.fbimg2 img{ width:100px; height:100px;}
.wrapper-content-box3 h1{position: absolute;width: 980px;float: left;line-height: 50px;font-size: 24px;color: #fff;background: rgba(0,0,0,0.3);text-indent: 150px;margin-top: 196px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.wrapper-content-box3 h1 span a{ font-size:13px; color:#fff; margin-left:15px; margin-top:-4px; padding:5px 8px 5px 32px;  }
.wrapper-content-box3 h1 .follow{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat 8px 4px #007bfa;text-indent: 18px; }
.wrapper-content-box3 h1 .follow:hover{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat 8px 4px #aceaff;text-indent: 18px; }
.wrapper-content-box5{ margin:10px auto 10px auto; display:block; width:980px; height:auto; padding:1px 0px; height:auto; background:#fffd83;color: #891a1a;box-shadow:0px 0px 3px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.wrapper-content-box5 span{padding: 4px 14px 2px 14px;display:block; font-size:12px; line-height:40px;}
.wrapper-content-box5 span b{ padding:0 20px 0 0; font-size:20px;line-height:30px;}
.wrapper-content-box5 span a{ float:right; line-height:30px; background:#fff; font-size:15px;padding:0 10px; margin:3px 0 0 10px; border:1px #ccc solid;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.wrapper-content-box5 span a:hover{background:#891a1a; color:#fbf81f}
.wrapper-content-box4{ margin:10px auto 60px auto; display:block; width:980px; height:auto; padding:1px 0px; height:auto; }
#post-textarea .post-textarea{ width:704px;width: 780px; margin-left: -77px; margin-top: 0px; }
#post-textarea .post-textarea li{float: none;}
#post-textarea .post-textarea .post-textarea-box{ width:98%; height: 400px; }
#post-textarea .post-titile{ width: 97%;}
#post-textarea .input-tag{ width:92%;margin-top: 10px;  }
#post-textarea .box3-btn{ cursor: hand;cursor:pointer;width:21%; float: left; display: block; height:50px; line-height: 50px; text-align: center;  margin-bottom: 0px; background:  #3F3F3F; margin:20px 1% 0 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:0px; padding:0; color:#fff; font-size:20px;}
#setting-nav a:hover ,#post-textarea .box3-btn:hover,#setting-nav .on a:hover{background-color: #ED1B24;color: #fff}
#post-list #contents th {padding: 10px;text-transform: uppercase;}
#post-list #contents th {border-bottom: 1px solid #f1f1f1;}
#post-list #contents tr th, thead th {font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px;}
#post-list #contents tr th, thead th {font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px;}
#post-list #contents th {border-bottom: 1px solid #f1f1f1;}
#post-list #contents tr td {border-bottom: 1px solid #f1f1f1;}
#post-list #contents table {text-align: left;margin: 0 -1px 24px 0;width: 100%;}
#post-list table {border: 1px solid #f1f1f1;border-bottom: 0;position: relative;}
#post-list tr td {padding: 8px 0px;font-size: 12px;}
#post-list table {border: 1px solid #f1f1f1;border-bottom: 0;}
#post-list .recordlist table {width: 760px;background: #ccc;font-size: 12px;border-radius: 4px;margin-left: -25px;}
#post-list .recordlist input{ width: 14px;margin-bottom: 0px;}
#post-list .recordlist .th1 {width: 20px;}
#post-list .recordlist th {background: #ccc; color: #000; font-weight: normal;padding: 4px 4px;}
#post-list .recordlist td {padding: 6px;line-height: 20px;  text-align: left;}
#post-list .recordlist .td2 a{font-size: 15px;}
#post-list .recordlist .th2 {width: 510px;}
#post-list .recordlist .th3 {text-align: left;float: left;}
#post-list .recordlist .td3 {text-align: left;  width: 90px;}
#post-list .recordlist .td4 {text-align: left; background: #ccc;}
#post-list .recordlist .td2 .publish{color: #CBCBCB;font-size: 12px;}
#post-list .recordlist .td2 .draft{color: #219724;background: #e3fad3;display: block;float: left;padding: 0 6px;}
#post-list .recordlist .td2 .cardsOffNote{background: #ffeaea;font-size: 13px;padding: 5px 8px;border: 2px solid #ED1B24;border-radius: 3px;color:#ED1B24;float: left;clear: both;}
#post-list .recordlist .e {background: #fbf81f;font-size: 13px;padding: 5px;width: 25px; border: 1px solid #b06800;border-radius: 3px;color:#891a1a; }
#post-list .recordlist .op {background:#d9ffcc;font-size: 12px;padding: 5px;border: 2px solid #2f7934;border-radius: 3px;color:#2f7934;float: left;clear: both;}
#post-list .recordlist .opING {background:#82F1FF;font-size: 13px;padding: 5px;border: 2px solid #0078BF;border-radius: 3px;color:#0078BF;float: left;clear: both;}
#post-list .recordlist .d {background: #fbf81f;font-size: 13px;padding: 5px;width: 25px; border: 1px solid #b06800;border-radius: 3px;color:#891a1a; }
#post-list .recordlist .p {font-size: 15px;margin: -60px 0 0 -31px;border-radius: 3px;color: #fff;width: 117px;height: 35px;line-height: 9px;text-indent: 19px;position: absolute;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #ED1B24 no-repeat 8px center;background-size: 20%;}
#post-list .recordlist .p:hover {background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #4ca3fc no-repeat 8px center;background-size: 20%;color: #fff;}
#post-list .recordlist tr:hover td{ background: #edf6f8;}
#post-list .recordlist .dd {border: 1px solid #ED1B24;background: #ED1B24;font-size: 13px;margin-top:0px;padding: 5px 10px;border-radius: 3px;color:#fff;width:inherit;height: 30px;  margin-left: 5px;}
#post-list .recordlist .dd:hover {border: 1px solid #000;background: #000;}
#post-list .recordlist .e:hover,#post-list .recordlist .d:hover {background: #b06800;padding: 5px;border-radius: 3px;color:#fff;text-decoration: none;} 
#post-list .navi-pages {padding: 30px 0 0px 0;}

#post-list .recordlist .nav li{float: left;margin-right: 1px;}
#post-list .recordlist .nav li a span{   padding: 1px 4px;border-radius: 4px;color: #ED1B24;font-size: 12px;}
#post-list .recordlist .nav li a{float: left;width: inherit;padding: 10px;background: #DFDFDF;color:#008ADF;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#post-list .recordlist .nav li a:hover{background: #222;color: #fff;}
#post-list .recordlist .nav .on a span{color: #ED1B24;  background-color: #FBF81F;}
#post-list .cardsOffNoteSend input{width: 300px;font-size: 13px;background: #fff;margin: 8px 0 0 0;}
#post-list .cardsOffNoteSend button{width: 46px;font-size: 13px;padding: 0;line-height: 30px;height: 30px;margin-left: 3px;margin-top: 8px;background-color: #6F6F6F;}


.articleCheckBox {
    background: #FFF7A3;
    font-size: 13px;
    margin-bottom: 50px;
    padding: 20px 16px;
    border: 1px solid #E6D996;
    border-radius: 6px;
    color: #ED1B24;
    float: left;
    clear: both;
    left: 85px;
    width: 612px;
    text-align: center;
    position: relative;
}
.articleCheckBox input{margin: 10px;}
.articleCheckBox .ok{background-color: #08AB13;color: #fff;padding:15px 10px;border-radius: 4px;margin-right: 0px;}
.articleCheckBox .notok{background-color: #ED1B24;color: #fff;padding:15px 10px;border-radius: 4px;margin-right: 10px;}

.articleCheckBox .cardsOffNoteSend{width: 270px;font-size: 13px;background: #fff;margin: 0px 0 0px 5px;padding: 4px;border: 0;border-radius: 2px;}
.articleCheckBox button {font-size: 15px;padding: 8px 22px;line-height: 30px;background: #000;color: #fff;border: 0px;border-radius: 4px;font-weight: bold;}
.articleCheckBox button:hover{
    background: #4080ff;cursor: pointer;}
#post-list .recordlist .nav .on a{float: left;width: inherit;padding: 10px;background: rgb(237, 27, 36);color: #fff;}
.navi-pages{ text-align:center; padding:30px 0 50px 0; clear:both;position: relative;z-index: 10;}
.navi-pages a,.navi-pages span{line-height: 36px;padding: 8px;font-size: 22px; text-decoration: none;}
.navi-pages a{color:#ED1B24;}
.navi-pages span{color:#ccc;}
.navi-pages a:hover{ color:#fff; background:#ED1B24;-webkit-border-radius: 2px;-moz-border-radius:2px;border-radius: 2px;}
.navi-pages .on{ color:#000; }
.navi-pages{ text-align:center}
.navi-pages{ text-align:center}
.settingpage a {color: #008ADF;}
.settingpage .recordlist{ width:600px; float:left; display:block;  margin:0px 0 0 -50px}
.settingpage .recordlist table{ width:600px;  background: #ccc; font-size: 12px;border-radius: 4px; }
.settingpage .recordlist th{background: #494949; padding: 9px; color: #ccc;}
.settingpage .recordlist td{background: #fff; padding: 9px;}
.settingpage .recordlist .th1{width: 70px}

.settingpage .recordlist .th3{text-align: right;}
.settingpage .recordlist .th4{text-align: right;}
.settingpage .recordlist .td1{text-align:center;}

.settingpage .recordlist .td3{text-align: right;}
.settingpage .recordlist .td4{ text-align: right;}
.DemoPage .op {background: #d9ffcc;font-size: 20px;padding: 9px 26px;border: 4px solid #2f7934;border-radius: 6px;color: #2f7934;clear: both;position: relative;right: 0;width: 600px;margin: 0 0 28px 0;}
.DemoPage .opING {background: #82F1FF;font-size: 20px;padding: 9px 26px;border: 4px solid #0078BF;border-radius: 6px;color: #0078BF;clear: both;position: relative;right: 0;width: 600px;margin: 0 0 28px 0;}
.DemoPage .cardsOffNote{background: #ffeaea;font-size: 20px;padding: 9px 26px;border: 4px solid #ED1B24;border-radius: 6px;color: #ED1B24;clear: both;position: relative;right: 0;width: 600px;margin: 0 0 28px 0;}
.DemoPage:before {
    content: "預覽 DEMO";
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    float: left;
    color: #f12b24;
    line-height: 50px;
    font-size: 26px;
    width: 100%;
    background: rgba(255, 249, 171, 0.89);
    z-index: 999999;
}

/** member login ***/
.search_page .headline_title h3:after {
    content: "的搜尋結果";
    font-size: 17px;
    font-family: "微軟正黑體";
    position: absolute;
    margin-left: -12px;color: #fff;
}
.search_page .searchBox input {
    opacity: 1;
    background: #E2E2E2;
}
.search_page .headline_title h3{color: #fbf81f;}


.search_page .headline_title h3:before {
    content: "\f002";
    font: normal normal normal 40px/1 FontAwesome;
    padding: 0px 14px 0 0;
    margin: 0 0 0 -0px;
    color: #000;
}
.search_page .gsc-refinementHeader{
    padding: 14px 20px;
    border-radius: 10px;
}
.search_page .gsc-above-wrapper-area {
    max-width: 780px;
}
.search_page .gsc-refinementBlock {
    margin: 0 0 10px 0;
}
.search_page .gs-web-image-box {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 2px 0 2px 16px;
    text-align: center;
}


.tag_page .adminedit {
    float: right;
    width: 300px;
    margin-top: -64px;
    padding: 0 20px 0 0;
}
.tag_page .editbutton {
    position: relative;
    z-index: 2;
}
.tag_page .editbutton a {

    font-size: 12px;
    background: #943337;
    padding: 4px 10px;
    float: right;
    color: #ffffff;
    border-radius: 3px;
}

.editpopupbox .popupbox {
    width: 100%;
    height: 100%;
    position: fixed;
    float: left;
    background: #000000c9;
    left: 0;
    top: 0;
    z-index: 8;
    display: none;opacity: 0;
}

.editpopupbox .popupboxbody {
    width: 450px;
    min-height: 250px;
    background: #fff;
    margin: auto;
    top: 20%;
    padding-bottom: 10px;
    position: relative;border-radius:7px;
}

.editpopupbox button.ok {
    cursor: hand;
    cursor: pointer;
    height: 50px;
    background: #ED1B24;
    margin: 0px auto 20px auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 0px;
    padding: 0 25px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    background: #c7c7c7;
}
.editpopupbox button.ok:hover{background: #ED1B24;}
.editpopupbox input{ width: 80%;margin:20px 9.5% 20px 9.5%;
    border: 1px solid #ccc;
    line-height: 28px;
    margin-bottom: 10px;
    background: #f8f8f8;
    font-size: 16px;
    text-indent: 5px;}
.editpopupbox textarea{
     width: 80%;margin: 20px 9.5% 20px 9.5%;
    height: 100px;
    border: 1px solid #ccc;
    line-height: 25px;
    margin-top: 10px;
    background: #f8f8f8;
    font-size: 16px;
}
.editpopupbox .close {
    background: #db232d;
    border: 0;
    color: #ffffff;
    padding: 11px 14px;
    font-size: 36px;
    font-weight: bold;
    border-radius: 0;
    position: absolute;
    border-radius: 0px;
    top: 20px;
    right: 20px;
    z-index: 2;
}
.editpopupbox .popupboxH3 {
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 100%;
    position: relative;
    background: #db232d;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.good72890 {
    text-align: center;
    float: left;
    width: 100%;
    background: #fff0 !important;
}
.good72890 iframe {
    min-height: 90px;
 }
.right_top_bb{ margin-bottom: 20px;}
.right_center_bb{margin: 0px 0 0px 0}
.right_center2_bb{margin-top: 20px;}


.single_page .ad_banner3 {
    position: relative;
    top: 20px;
    clear: both;
    display: block;
    margin: 0px auto 0px auto;
    width: 113%;
    text-align: center;
    background: #f7f7f7;
    padding: 30px 5.1% 30px 6.1%;
    margin-left: -13.6%;
}

.single_page .ad_banner3 iframe {
    margin: 0px 0 10px 0 !important;
    border: 0px #e8e8e8 solid;
}

.single_page .ad_banner3 {margin-bottom: 60px;}

.admin_edit {
    position: relative;
    right: inherit !important;
    top: 20px;
    z-index: 2;
    float: right;
}
.admin_edit a {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    border-radius: 100px;
    padding: 5px 10px;
    margin: 0px 8px 0 -2px;
    border: 1px #fff solid;
}
.admin_edit a:hover{
    color: #fff;
    border: 1px #ed1b24 solid;
    background: #ed1b24;
}

.co_branded_single .admin_coverCrop1 {
    right: 76px;
}
.co_branded_single .admin_coverCrop2 {
    right: 177px;
}


.admin_edit.admin_adsm.on a:before {
    content: "\f00c  已";
    font-family: FontAwesome;
}
.admin_edit.admin_adsm.on a {
    background: #087b00;
}
.admin_coverCrop1{right: 174px;}
.admin_Sticky{right: 174px;}
.admin_coverCrop2{right: 240px;}
.coverCropDiv{position:fixed;left: 0;top: 0;background: #000000e3;width: 100%;height: 100%;display: none;opacity:0;transition: all 0.1s;z-index: 10;}
.coverCropBody {width: 800px;width: 96%;display: block;margin: auto;top: 33px;height: 80Vh;background: #fff;background: #5a76b5;position: relative;text-align: center;border-radius: 3px;padding: 50px 0 20px 0;overflow: hidden;}
.coverCropDivOver {width: 482px;height: 24px;display: block;position: absolute;background: #f30d00;margin: auto;z-index: 2;border-left: 1px #000 solid;border-right: 1px #000 solid;color: #000;text-align: center;font-size: 12px;line-height: 26px;left: 50%;margin-left: -241px;top: 50px;}
.coverCropDivOver:hover{height: 393px;background: #fbf81f8f;}
.coverCropimg_range{position: relative;display: block;margin: auto;text-align: left;width: 688px;height: 360px;background: url(../images/fb_688360.gif)no-repeat center top;background: #0000004a;background-size:688px;  }


.coverCropfooter{margin-top: 15px;position: absolute;
    right: 1%;
    bottom: 2%;}
.coverCropDiv button {background: #f01514;border: 0;color: #fff;padding: 9px 15px;font-size: 16px;font-weight: bold;border-radius: 0;margin: 0 5px;position: relative;}
.coverCropDiv button:hover {background: #000; color: #fff;}
.coverCropDiv button.close {padding: 7px 9px;position: absolute;top: 38px;border-radius: 0px;right: 2.1%;}

.coversquare,.coverfb{z-index: 9;}
.coverCropimg_range:before{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -1px 0 0 -1px;
    border: 1px #00e0f3 solid;
    content: "";
    z-index: 11;
    display: block;pointer-events: none;opacity: 1;border: 1px #f30d00 solid;
    }


.admin_date {z-index: 2;
    position: relative;
    right: inherit;
    top: 20px;
    float: right;
}
.coverCropBody {background: #eee;background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0),linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0);background-position: 0 0, 15px 15px;background-size: 30px 30px;}

.coverCropDiv1 .coverCropimg_range{width: 360px;}


.coverCropimg_range:hover img, .coverCropimg_range:active img {
    outline: 2px dashed rgba(222,60,80,.9);cursor: move;
}

.coverCropDiv1 .coverCropimg_range:after {
    content: "360x360px";
    position: absolute;
    color: #f30d00;
    font-size: 15px;
    top: -9%;
    left: 1%;
    font-weight: bold;
}
.coverCropDiv2 .coverCropimg_range:after {
    position: absolute;
    color: #f30d00;
    font-size: 15px;
    left: 1%;
    font-weight: bold;
    content: "1200x628px";
    top: -6%;
}


.coverCropDiv span.c1 {
    position: fixed;
    right: 2%;
    left: 2%;
    top: 33px;
    height: 49px;
    background: #888888b8;
    float: left;
    z-index: 1;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    pointer-events: none;
}
.coverCropDiv span.c2 {
    position: absolute;
    right: -1000px;
    left: -1000px;
    margin-top: 361px;
    height: 1000px;
    background: #888888b8;
    float: left;
    z-index: 1;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    pointer-events: none;
}
.coverCropDiv span.c3 {
    position: absolute;
    left: -3000px;
    margin-top: -1px;
    height: 362px;
    width: 3000px;
    background: #888888b8;
    float: left;
    z-index: 1;
    pointer-events: none;
}
.coverCropDiv span.c4 {
    position: absolute;
    right: -3000px;
    margin-top: -1px;
    height: 362px;
    width: 3000px;
    background: #888888b8;
    float: left;
    z-index: 1;
    pointer-events: none;
}


.coverCropDiv button.close {
    z-index: 2;
}
.coverCropfooter {
    z-index: 2;
}
.coverCropDiv .coverCropimg_range:after {
    z-index: 2;
}
.coverCropimg_range {
    background: none;
}


.admin_date label {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    border-radius: 100px;
    padding: 5px 10px;
    margin: 0px 8px 0 -2px;
    border: 1px #fff solid;
}
.admin_date span:hover{
    color: #fff;
    border: 1px #ed1b24 solid;
    background: #ed1b24;
 }
.admin_date span {
    position: absolute;
    right: 15px;
    top: 11px;
}

.admin_date .mod-1 {
    left: 73px;
    top: -1px;
    position: absolute;
    z-index: 2;
    padding: 0px 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    border: 1px #ed1b2400 solid;
    background: #ed1b2400;
    border-radius: 40px;
}

.admin_date .mod-2 {
    float: left;
    width: 380px;
    height: 160px;
    background: #db232d;
    position: absolute;
    top: 34px;
    left: -300px;
    padding: 15px 20px;
    border-radius: 5px;
}

.admin_date .label-1 {
    position: absolute;
    z-index: 2;
    padding: 0px 0px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    color: #fff;
    border: 1px #ed1b2400 solid;
    background: rgba(255, 255, 255, 0);
    border-radius: 40px;
    left: 90px;
    top: 41px;
}
.admin_date .label-1:hover{
    border: 1px #ed1b2400 solid;
    background: rgba(255, 255, 255, 0);}

.admin_date .label-2 {
    width: 90px;
    display: block;
    padding: 0 0 0 0px;
    line-height: 24px;
    top: -4px;
    position: relative;
    text-align: center;
}
.admin_date .label-2:hover{
    color: #fff;
    border: 1px #ed1b24 solid;
    background: #ed1b24;}

.admin_date .label-2 .no {
    position: absolute;
    background:  #d1180f;
    color:#fbf81f;
    padding: 0 6px;
    border-radius: 100px;
    margin: -11px 0 0 -4px;
}

.admin_date input[type='radio']{ display: none;}
.admin_date .tab label{
	display: block;
	cursor: pointer;
	position: absolute;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #eee;
}
.admin_date input[type='radio']:checked~div[class^='mod']{display: block;}

[class^='mod']{
display: none;
}

.admin_date #dtt input{display: block;float: left;}
.admin_date #dtt {font-size: 14px; 
     color: #fbf81f;font-weight: bold;}
.admin_date #dtt li{float: left;width: 100%;margin: 5px 0;}

.admin_date #dtt button {
    float: left;
    width: 100%;
    margin: 5px 0;
    color: #fff;
    background: #000;
    border: 0px;
    border-radius: 6px;
    padding: 6px 0;
    font-size: 14px;
    font-weight: bold;
}


 
 
    
.DemoPage {padding-top: 50px;}
.DemoPage .right_top_bb {float: left;width: 300px;height: 180px;background: #EFEFEF;}
.DemoPage .right_center_bb {float: left;width: 300px;height: 160px;background: #EFEFEF;}
.DemoPage .right_center2_bb ,.DemoPage .right_bottom_bb{float: left;width: 300px;height: 600px;background: #EFEFEF;}
.DemoPage .good72890 {float: left;width: 728px;height: 90px;background: #EFEFEF;padding: 0px 0;margin: 40px;}

.DemoPage .article_info {margin-bottom: 70px;}


.DemoPage .outer-wrap:after {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(207, 241, 251, 0.72);content: "";z-index: 4;}

.DemoPage.single_page #content ,.DemoPage.single_simple .single_header{position: relative;z-index: 99;}


.page404 #sidebar{display: none;}

.page404 .single-display{text-align: center;padding: 20px 0 40px 0;}
.page404 .single-display p {
    font-size: 28px;
    line-height: 80px;
    width: 100%;
    text-align: center;
    color: #db232d;
}
.page404 .single-display img{width: 80%;border-radius: 10px;clear: both;margin: 0 0 30px 0}

.links{    
    height: 30px;
    background: #db232d;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;padding: 13px 100px;
    margin-top: 13px;}
.links:hover{background: #fff;box-shadow: 0 0 3px #ccc;}


#content,.bodyWidth{width: 1120px}
#left-content {width: 800px;}
.clickover ,.news_list .card .image>a.clickover{    opacity: 0.4;color: #ccc;}


.single_page ._popIn_recommend_container {
    text-align: left;
    padding: 10px 0px 15px 15px;
    position: relative;
    clear: both;
    overflow: hidden;
    width: 750px;
}
.single_page ._popIn_recommend_header {
    padding-top: 10px;
    border-top: 0px;
    border-top-style: dotted;
    border-top-color: black;
    color: #ea202e;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    text-indent: 16px;
}
.single_page ._popIn_recommend_article {

    display: inline-block;
    width: 30.3%;
    margin-left: 2.5%;
    margin-right: .5%;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top;
}
.single_page ._popIn_recommend_art_img a{
    box-shadow: 0 0 1px #8a8a8a;}

.fb_dialog.fb_dialog_advanced {
    margin: -30px 0 0 -440px;
}

.co_branded_video_single .tag {
    top: -3px;
    position: relative;
}
.co_branded_video_single .tag a {
    float: left;
    padding: 0px 8px;
    height: 25px;
    line-height: 25px;
    background: #ab0d11;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
    border-radius: 3px;
}

.co_branded_video_single .tag:before {
    content: "Tags :";
    float: left;
    font-size: 13px;
    width: 45px;
    text-align: center;
    line-height: 23px;
    color: #dd1e25;
}


.co_branded_video_single .post-video .titile {
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    line-height: 36px;
}
.co_branded_video_single .co_branded_menu{width: 1120px;
    margin: 30px auto -5px auto;}

.co_branded_video_single #footer {
    background: #fff;}
.co_branded_video_single .rank_list li ,
.co_branded_video_single .new_posts h3,
.co_branded_video_single .new_posts ul{
    background: none !important;
}

.co_branded #content {padding-top: 0px;}

.co_branded_single .single_header{margin-top: 0;}
.co_branded_menu {
    overflow: hidden;
    width: 1120px;
    margin: 30px auto 4px auto;
    display: block;
    position: relative;
    background: url(../images/gb_bg.gif) center bottom no-repeat #bd1a1a;
    border-radius: 4px;
    height: 180px;
}
.co_branded_menu .co_logo {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.co_branded_menu .co_logo .lo {
    width: 265px;
    float: left;
    position: relative;
    margin: -8px 0 0 11px;
}
.co_branded_menu .co_logo .lo img {
    width: 100%;
    height: 100%;
}
.co_branded_menu .co_tit a {
    position: absolute;
    color: #ed1b24;
    font-size: 26px;
    font-weight: bold;
    line-height: 38px;
    margin-top: 7px;
}

.co_branded_menu .co_menu_list ul,
.co_branded_menu .co_menu_list li {
    float: left;
}
.co_branded_menu .co_menu_list li a {
    float: left;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    background: #0000008a;
    margin-right: 5px;
}
.co_branded_menu .co_menu_list li a:hover,
.co_branded_menu .co_menu_list li.on a {
    background: #ffcc01;
    color: #000000;
}
.co_branded_menu .co_menu_list li:nth-last-child(2) a, .co_branded_menu .co_menu_list li:nth-last-child(1) a {
    background: #c32e3700;
    color: #fff;
    padding: 0 7px;
    font-size: 13px;
    line-height: 29px;
}
.co_branded_menu .co_menu_list li:nth-last-child(2) {position: absolute;top: -115px;right:108px;}
.co_branded_menu .co_menu_list li:nth-last-child(1) {position: absolute;top: -115px;right: 0;}
.co_branded_single .single_header .tag {margin-top: 35px;}
.co_branded_single .single_header .tag a{ background: #ab0d11;}
.co_branded_single .single_header .bg{opacity: 0.3;}

   
.index.co_branded .co_branded_menu {
    margin: 30px auto 15px auto;
    border-radius: 4px;
}

.co_branded .news_list .card .text h2 a {
    font-size: 32px;
    line-height: 38px;
}

.card.facebook_box {margin: 0px 0 20px 0;}
.co_branded_single .outer-wrap {height: 45px;}
.co_branded_single .co_branded_menu{margin: 20px auto 4px;}

.co_branded .news_list .card .image{min-width: 300px;}
.co_branded .news_list .card .image>a {opacity: 0.8;}
.co_branded .news_list .video .image>a {opacity: 1;}
.co_branded_single .news_list .card .image{min-width: 250px;}

.co_branded_tag .news_list h3.headline_title:before {
    content: "#";
}
.co_branded_tag .news_list h3.headline_title:after {
    content: "的相關文章";
    font-size: 14px;
    position: absolute;
    margin-left: -12px;
    margin-top: 9px;
    color: #fff;
}

.co_branded .left-content-box-left div{width: 100%;float: left;}
.co_branded .left-content-box-left{width: 175px;float: left;border-radius: 4px;overflow: hidden;z-index: 1;position: relative;}
.co_branded .left-content-box-left .channel_logo{background: #db232d;}
.co_branded .left-content-box-left .channel_logo a{width: 100%;float: left;text-align: center;padding: 0;}
.co_branded .left-content-box-left .channel_logo img{width: 100%;}
.co_branded .left-content-box-center{width: 800px;float: left;margin-right: 20px;}
.co_branded .channel_menu{background: #000000;}
.co_branded .channel_menu li{float: left;width: 100%;height: 43px;line-height: 43px;border-bottom: 1px #313131 solid;font-size: 18px;}
.co_branded .channel_menu a{float: left;color: #fff;width: 100%;height: 43px;line-height: 43px;text-indent: 22px;font-weight: bold;position: relative;}
.co_branded .channel_menu .on a{color: #db232d;background: #9e9e9e}
.co_branded .channel_menu a:hover{color: #db232d;background: #fff;}
.co_branded .channel_menu a:after {border: 8px solid;border-color: transparent transparent transparent #6f6f6f;height: 0;width: 0;position: absolute;right: 5px;top: 13px;content: "";display: inline-block;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.co_branded .channel_menu .on a:after {border-color: transparent transparent transparent #db232d;}
.co_branded .channel_menu a:hover:after {border-color: transparent transparent transparent #db232d;}
.co_branded .channel_member{background: #fff;}
.co_branded .channel_member h3 {color: #757575;font-size: 13px;padding: 10px 0 5px 17px;}
.co_branded .channel_member ul {margin: 0 0 0 10px;}
.co_branded .channel_member img {width: 40px;border-radius: 100%;margin: 2px 0 0 4px;border: 3px #bbbbbb solid;}
.co_branded .channel_member img:hover {border: 3px #db232d solid;}
.co_branded .channel_member .more {margin-bottom: 5px;}
.co_branded .channel_member .more a {
    font-size: 12px;
    width: 92%;
    background: #efefef;
    margin: 5px 3% 3px 0;
    float: right;
    text-align: center;
    line-height: 22px;
    color: #000;
    border-radius: 4px;
}
.co_branded .channel_member .more a:hover{background: #db232d;}
.co_branded .news_list .card .text {float: left;position: relative;padding: 35px 30px 20px 330px;word-break: break-all;width: 440px;}
.co_branded .news_list .card .text p {
    max-height: 56px;
    line-height: 19px;
    color: #a9a9a9;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    height: initial;
}

.co_branded .news_list .sticky .text p {
    height: 30px;
    color: #ffffff;
    width: 79%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    display: none;
}
.co_branded .news_list .sticky:after {
    content: "";
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    position: absolute;
    border-radius: 5px;
    z-index: 1;
    opacity: 0.7;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.81) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 );
}
.co_branded .news_list .card .text .tagline{margin-top: 5px;}
.co_branded .news_list .card .image {min-height: 220px;height: 100%;}
.co_branded .news_list .card {min-height: 220px;border-radius: 4px;overflow: hidden;}
.co_branded .news_list .video .image>a:before {content: "";position: absolute;width: 100%;height: 100%;left: 0%;top: 0%;background: rgba(17,17,17,0);}
.co_branded .news_list .video .image>a:after {content: "";position: absolute;height:100%;width:100%;left: 0;top:0;background: url(../images/playvideo.gif) center center no-repeat #00000026;background-size: 50px;}
.co_branded .news_list .video.sticky .image>a:after {display: none;}
.co_branded .news_list .video.sticky .image>a{background-size: 100%;}
.co_branded .news_list .video .image>a {float: left;min-width: 100%;min-height: 100%;position: absolute;background-position: center center;background-size: 200%;}

.co_branded .news_list .video .image>a:hover:before{
    background: rgba(130,0,0,0.7);
	
}
.co_branded .news_list .video .image>a:before:before {    content: "";
    position: absolute;
    border: 14px solid;
    border-color: transparent transparent transparent #fff;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -6px;
}
.co_branded .news_list .card .text .info {font-weight: 500;}

.co_branded .news_list .sticky .image:after,
.co_branded .news_list .sticky:hover .image:after,
.co_branded .news_list .video .image>a:hover:before,
.co_branded .news_list .video .image>a,
.co_branded .news_list .video .image>a:before{
transition: background-size .2s ease-in;
-moz-transition:.2s ease-in;
-ms-transition:  .2s ease-in;
-o-transition: .2s ease-in;
-webkit-transition:  .2s ease-in;
}
.co_branded .card .image .tags a {
    opacity: 1 !important;
    border-bottom-right-radius: 5px;
}
.co_branded .news_list .sticky {
    width:800px;position: relative;overflow: inherit;
}
.co_branded .news_list .sticky .image a{opacity: 1;}
.co_branded .news_list .sticky .image {
    min-height: 100%;
    height: 100%;
    min-width: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 4px;overflow: hidden;
}
.co_branded .news_list .sticky .image:after {
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
    position: absolute;
    background: url(../images/154478050864.gif);
    opacity: 0.5;
}

.co_branded .news_list .sticky:before {
    height:60px;
    width: 45px;
    z-index: 3;
    content: "";content: "置頂";    
    font-weight: bold;
    font-size: 13px;
    color: #ffcd00;
    text-align: center;
    line-height: 34px;
    background:url(../images/ico_sticky.png) ;
    position: absolute;
    right: 10px;
    top: -10px;
}

.co_branded .news_list .card .image .tags {
    z-index: 2;
}


.co_branded .news_list .sticky .text h2 a {
    font-size: 36px;
    line-height: 1.1;
    color: #fff;
    font-weight: 700;
    width: 78%;
    padding-right: 22%;
    float: left;
    display: block;
    margin-bottom: 10px;
}

.co_branded .news_list .sticky .text .author a:hover,
.co_branded .news_list .sticky .text h2 a:hover{color: #ff2424;}
.co_branded .news_list .sticky:hover .image:after{background: rgba(56,0,0,0.4);box-shadow: 0 -50px 150px rgba(0, 0, 0, 0.7) inset;}


.co_branded .news_list .sticky .text .tagline .tag{display: none;}
.co_branded .news_list .sticky .text .tagline {
    float: right;
    width: 110px;
    margin-top: 0;
    height: 30px;
    right: 5px;
    position: absolute;
    bottom: 0;
}
.co_branded .news_list .sticky .text .author {
    float: right;
    text-align: right;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    padding: 2px 0px 0 0;
}
.co_branded .news_list .sticky .text .author a {
    color: #db232d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 89%;
    float: left;
}
.co_branded .news_list .sticky .text .author img {
    margin: -6px 0 0 -39px;
    border: 2px #db232d solid;
}
.co_branded .news_list .headline_title,
.co_branded .news_list h3.headline_title {
    padding-top: 0;
    line-height: 20px;
    margin-bottom: 12px;
}
.co_branded .news_list .headline_title,
.co_branded .news_list h3.headline_title {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.7;
    margin-bottom: 12px;
    font-size: 24px;
    background: #db232d;
    color: #fff;
    text-indent: 20px;
    border-radius: 4px;
}
.co_branded .news_list .good72890 {
    min-height: inherit;
    width: 100%;
    background: #fbfbfb;
}
.co_branded .wp-pagenavi a,
.co_branded .wp-pagenavi span.pages,
.co_branded .wp-pagenavi span.extend,
.co_branded .wp-pagenavi span {margin-right: 0px;}

.co_branded #pageNavi {
    width: 1120px;
    margin-left: -195px;position: relative;
    z-index: 0;
}
.co_branded .footer_bb:after {
    border-top: 0px #fff solid;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: -76px;
}
.co_branded .in_sticky a:hover{color: #dd1f25;}

.co_branded .log_button {
    float: left;
    width: 70px;
    height: 30px;
    background: #fbf81f;
    color: #db232d;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    text-indent: 7px;
    line-height: 30px;
    margin-top: 8px;
}
.co_branded .channel_log #log-menu {margin-top: 45px;margin-left: -22px;}

.co_branded_single #content {
    padding-top: 0px;
}


.co_branded_single .channel_logo {
    z-index: 2;
    float: left;
    position: absolute;
    width: 130px;
    height: 130px;
    background: #ed1b24;
    text-align: center;
    margin:10px 0 0 10px;
    border-radius: 5px;
    overflow: hidden;    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.co_branded_single .channel_logo img{
    width: 100%;
}
.co_branded_single .channel_logo:hover{box-shadow:0 0 30px #ed1b24;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}

.co_branded_single .news_list {
    width: 680px;
    margin-left: 60px;
    margin-top: 0;
    float: left;
}
.co_branded_single .news_list .sticky {
    width: 680px;
}
.co_branded_single .news_list .card {
    min-height: 220px;
    background: #f9f9f9;
    width: 680px;
}
.co_branded_single .good_twins {
    width: 800px;
    margin: 30px 0 -15px 0;
}
.co_branded_single .news_list .card .text {
    float: left;
    position: relative;
    padding: 35px 30px 20px 285px;
    word-break: break-all;
    width: 430px;
}
.co_branded .news_list .sticky .text {
    float: left;
    position: relative;
    margin-top: 44px;
    bottom: 15px;
    padding: 160px 6% 0px 6%;
    word-break: break-all;
    width: 88%;
    z-index: 2;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.52);
}


.co_branded_single .news_list .sticky .text {
    padding: 15px 6% 0px 6%;
}
.news_list .card .image{height: 100%;min-height:100%;}
.co_branded_single .footer_bb:after{display: none;}

.co_branded_single .single_header .cat a:hover{color: #fff;border: 1px #fff solid;background: rgba(220,35,44,0);}

.co_branded_single .more_article{display: none;}
.co_branded_single .more_article {
    width: 800px;
    background: #fff;
}
.co_branded_single .more_article li {
    margin: 0 0 20px 20px;
    width: 230px;height: 260px;
}
.co_branded_single .more_article ul {
        margin: 15px 0 10px 10px;
    overflow: hidden;
}
.co_branded_video_single .more_article ul {
    margin: 15px 0 10px 0px;
    height: 260px;
    overflow: hidden;
}

.co_branded_single .more_article .text a {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #111;
    float: left;
}
.more_article .image:hover {
    box-shadow: 0px 0px 3px #ccc;
}

.co_brande_member .member_searchTAGinput input {
    width: 155px !important;
    position: absolute;
    margin: -45px 0 0 0;
    font-size: 13px;
    right: 57px;
    height: 27px;
}


.co_brande_member .wrapper-content-box2{width: 676px;}

.co_brande_member .wrapper-content{padding: 20px 0 0px 0;}

.co_brande_member #post-list .recordlist table {
    width: 830px;
    background: #ccc;
    font-size: 12px;
    border-radius: 4px;
    margin-left: -26px;
}
.co_brande_member #post-list .recordlist .td2 a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    color: #0050bf;
}
.co_brande_member #setting-nav a {
    text-align: left;
    width: 200px;
    float: left;
    line-height: 45px;
    text-indent: 30px;
    font-size: 18px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    color: #e22f37;
    background: #9e9e9e;
    font-weight: bold;
}

.co_brande_member #setting-nav i {
    float: right;
    margin: 15px 15px 0 0;
}

.co_brande_member #setting-nav a:hover,
.co_brande_member #setting-nav .on a {
    background-color: #000;
    color: #fff;
}

.co_brande_member .recordlist .in {
    width: 106px;
    position: absolute;
    margin-top: -61px;
    text-align: center;
}
.co_brande_member .navi-pages a, .co_brande_member .navi-pages span {
    margin-left: 11px;
    background: #efefef;
    color: #8c8c8c;
}
.co_brande_member .settingpage .recordlist {
    width: 780px;
}
.co_brande_member .navi-pages a:hover {
    color: #fff;
    background-color: #e22f37;
}
.co_brande_member #setting-nav {
    margin: -50px 0 0 -300px;
}
.co_brande_member_post #post-textarea .post-textarea {
    width: 710px;
    margin-left: -10px;   
}

.co_brande_member .channel_logo {
    text-align: center;
    width: 180px;
}
.co_brande_member .channel_logo img {
    text-align: center;
    height: 150px;
    padding: 20px 0;
    border-radius: 0;
    width: initial;
}
.co_brande_member #setting-nav .channel_logo a {
    text-align: center;
    width: 100%;
    text-indent: 0;
    border-radius: 7px;
    margin-bottom: 20px;
    background-color: #e22f37;
}
.co_brande_member #post-textarea .post-textarea .post-textarea-box {
    min-height: 580px;height: inherit;
}

.co_brande_member li.co_b_tag {
    width: 100%;
}
.co_brande_member_profiles_edit #post-textarea .post-textarea {
    /*margin-left: 64px;*/    margin-left: 0px;
    width: 650px;
}
.co_brande_member_profiles_edit .profileMenu {
    padding: 12px 17px;
    background: #DB232D;
    color: #FFFFFF;
    font-size: 13px;
    border-radius: 5px;
}
.co_brande_member_profiles #profiles {
    margin: 0px auto 20px auto;
    background: #db232d;
}
.co_brande_member_profiles #profiles h1 {
    color: #ffffff;
}
.co_brande_member_profiles #profiles p {
    color: #fff;}
.co_brande_member_profiles .profileMenu {
    padding: 13px 0;
    background: #161618;
    color: #ffffff;
    font-size: 13px;
    border-radius: 5px;
    margin: 10px 0 -7px 35%;
    width: 30%;
    position: relative;
    top: 10px;
}
.co_brande_member_profiles .news_list .card .text {
    float: left;
    position: relative;
    padding: 35px 30px 20px 285px;
    padding: 40px 30px 35px 285px;
    word-break: break-all;
    width: 290px;
    width: 485px;
}
.co_brande_member_video li.radio_bt {
    width: 550px;
    margin: 6px auto 10px auto;
    text-align: left;
    line-height: 32px;
    padding: 10px 0 0px 20px;
    background: #F5F5F5;
    border-radius: 3px;
    border: 1px #DCDCDC solid;
    text-shadow: 0px 1px 0px #fff;
}
.co_brande_member_video select {
    width: 490px;
    border: 1px solid #ccc;
    line-height: 28px;
    margin-bottom: 10px;
    background: #fff;
    font-size: 16px;
    text-indent: 5px;
}
.co_brande_member_video .radio_bt b {
    float: left;
    padding: 3px 0 14px 0px;
    font-size: 13px;
}
.co_brande_member_video .radio_bt .close {
    color: #949494;
    font-style: normal;
    font-size: 13px;
}
.co_brande_member_video .radio_bt .open {
    color: #0FA519;
    font-style: normal;
    font-size: 13px;
}
.co_brande_member_video .radio_bt input {
    width: initial;
    border: 0px solid #ccc;
    line-height: 28px;
    margin: 0 5px 0 5px;
    background: #fff;
    font-size: 15px;
    text-indent: 0;
}
.co_brande_member_video .pov {
    width: 580px;
    margin: 0 0 0 50px;
    min-height: 440px;
}
.co_branded_single .article_bottom_more {
    margin: 0px 0;
    margin: 0px 0 15px 0;
    float: left;
    width: 800px;
    background: #fff;
}

.co_branded_single .ad330280x2 {
    background: #f7f7f7;
    width: 710px;
    float: left;
    padding: 25px 50px 25px 40px;
    margin-top: 10px;
}
.co_branded_single .ad330280x2 span {
    background: rgba(255, 255, 255, 0);
}
.ad330280x2 span{
    width: 48% !important;}
.co_branded_video_single #video-single {
    width: 800px;
    float: left;
    position: relative;
    margin-top: 10px;
}

.co_branded_video_single .video-iframe {
    width: 800px;
    height: 450px;
}

.co_branded_video_single .ad2top72890 {
    padding: 15px 0 10px 0;
    width: 800px;
}


.co_branded_video_single .post-video {
    padding: 5px 35px 10px 35px;
    width: 730px;
}
.co_branded_video_single .post-video .cat-video {
    width: 760px;
    float: left;
    border-top: 1px #e6e6e6 solid;
    margin-top: 5px;
    margin-left: -35px;
    margin-bottom: -30px;
    padding: 10px 20px 10px;
    font-size: 13px;
    background: #f7f7f7;
    height: 33px;
}

.co_branded_video_single .news_list {
    width: 680px;
    margin-left: 42px;
    margin-top: 12px;
    float: left;
}
.co_branded_video_single .more_article {
    width: 760px;
}
.co_branded_video_single .more_article li {
    margin: 0 0 30px 20px;
    width: 220px;
}
.co_branded_video_single .more_article .card {
    padding: 0 0 0 10px;
}
.co_branded_video_single .more_article .image {
    width: 220px;
    height: 155px;
    overflow: hidden;
    margin-bottom: 10px;
}
.co_branded_video_single .post-video .cat-video li a {
    line-height: 20px;
    color: #ed1b24;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
}
.co_branded_video_single .post-video .cat-video li a:hover {
    color: #fff;
    background: #ed1b24;
    padding: 8px;border-radius: 4px;

}
.co_branded_about .single_header .bg {
    background-image: url(../images/geekbase_logo.png);
    background-color: #ed1b24;
    background-position: center 62% !important;
    background-size: 1120px !important;
}
.co_branded_about .single_header .title h1 {
    line-height: 84px;
    padding-top: 140px;
    width: 100%;
    margin-left: 4%;
    text-align: center;
    font-size: 53px;
}
.co_branded_about h3.tit {
    line-height: 38px;
    color: #ffffff;
    background: #db232d;
    text-align: center;
    font-size: 22px;
    display: block;
    padding: 10px 0;
    float: left;
    width: 40%;
    margin: 20px 0 60px 30%;
}
.co_branded_about .member_list {
    width: 880px;
    margin-left: -125px;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.co_branded_about .member_list .member_a1 {
    width: 48%;
    float: left;
    padding: 0px 1% 0 0%;
    margin-bottom: 10px;
    margin-right: 1%;
    background: #1b1b1b;
    color: #fff;
}

.co_branded_about .member_list .Team_member_img {
    width: 200px;
    float: left;
    padding: 0px 16px 0 0;
}
.co_branded_about  .member_a1 p {
    line-height: 30px;
    font-size: 17px;
}
.co_branded_about .member_list .member_a1 h3 {
    line-height: 26px;
    font-size: 18px;
    margin: 26px 0 6px 0;
}
.co_branded_about .member_list .member_a1 p {
    line-height: 18px;
    font-size: 14px;
}
.co_branded_about a.fb {
    background: #db232d;
    color: #efefef;
    padding: 3px 6px;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 15px;
}
.co_branded_about .member_list .member_a2 {
    width: 46%;
    float: left;
    padding: 20px 0% 20px 0%;
    margin-bottom: 10px;
    margin-left: 27%;
    background: #1b1b1b;
    color: #fff;
}

.co_branded_about .member_list .member_a2 .Team_member_img {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0 15px 0;
}
.co_branded_about .member_list .member_a2 h3 {
    line-height: 26px;
    font-size: 20px;
    margin: 26px 0 6px 0;
    text-align: center;
}

.co_branded_about .member_list .member_a2 p {
    line-height: 18px;
    float: left;
    font-size: 14px;
    padding: 0 10%;
}

.co_branded_about .facebook_box_iframe {
    height: 214px;
    margin: -30px auto 70px auto;
    width: 502px;
    padding: 17px;
    background: #4969a9;
    margin-left: 37px;
    float: left;
    position: relative;
    overflow: hidden;
}
.co_brande_member_post ul.post-textarea p {
    line-height: 26px;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 34px;
    font-size: 18px;
    margin-bottom: 24px;
}
.co_brande_member_post ul.post-textarea p img {
    margin: 10px auto;
    max-width: 640px;
    width: 640px !important;
    height: initial !important;
    text-align: center;
    display: block;
}

.co_brande_member_post .fr-box.fr-basic .fr-element{padding:0 28px 10px 28px;}

.co_brande_member #post_category {
    width: 490px;
    border: 1px solid #ccc;
    line-height: 28px;
    margin-bottom: 10px;
    background: #fff;
    font-size: 16px;
    text-indent: 5px;
}
.co_brande_member .taginfo {
    float: left;
    width: 96%;
    font-size: 13px;
    color: #b14444;
    background: #fdfca9;
    padding: 10px 1% 10px 2%;
    margin: 15px 0 0 0;
    border-radius: 3px;
    line-height: 20px;
}
.co_brande_member .popuptagsok {
    float: left;
    padding: 5px 2% 9px 2%;
    margin: 0 0 0 0;
    background: #d4eefb;
    width: 95%;
    border-radius: 3px;
}
.co_brande_member textarea#message {
    width: 543px;
    padding: 5px 7px;
    margin: 0 0 -7px 0;
}

.co_brande_member .post_tag input {
    width: 655px;
      width: 511px;
    margin: 10px 0 10px 0;
}
.co_brande_member #post_category {
    margin-top: 10px;
    width: 490px;
    height: 40px;
    background: #f3f3f3;
     font-size: 16px;
    text-indent: 5px;
}
.more_correlative li::after,
.more_correlative li:before{display: none;}


.more_correlative li{width: 290px;}

.more_correlative .image {
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    background: url(../images/154478050864.gif) #696969;
}
.more_correlative .image a {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    opacity: 0.7;
}

.more_correlative .image a:hover{opacity: 0.9; background-color: #fff}
.more_correlative .image img {
    width: 120%;
    left: 50%;
    position: absolute;
    margin-left: -60%;
}
.more_correlative .text {
    width: 100%;
    height: auto;
    padding-right: 0;
    background: none !important;
}
.more_correlative .text a {
    float: left;
    width: 97%;
    height: auto;
    padding: 7px 3% 12px 0%;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    font-weight: bold;
}

.new_posts {
    width: 1120px;
    margin: auto;
    display: block;
    position: relative;
    background: #fff;
}

.new_posts li {
    width: 350px;
    margin: 0 0 5px 10px;
}

.new_posts h3 {
    background: #fff;
    text-align: center;
    font-size: 24px;
    position: relative;
    padding: 10px 0 10px 0;
}
.new_posts ul{background: #fff;
    padding: 0 0 20px 15px;}

.new_posts .image{height: 170px;}
.new_posts .text a {
    float: left;
    width: 93%;
    padding: 7px 3% 0px 0%;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 5px;
    height: 66px;
}
.video-single #header {
    height: 45px;
}

.dan_pmp970 {
    position: relative;
    z-index: 0;
    width: 100%;
    float: left;
}
.dan_pmp970 .box a,
.dan_pmp970 .box>div {
    background: #e3e3e3;
    float: left;
    width: 100%;
}
.dan_pmp970 .box a img,
.dan_pmp970 iframe {
    margin: 20px auto;
    display: block;
}
    
.bannerX{position: relative;z-index: 9;padding: 15px 0;width: 100%;background: #272727;float: left;height: 250px;}
.bannerX .box{width: 970px;display: block;margin: auto;}

.search_google .card.list{min-height: 1800px;width: 800px;background: inherit !important;}
.search_google .loading{ background: url(../images/loading.gif) center center no-repeat #fff;float: left;width: 100%;min-height: 100px;background-size: 30px;}
.index .dan_pmp970{margin-bottom: 0px;}
.co_branded .dan_pmp970 {
    margin-bottom: -5px;
}
.co_branded_single .news_list .card .text .tagline,
.co_branded_single .news_list .card .text p{display: none;}
.co_branded_single .news_list .card .image,
.co_branded_single .news_list .card{min-height: 160px;}
.co_branded_single .news_list .card {margin-bottom: 10px !important;}
.co_branded_single .news_list .card .text {
    padding: 30px 0 10px 275px;
    width: 430px;}
.co_branded_single .news_list .card .text .info{margin-top: 5px;}
.co_branded_single .news_list .sticky .text {
    padding: 15px 6% 0px 6%;
}
.article_bottom_more .news_list .card .text h2 a{
    font-size: 26px;
    line-height: 30px;}
.co_branded_video_single .chat {
    padding: 0 25px 15px;
    margin: 0;
    position: relative;
    left: 20px;
}
.article_bottom_more .news_list .card {
    background: #f3f3f3;
    width: 750px;
    margin-left: -30px;}
    

.co_branded_single .news_list h3.headline_title {
    font-size: 20px;
    border-radius: 0;
    width: 800px;
    position: relative;
    left: -60px;
    margin: 0 0 25px 0;
    text-indent: 20px;
}
.co_branded .left.Nav:before {
    z-index: 3;
    content: "Geek-Base是分析各種歐美娛樂作品和分享相關情報的網站，玩具人最新合作駐站團隊！";
    /* font-weight: bold; */
    font-size: 12px;
    color: #ababab;
    line-height: 20px;
    position: absolute;
    left: 520px;
    top: 12px;
}
.co_branded #toy_news_list .news_list .headline_title,
.co_branded #toy_news_list .news_list h3.headline_title{
    background: url(../images/gb_bg.gif) center bottom no-repeat #bd1a1a;
    color: #ffcd00;}

.index.co_branded .hot-keyword ul {
    height: 360px;
}


/* 上方選單 */

.co_branded #header .headerTop {
    height: 45px;
}
.co_branded #header .bodyWidth {
    width: 99%;
    padding: 0 0.5% 0 0.5%;
}
.co_branded #logo img {
    width: 90px;
    margin: 7px 9px 0 0;
}
.co_branded .headerTop .Nav a {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    padding: 0 17px;
    line-height: 45px;
    border-right: 1px solid #efefef;
}
.co_branded .searchBox {
    padding: 6px 10px 0 0;
    position: relative;
}
.co_branded .channel_log {
    top: -2px;
    right: 7px;
}
.co_branded .login a {
    margin-top: 6px;
    width: 65px;
    margin-right: 2px;
}

/* 上方選單 */


button.upload_multiple_image {
    width: 115px;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0;
    height: 28px;
    position: absolute;
    z-index: 999;
    right: 6px;
    margin-top: 44px !important;
    background: #525252;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

button.upload_multiple_image:before {
    content: "\f03e";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 5px;
}
button.upload_multiple_image_library {
    width: 101px;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0;
    height: 28px;
    position: absolute;
    z-index: 999;
    right: 126px;
    margin-top: 44px !important;
    background: #525252;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
button.upload_multiple_image_library:before {
    content: "\f07b";
    content: "\f07c";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 4px;
}


.co_branded_video_single .news_list h3.headline_title {
    font-size: 20px;
    border-radius: 0;
    width: 760px;
    position: relative;
    left: -42px;
    margin: 0 0 20px 0;
    text-indent: 40px;
} 
.privacy .single_header_body{
    background: #5f5f5f;}
.privacy .single_header .title {
    margin: 0px 40px -19px 40px;
    font-size: 23px;
    position: relative;
    top: -15px;
}
.privacy .article {margin: 40px auto 40px auto;
    width: 90%;}

.privacy .article h3{margin-bottom: 20px;}

.gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
    color: #fff !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    border: 0 !important;
    padding: 0 20px !important;
    margin: 0 10px 0 0 !important;
}

.gsc-results .gsc-cursor-box {
    padding-top: 20px!important;
    margin: 0px 0 40px 10px !important;
    font-size: 20px!important;
}
.gcsc-more-maybe-branding-root span, .gcsc-more-maybe-branding-root svg {
    color: #a0a0a0 !important;
    fill: #a0a0a0 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
    padding: 4px !important;
    margin-top: 12px !important;}
.search_google .gsc-tabHeader.gsc-tabhInactive {
    border-color: #FFFFFF !important;
    background-color: #000000 !important;
    margin: 0 10px 0 0 !important;
    padding: 0 20px !important;
    color: #fff !important;
    border-radius: 3px;font-size: 15px !important;
}
.search_google .gsc-adBlock iframe {
    background: #f1f0e4 !important;
    float: left !important;
    display: block !important;
    width: 100% !important;
    border: 1px #bfbfbf dotted !important;
    margin: 4px 0 0 -1px !important;
}
.gsc-thumbnail-inside{
    width: 95%;
}
.gs-webResult div.gs-visibleUrl-breadcrumb {
    display: block;
    padding: 6px 11px;
    top: -40px;
    left: 27%;
    position: relative;
    color: #80868b;
    background: #efefef;
    width: fit-content;
    border-radius: 6px;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 22px !important;margin: 5px 0;
    height: max-content;
    text-decoration: none;
    font-weight: bold !important;
}
.gs-result .gs-snippet {
    width: 74%;
}
.gs-web-image-box-landscape img.gs-image,
.gs-web-image-box-portrait img.gs-image {
    width: 150px !important;
    max-width: 160px !important;
    max-height: inherit !important;
    height: inherit !important;
}
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
    width: 200px !important;
    height: 200px !important;
    overflow: hidden !important;
}
.gs-bidi-start-align.gs-snippet {
    font-size: 18px !important;
    line-height: 27px !important;
    margin-top: 13px !important;
    font-weight: bold !important;
    color: #9c9c9c !important;
}
.gsc-wrapper {
    max-width: 800px !important;
}
.gsc-cursor-page {
    border-radius: 10px;
}
.gs-webResult div.gs-visibleUrl {
    color: #777777 !important;
}
.search_page .news_list .headline_title {width: 800px;}
.gsc-tabsArea {
    margin-top: 12px;
    margin-bottom: 0;
    height: 35px !important;
    border-bottom: 3px solid #db232d !important;
}
.gs-per-result-labels {
    opacity: 0 !important;
}
.gsc-control-cse{margin-bottom: 30px !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #FFFFFF !important;
    background-color: #000000!important;
    color: #fff!important;
    padding: 10px 15px !important;
    margin-bottom: 20px !important;
}
.gsc-webResult .gsc-result {
    padding: 0px 0 0px 0 !important;
}
.gsc-above-wrapper-area {
    border-bottom: 1px solid #E9E9E9 !important;
    padding: 5px 10px 5px 10px !important;
    background: #efefef !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    color: #ffffff !important;
    background-color: #DB232D !important;}
    
input.upimgfile {
    line-height: 10px !important;
    width: 555px !important;
    border: 1px solid #ccc;
    background: #f7f7f7 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #4d7c90;
    padding: 4px 3px;
}

.member-post .post-textarea li.img0 {
    margin: 10px 0 0px 0;
}
.member-post .post-textarea li.ruletext {
    color: red;
    background: #f7f7f7;
    width: 764px;
    text-indent: 0px;
    padding: 5px 0 2px 0;
    margin: 5px 0 0 0;
}

.member-post .post-textarea li.img1 {
    font-weight: bold;
    padding: 10px 0px 5px 0px;
    background: #f4f4f4;
    text-indent: 10px;
}
.member-post .post-textarea li.img2 {
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    background: #f4f4f4;
    text-indent: 10px;
    margin: 0 0 10px 0;
}
.member-post .post-textarea li.img2 img{width: 300px;
}
.member-post .post-textarea li.ruletext:before,
.member-post .post-textarea li.img0:before {
    content: "進階發文編輯器";
    text-align: center;
    color: #9c9c9c;
    text-shadow: 0px 1px 0px #fff;
    font-size: 13px;
    line-height: 32px;
    position: absolute;
    width: 220px;
    height: 32px;
    margin:-42px 0 0 0;
    background: rgb(239,239,239);
    box-shadow: -1px 1px 2px rgba(0,0,0,0.07) inset;
    float: left;
    z-index: 9999;
}

.member-post .post-textarea li.ruletext:after,
.member-post .post-textarea li.img0:after {
    content: "";
    text-align: center;
    color: #9c9c9c;
    text-shadow: 0px 1px 0px #fff;
    font-size: 13px;
    line-height: 32px;
    position: absolute;
    width: 552px;
    right: 23px;
    height: 32px;
    margin: -42px 0 0 0;
    background: rgb(247, 247, 247);
    box-shadow: -1px 1px 2px rgba(0,0,0,0.07) inset;
    float: left;
    z-index: 9998;
}
.release_date a#releasedate {
    background: #efefef;
}
.release_date a#releasedate {
    background: #efefef;
}
.release_date a#releasedate:hover {
    background: #db232d;
    color: #fff;
}

.member-post .fr-view img.fr-dib {display: initial !important;}
.fr-box.fr-basic .fr-element{padding: 40px 0px 60px 0px !important;}

button#fontFamily-1 {
    display: none;
}

.popupBox{position: fixed;
    z-index: 99999;
    float: left;
    height: 100%;
    width: 100%;}

.popupBoxBG {
    /* background: rgba(239,239,239,0.95); */
    animation: popupBoxBGr .3s 1;
    -moz-animation: popupBoxBGr .3s 1;
    -webkit-animation: popupBoxBGr .3s 1;
    /* top: 100%; */
    /* top: 0; */
    /* height: 100%; */
    /* width: 100%; */
    /* overflow: hidden; */
    /* position: fixed; */
    /* float: left; */
    /* z-index: 9; */
}


.popupBoxBody {
    top: 360px;
    top: 20%;
    width: 630px;
    height: auto;
    border: 1px solid rgba(0,0,0,0.5);
    position: relative;
    margin: 40px auto;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 40px 0px 0px 10px;
    z-index: 10;
    overflow: hidden;
    box-shadow: 0px 7px 38px rgba(0,0,0,0.15), 0px 5px 40px rgba(0,0,0,0.15), 0px 0px 4px rgba(0,0,0,0.15);
}
.popupBoxBody h3{
    position: absolute;
    top: 0px;
    left: 0;
    height: 40px;
    text-indent: 15px;
    font-size: 14px;
    line-height: 40px;
    background: #fbfbfb;
    right: 0;
    box-shadow: 0px -22px 18px #e6e6e6 inset;}

.popupBox .closeDiv {
    float: left;
    display: block;
}
.closeDiv span {
    float: left;
    border-radius: 4px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -100px;
    cursor: pointer;
    color: #999;
}
.popupBox .closeDiv span:before {
    content: '\f00d';
    text-indent: 0px;
    font: normal normal normal 18px/24px FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 24px;
    height: 24px;
}
.popupBox .contentBox {
    min-height: 410px;    max-height: 540px;
    overflow: hidden;
    overflow-x: hidden;
    height: 50px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    padding-bottom: 0px;
    margin: 0 0px 0 -5px;
}
.popupBox .contentBox ul {
    width: 100%;
    float: left;
    margin: 10px 0;
    list-style-type: none;
    counter-reset: li-counter;
}
.popupBox .contentBox li {width: 19%;float: left;padding: 0.5%;}

.popupBox .uploaded_image{}
.popupBox .contentBox li:hover{background: #000;}
.popupBox .contentBox li {
    width: 115px;
    float: left;
    padding: 4px;
    position: relative;
}

.popupBox .contentBox li:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: auto;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    text-align: left;
    color: #fff;
    background: #ed1b24;
    padding: 3px 4px;
    z-index: 2;
    opacity: .8;
    content: counter(li-counter);
    counter-increment: li-counter;
}


.popupBox .contentBox li .divImg {
    width:100%;
    height:115px;
    position: relative;
    text-align: center;    background: #bfbfbf;
    background: #d8d8d8;
    }
.popupBox .contentBox li .divImg img{max-width: 90%;max-height: 90%;padding: 5%;}

.popupBox button.box3-btn {
}
.closeDiv span:hover,
.popupBox .bottomTool button.box3-btn:hover,
.popupBox button.box3-btn:hover {
    background: #ed1b24;
    color: #fff;
}


.popupBox .bottomTool {
    background: #fff;
    display: block;
    float: left;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 40px;
    border-top: 1px #222 solid;
}
.popupBox .bottomTool button.box3-btn {
    border: 0px;
    float: left;
    width: 96%;
    height: 25px;line-height: 23px;
    position: absolute;
    bottom: 5px;
    z-index: 2;
    left: 2%;
    background: #22222285;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 3px;text-shadow: 1px 1px 1px #333;
    width: 117px;
    float: right;
    left: 10px;
    top: 7px;
    background: #222222;
}
.popupBox button.box3-btn {
    border: 0px;
    float: left;
    width: 100%;
    height: 25px;
    line-height: 23px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    background: #22222285;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0;
    text-shadow: 1px 1px 1px #333;
}


.news_list .NewToyVideo {width: 100%;}
.news_list .NewToyVideo .image .tags{ z-index: 2;}
.news_list .NewToyVideo .image {
    position: relative;
    width: 100%;
    height: 450px;
}
.news_list .NewToyVideo .videoBox {
    width: 100%;
    height: 100%;float:left ;
}
.news_list .NewToyVideo .image .videoBox iframe{
    width: 100%;
    height: 100%;
}
.news_list .NewToyVideo .text {
    position: absolute;
    bottom: 0;
    padding: 33px 3% 7px 3%;
    width: 94%;
    z-index: 2;
    border-bottom: 4px #dc242e solid;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.81+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.81) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000',GradientType=0 ); /* IE6-9 */
}
.news_list .NewToyVideo .text h2 {color: #fff;text-shadow: 1px 1px 5px rgba(0,0,0,0.93);
    font-size: 26px;
    line-height: 30px;
  }
.news_list .NewToyVideo .text .tags a {
    float: left;
    background: #db232d;
    color: #fff;
    padding: 7px 11px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;left: 0;top:0;
}
.ytbg {
    width: 100%;
    float: left;
    height: 100%;
    margin: 0;
    position: absolute;
    z-index: 1;
    background: url(../images/bg_dot.png) #fff;
}
.ytbg .bg{width: 100%;height: 100%;position: absolute;float: left;
    background-size: 102%;
    background-position: center center;opacity: 0.5;}

    
.ytbg:before {
    content: "";
    position: absolute;
    top: 46%;
    left: 51%;
    margin: 0 0 0 -34px;
    background: no-repeat url(../images/player-cougar-2x-vflI4nmHW.png) -3px -2124px;
    background-size: 151px 2838px;
    width: 68px;
    height: 48px;
    z-index: 2;
}
.ytbg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*
    box-shadow: 0px -134px 60px rgba(0,0,0,0.69) inset;*/
    box-shadow:  0px 0px 850px rgba(0,0,0,0.2) inset, 0px 0px 250px rgba(0,0,0,0.1) inset;
    box-shadow:  0px 0px 850px rgba(0,0,0,0.7) inset, 0px 0px 250px rgba(0,0,0,0.4) inset;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}


.slider-pro{float: left;}
#sliderMore {height: 265px;width: 100%;overflow: hidden;}
.sliderMoreBox h3 {
    font-weight: bold;
    margin: 0 0 0px 0;
    line-height: 40px;
    font-size: 20px;
    width: 100%;
    text-indent: 2px;
    text-align: left;
    color: #dc242e;
}
.slider-pro .sideframe .content-box .img  {width: 100%;margin: 0 0 0 0px;}
.slider-pro .sideframe .content-box .img a img {width: 100%;margin: -31px 0 0 0;margin: 0 0 0 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.slider-pro .sideframe .content-box-bottom li {width: 100%;height: 235px;padding: 0px;
    height: 220px;}
.slider-pro .sideframe .content-box .img a {height: 164px;width: 100%;float: left;overflow: hidden;margin-bottom: 7px;position: relative;background: #000;}

.slider-pro .sideframe .content-box .img:hover img{
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
	
   /*width: 150%;margin: -50px 0 0 -50px;*/
}

.sliderMoreBox .card .content-box {
    padding: 0;
    float: left;
    height: 240px;
}
.sp-horizontal .sp-previous-arrow{margin-left: 5px !important;opacity: 0;}

.sliderMoreBox {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    background: #f7f7f7;
    background: #fff;
    border-radius: 4px;
    margin: 0px 0 0 20px;position: relative;
}
.sideframe .content-box .text a {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    float: none;
    color: #292f33;
    float: left;
    overflow: hidden;
    height: 58px;
    padding: 0  10px;
    position: relative;
    
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    float: none;
    color: #292f33;
    float: left;
    overflow: hidden;
    height: 55px;
    padding: 2px 9px 0px 11px;
    position: relative;
}

.sliderMoreBox .card.sideframe.videopa:hover{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
    background: #df1a1a;}
    
.sliderMoreBox .card.sideframe.videopa:hover img {opacity: 0.5;
    width: 110%;
    margin: 0 0 0 -10px;}  
.sliderMoreBox .card.sideframe.videopa:hover .text a {color: #fff;}  
    

.sliderMoreBox .card.sideframe.videopa {
    box-shadow: 0px 1px 4px #5858585c, 0px 0px 6px #9e9e9e45;
    margin-top: 2px;
    margin-bottom: 5px;
    /* border: 1px #ccc solid; */
    margin-top: 2px;
    margin-bottom: 5px;
    /* border: 1px #ccc solid; */
    border-radius: 4px;
    overflow: hidden;
}


.sp-horizontal .sp-arrows {
    width: 100%;
    height: 100px;
    width: 761px !important;
    left: 50% !important;
    top: 15px !important;
    margin-left: -538px;
    position: absolute;
    opacity: 1 !important;
    z-index: 3;
    float: left;
    pointer-events: none;
}
.sp-horizontal .sp-next-arrow {
    right: -1px !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-radius: 3px;
}
.sp-horizontal .sp-previous-arrow {
    left: -2px !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-radius: 3px;
}
.sp-horizontal .sp-next-arrow:hover ,
.sp-horizontal .sp-previous-arrow:hover {background: #DB232D !important;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}

.sp-arrow {
    position: absolute !important;
    display: block !important;
    width: 50px !important;
    height: 253px !important;
    cursor: pointer !important;
    background: #c6c6c6e3 !important;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.56); */
    pointer-events: stroke;
}

.sp-arrow {
    position: absolute !important;
    display: block !important;
    width: 50px !important;
    height: 70px !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    border: 1px #b78989 solid;
    background: #dd1e25 !important;
    /*box-shadow: 2px 2px 15px rgba(41, 41, 41, 0.92), 0px 0px 20px rgba(150, 150, 150, 0.92), 0px 0px 30px rgba(41, 41, 41, 0.92);*/
    pointer-events: stroke;
    top: 85px;
    border: 1px #860f0f solid;
    background: #dd1e25 !important;
    margin-right: -1px;
}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    content: '';
    position: absolute;
    width: 4px !important;
    height: 27px !important;
    background-color: #FFF;
    }
.sp-next-arrow:before {
    right: 23px !important;
    top: 14px !important;
    -webkit-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}
.sp-next-arrow:after {
    right: 23px !important;
    top: 30px !important;
    -webkit-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.sp-previous-arrow:before {
    left: 23px  !important;
    top: 14px  !important;
    -webkit-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}
.sp-previous-arrow:after {
    left: 23px  !important;
    top: 30px  !important;
    -webkit-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}
 .sp-horizontal .sp-arrows,
.sliderMoreBox:hover .sp-horizontal .sp-arrows{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.sp-horizontal .sp-arrows{opacity: 1 !important;}
.sliderMoreBox:hover .sp-horizontal .sp-arrows{opacity: 1 !important;
}
.sliderMoreBox:before {
    content: "";
    width: 10px;
    height: 251px;
    position: absolute;
    left: -10px;
    top: 42px;
    float: left;
    background: #e8e8e8;
    z-index: 2;
    /*box-shadow: 5px 0px 10px #0000002e;*/
}
.sliderMoreBox:after {
    content: "";
    width: 15px;
    height: 261px;
    position: absolute;
    right: -23px;
    top: 31px;
    float: left;
    background: #e8e8e8;
    z-index: 2;
    box-shadow: -15px 0px 20px #00000040;
}

.buyLinks{    width: 100%;
    background: #efefef;
    border-radius: 6px;
    float: left;
    margin-bottom: 30px;
    /* margin-top: 20px; */
    position: relative;}
.buyLinks:before{ content: "PR";position: absolute;background: #d6d6d6;color: #fff;font-weight: bold;border-radius: 4px;width: 34px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;right: 10px;top:8px;
	
}
.buyLinks .box {
    width: 94%;
    background: #fff;
    float: left;
    margin: 36px 2% 15px 2%;
    border-radius: 5px;
    padding: 0 1%;
}

.buyLinks .title {
    float: left;
    width: 100%;
    margin: -34px 0 10px 0px;font-size: 16px;font-weight: bold;
}
.buyLinks .title i{color:#c4c4c4;font-size: 20px;}
.buyLinks .title font{color:#d92734;font-size: 12px;}


.buyLinks a.errorReport {font-size: 12px;color: #545353;text-decoration:none;display: none;}
.buyLinks a.errorReport:hover {color: #ed1b24;}


.video-single .moreandmore div.repaly {
    float: left;
    width: 800px;
    height: 45px;
    position: absolute;
    margin-top: 405px;
    margin-left: 0;
}
.video-single .moreandmore div.repaly a {
    float: left;
    width: 100%;
    height: 42px;
    left: 0;
    border-top: 3px solid #cc181e;
    position: absolute;
    background: #1b1b1b;
}
.video-single .moreandmore div.repaly a:before {
    float: left;
    width: 74px;
    height: 27px;
    color: #fff;
    text-indent: 11px;
    line-height: 26px;
    position: absolute;
    font-size: 18px;
    content: "↺ 重播";
    font-weight: bold;
    left: 50%;
    margin: 5px 0 0 -24px;
}

.moreandmore div img {
    width: 386px;
    opacity: .4;
    margin: -10px 0 0 -70px;
}

.video-single-toy .moreandmore {
    margin-top: -607px;
    width: 1120px;
    height: 630px;}


.video-single-toy .video-iframe {
    width: 1120px;
    height: 630px !important;
    border-top: 1px #ccc solid;
    margin-top: -608px;
}
.video-single-toy .video-single-body {padding-top: 608px;}
.video-single-toy .post-video{margin-top: 19px;}
.video-single-toy .moreandmore div {
    width: 353px;
    height: 272px;
}

.video-single-toy .moreandmore div img {
    width: 160%;
    margin: -18% 0 0 -30%;
}


.video-single-toy .moreandmore div:hover img {
    width: 625px;
    margin:  -81px 0 0 -130px;
}

.video-single-toy .moreandmore div.repaly {
    width: 1120px;
    height: 40px;
    margin-top: inherit;
    bottom: 0;
}


.video-single-toy .moreandmore div.repaly a:before {
    height: 40px;
    text-indent: 0;
    line-height: 27px;
    font-size: 20px;
    text-align: center;
}
.video-single-toy .moreandmore div.repaly:hover a:before{background-color: #000;color: red;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.right_top_bb a {
    float: left;
    display: flex;
}


.release_date .datelink {
    float: left;
    margin: 5px 0 20px 25px;font-weight: bold;
}
.release_date .datelink li {
    margin: 0 10px 0px 0px;
    text-indent: 0;
}
.release_date .datelink .year {
    float: left;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    width: 100%;
    margin: 0 0 20px 0;
    font-family: Arial, sans-serif;
}
.release_date .datelink .year a {
    padding: 10px 22px;
    border-radius: 4px;
    background: #141414;
    color: #c6c6c6;
}

.release_date .datelink .year .on a {
    background: #9e9e9e;
    color: #141414;
}


.release_date .datelink .month {
    float: left;
    font-size: 13px;
    line-height: 22px;
    height: 22px;
}
.release_date .datelink .month a {
    background: #db232d;
    padding: 6px 12px;
    color: #fff;
    border-radius: 23px;
    border: 1px #e64e56 solid;
}

.release_date .datelink .month .on a {
    background: #ffe901;
    color: #141414;
     border: 1px #ffe901 solid;
}
.release_date .datelink .month a:hover {
    background: #007fd8;
    color: #ffffff;
     border: 1px #007fd8 solid;
}
.release_date .datelink .year a:hover {
    background: #007fd8;
    color: #ffffff;
     border: 0px #007fd8 solid;
}

.release-date-timeline {
    float: left;
    background: #ffffff;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    width: 680px;
    margin: 0px 12px 12px 12px;
    padding: 5px 48px 0 48px;
    border-radius: 3px;
    height: 45px;
}
.release-date-timeline .sp-horizontal .sp-arrows {
    height: 45px;
    margin-top: -69px;
    width: 773px !important;
    left: 50% !important;
    top: 64px !important;
    margin-left: -86px;
    position: absolute;
    opacity: 1 !important;
    z-index: 3;
    float: left;
    pointer-events: none;
}
.release-date-timeline .sp-slide span,
.release-date-timeline .sp-slide a {
    background: #c6c6c6;
    float: left;
    padding: 0 13px;
    /*
    width: 80px;*/
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-indent: 0 !important;border-radius: 4px;
    margin: 0 10px 10px 0;
}
.release-date-timeline .sp-slide.on a {background: #db232d; color: #fff;}
.release-date-timeline .sp-slide a:hover {background: #ffe803;}

.sp-arrows.sp-fade-arrows{width: 329px !important;width: 761px!important;}

.release-date-timeline .sp-arrow {
    position: absolute !important;
    display: block !important;
    width: 29px !important;
    height: 42px !important;
    cursor: pointer !important;
    background: #5ca4ec !important;
    box-shadow: none;
    pointer-events: stroke;
    border: 4px #fff solid;border-radius: 7px;
}
.release-date-timeline .sp-arrow.sp-next-arrow:after,
.release-date-timeline .sp-previous-arrow:after{display: none;}
.release-date-timeline .sp-arrow.sp-previous-arrow:before {
    font: normal normal normal 26px/1 FontAwesome;
    content: "\f053";
    left: -22px !important;
    top: 9px !important;
    -webkit-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-color: #fff0;
    color: #fff;
    z-index: 999999;
}

.release-date-timeline .sp-arrow.sp-next-arrow:before {
    font: normal normal normal 26px/1 FontAwesome;
    content: "\f054";
    left: -20px !important;
    top: 9px !important;
    -webkit-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-color: #fff0;color: #fff;
}

.release-date-timeline img {border-radius: 3px;}
.release-date-timeline .sp-mask{overflow:inherit;}
.sp-mask{padding-left: 35px;}

.Language{font-size: 12px;
    line-height: 45px;}
.Language a.lang-en {
    float: none;
    color: #c1c1c1;background: #fff;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 45px;margin: 0 0 0 0px;font-weight: bold;
}
.Language a.lang-zh-tw {
    float: none;
    color: #fff;background: #000;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 45px;margin: 0 0 0 0px;font-weight: bold;
}
.Language a:hover {float: none;color: #fff;background: #db232d;}
.Language b {font-size: 13px;padding: 5px 7px;color: #fff;background: #000;}
.Language a.lang-zh-tw:before{content: "中文(繁)";}


.wrapper{background-color: #1a110a;}

.wrapper #header,
.wrapper #content,
.wrapper #footer{position: relative;z-index: 2;}
.wrapper #header{position: relative;z-index: 3;}
.wrapper.index .footer_bb, .wrapper.list_page .footer_bb {border-top: 1px #111 solid;}
.wrapper .footer_bb {background: #272727;}


.wrapper .Language a{text-shadow:0px 0px 0px rgba(255,255,255,0),0px 0px 0px rgba(255,255,255,0);}
.wrapper #content {top: 320px;margin-bottom: 340px;}

.wrapper .wrapper_ad  {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
}
.wrapper .wrapper_ad:before{content: "";position: absolute; width: 100%;float: left;height: 45px;background: #efefef;top:60px;}

.wrapper .wrapper_ad a {
    background: url(../images/bgad.jpg) center 105px no-repeat;
    background-color: #1a110a;
    float: left; 
    width: 100%;
    height: 3000px;
}


.yahooBid div.headline_title {
    height: 300px;
    color: #fff0;
    background: url(../images/list_yahooTOP.jpg);
}

.yahooBid .card.good72890{display: none;}

.doubleStar{position: fixed;left: 50%;margin: 0 0 0 -560px;width: 1120px;z-index: 9;}
.doubleStar .right {float: left;position: absolute;right: -310px;}
.doubleStar .left{float: left;position: absolute;left: -310px;}


.M_toy_player .more a:before {
    content: "暸解詳情";
    font-size: 12px;
    color: #fff;
    bottom: 8px;
    right: 8px;
    position: absolute;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 800;
    border: 1px #fff solid;
    line-height: 24px;
    padding: 0 8px;
    z-index: 9;
}


.singleBottomReading .img {
    float: left;
     width: 270px;
}
.singleBottomReading .text {
    float: left;
    width: 375px;
}

.singleBottomReading .text .title {
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
}
.singleBottomReading .text .content {
    font-size: 18px;
    color: #777;
    line-height: 25px;
}


ul.list.user .popuptagsok {
    float: left;
    padding: 15px 2% 15px 2%;
    margin: 0 0 0 0;
    background: #efefef;
    border-top: 2px #ed1b23 solid;
    border-radius: 0;
}


.single_page .article .buyLinks img {width: 290px !important;display: initial;margin: 0 5px 10px 5px !important;float: left;border-radius: 4px;}

.single_page .hot-keyword .show-button { box-shadow: -4px 0 0 3px #fff;}

.search_page .headline_title h3 {font-family: Arial, sans-serif;}

.co_branded_video_single .sliderMoreBox{width: 720px;}
.co_branded_video_single .sp-horizontal .sp-previous-arrow {left: 18px !important;}
.co_branded_video_single .sp-horizontal .sp-next-arrow {right: 23px !important;}

.video-single .edit{float: left;width: 100%;}
.video-single .edit a {margin-right: -5px;}

.co_branded_about .article img {
    margin: initial;
    max-width: initial !important;
    width: inherit!important;
    height: inherit!important;
    text-align: initial !important;
    display: initial !important;
}
.co_branded_about .member_list .member_a2 .Team_member_img img {
    width: 200px !important;
}
.single_page #content .google-auto-placed {margin: -10px 0 -10px 0;padding: 0px 0 0px 0;}


@media screen and (max-width: 1200px)
{
.member-post .headerTop .bodyWidth,
.bodyWidth{width: 99%;}
.page-menu ul {display: none;width: 120px;position: absolute;right: 0;top: 36px;float: left;background: #fff;}
.page-menu li {width: 100%;}
.page-menu a {float: left;color: #000;padding: 0 10px;line-height: 35px;width: 100px;}
.page-menu a:hover {width: 100px;}
.more-open:hover ul{display: block;}
.more-open span{display: block;padding: 10px;    font-size: 13px;}
#content {position: relative;}

#toy_news_list{width: 100%;}
#footer .bodyWidth {width: 99%;}
.footer_menu_video,.footer_menu_more{display: none;}
.footer_menu_news {border-right: 0 #fff solid;}

}

@media screen and (max-width: 1120px)
{
.single_simple .single_header_body {width: 99%;}
.single_page #content {width: 99%;left: 0.5%;padding: 0 0.5% 0 0;margin-left: inherit;}
.single_page #sidebar {width: 300px;padding: 0;left: initial;margin-left: initial;right: 0.5%;}  
.article_bottom_more {width: 100%;}   
.single_page .good_twins .left {margin-left: 0;}
.single_page .good_twins .right {margin-right: 0;}
.more_article li {margin: 0 0 15px 1%;width: 31%;}    
.more_article .image {width: 100%;}
.author_rank_list .headerTop .bodyWidth ,.author_rank_list div#content{width: 99%;margin-left: 0.5%;}   
}


@media screen and (max-device-width: 480px)
{

.privacy .bodyWidth {
    width: 100%;
}
.privacy .bodyWidth .left {
    width: 100%;
}
.privacy  .headerTop{
    text-align: center;
    background: #e6e6e6;
    margin-bottom: 3px !important;}
.privacy #logo img{width: inherit;
    margin: 3px auto;}
.privacy .bodyWidth .right {
    float: none;
}
.privacy .footer_info .logo .slogan{width: 100%;
    padding: 10px 0 0 0;
}
.privacy .single_header .title {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}


}


.video-single-toy #sidebar {
    margin-top: 27px;
}

.video-single-toy .post-video {
    margin-top: 20px;
    padding: 21px 36px 18px;
}


.co_branded_about .article img {
    margin: initial;
    max-width: initial !important;
    width: inherit!important;
    height: inherit!important;
    text-align: initial !important;
    display: initial !important;
}
.co_branded_about .member_list .member_a2 .Team_member_img img {
    width: 200px !important;
}
.index.co_branded .right{padding-bottom: 0;}
.index.co_branded #sidebar.right {margin-bottom: 90px;}
.video-single-toy .video-iframe {height: 630px !important;}
iframe.yt{width: 120%;height: 432px;margin: 10px 0 30px -60px;}

.single_page .ad_banner3 {margin-bottom: 20px;}
.co_branded_single .article p {margin-bottom: 40px;line-height: 36px;}
.co_branded_single .article p img {margin-bottom: 40px;}
.card.facebook_box {margin: 0px 0 20px 0;}
.co_branded_single .outer-wrap {height: 45px;}
.co_branded_single .co_branded_menu{margin: 20px auto 4px;}
.hot-keyword.show ul{height:inherit !important;}

.Language {display: none;}


div#div-gpt-ad-1548831558301-0 {
    padding: 25px 16px;
    padding: 25px 36px !important;
    background: #fff;
    text-align: center;
}
.ad2top72890 > div {
    margin: auto;
}


.login a {
    float: left;
    width: 175px;
    height: 30px;
    background: #4267B2;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    text-indent: 7px;
    line-height: 30px;
    margin-top: 14px;
}
.login a:hover {
    background: #4267B2;
}
.co_branded .login a {
    width: 175px;
}
.more_correlative .text a {
    float: left;
    width: 97%;
    height: 40px;
    padding: 7px 3% 0px 0%;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    font-weight: 700;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}
.co_branded_single .article p {
    margin-bottom: 50px;
    line-height: 40px;
    font-size: 19px;
}
.co_branded_single #left-content{min-height: 4500px;}


.login a i {
    font-size: 20.5px;
    position: relative;
    top: 3px;
    padding-right: 7px;
    margin-left: -7px;
}


.fr-box.fr-basic .fr-element p {
    line-height: 34px;
    font-size: 18px;
}
.fr-box.fr-basic .fr-element img {
    margin: 10px 0;
    max-width: 640px!important;
    width: 640px!important;
    height: inherit!important;
    text-align: center;
    display: block;
}


.searchBox input {opacity: 1;}


.single_more_reading {
    float: left;
    position: relative;
    margin-bottom:10px;
}
.single_more_reading .card.list {
    margin-left: 35px;
    width: 745px;
}


.single_more_reading h3.headline_title {
    width: 780px;
    margin-left: 35px;
    background: #db232d;
    color: #fff;
    padding: 0 0 0 0;
    margin: 0 0 20px 0px;
    text-indent: 35px;
}

.single_more_reading .card .text{width: auto;
    padding: 40px 30px 35px 260px;}


.single_more_reading .tagline{display: none;}


.single_more_reading .card .image {min-width: 220px;}

.single_more_reading .card .text p {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding-right: 0;
    height: inherit;
    float: inherit;
    overflow: auto;
    position: inherit;
}
.single_more_reading .card .text p a {
    font-size: 26px;
    line-height: 30px;font-weight: bold;
}
.single_more_reading .card .text .info {
    line-height: 35px;font-weight: 600;
}
.single_more_reading .content_text {
    font-size: 13px;
    color: #777;
    line-height: 20px;
    padding-right: 20px;
    height: 60px;
    float: left;
    position: relative;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.single_simple .chat {
    width: 100%;
    margin: 10px 0 0 0;
    background: #f3f3f3;
}
.single_simple .chat .card div {
    border-bottom: 0px #db232d solid;
}
.single_simple .chat .card {
    margin: 0 0 0 0;
    padding-bottom: 10px;
}

.single_simple .chat .card h3 {
    width: 780px;
    background: #db232d;
    color: #fff;
    margin: 0 0 5px 0px;
    padding: 10px 0px;
    text-indent: 35px;
}
.single_simple .chat iframe {margin-left: 35px;}

.single_simple .chat .card h3 i{text-indent: 0;}

.co_branded_single .chat .card h3{width: 800px;}

.amuzinc {margin-bottom: 15px;height: 160px;}
.amuzinc a{float: left;}
.rightAd_300250 {margin-top: 0px;margin-bottom: 0px;}

.index .amuzinc {margin-bottom: 15px;}
.index .rightAd_300250 {margin-bottom: 0px;}
.index .rightAd4 {margin-top: 40px;margin-bottom: 15px;}

.hotnews.at_list_page{margin-top: 20px;}
.hotnews.hotvideo.at_list_page{margin-top: 0px;margin-bottom: 20px;}

.ToystoreRecommend{margin-bottom: 15px;}
.hotvideo {margin-bottom: 30px;}

.hotnews ul {
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.hotnews  {
    overflow: hidden;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.hotnews li span {
    left: 0;
    top: 0;
    padding: 5px 0;
    background: #db232d;
    border: 0;
    min-width: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    float: left;
    font-weight: bold;
    position: absolute;
    box-shadow: -1px -1px 0px #00000024 inset;
    z-index: 2;
    font-size: 15px;
    min-width: 22px;
    padding: 3px 2px;
}
.hotnews .image {
    float: left;
    width: 80px;
    height: 80px;
    background-position: center 20%;
    background-size: cover;
    overflow: inherit;
    background-color: #000;
}


.hotnews .text {
    color: #333;
    word-break: break-all;
    padding: 8px 30px 0px 40px;
    border-bottom: 0px #ffffff solid;
    border-top: 1px #ffffff solid;
    max-height: 63px;
    height: 49px;
    width: 230px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    overflow: hidden;
    float: left;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

.hotnews li{background: #fff;position: relative;margin-bottom: 1px;}

.hotnews .text:after {
    position: absolute;
    content: "\f054";
    font: normal normal normal 16px / 1 FontAwesome;
    right: 9px;
    color: #dcdcdc;
    top: 26px;
}


.hotnews li a{
    float: left;
}    
    
.hotnews li:hover{background: #f4f4f4;color: #da222d;}
.hotnews li a:after {content: "";width: 298px;height: 78px;float: left;position: absolute;border: 1px #0000001c solid;z-index: 2;left: 0;display: none;}


.hotvideo li span {
    font-size: 15px;
    min-width: 22px;
    padding: 3px 2px;
}

.hotvideo .image:before {
    width: 80px;
    height: 80px;
    border: 0;
    border-radius: 0;
    left: 0;
    margin: 0;
    bottom: 0;
    background: #0000002b;
}
.hotvideo .image:after {
    border: 12px solid;
    border-color: transparent transparent transparent #fff;
    height: 0;
    width: 0;
    position: absolute;
    right: inherit;
    margin: 0 0 0 -2px;
    left: 50%;
    bottom: 113px;
    content: "";
    display: inline-block;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 2;
    bottom: 26px;
    left: 40px;
    margin: 0 0 0 -2px;
}

.info span.release_date {
    padding: 4px 6px !important;
    color: #da222d;
    border-radius: 5px;
}

.single_header .release_date {
    position: absolute;
    top: 14px;
    right: 360px;
    font-weight: bold;
    font-size: 12px;
    color: #da222d;
    background: #efefef;
    border-radius: 100px;
    padding: 5px 10px;
    margin: 0px 8px 0 0px;
    border: 1px #efefef solid;
    z-index: 2;
}

.hotnews li a:after {
    width: 79px;
    border: 0px #0000001c solid;
    border-right: 1px #0000001c solid;
}


.single_page .Newest {
    width: 1120px;
    background: #fff;
    display: block;
    float: left;
    position: relative;
    left: 50%;
    margin: 0 0 0 -559px;
}

.single_page .Newest h3 {
    /* text-align: center; */
    margin: 30px 2% 20px 2%;
    color: #db232d;
    padding: 0;
    border-bottom: 3px #db232d solid;
    font-size: 24px;
    line-height: 50px;
    width: 96%;
}

.single_page .Newest ul {
    width: 96%;
    margin: 0 2%;
}
.single_page .Newest li {
    width: 31.3%;
    margin: 0 1% 10px 1%;

    width: 29.3%;
    margin: 0 2% 10px 2%;
}
.single_page .Newest li a{float: left;}
.single_page .Newest .text{
    padding: 8px 0px 0px 0px;
    float: left;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    border-bottom: 8px #f2f3f500 solid;
    margin-bottom: 1px;
    overflow: hidden;
    height: 54px;
}
.single_page .Newest a:hover .text {
    color: #db232d;
}
.single_page .Newest .image{
    float: left;
    width: 100%;
    height: 160px;
    background-position: center 25%;
    background-size: cover;
    overflow: inherit;
    background-color: #000;
    border-radius: 3px;
    position: relative;
}


.single_page .Newest .more_link {
       width: 94%;
    margin: 0 3%;;
}
.single_page .Newest .more_link a {
    background: #f2f3f5;
    color: #db232d;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 1px #d7d8da solid;
    margin-bottom: 3px;
    font-size: 14px;
}
.single_page .Newest .image:before{content: "";position: absolute;float: left;width: 100%;height: 100%;background-color: #00000012;border-radius: 3px;}

.single_page .Newest .strongly_recommended {left: 0;}


.single_page .Newest .unboxing .text:before, .single_page .Newest .monographic .text:before, .single_page .Newest .new_video .text:before {
    content: "開箱報告";
    background: #c11007;
    color: #fff;
    position: absolute;
    font-size: 14px;
    padding: 5px 8px;
    margin: -168px 0 0 0px;
    line-height: 18px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.single_page .Newest .monographic .text:before{content: "專題報導";}
.single_page .Newest .new_video .text:before {content: "最新影音";}

.single_page .Newest .new_video .image {
    background-position: center 48%;
}

.single_page .Newest .new_video .image:before {content: "";position: absolute;width: 44px;height: 44px;background: #00000085;left: 50%;bottom: 56px;margin: 0 0 0 -23px;border-radius: 100px;border: 3px #fff solid;}

.single_page .Newest .new_video .image:after {
    border: 12px solid;
    border-color: transparent transparent transparent #fff;
    height: 0;
    width: 0;
    position: absolute;
    right: inherit;
    margin: 0 0 0 -2px;
    left: 50%;
    bottom: 69px;
    content: "";
    display: inline-block;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 2;
}

.blankpage .footer_info .copy{width: auto;padding-bottom: 80px;}
.blankpage .searchBox {padding: 13px 0px 0 0;}
.blankpage #content {padding: 40px 0 40px 0;width: 100%;}
.text_message_content {
    display: block;
    width: 400px;
    padding: 60px 50px 60px 50px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    color: #656565;
    font-size: 16px;
    line-height: 24px;
    float: left;
    left: 50%;
    margin-left: -250px;
}
.terms-of-service #content {
    width: 1140px;
    margin: auto;
    overflow: hidden;
}


@media screen and (max-width: 1200px) { .terms-of-service #content {width: 98%;padding: 10px 0;} }

.terms-of-service .text_message_content {
    width: 90%;
    margin-left: 0;
    left: initial;
    padding: 60px 5%;
    color: #444;
}
.terms-of-service h1 {font-size: 30px;line-height: 30px;margin: 0 0 30px 0;}
.terms-of-service h2{font-size: 20px;margin: 20px 0;}
.terms-of-service h3{font-size: 18px;margin: 20px 0;}
.terms-of-service p{margin-bottom: 20px;font-size: 15px;}


.text_message_content .hr {
    display: block;
    width: 100%;
    float: left;
    border-top: 1px #e8e8e8 solid;
    margin: 20px 0 0 0;position: relative;
}
.text_message_content .p{display: block;width: 100%;float: left;}
.text_message_content .t {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 106px;
    margin: -30px 0 20px 0;
    color: #ccc;
}


.a_disclaimer {font-size: 13px;margin:50px auto;display: block;text-align: center;color: #777;}
.a_disclaimer a{text-decoration: underline;color: #777;}
.video-single a#toyvideo {background: #efefef;}
.co_branded_video_single a#toyvideo {background: #fff;}
.video-single a#toyvideo:hover {background: #db232d;color: #fff;}

.moreandmore {margin: 0 !important;}

span.fr-video iframe {width: 100%;}
.a_disclaimer {font-size: 12px;margin:50px auto;display: block;text-align: center;color: #777;}
.a_disclaimer a{text-decoration: underline;color: #777;}

.single_more_reading .card .image {
    background: url(../images/photo_list_no.jpg) no-repeat center center;
    background-size: cover;
}

.article_bottom_more .good_twins iframe {
    width: -webkit-fill-available !important;
}


.single_page .Newest li a {
    width: 100%;
}


.article_bottom_more .good_twins iframe {
    width: -webkit-fill-available !important;
}


.video-single .pre_next div a {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 180px;
    background-image: radial-gradient( rgba(0, 0, 0, 0.32) 50%,transparent 100%),radial-gradient(white 0%,transparent 0);
    background-size: 3px 2px;
}

.single_page .Newest li a {
    width: 100%;
}
.single_more_reading .card .text p {
    overflow: hidden;
    max-height: 93px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    width: 100%;
}

.single_page .article a {
    color: red;
    text-decoration: underline;
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: linear-gradient(#f8e71f,#f8e71f);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size .3s;
}

.single_page .article a:hover {
    text-decoration: none;
    background-size: 100% 100%;
}
.single_page .article p .google-auto-placed.ap_container {
    position: relative;
    top: 20px;
    clear: both !important;
    display: block;
    margin: 0 auto !important;
    width: 113% !IMPORTANT;
    text-align: center !important;
    background: #f7f7f7;
    padding: 30px 5.1% 30px 6.1% !important;
    margin-left: -13.6% !important;
}


.video-single-toy .moreandmore{margin-top: -607px !important;}

.hotvideo .image {
    width: 120px;
    background-size: 140%;
    background-position: center 49%;
    width: 142px;
    background-size: 100%;
    background-position: center;
}
.hotvideo .text {
    width: 130px;
}


.hotvideo .image:after {
    border: 7px solid;
    display: inline-block;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: transparent transparent transparent #fff;
    bottom: 33px;
    left: 72px;
}

.hotvideo .text:after{display: none;}
.hotvideo .text {
    width: 138px;
    padding-right: 10px;
}
.hotvideo .image:before {
    content: "";
    background: #00000080;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 24px;
    float: right;
    left: 57px;
    border-radius: 23px;
    border: 3px #fff solid;
    box-shadow: 0px 1px 0px #00000094;
}

.fr-view img {
    position: relative;
    margin: 10px auto;
    max-width: 640px!important;
    width: 640px!important;
    height: inherit!important;
    text-align: center;
}
.fr-box.fr-basic .fr-element p {
    line-height: 34px;
    font-size: 18px;
    margin-bottom: 24px;
}
.fr-box.fr-basic .fr-element {
    padding: 0px;
    width: 640px;
    margin: auto;
}

.fr-toolbar {background: #f9f9f9;}


/* Submission Page */

.submission #content{padding-top: 20px;}





.tab-section .tab{width: 100%;height: 156px;float: left;border: 0;padding: 10px 20px;overflow:hidden;text-align: left;background: #da222d;position: relative;cursor: pointer; }
.tab-section .tab:nth-child(1),.tab-section .tab:nth-child(2){margin-bottom: 1px;}
.tab-section .tab .author {font-size: 14px;font-weight: bold;line-height: 36px;height: 36px;margin: 0 0 8px 0;float: left;color: #272727;overflow: hidden;line-clamp: 1;-webkit-line-clamp: 1;display: -webkit-box!important;-webkit-box-orient: vertical;position: absolute;right: 15px;bottom: 5px;max-width: 127px;word-wrap: break-word;word-break: break-all;}
.tab-section .tab .author img {width: 18px;height: 18px;border-radius: 20px;position: relative;margin: 0px 6px 0 0;top: 5px;border: 3px #fff solid;background: #fff;}
.tab-section .tab .title {float: left;width: 243px;font-weight: bold;color: #fff;font-size: 16px;line-height: 18px;min-height: 18px;max-height: 54px;margin-bottom: 10px;overflow: hidden;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box!important;-webkit-box-orient: vertical;position: absolute;top: 25px;left: 20px;}
.tab-section .tab .tag {background: #272727;color: #fff;padding: 0px 8px;font-size: 13px;font-weight: bold;float: left;line-height: 26px;height: 26px;position: absolute;bottom: 20px;}
.tab-section .on{background: #272727;transition: all,.5s;}
.tab-section .on .author {color: #ea202d;}
.tab-section .on .author img {border: 3px #ea202d solid;background: #ea202d;}
.tab-section .on .tag {background: #db232d;}

.sub_menu ul {width: 100%;float: left;}
.sub_menu li {width: 100%;height: 45px;margin-bottom: 5px;}
.sub_menu li a{float: left;width: 100%;height: 45px;font-size: 16px;font-weight: bold;line-height: 45px;background: #da222d;text-indent: 15px;color: #fff;}
.sub_menu li a:hover{background: #272727;color: #fff;}


.sub_news {
    background: #fff;
    background: #fffd4e;
    float: left;
    padding: 15px 20px 20px 20px;
    margin: 10px 0 0 0;
    position: relative;
}
.sub_menu .sub_news_content i {
    font-size: 20px;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.sub_news h3 {
    font-size: 15px;
    color: #d6840a;
    float: left;
    /* width: 100%; */
    border-bottom: 2px #d6840a solid;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
}

.sub_news .sub_news_content{font-weight: bold;font-size: 15px;line-height: 18px;float: left;width: 100%;}
.sub_news .sub_news_content a:hover{text-decoration: underline;}
.sub_news .editbutton a {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 12px;
    color: #d6840a;
}

.sub_select{float: left;width: 100%;margin-bottom: 10px;
    background: url(../images/loading.gif) no-repeat center 100px; background-size: 20px;
    height: 165px;}
.sub_select h3 {
    font-size: 20px;
    color: #db232d;
    line-height: 22px;
    padding-bottom: 16px;
    float: left;
    width: 100%;
}
.sub_select .group_Slides {
    float: left;
    width: 100%;
    height: 127px;
    overflow: hidden;
    position: relative;
    background: #efefef;
}

.sub_select li {
    float: left;
    width: 114px;text-align: center;
}
.group_Slides {-webkit-animation-name: group_Slides_fade;-webkit-animation-duration: 2s;animation-name: group_Slides_fade;animation-duration: 2s;}
@-webkit-keyframes group_Slides_fade {0% {opacity: 0} 90% {opacity: 0}100% {opacity: 1}}
@keyframes group_Slides_fade {0% {opacity: 0} 90% {opacity: 0}100% {opacity: 1}}


.sub_select .img img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    margin: 0px 6px 0 0;
    border: 0px #fff solid;
    background: #fff;
}
.sub_select .name {
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    line-height: 25px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;width: 90%;
    margin: 5px 0 0 5%;
}

.sub_select .qty{font-size: 12px;color: #848484;font-family: Verdana, Geneva, sans-serif;}

#sub_list .headline_title {
    padding: 0;
    float: left;
    width: 100%;
    height: 45px;
    background: #272727;
    color: #fff;
    border-radius: 0;
    position: relative;
    margin: 30px 0 20px 0;
}
#sub_list .headline_title h3{
    padding: 0;
    float: left;
    width: 250px;
    height: 45px;
    font-size: 19px;
    font-weight: bold;
    line-height: 45px;
    background: #da222d;
    text-indent: 15px;
    color: #fff;
}

#sub_list .headline_title span {
    padding: 0;
    float: right;
    height: 45px;
    font-size: 13px;
    font-weight:500;
    line-height: 45px;
    color: #fff;
    margin-right: 20px;
}
#sub_list .headline_title span i {
    background: #da222d;
    width: 20px;
    text-indent: -0.5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    border-radius: 25px;
    font: normal normal normal 16px/20px FontAwesome;
}

#sub_list .headline_title span a {color: #fff;}

#sub_list .headline_title span a:hover{text-decoration: underline;}
#sub_list .headline_title:after{content: "";}

#sub_list .news_list .card .text .author {
    float: left;
    max-width: 100%;
    width: 100%;
    overflow: initial;
    height: 33px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    padding: 0px 0px 0 0;
    display: block;
    position: relative;
    margin: 0 0 13px 0;
}
#sub_list .news_list .card .text h2 {margin-bottom: 15px;}
#sub_list .news_list .card .text .info {
    line-height: 35px;
    font-size: 14px;
    position: absolute;
    right: 30px;
    font-weight: bold;
}
#sub_list .news_list .card .text .info i{
    position: relative;
    font-size: 18px;
    top: 1px;
    padding-right: 0px;
    font-weight: lighter;
}
#sub_list .news_list .card .text .author img {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    position: relative;
    margin: 0 10px 0 0;
    border: 3px #ccc solid;
    top: -5px;
}

#sub_list .news_list .card .text .tag{width: 100%;}
#sub_list .news_list .card .text {padding: 50px 30px 20px 285px;}

.submission .New_Post{float: left;}
.submission .New_Post li{float: left;position: relative;background: #fff;margin-bottom: 5px;padding: 45px 15px 15px 15px;}
.submission .New_Post .author {
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    float: left;
    color: #272727;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    position: absolute;
    max-width: 190px;
    word-wrap: break-word;
    word-break: break-all;
    left: 15px;
    top: 8px;
}
.submission .New_Post .author img{
    width: 18px;
    height: 18px;
    border-radius: 20px;
    position: relative;
    margin: 0px 6px 0 0;
    top: 5px;
    border: 3px #fff solid;
    border: 3px #ccc solid;
    background: #fff;

}
.submission .New_Post .info {
    line-height: 35px;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: bold;
    color: #ccc;
}


.submission .New_Post .image{
    float: left;
    width: 80px;
    height: 80px;
    background-position: center 20%;
    background-size: cover;
    overflow: inherit;
    background-color: #000;}
.submission .New_Post .text{
    padding: 14px 10px 0px 10px;
    max-height: 55px;
    height: 55px;
    width: 170px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    overflow: hidden;
    float: left;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;}

.submission .New_Post .post a {
    float: left;
    background: #f4f4f4;
    height: 80px;
    width: 100%;
}

.submission .New_Post ul {
    overflow: hidden;
    height: 450px;
    height: 600px;
    height: 435px;
}

.sub_post_rank h3 span {
    font-size: 12px;
    color: #777777;
    float: right;
    font-weight: 400;
    /* background: #fbf81f; */
    padding: 6px 0px;
    height: 12px;
    line-height: 12px;
    top: 10px;
    position: relative;
}
.sub_post_rank li {
    position: relative;
    width: 300px;
    margin-bottom: 5px;
    height: max-content;
    border-radius: 18px;
    overflow: hidden;
}

.sub_post_rank li .post {
    position: relative;
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
    z-index: 3;
    background: #222;
}

.sub_post_rank li .numeral {
    left: 0;
    top: 0;
    background: #db232d;
    border: 0;
    text-align: center;
    color: #fff;
    float: left;
    font-weight: 700;
    position: absolute;
    /* box-shadow: -1px -1px 0 #00000024 inset; */
    z-index: 2;
    font-size: 18px;
    min-width: 22px;
    line-height: 25px;
    padding: 2px 8px;
    height: 25px;
    border-bottom-right-radius: 10px;
}

.sub_post_rank li .data {
    right: 10px;
    top: 5px;
    border: 0;
    /* text-align: center; */
    color: #fff;
    float: left;
    position: absolute;
    z-index: 2;
    padding: 3px 0px;
    /* text-shadow: 1px 1px 0px #000; */
    position: absolute;
    top: 149px;
    right: 10px;
}
.sub_post_rank li .data .fa-arrow-up{color: #da222d;}
.sub_post_rank li .data .fa-arrow-down{color: #00f13a;}
.sub_post_rank li .data .fa-minus{color: #fff;}
.sub_post_rank li .data .new {
    color: #fbf81f;
    font-size: 12px;
}
.sub_post_rank li .data .pv {
    font-size: 13px;
    line-height: 16px;
    /* font-weight: bold; */
    color: #ffffff;
    /* position: absolute; */
    /* top: 0; */
    right: 0;
}
.sub_post_rank li .data .pv i {
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    /* color: #ccc; */
}
.sub_post_rank .author {
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    height: 48px;
    float: left;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    position: absolute;
    max-width: 190px;
    word-wrap: break-word;
    word-break: break-all;
    left: 10px;
    top: 140px;
    /* bottom: 25px; */
    z-index: 10;
}
.sub_post_rank .author a{color: #fff;text-shadow: 1px 1px 0px #000;}
.sub_post_rank .author img {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    position: relative;
    margin: 0px 6px 0 0;
    top: 7px;
    border: 2px #fff solid;
    background: #fff;
}
.sub_post_rank .image {
	/* opacity: 0.7; */
	float: left;
	width: 100%;
	height: 140px;
	background-position: center 20%;
	background-size: cover;
	overflow: inherit;
	background-color: #000;
	position: relative;
	z-index: 1;
	top: 0;
	}

.sub_post_rank .text {padding: 38px 10px 15px 10px;max-height: max-content;width: 280px;font-size: 14px;line-height: 18px;overflow: hidden;float: left;line-clamp: 2;/* -webkit-line-clamp: 2; *//* display: -webkit-box !important; *//* -webkit-box-orient: vertical; */z-index: 2;position: relative;/* bottom: 8px; */color: #fff;font-weight: bold;/* text-shadow: 1px 1px 0px #000; */}
.sub_post_rank .image:after{float: left;position: absolute;width: 100%;height: 100%;content: "";z-index: 1;opacity: 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0+39,0.8+91 */background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.8) 91%, rgba(0,0,0,0.8) 99%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}

.sub_popular_rank{background: #efefef !important;margin-bottom: 30px !important;}
.sub_popular_rank ul{float: left;width: 100%;}
.sub_popular_rank li {
    position: relative;
    width: 100%;
    margin-bottom: 1px;
    background: #fff;
    height: 50px;
    line-height: 50px;
}
.sub_popular_rank  h3 {
    font-size: 20px;
    color: #db232d;
    line-height: 40px;
    float: left;
    width: 100%;
    margin-top: 0px;
}
.sub_popular_rank .featured_popular_rank{float: left;width: 390px;margin: 0 10px 0 0;}

.sub_popular_rank .featured_author_rank{float: left;width: 390px;margin: 0 0 0 10px;}

.sub_popular_rank .numeral {
    float: left;
    width: 30px;
    margin-right: 5px;
    background: #d9212d;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.sub_popular_rank ul li:nth-child(2) .numeral {background: #df575f;}
.sub_popular_rank ul li:nth-child(3) .numeral  {background: #e88389;}
.sub_popular_rank ul li:nth-child(4) .numeral  {background: #f3acb0;}
.sub_popular_rank ul li:nth-child(5) .numeral  {background: #f4c6c9;}

.sub_popular_rank .author {
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    position: relative;
    max-width: 160px;
    word-wrap: break-word;
    word-break: break-all;
    padding: 0 0 0 45px;
}
.sub_popular_rank .author img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    margin: 7px 0px 0 -43px;
    border: 3px #ccc solid;
    background: #fff;
}


.sub_popular_rank .data {
    float: right;
    font-size: 13px;
    color: #afafaf;
    font-weight: 400;
    padding: 0 15px 0 0;
}
.sub_popular_rank .data b {
    color: #8e8e8e;
    font-family: Verdana, Geneva, sans-serif;
}


.co_radio_bt {
    display: block;
    height: 45px;
    background: #efefef;
    margin-bottom: 10px;
    width: 747px;
    border-radius: 3px;
    line-height: 45px;
    font-size: 14px;padding: 0 0 0 13px;
}
.r_bt {
    float: left;
    color: #212121;
    font-weight: bold;
}
.container {
  float: left;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;font-weight: 600;
}

.container:hover{color: #ED1B24;}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
    float: left;
    width: auto !important;
}
.wrapper-content-box2 .container input[type="radio"] {
    float: left;
    width: auto !important;
}
.checkmark {
    position: absolute;
    top: 13px;
    left: 9px;
    height: 20px;
    width: 20px;
    background-color: #d0d0d0;
    border-radius: 50%;
    box-shadow: 1px 1px 2px #989898 inset;
}
.container:hover input ~ .checkmark {
  background-color: #b9b9b9;
}

.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    box-shadow: 1px 1px 1px #000;
}


.article-author {
    float: left;
    width: 640px;
    margin: 20px 0 50px 84px;
    border: 0px solid #f9f9f9;
    min-height: 160px;
    left: 0;
    position: relative;
    background: #f9f9f9;
}
.article-author a.author {
    float: left;
    padding-left: 140px;
    margin: 30px;
    position: relative;
    margin: 30px 30px 20px 30px;
}

.article-author h3 {
    margin: 0px 0 10px 0;
    line-height: 24px;
    font-size: 18px;
    color: #4e4e4e;
}

.article-author .author-icon {
    width: 100px;
    position: absolute;
    border-radius: 100%;
    left: 5px;
    top: 10px;
}
.article-author .socials {
    position: relative;
    left: 170px;
    top: -20px;width: 450px;
}

.article-author .socials li {
    float: left;
    width: 450px;
    margin-bottom: 5px;
}
.article-author .desc {
    font-size: 13px;
    line-height: 20px;
    color: #383838;
    overflow: hidden;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;margin-bottom: 10px;
}

.article-author .type {
    font-size: 12px;
    font-weight: bold;
    color: #d8d8d8;
    text-transform: uppercase;
    line-height: 28px;
}

.article-author .type:before{content: "Written By";}


.footer_nav {
    background: #1b1b1b;
    width: 100%;
    margin: auto;
    float: left;
    text-align: left;
    padding: 20px 0 0px 0;
    font-size: 13px;
}

.footer_nav .b {
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    margin: 30px 0 5px 0;
    float: left;
    color: #cecece;
}
.footer_nav .NavFooterMenuLink {
    width: 1120px;
    margin: auto;
    position: relative;
    left: 50%;
    margin-left: -560px;
    padding: 0 0 0px 0;
}

.footer_nav .NavFooterMenuLink ul li{
	width: 100%;line-height: 1.7;font-weight: 400;font-size: 14px;
}
.footer_nav .NavFooterMenuLink ul li a {
    color: #a2a2a2;
}


.footer-link a:hover,
.footer_nav .NavFooterMenuLink ul li a:hover,
.footer_nav a:hover{
    color: #db232d;
}


.footer_nav .NavFooterMenuLink .Nav_nav_li {
    width: calc(100% / 6);
    min-height: 290px;
    padding-bottom: 10px;
}
.footer_info .logo img {
    width: 165px;
}
.top_info .logo {
    float: right;
    position: relative;
    top: 80px;
}
.top_info{
    border-bottom: 1px #383838 solid;
    display: block;
    height: 60px;}


.footer-link{float: left;}
.footer-link a{
font-size: 13px;
    color: #797979;
    padding: 0 20px 0 0;
    position: relative;
    font-weight: 500;}
    
.copyright-Toy-People {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: left;
    margin: 15px 0 10px 0;
}
.copyright-Toy-People a{margin-left: -10px;color: #797979;padding:5px 10px;position: relative;font-weight: 600;}
.copyright-Toy-People a:before{content: "";}
.copyright-Toy-People a:hover{background: #797979;color: #111;border-radius: 50px;}


 
.single_page .article a.note {
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: -3px;
    margin: 0 0 0 0px;
    background: #6284ce;
    color: #fff;
    padding: 5px 5px;
    text-decoration: none;
    border-radius: 3px;
}
.single_page .article a.note:hover {
    background: #db232d;
    color: #fff;
}
.single_page .article a.top {
    position: fixed;
    left: 50%;
    bottom: 20px;
    margin-left: 587px;
    background: #e2e2e2;
    float: left;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 50px;
}
.single_page .article p span.hr {
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
    border-bottom: 2px #db232d solid;
    margin: 30px 0 50px 0;
}
.single_page .article h2.h2_title {
    color: #db232d;
    font-size: 22px;
    padding: 0 0 10px 0;
}
.single_page .article a.anchor {
    text-decoration: none;
    background: #efefef;
    color: #222;
    padding: 11px 20px;
    line-height: 50px;
    border: #d2d2d2 1px solid;
    border-radius: 5px;
}

.single_page .article a.anchor:hover{
    background: #db232d;
    color: #fff;
    border: #960008 1px solid;
}

.guideline_card {
    float: left;
    width: 100%;
    min-height: 80px;
    background: #efefef;
    position: relative;
    margin-bottom: 5px;
}
.guideline_card .img {
    float: left;
    min-width: 80px;
    position: absolute;
    z-index: 1;
    background-color: #000;
    height: 100%;
    min-height: 100%;
}
.guideline_card .img a {
    float: left;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    background-position: center 20%;
    background-size: cover;
    opacity: .98;
}
.guideline_card .text {
    float: left;
    position: relative;
    padding: 15px 20px 20px 100px;
}
.guideline_card .text a {
    font-size: 15px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    float: left;
}
.guideline_card .img a:hover {
    background-size: cover !important;
}
.single_page .article p span.sp{
    color: #ffffff;
    font-size: 13px;
    background: #da222d;
    padding: 4px 7px;
    margin: 0 0 0 4px;
    position: relative;
    top: -2px;
}    

.fufuKanban .close {left: initial;
    right: 12px;
    top: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 0;
    background: #000000;
    border-radius: 0px;
    color: #fff;
    text-align: center;
    z-index: 2;
    cursor: pointer;position: absolute;border: 1px #ffffff6b solid;
}
.fufuKanban {
    float: left;
    position: fixed;
    right: initial;
    height: auto;
    background: #ffffff;
    z-index: 9;
    left: 10px !important;
    width: 336px;
    bottom: 30px;
    right: inherit;
    border: 1px #fff solid;
    box-shadow: 1px 1px 10px #0000007d;
}


.hot-keyword a.new {
    color: #db222c;
}
.hot-keyword a.new:hover {
    color: #fff;
}

.profileMenu a {width: auto;}
.co_menu_list li:nth-child(8) {display: none;}
.co_branded_menu .co_menu_list {left: 366px;}
.admin_adsm {
    right: 322px;
}
.admin_edit.admin_adsm.on a:before {
    content: "\f00c  已";
    font-family: FontAwesome;
}
.admin_edit.admin_adsm.on a {
    background: #087b00;
}
.single_header .release_date {right: 455px;}
.co_branded .footer_bb:after {
    border-top: 0px #fff solid;
}


.bx-wrapper .bx-controls-direction a {
    z-index: 2 !important;
}

.page404 .right, .page404 .left.Nav {
    display: block;
}
.wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend {
    background: #585858;
}


.footer_recommend {
    background: #292929;
    border-top: 1px #1b1b1b solid;
    width: 100%;
    margin: auto;
    float: left;
    text-align: left;
    padding: 30px 0 30px 0;
    height: 300px;
    overflow: hidden;
    border-radius: 0;
}
.footer_recommend li {
    float: left;
    width: 320px ;
    height: 300px;
    background-position: center top;
    background-size: 320px;
    background-repeat: no-repeat;
}

.footer_recommend li a.text {
    float: left;
    width: 92%;
    padding: 10px 4%;
    position: absolute;
    color: #fff;
    bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    background: #0a0a0acc;
    height: 60px;
    z-index: 3;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    box-shadow: 0 -1px 0 #000, 0 -2px 0 #5b5b5b;
    transition: all .2s;
}
.footer_recommend li a.img {
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    z-index: 2;
    width: 320px;
    height: 220px;
}
.footer_recommend li:hover:before{background: #65656500;transition: all 0.2s;}
.footer_recommend li:hover a{color: #dd1e25;transition: all 0.2s;}

.footer_recommend li:before {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 0 #000 inset, -1px -1px 0 #000 inset;
    position: absolute;
    z-index: 10;
    opacity: 1;
    pointer-events: none;
}
.footer_recommend li:after {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 2px 2px 0 #5b5b5b inset, -2px -2px 0 #5b5b5b inset;
    position: absolute;
    z-index: 9;
    pointer-events: none;
}
.footer_recommend .sp-slides {
    left: 0;
    float: left;
    width: 100%;
    height: auto;
}

.footer_recommend .sp-arrows.sp-fade-arrows {
    width: 100%!important;
    margin-top: -23px!important;
    left: 0% !important;
    top: 0px !important;
    margin-left: 0px !important;
}

.footer_recommend #sliderMore {
    height: auto;
}
.footer_recommend.sliderMoreBox:before{display: none;}

.footer_recommend .sp-mask {
    padding-left: 0;
}
.footer_recommend .sp-horizontal .sp-previous-arrow {
    margin-left: 0px !important;
    opacity: 1; 
}


.ytbg{display: none;}


.bottom_more_correlative {
    float: none;
    margin-top: -10px;
}
.bottom_more_correlative .text a {
    float: left;
    width: 100%;
    height: initial;
    padding: 7px 0% 0px 0%;
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden;
    font-weight: 700;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    height: 40px;
}

.bottom_more_correlative li:nth-child(10){display: none} 

.co_branded_video_single .sliderMoreBox {width: 100%;}

.left-div .video-list img {
    opacity: .45;
}
.profileMenu {
    z-index: 2;
}

/* Old edit */
.fr-dropdown-content .fr-dropdown-list li:nth-child(1),
.fr-dropdown-content .fr-dropdown-list li:nth-child(2),
.fr-dropdown-content .fr-dropdown-list li:nth-child(3),
.fr-dropdown-content .fr-dropdown-list li:nth-child(4),
.fr-dropdown-content .fr-dropdown-list li:nth-child(5),
.fr-dropdown-content .fr-dropdown-list li:nth-child(8),
.fr-dropdown-content .fr-dropdown-list li:nth-child(9),
.fr-dropdown-content .fr-dropdown-list li:nth-child(10),
.fr-dropdown-content .fr-dropdown-list li:nth-child(11),
.fr-dropdown-content .fr-dropdown-list li:nth-child(12),
.fr-dropdown-content .fr-dropdown-list li:nth-child(13),
.fr-dropdown-content .fr-dropdown-list li:nth-child(14){display: none}
.fr-box button#fontFamily-1 {
    display: none
}


.LINEat a:before,.ytbg{display: none;}

.bottom_more_correlative {
    float: none;
    margin-top: -10px;
}


.bottom_more_correlative .text a {
    float: left;
    width: 100%;
    height: initial;
    padding: 7px 0% 0px 0%;
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden;
    font-weight: 700;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    height: 40px;
}


.bottom_more_correlative li:nth-child(10){display: none} 
.co_branded_video_single .sliderMoreBox {width: 100%;}
.search_google .news_list .good72890 {
    min-height: 90px;
    padding: 0px 0;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 15px #efefef solid;
    overflow: hidden;
}
.gs-result .gs-snippet b {
    color: #e27777!important;
}


.co_branded_single .article p span {
    padding: 0;
    font-weight: initial;
}
.gsc-adBlock {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    padding-bottom: 0!important;
    background: #ffde45!important;
}
.search_google .gsc-adBlock iframe {
    margin: 0 0 0 -1px!important;
    opacity: .85!important;
}
.tab.on .author a {
    color: #da212d;
}
.submission #content {
    padding-top: 5px;
}
a#toycabinets:after {
    content: "New";
    background: #f6e10b;
    position: absolute;
    float: left;
    top: 3px;
    font-size: 12px;
    color: #db222c;
    line-height: 14px;
    margin: 0 0 0 -6px;
    padding: 1px 3px;
}
.search_google a.gs-title b {
    color: #db222c !important;
}


.co_branded .more_correlative .image {
    background: url(../images/GK_logo.png) center center #3a3a3a no-repeat;
    background-size: 292px;
}
.more_correlative .image a {
    opacity: 1;
}
.more_correlative .image a:hover {
    background-color: inherit;
    opacity: 1;
}
.single_page .article figure {
    margin: 0;
}


/* 夜間模式 */
.toypeople .video-menu .menu-tv a:after {border-right: 0px #484848 solid;}
.toypeople div#div-gpt-ad-1548831558301-0 {background: #131313;padding: 0 36px!important;padding-top: 20px !important;padding-bottom: 20px !important;border-top: 10px #252525 solid;border-bottom: 10px #252525 solid;}
.video-single.toypeople .pre_next .preVideo,
.video-single.toypeople .pre_next .nextVideo {border: 1px #383838 solid;}
.video-single.toypeople .ad2top72890{background: #333333;}
.video-single.toypeople .post-video{background: #131313;}
.video-index.toypeople .headerTop,
.video-single.toypeople .headerTop {background: #3c3c3c;}
.video-index.toypeople .searchBox input,
.video-single.toypeople .searchBox input {background: #353535;}
.video-single.toypeople .b_72890 {width: 100%;float: left;margin: 0 0 -10px 0;position: relative;}
.video-index.toypeople,
.video-single.toypeople {background: #222;}
.video-index.toypeople a#toyvideo,
.video-single.toypeople a#toyvideo {background: #222222;color: #fff;}
.video-index.toypeople .headerTop .Nav a,
.video-single.toypeople .headerTop .Nav a {border-right: 1px solid #2b2b2b;color: #b7b7b7;}
.video-single.toypeople .hotnews .image {opacity: 0.5;}
.video-single.toypeople #footer,
.video-index.toypeople #footer {background: #efefef00;}
.video-single.toypeople-toy .video-iframe {border-top: 1px #222 solid;}
.video-index.toypeople .searchBox button,
.video-single.toypeople .searchBox button {background: #353534;}
.video-index.toypeople .video-menu a:after,
.video-single.toypeople .video-menu a:after {border-right: 1px #222222 solid !important;}


.video-index.toypeople .hotnews li,
.video-single.toypeople .hotnews li {background: #2d2d2d;}

.video-index.toypeople .hotnews li a,
.video-single.toypeople .hotnews li a{background: #2d2d2d;}

.video-index.toypeople .hotnews li a:hover,
.video-single.toypeople .hotnews li a:hover{background: #333;}


.video-index.toypeople .hotnews .text,
.video-single.toypeople .hotnews .text {color: #c3c3c3;border-top: 1px #404040 solid;}


.video-index.toypeople .footer_bb, .video-single.toypeople .footer_bb {border-top: 0 #fff solid;background: #1b1b1b;}


.video-single.toypeople .post-video .cat-video .b span:before {bottom: 0px;}
.video-single.toypeople .moreandmore div.repaly {box-shadow: 0px 0px 0px #ffffff82;}
.video-single.toypeople .moreandmore div.repaly a {background: #2d2d2d;}
.video-single.toypeople .post-video .cat-video {border-top: 1px #252525 solid !important;font-weight: 700 !important;color: #949494;}
.video-single.toypeople .post-video .data span.pv,
.video-single.toypeople .post-video .data i,
.video-single.toypeople .post-video .data span.times {color: #484848 !important;font-weight: 600;}
.video-single.toypeople .post-video .content {color: #848484;background: #191919;}
.video-single.toypeople .post-video .titile {color: #fff;line-height: 40px;font-size: 35px;}
.video-single.toypeople .chat {padding: 0px 35px 15px;background: #e8e8e8;}
.video-single.toypeople .post-video,
.video-single.toypeople .pre_next,
.video-single.toypeople .ad2top72890,
.video-single.toypeople .ShareVideo{background: #131313;}
.video-index.toypeople .hot-keyword .show-button,
.video-single.toypeople .hot-keyword .show-button {background: #484848;border-left: 12px #222222 solid;}
.video-single.toypeople .ad330280x2 {background:#2b2b2b;border-top: 0px #eaeaea solid;}
.video-index.toypeople .hot-keyword a,
.video-single.toypeople .hot-keyword a {background: #2f2f2f;}
.video-single.toypeople .post-video .titile {color: #dadada;}
.video-index.toypeople .ToystoreRecommend .mailUS,
.video-single.toypeople .ToystoreRecommend .mailUS {background: #db222c;}
.video-single.toypeople .vodio_google_more{background: #131313;}
.video-single-toy.toypeople .video-iframe{border-top: 1px #222 solid;}

.video-index.toypeople .hotnews a:hover .text{ color: #fff;}
.video-index.toypeople .hotnews .text {border-top: 0px #ffffff solid;}
.video-index.toypeople .hotnews .text {border-top: 0px #ffffff solid;}
.video-index.toypeople .hotnews ul {margin-bottom: 5px;}
.video-index.toypeople .left-div .video-list h2,
.video-single.toypeople .left-div .video-list h2{background: #000000b8;}
.video-single.toypeople .left-div .video-list img ,
.video-index.toypeople .left-div .video-list img {opacity: 0.7;}
.left-div .video-list h2{height: 41px;}
.left-div .video-list:after {content: "";float: left;background: url(../images/154478050864.gif);filter: invert(0);-webkit-filter: invert(0);width: 100%;height: 350px;opacity: 0.5;pointer-events: none;}

.video-index.toypeople #sidebar.right {padding-top: 10px;}


.singleBottomReading {
    position: relative;
    width: 730px;
    padding: 30px 35px;
    display: block;
    border-top: 0px #db232d solid;
    float: left;
}
.singleBottomReading h3 {
    background: #db232d;
    float: left;
    font-size: 18px;
    padding: 0;
    line-height: 45px;
    color: #fff;
    position: absolute;
    top: -45px;
    left: 0;
    text-align: center;
    width: 800px;
    text-indent: 0;
}
.singleBottomReading .img {
    float: left;
    width: 280px;
    margin-left: 10px;
}
.singleBottomReading .text {
    float: left;
    width: 420px;
}
.article_bottom_more {
    margin: 0px 0;
}

.single_page .good_twins {
    background: #f9f9f9;
}

.co_branded_404 .single-display {
    padding: 20px 0 60px 0;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
}


.a_disclaimer { 
    background: #f3f3f3;
    float: none;
    width: fit-content;
    padding: 10px 14px;
    border-radius: 26px;
}
.submission_single a#_publication {
    background: #db222c;
    color: #fff;
}
.submission_single .article-author .type:before {
    content: "投稿作者";
    color: #db222c;
    font-size: 15px;
}
.submission_single .single_header .cat a {
    border: 1px #f6e10b solid;
    color: #000000;
    background: #f6e10b;
    font-weight: bold;
}


.article-author .noContent {
    background: #f5f5f5;
    padding: 10px 20px;
    color: #888888;
    border-radius: 12px;
    font-weight: 600;
}
.tab-section .tab .tag a {
    color: #fff;
}
.video-single.toypeople #video-single {
    padding-top: 15px;
}
.video-single-toy.toypeople #video-single {
    padding-top: 0px;
}
.video-index #sidebar.right {
    margin-top: 11px;
}


.a_disclaimers{font-size: 12px;display: block;text-align: center;color: #777;}


@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: #f6e10b; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: #f6e10b; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: #f6e10b; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: #f6e10b; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: #f6e10b; }
    100% { color: red; }
}

.singleBottomReading img {
    width: 250px;
}


.top3link {top: -54px;position: fixed;z-index: 99999;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.top3link ul {width: 1121px;line-height: 50px;margin: auto;float: none;position: relative;z-index: 1;display: block;}
.top3link li {width: calc(100% / 3);float: left;text-align: center;background: #fff;border-bottom: 1px #e2e2e2 solid;}
.top3link a {color: #333;font-weight: 500;font-size: 18px;line-height: 50px;text-align: center;width: 100%;}
.top3link a:hover {color: #ed1b24;background: #db232d00;width: 100%;}
.top3link li:hover {background: #fffdd8;}
.nav-up {top: 0px;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.top3link .hide,.index .top3link {display: none;}

.hide{display: none;}


/* 專門用來隱藏給 SEO 爬蟲看的連結 */
.hide2 {
    position: absolute;
    top: auto;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; 
}


.video-single .singleBottomReading {position: relative;margin: 38px 0px 0px 0px;width: 740px;padding: 20px 30px;background: #f5f5f5;border-top: 3px #db232d solid;float: left;}
.video-single .singleBottomReading h3 {background: #db232d;width: 772px;float: left;font-size: 18px;padding: 7px 14px;position: absolute;top: -40px;left: 0;}
.video-single .singleBottomReading .text {width: 460px;}
.video-single .singleBottomReading .text .title {font-size: 22px;}

.gs-result .gs-snippet {
    margin-left: 167px;
}

.co_branded .left-content-box-center {min-height: 2400px;}
.single_page .article h2 {color: #db212b;font-size: 22px;margin: 20px 0;}

.a_disclaimer a {color: #777 !important;}


.member-post .imgsave a {
    background: #525252;
    color: #ffffff;
    font-size: 12px;
    padding: 0px 10px;
    line-height: 28px;
    float: left;
    position: absolute;
    right: 20px;
    /* border: 1px #d0c76a solid; */
    border-radius: 5px;
    font-weight: 600;
    /* margin: -44px 0 0 0; */
    top: 20px;
}
.member-post .imgsave i {
    margin: 0 5px 0 0;
    font-size: 17px;
    line-height: 23px;
    position: relative;
    top: 1px;
}


.co_branded_video_single .post-video .cat-video {width: 720px;float: left;border-top: 1px #e6e6e6 solid;margin-top: 5px;margin-left: -15px;margin-bottom: -30px;padding: 15px 20px 20px 20px;font-size: 13px;background: #ffffff;height: 33px;}
.co_branded_video_single .ad330280x2 {padding: 25px 50px 0px 40px !important;}
.co_branded_video_single .article_bottom_more{margin:0;}
.co_branded_single .left_more_post {width: 800px;}
.co_branded_single .left_more_post .new_posts {margin-top: 0;width: 800px;float: left;background: #f3f3f3;}
.co_branded_single .left_more_post .new_posts ul {background: #fff0;}
.co_branded_single .left_more_post .new_posts li {width: 730px;margin: 0 0 10px 25px;background: #fff;}
.co_branded_single .left_more_post .new_posts h3 {text-align: left;position: relative;padding: 0 0;font-size: 20px;line-height: 45px;text-indent: 35px;margin-bottom: 30px;}
.co_branded_video_single .chat h3,
.co_branded_single .gb_google_more h3,
.co_branded_single .chat .card h3,
.co_branded_single .left_more_post .new_posts h3 {background: url(../images/gb_bg.gif) center bottom no-repeat #bd1a1a !important;color: #ffcd00;}
.co_branded_single .article_info .author a {background: #ab0c0f;}
.co_branded_single .left_more_post .more_correlative .image {width: 300px;float: left;margin: 0 20px 0px 0;height: 180px !important;overflow: hidden;position: relative;border-radius: 0;background: url(../images/154478050864.gif) #696969;}
.co_branded_single .left_more_post .more_correlative .text a,
.co_branded_single .left_more_post .bottom_more_correlative .text a {
    float: left;
    width: 100%;
    height: initial;
    padding: 10px 0% 0px 0%;
    font-size: 20px;
    line-height: 1.4;
    overflow: hidden;
    font-weight: 700;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    height: inherit;
}
.co_branded_single .left_more_post .more_correlative .text {width: 390px;float: left;}
.co_branded_single .left_more_post .more_correlative .text:after {content: "\f09e．Related Articles";font-family: FontAwesome;color: #adadad;font-weight: 500;font-size: 13px;float: left;margin-top: -10px;height: 20px;}
.co_branded_single .left_more_post .new_posts2 .text:after {content: "\f017．Latest News";}
.co_branded_single .gb_google_more {height: 620px;}
.co_branded_single .article_bottom_more {margin: 0 0;}


.co_branded_single .article p strong span {font-weight: bold;}
.co_branded button#fontFamily-1,
.member-post button#fontSize-1,
.co_branded button#videoUpload-1 {display: none !important;}


.co_branded .fr-box.fr-basic .fr-element {
    padding: 40px 0px 60px!important;
}


.co_branded .fr-box.fr-basic .fr-element {padding: 40px 0px 60px!important;}
.co_branded #post-textarea .fr-view li {line-height: 40px;font-size: 19px;}
.co_branded .fr-box.fr-basic .fr-element p {margin-bottom: 50px;line-height: 40px;font-size: 19px;}
.co_brande_member_post #post-textarea .post-textarea {width: 820px;margin-left: -65px;}
.co_branded .fr-box.fr-basic.fr-top .fr-wrapper {height: 900px !important;}
.co_branded .fr-box .fr-counter {z-index: 3;}
.co_branded .post-textarea li.ruletext {color: black;background: #ffffff;width: 805px;text-indent: 0;padding: 5px 0 2px;margin: 5px 0 9px;height: 61px;border-bottom: dotted #dcdcdc 2px;}
.co_branded #post-textarea .post_tag {padding: 1px 0 10px 0;}
.co_brande_member #post_category {width: 200px;}
.co_brande_member .taginfo {float: left;width: 96%;font-size: 16px;color: #e2000a;background: #fbf81f;border-radius: 3px;line-height: 1.4;font-weight: 500;}
.co_branded .post-textarea li.ruletext:before {font-size: 13px;line-height: 26px;width: 195px;height: 24px;margin: -34px 0 0;}
button#fontSize-1,
.co_branded .post-textarea li.ruletext:after {display: none;}

.co_branded_single .article ul,
.co_branded #post-textarea .fr-view ul {display: block;float: left;width: 100%;}
.co_branded_single .article ul li,
.co_branded #post-textarea .fr-view li {float: left;display: block;width: 100%;}
.co_branded_single .article ul, .co_branded #post-textarea .fr-view ul {display: flow-root;float: none;width: 100%;}


.news_list .sticky .text:before {
    position: absolute;
    right: 20px;
    top: -5px;
    content: "\f02e";
    font: normal normal normal 30px/1 FontAwesome;
    color: #ff1724;
    text-shadow: 1px 1px 0px #b7000e, 1px -1px 0px #b7000e, -1px -1px 0px #b7000e, -1px 1px 0px #b7000e, 3px 3px 4px #8a8a8a96;
}
.article_info .share .like {
    height: 55px;
}
.co_branded .news_list .sticky .text:before{display: none;}


.left-div .video-list .h2 {
    float: left;
    position: absolute;
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    width: 580px;
    bottom: 0;
    padding: 20px 105px 20px 25px;
    height: 41px;
    text-align: left;
    border-bottom: 19px #0000000f solid;
    background: #00000080;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;height: 41px;background: #000000b8;font-weight: bold;
}
.fr-view hr,
.article hr {
    border: 0px #ccc solid;
    border-bottom: 2px #e8e8e8 solid;
    margin-block-start: 2.5em;
    margin-block-end: 2.5em;
}
.trending{margin:10px 0 20px 0;float: left;}
.trending li a {
    width: 100%;
    height: 100%;
    float: left;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 5px #000, 0px 0px 9px #000;
    font-weight: bold;
    border-radius: 4px;
    background-color: #00000059;
}
.trending h3{
    font-size: 20px;
    color: #db232d;
    line-height: 40px;
    padding-top: 10px;
    float: left;
    width: 100%;
}
.trending li {
    width: 100%;
    height: 130px;
    margin: 0 0 7px 0;
    text-align: center;
    line-height: 220px;
    background: center center;
    background-size: 110%;
    border-radius: 4px;
    position: relative;
}


.co_branded .hotnews {
    margin: 20px 0 30px 0;
}


.font12{font-size: 12px;}

p.via {font-size: 14px !important;color: #999;font-weight: 600;}
p.via a {color: #646464 !important;margin: 0 3px 0 3px;background: #ffcc01;padding: 5px 7px;text-decoration: none !important;border-radius: 10px;}


.IGfollowerDiv{float: left;padding: 0px 3%;width: 94%;height: 50px;background: #efefef;margin: 5px 0 0 0;position: relative;font-weight: 600;}
.IGfollowerDiv i.fa.fa-instagram {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffeb3a+0,ff0741+36,ff0741+65,143fff+100 */
background: rgb(255,235,58); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,235,58,1) 0%, rgba(255,7,65,1) 36%, rgba(255,7,65,1) 65%, rgba(20,63,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,235,58,1) 0%,rgba(255,7,65,1) 36%,rgba(255,7,65,1) 65%,rgba(20,63,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,235,58,1) 0%,rgba(255,7,65,1) 36%,rgba(255,7,65,1) 65%,rgba(20,63,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb3a', endColorstr='#143fff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff;padding: 4px 5px;border-radius: 8px;font: normal 500 normal 22px/1 FontAwesome;}

.IGfollowerDiv span {position: relative;font-size: 13px;font-weight: 600;color: #313131;top: -2px;margin: 0 0 0 8px;}
.IGfollowerDiv:after {content: "追蹤";position: absolute;background: #adadad;color: #fff;font-size: 14px;top: 8px;right: 13px;border-radius: 5px;width: 70px;line-height: 35px;text-align: center;}
.IGfollowerDiv:before {content: "New";position: absolute;color: #fff;font-size: 12px;right: -5px;top: -1px;z-index: 2;background: #f00;padding: 6px 7px;border-radius: 12px;line-height: 10px;font-weight: 600;}
.IGfollowerDiv:hover:after {background: #115687;}
.co_branded .IGfollowerDiv span:before {content: "Geek-Base 也有 Instagram 囉！歡迎追蹤我們，得到第一手最新資訊！";}
.toypeople .IGfollowerDiv span:before {content: "玩具人的官方 IG 開張囉！各位玩具人快追蹤我們到第一手最新的消息！";}
.twitter-tweet{clear: both;left: 580px;}
.co_branded .left.Nav:before {left: 470px;width: max-content;}
.co_branded .left.Nav {position: relative;z-index: 1;}
.co_branded .right {padding-bottom: 0;z-index: 2;position: relative;}


.single_page .hotnews li{background: #f0f0f0;}
.single_page .hotnews li:hover{background:#f9f9f9;}


.card.hotnews.GB_hotnews {overflow: hidden;}
.hot-keyword ul {
    width: 300px;
}

.card.hotnews.GB_hotnews {overflow: hidden;}


.bannerA {
    margin: 30px 0 0 0;
}
.bannerB {
    margin: 15px 0 10px 0;
}

iframe.fbpost {
    margin: auto;
    display: block;
    margin-top: 20px;
}
p.via {font-size: 14px !important;color: #999;font-weight: 600;}
p.via a {color: #646464 !important;margin: 0 3px 0 3px;background: #ffcc01;padding: 5px 7px;text-decoration: none !important;border-radius: 10px;}


.co_branded .left.Nav:before {
    left: 570px;
}
.single_header .release_date {
    position: relative;
    top: inherit;
    right: inherit;
    font-size: 13px;
    float: left;
    padding: 7px 15px;
    margin: 43px 8px 0 40px;
}


.co_branded .bottom_AD1 {
    height: 255px;
    overflow: hidden;
}

.headerTop .Nav a {
    font-size: 18px;
    padding: 0 15px;
}
.FBfollowerDiv{display: none;}
.co_branded .log {
    display: none;
}
.co_branded .channel_log {
    display: block;
}


.admin_button_list {
    float: right;
    margin: 0;
}


ul.follow_denden:after {
    background: #1b1b1b;
    /* border: 2px #ee1b24 solid; */
    border-radius: 8px;
    content: "NEW";
    color: #ee1b24;
    font-size: 12px;
    padding: 3px 7px;
    font-weight: bold;
    margin: 0px 0 0 0px;
    position: relative;
    top: 15px;
    -webkit-animation: color-change 1s infinite; 
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite; 
}
.single_header .google-auto-placed {
    display: none !important;
}
.video-index .dan_pmp970,
.video-single .dan_pmp970 {
    background: #333333;
}
.co_branded .dan_pmp970 {
    background: #e0e0e0;
    margin-bottom: 10px;
}
.singleBottomReading .text .content {
    font-size: 15px;
    color: #777;
    line-height: 22px;
}
.twitter-tweet {
    margin: 0 0 0px 0 !important;
    max-width: 700px !important;
}
.twitter-tweet iframe {
    width: 700px !important;
}
.single_page .article h2 {
    margin: 40px 0 20px 0;
}
.index.co_branded .co_branded_menu {
    margin: 0px auto 15px;
}
.co_branded p.via a {
    color: #999999 !important;
    background: #f1f1f1;
}
.co_branded_single .admin_edit.admin_coverCrop1 {
    display: none;
}


.coverCropimg_range,#fb_range {
    width: 1200px;
    height: 628px;
}
.coverCropDiv span.c2 {
    margin-top: 629px;
}
.coverCropDiv span.c3, .coverCropDiv span.c4 {
    height: 630px;
}

.coverCropDivOver {
    display: none;
}
canvas#myCanvas {
    width: 1200px !important;
    height: 630px !important;
}


.co_branded_single .article p iframe {
    display: block;
    margin: auto;
}


.single_page .article figure {
    position: relative;
}
.single_page .article figure figcaption {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
    font-size: 13px;
    color: #999;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: 0;
}


.video-single span.admin_coverCrop1 {
    display: none;
}


.log {
    margin: 3px 0 0 10px;
}

#log-menu {
    margin-top: 47px;
}


.co_branded_menu .co_menu_list {
    position: absolute;
    left: 275px;
    bottom: 55px;
    right: 10px;
}

.co_branded_menu {
    height: 220px;
}

.subcategory_menu {
    position: absolute;
    background-color: #65161b;
    height: 44px;
    line-height: 44px;
    overflow: visible;
    bottom: 0;
    width: 100%;
}
.subcategory_menu ul#menu2, ol {
    height: 44px;
    max-width: 90%;
    overflow: hidden;
}
.subcategory_menu ul#menu2 > li, ol > li {
    display: block;
    float: left;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
}
.subcategory_menu ol {
    position: absolute;
    right: 0; top: 0;
    overflow: hidden;
}
.subcategory_menu ol > li {
    min-width: max-content;
    padding: 0 12px;
    font-size: 14px;
}

.subcategory_menu ol ul {
    position: absolute;
    top: 43px; right: 0;
    z-index: 99;
    width: 200px;
}
.subcategory_menu ol > li:hover {
    background: #000;
}

.subcategory_menu ol li ul > li {
    list-style: none;
    background-color: #4c0c10;
    border-top: 2px solid #65161b;
    padding: 0;
    overflow: initial !important;
    width: 100% !important;
    top: -2px;
    position: relative;
}
.subcategory_menu ol li ul > li a {
    width: 100%;
    padding: 0 0;
}
.subcategory_menu li a {
    color: #ffcc01;
    float: left;
    text-align: center;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
}
.subcategory_menu li a:hover{color: #fff;background: #000;}


.subcategory_menu ol:hover{
    overflow: inherit !important;}


.co_branded_menu:hover  {
    overflow: inherit !important;
}


.editor_list div.headline_title h3:before {
    content: "作者：";
    font-weight: lighter;
    font-family: sans-serif;
    margin: 0 0px 0 0 ;
    text-indent: 0;
    display: inline-block;
}

.editor_list .article-author {
    float: left;
    width: 100%;
    margin: 0px 0 30px 0%;
    border: 0px solid #f9f9f9;
    min-height: 190px;
    left: 0;
    position: relative;
    background: #ffffff;
}


.editor_list .article-author .type{display: none;}

.editor_list .article-author h3 {
    margin: 10px 0 10px 0;
    line-height: 25px;
    font-size: 25px;
    color: #2d2d2d;
}
.editor_list .article-author .author-icon {
    width: 120px;
    position: absolute;
    border-radius: 100%;
    left: 5px;
    top: -5px;
    border: 10px #efefef solid;
}


.editor_list .article-author .desc {
    font-size: 14px;
    line-height: 22px;
}

.editor_list  div.headline_title {
    font-size: 28px;}
    
.editor_list .article-author a.author {
    float: left;
    padding-left: 180px;
    position: relative;
    margin: 30px 50px 30px 30px;
}

.editor_list a.author:hover {
    background: none !important;
}


.toypeople .outer-wrap > .google-auto-placed 
.toypeople #content > .google-auto-placed ,
.toypeople #sidebar .feature_banner .google-auto-placed ,
.toypeople #footer .google-auto-placed {
    display: none;
}
.google-auto-placed {
    display: none;
}


.hot-keyword ul {
    width: 300px;
}

.card.hotnews.GB_hotnews {overflow: hidden;}

.card.bottom_AD2 {
    min-height: 262px;
}

.bannerA {
    margin: 30px 0 0 0;
}
.bannerB {
    margin: 15px 0 10px 0;
}

iframe.fbpost {
    margin: auto;
    display: block;
    margin-top: 20px;
}
#header .google-auto-placed {
    display: none !important;
}


.co_branded .left.Nav:before {
    left: 570px;
}
.single_header .release_date {
    position: relative;
    top: inherit;
    right: inherit;
    font-size: 13px;
    float: left;
    padding: 7px 15px;
    margin: 43px 8px 0 40px;
}
a#_publication:after {display: none;}

.headerTop .Nav a {
    font-size: 18px;
    padding: 0 15px;
    font-size: 17px;
    padding: 0 13px;
}


.FBfollowerDiv{display: none;}

.co_branded .log {
    display: none;
}
.co_branded .channel_log {
    display: block;
}


.admin_button_list {
    float: right;
    margin: 0;
}


ul.follow_denden:after{display: none;}

.single_header .google-auto-placed {
    display: none !important;
}
.video-index .dan_pmp970,
.video-single .dan_pmp970 {
    background: #333333;
}

.co_branded .dan_pmp970 {
    margin-bottom: 20px;
}
.singleBottomReading .text .content {
    font-size: 15px;
    color: #777;
    line-height: 22px;
}
.twitter-tweet {
    margin: 0 0 0px 0 !important;
    max-width: 700px !important;
}
.twitter-tweet iframe {
    width: 700px !important;
}
.single_page .article h2 {
    margin: 40px 0 20px 0;
}

.co_branded .co_branded_menu {
    margin: 0px auto 15px;
    background: #f91c41;
}
.co_branded p.via a {
    color: #999999 !important;
    background: #f1f1f1;
}
.co_branded_single .admin_edit.admin_coverCrop1 {
    display: none;
}


.coverCropimg_range,#fb_range {
    width: 1200px;
    height: 628px;
}
.coverCropDiv span.c2 {
    margin-top: 629px;
}
.coverCropDiv span.c3, .coverCropDiv span.c4 {
    height: 630px;
}

.coverCropDivOver {
    display: none;
}
canvas#myCanvas {
    width: 1200px !important;
    height: 630px !important;
}


.co_branded_single .article p iframe {
    display: block;
    margin: auto;
}


.single_page .article figure {
    position: relative;
}
.single_page .article figure figcaption {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
    font-size: 13px;
    color: #999;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: 0;
}

/** 20200620 **/

.co_brande_member #post-list .recordlist .td3 {
    width: 140px;
}
.log .out img {
    float: left;
}
.co_menu_list li:nth-child(8) {
    display: block;
}

.single_page .article .creditby {
    color: #bbb;
    font-size: 12px;
    display: block;
    text-align: right;
    margin: -20px 0 0 0;
    overflow: hidden;
    height: 34px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.single_page .article .creditby a {color: #bbb;background: #fff;text-decoration: none;}
.single_page .article .creditby a:hover {text-decoration: underline;}
.singleBottomReading {margin: 60px 0 20px;}

.searchBox button {
    top: 1px;
}


.video-single .singleBottomReading .text {
    width: 445px;
}

iframe.embedly-card {
    position: relative !important;
    visibility: initial !important;
}

.gsc-results .gsc-cursor-box {
    margin: 30px 0 30px 5px !important;
    float: left;
    width: 100%;
}
.gsc-webResult.gsc-result {
    float: left;
    margin-bottom: -20px !important;
    margin-top: 20px!important;
}
.gsc-webResult .gsc-url-top {
    display: block;
    float: left;
    width: 100%;
    height: 31px;
}


div#fb-video-box {
    float: left;
    position: relative;
    background: #efefef;
    width: 640px;
    height: 390px;
    padding: 30px;
    margin: 0 0 40px 60px;
}
#fb-video-box span {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: -10px 0 20px 0;
    color: #df1d26;
    font-weight: bold;
}

#adContainer .muted:before{
	font: normal normal normal 18px/18px FontAwesome;
    content: "\f028";
    }
#adContainer .unmuted:before{
    content: "\f026";
    font: normal normal normal 18px/18px FontAwesome;
    }
#adContainer .unmuted:after{
content: "\f00d";
    font: normal normal normal 12px/12px FontAwesome;
    left: 1px;
    top: -2px;
    position: relative;
        }


#adContainer .mute {
    position: absolute;
    bottom: 5px;
    left: inherit;
    right: 15px;
    color: #fff;
    padding: 6px;
    border-radius: 0px;
    width: 18px;
    height: 18px;
    z-index: 3;
    transform: scale(1.2);
    }
#adContainer .video_control{
	color: #fff;
	display: block;
	width:18px;
	height:18px;
	position:absolute;
	z-index:5;
	display: none;
}
    
#adContainer #toy_player {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
#adContainer .more a,
#adContainer .more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000000a;
    z-index: 2;
}
#adContainer .close {
    color: #fff;
    text-align: center;
    z-index: 3;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    border: 0px #ffffff solid;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: #333;
    line-height: 16px;
    -webkit-animation: closein 3s forwards;
    -moz-animation: closein 3s forwards;
    -o-animation: closein 3s forwards;
    -ms-animation: closein 3s forwards;
    animation: closein 3s forwards;
}

#adContainer .close i{line-height: 16px;}

@-webkit-keyframes closein {
    0% {opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes closein {
    0% {opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes closein {
    0% {opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes closein {
    0% {opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes closein {
    0% {opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}


.fufuVideo {
    position: fixed;
    left: 20px;
    bottom: 25px;
    width: 380px;
    display: block;
    height: 214px;
    z-index: 9;
    background: #000;
    overflow: hidden;
    border: 1px #fff solid;
    -webkit-animation: closein 2s forwards;
    -moz-animation: closein 2s forwards;
    -o-animation: closein 2s forwards;
    -ms-animation: closein 2s forwards;
    animation: closein 2s forwards;
}
.fufuVideo iframe {
    margin-top: -58px !important;
    height: 330px !important;
}


.videoKanban {float: left;position: relative;width: 300px;display: block;height: 250px;background: #000;margin: 0px auto 20px;overflow: hidden;}
.videoKanban .M_toy_player {position: relative;width:300px;height: 250px;}

.fufuVideo #adContainer .mute,
.videoKanban #adContainer .mute {right: inherit;left: 10px;}

.videoKanban #adContainer #toy_player {height: 400px;margin-top: -75px;}


.singleBottomVideo {
    position: relative;
    margin: 0px 0 0px 0px;
    width: 98%;
    border: 0px ;
    border-top: 5px #f8f8f8 solid;
    height: 500px;
    background: #f8f8f8;
    top: 0;
    overflow: hidden;
    float: left;
}
.singleBottomVideo #adContainer #toy_player {height: 600px;margin-top: -120px;}
.videoKanban #adContainer .close,
.singleBottomVideo #adContainer .close{border: 1px #fff solid;}
.singleBottomVideo #adContainer .mute{left: 10px;bottom: 10px}


div#fufuKanban img {
    float: left;
    width: 100%;
}


.bannerX_video #adContainer .more,
.bannerX_video #adContainer .more a{
    background: #00000000 ;
}

.bannerX div#adContainer {
    width: 970px;
    height: 250px;
    display: block;
    position: relative;
    margin: auto;
}
.bannerX div#adContainer .M_toy_player {
    position: relative;
    overflow: hidden;
    width: 970px;
    height: 250px;
    float: left;
}

.bannerX_video2 div#adContainer {
    position: fixed;
    width: 444px;
    height: 250px;
    overflow: hidden;
    right: 15px;
    bottom: 15px;
}
.bannerX_video2 #adContainer #toy_player {
    margin-left: 0;
    width: 444px !important;
    height: 460px !important;
    margin-top: -105px;
}
.bannerX #adContainer .close{display: none;}
.bannerX_video2 #adContainer .close {
    display: block;
    right: initial;
    left: 410px;
    -webkit-animation: closein 1s forwards;
    -moz-animation: closein 1s forwards;
    -o-animation: closein 1s forwards;
    -ms-animation: closein 1s forwards;
    animation: closein 1s forwards;
    border: 1px #bbbbbb solid;
}
.bannerX_video2 div#adContainer .M_toy_player {
    width: 444px;
}


.bannerX_video #adContainer #toy_player {
    height: 420px;
    margin-top: -85px;
    position: absolute;
    right: 0;
    width: 444px;
    background: #000;
}

.bannerX_video2 #IMGbg,
.bannerX_video2 .M_toy_player .more a:before,
.bannerX_video .M_toy_player .more a:before,
.fufuVideo .M_toy_player .more a:before {display: none;}


.bannerX_video #IMGbg {
    background: #000;
}

.bannerX_video #IMGbg img{
       width: 526px !important;
}


.news_list .card .text {
    word-break: initial;
}


.co_branded .news_list .video .image>a:hover:before {
    background: rgba(130,0,0,0);
}
.co_branded .news_list .video .image>a:after {display: none;}
.co_branded .news_list .video .image:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url(../images/playvideo.gif) center center no-repeat #00000026;
    background-size: 50px;z-index: 3;pointer-events: none;
}
.co_branded .news_list .video .image>a {
    background-size: cover;
}
.box_jobs {
    float: left;
    height: 80px;
    margin: 35px 0 0 0;
}

.login a {
    float: left;
    width: 65px;
    height: 30px;
    background: #db232d;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    text-indent: 0;
    line-height: 30px;
    margin-top: 14px;
    text-align: center;
}
.login a:hover {
    background: #006fff;
}
.co_branded .login a {
    width: 65px;
}


strong.fu06u3 {
    padding: 29px 7%;
    background: #f4f4f4;
    color: #333;
    float: left;
    margin: 0px 0 40px 0;
    font-size: 22px;
    width: 86%;
    font-weight: 500;
    position: relative;
    text-align: center;
}
strong.fu06u3:before {
    content: "“";
    position: absolute;
    font-size: 100px;
    font-family: "Times New Roman",Bodoni,Garamond,"Minion Web","ITC Stone Serif","MS Georgia","Bitstream Cyberbit";
    font-weight: bold;
    left: -10px;
    color: #b9b9b9;
    top: 10px;
}
strong.fu06u3:after {
    content: "”";
    position: absolute;
    font-size: 100px;
    font-family: "Times New Roman",Bodoni,Garamond,"Minion Web","ITC Stone Serif","MS Georgia","Bitstream Cyberbit";
    font-weight: bold;
    bottom: -25px;
    color: #b9b9b9;
    right: -10px;
}


.co_branded {
    background: #333333;
}
body.co_branded ::-moz-selection {
 background: #f91c40; color: white;
}
body.co_branded ::selection {
 background: #f91c40; color: white;
}

.co_branded_menu .co_logo .lo {
    width: 430px;
    float: left;
    position: relative;
    margin: 23px 0 0 10px;
}
.co_branded_menu .co_menu_list {
    left: 295px;
}
.co_branded_menu .co_menu_list li:nth-last-child(2) {
    right: 64px;
}
.co_branded .left.Nav:before {
    left: 610px;
}
.co_branded .left.Nav:before {
    content: "SCREEN FANDOM 歐美娛樂癮迷！是分析各種歐美娛樂作品和分享相關情報的網站，玩具人最新合作駐站團隊！";
}


.co_branded {
    background: #efefef;
}

.index.co_branded .hot-keyword .show-button {
    background: #f91c40;
    border-left: 12px #050e35 solid;
}
.index.co_branded .hot-keyword a {
    background: #37def3;
    color: #0e002d;
}
.co_branded .news_list .card .text .tag a:hover,
.co_branded .hot-keyword a:hover {
    background: #f91c40;
}
.co_branded_menu {
    border-radius: 0px !important;
}
.co_branded_menu .co_menu_list {
    left: 386px;
}
.co_branded_menu .co_menu_list li:nth-last-child(2) a, .co_branded_menu .co_menu_list li:nth-last-child(1) a {
    color: #0e002d;
    font-size: 15px;
}
.co_branded #toy_news_list .news_list .headline_title, .co_branded #toy_news_list .news_list h3.headline_title {
    background: #f91c40;
    color: #0e002d;
    padding: 5px 0 5px 0;
    margin: -5px 0 15px 0;
    text-indent: 20px;
    border-radius: 0;
}
.co_branded #toy_news_list .news_list .headline_title, .co_branded #toy_news_list .news_list h3.headline_title {
    background: #ffffff00;
    color: #37def3;
    padding: 5px 0 5px 0;
    margin: -5px 0 15px 0;
    text-indent: 20px;
    border-radius: 0;
    box-shadow: -1px -1px 0 #37def3 inset, 1px 1px 0 #37def3 inset;
}

.co_branded_menu .co_menu_list li.on a {
    background: #333333;
    color: #fff5e4;
}
.co_branded .tab-section .tab {
    background: #f91c40;
}
.co_branded .tab-section .on {
    background: #37def3 !important;
}
body.co_branded .sub_slideshow .sub_slides h2{color:#37def3;}
body.co_branded .sub_slideshow .sub_slides:hover h2 {
    color: #f91c41;
}

.co_branded .sub_slideshow:after{display: none;}
.co_branded_menu .co_menu_list ul {
    float: right;
}
.co_branded_menu .co_menu_list {
    right: 0;
    bottom: 0px;
    left: initial;
}
.co_branded_menu .co_menu_list li a {
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 0;
    background: #0d002d;
    margin-right: 0px;
    color: #31e4ee;
}
.co_branded_menu .co_menu_list li a:hover, .co_branded_menu .co_menu_list li.on a {
    background: #36def2;
    color: #0e002d;
}
.co_branded_menu .co_menu_list li:nth-last-child(1) {
    right: 15px;
}
.co_branded .sub_slideshow .sub_next {
    top: 400px;
    left: 685px;
}
body.co_branded .sub_slideshow .sub_next button:hover {
    background: #37def3;
    color: #0e002d;
}

body.co_branded .sub_slideshow .sub_next button {
    background: #f91c40;
    color: #000;
    border-radius: 0;
    width: 45px;
    height: 45px;
    font-size: 36px;
    line-height: 45px;
}
body.co_branded .sub_slideshow .sub_slides .archives_info {
    width: 70%;
    padding: 3% 5% 5%;
    bottom: 0;
}
body.co_branded .sub_slideshow .sub_slides .archives_info {
    padding: 280px 25% 20px 5%;
    height: 170px;
}

body.co_branded .sub_slideshow .sub_slides .archives_info .tag {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    box-shadow: 0px 0px 0px #00000000;
    background: #f91c40;
    padding: 9px 17px;
    font-size: 18px;
    font-weight: 700;
}
body.co_branded .sub_slideshow .sub_slides a.badge.badge-color2 {
    color: #0d002d;
}
.co_branded {
    background: url(../images/SF-gb-0804.gif) fixed #050f35;
}
.co_branded_single .co_branded_menu {
    margin: 0px auto 0;
}
.co_branded_single .single_header .tag a {
    border-radius: 0;
    background: #f91c40;
    color: #0e002d;
    font-size: 14px;
    font-weight: 700;
    padding: 3px 8px;
}
.co_branded_single .article_info .author a {
    background: #f91c40;
}
.co_branded_single .article_info {
    background: #0e002d;
}
.co_branded_single .article_info_bottom {background: #efefef;}
.co_branded_single .article_info .pv,.co_branded_single .article_info .times {
    padding: 0 17px;
    border-right: 1px #3a3050 solid;
    color: #a9a9a9;
    text-shadow: 0 0 0 #fff0;
}
.co_branded_single .nextVideo,
.co_branded_single .preVideo {
    background: #0f183c;
}
.co_branded .news_list .card {
    border-radius: 0;
}
.co_branded_single .single_header .bg {
    filter: blur(0)!important;
    -webkit-filter: blur(0)!important;
    -moz-filter: blur(0)!important;
    -o-filter: blur(0)!important;
    -ms-filter: blur(0)!important;
    opacity: .3;
}
.co_branded .single_header .tag a:hover {
    background: #37def3;
}
.co_branded .footer_bb {
    background: #0d1742;
    border-top: 0px #dcdcdc solid !important;
    height: 310px;
}
.co_branded .news_list .card .image .tags a {
    float: left;
    background: #f91c40;
    color: #0e002d;
    padding: 9px 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0 !important;
}
.co_branded .IGfollowerDiv span:before {
    content: "我們也有 Instagram 囉！歡迎追蹤我們，得到第一手最新資訊！";
}
.co_branded ul.follow_gb:before {
    content: "SCREEN FANDOM 歐美娛樂癮迷：";
}
.co_branded_video_single .chat h3, .co_branded_single .gb_google_more h3, .co_branded_single .chat .card h3, .co_branded_single .left_more_post .new_posts h3 {
    background: #f91c40 !important;
    color: #0e002d;
    padding: 5px 0 5px 0;
    font-size: 22px;
    text-indent: 0;
    border-radius: 0;
    line-height: 45px;
    height: 45px;
    text-align: center;
    width: 800px;
}


body.co_branded .news_list .card .image:after,
body.co_branded .sub_slideshow .sub_slides:after,
body.co_branded_single .single_header_body:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: #f91c40;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.34;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00329e+28,240087+60,f91c41+87&1+28,0.33+60,1+87 */
background: -moz-linear-gradient(-45deg,  rgba(0,50,158,1) 28%, rgba(36,0,135,0.33) 60%, rgba(249,28,65,1) 87%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,50,158,1) 28%,rgba(36,0,135,0.33) 60%,rgba(249,28,65,1) 87%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,50,158,1) 28%,rgba(36,0,135,0.33) 60%,rgba(249,28,65,1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00329e', endColorstr='#f91c41',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
body.co_branded .news_list .card .image:after {
    pointer-events: none;
    opacity: 0.6;
    z-index: 2;
}

body.co_branded .sub_slideshow .sub_slides:after{
    opacity: 0.65;
}
body.co_branded .news_list .card .image>a {
    opacity: 1;
    z-index: 1;
}
body.co_branded .news_list .card .image .tags {
    z-index: 3;
}
.co_branded .news_list .good72890,
.co_branded .dan_pmp970,
.index.co_branded .right_center_bb,
.index.co_branded .right_top_bb,
.index.co_branded .right_bottom_bb {
    background: #0d1742;
}
.co_brande_member {
    background: #e0e0e0;
}
.co_brande_member .dan_pmp970 {
    display: none;
}
.co_branded .wp-pagenavi span.current, .co_branded .wp-pagenavi .next {
    background-color: #f91c40;
    color: #0f002d;
}
.co_branded .wp-pagenavi a,.co_branded .wp-pagenavi span.pages,.co_branded .wp-pagenavi span.extend {
    background: #303a65;
}
.co_branded .news_list .card .image .tags a:hover,
.co_branded .wp-pagenavi .next:hover,
.co_branded .wp-pagenavi a:hover {
    color: #0e002d;
    background-color: #36def2;
}
.co_branded .wp-pagenavi span {
    color: #5f6a98;
    background: #1d264c;
}

.co_branded .news_list .video .image:before {
    background: url(../images/playvideo2.gif) center center no-repeat #00000026;
    background-size: 60px;
}
.co_branded .footer_recommend { background: #050e35;border-top: 1px #1b285f solid;}
.co_branded .footer_nav,
.co_branded .footer_info {background: #12131e;}

.co_branded_single .single_header .title {
    font-size: 56px;
    line-height: 1.2;
    color: #37def3;
    padding-bottom: 60px;
    padding-top: 15px;
    position: relative;
    float: left;
    padding-left: 4%;
}
.co_branded_single .single_header .tag {
    margin: 35px auto 0px;
    position: relative;
}

body.co_branded .sub_slideshow .sub_slides:hover:after{
    opacity: 0.5;
}
body.co_branded .news_list .card .image:hover:after{
    opacity: 0.4;
}

body.co_branded .sub_slideshow .sub_slides:after,
body.co_branded .sub_slideshow .sub_slides:hover:after,
body.co_branded .news_list .card .image:after,
body.co_branded .news_list .card .image:hover:after {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.declaration {
    padding: 20px 5%;
    width: 90%;
    background: #f1f1f1;
    margin: 0 0 50px -1px;
    clear: both;
    display: revert;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border: 1px #222 solid;
}
.declaration:before {
    content: "本文是由特約作者獨立撰寫，本站尊重其專業與言論自由並不加以干涉，文章內容僅代表作者個人觀點，不代表本站立場。";
}


span.remark {
    background: #e0f5ff;
    float: left;
    margin: 0px 0 40px 0;
    padding: 20px 4%;
    clear: both;
    font-size: 15px;
    line-height: 28px;
    border: 4px #a5d8f1 solid;
    width: 91%;
}
span.remark strong {
    color: #db212b;
    position: relative;
    margin: 0 0 0 0;
    top: -8px;
    font-size: 18px;
}

.cookie_popupbox {
    position: fixed;
    margin: 0 0 0 -560px;
    width: 1118px;
    left: 50%;
    z-index: 8;
    bottom: -1px;
    background: #fff;
    font-size: 14px;
    border: 1px #e0e0e0 solid;
}
.cookie_popupbox .box {
    float: left;
    margin: 15px 2%;
    position: relative;
    width: 96%;
}

.cookie_popupbox a {
    color: #167ac6;text-decoration: underline;
}
.cookie_popupbox .box p {
    float: left;
    line-height: 40px;
}
.cookie_popupbox button {
    background: #4291d0;
    border: 0;
    padding: 9px 30px;
    font-weight: 600;
    color: #fff;
    float: right;
    margin: 2px 2px 0 0;
}
.cookie_popupbox button:hover{background: #629cca;}


.single_page .article p.via,
p.via,span.via {font-size: 14px !important;color: #999!important;font-weight: 600;}
p.via a,span.via a {color: #999999 !important;margin: 0 3px 0 3px;background: #f1f1f1;padding: 5px 7px;text-decoration: none !important;border-radius: 10px;}

.log:hover .out img {
    border: 2px #ffffff solid !important;
}


#log-menu {
    margin-left: -68px;
}
#log-menu:before {
    margin: 27px 0 0 25px;
}
iframe.instagram-media {
    max-width: 100%!important;
}

.single_page .article .list_cover{display: none !important;}


.article table.table {
    font-size: 14px;    background: #000;
}
.article table.table tbody {
    background: #fff;
}
.article table.table td {
    padding: 2px 5px;line-height: 1.6;
}
.twitter-tweet iframe {
    margin: 0 0 30px 45px;
}
.co_branded .footer_bb {
    background: #0d1742 !important;
}


.video-single-toy .fufuVideo,
body.index.toypeople .fufuVideo,
.video-single-toy .videoKanban,
.video-single-toy .bannerX,.video-single-toy .dan_pmp970{display: none;}


.article_info_bottom .share .text:before {margin-left: 40px;}

a.followerFB {
    display: block;
    width: 100px;
    height: 28px;
    background: #227bef;
    border-radius: 4px;
    color: #fff;
    line-height: 28px;
    text-align: left;
    text-indent: 6px;
    margin: 0 0 0 105px;
}
a.followerFB:after {
    content: "日刊電電";
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 4px;
    position: relative;
    top: 0px;
}
a.followerFB:hover {
    background: #388af5 !important;
    color: #fff !important;
}


.image_credit {font-weight: 500; position: relative; float: left; top: 19px; background: #ffffff; width: 100%;}
.image_credit span {font-size: 12px;float: right;color: #ccc !important;}
.image_credit a {color: #ccc !important;text-decoration: none !important;}
.image_credit a:hover {background: #f7f7f7 !important;}
.single_page .Newest .text {
    width: 100%;
}

.co_branded_menu,
.co_branded_menu .co_logo{height: 175px;}
.co_branded_menu .co_logo .lo { margin: 26px 0 0 10px;}


.hotnews .image {display: none;}


.hotnews li span {line-height: 64px;background: #f3acb0;}
.hotnews li:nth-child(1) span {background: #d9212d;}
.hotnews li:nth-child(2) span {background: #df575f;}
.hotnews li:nth-child(3) span {background: #e88389;}

.single_page.single_simple.toypeople .hotnews li:nth-child(4) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(5) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(6) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(7) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(8) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(9) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(10) span {background: #f3acb0;}


.image_credit {
    font-weight: 500;
    position: relative;
    float: left;
    top: -1px;
    background: #fff;
    width: 100%;
    line-height: 22px;
    margin-bottom: 5px;
}

@media screen and (max-width: 1200px){
.single_page #sidebar,
.is_stuck {
    left: 0 !important;
    margin-left: 818px !important;
}}

.cat_3658 .news_list .card .image .tags {
    display: none;
}


.videoKanban {margin: 20px 0;}


.videoKanban #adContainer .close {top: 12px;right: 12px;border: 1px #ffffff solid;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0;
    text-align: center;
    background: #333;
}
.videoKanban #adContainer .close i{display: block;line-height: 18px;}
.videoKanban #adContainer .close:after {display: none !important;}

.fufuVideo {
    position: fixed;
    right: inherit;
    left: 15px;
    bottom: 20px;
    width: 350px;
    border: 2px #d8d8d8 solid;
    display: block;
    height: 197px;
    z-index: 99999;
    background: #000;
    overflow: hidden;
}
.fufuVideo .more a:before {
    content: "暸解詳情";top: initial;
    font-size: 12px;
    font-weight: 600;
    color: #a0a0a0;
    right: -1px;
    bottom: 10px;
    position: absolute;
    border: 1px #a0a0a0 solid;
    padding: 4px 6px;
    background: #000000e8;
}
.fufuVideo iframe {
    margin-top: -126px;
    width: 100%;
    height: 448px;
}
.fufuVideo .close {
    position: absolute;
    top: 10px;
    height: 19px;
    width: 18px;
    line-height: 18px !important;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    background: #000000;
    -webkit-animation: closein 3s forwards;
    -moz-animation: closein 3s forwards;
    -o-animation: closein 3s forwards;
    -ms-animation: closein 3s forwards;
    animation: closein 3s forwards;
    right: 10px;
    bottom: inherit;
    color: #fff;
    z-index: 5;
    border: 1px #dcdcdc9c solid!important;
}
.fufuVideo .close i {
    display: block;
    line-height: 18px;
}
.video-single-toy .fufuVideo, body.index.toypeople .fufuVideo {
    display: block;
}

.singleBottomReading {
    margin: 60px 0 1px;
    background: #f9f9f9;
}

.singleBottomVideo .more a:hover {
    background: none !important;
}


.hotnews li {height: 63px;}
.hotnews .image {display: none;}


.hotnews li span {line-height: 57px;background: #f3acb0;}
.hotnews li:nth-child(1) span {background: #d9212d;}
.hotnews li:nth-child(2) span {background: #df575f;}
.hotnews li:nth-child(3) span {background: #e88389;}

.single_page.single_simple.toypeople .hotnews li:nth-child(4) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(5) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(6) span,
.single_page.single_simple.toypeople .hotnews li:nth-child(7) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(8) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(9) span, 
.single_page.single_simple.toypeople .hotnews li:nth-child(10) span {background: #f3acb0;}


.image_credit {
    font-weight: 500;
    position: relative;
    float: left;
    top: -1px;
    background: #fff;
    width: 100%;
    line-height: 22px;
    margin-bottom: 5px;
}

@media screen and (max-width: 1200px){
.single_page #sidebar,
.is_stuck {
    left: 0 !important;
    margin-left: 818px !important;
}}


.cat_3658 .news_list .card .image .tags {
    display: none;
}


.singleBottomVideo iframe.toy_yt {height: 360px;margin-top: 0;width: 640px;}


.more_article .google_more {
    margin: 10px 0 40px 30px;
}


.news_list .card .image>a {
    opacity: 1;
}
.good_twins .right > div, 
.good_twins .left > div {margin: 30px 0 !important;}


.singleBottomVideo.toy-ad .close {
    color: #fff;
    text-align: center;
    z-index: 3;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    border: 1px #ffffff solid;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: #333;
    line-height: 16px;
    -webkit-animation: closein 3s forwards;
    -moz-animation: closein 3s forwards;
    -o-animation: closein 3s forwards;
    -ms-animation: closein 3s forwards;
    animation: closein 3s forwards;
}

.fufuVideo .mute,
.singleBottomVideo.toy-ad .mute {
    position: absolute;
    bottom: 5px;
    left: inherit;
    right: 15px;
    color: #fff;
    padding: 6px;
    border-radius: 0px;
    width: 18px;
    height: 18px;
    z-index: 3;
    transform: scale(1.2);
    left: 10px;
    bottom: 10px;
}

.singleBottomVideo.toy-ad .more a,
.singleBottomVideo.toy-ad .more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000000a;
    z-index: 2;
}

.singleBottomVideo.toy-ad iframe {
    position: absolute;
    z-index: 0;
    width: 100%;
    background: #000;
    height: 600px;
    margin-top: -120px;
}
.video-single-toy span.pv,
.singleBottomVideo.toy-ad .more a i{display: none;}

.fufuVideo .more a,
.fufuVideo.toy-ad .more{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000000a;
    z-index: 2;
}

.fufuVideo iframe {
    position: absolute;
    z-index: 0;
    width: 100%;
    background: #000;
    margin-top: -67px !important;
    height: 330px !important;
}

.menu-home a:before {
    content: "Home";
}
.single_page main {position: inherit;}


.bannerX {background: #e0e0e0;z-index: 0;}
.video-index .bannerX,
.video-single .bannerX{background: #333;}


.bannerX .box { position: relative;}
.bannerX .close {
    color: #fff;
    text-align: center;
    z-index: 3;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    border: 1px #bbbbbb solid;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: #333;
    line-height: 16px;
}
.member-post .wrapper-content-box2 h3, .single_page .article-container .article h3 {
    color: #005ca2;
    display: block;
    margin: 30px 0 20px 0;
    font-size: 20px;
    text-align: left;
    padding: 0;
}


.co_branded_single .article .adsbygoogle {
    margin: 40px auto 40px auto !important;
    width: 336px;
}
.submission_single a#_publication {
    background: #ffffff;
    color: #000;
}



.bannerX_video2 {
    z-index: 9;
}


.right_bottom_bb > div,
.good_twins div > div,
.rightAd_3002502 > div,
.rightAd_3002502 > div > div {
    height: initial !important;
}


.rightAd_3002502 {
    overflow: hidden;
    margin: 10px 0 0px 0;
}


.rightBanner {
    float: left;
    margin: 0 0 15px!important;
}
.rightBanner img{
    border-radius: 18px;
}
.rightBanner a {
    float: left;
}
.rightBanner2,.rightBanner3{
    margin: 0 0 5px!important;
}


.single_page .article p, .single_page .article {
    line-height: 34px !important;
    font-size: 18px !important;
    color: #000 !important;
    margin: 10px auto ;
    margin-bottom: 30px !important;
}

.single_page .article img ,
.single_page .article p img {max-width: 640px !important;width: 640px !important;height: inherit !important;text-align: center;display: block;
    box-shadow: 0px 0px 2px #bfbfbf;
    margin: 30px auto;
}





.logading-article-container {
    width: 100%;
    width: 1120px;
    height: 500px;
    display: block;
    margin: 0px auto 60px auto;
    float: left;
    position: relative;
    border-radius: 18px;
    margin-left: 20px;
    background: url(../images/loading.gif) center center no-repeat #ffffff;
}


.article-container {
    margin: 0px auto 20px auto;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    display: block;
}

.article-container .dan_pmp970 {
    margin-top: -20px;
    margin-bottom: 0;
}


#left-content,#sidebar,
main,footer{position: relative;display: block;}
main{ width: 1160px;margin: auto;z-index: 1;}
header{position: relative;display: block;z-index: 3;}


.index #content {
    padding: 0 20px 0 20px;
}
.headerBottom {
    width: 1120px;
    position: relative;
    display: block;
    margin: auto;
}

.AD_index_Cover {
    z-index: 3;
    float: left;
    width: 1160px;
    position: relative;
}
.AD_index_Cover_Banner {
    z-index: 2;
    position: relative;
    margin: 0 auto 0px auto;
    height: 250px;
    text-align: center;
    border-bottom: 20px #efefef solid;
}
.AD_index_Cover_Banner a {
    float: left;width: 1160px;height: 250px;
}
.AD_index_Cover_Banner a img{
    float: left;width: 1160px;height: 250px;
}

.AD_index_Cover_BG {
    z-index: 1;
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
}
.AD_index_Cover_BG a {
    width: 100%;
    height: 100%;
    float: left;
    width: 1920px;
    height: 1080px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.AD_index_Cover_BG a img {
    top: 60px;
    position: relative;
}
.index .main #content:after {
    content: "";
    width: 1160px;
    height: 100%;
    background: #efefef;
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -580px;
    top: 0;
}
.video-single #sidebar {
    z-index: 2;
}


.main .article-container:after{display: none;}
.article-container {margin:  0 auto  20px auto}
.rightAd_300250 {margin: 0 0 10px 0 !important;}

.bannerB {margin: 5px 0 5px 0 !important;height: 220px;float: left;}
.bannerB a {float: left;height: 220px;}
.list_page .news_list .card .image .tags {display: none;}


/*** new popup  ***/
.popupBox {position: fixed;z-index: 99999;float: left;height: 100%;width: 100%;}
.p_container{width: 600px;height: auto;position: relative;top: 20%;margin: auto;}
.alcohol-warning{letter-spacing: 20px;z-index: 4;background-color:#000000db !important}
.notification_popup{position: fixed;max-width: 100%;margin: 0 auto;box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16)!important;border-bottom-left-radius: .5em;border-bottom-right-radius: .5em;left: 0;right: 0;width: 450px;height: auto;}
.notification_popup img{width: 80px;height: 80px;}


/*** new style ***/
.width-100pa{width: 100%;}
.max-width-100pa{max-width: 100%;}

.fix-footer{position: fixed;bottom: 0;}

.bg-black{background-color: #000000; }
.bg-black-90{background-color: #000000f0;}
.bg-white{background-color: #fff; }
.bg-red{background-color: #db232d; }
.bg-gray{background-color: #ccc; }
.bg-red{background-color: #db232d; }
.bg-blue{background-color: #0078d1;}

.padding-10{padding: 10px;}
.padding-20 {padding: 20px;}
.padding-24 {padding: 24px;}
.padding-30 {padding: 30px;}
.padding-50 {padding: 50px;}
.padding-5pa {padding: 5%;}

.margin-r-20{margin-right: 20px;}
.margin-b-10{margin-bottom: 10px;}
.margin-b-20{margin-bottom: 20px;}
.margin-b-30{margin-bottom: 30px;}

.border-radius-5{border-radius:5px;}

.text-center{text-align: center}
.text-right{text-align: right}

.font-bold{font-weight: bold;}
.font-w400{font-weight: 400;}
.font-w500{font-weight: 500;}


.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-25{font-size: 25px;}
.font-30{font-size: 30px;}
.font-40{font-size: 40px;}
.font-50{font-size: 50px;}
.font-70{font-size: 70px;}
.font-100{font-size: 100px;}

.line-height-1{line-height: 1;}
.line-height-1-2{line-height: 1.2;}
.line-height-60{line-height: 60px;}
.line-height-80{line-height: 80px;}

.color-red{color: #db232d;}
.color-gray{color: #ccc;}
.color-white{color: #fff;}
.color-blue{color: #0078d1;}

.clear-both{clear: both;}
.float-left{float: left;}
.float-right{float: right;}

.btn{border: 0;padding: 10px 15px;}
.btn:hover {background: #006fff;color: #fff !important;}
.btn-outline-black{border: 1px #000 solid;}

.default-button{border: 0;letter-spacing: .05em;cursor: pointer;padding: 0 1.5em; line-height: 46px;border-radius:5px;font-weight: 400;font-size: 16px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.allow-button:hover {background: #1485d8;color: #fff !important;-webkit-transition: all 0.2s;transition: all 0.2s;}
  
.select-none{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

.popup-animation-top{
transition: 75ms linear;
-webkit-animation-name: slideDownEnter;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 400ms;
-webkit-animation-fill-mode: forwards;
animation-name: slideDownEnter;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-duration: 400ms;
animation-fill-mode: forwards;
}

.popup-animation-down{
transition: 75ms linear;
-webkit-animation-name: slideUpEnter;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 400ms;
-webkit-animation-fill-mode: forwards;
animation-name: slideUpEnter;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-duration: 400ms;
animation-fill-mode: forwards;
}


@keyframes slideDownEnter {0% {transform: translateY(-150%); } 100% {transform: translateY(0); } }
@keyframes slideDownExit {0% {transform: translateY(0%); } 100% {transform: translateY(-150%); } }
@keyframes slideUpEnter {0% {transform: translateY(150%); } 100% {transform: translateY(0); } }
@keyframes slideUpExit {0% { transform: translateY(0%); } 100% {transform: translateY(150%); } }

@media screen and (max-width: 768px){ 
.alcohol-warning{letter-spacing: 3px;z-index: 99999999999;}
}


@media screen and (max-width: 540px){ 
.alcohol-warning{letter-spacing: 3px;z-index: 99999999999;}
.p_container {
    width: 90%;
    height: auto;
    position: relative;
    top: 20%;
    margin: auto;
}
.btn {
    padding: 7px 10px;font-weight: bold;
}
.notification_popup {
    bottom: 0;
    width: calc(100% - 40px) !important;
    padding: 20px 20px !important;
}

}


.IGfollowerDiv{margin:-5px 0 0 0;}
.article_info_bottom {overflow: initial;margin:-20px 0 0 84px !important;float: left;width: 640px;background: #f9f9f9 !important;height: auto;}


.single_page .good72890 {
    background: #fff0;
    padding: 0;
    margin: 40px 45px 0;
    width: 728px !important;
}


.co_branded_single .good72890 {margin: 30px ​35px 40px 45px !important;}


.toypeople .more_article .google_more,
.toypeople .more_article iframe {height: 400px !important;}

.single_page .article {float: left; margin: 0 88px;margin-top: 30px;}

.a_disclaimer {width: 360px;padding: 10px 14px;border-radius: 26px;left: 26%;position: relative;float:left;}

.bannerX_video #IMGbg img {width: auto!important;}


.article-author a.author {margin: 20px 30px 20px;}

.article-author, .article_info_bottom {
    display: none;
}
.submission_single .article-author {
    display: block;
}



.single_page #left-content {width: 815px;}


/* ========================================
   Right_SlideShow - 主容器
   ======================================== */
.Right_SlideShow {
    width: 100%;
    height: 340px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    background: url(../images/bx_loader.gif) center center no-repeat;
    border-radius: 18px;
}

/* RECOMMEND 標籤（目前隱藏） */
.Right_SlideShow:before {
    display: none;
    content: "RECOMMEND";
    font-size: 12px;
    font-weight: 900;
    line-height: 26px;
    position: absolute;
    z-index: 1;
    color: #fff;
    background: #db222e;
    padding: 0 9px;
    pointer-events: none;
}

/* ========================================
   連結與圖片
   ======================================== */
.Right_SlideShow a {
    width: 100%;
    float: left;
    top: 0;
    z-index: 99;
    background: #fff;
}

.Right_SlideShow a .img {
    float: left;
    width: 100%;
    height: 170px;
}

/* ========================================
   文字 box
   ======================================== */
.Right_SlideShow a .box {
    padding: 15px 20px 33px 20px;
    float: left;
    min-height: 120px;
}

.Right_SlideShow a .box span {
    float: left;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    background: #db242d;
    padding: 3px 15px;
    margin: 0 0 10px;
    border-radius: 12px;
}

.Right_SlideShow a .box p {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    height: max-content;
    overflow: hidden;
}

/* ========================================
   bxSlider - 外框
   ======================================== */
.Right_SlideShow .bx-wrapper {
    background: #efefef;
    margin: 0 auto ;
    font-weight: 600;
    font-size: 17px;
}

/* ========================================
   bxSlider - 方向按鈕
   ======================================== */
.Right_SlideShow .bx-controls-direction {
    bottom: 360px;
    overflow: hidden;
    pointer-events: none;
}

.Right_SlideShow .bx-wrapper .bx-controls-direction a {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    outline: 0;
    width: 48px;
    height: 80px;
    text-indent: -1000px;
    z-index: 9999;
    right: -48px;
    opacity: 1;
    background: none;
}

.Right_SlideShow .bx-wrapper .bx-prev {
    left: -48px;
}

.Right_SlideShow .bx-wrapper .bx-prev:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 60px;
    left: 3px;
    top: 23px;
    background: url(../images/controls.png) no-repeat 0 -32px;
}

.Right_SlideShow .bx-wrapper .bx-next:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 60px;
    right: 0;
    top: 23px;
    background: url(../images/controls.png) no-repeat -43px -32px;
}

/* hover 時顯示按鈕 */
.Right_SlideShow:hover .bx-wrapper .bx-prev {
    left: 0;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.Right_SlideShow:hover .bx-wrapper .bx-next {
    right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.Right_SlideShow:hover .bx-wrapper .bx-prev,
.Right_SlideShow:hover .bx-wrapper .bx-next {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #3b3b3b;
}

/* ========================================
   bxSlider - 分頁點
   ======================================== */
.Right_SlideShow .bx-wrapper .bx-pager {
    position: absolute;
    top: 307px;
    padding: 0;
    width: 76px;
    left: 50%;
    margin-left: -38px;
}

.Right_SlideShow .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #e9e9e9;
    margin: 0 3px;
}

.Right_SlideShow .bx-wrapper .bx-pager.bx-default-pager a:hover,
.Right_SlideShow .bx-wrapper .bx-pager.bx-default-pager a.active,
.Right_SlideShow .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #db242d;
}


/* ========================================
   Swiper - 分頁與按鈕
   ======================================== */
.Right_SlideShow .swiper-pagination {
    position: absolute;
    left: 50%;
    margin-left: -27px;
    bottom: 10px;
}

.Right_SlideShow .swiper-pagination span {
    width: 10px;
    height: 10px;
    margin: 4px;
}

.Right_SlideShow .swiper-button-next,
.Right_SlideShow .swiper-button-prev {
    color: #fff;
}

.Right_SlideShow .swiper-arrows {
    opacity: 0;
    transition: opacity 0.2s;
}

.Right_SlideShow:hover .swiper-arrows {
    opacity: 1;
    transition: opacity 0.2s;
}

/* ========================================
   Swiper - slide 圖片置中
   ======================================== */
.Right_SlideShow .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* ========================================
   category-new card（共用圓角）
   ======================================== */
.category-new .card {
    border-radius: 18px;
    overflow: hidden;
}


.fr-embedly {
    height: max-content !IMPORTANT;
    margin-top: 30px;
}
.embedly-card {
    position: relative;
    overflow: hidden;
    top: -28px;
    margin-bottom: -30px;
}
.embedly-card:after {
    content: "";
    position: absolute;
    right: 0;
    top: 30px;
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 999999999999;
}
.embedly-card-hug {
    max-width: 640px !important;
}
iframe.embedly-card {
    width: 640px !important;
}


.video-single .bannerX_video2 div#adContainer,
.video-single .bannerX_video{display: none!important;}

.single_page .article-author .socials{display: none;}
.submission_single .article-author .socials{display: block;}


.rightAd_300250 {margin: 0 0 15px !important;}


.ad_remove .bannerX,
.ad_remove .footer_bb,
.ad_remove .footer_recommend,
.ad_remove .videoKanban,
.ad_remove .fufuKanban,
.ad_remove .rightBanner,
.ad_remove .toy-ad,
.ad_remove .IGfollowerDiv,
.ad_remove .rightAd_300250{display: none!important;}


.footer_recommend li:after {left: 0;}

iframe.yt {width: 640px;height: 360px;margin: 10px 0 10px 0;}


.fufuVideo {left: 10px;bottom: 25px;width: 360px;border: 1px #ffffff solid;height: 203px;z-index: 99999;}
.fufuVideo iframe {margin-top: -64px!important;height: 330px!important;}

.fufuKanban {
    animation: ease-in-out 1000ms slideIn;
    width: max-content;
    max-width: 400px;
}

@keyframes slideIn {from { transform: translateY(100vh)}to { transform: translateY(0vh)}}


.news_list .card .text h2 a{ word-break: break-all;}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.coverCropimg_range, #fb_range {
    height: 628px;
}
.coverCropDiv2 .coverCropimg_range:after {
    content: "1200x630px";
}


.singleBottomReading .text .title {
    margin-top: 5px;
}
.singleBottomReading .text .content {
    font-size: 13px;
    color: #202020;
    line-height: 20px;
    font-weight: 600;
}

.fa-plurk:before {
    content: "噗";
    font-size: 15px;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #797979;
    color: #1b1b1b;
    border-radius: 3px;
    font-weight: 900;
}
.footer_info .link a:hover .fa-plurk:before {
    color: #1b1b1b;
    background: #ed1b23;
}
.faplurk:before {
    content: "噗";
    font-size: 15px;
    float: left;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background: #000000;
    color: #f91c41;
    border-radius: 6px;
    font-weight: 900;
}
.fa_plurk:before {
    content: "噗";
    font-size: 12px;
    float: left;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    background: #000000;
    color: #eaff00;
    border-radius: 6px;
    font-weight: 900;
    position: relative;
    top: 3px;
}


.single_page .article h2, .single_page .article h3 {
    margin: 40px 0 20px !important;
    color: #db212b !important;
    font-size: 22px !important;
}


.bannerX_video2 #adContainer .more:before,
.bannerX_video #adContainer .more:before {
    content: "";
    position: absolute;
    width: 444px;
    height: 250px;
    background: #0000000d;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

.footer_bb_box iframe{margin: 0;}
.footer_bb .footer_bb_box {
    max-width: 1120px;margin: auto;text-align: center;
}
.footer_bb  {
    padding: 20px 0;
}


#adGeek-slot-div-gpt-ad-1648720330545-0 {
    float: left;
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0 0 15px 0 !important;
}
#adGeek-slot-div-gpt-ad-1648720330545-0 .trv-player-container{margin-left: 0px;}
#adGeek-slot-div-gpt-ad-1648720330545-0 > div,
#adGeek-slot-div-gpt-ad-1648720330545-0 iframe{
    float: left;
    width: 100% !important;
    max-height: 250px !important;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.videoKanban {
    margin: 5px 0 0 0;
}
.ats-overlay-bottom-wrapper-unrendered {
    height: 0;
}

.rightAd_300250 {
    overflow: hidden;
}


.index .AD_index_Cover:after {
    content: "";
    width: 1160px;
    height: 9000px;
    background: #efefef;
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -580px;
    top: 250px;
}
.index .main #content:after {
    display: none;
}
.good72890top div#div-gpt-ad-1548828609751-0 {
    margin-bottom: 20px;
}
.right_bottom_bb > div, .good_twins div > div, .rightAd_3002502 > div, .rightAd_3002502 > div > div {
    height: max-content !important;
}


#sub_list .news_list .card .text {
    padding: 40px 30px 35px 325px;
    width: 445px;
}
#sub_list .headline_title h3 {
    width: 295px;
}
.single_page .article p.img_info {
    font-size: 13px !important;
    line-height: 22px !important;
    background: #f0f0f0;
    width: 610px !important;
    padding: 12px 15px !important;
    margin-top: -30px !important;
}

.AD_index_Cover_BG a {
    width: 1680px;
    height: 860px;
    margin-left: -840px;
}
.AD_index_Cover_BG a {
    width: 100%;
    height: 100%;
    margin-left: 0;
    left: 0;
}


/* 100% header */
.headerTop .bodyWidth {
    padding: 0;
    width: 99%;
}
.AD_index_Cover_BG a {
    width: 380px;
    height: 1080px;
    margin-left: -960px;
    left: 50%;
}
.AD_index_Cover_BG2 {
    z-index: 1;
    position: fixed;
    text-align: center;
    top: 0;
}
.AD_index_Cover_BG2 {
    z-index: 2;
    width: 1160px;
    height: 10000px;
    margin-left: -580px;
    left: 50%;
    float: left;
    position: absolute;
    top: 0;
    background: #efefef;
    margin-top: 310px;
}
.AD_index_Cover_BG2 a {
    width: 380px;
    height: 1080px;
    margin-left: 580px;
    left: 50%;
    float: left;
    position: fixed;
    z-index: 2;
    top: 0;
}


/* 右上角登入框  */


#logo img {
    width: auto;
    height: 49px;
    margin: 5px 9px 5px 0;
}

.login_icon {
    float: right;
    position: relative;
    height: 60px;
    width: 60px;
}
.login_icon_img:hover{ cursor: pointer;}
.log_profiles_box img {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    left: 20px;
    top: 15px;
    border: 3px #d7d7d7 solid;
}
.log_profiles_box .mail {
    font-size: 12px;
    line-height: 20px;
    color: #afafaf;
    position: absolute;
    top: 43px;
    left: 78px;
}
.login_icon .login_icon_img img {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 3px #dfdfdf solid;
    float: left;
    margin: 7px 0 0 7px;
}
#log-menu2:before {
    display: none;
}
.log_menu_box{display: none;}
#log-menu2 {
    position: absolute;
    width: 270px;
    background: #fff;
    z-index: 9;
    right: 0;
    right: 5px;
    top: 56px;
    border-radius: 10px;
    font-weight: 600;
    overflow: hidden;
    box-shadow: 0px 7px 30px #00000038, 0px 1px 3px #0000000d;
}
#log-menu2 .name {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70%;
    padding: 6px 0% 0 23%;
}
#log-menu2 li.log_profiles_box a {
    float: left;
    width: 80%;
    padding: 0 10%;
    line-height: 50px;
    height: 75px;
    position: relative;
}
#log-menu2 li {
    width: 100%;
    line-height: 40px;
}

#log-menu2 li a{
    float: left;
    width: 80%;
    padding: 0 10%;
    line-height: 50px;
    height: 50px;
}
#log-menu2 li i {
    color: #b4b4b4;
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 1px;
}
#log-menu2 li a:hover {
    background: #f4f4f4;
    color: #f11516;
}
.closeDiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.show{display: block;}

.show.login_icon {background: #efefef;}

.login_icon .login_icon_img img:hover{ border: 3px #f11516 solid;}


.footer_recommend {padding: 25px 0; height: auto;
    background: #161616;
    border-top: 1px #1b1b1b solid;
    border-bottom: 1px #2c2c2c solid;}

.footer_recommend .h3_title {
    margin: 0 0 0 0px;
    padding: 0;
    line-height: 1.2;
    font-size: 28px;
    font-weight: bold;
    width: auto;
    text-indent: 0;
    text-align: center;
    color: #dd1e25;
    position: absolute;
    top: 0;
    background: none;
}
.footer_recommend .more a {
    color: #e8e8e8;
    font-size: 12px;
    position: absolute;
    float: right;
    padding: 6px 13px;
    right: 0;
    bottom: 0;
    font-weight: 600;
    background: #dc232d;
}


.footer_recommend_body {
    width: 1120px;
    padding: 50px 70px 0px 70px !important;
}

.footer_recommend .swiper-wrapper {
    width: 900px;
    height: 550px;
}

.footer_recommend .swiper-pagination {
    width: 100px !important;
    left: 1120px !important;
    top: 15px !important;
}
.footer_recommend .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    opacity: 1;
}


.footer_recommend .swiper-button-next, 
.footer_recommend .swiper-button-prev {
    width: 70px;
    height: 535px;
    background: #161616;
    top: 70px;
    z-index: 9999999;color: #db232d;
}

.footer_recommend .swiper-button-next:hover, .footer_recommend .swiper-button-prev:hover{
    background: #1b1b1b;}

.footer_recommend .swiper-button-next:after, .footer_recommend .swiper-button-prev:after {
    font-size: 50px;
}

.footer_recommend .swiper-button-next {
    right: var(--swiper-navigation-sides-offset,-10px) !important;
}
.footer_recommend .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset,-10px) !important;
    }
 
 
.footer_recommend .swiper-pagination-bullet{background: #fff;}
.footer_recommend .swiper-pagination-bullet-active {
    background: #dd1e25;
}

.footer_recommend .swiper-slide { width: 280px !important;
    background: none;
    text-align: left;}

.footer_recommend .swiper-slide .img{width: 100%;height: auto;overflow: hidden;position:relative;}
.footer_recommend .swiper-slide .img img {
    width: 100%;
    height: auto;
    max-height: 193px;
    position: relative;
    border-radius: 18px;
    border: 1px #525252 solid;
    width: calc(100% - 2px);
}

.footer_recommend .swiper-slide p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0;
    position: relative;
}
.footer_recommend .swiper-slide a:hover .img img{

    border: 1px #dd1e25 solid;
}
.footer_recommend .swiper-slide a:hover p{
    color: #dd1e25;
}

.footer_recommend .swiper-slide:nth-child(4) {
    position: absolute;
    left: 530px;
    top: 285px;
}
.footer_recommend .swiper-slide:nth-child(5) {
    position: absolute;
    left: 840px;
    top: 285px;
}
.footer_recommend .swiper-slide:nth-child(9) {
    position: absolute;
    left: 1680px;
    top: 285px;
}
.footer_recommend .swiper-slide:nth-child(10) {
    position: absolute;
    left: 1990px;
    top: 285px;
}

.footer_recommend .swiper-slide p{
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 58px;
}


.footer_recommend .swiper-slide:nth-child(1) .img:after,
.footer_recommend .swiper-slide:nth-child(6) .img:after {
    height: 345px;
    bottom: 3px;
}

.footer_recommend .swiper-slide:nth-child(1),
.footer_recommend .swiper-slide:nth-child(6) { width: 500px !important;}

.footer_recommend .swiper-slide:nth-child(1) .img,
.footer_recommend .swiper-slide:nth-child(6) .img{top:0;}

.footer_recommend .swiper-slide:nth-child(1) img,
.footer_recommend .swiper-slide:nth-child(6) img{width: 100%;height: 344px;top: 0px;
    max-height: 344px;
    width: calc(100% - 2px);}

.footer_recommend .swiper-slide:nth-child(1) p, .footer_recommend .swiper-slide:nth-child(6) p {
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.3;
    padding: 15px 0;
    top: 0;line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 110px;
}

.singleBottomVideo.toy-ad .Toy_player_iframe2 iframe {
    position: absolute;
    z-index: 0;
    width: 100%;
    background: #000;
    height: 360px;
    margin-top: 0;
}
.singleBottomVideo {
    position: relative;
    margin: 0px 0 0px 0px;
    width: 97%;
    border-top: 5px #f8f8f8 solid;
    height: 500px;
    background: #f8f8f8;
    top: 0;
    overflow: hidden;
}
.singleBottomVideo .Toy_player_iframe2 {
    position: relative;
    margin: 50px 0 50px 85px;
    width: 640px;
    display: block;
    height: 360px;
}
.singleBottomVideo .Toy_player_iframe2:before {
    content: "最新熱門影片";
    color: #db232d;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    display: block;
}
.ad_remove .article {
    margin-top: 30px;padding-bottom: 50px;
}
.member-profiles .news_list .card .text {
    width:294px !important;
}

.index.toypeople .news_list h3.headline_title {
    font-size: 28px;
    line-height: 50px;
    padding-top: 15px;
}

.singleBottomVideo #adContainer #toy_player {
    height: 100%;
    margin-top: 0;
}

.footer_recommend .swiper-slide .img {
    height: 196.5px;
}
.footer_recommend .swiper-slide:nth-child(1) .img, .footer_recommend .swiper-slide:nth-child(6) .img {
    height: 348px;
}
.admin_edit.admin_coverCrop2 {
    margin-left: 80px;
}
.news_list .card.list {
    min-height: 260px;
}


.single_page.pageLock {overflow: hidden;}
.lightbox {background-color: rgb(0 0 0 / 90%) !important;}
.single_page .article p img {cursor: pointer;}
.lightbox .close {position: fixed!important;right: 45px!important;}
.lightbox {overflow-y: scroll !important;}
.fufuKanban {left: 20px!important;}
.article_info_bottom{width: 640px;}
.co_branded .right_center_bb,.single_page .rightAd_300250 {margin: 20px 0 20px!important;}
.co_branded #logo img {height: auto;}
.co_branded_single .gb_google_more { height: 290px;overflow: hidden;}
.single_page .good72890 { margin: 20px 45px 0;}
.right_bottom_bb,.rightAd_300250,.rightAd_3002502 {width: 300px;}


.videoKanban iframe {
    width: 300px !important;
    height: 370px !important;
    margin-top: -119px !important;
    position: relative;
    z-index: 1;
}

.fufuKanban_left{
    float: left;
    position: fixed;
    right: initial;
    height: auto;
    background: #fff;
    z-index: 9;
    max-width: 336px !important;
    max-height: 280px !important;
    right: inherit;
    border: 0px #fff solid;
    box-shadow: 2px 2px 10px #0000003d;
    animation: ease-in-out 1000ms slideIn;
    width: max-content;
    left: 10px!important;
}

.PC_fix_Left {
    float: left;
    position: fixed;
    right: initial;
    height: auto;
    z-index: 9;
    left: 15px;
    width: 336px;
    padding: 0 10px 10px 0;
    bottom: -430px;
    right: inherit; overflow: hidden;
    animation:slideIn2 ease-in 1s;
    animation-delay:4.5s;
    animation-fill-mode:forwards;
}
.PC_fix_Left .card{width: 100%;height: auto;position: absolute;bottom: 30px;left: 10px;}

.PC_fix_Left .close {
    right: 21px;
    top: 13px;
    font-size: 12px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 0;
    color: #fff0;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    border: 1px #ffffff6b solid;
    border: 0;
    background: #33333300;
}
.PC_fix_Left iframe{width: 336px;height: 280px;border: 1px #fff solid !important;box-shadow: 1px 1px 10px #0000007d;}

@keyframes slideIn2 {
    0% {
        bottom: -480px;
    }

    100% {
        bottom: 20px;
    }
}
.single_page .article a:hover {
    background-size: initial;
}
.news_list .card .image>a {overflow: hidden;}
.card.list .image-container {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}

.card.list .image-container img {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -20%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.bannerX{padding:20px 0!important;}
.right_bottom_bb {margin: 15px 0 10px 0 !important;}
.rightAd_300250 { margin: 0 0 20px!important;}

.ad_remove .rightAd_3002502,
.ad_remove .right_bottom_bb,
.index.toypeople .toy_rightAd_300250:before,
.main section:nth-child(1) .toy_rightAd_300250:before {display: none;}

.footer_recommend .swiper-pagination {
    height: 30px;
}


/*列表橫圖*/
.news_list .card.list {
    min-height: inherit;
    width: 800px;
    height: 215px;
    border: 0;
    overflow: hidden;border-radius: 18px;
}
.news_list .card.list .image {
    height: 215px;
    min-width: 410px !important;
    position: relative;
    float: left;
    overflow: hidden;
    border: 0;
    box-shadow: 0 0 0 1px #00000012;
}
.card.list .image-container {
    width: inherit;
    height: inherit;
    padding-top: inherit;
    overflow: inherit;
}

.card.list .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.news_list .card.list .text {
    float: right;
    width: 337px !important;
    position: relative;
    padding: 25px !important;
    word-break: break-all;
    height: 165px;
}
.news_list .card.list .text h2 a {
    font-size: 20px !important;
    line-height: 26px !important;
    float: left;
    overflow: hidden;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.news_list .card.list .text .info {
    margin: 3px 0 0 0;
    float: left;
    line-height: 25px !important;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.news_list .card.list .text .tagline {
    margin-top: 0 !important;
    position: absolute;
    right: 25px;
    bottom: 20px;
    height: 23px;
}
.news_list .card.list .text .author {
    padding: 0px 0 0 25px;
    float: right;
    max-width: max-content;
}
.news_list .card.list .text .author a {
    color: #b3b3b3;
}
.news_list .card.list .text .author img {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    margin: 2px 0 0 -25px;
    border: 1px #efefef solid;
}

.news_list .card.list .text p,
.news_list .card.list .text .tag {
    display: none !important;
}


.SppBox {
    top: 0;
    position: fixed;
    z-index: 99999;
    float: left;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition: all .3s ease-out
}

.SppBoxBody {
    border-radius: 8px;
    position: absolute;
    width: 600px;
    min-height: 500px;
    max-height: 720px;
    top: 5%;
    bottom: 5%;
    left: 50%;
    padding: 0;
    margin: 0 0 0 -300px;
    overflow: hidden;
    background: #fff
}

.SppBox .ul_li_box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 9;
    overflow-y: scroll;
    border: 0;
    border-radius: 0;
    border-radius: 8px
}

.SppBox .left {
    padding: 0 70px;
    padding: 0 10%
}

.SppBox

.SppBox .item {
    text-align: left;
    color: #4b4b4b;
    margin: 5px 0;
    font-weight: 700;
    font-size: 13px
}

.SppBox .ul_li_box h5 {
    font-size: 26px;
    padding: 30px 20px 10px 70px;
    padding: 30px 10% 5px;
    font-weight: 400
}

.SppBox .st_gray {
    font-size: 15px
}

.SppBox .close {
    position: fixed;
    top: 7%;
    font-size: 32px;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    top: 20px;
    right: 5%;
    position: absolute
}

.SppBox .close:hover {
    color: #f11516
}

.closeDiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .5s ease-out;
    cursor: pointer
}

.SppBox.show {
    opacity: 1;
    background: #0000008a;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

.SppBox .abutton {
    width: 100%
}

.SppBox .abutton select,.SppBox .abutton input {
    width: 100%
}

.SppBox .ul_li_box::-webkit-scrollbar {
    width: 10px;
    height: 9px
}

.SppBox .ul_li_box::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px
}

.SppBox .ul_li_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedede
}


.SppBox .birthday b {
    display: block
}

.SppBox .birthday input,.SppBox .birthday select {
    width: 31%;
    margin-right: 1%
}

.SppBox b,.SppBox label {
    font-size: 13px;
    font-weight: 600;
    color: #939393;
    line-height: 20px;
    padding: 10px 0 0;
    float: left;
    width: 100%
}

.SppBox.show .SppBoxBody {
    animation: openSppBox .2s ease-out
}

@keyframes openSppBox {
    0% {
        transform: translate(0px,500px);
        opacity: 0
    }

    100% {
        transform: translate(0px,0px);
        opacity: 1
    }
}

.SppBox_alert .SppBoxBody {
    bottom: initial;
    top: 25%;
    max-height: max-content;
    min-height: 210px
}

.SppBox_alert .ul_li_box {
    overflow-y: inherit
}

.SppBox_alert .st_gray {
    font-size: 16px;
    color: #000
}

.SppBox_alert .close {
    top: 22px;
    position: absolute
}

.SppBox_alert .btn_big {
    float: right;
    margin: 10px auto 20px
}

.SppBox_alert.show .SppBoxBody {
    animation: openSppBox .01s ease-out
}

.SppBox_alert .ul_li_box h5 {
    font-size: 23px;
    padding: 23px 5% 20px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #f11516;
    border-bottom: 1px #0000002b solid
}

.SppBox_alert .left {
    padding: 0 5%;
    width: 90%
}

.link_lock .left {
    color: #999;
    font-size: 18px
}

.link_lock a:hover,.link_lock a {
    color: #ccc!important;
    background: #f5f5f5!important;
    cursor: not-allowed
}

.show {
    display: block!important
}

.SppBoxBody:after {
    content: "";
    width: 100%;
    height: 40%;
    position: absolute;
    float: left;
    background: url(../images/loading.gif) no-repeat center 100px;
    background-size: 20px;
    left: 0;
    top: 20px
}

#setting-nav a:hover,#post-textarea .box3-btn:hover,#setting-nav .on a:hover {
    background-color: #f11516;
    color: #fff
}

.SppBox_lo {
    -webkit-animation-name: SppBox_loding;
    animation-name: SppBox_loding;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

@-webkit-keyframes SppBox_loding {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes SppBox_loding {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
.edit_tag_content {
    float: right;text-indent: 0;
}
.edit_tag_content a {
    padding: 6px 10px;
    border-radius: 8px;
    background: #00000063;
    color: #fff;
    font-size: 24px;
    margin: 0 16px 0 0;
}
.edit_tag_content a:hover {
    background: #000000;
    color: #ffffff;
}
.input_radio_button {
    display: flex;
    flex-wrap: wrap;
    padding: 15px ;
    background: #f1f1f1;
    border-radius: 9px;
}

.edit_SppBox .SppBoxBody {
    min-height: initial;
    max-height: initial;
    bottom: initial;
}
.edit_SppBox .left {
    background: #fff;
}
.edit_SppBox .ul_li_box li {
    width: 100%;
}
.edit_SppBox .text {
    margin: 0 0 14px 0;
    float: left;
    width: 100%;
    color: #363636;
}
.edit_SppBox .st_gray {
    font-size: 18px;
    color: #363636;
}
.edit_SppBox .SppBoxBody:after {
    height: 100%;
}
.edit_SppBox .btn_big {
    border: 0;
    padding: 0 30px;
    border-radius: 3px;
    font-weight: 600;
    width: auto;
    float: none;
    display: block;
    text-align: center;
    background: #f11516;
    margin: 20px auto;
    margin: 10px auto 0px auto;
    color: #fff;
    font-size: 14px;
    height: 40px;
}
.btn_big:hover{background: #000;}
.btn_big:active{    background: #ffe7cb !important;
    color: red !important;}

.edit_SppBox input {
    position: relative;
    width: 298px;
    padding: 0;
    height: 38px;
    line-height: 38px;
    border: 1px #d6d6d6 solid;
    border-radius: 5px;
    margin: 5px 0;
    text-indent: 10px;
    font-size: 16px;
}
.edit_SppBox .input_radio_button label {
    margin: 0 20px 0 10px;
    font-size: 17px;
    line-height: 27px;
    padding: initial;
    float: initial;
    width: initial;
    position: relative;
    color: #9c9c9c;
    font-weight: bold;
    top: -2px;
}
.edit_SppBox .input_radio_button input {
    margin: 0 0 0 0;
    font-size: initial;
    font-weight: initial;
    color: initial;
    line-height: 1.5;
    padding: initial;
    float: left;
    width: 25px;
    height: 25px;
    top: -1px;
}
.input_radio_button input[type=radio]:not(old):checked + label {
    color: #ed1b24;
    font-weight: bold;
    border-bottom: 4px #ed1b24 solid;
}


.podcast_page div#toy_news_list{
    width: 100%;
}

.podcast_page .content-modal-text {
    background: #fff;
    margin: -5px 0 0 0;
    display: block;
    float: left;
    padding: 20px 30px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.8;
}
.podcast_page .content-modal-text a {
    text-decoration: underline;
}
.podcast_page .podcast-links {
    float: left;
    padding: 40px 20px;
    line-height: 20px;
    color: #777;
    font-size: 16px;
}
.podcast_page .podcast-links a{
    font-weight: bold;
}
.podcast_page .podcast-links svg {
    width: 0.8em;
    height: 0.8em;
    vertical-align: middle;
    fill: #00000000; 
  }
.podcast_page .podcast-links a:hover svg {
    fill: #db242e; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.podcast_page .podcast-links li:not(:last-child):after {
    content: "|";
    padding-left: 10px;
    padding-right: 22px;
    color: #ccc;
}

.category-new .card .category-name{ 
    border-bottom-right-radius: 8px;
    font-size: 14px;
    padding: 2px 16px;
}


@keyframes slideIn {
    from {
        transform: translateY(100vh)
    }

    to {
        transform: translateY(0vh)
    }
}


#sub_list .news_list .card .text .info {
    line-height: 35px;
    font-size: 14px;
    position: absolute;
    right: 10px;
    font-weight: bold;
    bottom: 10px;
}


.SppBox_edit_tag_content .SppBoxBody{
width: 600px !important;
    max-height: 720px!important;
    top: 35%!important;
    padding: 0!important;
    margin: 0 0 0 -300px!important;
}
.AD_index_Cover_body .PC_fix_Left,
.AD_index_Cover_body .fufuVideo,
.AD_index_Cover_body .fufuKanban,
.AD_index_Cover_body .dan_pmp970 {display: none;}

.a_disclaimer {margin: -50px auto 10px;}
.slideshow .post-image-over a{background-position: center center;background-size: cover;}


.article_insertAD {
    max-width: 640px !important;
    min-width: 300px !important;
    /*
    max-height: 430px;
    overflow: hidden;*/
    margin-bottom: 20px;
    text-align: center;
}
.article_insertAD > div {
    width: auto !important;
}
/*
    max-height: 600px;
    min-height: 100px;

.article_insertAD > div > div {
    text-align: center;
}

.article_insertAD > div > div > iframe {
    margin: 40px auto;
}
.article_insertAD>div>div>iframe {
    margin: 0px auto;
}
.article_insertAD>div>div>iframe {
    margin: 20px auto;
}

*/


.co_branded .good_twins:before,
.co_branded .bottom_AD1:before,
.co_branded .right_center_bb:before,
.toy_rightAd_300250>div:before,
.rightAd_3002502>div:before,
.right_bottom_bb>div:before,
.article_insertAD>div:before,
.footer_bb>div:before,
.good72890>div:before {
    content: "ADVERTISEMENT";
    display: block;
    width: 100%;
    position: relative;
    float: left;
    font-size: 11px;
    line-height: 12px;
    height: 12px;
    margin: 0px 0 10px 0;
    text-align: center;
    color: #999;
}


/* 首頁包版修改 */
.index main {z-index: 3;}
.index .main {position: relative;z-index: 3;}
.index #content {background: #efefef;}
.index .AD_index_Cover_BG2 { z-index: 2; height: calc(100% - 310px);overflow: hidden;}
.index .AD_index_Cover:after { height: 7000px; display: none;}
.index .AD_index_Cover {z-index: 4;}
.index header {z-index: 4;}
.index header:hover {z-index: 10;}

.headerBottom {z-index: 1;}
/* 首頁包版修改 */


.footer_nav .b span{
    font-size: 12px;
    color: #000000;
    margin: 0 0 0 5px;
    background: #f8ff00;
    padding: 2px 5px;
    position: relative;
    top: -2px;
}
.yt_short{width: 400px;height: 711px;margin: auto;}


/*
.index .fufuVideo,
.index .PC_fix_Left,
.index .dan_pmp970 {
    display: none !important;
}
        background-color: rgba(40, 40, 40, .5);
        -webkit-backdrop-filter: saturate(300%) blur(160px);
        backdrop-filter: saturate(32%) blur(3px);
        -webkit-backdrop-filter: blur(50px);
        -webkit-mask-image: linear-gradient(to bottom, #00000069 34%, #8d8d8d 63%);
        background: linear-gradient(to bottom, #00000000 10%, rgb(0 0 0 / 8%) 40%, rgb(0 0 0 / 0%) 100%);
*/


@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.category-new .card:before {
        pointer-events: none;
        content: "";
        position: absolute;
        height: 33%;
        width: 100%;
        float: left;
        bottom: 0;
    }
    
}


.single_page main {
    z-index: 0;
}


.podcasts_plyaer {
    position: fixed;
    right: 50px;
    bottom: 10px;
    bottom: -1px;
    z-index: 9999;
    display: none; /* 初始隱藏 */
    background: #fff;
    width: 390px;
    padding: 10px;
    padding: 7px 6px 0px 6px;
    /* border-radius: 6px; 
    border: 1px solid #d4d4d4;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    animation: ease-in-out 1000ms slideIn;
    box-shadow: 0px 1px 2px 3px #00000017, 0px 0px 0px 1px #00000066; 
    }

.podcasts_plyaer .close {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    background: #202020;
    color: #fff;
    padding: 2px 6px;
    border-radius: 5px;
}

.footer_nav .NavFooterMenuLink .Nav_nav_li {
    width: calc(100% / 5);
}
.member-profiles .news_list .card.list {
    width: 755px;
}
.member-profiles .news_list .card.list .text {
    width: 294px !important;
}


/* ================================
   Slideshow 主容器樣式
   ================================ */
.slideshow {
    width: 800px;
    height: 560px;
    margin: 0 auto 20px 0;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

.slideshow ul {
    width: 100%;
    height: 560px;
}

.slideshow li {
    height: 560px;
}


/* ================================
   BxSlider 包裝器樣式
   ================================ */
.slideshow .bx-wrapper {
    box-shadow: 0 0 0;
}

.slideshow .bx-viewport {
    position: relative;
    z-index: 1;
}

.slideshow .bx-controls {
    position: absolute;
    z-index: 9;
    float: left;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
}

/* ================================
   圖片區域樣式
   ================================ */
.slideshow .post-image {
    float: left;
    width: 800px;
    height: 420px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}

.slideshow .post-image a {
    float: left;
    width: 800px;
    height: 420px;
    overflow: hidden;
    background: #333;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.slideshow .post-image img {
    width: 800px;
    height: 420px;
    margin: 0;
    object-fit: cover;
    object-position: center center;
    opacity: 0.1;
    position: relative;
    background: #000000;
}

/* ================================
   文字區域樣式
   ================================ */
.slideshow .post-text {
    font-weight: bold;
    position: absolute;
    height: 140px;
    width: 100%;
    bottom: 0;
    z-index: 99999;
    background: #ee1b25;
    float: left;
}

.slideshow .post-text a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
}

.slideshow .post-text span {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background: #ffffff;
    padding: 0px 15px;
    border-radius: 12px;
    line-height: 34px;
    height: 34px;
    float: left;
    position: relative;
    top: 14px;
    left: 5%;
}

.slideshow .post-text p {
    font-size: 25px;
    line-height: 30px;
    padding: 0 6%;
    color: #000;
    word-wrap: break-word;
    word-break: break-all;
    width: 88%;
    max-height: 60px;
    height: 64px;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    position: relative;
    float: left;
    top: 24px;
}

/* ================================
   導航控制按鈕樣式
   ================================ */
.slideshow .bx-controls-direction {
    bottom: 500px;
    width: 800px;
    height: 120px;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.5;
    position: relative;
    top: 140px;
}

.slideshow .bx-wrapper .bx-controls-direction a {
    width: 80px;
    height: 120px;
    pointer-events: auto;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #66666645;
    background-image: none;top: 0;
    margin: 0;
}

/* 左箭頭按鈕 */
.slideshow .bx-wrapper .bx-prev {
    left: -84px;
}

.slideshow .bx-wrapper .bx-prev:before {
    content: "";
    position: absolute;
    float: left;
    border-top: 3px #fff solid;
    width: 30px;
    transform: rotate(45deg);
    bottom: 49px;
    left: 23px;
}

.slideshow .bx-wrapper .bx-prev:after {
    content: "";
    position: absolute;
    float: left;
    border-top: 3px #fff solid;
    width: 30px;
    transform: rotate(-45deg);
    bottom: 69px;
    left: 23px;
}

/* 右箭頭按鈕 */
.slideshow .bx-wrapper .bx-next {
    right: -84px;
}

.slideshow .bx-wrapper .bx-next:before {
    content: "";
    position: absolute;
    float: left;
    border-top: 3px #fff solid;
    width: 30px;
    transform: rotate(45deg);
    bottom: 69px;
    left: 27px;
}

.slideshow .bx-wrapper .bx-next:after {
    content: "";
    position: absolute;
    float: left;
    border-top: 3px #fff solid;
    width: 30px;
    transform: rotate(-45deg);
    bottom: 49px;
    left: 27px;
}

/* ================================
   Hover 效果
   ================================ */
.slideshow:hover .bx-controls-direction {
    opacity: 1;
}

.slideshow:hover .bx-wrapper .bx-prev {
    left: 0;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.slideshow:hover .bx-wrapper .bx-next {
    right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.slideshow:hover .bx-wrapper .bx-next, 
.slideshow:hover .bx-wrapper .bx-prev {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #3b3b3b;
    box-shadow: 0 0 0 0px #ffffff45;
}

.slideshow:hover .bx-wrapper .bx-controls-direction a:hover {
    background: #db242d;
}

.slideshow:hover .bx-wrapper .bx-controls-direction a:active {
    background: #000;
}

/* ================================
   分頁器樣式
   ================================ */
.slideshow .bx-wrapper .bx-pager {
    position: absolute;
    top: 430px;
    right: inherit;
    left: 50%;
    height: 35px;
    padding-top: 0;
    width: 112px;
    margin-left: 260px;
    pointer-events: auto;
}

.slideshow .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    margin: 0px;
    background: #FFF;
    border-radius: 20px;
    border: 2px #db222e solid;
}

.slideshow .bx-wrapper .bx-pager.bx-default-pager a.active {
    width: 32px;
}
.slideshow .swiper-button-next:after, .slideshow .swiper-button-prev:after {
    color: #ffffff;
}
.slideshow .swiper-button-next {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background: #3b3b3b;
    width: 80px;
    height: 120px;
    right: -80px;
    top: 180px;
    opacity: 0;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.slideshow .swiper-button-prev {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #3b3b3b;
    width: 80px;
    height: 120px;
    left: -80px;
    top: 180px;
    opacity: 0;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.slideshow .swiper-button-next:hover,
.slideshow .swiper-button-prev:hover {
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
    background: #db242d;
}
.slideshow:hover .swiper-button-next,
.slideshow:hover .swiper-button-prev {
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
    opacity: 1;
}
.slideshow:hover .swiper-button-next {
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
    right: 0;
}
.slideshow:hover .swiper-button-prev {
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
    left: 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 Submission SlideShow 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.submission_index .SubmissionSlideShow:before {
    content: "投稿精選";
    border-radius: 12px;
    position: absolute;
    left: 20px;
    top: 365px;
    float: left;
    padding: 8px 15px;
    font-size: 16px;
    z-index: 9;
    color: #fff;
    font-weight: bold;
    background: #db232d;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.SubmissionSlideShow {
    height: 610px;
}



.SubmissionSlideShow{background: #2f2f2f;background: #dfdfdf;}
.SubmissionSlideShow .swiper-slide a {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.SubmissionSlideShow .post-image {
	background-size: cover;
	background-position: center;
	flex: 1;
}

.SubmissionSlideShow .post-text {
	background: #fff;
	height: 190px;
	/* width: 100%; */
}
.SubmissionSlideShow .post-text .submit_tag {
    position: absolute;
    border-radius: 12px;
    color: #000000;
    background: #dfdfdf;
    left: 113px;
    right: initial;
    top: -55px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
}

.SubmissionSlideShow .post-text p{font-weight: bold;color: #000;top: 69px;position: absolute;width: 90%;padding: 0 5%;line-height: 32px;font-size: 26px;}

.SubmissionSlideShow .author {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #ec0f0e;
	position: absolute;
	top: 20px;
	left: 5%;
}

.SubmissionSlideShow .author img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px #ec0f0e solid;
}		
.SubmissionSlideShow .swiper-pagination-bullet {
	width: 13px !important;
	height: 13px !important;
	background: #bbbbbb !important;
	opacity: 1 !important;
	margin: 0 3px !important;
	border-radius: 13px !important;
}
.SubmissionSlideShow .swiper-pagination-bullet-active {
	background: #ed1b24 !important;
	width: 30px !important;
}

.SubmissionSlideShow .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px;
}

.SubmissionSlideShow .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    opacity: 1;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 Submission SlideShow 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.co_branded .sub_slideshow:before {display: none;}
.co_branded .sub_slideshow:after {
    content: "\f02e";
    font: normal normal normal 42px/1 FontAwesome;
    position: absolute;
    right: 15px;
    z-index: 2;
    top: -7px;
    color: #ffcc00;
    text-shadow: 1px 1px 0px #cea500, 1px -1px 0px #cea500, -1px -1px 0px #cea500, -1px 1px 0px #cea500, 3px 3px 5px #0000003d;
}
.co_branded .sub_slideshow .sub_next button {
    background: #ffcc00;
    color: #000;
    border-radius: 4px;
}
.co_branded .sub_slideshow .sub_next button:hover {
    background: #971113;
    color: #fc0;
}
.co_branded .sub_slideshow .sub_next button:active {
    background: #ee1f22;
    color: #000;
}
.co_branded .sub_slideshow {
    border-radius: 18px;
    overflow: hidden;
}
.co_branded .tab-section .tab {
    width: 15px;
    height: 15px;
    float: left;
    border: 0;
    padding: 0 0;
    overflow: hidden;
    text-align: left;
    background: #981114;
    position: relative;
    cursor: pointer;
    margin: 20px 7px 0 0;
    border-radius: 100%;
}
.co_branded .tab-section .on {
    background: #ffcc00 !important;
}
.co_branded .sub_slideshow .tab-section {
    position: absolute;
    width: auto;
    height: auto;
    right: initial;
    z-index: 9;
    left: 41px;
    bottom: 25px;
}

.co_branded .sub_slideshow .sub_slides.fade:before{ display: none;}
.co_branded .sub_slideshow .sub_slides .archives_info {
    padding: 250px 5% 20px 5%;
    height: 170px;
}

.co_branded .sub_slideshow .sub_slides .archives_info .tag {
    position: absolute;
    top: 0;
    border-radius: 12px;
    box-shadow: 1px 1px 7px #0000008c;
    background: #ffcc00;
}
.co_branded .sub_slideshow .sub_next {
    top: 414px;
    left: 687px;
}
.co_branded .sub_slideshow .sub_slides h2 {
    font-size: 34px;
    line-height: 38px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.co_branded .tab-section .tab .tag{border-radius: 8px;}
.co_branded .tab-section .tab .author {color: #ffcc00;}
.co_branded .tab-section .on .author {color: #ea202d;}
.co_branded .sub_slideshow .sub_slides a.badge.badge-color2 {color: #000;}
.co_branded .tab-section .on .tag {background: #820d13;}
.co_branded .sub_slideshow .sub_slides .archives_link:after {width: 100%;height: 470px;}
.co_branded .sub_slideshow .sub_slides .author .in_sticky a {
    font-size: 12px;
    background: #6b6b6b9e;
    padding: 5px 7px;
    border-radius: 10px;
    margin: 0 0 0 14px;
    position: relative;
    border: 1px #cccccc87 solid;
    top: -2px;
}


/* Submission SlideShow */
.sub_slideshow{ width: 800px;height: 470px;background: #272727;float: left;margin: 0 0 20px 0;position: relative;z-index: 2;}
.sub_slideshow:before{content: "投稿精選";border-bottom-right-radius: 8px;position: absolute;left: 0;top:0;float: left;padding: 8px 15px;font-size: 16px;z-index: 9;color: #fff;font-weight: bold;background: #db232d;}
.sub_slideshow .sub_next {z-index: 9;position: absolute;top: 412px;left: 420px;}
.sub_slideshow .sub_next button {border: 0;padding: 0;width: 33px;height: 33px;background: #262626;color: #fff;font-size: 16px;line-height: 33px;}
.sub_slideshow .sub_next button:hover{background: #5d5d5d;}
.sub_slideshow .sub_next button:active{background: #ea202d;}

.sub_slideshow .sub_slides{position: absolute;width: 520px;height: 470px;overflow: hidden;background-color: #000;background-position: center 20%;background-size: cover;}
.sub_slideshow .tab-section{position: absolute;width: 280px;height: 470px;right: 0;}
.sub_slideshow .sub_slides .archives_info {position: absolute;width: 90%;float: left;padding: 3% 5%  5% 5%;bottom: 0;z-index: 2;}
.sub_slideshow .sub_slides a{color: #fff;}
.sub_slideshow .sub_slides h2{font-size: 30px;line-height: 34px; color: #fff;max-height: 102px;overflow: hidden;line-clamp: 3;-webkit-line-clamp: 3;display: -webkit-box !important;-webkit-box-orient: vertical;margin-bottom: 15px;text-shadow: 1px 1px 0px #000;}
.sub_slideshow .sub_slides .archives_info .tag{float: left;background: #db232d;color: #fff;padding: 7px 11px;font-size: 13px;font-weight: bold;}
.sub_slideshow .sub_slides .author{font-size: 15px;font-weight: bold;line-height: 30px;margin: 0 0 10px 0;text-shadow: 1px 1px 0px #000;color: #fff;}
.sub_slideshow .sub_slides .author img{width: 28px;height: 28px;border-radius: 28px;position: relative;margin: 0px 6px 0 0;top: 10px;border: 3px #fff solid;background: #fff;}
.sub_slideshow .sub_slides .archives_link:after{float: left;position: absolute;width: 520px;height: 470px;content: "";z-index: 1;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0+39,0.8+91 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.8) 91%, rgba(0,0,0,0.8) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.8) 91%,rgba(0,0,0,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.sub_slideshow .sub_slides .archives_info .author a,.sub_slideshow .sub_slides .archives_info  .tag a{z-index: 10;position: relative;}
.sub_slideshow .sub_slides .archives_info .author a:hover{color: #ea202d;}
.sub_slideshow .sub_slides .archives_info .author a:hover img{border: 3px #ea202d solid;background: #ea202d;}
.sub_slideshow .sub_slides .archives_info .tag:hover{background:#fff;}
.sub_slideshow .sub_slides .archives_info .tag a:hover{color: #ea202d;}

.sub_slideshow .sub_slides .author span.pv{margin: 0 10px;font-size: 12px;}
.sub_slideshow .sub_slides .author span.times{font-size: 12px;}


.sub_slideshow .sub_slides:hover h2{color: #ea202d;}
.sub_slideshow .sub_slides.fade:before{content: "";background: #ea202d;position: absolute;bottom: 0;z-index: 9;width: 0px;height: 3px;float: left;width: 0%;

-webkit-animation-name: fadebefore;-webkit-animation-duration: 8s;animation-name: fadebefore;animation-duration: 8s;}
@-webkit-keyframes fadebefore {from {width: 0%;} to {width: 100%;}}
@keyframes fadebefore {from {width: 0%;} to {width: 100%;}}

/* Fading animation */
.sub_slideshow .fade {-webkit-animation-name: fade;-webkit-animation-duration: 0.6s;animation-name: fade;animation-duration: 0.6s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}

/* Fading animation */
.sub_slideshow .fade {-webkit-animation-name: fade;-webkit-animation-duration: 0.6s;animation-name: fade;animation-duration: 0.6s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}

/* ================================
   基礎樣式
   ================================ */
.b_r_max {
    border-radius: 18px !important;
    overflow: hidden !important;
}
.b_r_middle {
    border-radius: 12px !important;
    overflow: hidden !important;
}


/* ================================
   無廣告單欄
   ================================ */

.ad_remove #sidebar.right {display: none;}
.ad_remove #left-content {width: 1120px;}
.ad_remove .article {
    margin: 0 230px;
    width: 660px;
    margin-top: 70px;
}
.ad_remove .article img, .ad_remove .article p img {
    max-width: 800px !important;
    width: 800px !important;
    margin: 50px auto;
    margin-left: -70px;
}
.ad_remove .article_info_bottom {margin: 0px 240px !important;}
.ad_remove .article-author { width: 640px;margin: 20px 240px 50px;}
.ad_remove .article_info_bottom .share .text {display: none;}
.ad_remove .article_info_bottom {margin: 30px 360px 30px !important;width: 340px;background: #ffffff!important;padding-left: 60px;}
.ad_remove .article-author {width: 620px;margin: 20px 160px 50px;padding: 10px 90px;}

.ad_remove .article_info_bottom .share a {border-radius: 100px;}
.ad_remove .article_info_bottom .share a {border-radius: 100px;padding: 5px;margin-right: 7px;}
.ad_remove .article_info_bottom .share li.weibo a,.ad_remove .article_info .share li.LINE a {border: 1px #e0e0e0 solid;}
.ad_remove .article_info_bottom .share .LINE a {background: url(../images/s-line.png) no-repeat -2px -4px #fff;background-size: 47px;float: left;}
.ad_remove .article_info_bottom .share .fb i {top: 3px;font-size: 23px;}
.ad_remove .article_info_bottom .share .plurk i:before {font-size: 17px;top: -1px;}
.ad_remove .article p iframe {margin: auto;display: block;width: 100%;height: 450px;}
.ad_remove .article_info {width: 1119px;}
.ad_remove .embedly-card-hug,
.ad_remove iframe.embedly-card {width: 800px !important;max-width: 800px !important;}
.ad_remove .article-contents p, .ad_remove .article-contents>div {
    word-break: break-word;
}
.ad_remove .adbro-bottom,
.ad_remove .adbro-lg,
.ad_remove picture div {display: none !important;}

.ad_remove .article p:nth-child(1) img {
    margin: 10px auto 50px -70px;
}
.ad_remove .article_info {
    margin-bottom: 0;
}








.singleBottomVideo {
    height: max-content;
}
.singleBottomVideo .Toy_player_iframe2 {
    position: relative;
    margin: 10px 0 60px 220px;
    width: 336px;
    display: block;
    height: 597px;
}
.singleBottomVideo #adContainer{
    width: 336px;
    height: 597px;
    overflow: hidden;
    float: left;
    background: #ccc;
    position: relative;
    border-radius: 18px;
}

.singleBottomVideo.toy-ad .Toy_player_iframe2 iframe {
    height: 697px;
    width: 336px;
    margin-top: -50px;
    background: #f8f8f8;
}
.singleBottomVideo .Toy_player_iframe2:before {
    content: "最新影片";
    color: #db232d;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
    text-align: center;
}
.singleBottomVideo #adContainer .more a, 
.singleBottomVideo #adContainer .more
 {
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    height: 100%;
    background: #00000000;
    z-index: 2;
}
.singleBottomVideo #adContainer .close {
    width: 21px;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    border: 0 !important;
    background: #33333321;
    left: initial !important;
    right: 12px !important;
    top: 12px;
    border-radius: 100%;
}
.embdscl0{display: none!important;}

.fufuKanban .close {
    width: 10px;
    height: 10px;
    font-size: 12px;
    line-height: 10px;
    border-radius: 100px;
    box-shadow: 0 0 0 4px #00000078;
    background: #00000078;
    font-weight: 900;
    right: 12px;
    top: 14px;
}
.fufuKanban .close i {line-height: 10px;}
.article_insertAD iframe,#sidebar iframe {min-height: 250px;min-height: inherit !important;}

.single_page #sidebar {left: inherit;margin-left: inherit;position: static !important;top: inherit !important;overflow: visible !important;height: 100%;}
.single_page #left-content {flex: 1 !important;}
.single_page #content {display: flex !important;height: fit-content;}
.single_page .aside-right-sidebar{position: static !important;top: 0;align-self: stretch;}



.single_page .rightAd_300250{
    position: sticky;
    top: 0;
    height: fit-content;
    z-index: 9;
    background: #fff;
    padding: 5px 0 15px;
    margin: 5px 0 5px !important;
}

.single_page .right_bottom_bb {
    position: sticky;
    top: 5px;
    height: fit-content;
    z-index: 10;
    background: #fff;
}
.rightAd_300250>div:before {
    margin: 10px 0 0px 0;
}

.single_page .rightAd_3002502:before{
    margin: 10px 0 0px 0;
}

.int-right .rightAd_3002502>div:before {
    margin: 0px 0 5px 0;
    padding-top: 7px;
}


@media (min-height: 925px) {
    .single_page .rightAd_3002502{
        position: sticky;
        top: 0px;
        height: fit-content;
        z-index: 10;
        background: #fff;
        margin-top: 0;
    }
    .single_page .rightAd_3002502 iframe{
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .single_page .right_bottom_bb{
        top: 290px;
    }

}

.a_disclaimer {
    margin: 0px auto 10px;
}


/* 針對還沒載入完成的 lazyload 圖片 */
.article-contents img.lazyload,
.article-contents img.lazyloading {
    width: 100%;
    aspect-ratio: 1 / 1;   /* 改這裡：設定為正方形佔位 */
    background: #f0f0f0;   /* 灰色底 */
    display: block;
}

/* 載入後恢復圖片原本比例 (會有位移風險) */

.article-contents img.lazyload,
.article-contents img.lazyloading,
.article-contents img {
    aspect-ratio: auto;    
    height: auto;          
}

.article_info .author a {
    padding: 0 20px;font-size: 14px;
}
.article_info .author i {
    font-size: 20px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

  /* 表格整體樣式 */
  table.table-style {
    width: 100%;
    max-width: 800px; /* 可自行調整最大寬度 */
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
  }

  /* 儲存格樣式 */
  .table-style td {
    border: 1px solid #000;
    padding: 10px;
    vertical-align: middle;
  }

  /* 左側標題欄專用樣式 (固定寬度，可選) */
  .table-style td:first-child {
    width: 120px; 
    font-weight: bold;
    background-color: #f9f9f9; /* 加一點底色區分，若要純白可移除 */
  }
  
  /* 連結樣式 */
  .table-style a {
    color: #0066cc;
    text-decoration: none;
    word-break: break-all; /* 防止長網址破版 */
  }
  .table-style a:hover {
    text-decoration: underline;
  }


.category-new .card {
    height: 215px;
    background-position: center top;
}

.category-new-tab .cat3, .category-new-tab .cat4 {
    display: none;
}
.single_simple .single_header .title {
    width: 92%;
}

#content-109015 .single_header_body h1{
    text-shadow: 1px 1px 0 #060000, -1px 1px 0 #060000, 1px -1px 0 #060000, -1px -1px 0 #060000;
}

#content-109015 .single_header_body {
    background: #0fb3d9;
}
#content-109015 .single_header .tag a {
    background: #00ce87;
}

#content-109015 .single_header .cat a {
    border: 1px #000000 solid;
    background: #000;
}
#content-109015 .single_header .bg {
    display: none;
}


.dan_pmp970 {
    text-align: center;
}

.dan_pmp970 .box div div{
    height: auto !important;
    max-height: 290px;
}

.single_page .article img, .single_page .article p img {
    box-shadow: 0px 0px 2px #939393;
}
.single_simple.toypeople .rightBanner img {
    border-radius: 18px;
    box-shadow: 0 0 0 2px #0a0a0a0d;
    margin: 10px 0 0 0;
}


.single_page .good72890 {
    margin: 0px 45px 0;
}



.admin_language_url {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 10px;
    z-index: 2;
    width: max-content;
    opacity: 0;
}

.admin_language_url a {
    color: #ffffff;
    padding: 2px 1px;
    margin: 0 1px;
}
.admin_language_url:hover{opacity: 1;}

.Sub_Channel .tab.fade.on { background-color: #0398ff !important; }


.Right_SlideShow a {
    background: #000000;
}
.Right_SlideShow a .img {
    opacity: 0.9;
}
.Right_SlideShow a .box {
    background: #fff;
}


/*  translation-bar CSS */

.translation-bar {
  width: 640px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  text-align: left;
  margin: 20px 90px -20px 90px;
  padding: 0;
  color: #9c9c9c;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
}

.translation-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 18px;
  font-size: 14px;
  line-height: 1;
  color: #6f7f95;
  flex: 0 0 auto;
}
.translation-icon-svg:before {
    position: relative;
    display: inline-flex;
    content: "";
    width: 16px;
    height: 16px;
    top: 1px;
    left: -1px;
    background: url(../images/Google_Gemini_icon_2025.svg) center center no-repeat;
    background-size: 11px;
    filter: grayscale(1) brightness(0) opacity(0.5);
}
.translation-icon:hover .translation-icon-svg:before,
.translation-icon:focus .translation-icon-svg:before {
  filter: none;
}
.translation-text {
  font-weight: 400;
  color: #657786;
  margin: 0 -4px 0 -3px;
}

.translation-tooltip {
  position: absolute;
  left: 0%;
  bottom: calc(100% + 8px);
  transform: translateX(-3%);
  display: none;
  white-space: nowrap;
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(15, 20, 25, 0.92);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  z-index: 30;
  pointer-events: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffffff7a;
}

.translation-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: rgba(15, 20, 25, 0.92) transparent transparent;
    left: 10px;
    transform: none;
}

.translation-icon:hover .translation-tooltip,
.translation-icon:focus .translation-tooltip {
  display: block;
}


.translation-menu {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
}

.translation-menu-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 18px;
  padding: 0;
  margin: 0 -1px 0 0;
  color: #9c9c9c;
  cursor: pointer;
  list-style: none;
  outline: none;
}

.translation-menu-button::-webkit-details-marker {
  display: none;
}

.translation-menu-button::marker {
  content: "";
  display: none;
}

.translation-menu-button i {
    text-shadow: 1px 0px 0 #6b7d8c, 0px 1px 0 #6b7d8c, -1px 0px 0 #6b7d8c, 0px -1px 0 #6b7d8c;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    top: -1px;
    position: relative;
}

.translation-menu-button:hover i,
.translation-menu[open] .translation-menu-button {
  color: #1d9bf0;text-shadow:none;
}


.translation-link {
  display: none;
  color: #1d9bf0;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
}

.translation-menu[open] .translation-link {
  display: inline-flex;
  align-items: center;
}

.translation-link:hover {
  text-decoration: underline;
}

/*  translation-bar CSS */