/*
#container.index .page-container .title{font-size:20px;}
@media only screen and (min-width:641px) and (max-width:980px){
    #container.index .page-container .title{font-size:#4C4C4C;font-size:24px;}
}
*/
/* ==========================================================================
top-read-of-the-week (top read of the week)
========================================================================== */
@media only screen and (min-width:641px){
    .slick-track{width:100%!important;margin-bottom:0px;}
}
.top-read-of-the-week{display:inline-block;vertical-align:top;color:#4C4C4C;}
.top-read-of-the-week > .title{margin:50px auto 20px;font-family:"FloodStd";text-align:center;font-size:28px;line-height:28px;}
.top-read-of-the-week .blocks{vertical-align:top;margin:0px -60px 20px -7px;max-width:980px;}
.top-read-of-the-week .blocks .block{display:inline-block;vertical-align:top;padding:0px 4px;width:25%!important;position:relative;}
.top-read-of-the-week .blocks .block .text{font-size:16px;padding:10px 0px 0px;margin:0px 10px;overflow:hidden;max-width:210px;word-wrap:break-word;max-height:75px;font-weight:300; text-align: left;}
.top-read-of-the-week .blocks .block .text > a {color: #000000;}
.top-read-of-the-week .blocks .block:hover .text a{color:#7d7d7d;}
.top-read-of-the-week .blocks .block .image{position:relative;overflow:hidden;max-height:140px;}
.top-read-of-the-week .blocks .block .image > a{width:100%;height:1px;overflow:hidden;display:block;background-repeat:no-repeat;background-size:cover;background-position:50% 0;  padding-bottom: 66.6667%; }
@media only screen and (min-width:981px){
    .top-read-of-the-week .blocks .block .text {font-size: 14px;}
    .top-read-of-the-week .blocks .block:hover .image a img,
	.top-read-of-the-week .kv:hover .image a img { -webkit-filter: blur(2px); filter: blur(2px) }
    .top-read-of-the-week .blocks .block:hover .icons{font-family:"FloodStd";position:absolute;top:0;text-align:center;width:180px;margin-left:-90px;left:50%;max-width:180px;font-size:22px;display:table;vertical-align:middle;height:140px;}
    .top-read-of-the-week .blocks .block:hover .hover{display:block;width:100%;top:0;color:#FFFFFF;background-color:rgba(0,0,0,0.5);bottom:0;position:absolute;text-align:center;}
}
.top-read-of-the-week .blocks .block .image a img{width:100%;}
.top-read-of-the-week .blocks .block .icons{display:none;}
.top-read-of-the-week .blocks .block .icons img{max-width:100%;max-height:100%;margin:auto;display:block;}
.top-read-of-the-week .blocks .block .icons .inner{display:table-cell;vertical-align:middle;position:relative;cursor: pointer;}
.top-read-of-the-week .blocks .block:hover .icons .category{font-size:18px;margin:6px 0px;}
@media only screen and (min-width:641px){
    .top-read-of-the-week .blocks .block .hover{position:absolute;}
    .top-read-of-the-week .blocks .block .hover .category{font-family:"FloodStd";font-size:30px;margin:30px 0px 10px;position:absolute;text-align:center;width:100%;}
    .top-read-of-the-week .blocks .block:hover .icons .icon{display:inline-block;margin:0px 4px;cursor:pointer;}
    .top-read-of-the-week .kv:hover a .text { -webkit-filter: blur(2px); filter: blur(2px); color:#1A1A1A }
    .top-read-of-the-week .blocks .block:hover .icons a{color:#FFFFFF;}
}
@media only screen and (max-width:640px){
    .top-read-of-the-week .title{font-size:30px;line-height:30px;margin-bottom:15px;margin-top: 0px;}
    .top-read-of-the-week .ad{margin:50px 0px 0px;}
    .top-read-of-the-week{width:100%;text-align:center;}
    .top-read-of-the-week .blocks{margin:0px -8px;}
    .top-read-of-the-week .blocks .block .image{max-width:none;}
    .top-read-of-the-week .blocks .block:nth-child(1),.top-read-of-the-week .blocks .block:nth-child(3){padding:0px 7px 0 28px;}
    .top-read-of-the-week .blocks .block:nth-child(2),.top-read-of-the-week .blocks .block:nth-child(4){padding:0px 28px 0 7px;}
    .top-read-of-the-week .blocks .block .text{margin:0px;max-width:none;padding:10px 10px    0px;}
    .top-read-of-the-week.ad1x1 .ad{width: 300px;max-width: 300px;margin: 50px auto;}/*.top-read-of-the-week.ad1x1 .ad{}*/
    .top-read-of-the-week.ad1x2 .ad{display:none}
}
@media only screen and (min-width:641px) and (max-width:980px) {
    .top-read-of-the-week .blocks .block:hover .icons .category{font-size:1rem;margin:10px 0px 5px;}
    .top-read-of-the-week.ad1x1{width:100%; text-align: center;}
    .top-read-of-the-week.ad1x1 .blocks{font-size:0px;margin:0px 15px;max-width:none;}
    .top-read-of-the-week.ad1x1 .ad{width:300px;max-width:300px;margin:50px auto;}
    .top-read-of-the-week.ad1x2{width:100%;}
    .top-read-of-the-week.ad1x2 .blocks{max-width:100%;display:inline-block;width:100%;}
    .top-read-of-the-week.ad1x2 .blocks .block{width:49%;float:left;}
    .top-read-of-the-week.ad1x2 .ad{display:none;width:300px;text-align:center;margin:50px auto;}
}
@media only screen and (min-width:981px){
    .top-read-of-the-week{width:100%;}
    .top-read-of-the-week .kv{display:inline-block;margin:8px 316px 0 0;float:left;position:relative;font-size:0px;}
    .top-read-of-the-week .kv .hover{display:none;}
    .top-read-of-the-week .kv .inner.center{display:none;}
    .top-read-of-the-week .kv .inner.left{display:none;}
    .top-read-of-the-week .kv .inner.right{display:none;}
    .top-read-of-the-week .kv:hover .inner.center{display:block;text-align:center;width:390px;left:50%;margin-left:-195px;margin-bottom:60px;}
    .top-read-of-the-week .kv:hover .inner.left{display:block;text-align:left;width:390px;left:30px;margin-bottom:60px;}
    .top-read-of-the-week .kv:hover .inner.right{ /*display: block; text-align: left; width: 390px; right: 30px; margin-bottom: 60px;*/ display:block;text-align:center;width:390px;left:50%;margin-left:-195px;margin-bottom:60px;}
    .top-read-of-the-week .kv .inner.center .icons{width:auto;display:inline-block;position:absolute;text-align:center;left:50%;margin:10px 0 0 -46px;}
    .top-read-of-the-week .kv .inner.center .icons .icon{margin:0px 5px;cursor:pointer;}
    .top-read-of-the-week .kv .inner.left .icons{width:auto;display:inline-block;position:absolute;left:0px;margin:10px 0 0 -5px;}
    .top-read-of-the-week .kv .inner.left .icons .icon{margin:0px 5px;cursor:pointer;}
    .top-read-of-the-week .kv .inner.right .icons{/* width: auto; display: inline-block; position: absolute; text-align: center; left: 0; margin: 10px 0 0 -10px;*/ width:auto;display:inline-block;position:absolute;text-align:center;left:50%;margin:10px 0 0 -46px;}
    .top-read-of-the-week .kv .inner.right .icons .icon{margin:0px 5px;cursor:pointer;}
    .top-read-of-the-week .kv:hover .hover{position:absolute;height:100%;background-color:rgba(0,0,0,0.5);color:#FFF;width:100%;top:0;display:block;bottom:0;}
    .top-read-of-the-week .kv .inner{position:absolute;bottom:0;}
    .top-read-of-the-week .kv .inner .category-name{font-family:"FloodStd";font-size:32px;}
    .top-read-of-the-week .kv .inner .category-name a{color:#FFFFFF;display:block;}
    .top-read-of-the-week .kv .inner .title{font-family:"Microsoft JhengHei","Open Sans";font-size:22px;line-height:22px;margin:15px 0px;}
    .top-read-of-the-week .kv .inner .title a{color:#FFFFFF;display:block;}
    .top-read-of-the-week .kv .inner .sub_title{font-size:14px;}
    .top-read-of-the-week .kv .inner .sub_title a{color:#FFFFFF;display:block;}
    .top-read-of-the-week .kv .has_video{position:absolute;top:15px;right:15px;width:50px;height:50px;}
    .top-read-of-the-week .kv .has_video img{width:100%;}
    .top-read-of-the-week .kv:hover .text{display:none;}
    .top-read-of-the-week .kv .text .title{font-size:20px;}
    .top-read-of-the-week .kv .text{position:absolute;background-color:#FFFFFF;opacity:0.85;padding:10px;font-family:"Microsoft JhengHei","Open Sans";bottom:0;margin-bottom:15px;}
    .top-read-of-the-week .kv .text.left{left:0;margin-left:15px;text-align:center;}
    .top-read-of-the-week .kv .text.center{left:50%;margin-left:-180px;text-align:center;width:390px;}
    .top-read-of-the-week .kv .text.right{right:0;margin-right:15px;text-align:center;}
    .top-read-of-the-week .kv .image{position:relative;overflow:hidden;}
    .top-read-of-the-week .kv .image img{width:100%;}
    .top-read-of-the-week.ad1x1{width:100%;}
    .top-read-of-the-week.ad1x1 .blocks{float:left;margin:0px 308px 0 -4px;}
    .top-read-of-the-week.ad1x1 .blocks .block{width:25%;float:left;}
    .top-read-of-the-week.ad1x1 .ad{float:right;text-align:center;margin:0 0 0 -300px;}
    .top-read-of-the-week.ad1x1 .ad .image{text-align:center;max-width:300px;margin:0px auto;}
    .top-read-of-the-week.ad1x2 {  min-height: 700px;}
    .top-read-of-the-week.ad1x2 .blocks{display:inline-block;margin:0px 308px 50px -4px;float:left;}
    .top-read-of-the-week.ad1x2 .blocks .block{display:inline-block;width:25%;float:left;}
    .top-read-of-the-week.ad1x2 .ad{width:300px;float:right;text-align:center;margin:0 0 0 -300px;box-sizing:border-box;}
    .top-read-of-the-week.ad1x2 .ad .image{text-align:center;max-width:300px;margin:0px auto;}
}