/* 最新精選 */
#hotarea{width:970px; margin:0 0 40px 0;}
#hotarea .photo{ float:left;width:652px; height:350px;margin:0;background-color:#ccc; position:relative;overflow:hidden;}
#hotarea .photo img{width:652px; overflow:hidden;border-radius: 0;}

#hotarea .photo .tag{ display: inline-block;background:transparent;color:#FFF; text-align:center; font-size:0.92em;padding:9px 14px;margin-left: 2%;}
#hotarea .photo .tag a{color:#fff;background:transparent;text-align:center;padding:0;}
#hotarea .photo .tag a:link,#hotarea .photo .tag a:visited{color:#fff;background:transparent;text-decoration:none;padding:9px 14px;}
#hotarea .photo .tag a:hover{color:#fff;background:transparent;text-decoration:none;padding:9px 14px;}

#hotarea .photo .gradient{ position: absolute; z-index:100;left:0;bottom:0px; width:100%; height:210px;background: -webkit-linear-gradient(89deg, rgba(0, 0, 0, 1)10%, rgba(255, 255, 255, 0)63%);}
#hotarea .photo .txt{ position: absolute; z-index:800; left:0; bottom:0%;width: 100%;}
#hotarea .photo .txt a{display:inline-block;}
#hotarea .photo .txt p{ color:#fff; font-size:1.25em; line-height:140%; padding:1% 2%; margin:0 0 6px 0;}
#hotarea .photo .txt .block{display:block;}


#hotarea .photo .txt .nickname{float:left;color:#fff; font-size:12px;margin:0 0px 15px 3%;  letter-spacing:0.08em; display:inline-block; }
#hotarea .photo .txt .nickname img{ width:20px;height:auto;-webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; margin:0px 7px -5px 0px;}
#hotarea .photo .txt .nickname a:link,#hotarea .photo .txt .nickname a:visited{color:#fff;text-decoration:none; }
#hotarea .photo .txt span{color:#fff; font-size:12px;margin:0 0 0 15px;}
#hotarea .carousel_slides{position: relative;}
#hotarea .carousel_slides .carousel_slide {
    left: 0;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    color: #fff;
    border-radius: 2px;
    overflow: hidden;
    transition: transform .5s;
    transform: translateX(0);
}
#hotarea .is-entering .carousel_slide:first-child {
	transition:transform 1.5s .15s
}
#hotarea .is-entering .carousel_slide:nth-child(2) {
	transition:transform 1.5s .3s
}
#hotarea .is-entering .carousel_slide:nth-child(3) {
	transition:transform 1.5s .45s
}
#hotarea .is-entering .carousel_slide:nth-child(4) {
	transition:transform 1.5s .6s
}
#hotarea .is-entering .carousel_slide:nth-child(5) {
	transition:transform 1.5s .75s
}
#hotarea .carousel_slide:before {
	position:absolute;
	display:block;
	width:100%;
	top:0;
	bottom:-150px;
	content:"";
	transition:bottom .3s;
	background-image:linear-gradient(15deg,rgba(0,0,0,.7),transparent)
}
#hotarea .carousel_slide:hover:before {
	bottom:0
}
#hotarea .carousel_slide.is-panning {
	transition:none
}
#hotarea .carousel_slide.is-active:last-child {
	box-shadow:none
}
#hotarea .carousel_slide.is-active~.carousel_slide {
	transform:translateX(calc(-100%))
}



/* 最新精選list*/
#hotarea .newslist{ float:right;width:317px; border-bottom:1px solid #efefef;border-right:1px solid #efefef; border-top:1px solid #efefef; }
#hotarea .newslist h2{text-align:left; color:#363636; font-size:1.3em; font-weight:bold; padding:5% 15px }
#hotarea .newslist ul{ width:100%}
#hotarea .newslist li{ width:100%; border-top:1px solid #efefef;  list-style:none;position: relative; color:#363636;height: 58.4px;overflow: hidden;}
#hotarea .newslist li a{color:#363636;text-decoration:none;}
#hotarea .newslist li a:link,#hotarea .newslist li a:visited{color:none;text-decoration:none;}
#hotarea .newslist li a:hover{color:none;text-decoration:none;}


#hotarea .newslist li a:hover::before,#hotarea .newslist li.is-active a:before,
#hotarea .newslist li a:active::before{
    content:"";
    position: absolute;
    width:5px;
    height:100%;
    background:#48abe6;
}

#hotarea .newslist li p{ padding:2.5% 15px ;font-size:15px; line-height:150%;display:inline-block;word-break: break-all;}
#hotarea .newslist li p img{ width:1rem; height:auto}


