html,
body {
background: #fff;
overflow-x: hidden;
}
body.modal-open {margin-right:-17px}
body.page_subsc {background:#F0F0F0;}
.content {margin-top: 20px;min-height:100%;/*height:2000px; */ }
/* nav 頻道 */
.channel {background:#fff;display:none;width:100%;}
.channel *{transition:none !important;}
.channel ul li > a {color:#000 !important;}
.channel ul li:hover,
.channel ul li:hover a,
.channel ul li:hover a button{color:#fff !important;}
.channel_edit {display:block;cursor:pointer !important;}
/* nav search */
.search_hotkeywords {display: none;}
.search_hotkeywords {position:absolute;z-index:99;background:#fff;width: 100%;left:0;top:105%;border:1px solid #ddd;}
.search_hotkeywords li {display:block !important;margin-left:0 !important;margin-right:0 !important;}
.search_hotkeywords li a {text-align:center;color:#5e5e5e !important;margin:0 !important;font-size:1em;padding:3px;}
.search_hotkeywords li:hover a {background:#eee !important;border-radius:0 !important;font-weight: normal !important;}
.search input::-webkit-input-placeholder { color:#fff !important;}
.search input:-moz-placeholder{color:#fff !important;}
.search input::-moz-placeholder{color:#fff !important;}
.search input:-ms-input-placeholder{color:#fff !important;}
/* toplink */
.toplink .userinfo .usericon {width:auto;}
.toplink .userinfo .usericon img{width:22px;height:22px;background:#aaa;border-radius:100%;}
.toplink .userinfo .username {width:auto;}
/* 會員中心 */
.member_banner {height:325px;position:relative;border-width:2px 0 0 0;background: url(../images/bk.png) no-repeat;background-size:cover;}
.member_banner .usericon{display:inline-block;border-radius: 100%;border:4px solid rgba(0,0,0,.2);position:absolute;bottom:10px;left:0;}
.member_banner .usericon img{width: 80px;height:80px;border-radius:100%;}
nav.page {background:rgba(0,0,0,.6) !important;position:absolute;left:0;bottom:0;}
.navbar_color_01 nav.page ul li:hover > a,
.navbar_color_01 nav.page ul li.active > a {background: #3b3b40 !important}
nav.page .member_channel_list {padding-left: 100px;position: relative !important;}
.member_content .username {font-weight: bold;color:#4f5157;}
/* 會員中心-收藏 */
.member_content .favor_newslist h3{font-weight:bold}
.member_content .favor_newslist .news_info{white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.member_content .favor_newslist button{display:inline-block;position: absolute;left:10px;}
.member_content .favor_newslist .news_footer{text-align: right;padding:10px;color:#666;}
.member_content .favor_newslist .news_footer a{color:#aaa;}
.member_content .favor_newslist .news_footer a:hover{color:#333;}
.member_content .favor_newslist li{border-bottom:1px solid #ddd;padding:0 30px;}
/* 會員中心-訂閱 */
.member_content .subsc_item {padding-bottom:50px;padding-left: 30px;padding-right: 30px;border-right: 1px solid #eee;}
.member_content .subsc_info {display:inline-block;vertical-align: top;padding:0 10px;}
.member_content .subsc_info small {position: absolute;display:inline-block;width:50%;vertical-align: middle;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.member_content .subsc_info h4{margin:0;}
.member_content .subsc_img {display:inline-block;width: 40px ;height: 40px; vertical-align: top;}
.member_content .subsc_img img{width: 100%;height: 100%;border-radius: 100%}
.member_content .subsc_action {float: right;line-height: 3em}
.member_content .subsc_action button{background: #aaa;border-radius: 100%;width:1.5em;height:1.5em;color:#fff; vertical-align: middle}
.member_content .subsc_action button span{color:#fff;padding:0 !important;vertical-align: top !important;line-height:1em;}
.member_content .subsc_action:hover .subsc_cancel{display:inline-block;}
.member_content .subsc_action:hover .subsc_ok{display:none;}
.member_content .subsc_action .subsc_cancel {display:none;background: #aaa;width:auto;border-radius:20px;padding:0 10px;}
/* 訂閱頁面 */
.page_subsc header{background: #fff}
.page_subsc .content{background: #fff;margin-top:0 !important;box-shadow: 0 0 15px rgba(0, 0, 0, .4); -webkit-transition-property: none;}
.page_subsc .rightblock {}
.page_subsc .rightblock h6{line-height:1.5em;padding:0 15px;color:#aaa;}
.page_subsc .rightblock .logo{line-height:1.5em;padding:0 15px;color:#aaa;border-top:1px solid #eee;padding:20px 0;}
.page_subsc .rightblock .logo img{max-width:100px}
.subsc .subsc_img {display:inline-block;height: 50px; vertical-align: middle;}
.subsc .subsc_img img{width:40px;height: 40px;border-radius:5px;margin:5px;}
.subsc .subsc_img span{font-size:22px;vertical-align: middle;color:#000;font-weight:bold}
.subsc .subsc_action {display: inline-block;margin-left:50px;padding:8px 0;}
.subsc .subsc_action button{padding:3px 20px;display:block}
.subsc .toplink {height:50px !important}
.page_subsc .news_block {border-right:1px solid #aaa;}
.page_subsc .news_block ul {margin-left:-40px;}
.page_subsc .news_block .news_title {width:100% !important;font-size:12px;color:#000;}
.page_subsc .news_block .news_title a {
color:#4e4e4e;
-webkit-transition:none;
-moz-transition:none;
-o-transition: none;
transition:none;
}
.page_subsc .news_block .news_title a:hover{color:#e03b3b; text-decoration:underline ;}
.page_subsc .news_block .news_info {line-height:1.5em;overflow: hidden;}
.page_subsc .news_block .news_footer {width: 100%; clear: both; padding-top: 20px;color:#aaa;}
.page_subsc .news_block .imgx1 .news_img {float:left;}
.page_subsc .news_block .imgx1 .news_info {width: 66.66667%; height:9em;float: right;padding-left: 10px;letter-spacing: 1px;}
.page_subsc .news_block .imgx3 .news_img {float:none;}
.page_subsc .news_block .imgx3 .news_img > div{margin:0 -10px;}
.page_subsc .news_block .imgx3 .news_info {width:100%; max-height:6.5em;float:none;padding-top:10px;}
.page_subsc .news_block .imgx0 .news_info {width:100%; max-height:7.5em;float:none;}
.page_subsc .subscribe_info {color:#666;border-bottom:1px solid #ddd;padding:10px 0;}
/* 文章區塊 */
.news_block ul {list-style:none;margin-left:-20px;}
.news_block li {position:relative;display:block;line-height:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.news_block article {display: inline-block;width: 100%;}
.news_block .news_title,
.news_block .news_share {padding-left:5px;padding-right:5px;}
.news_block .status_icon {position:absolute; left:-30px;top:0.5em;line-height: 1.5em;text-align: center;width:20px;height:20px;border-radius:100%;}
.news_block .status_icon.mobile {position:static; border-radius:0; float: left;}
.news_block .status_icon.hot {color:#fff;background: #EF3138}
.news_block .status_icon.good {color:#fff;background: #646EEF}
.news_block .status_icon.video {color:#fff;background: #1C95B9}
.news_block .status_icon.ad {color:#fff;background: #1C95B9}
.news_block .news_title h3 {margin-top:0;font-weight:bold;line-height:1.3em;font-size:1.7em;color:#000;}
.news_block .news_share {margin:0;margin-top: 20px}
.news_block .news_img a {position:relative;display:inline-block;padding-bottom:62%;width:100%;overflow:hidden;background:#ddd;min-height:70px;}
.news_block .news_img>div {margin-left:0;margin-right:0;}
/*.news_block .news_img>div>div {padding-left:1px;padding-right:1px;}*/
.news_block .imgx1 .news_title {float:left;}
.news_block .imgx1 .news_img {margin:0;float:right;}
.news_block .imgx1 .news_share {position:absolute;bottom:20px;left:0;}
.news_block .imgx0 .news_img {display:none;}
/* 配合js撈資料，隱藏第一筆 */
/*
#newslist li:first-child {display:none;}
*/
/* 有新訊息通知 */
.newsalert.scroll {position:fixed;}
.newsalert {position:relative;z-index:100;text-align:center;width:auto;margin:20px auto; transition:none;}
.newsalert button{border-radius:20px;padding:5px 10px;}
/* 右側廣告 */
.ad_block {position:relative;}
.ad_block div{max-width:290px;}
.ad_img {margin-bottom:20px;}
.hotcomment {padding-top:20px;transition:none;}
.hotcomment h4{font-size:1.4em;font-weight:bold;}
.hotcomment h4 *{background:#fff !important; position:relative;z-index:999}
.hotcomment h4 button{padding:2px 5px !important;}
.hotcomment h4 button > a{padding:0px !important;}
.hotcomment ul{border-top:1px solid #ddd;padding-top:20px;margin-top:-16px;}
.hotcomment ul li{width:100%;margin-bottom:20px;}
.hotcomment ul li > div{margin-top:10px;}
.hotcomment .userinfo .usericon img{width:22px;height:22px;background:#aaa;border-radius:100%;}
.hotcomment .userinfo .username {font-size:16px;}
.hotcomment .userinfo .goodcount *{font-size:16px;color:#899EC5;}
.hotcomment .userinfo .goodcount:hover *{color:#718DC1;}
.hotcomment .userinfo .goodcount:hover .icons-good{}
.hotcomment .usercomment {border:1px solid #ddd;padding:10px;color:#666;position:relative;}
.hotcomment .usercomment .border_arrow {
position: absolute;
border-style: solid;
border-color: transparent transparent #aaa;
_border-color: white white #aaa;
border-width: 6px;
left: 30px;
top: -12px;
}
.hotcomment .usercomment .border_arrow_in {
position: absolute;
border-style: solid;
border-color: transparent transparent #fff;
_border-color: white white #fff;
border-width: 5px;
left: 31px;
top: -10px;
}
.hotcomment .commentfrom p{margin:0;}
.hotcomment .commentfrom p:first-child{color:#aaa;font-size:1.1em;}
.hotcomment .commentfrom p:nth-child(2){color:#666;}
footer {display: block;clear:both;text-align:center;padding:20px;color:#aaa;margin-top: 50px}
#gotop {padding:0;background:none;}
#gotop a {display:block;line-height:0;}
.side_contact.normal,
.side_contact {width:350px;max-width:85%;position:fixed;right:-350px;bottom:150px;z-index: 1000;top:auto;}
.side_contact.smheight {position:absolute;bottom:auto;}
.side_contact {font-size:0.5em;background:#fff;line-height: normal;border:1px solid #ddd;}
.side_contact {cursor:pointer ;}
.side_contact > div {padding:10px 20px;}
.side_contact .title {font-size:3em; border-top:3px solid #e03b3b;margin:0}
.side_contact label {font-size:2em;}
.login h4 span{font-weight: bold;cursor:pointer;text-decoration: underline;}
.login .loginid {text-align: center;}
.login .loginid a{display:block;text-align: center;}
.login .loginid a p{line-height: 3em;}
.login .middle_content {display:inline-block;width:100%}
.login .newreg {display: none;}
/* Search Page */
.searchbar p{padding: 3px;font-size: 1.5em;font-weight: bold;}
.searchbar *{color: #fff;}
.search_tagcloud {text-align: center;}
.search_tagcloud li{background:#eee;margin: 5px}
.search>div:first-child {margin:0 !important;}
/* 新聞內頁 */
.newsdetail{}
.newsdetail .news_block li {position:relative;display: list-item; line-height: normal;padding-bottom:initial; margin-bottom:initial; border:0;list-style: initial; }
.news_source .news_source_icon img{border-radius:100%;}
.news_source .news_source_name span{font-size:1.2em;padding:0 10px;}
.news_source .news_source_date {font-size:1.2em;color:#aaa;}
.newsdetail .news_content {margin-bottom: 100px;font-size: 20px}
.newsdetail .news_content * {font-size:20px;}
.newsdetail .news_content img {max-width:100%;height: auto;text-align:center;}
.newsdetail .news_share {margin:0 10px;}
.newsdetail .news_share button {margin:0 10px;}
.newsdetail .news_tags ul {list-style: none;display: inline-block;margin:0;padding:0;}
.newsdetail .news_tags ul div{float:left;color:#666;padding:10px 0;}
.newsdetail .news_tags ul li button{padding:10px;}
.newsdetail .news_tags ul li button a{color:#333;}
.newsdetail .news_tags li {float:left;border:0;display:block;padding:0;margin-right:15px;/*margin-bottom:0;*/line-height: normal;}
.newsdetail .newscomment,
.newsdetail .comments {}
.newsdetail .usericon {float:left;width:10%;}
.newsdetail .userform {float:right;width:90%;}
.newsdetail .usericon img {border-radius: 100%; max-width:45px;width:100%;float: right;margin-right:10px }
.newsdetail .userform textarea{width:100%;border:1px solid #ddd;}
.newsdetail .comments .msgdate span{color:#aaa;}
.pagenav {text-align: center;display: inline-block;}
.pagenav li{float:left;border:0;padding:10px;}
.pagenav a{color:#aaa;}
.pagenav a:hover{color:#333;}
.pagenav.s02 {margin-top:20px;}
.pagenav.s02 li{padding:5px;}
.pagenav.s02 a{color:#aaa;padding:5px 8px;border-radius:3px}
.pagenav.s02 li.active a,
.pagenav.s02 a:hover{background:#f04848;color:#fff;}
.pagetarget {position: fixed;top:100px;right:50px;background:rgba(255,255,255,0.9); border:1px solid #eee;}
.pagetarget ul {margin:0;}
.pagetarget li {transition:none;padding:5px 10px;}
.pagetarget li.active {font-size:1.5em;font-weight: bold;color:#000; transition:none;}
.pagetarget li.active .circle {width:10px;height:10px;border-width:2px;margin:5px;background: #7fbdf5;transition:none;}
.pagetarget .circle {
transition:none;
background: #b3c8dc;
border: 1px solid #b5dcff;
border-radius: 6px;
display: inline-block;
margin:2px 8px 2px 7px;
width: 0.5em;
height: 0.5em;
}
.news_subscribe {border:1px solid #eee;margin-bottom:50px;text-align:center}
.news_subscribe div{padding:20px;}
.news_subscribe div a{vertical-align: middle;display:inline-block;}
.news_subscribe div a img{border-radius:100%}
.news_subscribe div div{display:inline-block;vertical-align: middle;width:70%;text-align: left; }
.news_subscribe div div h3 {font-size:22px;font-weight:bold;color:#7696b3;}
.news_subscribe div div h3 span{display:inline-block;width:100%;font-size:0.8em;font-weight:normal;color:#9e9e9e;}
.news_subscribe div button{display:inline;vertical-align: middle;border-radius:20px;padding:0 20px;background:none;color:#7696b3;border-color:#7696b3;font-size:16px;outline:0;}
@media (max-width:400px){.news_subscribe div div {width:100%;}}
/* 響應區塊 寬 */
@media (min-width: 1200px) {.Bbox_1c {width:1000px;} .news_block{padding:0 50px !important;} .page_subsc .news_block{padding:0 30px !important;}}
.news_block .imgx1 .news_title {width:66.6667%;}
.news_block .imgx1 .news_img {width:33.33333%;}
.news_block .imgx1 .news_share {width:66.6667%;}
.news_block .imgx3 .news_title {width:100%;}
.news_block .imgx3 .news_img {width:100%;}
.news_block .imgx3 .news_img >div>div{width:33.3333%;}
.news_block .imgx3 .news_share {width:100%;}
@media (max-width:992px) {.type2 {float:right !important;position:relative;} .channel_list{max-height:4em;overflow:hidden; }}
@media (min-width:992px) {.modal-lg {width:500px;} .channel_list{position:relative !important ; }}
@media (max-width: 1200px) {
.pagetarget{right: 5px;z-index:100}
}
/* 響應文字大小、間距 */
@media (max-width: 992px) {
.head_area img{max-height:40px }
.member_content > div > div {width:100% !important ;}
}
@media (max-width: 768px) {
.news_block .news_title h3 {font-size:1.3em;}
.news_block .news_share * {font-size:1em;line-height:1.4em;}
.content > div > div {margin-top:0;}
nav ul li {margin-left:0 !important;margin-right: 0 !important;}
nav ul {/*position: absolute;*/left:10px;}
.news_tags div {width:100%}
.member_content .favor_newslist h3{font-size:1.3em;line-height: 1.3em}
.newsdetail .news_block h1 {padding:0 10px;font-size:24px;}
.newsdetail .news_share {float: none;text-align: center;}
.newsdetail .news_share button{width: 100%;background: #eee;padding: 10px 0 !important;margin:20px 0;}
}
@media (max-width: 490px) {
.news_block li {padding-bottom:10px;margin-bottom:10px;}
.news_block .news_title h3{/*font-size:1em;*/height: 2.5em;overflow: hidden;}
.news_block .news_share {margin-top:10px;}
.news_block .news_img >div>div{padding-left:2px;padding-right:2px;}
.news_block .imgx1 .news_title h3{height: 2.5em;overflow: hidden;}
.news_block .imgx1 .news_share {bottom: 10px;position: static;}
.member_content .form-group label {width:100%;}
.member_content .form-group div {width:100%;}
.member_banner nav.page {text-align:center;height:100%}
.member_banner nav.page .usericon{position:static;margin:10px;}
.member_banner nav.page .member_channel_list{padding-left:0;overflow:visible; float:none;left:0;max-width:none !important;}
.member_banner nav.page .member_channel_list li{width:100%;}
.member_banner nav.page .member_channel_list li a{margin:2px 0;padding:5px;}
}
@media only screen and (max-device-width:768px) {
nav a:hover {background:none !important;}
.channel ul li > a:hover {color:#aaa !important;}
}
/* 響應顯示或隱藏 */
@media (max-width: 768px) {
.news_block ul{margin-left:-40px;}
.news_block .news_share .original {float:left;}
.head_area .toplink{display:none;}
}
@media (max-width:992px) {
.ad_block{display:none;}
nav form {display:none !important;}
}
/* 設定按鈕型icon=============================================================================================================== */
button:focus {outline:0;}
/* 有外框 */
button.sm {line-height:normal; padding:0 20px;background:none;border-radius:0;border:1px solid #eee;color:#888;}
button.sm span,
button.sm a {vertical-align:middle; line-height:normal; padding:0 3px;color:#888;}
button.sm:hover span,
button.sm a:hover {color:#666;}
/* 無外框簡單樣式 (繼承有外框) */
button.sm.clean {border:0;padding:0;}
button.sm.clean span,
button.sm.clean a {padding:0 5px;}
/* 圓角button */
button.sm.radius {border-radius:14px;border:1px solid #999;padding:0 3px;}
button.sm.radius span,
button.sm.radius a {padding:3px 3px;display:inline-block;}
button.big {border-radius:3px;padding:3px 30px;}
/* 設定icon =====================================================================================================================*/
[class*="icons-"] {background:url(../images/icons.png) no-repeat;width:35px;height:35px; display:inline-block;}
.icons-good {background-position:-10px -10px;width:15px;height:15px}
.icons-comment {background-position:-10px -81px;width:15px;height:15px}
.icons-share {background-position:-7px -183px;width:19px;height:19px;}
.icons-gotop {background-position:0 -275px;}
.icons-mail {background-position:0 -310px;}
.icons-fav {background-position:-6px -351px;width:22px;height:22px;}
.icons-report {background-position:-6px -423px;width:22px;height:22px;}
[class*="icons-social"] {background: url(../images/icons-social.png) no-repeat;width:40px;height:40px;}
.icons-social-google {background-position:-41px 0px;}
.icons-social-facebook {background-position:0px 0px;}
.icons-social-line {background-position:-81px 0px;}
.icons-social-wechat {background-position:-120px 0px;}
.icons-good.active,
button:hover .icons-good {background-position:-10px -45px;width:15px;height:15px}
button:hover .icons-comment {background-position:-10px -116px;width:15px;height:15px}
.icons-fav.active,
button:hover .icons-fav {background-position:-6px -387px;width:22px;height:22px;}
@media (max-width:768px) {
[class*="icons-social"] {zoom:1;border-radius: 3px;margin-right: 10px}
.jiathis_style_32x32 {display: inline-block;zoom:1.3;}
}
/* 分享按鈕彈出選單 ============================================================================================================== */
/* 定位 */button.popmenu {position: relative;}
/* 定位 */button.popmenu .menu {display:none;}
/* 定位 */button.popmenu:hover .menu {display:inline-block;position:absolute;right:0;top:-3.5em;}
/* 樣式 */button.popmenu:hover .menu {background:#fff;border-bottom:0;box-shadow: 0 2px 10px #aaa;-webkit-box-shadow: 0 2px 10px #aaa;border-radius:10px;}
/* 樣式 */button.popmenu:hover .menu a {display:inline-block;padding:0.5em;opacity: 0.7}
/* 樣式 */button.popmenu:hover .menu a:hover {opacity:1}
input:focus::-webkit-input-placeholder { color: transparent!important;}
input:focus:-moz-placeholder{color: transparent!important;}
input:focus::-moz-placeholder{color: transparent!important;}
input:focus:-ms-input-placeholder{color: transparent!important;}
form input::-webkit-input-placeholder { color:#888 !important;}
form input:-moz-placeholder{color:#888 !important;}
form input::-moz-placeholder{color:#888 !important;}
form input:-ms-input-placeholder{color:#888 !important;}
/* 暫時隱藏 */
.icons-comment,
.data_commentcount,
.news_share .original ,
.news_share .good_click {display: none}