/*新聞區塊 */
#page .newsbox{float:left;width:300px;height: 300px;margin: 0px 35px 40px 0px}
#page .newsbox.sd{float:left;width:300px;height: 300px;margin:0px 0px 40px 0px ;}
#page .newsbox .photo{width:100%; height:200px; overflow:hidden; position:relative}
#page .newsbox .photo img{width:100%;}
#page .newsbox .photo .tag{ position: absolute; z-index: 800;left: 0;top: 0px;background:transparent;color: #FFF;text-align: center;font-size: 0.84em;padding:0;}
#page .newsbox .photo .tag a{color:#fff;background:transparent;text-align:center;padding:0;}
#page .newsbox .photo .tag a:link,#page .newsbox .photo .tag a:visited{color:#fff;background:transparent;text-decoration:none;padding: 8px 12px;}
#page .newsbox .photo .tag a:hover{color:#fff;background:transparent;text-decoration:none;padding: 8px 12px;}
#page .newsbox .txt{color: #363636; margin: 10px 0; padding: 0;font-size: 15px;line-height: 140%;overflow: hidden;max-height: 45px; }
#page .newsbox .txt a{color:#363636;text-decoration:none;display:inline-block;}
#page .newsbox .txt a:hover,#page .newsbox .txt a:active{color:none;}
#page .newsbox .nickname{float:left;color:#969696; font-size:12px; margin:0 0 15px 2%; letter-spacing:0.08em; display:inline-block;line-height: 180%;}
#page .newsbox .nickname a:link,#page .newsbox .nickname a:visited{color:#969696;text-decoration:none}
#page .newsbox .nickname a:hover{color:#969696;text-decoration: none}
#page .newsbox .nickname img{ width:20px;height:auto;-webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; margin:0px 7px -5px 0px;}
#page .newsbox span{color:#969696;font-size:12px;margin:0 0 0 15px;}
#page .newsbox .icon_type{position:absolute; z-index:500; right:8px; bottom:5px; }
#page .newsbox .icon_type img{ width:100%; height:auto}

.tit h1{font-size: 22px;color: #363636;margin: 0 0 30px 0;font-weight: normal;display: inline-block;border-left: 5px solid #5593B5;padding: 0px 0 0px 15px;}
.tit .more{float:right;font-size: 15px;margin: 5px 2px 0 0;}
.tit .more a{color:#aaa;}
.tit .more a:hover{color:#363636;}

.hot{background-color:#f5f5f5;}
.hot .container{background-color:transparent;padding:60px 0 30px 0;}
.hot .container h2{font-size: 22px;color: #363636;margin: 0 0 30px 0;font-weight: normal;}
.hot .container .today a{color:#363636;}
.hot .container .today a:hover{color:#363636;}
.hot .container .today .tit{margin: 0 0 30px 0;}
.hot .container .today .tit h2{margin:0;display:inline-block;}
.hot .container .today .more{float:right;font-size: 15px;margin: 5px 2px 0 0;}
.hot .container .today .more a{color:#aaa;}
.hot .container .today .more a:hover{color:#363636;}
.hot .container .today{float: left;width: 630px;margin:0 0 3rem 0;}

.hot .container .user{float: left;width: 300px;margin-left: 30px;}
.hot .container .user .item{margin-top:15px;}
.hot .container .user .item a{color:#aaa;}
.hot .container .user .item .avatar{float: left;}
.hot .container .user .item .avatar img{width:60px;height:auto;border-radius: 50%; margin:0px 7px -5px 0px;}
.hot .container .user .item .nickname{width:220px;float: left;}
.hot .container .user .item .nickname .name{padding:5% 0 5px;}
.hot .container .user .item .nickname .vcenter{padding-top:9.4%;}
.hot .container .user .item .nickname .name h3{float: left;margin-top: 2px;font-size: 15px;font-weight: normal;}
.hot .container .user .item .nickname .des{font-size: 12px;}

.ybRecommend .container{background-color:transparent;padding:60px 0 30px 0;color:#fff;}
.ybRecommend .yb a,.ybRecommend .yb a:link,.ybRecommend .yb a:hover{color:#fff;}
.yb .tit{width:100%; margin:0 0 30px 0;}
.yb .tit h2{font-size:22px; font-weight:normal; display:block;}
.yb .ybbox{float:left;width:220px;height: 240px;margin: 0px 3% 40px 0px}
.yb .ybbox.sd{margin-right:0;}
.yb .ybbox .photo{width:100%; height:124px; overflow:hidden; position:relative}
.yb .ybbox .photo img{width:100%;}
.yb .ybbox .photo .tag{ position: absolute; z-index: 800;left: 0;top: 0px;background:transparent;text-align: center;font-size: 0.84em;padding:0;}
.yb .ybbox .photo .tag a{background:transparent;text-align:center;padding:0;}
.yb .ybbox .photo .tag a:link,#page .newsbox .photo .tag a:visited{background:transparent;text-decoration:none;padding: 8px 12px;}
.yb .ybbox .photo .tag a:hover{background:transparent;text-decoration:none;padding: 8px 12px;}
.yb .ybbox .txt{margin: 10px 0; padding: 0;font-size: 15px;line-height: 140%;overflow: hidden;max-height: 45px; }
.yb .ybbox .txt a{text-decoration:none;display:inline-block;}
.yb .ybbox .txt a:hover,#page .newsbox .txt a:active{color:none;}
.yb .ybbox .nickname{float:left;font-size:12px; margin:0 0 15px 2%; letter-spacing:0.08em; display:inline-block; }
.yb .ybbox .nickname a:link,#page .newsbox .nickname a:visited{text-decoration:none}
.yb .ybbox .nickname a:hover{text-decoration: none}
.yb .ybbox .nickname img{ width:20px;height:auto;-webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; margin:0px 7px -5px 0px;}
.yb .ybbox span{font-size:12px;margin:0 0 0 15px;}
.yb .ybbox .icon_type{position:absolute; z-index:500; right:8px; bottom:5px; }
.yb .ybbox .icon_type img{ width:100%; height:auto}