/*
Author: bobii Creative Co.
Author Website: http://www.bobii.com.tw
*/
/* ==================================================
   Basic Styles
   ================================================== */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{box-sizing:initial;}
html, body {margin: 0;padding: 0;min-width:320px;}
html>body .gsc-inline-block{width:100px;}
html {width: 100%;font-size: 100%;}
body { background: #fff;color: #252525;
  font-family: Helvetica, Arial, 'LiHei Pro', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif; 
  position: relative;
  overflow-x: hidden;
}
body > img {
  display: none;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
a {
  color: #252525;
  cursor: pointer;
  -webkit-transition: color 0.1s linear 0s;
  -moz-transition: color 0.1s linear 0s;
  -o-transition: color 0.1s linear 0s;
  transition: color 0.1s linear 0s;
  text-decoration: none;
}
a:hover,a:active,a:focus {outline: 0;color: #ff5c1a;text-decoration: none;}
a img { border: none }
a > img { vertical-align: bottom }
img { max-width: none }
hr {
  border-style: dashed;
  border-color: #3C3F45;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 50px 0;
}
::selection {
  background: #6ec31e;color: #fff;
}
::-moz-selection {
  background: #6ec31e;color: #fff;
}
input[type=file]{width:100%;}

table th, table td {
  word-break: break-word;
}
button:focus, button:active {
  outline: none !important;
  box-shadow: none;
}

/* base style */
.news_stream{padding-left:20px;}
.news_stream li {list-style-image: url("../sys_images/marquee_dot.gif");margin-top: 0px;min-height: 40px;}

/* icon font */
@font-face {
  font-family: 'IcoMoon-Free';
  src: url('IcoMoon-Free-CORS.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: 'IcoMoon-Free';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.section-title{padding:0;}
.section-title .title {padding: 8px 0px;font-weight:bold;font-size: 15px;letter-spacing: 2px;text-align: center;}
.sidebar-section-head{width: 100%;height: auto;padding-bottom: 30px;}
.sidebar-section-head .title {border-top: 3px solid #3d3d3d;border-bottom: 1px solid #3d3d3d;padding: 5px 0px;font-size: 15px;letter-spacing: 2px;text-align: center;color: #3d3d3d;}
.sidebar-section-head .session-group {height: auto;padding: 15px 0;}
.sidebar-section-head .session-group .number {
  background: url(../sys_images/eye.png) no-repeat left center;
  float: left;font-size: 15px;color: #4591b8;padding-left: 20px;}
.sidebar-section-head .session-group .date {
  text-align: left;color: #828282;font-size: 12px;padding-bottom: 8px;letter-spacing: 1px;float: right;}
.sidebar-section-head .session-group .top5_title {font-size: 15px;font-weight: bold;}
.sidebar-section-head .session-group .news_date a{ color:#4591b8;}
.sidebar-section-head .session-group .news_date a:hover{ color:#ff5c1a;}

.news-list {height: auto;margin-bottom:10px;}
.news-list > .title {padding: 5px 0px;letter-spacing: 2px;text-align: center;font-size: 20px;font-weight: bold;background:url("../images/_img/black_bg.png");color:#fff;}
.news-list .news-list-item {padding: 5px 0 5px 0;clear:both;}
.news-list .news-list-item .news_img {max-height:auto !important;overflow:hidden;}
.news-list .news-list-item .news_img a{display: block;width: 100%; height: 100%;overflow:hidden; position: absolute;}
.news-list .news-list-item .news_img_no_border a{ border:0;}
.news-list .news-list-item .news_img img{/*padding: 0;*/float: none;display: block;margin: 0 auto;padding-left:0;}
#year_list .year_list_all .news-list .news-list-item .news_img{padding-right:10px;}
.news-list .news-list-item .news_img{/*padding-left:0px;*/position:relative;padding-bottom:18.85%;}
.recall_election_2020 .news-list .news-list-item .news_img { padding-left:0px; }
.news-list .news-list-item .news_img_focus a{max-height:150px;min-height:150px;}
.news-list .news-list-item .news_img_focus img{max-height: 194px;}
.news-list .news-list-item .news_date{
text-align: left;color: #828282;font-size: 12px;padding-top:auto;padding-bottom: 5px;letter-spacing: 1px;font-weight:normal;}
.news-list .news-list-item .tag { padding-bottom: 10px }
.news-list .news-list-item .text {padding-right: 0;}

#category .news-list-item {min-height: 169px;}
#category .news-list-item .news_img img {padding-right: 0;}
#category .news-list-item .news_img{padding-left: 0;}

.news-list .news-list-item .lightbox-handler {
  cursor: pointer;
}
.news-list .news-list-item .news_img .lightbox-handler {
  width: calc(100% - 15px);
  height: 100%;
  position: absolute;
  left: 15px;
  top: 0;
}
@media (max-width: 767px) {
  .news-list .news-list-item .news_img .lightbox-handler {
    width: 100%;
    left: 0;
  }
}

.mb-padding0 .news-list {
  padding-bottom: 10px;
}

.mb-padding0 #_popIn_recommend {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .mb-padding0 #_popIn_recommend {
    margin-bottom: 20px;
  }
  .mb-padding0 .news-list {
    padding-bottom: 0;
  }
  .news-list .news-list-item .news_img img {
    padding: 0;
  }
  .plan_index .news-list .news-list-item,
  .recall_election_2020 .news-list .news-list-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .recall_election_2020 .hotline {
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .debate-view #category {
    margin-bottom: 0 !important;
    padding: 0 15px 15px 15px;
  }
  .debate-view .left_column,
  .debate-view .hotline,
  .plan-view #fb_message {
    margin-bottom: 0 !important;
  }
  .plan-view #fb_message {
    margin-top: 20px;
  }
  .debate-view #_popIn_recommend ._popIn_recommend_container,
  .debate-view .latest_report,
  .debate-view .citizen,
  .plan-view #fb_message {
    background-color: #fff !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .debate-view .sectionArea + .row {
    margin-top: 0 !important;
  }
  .debate-view #fb_message {
    margin: 0 !important;
  }
  /* .pcview .debate-view .sectionArea,
  .pcview .debate-view .follow_like {
    margin-bottom: 20px !important;
  } */
  .pcview .debate-view #_popIn_recommend,
  .pcview .debate-view .Top5 {
    border-top: 1px solid #f2f2f2;
  }
  .news_tag .news-list .news-list-item {
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
  }
}

.calendar-date-container { padding-bottom: 20px; padding-top: 20px;text-align: center;} 
.calendar-date-container .calendar-date{ width:92px;  display:inline-block;}
.calendar-date-container .calendar-date .frame{
  width:110px; 
  height:110px; 
  background:url("../images/_img/Date Flipper.png") no-repeat left center; 
  padding:9px 0 0 0;
  line-height:25px; 
  text-align:center;
}
.calendar-date-container .calendar-date .frame span.w1{ font-size:16px; color:#515151; line-height:30px;font-weight:bold;}
.calendar-date-container .calendar-date .frame span.w2{ 
  font-size:40px; 
  color:#3eb9ff;
  font-weight:900;
}
.calendar-date-container .calendar-date .frame span.w3{ font-size:10px; color:#fff;font-weight:bold;}
.news-list-cal .btn{background:#a0a0a0;color:#fff;}
.news-list-cal .btn:hover{background:#c94632;}
.container {margin: 0 auto;padding-left:0;padding-right:0;padding:0; word-break: break-word;}
/* ==================================================
   Header
   ================================================== */
/*PC*/
#header_960 {height:90px;margin: 0 auto;}
#header_960 .container {
  padding: 0 15px;
}
.navbar{display:none;}
.navbar .navbar-header{  min-height:64px;width:100%;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{padding:0;margin-left:6px;}
.navbar-toggle{background:#26747a;margin-top:13px;margin-right:0px;}
.navbar-default .navbar-toggle{border:none;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;}
.navbar-brand img{width:100%;max-width: 160px;padding-top:10px;}
.navbar-default .navbar-nav>li>a{padding-left:5%;padding-top:16px;padding-bottom:16px;min-width:50px;color:#3a4e75;font-size:16px;}
.navbar-default .navbar-nav>li>a:hover{color:#c94a27;}
.navbar-nav .open .dropdown-menu{padding-top:0;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{padding-left:10%;padding-top:14px;padding-bottom:14px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#26747a;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:white;border-radius: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#fff;color:#c43f30;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background:transparent;}
.support-fit .fit{height:100%;width:100% !important;height:136px;object-fit: cover;}
#ci {
  float: left;
  width: 220px;
  padding-top: 25px;
  position: relative;
}
#ci img{max-width:100%;}
#ci a {display: block;}
#header_group {
  float:right;
  /* width:85% !important; */
  width: -moz-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
  height:100px;
  margin-top: 20px;
  position: relative;
}
#header_group1{width:100%;height:35px;float:left;margin-bottom:0px;}
#header_group2{float:left;padding-top:5px; height: 108px;position: relative;z-index: 2;}
/* #header_group3{position:relative;float:left;width:25%;margin-top:-10px;} */
#header_group3 {
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
#header_date_and_marquee {
  width:100%;
  position: absolute;
  left: 0;
  bottom: -34px;
}
#header_date_and_marquee .date_today a {
  display: block;
  padding: 0 15px;
  background-color: #26747a;
  border: 1px solid #26747a;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 1px;
  text-align: center;
  transition: color 0.5s, background 0.5s;
}
#header_date_and_marquee .date_today a:hover {
  background-color: #fff;
  color: #26747a;
}
#abgne_marquee {color:#ff5c1a;position: relative;z-index:1;overflow: hidden;width: 536px;margin-right:0;margin-top:0px;float:left;height: 23px;border:none;}
#abgne_marquee a{color:#ff5c1a;}
#abgne_marquee ul,#abgne_marquee li {
  margin: 0;
  padding: 0;
  list-style: none;
  background-image: url(../images/_img/icon1.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 23px;
  font-weight:300;
}
#abgne_marquee ul { position: absolute; }
#abgne_marquee ul li a {
  display: block;
  overflow: hidden;
  height: 23px;
  line-height: 23px;
  text-decoration: none;
  font-size: 13px;
  color:#ff5c1a;
  margin-left: 15px;
  font-weight: 300;
}
#abgne_marquee ul li a:hover {color: #e06734;text-decoration: underline;}
#header_group1 .fb_link {float:left;}
#header_group1 .fb_link a {
  display: block;
  height: 50px;
  width: 50px;
  border-right: 1px solid #e5e5e5;
  text-indent: -9999px;
  background-image: url(../sys_images/fb_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
#header_group1 .fb_link a:hover {background-image: url(../sys_images/fb_icon_hover.png);background-color: #f09600;}
#member_login{
  display: block;
  width: 77px;
  text-align: center;
  height: 35px;
  text-decoration: none;
  font-size: 13px;
  float: right;
  color: #000;
}
#member_login ul.ml {
  width: 75px;
  height: 35px;
  margin-top: 0;
  top: 0;
  padding-left: 0;
}
#member_login ul.ml li.mainnav {list-style: none;width: 75px;height: 35px;}
.mainnav2 ul li a{background:none;}
.mainnav2 ul li a:hover{background:none !important;}
.ml {list-style: none;padding: 0;margin: 0;height: 35px;margin-top:1px;}
.ml li {float:right;position: relative;}
.ml li a {color: #000;text-decoration: none;font-size: 13px;text-align: center;letter-spacing: 2px;display: block;line-height: 30px;height: 35px;float:left;width:100%;}
.no-touch .ml li:hover > a {color: #fff;}
.ml li a.active {position: relative;color: #fff;border: 0;}
.mb_icon{display: none;float: right;}

@-webkit-keyframes moveFromTop { 
  from {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromLeft { 
  from {
    opacity: 0;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromRight { 
  from {
    opacity: 0;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.ml li ul,
.ml li ul li ul {
  position: absolute;
  height: auto;
  min-width: 116px;
  padding: 0;
  margin: 0;
  background: #FFF;
  border: 5px solid #e4e4e4;
  margin-left:-75px;
  opacity: 0;
  visibility: hidden;
  top: 80px;
  z-index: 1000;
}

.no-touch .ml li ul,
.no-touch .ml li ul li ul {
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.no-touch .ml li:hover > ul,.no-touch  .ml li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 33px;
  z-index:10001;
  background:white;
}

.ml li ul li {float: none;list-style: none;}
.ml li ul li a {
  text-align:center;
  padding-right:0px;
  border: 0;
  border-bottom: 1px solid #EEE;
  height: 38px;
  font-size: 15px;
  font-weight:bold;
  line-height: 30px;
  width:100%;
  line-height: 38px;
}
.no-touch .ml li ul li a:hover {color: #FFF;background-color: #666;width:100%;}
.ml li.float { float: right }

/* touching */
/* .mcd-menu2 .mainnav-touching ul li a{padding-bottom:20px;color:#fff;} */
.ml .mainnav-touching > a {color: #fff;background-color: #f09600;}
.ml .mainnav-touching > ul, .ml li ul .mainnav-touching > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 50px;
  z-index:10001;
  background:white;
}

.mcd-menu .mainnav-touching > a {color: #fff;background-color: #1ea2c3;}
.mcd-menu li ul .mainnav-touching > ul {top: 0px;left: 200px;}
.mcd-menu .mainnav-touching > ul,.mcd-menu li ul .mainnav-touching > ul {display: block;opacity: 1;visibility: visible;top: 75px;}
/* .mcd-menu2 .mainnav-touching > a ,.mcd-menu2 .mainnav-touching > a span,.mcd-menu .mainnav-touching > a ,.mcd-menu .mainnav-touching > a span{color: #fff;background-color: #1ea2c3;}
.mcd-menu2 .mainnav-touching > ul,.mcd-menu2 li ul .mainnav-touching > ul {opacity: 1;visibility: visible;top: 75px;}
.mcd-menu2 li ul .mainnav-touching > ul {top: 0px;left: 200px;}
.mcd-menu2 .mainnav-touching > a, .mainnav-touching > a span{background-color:#26747a !important;}

ul.mcd-menu2 > li > ul::before {
  content: '';
  display: block;
  width: 11px;
  height: 7px;
  margin-bottom: -1px;
  margin-left: 20px;
  background: url('../images/_img/triangle.png') center no-repeat;
} */


.link{position:relative;}
/* .link ul li{position:absolute;list-style:none;} */
.link {
  width: 250px;
  text-align: right;
}
.link > ul {
  margin-bottom: 0;
  padding: 0 90px 0 0;
  position: relative;
  font-size: 0;
}
.link > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.link > ul > li.search {
  width: 40px;
  position: absolute;
  right: 50px;
  top: 2px;
  left: auto !important;
}
.related{width:23%;}

li.yt_link,li.fb_link,li.twitter,li.line_link,li.rss_link,li.mail_link,
li.yt_link:hover,li.fb_link:hover,li.twitter:hover,li.line_link:hover,li.rss_link:hover,li.mail_link:hover
{background-repeat:no-repeat;z-index:1;width:35px;height:35px;cursor:pointer;}

li.yt_link,li.fb_link,li.twitter,li.line_link,li.rss_link,li.mail_link{background:url("../images/_img/top_icon_nohover.png?v=20191128");}
li.yt_link:hover,li.fb_link:hover,li.twitter:hover,li.line_link:hover,li.rss_link:hover,li.mail_link:hover{background:url("../images/_img/top_icon_hover.png?v=20191128");}

.link > ul > li.notify_link {
  display: none;
}
.notify_link {
  display: none;
  width: 33px;
  height: 33px;
  margin-right:2px;
  position: relative;
  background: #777 url("../images/_img/icon-bell.png") left 45% top 45% no-repeat;
  background-size: 20px;
  border: 2px solid #777;
  border-radius: 50%;
  cursor: pointer;
}
.notify_link a {
  display: block;
  width: 100%;
  height: 100%;
}
.notify_link .number {
  display: none;
  font-size: 12px;
  background-color: #ff5c1a;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  top: -5px;
  right: -5px;
}
.notify_link.w-auto {
  margin-right: 10px;
}
.notify_link.w-auto .number {
  width: auto;
  padding: 0 3px;
  right: -10px;
}
li.notify_link:hover {
  background-image: url("../images/_img/icon-bell2.png");
  background-color: #fff;
}

@media (max-width: 1199px) {
  li.notify_link {
    margin-top: 2px;
  }
}

li.yt_link,li.yt_link:hover{background-position-x:-1px;}
li.fb_link,li.fb_link:hover{background-position-x:-37px;}
li.twitter,li.twitter:hover{background-position-x:-71px;}
li.line_link,li.line_link:hover{background-position-x:-105px;}
li.rss_link,li.rss_link:hover{background-position-x:-140px;}
li.mail_link,li.mail_link:hover{background-position-x:-174px;}

/* li.search{left:-140px;} */
li.member_login{
  position: absolute;
  right: 0;
  top: 0;
}
li.yt_link a,li.fb_link a,li.twitter a,li.line_link a,li.rss_link a,li.mail_link a{width:100%;height:100%;display:block;}

button[disabled], .btn[disabled] {
  color: #888 !important;
}

@media (max-width: 767px) {
  .loginArea.announcement {
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
  }
}
.loginArea .btn {
  display: block;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
  padding: 0;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s, color 0.5s;
}
.loginArea .btn .icon,
.loginArea .btn span {
  display: inline-block;
  vertical-align: middle;
}
.loginArea .btn .icon {
  width: 20px;
  height: 30px;
  margin-right: 5px;
  background: center no-repeat;
}
.loginArea .btn-fb {
  background-color:#42659d;
}
.loginArea .btn-fb .icon {
  background-image: url("../images/fb_icon_hover.png");
}
.loginArea .btn-fb:hover{
  background-color:#4072c3;
}
.loginArea .btn-qpp {
  background-color:#141c3e;
}
.loginArea .btn-qpp .icon {
  background-image: url("../images/_img/logo-qpp.png");
  background-size: contain;
}
.loginArea .btn-qpp:hover{
  background-color:#233270;
}
.loginArea .btn-visit {
  margin-bottom: 0;
  background-color:#fff;
  border: 1px solid #a2a2a2;
  color: #252525;
}
.loginArea .btn-visit:hover {
  border-color: #ff5c1a;
  color: #ff5c1a;
}
.loginArea .temporary {
  display: table;
  margin-top: 10px;
  background-color: #9e2f50;
}

.loginArea .temporary:hover{
  background-color: #eb6100;
}

.main_content .fb_login {
  padding-bottom: 50px;
}
.main_content .fb_login:after {
  content: '';
  display: block;
  clear: both;
}
.main_content .fb_login .left_column {
  float: left;
  width: 285px;
}
.main_content .fb_login .right_column {
  float: left;
  width: -moz-calc(100% - 285px);
  width: -webkit-calc(100% - 285px);
  width: calc(100% - 285px);
  padding-left: 20px;
}

@media (min-width: 768px) {
  .member_signin .main_content .fb_login .left_column {
    width: 230px;
  }
  .member_signin .main_content .fb_login .right_column {
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
  }
}

@media (max-width: 991px) {
  .main_content .fb_login .left_column,
  .main_content .fb_login .right_column {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .main_content .fb_login {
    padding-bottom: 0;
  }
  .main_content .fb_login .left_column,
  .main_content .fb_login .right_column {
    width: 100%;
  }
  .main_content .fb_login .right_column {
    padding-left: 0;
  }
  .main_content .fb_login .left_column.mb-hide {
    display: none;
  }
}

.member_form .form-group:after {
  content: '';
  display: block;
  clear: both;
}
.member_form .form-group label {
  float: left;
  width: 90px;
  text-align: left;
}
.member_form .form-group .right {
  float: left;
  width: -moz-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
}
/* 會員登入 */
.signin_form .form-group label {
  width: 55px;
}
.signin_form .form-group .right {
  width: -moz-calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: calc(100% - 55px);
}

.member_form .wrap-group label,
.member_form .wrap-group .right {
  float: none;
  width: 100%;
}

.member_form .forget-pwd {
  display: inline-block;
  margin-top: 10px;
  color: #3ca2c3;
  cursor: pointer;
}
.member_form .forget-pwd:hover {
  text-decoration: underline;
}
.member_form .eye_input {
  position: relative;
}
.member_form .eye_input .form-control {
  padding-right: 50px;
}
.member_form .eye_input input[type="password"]::-ms-reveal,
.member_form .eye_input input[type="password"]::-ms-clear {
  display: none;
}
.member_form .eye_input .icon-eye {
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: url("../images/icon-eye2.png") center no-repeat;
  font-size: 0;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.5s;
}
.member_form .eye_input .icon-eye:hover {
  opacity: 1;
}
.member_form .eye_input .icon-eye.is-active {
  background-image: url("../images/icon-eye.png");
}
.member_form .select_phone:after {
  content: '';
  display: block;
  clear: both;
}
.member_form .select_phone select {
  float: left;
  width: 110px;
  padding: 0 0 0 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.member_form .select_phone input {
  float: left;
  width: -moz-calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (max-width: 767px) {
  .mobile_login {
    background-color: #fff !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
}

/* lightbox 綁定手機 */
.member-bind {
  text-align: center !important;
}
.member-bind .step_line {
  margin-bottom: 20px;
  font-size: 0;
  text-align: center;
}
.member-bind .step_line li {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  margin: 0 20px;
  position: relative;
  line-height: 35px;
  border-radius: 50%;
  background-color: #888;
  color: #fff;
  font-size: 20px;
}
.member-bind .step_line li:before {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -0.5px;
  background-color: #888;
}
.member-bind .step_line li.active {
  background-color: #000;
}
.member-bind .step_line li.active:before {
  background-color: #000;
}
.member-bind .step_line li:first-of-type:before {
  content: normal;
}
.member-bind .bind_step,
.member-bind .notice-content {
  display: none;
}

/*MB*/
/* #header{display:block;height:120px !important;} */
.mb_logout{text-align:center;background:#fff;padding:10px;}
.mb_t_logout{background:#c94a27;display:block;padding:10px;color:#fff;font-size:18px;}
.mn_member_login{display: block;padding: 10px 0;background: #c94a27;text-align:center;color:#fff;}

.transform {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}

.transform-active {width: 100% !important;}
.navbg{visibility:hidden;height: 30px;width: 100%;margin-bottom:0px;border:2px solid #26747a;border-radius:5px;}

.mb_menu {
  width: 100%;
  background-color:#237977;
}
.mb_menu ul.list {
  width: 100%;
  /* height: 45px; */
  padding: 0;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.mb_menu ul.list li {
  display: inline-block;
  position: relative;
}
.mb_menu ul.list li:before {
  content: '';
  display: block;
  width: 1px;
  height: 25px;
  margin-top: -12.5px;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #fff;
}
.mb_menu ul.list li:last-of-type:before {
  content: normal;
}
.mb_menu ul.list li a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  line-height: 25px;
  font-size: 20px;
}

/* touching */
/* ==================================================
   Search Bar
   ================================================== */
.clearfix:before, .clearfix:after { content: " "; display: block; clear: both; }

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon/icomoon.eot');
  src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
  url('../fonts/icomoon/icomoon.woff') format('woff'),
  url('../fonts/icomoon/icomoon.ttf') format('truetype'),
  url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.search {position: absolute;left:-130px;top: 0px;}
.sb-search {
  border-radius:5px;
  position: relative;
  margin-top: 0px;
  width: 0%;
  min-width: 38px;
  height: 35px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

/* .sb-search-input {
  color:#000;
  position:relative;
  top: 4px;
  right: -3px;
  border-left:none;
  border-right:none;
  border-bottom:none;
  border-top:none;
  border-radius:5px;
  margin-top:2px;
  margin-right:10px;
  outline: none;
  background: #fff;
  width: 350px;
  height:30px;
  margin: 0;
  z-index: 10;
  font-size: 15px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  opacity: 0;
} */
.sb-search-input {
  display: none;
  width: 100%;
  padding: 15px 0 10px 0;
  background-color: #f2f2f2;
}
@media (max-width:767px) {
  .sb-search-input {
    display: none !important;
  }
}
.sb-search-input .container {
  padding-right: 60px;
  position: relative;
}
.sb-search-input .search-close {
  width: 35px;
  height: 35px;
  margin-top: -19.5px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url("../images/btn_closed.png") center no-repeat;
  cursor: pointer;
  transition: transform 0.5s;
}
.sb-search-input .search-close:hover {
  transform: rotate(360deg);
}
.sb-search-input #___gcse_2 {
  height: auto !important;
}
.sb-search-input form.gsc-search-box {
  margin-bottom: 0;
}
.sb-search-input .gsc-search-button-v2 {
  width: 35px;
  margin-top: -2px;
  padding: 10px;
  background-color: #c94632;
  border: none;
  border-radius: 5px;
  transition: background-color 0.5s;
}
.sb-search-input .gsc-search-button-v2:hover,
.sb-search-input .gsc-search-button-v2:focus {
  background-color: #eb6100;
}
.sb-search-input .gsib_a {
  padding-top: 5px;
  padding-bottom: 6px;
}
.sb-search-input table.gsc-search-box td {
  vertical-align: middle;
}
/* .transform-active .sb-search-input {
  opacity: 1;
} */

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #9e2f50 !important;
}
.gsc-control-cse,
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
  font-family: Helvetica, Arial, 'LiHei Pro', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif !important;
}

/* .sb-icon-search, .sb-search-submit{width:auto !important;height:auto !important;line-height:0 !important;} */
.sb-search-input::-webkit-input-placeholder {color:#000;}
.sb-search-input:-moz-placeholder {color:#000;}
.sb-search-input::-moz-placeholder {color:#000;}
.sb-search-input:-ms-input-placeholder {color:#000;}
/* .sb-icon-search,.sb-search-submit  {
  width: 50px;
  height: 49px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 49px;
  text-align: center;
  cursor: pointer;
} */

.sb-search-submit {
  background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.sb-icon-search {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  background: url("../images/_img/search.png?v=2") center no-repeat;
  cursor: pointer;
}
.sb-icon-search:hover, .sb-icon-search.is-active {
  background-image: url("../images/_img/search_hover.png?v=2");
}

/*手機版*/

#mb-sb-search{border-radius: 0px; }
.mb-search {position: absolute;right:65px;top: 15px; list-style: none; z-index: -1;}
.mb-search-click {z-index:1;display:block;}
.mb-sb-search {
  border-radius:5px;
  position: relative;
  margin-top: 0px;
  width: 0%;
  min-width: 38px;
  height: 35px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

.mb-sb-search-input {
  color:#000;
  position:relative;
  top: 2px;
  right: -3px;
  border-left:none;
  border-right:none;
  border-bottom:none;
  border-top:none;
  border-radius:5px;
  margin-top:2px;
  margin-right:10px;
  outline: none;
  background: #fff;
  width: 280px;
  height:30px;
  margin: 0;
  z-index: 10;
  font-size: 15px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  opacity: 0;
}
.transform-active .mb-sb-search-input {
  opacity: 1;
}

/* 手機版 搜尋框 */
.mb-search-btn {
  width: 35px;
  height: 33px;
  margin-top: -16.5px;
  position: absolute;
  right: 65px;
  top: 50%;
  background: url("../images/_img/search.png?v=2") center no-repeat;
  border: none;
  outline: none;
}
.mb-search-btn.is-active {
  background-image: url("../images/_img/search_hover.png?v=2");
}
.search-bar {
  width: 100%;
  padding: 10px 15px 5px 15px;
  background-color: #f2f2f2;
}
.m-search-bar {
  display: none;
  position: absolute;
  left: 0;
  top: 109px;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.search-bar .gsc-search-button .gsc-search-button-v2 {
  width: 38px;
  margin: 0;
  padding: 10px;
  background-color: #9f3051;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
}
.search-bar .form.gsc-search-box {
  margin: 0;
}
.search-bar .gsst_a .gscb_a {
  position: absolute;
  right: 8px;
  top: 0;
}
.search-bar .gsc-input-box {
  margin-top: 1px;
  padding-top: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.search-bar table td {
  vertical-align: middle !important;
}
.search-bar .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0;
}
.navbar-nav .search-bar {
  background-color: #9f3051;
}
.navbar-nav .search-bar .gsc-search-button .gsc-search-button-v2 {
  background-color: #333;
}
.navbar-nav .search-bar .gsc-input-box {
  padding: 0;
}

/* .mb-sb-icon-search, .mb-sb-search-submit{width:auto !important;height:auto !important;line-height:0 !important;} */
.mb-sb-search-input::-webkit-input-placeholder {color:#000;}
.mb-sb-search-input:-moz-placeholder {color:#000;}
.mb-sb-search-input::-moz-placeholder {color:#000;}
.mb-sb-search-input:-ms-input-placeholder {color:#000;}
/* .mb-sb-icon-search,.mb-sb-search-submit  {
  width: 50px;
  height: 49px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 49px;
  text-align: center;
  cursor: pointer;
} */

.mb-sb-search-submit {
  background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.mb-sb-icon-search {
  display: block;
  width: 35px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  background: url("../images/_img/search.png?v=2") center no-repeat;
}
.mb-sb-icon-search:hover {
  background-image: url("../images/_img/search_hover.png?v=2");
}

 /* Open state */
.sb-search.sb-search-open,.no-js .sb-search {width: 100%;}
/* .sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background: #f09600;color: #fff;z-index: 11;} */
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{margin-right:5px;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0px;padding-left:7px;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{border-radius:5px;margin-top:3px;}

@-moz-document url-prefix() {
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
    margin-top:-3px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
    margin-top:-3px;
  }
}

/* 手機版通知 */
.mb-notify-btn {
  margin-top: -16.5px;
  background-color: transparent;
  background-image: url("../images/_img/icon-bell3.png");
  background-size: 30px;
  border-radius: 0;
  border: none;
  position: absolute;
  right: 105px;
  top: 50%;
}
.mb-notify-btn .number {
  top: 0;
  right: 0;
}

table#gs_id50{margin-top:-3px;}


/* ==================================================
   Navigation Type1
   ================================================== */
#nav {width: 700px;height: 75px;margin: 0;top: 0;}
#nav ul.mcd-menu {width: 720px;height: 75px;margin-top: 0;top: 0;padding-left: 0;}
#nav ul.mcd-menu li.mainnav {list-style: none;width: 179px;height: 75px;border-right: 1px solid #e5e5e5;float: left;}
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  height: 100px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.mcd-menu li {float: left;position: relative;}
.mcd-menu li a {
  color: #000;
  text-decoration: none;
  font-size: 17px;
  text-align: center;
  letter-spacing: 2px;
  display: block;
  line-height: 20px;
  padding: 10px;
  height: 55px;
}
.mcd-menu li a i {display: block;font-size: 30px;margin-bottom: 10px;}
.mcd-menu li a small {display: block;font-size: 9px;color: #3d3d3d;}
.no-touch .mcd-menu li:hover > a {color: #fff;background-color: #1ea2c3;}
.mcd-menu li a.active {
  position: relative;
  color: #fff;
  background-color: #1ea2c3;
  border: 0;
  border-top: 4px solid #e4e4e4;
  border-bottom: 4px solid #e4e4e4;
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45%;
  border-top: 5px solid #e4e4e4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
@-webkit-keyframes moveFromTop { 
  from {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromLeft { 
  from {
    opacity: 0;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromRight { 
  from {
    opacity: 0;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.mcd-menu li ul,.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 169px;
  padding: 0;
  margin: 0;
  background: #FFF;
  border: 5px solid #e4e4e4;
  opacity: 0;
  visibility: hidden;
  top: 100px;
  z-index: 1000;
}

.no-touch .mcd-menu li ul,.no-touch .mcd-menu li ul li ul {
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

.no-touch .mcd-menu li:hover > ul,.no-touch .mcd-menu li ul li:hover > ul {display: block;opacity: 1;visibility: visible;top: 75px;}
.mcd-menu li ul li {float: none;list-style: none;}
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  height: 20px;
  text-align: center;
  padding-right: 20px;
  font-size: 15px;
}
.no-touch .mcd-menu li ul li a:hover {color: #FFF;background-color: #666;}
.mcd-menu li ul li a i {font-size: 16px;display: inline-block;margin: 0 10px 0 0;}
.mcd-menu li ul li ul {left: 230px;top: 0;border: 0;}
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -15px;
  border-right: 5px solid #e4e4e4;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.no-touch .mcd-menu li ul li:hover > ul {top: 0px;left: 200px;}
.mcd-menu li.float { float: right;}
.mcd-menu li a.search { padding: 29px 20px 30px 10px }
.mcd-menu li a.search i {margin: 0;display: inline-block;font-size: 18px;}
.mcd-menu li a.search input {border: 1px solid #EEE;padding: 10px;background: #FFF;outline: none;color: #777;}
.mcd-menu li a.search button {border: 1px solid #e4e4e4;padding: 10px;background: #e4e4e4;outline: none;color: #FFF;margin-left: -4px;}
.mcd-menu li a.search input:focus { border: 1px solid #e4e4e4 }

/* ==================================================
   Navigation Type2
   ================================================== */
/* #nav2 {margin: 0;top: 0;} */
/* #nav2 ul.mcd-menu2 {width:auto;height:40px;margin-top: 0;top: 0;padding-left: 0;} */
/* #nav2 ul.mcd-menu2 li.mainnav2 {
  list-style: none;
  width:auto !important;
  height:35px;
  border-radius:5px;
  float: left;
  margin-left:5px;
  font-weight:500;
}

#nav2 ul.mcd-menu2 li.mainnav2.active > a {
  color: #26747a;
}

#nav2 ul.mcd-menu2 li.mainnav2.active > ul{
  opacity: 1;
  visibility: visible;
} */

/* .mcd-menu2 {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
} */

/* .mcd-menu2 li {float: left;position: relative;}
.mcd-menu2 li a {
  color: #26747a;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  line-height: 20px;
  padding:7px;
  border-radius:5px;
  background:#fff;
  border:2px solid #26747a;
}
.mcd-menu2 li a i {display: block;font-size: 30px;margin-bottom: 10px;} */
.entitle {font-size: 9px;color: #26747a;font-weight: normal;}
/* .mcd-menu2 li.active > a , .mcd-menu2 li.active > a span{color: #1ea2c3;background-color: #fff;}
.mcd-menu2 li a.active {
  position: relative;
  color: #fff;
  background-color: #1ea2c3;
  border: 0;
  border-top: 4px solid #e4e4e4;
  border-bottom: 4px solid #e4e4e4;
}
.mcd-menu2 li a.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45%;
  border-top: 5px solid #e4e4e4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.mcd-menu2 li ul,
.mcd-menu2 li ul li ul {
  position: absolute;
  height: auto;
  padding: 0;
  margin: 0;
  opacity: 1;
  visibility: hidden;
  top:30px !important;
  z-index: 1000;
  display:-webkit-inline-box !important;
  display:-webkit-box;
  left:-12px;
} */

/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
  .mcd-menu2 li ul,.mcd-menu2 li ul li ul {top:35px !important;}
}

@-moz-document url-prefix() { 
  .mcd-menu2 li ul,.mcd-menu2 li ul li ul {top:30px !important;}
}   */

/* .no-touch .mcd-menu2 li ul,
.no-touch .mcd-menu2 li ul li ul {
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
} */

/* .mcd-menu2 li ul li {
  width: 65px;
  float:left;
  list-style: none;
  border-right:1px solid #2e8d94;
  border-left: 1px solid #2e8d94;
  font-weight:300;
}

.mcd-menu2 li ul li a {
  text-align: left;
  border: 0;
  height: 25px;
  text-align: center;
  font-size: 15px;
  line-height:8px;
  font-weight:300;
}
.mcd-menu2 li a{line-height:15px;}
.no-touch .mcd-menu2 li ul li a{color:#26747a;}
.no-touch .mcd-menu2 li ul li a:hover {color:#84ccc9;}
.mcd-menu2 li ul li a i {font-size: 16px;display: inline-block;margin: 0px 8px 0px -7px;}
.mcd-menu2 li ul li ul {left: 230px;top: 0;border: 0;}
.mcd-menu2 li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -15px;
  border-right: 5px solid #e4e4e4;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.no-touch .mcd-menu2 li ul li:hover > ul {top: 0px;left: 200px;}
.mcd-menu2 li.float { float: right; }
.mcd-menu2 li a.search { padding: 29px 20px 30px 10px }
.mcd-menu2 li a.search i {margin: 0;display: inline-block;font-size: 18px;}
.mcd-menu2 li a.search input {border: 1px solid #EEE;padding: 10px;background: #FFF;outline: none;color: #777;}
.mcd-menu2 li a.search button {
  border: 1px solid #e4e4e4;
  padding: 10px;
  background: #e4e4e4;
  outline: none;
  color: #FFF;
  margin-left: -4px;
}
.mcd-menu2 li a.search input:focus { border: 1px solid #e4e4e4 } */
.mainnav2 .w-1{width:640px;width:690px\9;}
.w-1 > *:first-child+*{border-left:1px solid #2e8d94;}
.mainnav2 .w-2{width:50vw;width:200px\9;}
.w-2 > *:first-child+*{border-left:1px solid #2e8d94;}
.mainnav2 .w-3{width:50vw;width:200px\9;}
.w-3> *:first-child+*{border-left:1px solid #2e8d94;}
.mainnav2 .w-4{width:40vw;width:100px\9;}
.w-4> *:first-child+*{border-left:1px solid #2e8d94;}
.mainnav2 >ul li{border-top:1px solid #26747a;border-bottom:1px solid #26747a;}
.mainnav2 >ul li:nth-child(2){border-left:1px solid #26747a;}
.mainnav2 >ul li:last-child{border-right:1px solid #26747a;}
.w-1 .row1, .w-1 .row2 {width: calc(100% / 11);}
.w-1 .clear {clear: both; float: left;}

.hotline_title a {
  display: block;
  height: 75px;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding-top: 30px;
}
.hotline_title a:hover { color: #1ea2c3 }
.ad_left{margin:0 auto;}
#ad-ad_key_cat_news_5_content_block_1,#ad-ad_key_cat_news_5_content_block_2,
#ad-ad_key_cat_news_1_content_block_1,#ad-ad_key_cat_news_1_content_block_2{width:300px;margin:0 auto;}
#ad-ad_key_home_right_1,#ad-ad_key_home_right_2{width:300px;}
#ad-ad_key_home_right_2{width:300px;}
#div-gpt-ad-1473524520822-0{position:relative;margin:0 auto;left:0 !important;}
.ad_top {margin: 30px auto;}
.ad_top .ad-container{width: 100% !important;text-align: center;}
.ad_top .ad-container >div{min-width: 100% !important;}

/* ==================================================
  AD 728*90
  ================================================== */
.ad_728x90 {width: 960px !important;height: 90px !important;border: 1px solid #e4e4e4;margin: 0 auto;text-align: center;}
.ad_728x90 img { margin: 0 auto }
/* ==================================================
  AD 600*120
  ================================================== */
.ad_600x120 {margin: 0 auto;text-align: center;float: left;}
.ad_600x120 img { margin: 0 auto }
/* ==================================================
  AD 300*250
  ================================================== */
.ad_300x250 {margin: 0 auto;text-align: center;margin-bottom: 20px;width:300px;}
.ad_300x250 img { margin: 0 auto }

@media (max-width: 767px) {
  .ad_300x250, 
  .ad2_left > div,
  .ad_right3 > div {
    margin: 20px auto !important;
  }
  .ad_right3:before {
    content: '';
    display: block;
    clear: both;
  }
}

/* ==================================================
  Main Content
  ================================================== */
.right-column-border{border-right: 1px solid #ccc;}
.one-column .left_column{width:100%;}
.faq_ptitle{color:#9c3050;}

/*==================================================
  關於我們
  ==================================================*/ 
.one-column{margin-bottom:30px;}
.one-column p{line-height:30px;letter-spacing:1px;}
.one-column .logo{text-align:center;padding-top:10px;padding-bottom:40px;}
.one-column .container{padding-left:20px;padding-right:20px;width:100%;}

@media (max-width: 767px) {
  .one-column{margin-bottom:0;}
}

/*==================================================
  隱私權聲明
  ==================================================*/
.one-column .contact_cont_area{font-size: 20px;}

/* ==================================================
   隱私權政策
   ================================================== */
.button_journalist {
  display: table;
  margin: auto;
  min-width: 200px;
  padding: 10px 15px;
  background-color: #006a7c;
  color: #fff !important;
  font-size: 18px;
  text-align: center;
  line-height: normal;
  border-radius: 5px;
  transition: background-color .3s;
}
.button_journalist:hover {
  background-color: #ff5c1a;
}

.main_content .policy h3{color:#a13253;font-weight:bold;}
.main_content .policy .content{margin-bottom:30px;}
.main_content .policy{ text-align:left; padding-bottom:15px;font-size:14px; letter-spacing:1px auto;line-height:26px;}

#login{border-top: none; padding-bottom:100px; width:100%;max-width:615px; padding-left:10px; margin:0 auto;background:#f2f2f2;max-width:610px;}
#login label{cursor:pointer;}
#login .button .btn{ font-size:20px; letter-spacing:6px; background:#47597d;color:#fff; border:1px solid #999; border-radius:5px; padding:8px 35px;width:45%;float:left;margin-right:6%;height:55px;}
#login .button .btn:hover{
background:#fff;
font-weight:bold;
border:2px solid #47597d;
font-size:20px;
letter-spacing:6px;
color:#47597d;
}

#signup{margin-top:0px;padding:0px;}
.signup .form_post table{width:100%;}
.signup .button-register{max-width:400px;margin:0 auto;}
#login .button a{ 
  font-size:20px; 
  background:#fff; 
  color:#000; 
  border:1px solid #999; 
  border-radius:5px; 
  width:45%;
  display:block;
  float:left;
  text-align:center;
  line-height:53px;height:55px;
  letter-spacing:6px;
}
#member_all .button a.active:hover{ color:#fff; background-color:#999;}
#member_all .link {
  text-align: left;
}
#login .button a:hover{ background:#dcdcdc; color:#000;}
#login .button a.active{color:#fff; background-color:#666;}
#login .form_post{ font-size:15px; font-weight:bold; max-width:615px; }
#login .form_post .title{ width:100%; height:36px; border:1px solid #d9d9d9; margin-bottom:30px;}
#login .is_epaper{ margin-left:50px;}

a.blue_link { color:#47597d;}

.lightbox3{ width:760px; height:620px;  background-color:#FFF; margin:0 auto; padding-top:50px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background-image:none;}
.sns_login_box{ width:600px; height:30px; border:1px solid #d9d9d9; padding:15px; }
.button_sns{float:left;width:100%;padding:3.95%;}
.sns_login_box .button_sns a{
  line-height:30px;
  color:#FFF;
  background-color:#39599f;
  display:block;
  width:115px;
  text-align:center;
  font-size:14px;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
}

.sns_login_box .button_sns a:hover{background-color:#888888;}
.sns_login_box .button_sns .twitter {background-color:#45b0e3;}
.sns_login_box .button_sns .google {background-color:#d54b2e;}
.sns_login_box2{height:30px; }
.sns_login_box2 .button_sns a{
  line-height:79px;
  color:#FFF;
  background-color:#39599f;
  display:block;
  width:100%;
  text-align:center;
  font-size:21px;
  float:none;
  border-radius:5px;
  margin-right:5%;
  margin-bottom:15px;
}

.sns_login_box2 >.button_sns img{width:15%;max-width:30px;vertical-align:middle;margin-right:5px;vertical-align:middle; padding-right:3px;}
.sns_login_box2 >.button_sns .google{ padding-right:5px;}
.sns_login_box2 .button_sns .twitter {background-color:#45b0e3;}
.sns_login_box2 .button_sns .google {background-color:#d54b2e;}
.login_left{ float:left; width:410px; border-right:1px solid #d9d9d9; }
.login_left .form_post{ font-size:15px; font-weight:bold; width:300px; padding-top:20px;}
.login_left .form_post .title{ width:280px; height:36px; border:1px solid #d9d9d9; margin-bottom:20px;}
.login_left .button a{ background-color:#1ea2c3; border:1px solid #1ea2c3; color:#FFF; display:block; width:100px; height:30px; text-align:center; line-height:30px; float:left;  margin-top:20px; margin-right:20px;}
.login_left .button a:hover{background-color:#4bb5cf; border:1px solid #4bb5cf; color:#FFF;}
.login_left .button a.login{ background-color:#3d3d3d; border:1px solid #3d3d3d; color:#FFF; width:100px; height:30px; margin-top:20px;}
.login_left .button a.login:hover{background-color:#646464; border:1px solid #646464; color:#FFF;}
.login_right{ float:right; width:160px; margin-left:25px;}
.login_right h3{ padding-top:40px; margin-bottom:0;}
.login_right p{ margin-top:10px;}
.login_right a.join{ background-color:#1ea2c3; text-align:center; line-height:80px; border:1px solid #1ea2c3; border-radius:5px; color:#FFF; margin-top:30px; display:block; width:150px; height:80px;}
.login_right a.join:hover{background-color:#4bb5cf; border:1px solid #4bb5cf; color:#FFF;}
.loginArea{background:#f2f2f2;padding:15px;margin-bottom:15px;}
.loginArea .id{width:50px;vertical-align:middle;white-space: nowrap; text-align:center;padding:15px 0px 15px 0px;}
.loginArea .pasword{width:50px;vertical-align:middle;white-space: nowrap; text-align:center;padding:15px 0px 15px 0px;}
.loginArea .p-style{letter-spacing:1px;line-height:24px;}
.loginArea h4{
margin-top: 0;
color:#9e2f50;
font-weight:bold;
background:url(../images/_img/icon3.png) no-repeat;
background-position-y:25px;
height:35px;
}

.loginArea .m_title{height:50px;width:100%;background-position-y:40px;}
.loginArea .t_l,.t_r{float:left;line-height:40px;font-size:20px;}
.loginArea .m_underline{top:40px;}
.login_left2{margin-bottom:10px;}
.login_left2 hr {margin: 20px 0px 0px 0px;border: 1px solid #d9d9d9;}
.login_left2 .form_post{ font-size:15px; font-weight:bold;padding-bottom:7px;}
.login_left2 .form_post .title{width:100%; height:36px; border:1px solid #d9d9d9;}
.login_left2 .button a{ background-color:#9e2f50; border:1px solid #9e2f50; color:#FFF; display:block;width:100%; height:54px; text-align:center; line-height:54px; float:left;  margin-top:0px;border-radius:5px;}
.login_left2 .button a:hover{background-color:#fff; border:1px solid #9e2f50; color:#9e2f50;border-radius:5px;}
.login_left2 .button a.login{ background-color:#47597d; border:1px solid #47597d; color:#FFF; width:100%;height:54px; margin-top:0px;border-radius:5px;}
.login_left2 .button a.login:hover{background:#fff; border:1px solid #47597d; color:#47597d;border-radius:5px;}
.table1{width:94%;padding: 0;display: table;}
.table1 tr th td{float: initial;}
.login_right2{ float:right; width:610px; border-left:1px solid #d9d9d9; padding-left:25px; margin-top:25px;}
.login_right2 h3{ padding-top:40px; margin-bottom:0;}
.login_right2 p{ margin-top:10px;}
.login_right2 a.join{ background-color:#1ea2c3; text-align:center; line-height:60px; border:1px solid #1ea2c3; border-radius:5px; color:#FFF; margin:40px 0 30px 230px; display:block; width:150px; height:60px;}
.login_right2 a.join:hover{background-color:#4bb5cf; border:1px solid #4bb5cf; color:#FFF;}
.form_nickname{ font-size:15px; font-weight:bold;}
.form_nickname .nickname{ width:100%; height:36px; border:1px solid #d9d9d9;}
.form_nickname .nickname .button{width:200px;margin:0 auto;}

#member_all .form_profile_edit{font-size:15px; font-weight:bold; padding-top:0px;background:#f2f2f2;padding:20px;}
#member_all .form_profile_edit .title{ width:100%; height:35px; border:1px solid #d9d9d9;}
#member_all .form_profile_edit .email{ line-height:50px;background:url(../images/_img/mail_icon2.png) left center no-repeat; padding-left:25px; color:#475a7b; display:block;}
#member_all .form_profile_edit .web{line-height:50px;background:url(../images/_img/earth_icon2.png) left center no-repeat; padding-left:25px; color:#475a7b;display:block;}
#member_all .form_profile_edit .twitter{ line-height:50px;background:url(../images/_img/t_icon2.png) left center no-repeat; padding-left:25px; color:#475a7b; display:block;}
#member_all .form_profile_edit .facebook{ line-height:50px;background:url(../images/_img/fb_icon2.png) left center no-repeat; padding-left:25px; color:#475a7b; display:block;}
#member_all .form_profile_edit .google{ line-height:50px;background:url(../images/_img/google_icon2.png) left center no-repeat; padding-left:25px; color:#475a7b;}
#member_all .member_data{word-break:break-all;}
#member_all .member_data .intro-text{width: 100%; height: 150px; font-size: 15px; line-height: 25px; letter-spacing: 0.5px;  padding: 20px; }
.table1 .member-tr{height:50px;}
.form_profile_edit .link a{ color:#475a7b; display:block;word-wrap:break-word;}
.form_profile_edit .link a:hover{ color:#ff5c1a;}

#member_all .button-info-edit{padding-top:100px;}
#one_sentence_all2{margin:0px 0 10px 0;}
#one_sentence_all2 .one_sentence{
  color:#FFF;
  background-color:#4591b8;
  padding:15px;
  width:480px;
  text-align:left;
  font-weight:bold;
}

#one_sentence_all2 .one_sentence span { font-size:14px;font-weight:normal;}
#one_sentence_all2 .one_sentence_arrow{background:url(../sys_images/flag2.png) no-repeat left bottom;width:12px;height:12px;margin-left:30px;}
.content_title2{padding-top:10px;font-size:22px;font-weight:bold;}
#gold_quote_list {width: 610px;height: auto;border-bottom:1px solid #d9d9d9;padding:20px 0 10px 0;}
#gold_quote_list .text {font-size: 22px;color: #4591b8;font-weight: bold;padding-top: 10px;}
#gold_quote_list span.name {font-size: 15px;color: #4b4b4b;}
#gold_quote_list .source {
  height: 40px;
  width: 610px;
  border: 0px solid #e5e5e5;
  margin: 10px 0;
  font-size: 15px;
  color: #828282;
  font-weight: bold;
  letter-spacing: 1.5px;
  vertical-align: middle;
  line-height: 40px;
  background:url("../sys_images/marquee_dot.gif") no-repeat left center;
  padding-left:20px;
}
#gold_quote_list .source a { color: #828282; padding-left:10px; }
#gold_quote_list .source a:hover { color: #ff5c1a }
#gold_quote_list .source span.g_title {width: 120px;padding: 5px;padding-right:10px;}
#gold_quote_list .source span.g_date {
  float: right;
  color: #828282;
  font-size: 12px;
  padding-right: 10px;
  font-weight: normal;
  letter-spacing: 1px;
}

.debate-view #opinion{clear:both;}
#debate .debate_all .debate_text .debate_text_left1 .button1 a {
  color:#30ac67; border:1px solid #30ac67; padding:3px 30px 4px 30px;float:left; background-color:#fff; font-size:14px;
}

#debate .debate_all .debate_text .debate_text_left1 .button1 a:hover, 
#debate .debate_all .debate_text .debate_text_left1 .debate-type-click a{background-color:#30ac67; color:#FFF;}
#debate .debate_all .debate_text .debate_text_right1 .button1 a {color:#eb6100; border:1px solid #eb6100; padding:3px 30px 4px 30px;float:right; background-color:#fff; font-size:14px;}
#debate .debate_all .debate_text .debate_text_right1 .button1 a:hover, 
#debate .debate_all .debate_text .debate_text_right1 .debate-type-click a{background-color:#eb6100; color:#FFF;}

/* ==================================================
   星期話題清單
   ================================================== */
.broadcast-list{width:100%;}
.broadcast-item {padding-top: 10px;padding-bottom:10px;position: relative;border-bottom:1px solid #f2f2f2;}
@media (max-width: 767px) {
  .broadcast-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.broadcast-item:last-child{border-bottom:none;}
.broadcast-item .content_tag{margin-top:0;}
.broadcast-item .video { position: relative; float:left;padding-left:0px;overflow:hidden;position:relative;
padding-bottom:21.5%;}
.broadcast-item .video iframe {height:220px;}
.bro_text .content_tag{padding:10px 0;}
.broadcast-item .bro_text {padding-right:0px;}
.broadcast-item .bro_text .bro_tag {padding: 10px 0;height: 30px;}
.broadcast-item .content_tag .tag_group1,
.broadcast-item .content_tag .tag_group2{float:left !important;}

.tag_for_category {
  margin-bottom: 0;
}
.tag_for_item a {
  color: #252525;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  font-size: 13px;
  padding:2px 10px;
  border:1px solid #d2d2d2;
  border-radius:5px;
  background:#f2f2f2;
  margin-right:10px;
}
.tag_for_item a:hover { color: #ff5c1a }
.broadcast-item .bro_text .bro_text_main a h1 {word-break:break-all;font-weight:bold;font-size: 23px;color: #252525;margin: 0;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}

.video-list .broadcast-item .bro_text .bro_text_main a h1 {
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  white-space: normal;
}

.broadcast-item .bro_text .bro_text_main a:hover h1 {word-break:break-all; color: #ff5c1a }
.broadcast-item .bro_text .bro_text_main p {
  margin: 0;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #252525;
  word-break:break-all;
}
.broadcast-item .bro_text .news_date {
  clear:both;
  text-align: left;
  color: #828282;
  font-size: 13px;
  padding: 12px 0 5px 0;
  letter-spacing: 1px;
}

.broadcast-item .bro_text .host {
  text-align: left;
  color: #1ea2c3;
  font-size: 14px;
  margin: 15px 0 0 0px;
  letter-spacing: 1px;
  padding-left:20px;
  background:url("../sys_images/icon_host.png") no-repeat left center;
}

.broadcast-item .bro_text .guest {
  text-align: left;
  color: #1ea2c3;
  font-size: 14px;
  margin: 8px 0 0 0px;
  letter-spacing: 1px;
  padding-left:20px;
  background:url("../sys_images/icon_guest.png") no-repeat left center;
}

.video .news_date {
  text-align: left;
  color: #828282;
  font-size: 13px;
  padding:5px 0;
  letter-spacing: 1px;
}

/* ==================================================
   sns分享
   ================================================== */
.sns_share_pro{
  width:488px;
  height:33px;
  padding-left:20px;
  padding:0;
  border:1px solid #c8c8c8;
  margin-top:15px;
  font-weight:bold;
  font-size:15px;
  letter-spacing:1px;
}
.sns_share_pro .sns_title{
  float:left;
  height:23px;
  padding:5px 20px 5px 20px;
  border-right:1px solid #c8c8c8;
}
.sns_share_pro .sns_mail{
  float:left;
  height:23px;
  padding:10px 30px 0 20px;
  margin-left:10px;
  background:url(../sys_images/sns_mail.png) no-repeat left center;
}
.sns_share_pro .sns_fb{ 
  float:left;
  height:23px;
  padding:10px 30px 0 10px;
  background:url(../sys_images/sns_fb.png) no-repeat left center;
}
.sns_share_pro .sns_twitter{
  float:left;
  height:23px;
  padding:10px 30px 0 20px;
  background:url(../sys_images/sns_twitter.png) no-repeat left center;
}
.sns_share_pro .sns_google{
  float:left;
  height:23px;
  padding:10px 30px 0 20px;
  background:url(../sys_images/sns_google.png) no-repeat left center;
}
.sns_share_pro .sns_plurk{
  float:left;
  height:23px;
  padding:10px 20px 0 15px;
  background:url(../sys_images/sns_plurk.png) no-repeat left center;
}
.sns_share_pro .sns_print{
  float:right;
  height:23px;
  border:1px solid #5198bd;
  color:#5198bd;
  margin-top:-1px;
  margin-right:-1px;
  padding:10px 30px 0 40px;
  background:url(../sys_images/sns_print.png) no-repeat left center;
}

.tag_for_category_live{
  color: #FFF;
  background-color: #4591b8;
  padding: 1px 10px;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  font-size: 13px;
}
.tag_for_category_live a{
  color:#FFF;
}

.tag_for_item_live{
  color: #252525;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  font-size: 13px;
  padding-left: 15px;
  margin-left: 20px;
  background: url(../sys_images/tag_dot.gif) no-repeat center left;
}

#citizen_tag{height: auto;text-align:center;padding-bottom:0;}
#citizen_tag .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}
#citizen_tag .hotsearch_all{display:table;margin:0 auto;}
.hotsearch_all .search_item{float:left;}
#citizen_tag .search_item a{
  padding:2px 15px;
  font-size:15px;
  font-weight:bold;
  border:1px solid #ccc;
  float:left;
  margin-right:15px;
  margin-bottom:10px;
  border-radius:5px;
  color:#424966;
}

#citizen_tag .search_item a:hover, #citizen_tag .search_item a.now{
  background-color:#27747a !important;
  color:#FFF;
}

#debate_tag .search_item a:hover, #debate_tag .search_item a.now{
  background-color:#313131 !important;
}
#debate_tag {margin: 0 auto;}

#citizen_tag_content{
  height: auto;
  padding-bottom: 30px;
  text-align:center;
  width:100px;
  position:absolute;
  top:-28px;
  left:100px;
}
#citizen_tag_content .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}

#citizen_tag_content .hotsearch_all{padding:30px 0 20px 0;}
#citizen_tag_content .search_item a{
  padding:2px 15px;
  font-size:15px;
  font-weight:bold;
  border:1px solid #ccc;
  float:left;
  margin-right:15px;
  margin-bottom:10px;
}

#citizen_tag_content .search_item a:hover, #citizen_tag .search_item a.now{color:#FFF;}


/* ============Helen end ===== */

/* ==================================================
   頭條,五則照片輪播
   ================================================== */
.exclusive {width: 100%;padding-top: 20px;}
.exclusive .ex_pic {position: relative;width: 100%;}
.exclusive .ex_pic .watermark {
  position: absolute;
  bottom: 10px;
  left: 14px;
  background-image: url(../sys_images/watermark.png);
  width: 82px;
  height: 20px;
}
.green_tag_all {float:left;margin-bottom:10px;}
.green_tag {
  background-color: #75c42f;
  padding: 6px 13px 10px 13px;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 2px;
}
.green_tag a { color: #FFF }
.green_tag:hover { background-color: #f09600 }
.green_tag_flag {width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 0;border-color: transparent #666 transparent transparent;top:31px;}
.exclusive .ex_text {padding-top: 20px;}
.exclusive .ex_text .ex_text_main,
.exclusive .ex_text .arrow_prev,
.exclusive .ex_text .arrow_next { float: left }
.exclusive .ex_text .arrow_prev,
.exclusive .ex_text .arrow_next {width: 35px;line-height: 80px;}
.exclusive .ex_text .arrow_prev a {display: block;text-indent: -9999px;background: url(../sys_images/arrow_left.png) no-repeat center left;text-align: left;}
.exclusive .ex_text .arrow_prev a:hover { background-image: url(../sys_images/arrow_left_hover.png) }
.exclusive .ex_text .arrow_next a {
  display: block;
  text-indent: -9999px;
  background: url(../sys_images/arrow_right.png) no-repeat center right;
  text-align: left;
}
.exclusive .ex_text .arrow_next a:hover { background-image: url(../sys_images/arrow_right_hover.png) }
.exclusive .ex_text .ex_text_main {padding-left:0px;}
.exclusive .ex_text .ex_text_main a h1 {
  font-size: 23px;
  color: #252525;
  margin: 0;
}
.exclusive .ex_text .ex_text_main a:hover h1 { color: #ff5c1a }
.exclusive .ex_text .ex_text_main p {
  margin: 0;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  padding-top: 10px;
  color: #252525;
}
.ex_text2{
  cursor:pointer;
  position:absolute;
  z-index:100;
  height:23%;
  width:30px;
  max-height:120px;
  opacity: 0.8;
  top:30px;
  margin-top:30%;
  padding-top:6%;
  }

.ex_text3{
  cursor:pointer;
  position:absolute;
  z-index:100;
  height:23%;
  width:30px;
  max-height:120px;
  opacity: 0.8;
  top: 30px;
  margin-top: 30%;
  padding-top: 6%;
  right: 20px;
}
.ex_text2 .arrow_prev{
  width: 24px;
}
.ex_text3 .arrow_next{
  float: right;
  width: 24px;
  position: absolute;
  left: 15px;
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 0px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
.exclusive .ex_text .news_date {
  text-align: left;
  color: #828282;
  font-size: 13px;
  padding: 10px 0 5px 0;
  letter-spacing: 1px;
}

/* ==================================================
   現場直播
   ================================================== */
#broadcast {width: 100%;padding-top: 20px;}
#broadcast .video { position: relative }
#broadcast .video { position: relative ;padding-bottom:60.11%;}
#broadcast .video iframe {width: 100%;}
#broadcast .bro_text {width: 100%;margin-top: 47px;}
#broadcast .bro_text .bro_tag {padding: 10px 0;}
#broadcast .bro_text .bro_text_main a h1 {font-size: 23px;color: #252525;margin: 0;padding:10px 0 5px 0;}
#broadcast .bro_text .bro_text_main a:hover h1 { color: #ff5c1a }
#broadcast .bro_text .bro_text_main p {
  margin: 0;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  padding-top: 10px;
  color: #252525;
}
#broadcast .bro_text .news_date {
  text-align: left;
  color: #828282;
  font-size: 13px;
  padding: 5px 0;
  letter-spacing: 1px;
}
#comic{
  padding-top:30px;
  padding-bottom:30px;
}
.comic_date {
  text-align: left;
  color: #828282;
  font-size: 13px;
  padding: 10px 0;
  letter-spacing: 1px;
}
.comic_pic{
	margin:0 auto;
	border:2px solid #ccc;
	width:625px;
	margin-top:20px;
	margin-bottom:20px;
}
.comic_pic img{
	width:625px;
}

/* ==================================================
   特別報導
   ================================================== */
#special {
  width: 610px;
  height: 700px;
  padding-top: 40px;
  padding-bottom:40px;
}
#special .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}
#special .special_all {height: auto;width: 610px;margin-top: 17px;}
#special .special_all .group1_border {height: 280px;}
#special .special_all .group1_border .group1 {padding-top: 70px;}
#special .special_all .group1_border .group1 .text {width: 300px;float: left;}
#special .special_all .group1_border .group1 .tag {padding-bottom: 8px;height: 30px;}
#special .special_all .group1_border .group1 .news_img {float: left;padding-right: 20px;}
#special .special_all .group1_border .group1 .news_date,
#special .special_all .group2_border .group2 .news_date {
  text-align: left;
  color: #828282;
  font-size: 12px;
  padding-top:5px;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
.news_title,
.news_title2 { padding: 0px 0 7px 0 }


.news_title{
  max-height: 81px;
  line-height:27px;
  text-align: left;
  color: #252525;
  font-size: 18px;
  display: block;
  display: inline;
  font-weight: bold;
  word-break:break-all;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

#category .news_title {
  max-height: 54px;
  -webkit-line-clamp: 2;
}

.news_title3 a {
  text-align: left;
  color: #252525;
  font-size: 18px;
  display: block;
  padding:5px;
}
.news_title_debate{
  text-align: left;
  color: #252525;
  font-size: 18px;
  display: block;
  font-weight: bold;
  padding-bottom:15px;
}
.news_text_debate {
  text-align: left;
  color: #252525;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 25px;
  padding-top:5px;
  margin-bottom:10px;
}
.news_title2 a {
  color: #4591b8;
  text-align: left;
  font-size: 18px;
  display: block;
  display: inline;
  font-weight: bold;
}
.news_title a:hover,.news_title2 a:hover,.news_title3 a:hover { text-decoration:underline; }
.news_text a {
  text-align: left;
  color: #252525;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 25px;
}
#special .special_all .group2_border {width: 610px;margin:0px 0 0px 0;}
#special .special_all .group1_border .group2 .news_img {float: left;margin-top: 25px;padding-right: 20px;}
/* ==================================================
   重點要聞/政治經濟/司法人權/生活消費
   ================================================== */

.left_column .hotline .text .read_more a{color:#27747a;}
.left_column .hotline .text .read_more a:hover{color:#ff5c1a !important;}

.left_column > .title2 {
  margin-top: 15px;
}
.left_column .hotline > .title2 {
  padding: 0 15px;
}

.hotline {height: auto; background-color: #f2f2f2;margin-bottom: 20px;}
.hotline .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}

.hotline .hotline1 {padding:0px 0 15px 0;clear:both;}
.hotline .hotline1 .news_img {position:relative;overflow:hidden;}
.hotline .hotline1 .news_img a{width:100%;border-radius: 5px;}
.hotline .hotline1 .news_img img{position:absolute;width:100%;height:auto;top:0;left:0;height:100%;}
.hotline .hotline1 .text {padding-left:0px;}
.hotline1 .text .news_title a:hover{color:#ff5c1a;text-decoration:blink;}
.hotline .hotline1 .news_date{
  text-align: left;
  color: #828282;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight:normal;
}

.hotline .hotline1 .tag { padding-bottom: 10px }
.hotline .tag_group1{padding:0;}
.hotline .tag_group1 .tag_for_category a{color:#fff; font-size:18px;font-weight:bold;}
.hotline .tag_group1 .tag_for_category a:hover{color:#fff;}
.hotline .title2{padding-top: 10px;padding-left:0px;padding-bottom:5px;}
.hotline .read_more{padding:0;}
.hotline .read_more a:hover{color:#000 !important;}
.hotline a .read_more:hover{color:#000 !important;}
.hotline .news_date{padding:0;}
.hotline .news_text{width:100%;padding-left:0px;padding-right:0px;}

.left_column .hotline > .title2 {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}

@media (max-width:767px) {
  .news_hotline .tag_group1 {
    position: relative;
  }
  .news_hotline .tag_group1 .tag_for_category {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 2;
  }
  .news_hotline .tag_group1 .tag_for_category a {
    padding: 5px 0;
    border-radius: 0;
  }
  .news_view .top_new {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
}

/*mb最新報導*/
.mb_hotline{display: none;}
.hotline .news_tag_group{padding-left: 15px;padding-bottom: 10px;padding-right: 15px;}
.hotline .news_tag_group .tag_for_category a{width: 100%;}
.hotline .n_title2{padding-top: 0px !important;padding-left:0px;padding-bottom:5px;}
@media (max-width: 767px) {
  .mb_hotline {
    /* margin: 0 -15px; */
    padding-top: 15px;
  }
  .news_hotline .news_tag_group {
    padding: 0;
  }
}

/* ==================================================
   熱門議題
   ================================================== */
#hotissue {
  height: auto;
  padding-top: 40px;
}
#hotissue .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom:20px;
}
.blue_tag {
  height: 31px;
  background-color: #eee;
  padding: 6px 13px 10px 13px;
  color: #000;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.blue_tag a { color: #000 }
.blue_tag a:hover{color:#fff;}
.blue_tag:hover { background-color: #f09600 }

#hotissue .green_tag_all{
  padding-bottom:12px;
}
#hotissue .hotline1 .news_img {float: left;padding-right: 20px;}
#hotissue .hotline1 .news_date {
  color: #828282;
  font-size: 12px;
  padding-bottom: 8px;
  letter-spacing: 1px;
}
#hotissue .hotline1 .news_title { padding: 0 0 10px 0 }
#hotissue .hotissue_all {padding-bottom: 20px;}
#hotissue .hotissue_all .hotline1{padding-top:0px;clear:both;}
#hotissue .hotline1 .news_img{padding-left:0px;}
#hotissue .news_stream {
  color: #4591b8;
  font-size: 15px;
  font-weight: bold;
  padding-left:20px;
}
#hotissue .news_stream_left{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  }
#hotissue .news_stream a { color: #4591b8;}
#hotissue .news_stream a:hover { color: #ff5c1a }
#hotissue .news_stream .news_stream_left {
  background: url("../sys_images/marquee_dot.gif") no-repeat;
  padding-left: 20px;
  padding-right:20px;
  margin-top:10px;
}

@media (max-width: 767px) {
  .news_topic .year_list_all {
    border-bottom: 1px solid #f2f2f2;
  }
  .news_topic .topic-news-list {
    margin-bottom: 0 !important;
    padding: 0 15px;
  }
  .news_topic .topic-news-list .news_img {
    padding-right: 0 !important;
  }
  .news_topic .mb-pages-container {
    margin-top: 0;
  }
}

/* ==================================================
   線上辯論
   ================================================== */
#debate {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom:40px;
}
#debate .title {
  border-top: 3px solid #eb6100;
  border-bottom: 1px solid #eb6100;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #eb6100;
}
#debate .debate_all .news_title {
  text-align: left;
  padding-top: 30px;
}
#debate .debate_all .news_text {
  width: 500px;
}
#debate .debate_all .calendar{
  float: right;
  height: 90px;
  border: 1px solid #eb6100;
  /* margin-top: 40px; */
}

#debate .debate_all .calendar .title{
  color: #FFF;
  background-color: #eb6100;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
#debate .debate_all .calendar .date{
  color: #eb6100;
  font-size: 25px;
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
#debate .debate_all .debate_animation {
  padding: 20px 0;
  margin-top: 20px;
  width:65%;
  display:table;
  margin:0 auto;
}
#debate .debate_all .debate_animation .sayyes,
#debate .debate_all .debate_animation .sayno,
#debate .debate_all .debate_animation .sayyes_per,
#debate .debate_all .debate_animation .sayno_per,
#debate .debate_all .debate_animation .bar { float: left }
#debate .debate_all .debate_animation .sayyes {
  width: 60px;
  height: 45px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  line-height: 45px;
  margin-right: 5px;
  background:url(../images/_img/debate_yes.png);
  background-repeat:no-repeat;
}
#debate .debate_all .debate_animation .sayyes_per {
  font-size: 36px;
  font-family: Verdana, Geneva, sans-serif;
  color:#2ab26a;
}
#debate .debate_all .debate_animation .sayno {
  width: 60px;
  height: 45px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  line-height: 45px;
  margin: 0 5px;
  background:url(../images/_img/debate_no.png);
  background-repeat:no-repeat;
}
#debate .debate_all .debate_animation .sayno_per {font-size: 36px;font-family: Verdana, Geneva, sans-serif;color:#eb6100;}

@media (max-width: 360px) {
  #debate .debate_all .debate_animation .sayyes,
  #debate .debate_all .debate_animation .sayno {
    width: 50px;
    line-height: 38px;
    background-size: contain;
  }
  #debate .debate_all .debate_animation .sayyes_per,
  #debate .debate_all .debate_animation .sayno_per {
    font-size: 30px !important;
  }
}

#debate .debate_all .debate_animation .bar {
  width: 30%;
  height: 13px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #eb6100;
  position: relative;
}
#debate .debate_all .debate_animation .bar_yes {
  height: 13px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  background-color:#2ab26a;
  position: absolute;
  top: -15px;
  left: -20px;
}
#debate .debate_all .debate_text img {float: left;padding-right: 10px;padding-bottom: 10px;}
#debate .debate_all .debate_text .debate_text_left .button a {
	color:#666;
	border:1px solid #666;
	padding:7px 22px;
	float:left;
	margin-right:10px;
}
#debate .debate_all .debate_text .debate_text_left .button a:hover{
	color:#FFF;
	background-color:#6ec31e;
	border:1px solid #6ec31e;
}
#debate .debate_all .debate_text .debate_text_right .button a:hover {
	color:#FFF;
	background-color:#eba819;
	border:1px solid #eba819;
}
#debate .debate_all .debate_text .debate_text_right .button a {
	color:#666;
	border:1px solid #666;
	padding:7px 22px;
	float:right;
	margin-left:10px;
}

#debate .debate_all .debate_text  .debate_title{padding-left:0;width:54%;}
#debate .debate_all .debate_text .debate_text_left .debate_title a {color: #6ec31e;font-size: 15px;font-weight: bold;}
#opinion .debate_title a {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  letter-spacing:0.5px;
  padding:30px 0 15px 0;
  display:block;
}
#debate .debate_all .debate_text .debate_text_left .debate_openion {padding-top: 15px;font-size: 15px;line-height: 23px;letter-spacing: 0.5px;}
#debate .debate_all .debate_text .debate_text_left {border-right: 1px dashed black;min-height:300px;}

@media (max-width: 991px) {
  #debate .debate_all .debate_text .debate_text_left {
    min-height: 0;
    margin-bottom: 20px;
    border: none;
  }
  #debate .debate_all .debate_text .debate_text_left,
  #debate .debate_all .debate_text .debate_text_right {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #debate .debate_all .debate_text .debate_text_left {
    min-height: 0;
  }
}

#debate .debate_all .debate_text .debate_text_right .debate_title a {color: #eba819;font-size: 15px;font-weight: bold;}
#debate .debate_all .debate_text .debate_text_right .debate_openion {
  padding-top: 15px;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.5px;
}
#debate .debate_all .textarea1{background:url(../sys_images/dialogue.png) no-repeat;height:11px;margin-left:15%;}
#debate .debate_all .textarea2{
	background-color:#e5e5e5;
	border-radius:5px;
  padding-bottom:12px;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
}

#debate .debate_all .textarea2 textarea{width:100%;font-size: 14px; overflow:hidden; }
#debate .debate_all .textarea2 .button, .lightbox_note .form_email .button{width:200px;margin:0 auto;}
#debate .debate_all .textarea2 .button{width:100px;}
#debate .debate_all .textarea2 .button .button1 a, .lightbox_note .form_email .button .button1 a{
	padding:7px 20px;
	color:#FFF;
	background-color:#333;
	display:block;
	width:100px;
	text-align:center;
	font-size:13px;
	float:left;
	margin-right:20px;
}
#debate .debate_all .textarea2 .button .button1 a:hover, .lightbox_note .form_email .button .button1 a:hover{
	background-color:#535353;
}
#debate .debate_all .textarea2 .button .button2 a, .lightbox_note .form_email .button .button2 a{
	padding:7px 20px;
	color:#FFF;
	background-color:#666;
	display:block;
	width:100px;
	text-align:center;
	font-size:13px;
	float:left;
}
#debate .debate_all .textarea2 .button .button2 a:hover, .lightbox_note .form_email .button .button2 a:hover{background-color:#808080;}

/* ==================================================
   重要公告
   ================================================== */
  /* #notification {width: 100%;height: auto;padding-bottom: 30px;}
  #notification a {color:#c92566;font-size:20px;}
  #notification .title {
    border-top: 3px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
    padding: 5px 0px;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
    color: #3d3d3d;
  }
  #notification .text {
    color: #4591b8;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 25px;
    text-align:center;
  } */
/* ==================================================
   TOP 5
   ================================================== */
.topBox{margin-bottom:3px;}
.top_Area{clear:both;}
.top_img { position: relative;}
.top_img .number { 
  display: block;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #6da8b2;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.top_img img, .top_img a {width:100% !important;height:100%;position:absolute;}
.top_img, .top_text{padding:0;position:relative;padding-bottom:24%;overflow:hidden;margin-bottom:15px;}

/* ==================================================
   特別企劃
   ================================================== */
.project {
  height: auto;
  padding-bottom: 30px;
}
.project .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}
.project .project_all {
  margin-top: 20px;
  border: 1px solid #a2c8db;
}
.project .project_all .project1 {border-bottom: 1px solid #a2c8db;padding: 15px;padding-right:0;}
.project .project_all .project1 .pic {float: left;}
.project .project_all .project1 .content b {color:#145266;}
.project .project_all .project2 img {padding-bottom:10px;}
.project .project_all .project1 a,
.project .project_all .project2 a {color: #4591b8;font-size: 15px;font-weight: bold;letter-spacing: 0.5px;}
.project .project_all .project1 a:hover,
.project .project_all .project2 a:hover { color: #ff5c1a }
.project .project_all .project2 { padding: 15px; }

/* ==================================================
   作者介紹
   ================================================== */
#author_intro {
  width: 300px;
  height: auto;
  padding-bottom: 30px;
}
#author_intro .title {
  border-top: 3px solid #4591b8;
  border-bottom: 1px solid #4591b8;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #4591b8;
}
#author_intro .famous_all{width: 300px;padding: 20px 0 20px 0;}  
#author_intro .famous_all .famous_pic{float: left;padding: 0 20px 15px 0;}
#author_intro .famous_all .famous_pic .mask{width:60px;height:60px;position:absolute;z-index:20;}
#author_intro .famous_all .famous_pic .pic{position:relative;z-index:15;width:60px;height:60px;overflow:hidden;border-radius:60px;}
#author_intro .famous_all .famous_title{padding-top:10px;}
#author_intro .famous_all .famous_title a{font-size:18px;font-weight:bold;}
#author_intro .famous_all .famous_title span{font-size:15px;}
#author_intro .famous_all .famous_text{font-size:14px;line-height:22px;}
#author_intro .info{ font-size:14px; padding:0;}
#author_intro .info .email a{ background:url(../sys_images/repoerter_mail.png) left center no-repeat; padding-left:25px; color:#4591b8; display:block; margin-bottom:10px;}
#author_intro .info .web a{background:url(../sys_images/repoerter_web.png) left center no-repeat; padding-left:25px; color:#4591b8;display:block; margin-bottom:10px;}
#author_intro .info .sns span.twitter a{ background:url(../sys_images/repoerter_twitter.png) left center no-repeat; padding-left:25px; color:#4591b8; margin-right:20px;}
#author_intro .info .sns span.facebook a{ background:url(../sys_images/repoerter_facebook.png) left center no-repeat; padding-left:15px; color:#4591b8;margin-right:20px;}
#author_intro .info .sns span.google a{ background:url(../sys_images/repoerter_google.png) left center no-repeat; padding-left:20px; color:#4591b8;}
#author_intro .info .email a:hover,#author_intro .info .web a:hover,#author_intro .info .sns span.twitter a:hover,#author_intro .info .sns span.facebook a:hover,#author_intro .info .sns span.google a:hover{ color:#ff5c1a;}
#author_intro .article{ width:300px; border-top:1px solid #c8c8c8; margin-top:20px;}
#author_intro .article .article_title{ padding:15px 0; border-bottom:1px dotted #c8c8c8;}
#author_intro .article .article_title .title2{  font-size:15px; color:#252525; font-weight:bold;}
#author_intro .article .article_title .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:5px 0 0 0;}
#author_intro .dummies_all{ width:300px; padding-top:20px; line-height:25px; color:#4591b8; font-size:14px; font-weight:bold;}
#author_intro .dummies_all .left{ width:140px; float:left;}
#author_intro .dummies_all .right{ width:140px; float:right;}
#author_intro .connect .connect_title{ font-size:16px; font-weight:bold; padding-top:20px; line-height:23px;}
#author_intro .connect .person{color: #828282;font-size: 12px;letter-spacing: 1px;font-weight:normal;line-height:20px; padding:10px 0 5px 0;}
#author_intro .connect .person span{color:#294f70;}
#author_intro .connect .content{ font-size:15px; line-height:22px;}
/* ==================================================
   公民連線
   ================================================== */
#citizen {height: auto; /*padding-bottom: 30px;*/}
#citizen .title {
  border-top: 3px solid #3ca2c3;
  border-bottom: 1px solid #3ca2c3;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3ca2c3;
}
#citizen .citizen1{padding: 20px 0 0 0;font-size: 16px;font-weight: bold;}
#citizen .citizen1 img{padding-bottom:10px;}
#citizen .citizen1 span.date{
  color: #828282;
  font-size: 12px;
  line-height:30px;
  letter-spacing: 1px;
  font-weight:normal;
}


#citizen .famous_pic{padding:21px 15px 15px 20px;}
#citizen .famous_content{border-left:none;line-height: 25px;
  font-size: 15px;}
.citizen_tagArea{background:#f2f2f2;padding:15px;}
.suArea{background:#f2f2f2;padding:15px;margin-bottom:30px;}

@media (max-width: 767px) {
  #citizen {
    border-top: none;
  }
}
@media (max-width:540px) {
  #citizen .famous_pic {
    padding: 0 15px;
  }
  #citizen .famous_content {
    margin-top: 5px;
  }
}

/* ==================================================
   網文精選
   ================================================== */
#article {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  background:#f2f2f2;
  float:right;
  margin-bottom:20px;
  padding:10px;
  text-align:left !important;
  font-size:16px;
}
#article .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}
#article .article_block{
  width:100%;
  font-size:15px;
  letter-spacing:0.5px;
  font-weight:bold;
  float:left;
  line-height:20px;
  background:url("../images/_img/icon4.png");
  padding-left:20px;
  background-repeat:no-repeat;
  background-position-y:4px;
 }

.news-list .news-list-item .text .news_title a:hover{
  text-decoration:none;
  color:#c94632;
}

/* ==================================================
   熱門搜尋
   ================================================== */
#hotsearch{
  width: 300px;
  height: auto;
  padding-bottom: 30px;
}
#hotsearch .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}
#hotsearch .hotsearch_all{
  padding:20px 0;
}
#hotsearch .search_item{
  padding:5px;
  font-size:15px;
  font-weight:bold;
  border:1px solid #ccc;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}
/* ==================================================
   Facebook Activity
   ================================================== */
   #tabs_wrapper{width:100%;}
   #tabs_container{border-bottom: 1px solid #666;}
   #tabs {
     list-style: none;
     padding: 5px 0 3px 0;
     margin: 0 0 0 0;
     font:0.9em #333;;
     font-family:微軟正黑體, Verdana, Geneva, sans-serif;	
   }
   #tabs li {display: inline;}
   #tabs li a {
     border-bottom:1px solid #666;
     border-top:1px solid #999;
     border-left:1px solid #999;
     border-right:1px solid #999;
     padding: 4px 32px 3px 33px;
     text-decoration: none;
     height:20px;
     color:#999;
     background-color: #fff;
     outline: none;
     text-decoration:none;
   }
   #tabs li a:hover {
     color: #ff5c1a;
     padding: 4px 32px 3px 33px;
   }
   #tabs li.active a{
     background-color: #fff;
     color:#000;
     padding: 4px 32px 3px 33px;
     border-bottom:1px solid #fff;
     border-top:1px solid #666;
     border-left:1px solid #666;
     border-right:1px solid #666;
   }
   #tabs li a.icon_accept:hover{
     padding-left: 24px;
   }

   #tabs_content_container{
     border: 1px solid #666;
     background-color:#FFF;
     border-top: none;
     width: 100%;
     height:300px;
   }

   #tabs_content_container textarea{
     line-height:18px;
     word-spacing:0.3em;
     font:#000;
     font-size:15px;
   }
   #tabs_content_container p{
     float:left;
   }
   .tab_content{
     display: none;
     background-color:#FFF;
   }
   textarea{ resize:none;}

@media (max-width: 767px) {
  .mb_f_related {
    margin: 20px 0;
  }
}

.mb_f_yt_link,.mb_f_fb_link,.mb_f_twitter,.mb_f_line_link,.mb_f_rss_link,.mb_f_mail_link{background:url("../images/_img/f_mb_icon_b_nohover.png?v=20191128");}
.mb_f_yt_link:hover,.mb_f_fb_link:hover,.mb_f_twitter:hover,.mb_f_line_link:hover,.mb_f_rss_link:hover,.mb_f_mail_link:hover{background:url("../images/_img/f_mb_icon_b_hover.png?v=20191128");}
.mb_f_fb_link,.mb_f_fb_link:hover{background-position-x: -60px;}
.mb_f_twitter,.mb_f_twitter:hover{background-position-x: -120px;}
.mb_f_line_link,.mb_f_line_link:hover{background-position-x: -180px;}
.mb_f_rss_link,.mb_f_rss_link:hover{background-position-x: -240px;}
.mb_f_mail_link,.mb_f_mail_link:hover{background-position-x: -300px;}
.mb_f_yt_link,.mb_f_fb_link,.mb_f_twitter,.mb_f_line_link,.mb_f_rss_link, .mb_f_mail_link,.mb_f_yt_link:hover,.mb_f_fb_link:hover,.mb_f_twitter:hover,.mb_f_line_link:hover,.mb_f_rss_link:hover, .mb_f_mail_link:hover{
cursor: pointer;width:60px;height:70px;background-repeat:no-repeat;}
.mb_f_yt_link a,.mb_f_fb_link a,.mb_f_twitter a,.mb_f_line_link a,.mb_f_rss_link a, .mb_f_mail_link a{display:block;width:100%;height:100%;}

.ad_top .slides a{height:auto;display:block;}

/* ==================================================
   新聞單元頁
   ================================================== */
#news_list_title{
  width: 960px;
  height: 50px;
  margin:0 auto;
}
#news_list_title .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 6px 0px;
  font-size: 20px;
  font-weight:bold;
  margin-top:20px;
  letter-spacing: 2px;
  text-align: center;
}
#hotissue_side {
  width: 300px;
  padding-bottom: 30px;
  position:relative;
}
#hotissue_side .sidetag{
  height:30px;
  padding:10px 0;
}
.side_tag_all {
  position: absolute;
  margin-left: -5px;
  margin-top: 50px;
}
.side_tag {
  height: 15px;
  background-color: #75c42f;
  padding: 6px 13px 10px 13px;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 2px;
}
.side_tag a { color: #FFF }
.side_tag:hover { background-color: #f09600 }
.side_tag_flag {
  height: 5px;
  background: url(../sys_images/flag.png) no-repeat left bottom;
}
.side_tag_blue {
  height: 15px;
  background-color: #4591b8;
  padding: 6px 13px 10px 13px;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 2px;
}
.side_tag_blue a { color: #FFF }
.side_tag_blue:hover { background-color: #f09600 }
#hotissue_side .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #3d3d3d;
}
#hotissue_side .group1{
  padding-top:20px;
  padding-bottom:80px;
}
#hotissue_side .group1 .img{
  float:left;
  width:70px;
  height:70px;
  padding-right:10px;
}
#hotissue_side .group1 .dateandtitle{
  float:left;
  width:220px;
}

#hotissue_side .group1 .dateandtitle .date{
  text-align: left;
  color: #828282;
  font-size: 12px;
  padding-bottom: 8px;
  letter-spacing: 1px;
  font-weight:normal;
}
#hotissue_side .group1 .dateandtitle .issuetitle{
  text-align: left;
  color: #252525;
  font-size: 18px;
  display: block;
  display: inline;
  font-weight: bold;
}
#hotissue_side .group2{
  margin: 20px 0;
  height: 40px;
  color: #4591b8;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  width: 300px;
  height: 50px;
}
#hotissue_side .group2 a { color: #4591b8 }
#hotissue_side .group2 a:hover { color: #ff5c1a }
#debate_side {
  width: 300px;
  height: 180px;
  padding-bottom:20px;
}
#debate_side .title {
  border-top: 3px solid #eba819;
  border-bottom: 1px solid #eba819;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
  color: #eba819;
  margin-bottom:20px;
}
#debate_side .news_title a{
  font-size:17px;
} 
/* ==================================================
   新聞單元頁  頁碼
   ================================================== */
  .pages-container, .ad_mb{
    text-align:center;
    margin-top:20px;
  }
  .pages {
    display:inline-block;
    margin: 1em 0;
    clear: left;
    font-size: 70%;
    padding-bottom:50px;
  }

  .pages a, .pages span {
   color:#5f5f5f;
   display: block;
   float: left;
   padding: 0.2em 0.5em;
   margin-right: 0.5em;
   border: 1px solid #fff;
   background: #fff;
 }

 .pages span.current {
  border: 1px solid #c5c5c5;
  font-weight: bold;
  background: #29767c;
  color: #fff;
  border-radius:5px;
}

.pages a {
  border: 1px solid #c5c5c5;
  text-decoration: none;
  border-radius:5px;
  margin-bottom:10px;
}

.pages a:hover {
  border-color: #29767c;
}

.pages a.nextprev {
  font-weight: bold;
}

.pages .disable {
  color: #666;
  border-radius:5px;
}

.pages .disable {
  border: 1px solid #ddd;
  color: #999;
}

.pages .nextprev-next {
  float: right;
}

/**/
.mb-pages-container{
  text-align:center;
  margin: 20px 0;
  /* display: none; */
}
.mb-pages {
  display:inline-block;
  clear: left;
  font-size: 85%;
}

.mb-pages img {
  display: block;
  height: 42px;
  width: 42px;
  margin: -1px 0 0 -1px;
}

.mb-pages span,
.mb-pages a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  margin-bottom: 10px;
  border: 1px solid #c5c5c5;
  font-weight: bold;
  background: #fff;
  color: #000;
  border-radius:6px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 1.1rem;
  transition: background-color 0.5s;
  overflow: hidden;
}

.mb-pages .current {
  background-color: #29767c;
  border-color: #29767c;
  color: #fff;
}

.mb-pages .disable {
  filter: opacity(30%);
}

.mb-pages a:hover {
  background-color: #eee;
}

@media (max-width: 480px) {
  .mb-pages {
    font-size: 0;
  }
  .mb-pages span,
  .mb-pages a {
    height: 34px;
    width: 34px;
    margin-right: 5px;
    line-height: 34px;
  }
  .mb-pages img {
    height: 36px;
    width: 36px;
  }
}

@media (max-width: 320px) {
  .mb-pages span,
  .mb-pages a {
    height: 30px;
    width: 30px;
    margin-right: 3px;
    line-height: 30px;
  }
  .mb-pages img {
    height: 32px;
    width: 32px;
  }
}


/* ==================================================
   Light Box
   ================================================== */
   .lightbox_bg{ position:relative; width:100%; height:800px; background-color:#000; filter:Alpha(Opacity=80, FinishOpacity=80, Style=2); /* IE */-moz-opacity:0.85; /* Moz + FF */opacity:0.85; /* CSS3 */z-index:1000; box-shadow:1px  1px  5px  #666; padding-top:70px;}
   .lightbox_video{ width:610px; height:auto; padding:30px 0 0 65px;}
   .close{ position:absolute;right:0px;top:-20px;height:30px;padding:30px; margin:0 auto; z-index:1000;}
   .close img{ float:right; width:21px; height:21px;}
   
   .notice-box p{ 
     display:block;  
     margin: 0 0 10px 0; 
     font-size: 15px;
   }
   .notice-box .title2 {
     margin-bottom: 15px;
     font-size: 20px;
     font-weight: bold;
   }
   
   .lightbox .btn_lightbox{ position:absolute; height:30px; width:680px; padding:180px 30px 0px 30px; margin:0 auto;}
   .lightbox .btn_lightbox img{ width:13px; height:24px; padding:30px;}
   .btn_l_prev{ position: absolute; left: 0; float: left;}
   .btn_l_next{ position:absolute; right:0; float:right;}
   .lightbox2{  width:500px; height:350px;  background-color:#FFF; margin:0 auto; padding-top:50px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background-image:none;}
   .lightbox_note{ padding-top:0%;height:auto; font-size:22px; font-weight:bold; }
   .lightbox_note p{ font-size:15px; line-height:25px; font-weight:normal;}

  .notice-box .inner .btn-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 10;
    border-radius: 50%;
    background: #fff url("../sys_images/btn_closed.png?d=123") center no-repeat;
    text-align: center;
    padding-top: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    cursor: pointer;
    transition: background-color 0.5s;
  }
  .notice-box .inner .btn-close:hover {
    background-color: #efefef;
  }

  .lightbox .step_title {
    font-size: 16px;
  }

  /* notice-box */
.notice-box {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
}
.notice-box .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.6);
}
.notice-box .inner {
  width: 90%;
  max-width: 500px;
  margin: 12% auto 0 auto;
  padding: 35px;
  position: relative;
  background-color: #fff;
}

/* ==================================================
   新聞內容頁(左欄)
   ================================================== */
#head_line{
  width: 610px;
  height: 20px;
  display:block;
  border-top: 3px solid #3d3d3d;
}

.exclusive2 {
  width: 610px;
  height: 465px;
  padding-top: 20px;
}
.exclusive2 .ex_pic {
  position: relative;
  width: 610px;
  height: 340px;
}
.exclusive2 .ex_pic .watermark {
  position: absolute;
  top: 305px;
  left: 15px;
  background-image: url("../sys_images/watermark.png");
  width: 82px;
  height: 20px;
}
.exclusive2 .ex_text {
  padding-top: 15px;
  width: 610px;
  height: 200px;
  background-color:#f0f0f0;
}
.exclusive2 .ex_text .ex_text_main,
.exclusive2 .ex_text .arrow_prev,
.exclusive2 .ex_text .arrow_next { float: left }
.exclusive2 .ex_text .arrow_prev,
.exclusive2 .ex_text .arrow_next {
  width: 40px;
  line-height: 80px;
}
.exclusive2 .ex_text .arrow_prev a {
  display: block;
  text-indent: -9999px;
  background: url(../sys_images/arrow_left.png) no-repeat center left;
  text-align: left;
}
.exclusive2 .ex_text .arrow_prev a:hover { background-image: url(../sys_images/arrow_left_hover.png) }
.exclusive2 .ex_text .arrow_next a {
  display: block;
  text-indent: -9999px;
  background: url(../sys_images/arrow_right.png) no-repeat center right;
  text-align: left;
}
.exclusive2 .ex_text .arrow_next a:hover { background-image: url(../sys_images/arrow_right_hover.png) }
.exclusive2 .ex_text .ex_text_main {
  width: 540px;
  height: 90px;
  padding-left:35px;
}
.exclusive2 .ex_text .ex_text_main p {
  margin: 0;
  font-size: 14px;
  font-weight:bold;
  letter-spacing: 0.5px;
  line-height: 20px;
  padding-top: 8px;
  color: #252525;
}
.exclusive2 .ex_text .ex_text_main span{
  font-size: 12px;
}
#bx-pager2{
  float:right;
  padding-right:35px;
}
#bx-pager2 a img {
  padding: 0px;
  border: solid #ccc 2px;
 }

#bx-pager2 a:hover img,
#bx-pager2 a.active img {
  border: solid #589cbf 2px;
}
.content_tag{
  position:relative;
  margin-bottom:8px;
  z-index: 1;
}

.content_tag .tagArea{padding:0;margin-bottom:20px}

.content_subtitle{
  padding-top:10px;
  font-size:16px;
  font-weight:bold;
  color:#4591b8;
}
.content_title{
  font-size:28px;
  font-weight:bold;
  clear:both;
}
.content_reporter{
  padding-top:5px;
  font-size:12px;
  letter-spacing:0.3px;
  color:#666;
}
.content_reporter a{
  color:#006a7c;
  font-weight:bold;
}
.content_reporter a:hover{color:#ff5c1a;  }
.content_date{
  padding-top:5px;
  font-size:12px;
  letter-spacing:0.3px;
  padding-bottom:5px;
  color: #666;
}
.content_view {
  padding: 2px 10px;
  color: #294f70;
}
.content_view img {
  width: 20px;
  padding-bottom: 3px;
}

.news_content{
  padding-top:10px;
  font-size:18px;
  line-height:160%;
  /* overflow:hidden; */
  clear:both;
}

.news_content a{color:green;}
.news_content a:hover{color:orange;animation: 3s linear;}

.news_content #QPPvote {
  width: 100%;
  height: 500px;
  margin-bottom: 30px;
}

@media (min-height: 600px) {
  .news_content #QPPvote {
    height: 80vh;
    min-height: 300px;
  }
}

.fb-like iframe{max-width:inherit !important;}
/* .fb_iframe_widget{float:left!important;position:relative;height:40px!important;} */
#fb_message .warnning {color: #385898;}

.content-font-small{
  min-height:200px;
  padding-top:10px;
  line-height:160%;
}

.content-font-small,.content-font-small * {
  font-size:16px !important;
  line-height:160%;
}
.content-font-large {
  min-height:200px;
  padding-top:10px;
  line-height:160%;
}

.content-font-large,.content-font-large *{
  font-size:26px !important;
  line-height:160%;
}

#page-date{width:240px;margin:20px auto;text-align:center;}

/* .video-container,.video-fb-container,.video-ig-container{padding-bottom:20px;} */
/* .video-container iframe{height: 500px; padding-bottom:20px; margin:0 auto; display: block;} */
.lightbox-handler img {
  max-width: 100%;
}
.blockOverlay, .blockUI {
  z-index: 10050 !important;
  cursor: default !important;
}
.video_blockUI {
  padding-bottom: 56% !important;
  position: relative; }
  .video_blockUI .vd {
    width: 100%;
    height: 104%;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
  }

#related_article{
	font-size:14px;
	line-height:23px;
	color:#1a5c95;
	letter-spacing:1px;
	padding-top:50px;
	font-weight:bold;
}
#report a{ background:url(../sys_images/report.png) no-repeat left center; padding-left:15px; font-size:13px; font-weight:bold; color:#5b9ec0; margin-top:20px; display:block;}
#one_sentence_all{margin:35px 0;}
#one_sentence_all .one_sentence{
	color:#FFF;
	background-color:#4591b8;
	padding:15px;
	width:550px;
	text-align:left;
	margin-left:10px;
}
#one_sentence_all .one_sentence_arrow{
	background:url(../sys_images/flag2.png) no-repeat left bottom;
	width:12px;
	height:12px;
	margin-left:30px;
}
#one_sentence_all .one_sentence_name{
	font-size:15px;
	font-weight:bold;
	color:#039;
  margin-left: 50px;
  padding-left:15px;
  background: url(../sys_images/tag_dot.gif) no-repeat center left;
}
#one_sentence_all .one_sentence_name span{
	font-size:12px;
	color:#666;
	padding-left:10px;
}
#extend{
	width:610px;
	padding:20px 0;
	padding-bottom:60px;
}
#extend .extend_title{
	background:url(../sys_images/extend.png) no-repeat left center;
	padding-left:20px;
	height:16px;
	color:#4591b8;
	font-size:15px;
	letter-spacing:1.5px;
	margin-bottom:20px;
}
#extend .extend_news{
	background:url(../sys_images/tag_dot.gif) no-repeat left center;
	padding-left:20px;
	font-size:15px;
	color:#252525;
	font-weight:bold;
	margin:15px 0 5px 0;
}
#extend .extend_news2{
	float:left;
	width:260px;
	background:url(../sys_images/marquee_dot.gif) no-repeat left top;
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
	color:#252525;
	font-weight:bold;
}
#prevandnext{
	padding:40px 0;
	font-weight:bold;
	color:#4591b8;
	line-height:23px;
}
#prevandnext .prev_arrow{
	float:left;
	width:60px;
}
#prevandnext .prev_arrow .link{
	background:url(../sys_images/prev.jpg) no-repeat left center;
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}
#prevandnext .prev_arrow .link:hover{
	background:url(../sys_images/prev2.jpg) no-repeat left center;
}
#prevandnext .next_arrow .link{
	background:url(../sys_images/next.jpg) no-repeat left center;
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}
#prevandnext .next_arrow .link:hover{
	background:url(../sys_images/next2.jpg) no-repeat left center;
}
#prevandnext .prev_title{
	float:left;
	width:220px;
}

#prevandnext .prev_title .text,#prevandnext .next_title .text{color:#4591b8;}

.newtalk_line_pc{
  text-align:right;
  float:right;
  width:248px;
  position:relative;
  z-index:99;
  margin-right:-10px;
}
.newtalk_line_mobile{
  text-align:right;
  float:right;
  width:50%;
  position:relative;
  z-index:1;
}

@media(max-width:1200px){
  .newtalk_line_mobile{
    text-align:right;
    float:right;
    width:50%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .newtalk_line_mobile{
    text-align:right;
    float:right;
    width:50%;
  }
}

@media(max-width:600px) {
  .news_content .news_img .image-box {height: 70vw;}
}

@media(max-width:560px){
  .newtalk_line_pc{
    text-align:left;
    clear:both;
    width:100%;
    margin-left:0px;
  }
  .newtalk_line_pc img{
    margin-left:11px;
  }
}

@media(max-width:440px){
  .newtalk_line_mobile{
    text-align:left;
    float:none;
    width:100%;
  }
  .newtalk_line_mobile img{
    margin-left:-5px
  }
}

#prevandnext .next_arrow{float:right;width:55px;}
#prevandnext .next_title{
	width:220px;
	text-align:right;
  padding-right:10px;
  float:right;
}
#related_news {height: auto;margin-bottom: 20px;}
#related_news .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}
#related_news .news_stream{
	font-size:13.5px;
	color:#252525;
	font-weight:bold;
}
#related_news .news_stream .left{
	width:290px;
	float:left;
	margin-top:15px;
}
#related_news .news_stream .left a,#related_news .news_stream .right a{
  background:url(../sys_images/marquee_dot.gif) no-repeat left center;
  padding-left:20px;
}
#related_news .news_stream .right{
	width:290px;
	float:right;
	margin-top:15px;
}
#related_news .news_stream span.ad a{color:#2f598b;}
#related_news .news_stream span.ad a:hover{color:#ff5c1a;}
#related_news .related_news_Area{
  background:#f2f2f2;
  padding: 15px 7px 5px 15px;
  float:left;
  width:100%;
}
#related_news .news_box1{padding-left:0;padding-right:8px;}
#related_news .news-img{position:relative;padding-bottom:56%;}
#related_news .news-img img{position:absolute;width:100%;}

.news-img{padding-bottom:0 !important; transition: transform 0.5s; }

.news_img  a i,
.news-img a i {
  display: block;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: #006a7c;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  background-color: #fff;
}

#related_news .news-img .jqimgFill{padding-bottom:56%;}

.related_news_Area .newsArea img{width:130%;}
.related_news_Area .newsArea{position:relative;overflow:hidden;}
.related_news_Area .news-title{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-wrap:break-word;
    color:#fff;
    font-weight:bold;
    font-size:18px;
}

#fb_message {
  height: auto;
  margin-bottom:20px;
  padding: 15px 15px 0 15px;
  background:#f2f2f2;
}

#fb_message .title {
  border-top: 3px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0px;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}

#fb_message iframe{width:100% !important;}
#number_and_font{
	width:100%;
	padding:20px 0;
  padding-bottom:0;
}

.opinion-view #number_and_font,
.citizen-view #number_and_font{padding-bottom:0;}

@media (min-width: 1200px) {
  #joinNewtalk {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .citizen-view #fb_message {
    margin: 0 !important;
  }
  .citizen-view #joinNewtalk .hotline,
  .citizen-view #fb_message,
  .news_view #fb_message {
    background-color: #fff !important;
    margin-bottom: 0 !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .citizen-view .the_lastest {
    padding-bottom: 5px;
    margin-bottom: 0 !important;
  }
  .citizen-view .the_lastest .news-list {
    padding: 0 15px;
  }
  .news_view #related_news .related_news_Area {
    padding-right: 15px;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
}

#number_and_font #number .view_tag{
  height: auto;
  background-color: #c94632;
  padding: 5px 13px 5px 13px;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 2px;	
  border-radius:5px;
}
#number_and_font #number {
  float: left;
  margin-right: 10px;
}
#number_and_font .content_tag {
  margin: 5px 0 0 0;
}
.blue_tag_all {
  position:relative;
  margin-left: -5px;
  float:left;
  padding-right:10px;
  margin-bottom:10px;
}
.view_tag{
  height: 15px;
  background-color: #4591b8;
  padding: 6px 13px 10px 13px;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 2px;	
}

.fontLinkArea a.print{
  text-indent:-9999px;
  display:block;
  background:url(../images/_img/print_icon_nohover.png) no-repeat;
  background-size: contain;
  width:32px;
  height:32px;
  margin-right: 3px;
  float:left;
  border-radius: 4px;
}

.fontLinkArea a.print:hover{background:url(../images/_img/print_icon_hover.png) no-repeat;}

#number_and_font .green_tag_all{margin-top:0;}

#debate_side .debate_animation {width: 300px;height: 30px;}
#debate_side .debate_animation .sayyes_per,
#debate_side .debate_animation .sayno_per,
#debate_side .debate_animation .bar { float: left }
#debate_side .debate_animation2 .sayyes {
  width: 35px;
  height: 35px;
  background-color: #6ec31e;
  color: #FFF;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  line-height: 35px;
  float:left;
}
#debate_side .debate_animation2 .left{float:left;width:130px;}
#debate_side .debate_animation2 .right{float:right;width:130px;}
#debate_side .debate_animation2{padding:10px 0;}
#debate_side .debate_animation2 .line{
	width:20px;
	float:left;
	border-bottom:1px solid #666;
	padding-top:18px;
}
#debate_side .debate_animation2 .button a,
#debate_side .debate_animation2 .button2 a,
#debate_side .debate_animation2 .button3 a{
	color:#666;
	border:1px solid #666;
	padding:3px 18px;
	float:left;
	margin-top:5px;
}
#debate_side .debate_animation2 .button a:hover{
	color:#FFF;
	background-color:#6ec31e;
	border:1px solid #6ec31e;
}
#debate_side .debate_animation2 .button3 a:hover{
	color:#FFF;
	background-color:#4591b8;
	border:1px solid #4591b8;
}
#debate_side .debate_animation2 .button2 a:hover {
	color:#FFF;
	background-color:#eba819;
	border:1px solid #eba819;
}
#debate_side .debate_animation .sayyes_per {
	padding-top:10px;
  font-size: 20px;
  font-family: Verdana, Geneva, sans-serif;
  color: #6ec31e;
}
#debate_side .debate_animation2 .sayno {
  width: 35px;
  height: 35px;
  background-color: #eba819;
  color: #FFF;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  line-height: 35px;
  float:left;
}
#debate_side .debate_animation .sayno_per {
	padding-top:10px;
  font-size: 20px;
  font-family: Verdana, Geneva, sans-serif;
  color: #eba819;
}
#debate_side .debate_animation .bar {
  width: 160px;
  height: 10px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #eba819;
  position: relative;
}
#debate_side .debate_animation .bar_yes {
  width: 140px;
  height: 10px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #6ec31e;
  position: absolute;
  top: -15px;
  left: -20px;
}
.support_all{ padding-bottom:20px;clear:both;float:left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin:20px 0 20px -18px;}
.support{  padding-left:20px; }
.support h1{ font-size:24px; color:#3ca2c3; padding-top:20px;}
.support p{ font-size:14px; letter-spacing:0.5px; line-height:25px;padding-bottom:10px;}
.support .button a{ border:1px solid #6ec31e; color:#6ec31e; padding:5px 10px;}
.support .button a:hover{ background-color:#6ec31e; color:#FFF;}
/* ==================================================
   sns分享
   ================================================== */
   .sns_share{
     padding:0;
     font-weight:bold;
     font-size:15px;
     letter-spacing:1px;
     float:right;
     margin-bottom:5px;
   }
  .sns_share .items{padding-top:7px;}
  .sns_share .item{/*padding-left:5px;*/float:left;}
  .sns_share .sns_title{
    padding: 7px 20px 0 20px;
    border-right: 1px solid #c8c8c8;
    text-align: center;
    min-height:34px;
  }

  .sns_share .sns_mail{
   float:left;
   height:23px;
   padding:10px 30px 0 20px;
   margin-left:10px;
   background:url(../sys_images/sns_mail.png) no-repeat left center;
 }
 .sns_share .sns_fb{	
  float:left;
  height:23px;
  padding:10px 30px 0 10px;
  background:url(../sys_images/sns_fb.png) no-repeat left center;
}
.sns_share .sns_twitter{
	float:left;
	height:23px;
	padding:10px 30px 0 20px;
	background:url(../sys_images/sns_twitter.png) no-repeat left center;
}
.sns_share .sns_google{
	float:left;
	height:23px;
	padding:10px 30px 0 20px;
	background:url(../sys_images/sns_google.png) no-repeat left center;
}
.sns_share .sns_plurk{
	float:left;
	height:23px;
	padding:10px 20px 0 15px;
	background:url(../sys_images/sns_plurk.png) no-repeat left center;
}
.sns_share .sns_print{
	float:right;
	height:23px;
	border:1px solid #5198bd;
	color:#5198bd;
	margin-top:-1px;
	margin-right:-1px;
	padding:10px 30px 0 40px;
	background:url(../sys_images/sns_print.png) no-repeat left center;
}
/* ==================================================
   側邊浮動廣告
   ================================================== */
   #abgne_float_ad {display: none;position: absolute;}
   #abgne_float_ad .abgne_close_ad {display: block;text-align: right;cursor: pointer;font-size: 12px;}
   #abgne_float_ad a img {border: none;}
   div.bigDiv {height: 3000px;}
/* ==================================================
   支持新頭殼
   ================================================== */
   #support_index{ width:960px; display:block; border-top:1px solid #ccc; padding-top:20px; }
   #support_index .left{ width:640px; float:left;}
   #support_index .left .support_slogan{ background:url("../sys_images/support.png") no-repeat left center; padding-top:70px; padding-left:120px; font-size:24px; font-weight:bold;}
   #support_index .left .support_slogan span{ color:#767676; font-size:15px; font-weight:normal;}
   #support_index .left .support_words{ width:440px; font-size:15px; line-height:23px; letter-spacing:0.6px;} 
   #support_index .left .support_btn a{float:right; margin:40px 20px 0 0; display:block; width:165px; height:159px; background:url(../sys_images/support_btn.png) no-repeat center right; text-indent:-9999px;}
   #support_index .left .support_btn a:hover{background:url("../sys_images/support_btn_hover.png") no-repeat center right;}
   #support_index .right{ float:right;}
/* ==================================================
   熱門議題頁面
   ================================================== */
#year{ width:100%; height:40px;position:relative;}
#year .current-year{position:absolute;bottom:0}
.no-issus{text-align:center;margin-top:20px;width:100%;display:inline-block;}
#year .news_block .pic{max-height:200px;overflow:hidden;}
#year .hr1{position:absolute;padding-top:40px;width:100%;}
#year .hr1 hr{border-style:solid;border-color:#f2f2f2;height:1px;border-bottom:0;border-right:0;border-left:0;margin-top:5px;}
#year .prev a{ float:left; background:url("../images/_img/pn_nohover.png") no-repeat  left center;width:100px;color:#a1a1a1;padding-top:14px;height:70px;background-position:6px 14px;font-size:15px;font-weight:bold;}
#year .now{font-size: 24px;text-align: center;}
#year .now a{padding-left:0px; float:none;color:#3b8287;}
#year .now a{ font-size:24px;font-weight:bold;}
#year .next a{ float:right;background:url("../images/_img/pn_nohover.png") no-repeat  right center; 
width:50px; color:#a1a1a1;text-align:right;height:70px;background-position:6px 14px;font-size:15px;font-weight:bold;}

#year .next a:hover{ color:#ce5846;background:url("../images/_img/pn_hover.png") no-repeat  right center;height:70px;background-position:6px 14px;}
#year .prev a:hover{ color:#ce5846;background:url("../images/_img/pn_hover.png") no-repeat  left center;background-position:6px 14px;}

.left_column .news_block .pic{overflow:hidden;position:relative;padding:0px;}
.left_column .news_block .jqimgFill {
  padding-bottom:56.1%;
}
.left_column .news_block img{position:absolute;width:100%;height:auto;}
.news_block{border-bottom:1px solid #e3e3e3; padding:10px 0px;}
.news_block:last-child{border-bottom:none;}
.news_block img{padding:0;}
.news_block .more a{ color: #4591b8;}
.news_block .more a:hover{color:#ff5c1a}
.news_block .text{ padding-top:0px;}
.news_block .text .maintitle{padding:5px 0px;}
.news_block .text .maintitle a{ font-size:20px; color:#9e2f50; font-weight:bold;}
.news_block .text .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:0px 0 5px 0;}
.news_block .text .titleIcon{
  font-size: 15px;
  color: #000;
  letter-spacing: 1px; 
  font-weight:bold;
  line-height:150%;
background:url("../images/_img/icon4.png");
background-repeat:no-repeat;
padding-left:16px;
float:left;
background-position-y:11px;
}
.news_block .text .titleIcon .title{ 
overflow:hidden;
word-wrap:break-word;
text-overflow:ellipsis;
-webkit-line-clamp:1;
display:-webkit-box;
-webkit-box-orient:vertical;
padding-top:5px;
padding-bottom:5px;
height: 30px;
}


.news_block .text .maintitle a:hover, .news_block .text .title a:hover{ color: #ff5c1a;}

@media (max-width:767px) {
  .mb-padding0 .news_block {
    padding-top: 0;
  }
  .mb-padding0 .news_block:last-child {
    /* margin-bottom: 20px; */
    border-bottom: 1px solid #e3e3e3;
  }
  .mb-padding0 .news_block .text {
    padding: 0 15px;
  }
}

/* ==================================================
   tag頁面
   ================================================== */
.news-list .big-title {border-top: 3px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; padding: 15px 0px;font-size: 15px;letter-spacing: 2px;text-align: center; }

/* ==================================================
   記者列表頁面
   ================================================== */
#reporter_title .title {border-top: 3px solid #3d3d3d; border-bottom: 1px solid #3d3d3d;padding: 8px 0px;font-weight:bold;font-size: 15px;letter-spacing: 2px;text-align: center;}
#reporter{ padding:20px 0;width:610px;}
#reporter .pic{ float:left;} 
#reporter .text{ width:450px;float:right; padding-right:20px; border-left:1px solid #e5e5e5;padding-left:20px;}
#reporter .text .name{ font-size:20px; font-weight:bold;}
#reporter .text .occup{ padding:10px 0;}
#reporter .text .desc{ line-height:23px;}
#reporter .text .info{ font-size:14px; padding:20px 0 0 0;}
#reporter .text .info .email a{ background:url(../sys_images/repoerter_mail.png) left center no-repeat; padding-left:25px; color:#4591b8; display:block; margin-bottom:10px;}
#reporter .text .info .web a{background:url(../sys_images/repoerter_web.png) left center no-repeat; padding-left:25px; color:#4591b8;display:block; margin-bottom:10px;}
#reporter .text .info .sns span.twitter a{ background:url(../sys_images/repoerter_twitter.png) left center no-repeat; padding-left:25px; color:#4591b8; margin-right:20px;}
#reporter .text .info .sns span.facebook a{ background:url(../sys_images/repoerter_facebook.png) left center no-repeat; padding-left:15px; color:#4591b8;margin-right:20px;}
#reporter .text .info .sns span.google a{ background:url(../sys_images/repoerter_google.png) left center no-repeat; padding-left:20px; color:#4591b8;}
#reporter .text .info .email a:hover,#reporter .text .info .web a:hover,#reporter .text .info .sns span.twitter a:hover,#reporter .text .info .sns span.facebook a:hover,#reporter .text .info .sns span.google a:hover{ color:#ff5c1a;}
.line1{ height:40px; border-bottom:1px solid #e5e5e5; width:100%;}
.line2{ height:10px; border-top:1px solid #e5e5e5; width:100%; margin-top:20px;}

/* ==================================================
   專欄作家列表頁面
   ================================================== */
.author-list{background:#f2f2f2;padding:15px;}
.author-list .author{ padding-bottom:10px;float:left; margin-bottom: 30px;margin:0 auto;}
.author-list .author .famous_pic{margin:0 auto;display:table;}
.author-list .author .famous_pic .mask{width:90px;height:90px;position:absolute;z-index:20;}
.author-list .author .famous_pic .pic{position:relative;width:110px;height:110px;overflow:hidden;border-radius:100px;}
.author-list .author .famous_pic .pic img{width:100%;height:100%;}
.author-list .author .name{/*min-height:70px;*/align-self:5px;font-size:18px; font-weight:bold; text-align:center;word-break: break-all;}
.author-list .author .title{ font-size:14px; padding-top:5px;text-align:center; padding:8px 18px;min-height:70px;}

#author .famous_pic{padding:5px 15px 0px 20px;}
#author .famous_all .pic{width:110px;height:110px;}
#author .famous_content{padding-top:20px;}

@media (max-width:767px) {
  #author {
    margin-top: 10px !important;
  }
  .author-list .author .name {
    min-height: 0;
  }
  .author-list {
    margin-top: 15px !important;
  }
}

/* ==================================================
   議題列表
   ================================================== */
.opinion_list{ width:100%; height:auto; padding-bottom:20px;padding-top:20px;}
.opinion_list .pic{ float:left;border-radius:60px;display:grid;}
.opinion_list .pic .famous_pic{float:left;padding:10px 20px;margin:0 auto;}
.opinion_list .pic .famous_pic .mask{width:119px;height:119px;position:absolute;z-index:20;}
.opinion_list .pic .famous_pic .pic{position:relative;z-index:15;width:119px;height:119px;overflow:hidden;}
.opinion_list .text{ float:left; padding-right:20px; padding-left:20px;}
.opinion_list .text .name{ font-size:20px; font-weight:bold; }
.opinion_list .text .occup{ padding:10px 0;}
.opinion_list .text .desc{ line-height:25px; font-size:15px;}
@media (max-width:960px) {
  .opinion_index .opinion_list {
    padding-bottom: 0;
  }
}

@media (min-width:541px) {
  .news_author .opinion_list {
    display: inline-flex;
    align-items: center;
  }
}
.news_author .news-author-list .text {
  padding-top: 0;
}

@media (max-width:767px) {
  .news_author .opinion_list .text {
    padding-top: 0;
  }
}

.text .info{ font-size:14px;}
.text .info .email a:before{color:#46597d; font-family: 'IcoMoon-Free'; padding-right: 5px; position:relative; top:1px;}
.text .info .email a{line-height:30px;padding-left:25px;padding-top:5px;padding-bottom:5px;background:url(../images/_img/mail_icon2.png) left center no-repeat;color: #46597d; }
.text .info .web a{word-wrap:break-all;  line-height:30px;background:url(../images/_img/earth_icon2.png) left center no-repeat; padding-left:25px; color:#46597d;padding-top:5px;padding-bottom:5px;}
.text .info .sns span.twitter a{line-height:30px;padding-top:5px;padding-bottom:5px; background:url(../images/_img/t_icon2.png) left center no-repeat; padding-left:25px; color:#46597d; margin-right:20px;}
.text .info .sns span.facebook a{line-height:30px;padding-top:5px;padding-bottom:5px; background:url(../images/_img/fb_icon2.png) left center no-repeat; padding-left:25px; color:#46597d;margin-right:20px;}
.text .info .sns span.google a{line-height:30px;padding-top:5px;padding-bottom:5px; background:url(../images/_img/google_icon2.png) left center no-repeat; padding-left:25px; color:#46597d;}
.opinion_list .text .info .email a:hover,
.opinion_list .text .info .web a:hover,
.opinion_list .text .info .sns span.twitter a:hover,
.opinion_list .text .info .sns span.facebook a:hover,
.opinion_list .text .info .sns span.google a:hover{ color:#ff5c1a;}
.opinion_list .news-author-list{padding-top:20px;}
.opinion_list_title{ width:610px; padding:25px 0 25px 5px;border-bottom:1px solid #e5e5e5;}
.opinion_list_title .title{ font-size:16px; font-weight:bold;}
.opinion_list_title .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 15px 0; }
.opinion_list_title .text{font-size:15px; line-height:23px;}
.opinion_list .famous_pic .pic img{width:100%;height:100%;}
.opinion_list .text .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 15px 0; }
.opinion_list .name2{ font-size:18px; font-weight:bold; text-align:center; margin-top: 10px;}
.opinion_list .title{font-size:14px; padding-top:5px;text-align:center; padding:8px 18px;}

.text .article .article_title{padding: 15px 0;border-bottom: 1px dotted #c8c8c8;}
.text .article .article_title .title2{font-size: 15px;color: #252525;font-weight: bold;}
.text .article .article_title .date{font-size: 13px;color: #828282;letter-spacing: 1px;padding: 5px 0 0 0;}

.news-author-list .name2{clear:both;}
.famous_content{border-left:1px solid #e5e5e5;}

.opinion_author_list{ /*min-height:200px;*/float:left;text-align: center;}
.opinion_author_list .pic .famous_pic{margin:0 auto;/*width:100px;*/}
.opinion_author_list .pic .famous_pic .mask{width:100px;height:100px;position:absolute;z-index:20;}
.opinion_author_list .pic .famous_pic .mask img{width:100px;height:100px;}
.opinion_author_list .pic .famous_pic .pic{border-radius:50px;position:relative;width:100px;height:100px;overflow:hidden;margin: auto;}
.opinion_author_list .pic .famous_pic .pic img{width:100%;height:100%;}
.opinion_author_list .name2{margin-top:20px;clear:both; font-size:18px; font-weight:bold; text-align:center;}
.opinion_author_list .title{font-size:14px; padding-top:5px;text-align:center; }
/* .author_button{margin-bottom:20px;} */
.author_button a{ text-align:center;background:#27747a;color:#fff; font-weight:bold;border:1px solid #27747a;border-radius:5px; display:block; padding:8px; width:160px; font-size:15px; margin:15px auto 0 auto;}
.author_button a:hover{ background-color:#c94632; color:#FFF; border:1px solid #c94632;}
#author .famous_text{font-weight:100;}
.citizen2 .opinion_list_text{border-top:none;border-bottom:1px solid #fff;}
.citizen2 a{word-break:break-all;}
.opinion_list_text {border-top:1px solid #f2f2f2; display: inline-flex; align-items: center; width: 100%; padding: 15px 0;}
.opinion_list_text:nth-child(5){border-top:none;}
.opinion_list_text:last-child{border:none;}
.opinion_list_text .picandname{ float:left; width: 25%;text-align:center;}
.opinion_list_text .picandname .famous_pic {margin:0 auto;padding-top:10px;}
.opinion_list_text .picandname .famous_pic .mask{width:60px;height:60px;position:absolute;z-index:20;}
.opinion_list_text .picandname .famous_pic .pic{border-radius:60px;position:relative;width:110px;height:110px;margin:0 auto;overflow:hidden;}
.opinion_list_text .picandname .famous_pic .pic img{width:100%;height:100%;}
.opinion_list_text .picandname .name{ margin-top:10px;font-size:18px; font-weight:bold; word-break: break-all;line-height: normal;}
.opinion_list_text .picandname .title{font-size:14px; padding-top:5px; }
.opinion_list_title2{float:left; width: 75%;padding: 20px}
.opinion_list_title2 .title{ font-size:18px; font-weight:bold;word-break:break-all;margin-top:15px;}
.opinion_list_title2 .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 0 0; }
.opinion_list_title2 .text{font-size:15px; line-height:23px;word-break:break-all;}
.opinion-list-item .opinion_list_title2 {border-left:none;margin-top:5px;}
.opinion_list_text .picandname{border-right:1px solid #f2f2f2;padding:15px;}
.opinion-list-item .name{clear:both;}

.citizen_index .news-list {
  padding: 15px;
}

@media (max-width:767px) {
  .opinion_list_text .picandname {
    width: 30%;
    padding-left: 0;
  }
  .citizen_index .opinion_list_title2 .title {
    margin-top: 0;
  }
  .citizen_index .opinion_list_text .picandname {
    margin-top: 0;
  }
  .citizen_index .citizen2 .opinion_list_text {
    padding: 10px 0;
  }
  .citizen_index .news-list {
    padding: 15px 0 0 0;
    margin-bottom: 0 !important;
  }
  .citizen_index .news-list .title2 {
    padding-left: 15px;
  }
}
@media (max-width:667px) {
  .suArea .opinion_list_text .famous_pic,
  .citizen_tagArea .opinion_list_text .famous_pic {
    padding-top: 0;
  }
  .suArea .opinion_list_text,
  .citizen_tagArea .opinion_list_text {
    align-items: center;
  }
  .suArea .opinion_list_text .date,
  .citizen_tagArea .opinion_list_text .date {
    padding-bottom: 0;
  }
}

/* ==================================================
   新聞總覽
   ================================================== */
#calendar_all{ text-align:center;position:relative;width:100%;padding-bottom:20px;}
#calendar_all .cal-nav{width:100%;height:110px;}
#calendar_all .next .prev_arrow{float:left;width:60px;}
#calendar_all .next .prev_arrow a{background:url("/images/_img/prev_icon_nohover.png") no-repeat;display:block;width:50px;height:50px;text-indent:-9999px;}
#calendar_all .next .prev_arrow a:hover{background:url("/images/_img/prev_icon_hover.png") no-repeat;}
#calendar_all .last .next_arrow a{background:url("/images/_img/next_icon_nohover.png") no-repeat left center;display:block;width:50px;height:50px;text-indent:-9999px;}
#calendar_all .last .next_arrow a:hover{background:url("/images/_img/next_icon_hover.png") no-repeat left center;}
#calendar_all .next .prev_title{float:left;font-size:14px;padding-top:5px;color:#5b9ec0;text-align:left;}
#calendar_all .last .next_arrow{float:right;width:50px;}
#calendar_all .last .next_title{float:right;text-align:right;padding-right:10px;font-size:14px;padding-top:5px;color:#5b9ec0;}
#calendar_all .next{  padding-top:20px;position:absolute;left:0;top:0;}
#calendar_all .last{  padding-top:20px;position:absolute;right:0;top:0;}
#calendar_all .calendar{z-index:2;position:relative; /*width:94px;*/ height:110px; margin:0 auto;display:inline-block;cursor:pointer;}
#calendar_all .calendar_date{
  position:relative;
  z-index:999999999999;
  background:#fff;
  animation:calendar .3s;
}
@-webkit-keyframes calendar{
  0%{height:0;}
  100%{height:auto;}
}
@media (max-width: 767px) {
  #calendar_all .next {
    left: 15px;
  }
  #calendar_all .last {
    right: 15px;
  }
}

#calendar_all .no-news{text-align:center;margin-top:20px;}
#calendar_all .calendar .frame{width:110px;height:110px; background:url("../images/_img/Date Flipper.png") no-repeat left center; padding:7px 0 0;line-height:27px;text-align:center;}
#calendar_all .calendar .frame span.w1{ font-size:16px; color:#515151; line-height:30px;font-weight:bold;}
#calendar_all .calendar .frame span.w2{ font-size:40px; font-weight:900;color:#3eb9ff;}
#calendar_all .calendar .frame span.w3{ font-size:10px; font-weight:bold;color:#fff;}

.news-list-cal{margin-top:0;}
.news-list-cal .news_title{padding:0;}
.news-list-cal .news-list-item{padding:5px 0 5px 0;}

#summary .news-list-item{border-top:1px solid #f2f2f2;}
#summary .news-list-item:nth-child(4){border-top:none;}

@media (max-width: 767px) {
  #summary .news-list-item, 
  .news_author .news-list-item {
    padding: 5px 15px;
  }
  .news_author .news-list-item {
    border-top:1px solid #f2f2f2;
  }
  .news_author .news-list-item:first-of-type {
    border-top: none;
  }
  .mb-padding0 .famous,
  .news_view #related_news,
  .citizen_index .suArea {
    margin-bottom: 0 !important;
  }
  .ad_right1 {
    margin-top: 20px;
  }
  .mb-padding0 .famous,
  .citizen_index .citizen_tagArea,
  .citizens_author .citizen_tagArea {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .citizen_index .citizen_tagArea .opinion_list_text,
  .citizens_author .citizen_tagArea .opinion-article-list {
    border-top: 1px solid #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2;
  }
  .citizens_author .citizen_tagArea .opinion-article-list {
    padding-bottom: 0;
  }
  .citizens_author #citizen_tag br {
    display: none;
  }
  .opinion_authors .citizen,
  .opinion_index .citizen,
  .news_author .citizen {
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  
  /* 電腦版 手機尺寸 */
  .pcview .news_view #_popIn_recommend ._popIn_recommend_container,
  .pcview .opinion_authors .famous{
    margin-bottom: 0 !important;
  }
  .pcview .news_view #_popIn_recommend ._popIn_recommend_container {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .pcview .news_view ._pvmax_recommend + .clearfix + br {
    display: none;
  }
}

#art-news-list .news-list-cal .news-list-item{border-top:1px solid #eee !important;}
#art-news-list .news-list-cal .news-list-item:news-list-item:nth-child(2){border-top:none !important;}

@media (max-width: 767px) {
  .news_category .news-list-item,
  .news_view .news-list-item {
    padding: 5px 15px;
  }
  #category .news-list-item {
    min-height: 28.2vw;
    padding-left: 0;
  }
  /* .news_view .news-list-item .news_img a {
    position: absolute;
  } */
  .news_view .news-list-item .text {
    padding-left: 15px !important;
  }
}

#overview{ height:103px; width:610px;}
#overview .time{ width:75px; height:78px; background:url(../sys_images/calendar_round.png) no-repeat center left; padding:45px 0 0 0;line-height:18px; text-align:center; float:left;}
#overview .time span.w2{ font-size:16px;color:#4591b8;}
#overview .time span.w3{ font-size:10px; -webkit-transform:scale(0.83);display:inline-block; color:#838383;}
#overview .picture{ padding:27px 10px 10px 20px; float:left;}
#overview .text{ padding-top:28px;}
#overview .text .title{ padding-left:230px;}
#overview .text .title a,#overview .text .title2 a{text-align: left;color: #252525; font-size: 18px;display: block;font-weight: bold; padding-bottom:8px;}
#overview .text .title3 a{text-align: left;color: #828282; font-size: 13px;display: block;font-weight: bold; padding-bottom:8px;}
#overview .text .desc a{ line-height:23px;}
#overview .text .title a:hover,#overview .text .title2 a:hover{ color:#ff5c1a;}
#overview .picture .famous_pic{float:left;padding:0 0 0 0;}
#overview .picture .famous_pic .pic{position:relative;z-index:15;width:75px;height:75px;overflow:hidden;}

#debate .debate_all .calendar_date{float:right;width:280px;height:215px;border:1px solid #eaac1d;margin-top:40px;}

.news-top2 .newsArea{position:relative;overflow:hidden;word-break:break-word;}
.news-top2 .news-img{position:relative;padding-bottom:56%;}
.news-top2 .news-img .jqimgFill{padding-bottom:56%; transition:0.3s;}

.news-top2 .news-img img{width:100%;position:absolute;}
.news-top2 .news-img:hover .jqimgFill{transform:scale(1.1);}
.news-top2 .news-title{
  position:absolute;
  bottom:0;
  background:rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  color:#fff;
  width:100%;
  padding:10px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-wrap:break-word;
  font-size:18px;
  font-weight:bold;
}
.news-title a{color:#fff !important;}
.news-title a:hover{text-decoration:underline;}
.news_box1{padding:0;display:block;margin-bottom:10px;}
.news-top2 .news_box1:nth-child(2){padding-left:10px;}
.news-top2 .news_box1:nth-child(2) .news-img{padding-bottom:57.5%;}

.news-top2 .news_box1:nth-child(2) .news-img .jqimgFill{padding-bottom:57.5%;}

.btn4{
  display:table;
  background:#c9c9c9;
  padding:5px 10px;
  text-align:center;
  border-radius:5px;
  margin: 0 auto;
}

/* 行事曆樣式 */
#calendar_all .calendar_date .frame{width:292px; height:217px; border: solid 2px #d6d6d6; color:#252525; margin:20px auto; text-align:center;background:#fff;}
#calendar_all .calendar_date .frame2{width:280px; height:205px; border: solid 1px #d6d6d6; margin:5px;}
#calendar_all .calendar_date .frame2 table{ width:224px; margin:15px auto; font-size:13px; line-height:20px; border:0; border-collapse:collapse; }
#calendar_all .calendar_date .frame2 table tr td{ width:32px;}
#calendar_all .calendar_date .frame2 table tr td a{ display:block;padding:2px;white-space: pre;}
#calendar_all .calendar_date .frame2 table tr td a:hover{ background-color:#d6d6d6;}
#calendar_all .calendar_date .frame2 .month{ font-size:16px; text-align:left;}
#calendar_all .calendar_date .frame2 .day{ font-size:11px; color:#828282;}
#calendar_all .calendar_date .frame2 .day td{ border-bottom:1px solid #eaeaea; padding-bottom:3px; margin-bottom:2px;}
#calendar_all .calendar_date .frame2 .gray{ color:#d6d6d6;}
#calendar_all .calendar_date .frame2 .active{ border: 1px solid #4591b8; }
#calendar_all .calendar_date .frame2 .today{  color:red;}
#calendar_all .calendar_date .frame2 .month_btn{ position:relative;}
#calendar_all .calendar_date .frame2 .month_btn .prev_arrow{ position:absolute; left:10px; top:-120px;}
#calendar_all .calendar_date .frame2 .month_btn .prev_arrow a{ display:block; width:12px; height:20px; background:url(../sys_images/year_arrow1.png) no-repeat center left;}
#calendar_all .calendar_date .frame2 .month_btn .next_arrow{ position:absolute; right:10px; top:-120px;}
#calendar_all .calendar_date .frame2 .month_btn .next_arrow a{ display:block; width:12px; height:20px; background:url(../sys_images/year_arrow2.png) no-repeat center left;}
/* 行事曆樣式 */
/* ==================================================
   議題總覽
   ================================================== */
#topic_title{ width:100%; border:1px solid #4591b8; font-size:20px; color:#4591b8; text-align:center; padding:5px; font-weight:bold;}
#topic_news{ width:610px;}
#topic_news .picture{ padding:20px 0 20px 0;}
#topic_news .title{ font-size:20px; color:#252525; font-weight:bold;}
#topic_news .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 15px 0; }
#topic_news .content{ font-size:15px; line-height:23px; letter-spacing:0.6px;}
.topic_all{ width:610px; padding-top:10px; padding-bottom:20px;}
.topic_all .topic_each{ width:280px; background:url(../sys_images/dialogue2.png) no-repeat left top; padding-left:25px; font-weight:bold; float:left;}
.topic_all .topic_each span{ font-size:14px; line-height:35px;}
.button_more a {color:#666;border:1px solid #666;padding:5px 20px;float:left;font-size:14px;margin-right:10px;margin-top:30px;}
.button_more a:hover{color:#FFF;background-color:#6ec31e;border:1px solid #6ec31e;}

#vote{border-bottom:1px solid #e5e5e5; width:610px; height:470px;}
#vote .title {width:610px;border-top: 3px solid #3d3d3d; border-bottom: 1px solid #3d3d3d;padding: 8px 0px;font-weight:bold;font-size: 15px;letter-spacing: 2px;text-align: center; margin-top:50px;}
#vote .vote_all{ width:610px; padding-top:100px;}
#vote .vote_all .sec1{color:#252525; font-size:18px; font-weight:bold; width:380px; float:left;}
#vote .vote_all .sec1 span{color:#828282; font-size:13px; line-height:35px;}
#vote .vote_all .sec1 span.yes{ background:url(../sys_images/yes_dot.png) no-repeat left center; padding-left:15px; margin-left:20px;}
#vote .vote_all .sec1 span.no{ background:url(../sys_images/no_dot.png) no-repeat left center; padding-left:15px; margin-left:10px;}
#vote .vote_all .sec2{ width:110px; height:70px;float:left; background:url(../sys_images/yes1.png) center no-repeat; text-align:center; font-size:30px; color:#FFF; padding-top:40px;}
#vote .vote_all .sec3{ width:110px; height:70px;float:left; background:url(../sys_images/no6.png) center no-repeat; text-align:center; font-size:18px; color:#FFF; padding-top:50px;}
#vote .vote_all .sec4{ width:110px; height:70px;float:left; background:url(../sys_images/yes4.png) center no-repeat; text-align:center; font-size:22px; color:#FFF; padding-top:40px;}
#vote .vote_all .sec5{ width:110px; height:70px;float:left; background:url(../sys_images/no3.png) center no-repeat; text-align:center; font-size:24px; color:#FFF; padding-top:40px;}

#year_list{padding:0;}
#year_list .year_logo{ width:100%; float:left; background:url(../images/_img/year_icon.png) no-repeat center top; height:70px; text-align:center; padding-top:14px; color:#fff;padding-top:14px;padding-left:38px;font-size:22px;}
#year_list .year_list_all{float:left;}
#year_list .news-list{margin-top:0;border-bottom:1px solid #f2f2f2;margin-bottom:0px;} 
#year_list .news-list:last-child{border-bottom:none;}
#year_list .news-list .news-title{padding-top:8px;}

#topic_opinion_list_text {width:510px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; height:70px; padding-bottom:10px; padding-top:20px; margin-bottom:40px;}
#topic_opinion_list_text .picandname{ width:145px; float:left;  }
#topic_opinion_list_text .picandname .famous_pic{float:left;padding:0px 8px 10px 0px;}
#topic_opinion_list_text .picandname .famous_pic .mask{width:60px;height:60px;position:absolute;z-index:20;}
#topic_opinion_list_text .picandname .famous_pic .pic{position:relative;z-index:15;width:60px;height:60px;overflow:hidden;}
#topic_opinion_list_text .picandname .name{ font-size:18px; font-weight:bold; text-align:left; }
#topic_opinion_list_text .picandname .title{font-size:14px; padding-top:5px;text-align:left; }
#topic_opinion_list_title2{width:330px; padding:0; float:right; border-left:1px solid #e5e5e5; padding-left:20px;}
#topic_opinion_list_title2 .title{ font-size:18px; font-weight:bold;}
#topic_opinion_list_title2 .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 15px 0; }
#topic_opinion_list_title2 .text{font-size:15px; line-height:23px;}

.hostandtime{ font-size:13px; font-weight:bold; letter-spacing:0.5px; margin-bottom:10px;}
.hostandtime .host{ background:url(../sys_images/host_icon.png) no-repeat left center; padding-left:20px;}
.hostandtime .time{ background:url(../sys_images/clock_icon.png) no-repeat left center; padding-left:20px; }

#debate {padding-top: 0px;}
#debate .debate_all .debate_text_left1{float:left;margin-left:10%;}
#debate .debate_all .debate_text_right1{float:right;margin-right:16%;}
#debate .debate_all .debate_button .debate_text_left1{margin-left:10%;}
#debate .debate_all .debate_button .debate_text_right1{margin-right:16%;}
#debate .debate_all .debate_text .debate_text_left1 .button a {color:#fff;padding:15px 30px 10px 30px;float:left;border-radius:10px;background-color:#30ac67;}
#debate .debate_all .debate_text .debate_text_left1 .button a:hover{background-color:#30ac67;}
#debate .debate_all .debate_text .debate_text_right1 .button a {color:#fff;padding:15px 30px 10px 30px;float:right;border-radius:10px;background-color:#eb6100;}
#debate .debate_all .debate_text .debate_text_right1 .button a:hover {background-color:#eb6100;}
#debate .debate_all .debate_text .debate_text_left .debate_title1{ font-size:15px; font-weight:bold; color:#2ab26a;line-height:23px;}
#debate .debate_all .debate_text .debate_text_right .debate_title2{ font-size:15px; font-weight:bold; color:#eb6100;line-height:23px;}
#debate .debate_all .debate_text .debate_text_left .debate_content1,#debate .debate_all .debate_text .debate_text_right .debate_content1{ font-size:15px; line-height:23px; color:#252525; margin-top:10px;}
#selection{ width:610px; text-align:center;height:50px; padding:20px 0;font-size:15px; font-weight:bold;}
#selection a{ text-decoration:underline; color:#aeaeae;}
#selection a:hover{ color:#666;}
#selection a span{ color:#eb6100;}
#selection a:hover span{ color:#1b87a2;}
#opinion{background-color:#f2f2f2;}
#opinion .vote .people .picandname{ width:65px; margin:0 auto;}
#opinion .vote { padding-bottom:20px;}
#opinion .vote .people .picandname .famous_pic{float:left;font-size:13px; text-align:center;}
#opinion .vote .people .picandname .famous_pic .mask{width:60px;height:60px;position:absolute;z-index:20;}
#opinion .vote .people .picandname .famous_pic .pic{border-radius:50px;position:relative;z-index:15;width:60px;height:60px;overflow:hidden;}
#opinion .vote .people .picandname .famous_pic .pic img{width:100%;}
#opinion .vote .people .picandname .name{ font-size:18px; font-weight:bold; text-align:left; }
#opinion .vote .dialogue {position:relative;}
#opinion .vote .dialogue .opinion_dialogue{word-wrap:break-word; width:100%;border-radius:10px; border:1px solid #6ec31e; padding:20px;font-size:15px; line-height:22px; z-index:8;background:#fff;}
#opinion .vote .dialogue .opinion_dialogue .text{ font-weight:bold; color:#119e50;}
#opinion .vote .dialogue .opinion_dialogue span.report a{ float:right; color:#1ea2c3; text-decoration:underline; margin-right:10px; font-size:14px;}
#opinion .vote .dialogue .opinion_dialogue span.report a:hover{ color:#1b87a2;}
#opinion .vote .date{clear:both;text-align: left;color: #aeaeae;font-size: 12px;padding: 10px 0 5px 0;letter-spacing: 1px; padding-left:22px;}
#opinion .opinion_yes .dialogue .arrow{ position:absolute;left: 2px;top: 25px;width:15px; z-index:10;}
#opinion .opinion_yes .dialogue .opinion_dialogue{ border:1px solid #119e50;}
#opinion .opinion_no .dialogue .opinion_dialogue{ border:1px solid #eb6100 !important;}
#opinion .opinion_no .dialogue .opinion_dialogue .text{ font-weight:bold; color:#eb6100;}
#opinion .opinion_no .people{ float:right;}
#opinion .opinion_no .dialogue .arrow{ position:absolute;right: 2px;top: 25px;}
#opinion .opinion_no .dialogue .opinion_dialogue{background:#fff;border:1px solid #eba819; float:left;}
#opinion .button{padding-bottom:25px;}
#opinion .button a{ margin:0 auto;display:block;width:100px;border:1px solid #333; color:#fff; padding:5px 40px; background:#333; }
#opinion .button-show-all a{width:168px;}
#opinion .button{margin-bottom:10px;}
#opinion .button a:hover{ background-color:#535353; color:#fff;border:1px solid #535353;}

/* ==================================================
   會員
   ================================================== */
#avatar_all .info { 
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding:20px 0;
  position: relative;
}
#avatar_all:after {
  content: '';
  display: block;
  clear: both;
}
#avatar_all .date{margin-bottom:15px;}
#avatar{ 
  float: left;
  width:120px; 
  position:relative; 
}
#avatar .pic { 
  height: 120px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
#avatar .edit {
  width: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color:#216e74;
  border-radius:50%;
  color:#fff;
  line-height:40px;
  text-align: center;
  cursor: pointer;
}
#avatar .edit:hover {
  background-color: #c94632;
}

#member_info{ 
  float: left;
  width: -moz-calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  padding-left: 20px;
  letter-spacing:1px;
}
/* TODO: 會員討論區 */
/* #member_info > .name{ color: #26747a; font-size: 22px; font-weight:bold;}
#member_info .occup{ font-size:14px; margin-top:10px;}
#member_info .date{ font-size:12px; margin: 5px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
#member_info .table {
  width: auto;
  margin-bottom: 0;
}
#member_info .table tr td {
  padding: 5px 20px 5px 0;
  border: none;
  vertical-align: middle;
}
#member_info .table tr td:nth-of-type(even) {
  padding-right: 10px;
  color: #999;
}
#member_info .table tr td.name,
#member_info .table tr .number {
  font-size: 18px;
  font-weight: bold;
}
#member_info .table tr .number {
  color: #47597d;
}
#member_info .table tr td .number {
  margin-left: 5px;
} */
#member_info .name{ font-size:20px; font-weight:bold;}
#member_info .occup{ font-size:14px; margin-top:10px;}
#member_info .date{ font-size:12px; margin:10px 0;}
#member_info .button3 {
  display:block;
  min-width: 100px;
  padding:8px 10px 8px 30px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 2;
  background: #47597d url("../images/_img/pen_nohover.png") 9px 11px no-repeat; 
  color:#fff; 
  font-size:15px; 
  border:1px solid #47597d;
  border-radius:5px;
}
#member_info .button3:hover{
  background-color:#fff;
  background-image:url("../images/_img/pen_hover.png");color:#47597d;
}
/* TODO: 會員討論區 */

@media (max-width: 991px) {
  #member_info .button3 {
    display: table;
    margin: 10px 0 0 0;
    position: relative;
    top: 0;
  }
}

@media (min-width: 601px) {
  #member_info .table tr td br {
    display: none;
  }
  #member_info .table tr td .number {
    display: none;
  }
}

@media (max-width: 600px) {
  #member_info .table tr {
    display: block;
    margin-bottom: 15px;
  }
  #member_info .table tr:last-of-type {
    margin-bottom: 0;
  }
  #member_info .table tr td {
    display: block;
    padding-bottom: 0;
  }
  #member_info .table tr td.name {
    width: 100%;
  }
  #member_info .table tr td.number {
    display: none;
  }
  #member_info .table tr td.blank {
    display: none;
  }
}

@media (max-width: 480px) {
  #avatar_all {
    display: block;
  }
  #avatar_all .info {
    display: block;
    padding: 0;
  }
  #avatar {
    float: none;
    margin: 0 auto 15px auto;
  }
  #member_info {
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  #member_info .table {
    width: 100%;
    text-align: left;
  }
  #member_info .table tbody {
    display: flex;
  }
  #member_info .table tbody tr {
    width: 50%;
  }
  #member_info .button3 {
    margin: 10px auto;
  }
  #avatar {
    width: 80px;
  }
  #avatar .pic {
    height: 80px;
  }
  #avatar .edit {
    right: -10px;
    bottom: -10px;
  }
}

#member_navi{border-bottom:1px solid #47597d;margin-bottom: 15px;}
#tabs_b {list-style: none;padding: 5px 0 0px 0;margin:0;font-size:15px;font-family:微軟正黑體, Verdana, Geneva, sans-serif; display: flex; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;	}
#tabs_b li {display: block;float:left;margin-right:2px;}
#tabs_b li a {display:block;border:1px solid #999; padding: 8px 43px 8px 43px;text-decoration: none;color:#999;background-color: #fff;outline: none;text-decoration:none;}
#tabs_b li a:hover {background-color:#434343;color:#fff;}
#tabs_b li.active a, #tabs_b li.active{background:#47597d;color:#fff;border:1px solid #47597d;}

#member_all{border-top: none;padding-left:0px;position: relative;}
#member_all .button{float:right;margin-bottom:15px;}
#member_all .button .btn{background:#f2f2f2;background:white;cursor:pointer;font-size:13px; color:#999; border:1px solid #999; border-radius:5px; padding:8px 25px;}
#member_all .button .btn:hover, #member_all .button .btn.active:hover{ color:#fff; background-color:#999;}
#member_all .button .btn.active{color:#fff; background-color:#666;}

#member_all .button a,
.login-table .button {display: inline-block; min-width: 80px; font-size:13px; color:#000 !important; border:1px solid #999; border-radius:5px; padding:8px 15px !important; background:#f2f2f2; text-align: center;}

#member_all .button a:hover, 
#member_all .button a.active:hover,
.login-table .button:hover { color:#fff !important; background-color:#434343;}

#member_all .button a.active{color:#fff; background-color:#666;}
#member_all .buttonArea{display:table;margin:20px auto 0 auto;}
#member_all .btn2{font-size:13px;color:#000;border:1px solid #999;border-radius:5px;padding:8px 25px;background:#f2f2f2;}
#member_all .btn3{font-size:13px;color:#fff;border:1px solid #47597d;border-radius:5px;padding:8px 31px;background:#47597d;}
#member_all .buttonArea a.btn3 {display: inline-block; min-width: 80px; padding: 8px 15px; background:#f2f2f2;color:#000;border:1px solid #999; text-align: center;}
#member_all .buttonArea a.btn3:hover{background:#434343;color:#fff;border:1px solid #434343;}
#member_all .btn2:hover,#member_all .btn2.active:hover{color:#fff; background-color:#434343;}
#member_all .btn3:hover,#member_all .btn3.active:hover{color:#47597d;background:#fff;}
#member_all .btn5{font-size:13px;border:1px solid #999;border-radius:5px;padding:8px 31px;background:#f2f2f2;}
#member_all .btn5:hover, #member_all .btn5.active:hover{background:#434343;color:#fff;}
#member_all .member_data{ font-size:15px; letter-spacing:0.5px; line-height:25px; padding:20px;margin-bottom:30px;background:#f2f2f2;}

@media (max-width:767px) {
  #member_all .member_data{
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  #member_all .button {
    float: none;
    text-align: center;
  }
}
#member_all .member_data .title, #member_all .titlea{ font-size:16px; font-weight:bold;color:#9e2f50;font-weight:bold;}
#member_all .email a{ background:url(../sys_images/repoerter_mail.png) left center no-repeat; padding-left:25px; color:#4591b8; display:block; margin-bottom:10px;}
#member_all .web a{background:url(../sys_images/repoerter_web.png) left center no-repeat; padding-left:25px; color:#4591b8;display:block; margin-bottom:10px;}
#member_all .twitter a{ background:url(../sys_images/repoerter_twitter.png) left center no-repeat; padding-left:25px; color:#4591b8; display:block;margin-bottom:10px;}
#member_all .facebook a{ background:url(../sys_images/repoerter_facebook.png) left center no-repeat; padding-left:25px; color:#4591b8; display:block;margin-bottom:10px;}
#member_all .google a{ background:url(../sys_images/repoerter_google.png) left center no-repeat; padding-left:25px; color:#4591b8;}
#member_all .email a:hover,#member_all .web a:hover,#member_all .twitter a:hover,#member_all .facebook a:hover,#member_all .google a:hover{ color:#ff5c1a;}
#member_all .button2 a{ display:block;font-size:15px; color:#fff; border:1px solid #47597d; background:#47597d;border-radius:5px; padding:10px 30px;}
#member_all .button2 a:hover{display:block; color:#fff; background-color:#47597d;}
#member_all .member-info .member-info-field{line-height:50px;}
#member_all .paypal{padding-left:15px;padding-right:15px;}
#member_all .paypal h3{font-weight:bold;}
#member_all .paypal .tab1{letter-spacing:1px;line-height:25px;}
#member_all .tinymce{width: 100%; max-width:770px; height:600px;resize:vertical;}
#member_all .m_underline{top:0px;margin-bottom:10px;}
#member_all .yt-span{padding-left:20px; font-size:12px; color:#aeaeae; letter-spacing:0.5px; line-height:20px;}
#member_all .button_upload{float:left; margin-top:10px;}
#member_all .upload_td{padding-left:150px; font-size:12px; color:#aeaeae; letter-spacing:0.5px; line-height:20px;}
#member_all img{max-width: 800px;}

@media (max-width: 480px) {
  #member_all .tinymce {
    height: 60vh;
    min-height: 300px;
  }
}

.tb1{padding:0;}
.tb2{padding-left:0;margin-bottom:10px;}
.tb3{padding-right:0;}
@media (min-width: 768px) {
  .tb2 .form_profile_edit,.tb3 .form_profile_edit{min-height:500px;}
}
.tb2 .member-info-field,.tb2 .member-info-content,.tb3 .member-info-field, .tb3 .member-info-content{padding:0;}

.tb4:nth-child(2){padding-left:0;margin-bottom:10px;}
.tb4:nth-child(3){padding-right:0;}
@media (min-width: 768px) {
  .tb4 .form_profile_edit,.tb5 .form_profile_edit{height:700px;}
}
.tb4 .member-info-field,.tb5 .member-info-content,.tb4 .member-info-field, .tb4 .member-info-content{padding:0;}
.tb5{padding-right:0;}

.table1 .member-info-field .agreeOr{padding:1px;}
.table1 .member-info-field {
  width: 20%;
  min-width: 120px;
}
.table1 .member-info-content {
  width: 80%;
}

.login-table .member-info-field {
  line-height: 50px;
}
.login-table i {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: center no-repeat;
  background-size: contain;
}
.login-table i.icon-mobile {
  background-image: url("../images/_img/shareBar/icon-mobile.png");
}
.login-table i.icon-lock {
  background-image: url("../images/_img/icon-lock.png");
}
.login-table i.icon-fb {
  background-image: url("../images/_img/icon-fb.png");
  background-size: auto;
}
.login-table i.icon-apple {
  background-image: url("../images/apple_icon2.png");
  background-size: auto;
}

@media (min-width: 768px) {
  .login-table .bind-box {
    display: inline-flex;
    align-items: center;
  }
}
.login-table .bind-box p {
  margin: 0 0 0 10px;
  color: #888;
  font-size: 12px;
  line-height: normal;
}
@media (max-width: 767px) {
  .login-table .bind-box p {
    margin: 5px 0 0 0;
  }
}

#tab1 a{color:#47597d;}
#tab1 .button{display:table;margin: auto;position:relative;z-index:2;float: none;}
#tab1 > .button {
  margin-top: 10px;
}
#tab1 > .button.right{
  margin: 0 0 15px auto;
}
#tab1 .member-info-content .button {
  display: inline-block;
  padding: 0;
}

#tab1 h3{font-weight:bolder;}
#tab1 .buttonArea .button2{padding:10px 20px;}
#tab1 .member_data{padding-bottom:20px;}
#tab1 .table1 .link a {color:#475a7b;word-break:break-all}
#tab1 .chose{padding-left:0px; font-size:13px;color:#aeaeae;letter-spacing:0.5px;line-height:20px;margin-bottom:15px;width:100%;}
#tab1 .form_profile_edit .table1{width:100%;color:#475a7b; word-break: break-all;font-size: 15px;font-weight: bold;}
#tab1 .pay ul{line-height: 250%;list-style-type:decimal;}
#tab1 .circle6 li a{color:#475a7b;}
#tab1 .agree{width:130px;vertical-align:text-top;padding-right:20px;}
#tab1 .email{color:#000; line-height:26px;}
#tab1 .newsletter{vertical-align:text-top;}
#tab1 .checked{margin-left:50px;}
#tab1 .male{ margin-left:50px;}
#tab1 .hasDatepicker{width:100%;}
#tab1 .job{height:35px; width:100%;border:1px solid #d9d9d9;}
#tab1 .zip{width:60px;margin-bottom:5px;}
#tab1 .address{margin-bottom:0;width:100%;border:1px solid #d9d9d9;height: 35px;}
#tab1 .password{font-weight:normal;}
#tab1 .small{color:gray;}
#tab1 .newpwd{font-weight:normal;}
#tab1 .surePwd{font-weight:normal;}
#tab1 .table1 .ed-email{margin-left:20px;}
#tab1 .year-td{padding:10px 0;}
#tab3 table tr.gray1,#tab2 table tr.gray1{background:#47597d; color:#FFF; width:460px; text-align:center; font-size:15px; height:40px;}
#tab3 table tr.gray1 td,#tab2 table tr.gray1 td {
  word-break: keep-all;
}
#tab3 table tr .date{ font-size:15px; height:40px; min-width:180px; padding-left:20px;}
#tab3 table tr .words{ font-size:15px; font-weight:bold; height:40px; min-width:260px;}
#tab3 table tr.gray2, #tab2 table tr.gray2{ background-color:#f9f9f9;}
#tab2 {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#tab2 table tr .date{ font-size:15px; min-width:100px;text-align:center;height:40px;}
#tab2 table tr .words{ min-width: 150px; font-size:15px; font-weight:bold; min-height:40px; letter-spacing:1px; padding:6px 10px; line-height:23px;}
#tab2 table tr .type{ font-size:15px; font-weight:bold; min-height:40px; min-width:60px; letter-spacing:1px; padding:6px 10px; line-height:23px; text-align:center;}
#tab2 table tr .manage{ word-break: keep-all; text-align:center;}
#tab2 table tr .manage .preview a{ color:#c64839; background:url(../images/_img/plus_icon.png) no-repeat center left 10px; padding-left:32px !important; font-size:14px; font-weight:bold;}
#tab2 table tr .manage .edit a{ color:#c64839; background:url(../images/_img/edit_icon.png) no-repeat center left 10px; padding-left:32px !important; font-size:14px; font-weight:bold;}
#tab2 table tr .manage .offshelf a{ color:#c64839; background:url(../images/_img/offshelf.png) no-repeat center left 10px; padding-left:27px !important; font-size:14px; font-weight:bold; margin-left:15px;}
#tab2 table tr .manage .publish a{ color:#c64839; background:url(../images/_img/post_icon.png) no-repeat center left 10px; padding-left:27px !important; font-size:14px; font-weight:bold; margin-left:15px;}
#tab2 table tr .manage span { display: inline-block;}
#tab2 table tr .manage span a{ display: block;}
#tab2 table tr .manage span a:hover{ color:#2a7a8e;}
#tab2 table tr .state{text-align:center; padding-left:20px;}
#tab2 table tr .state .tick{ color:#252525; background:url(../sys_images/tick.png) no-repeat center left; padding-left:18px; font-size:14px; font-weight:bold;}
#tab2 table tr .state .draft{ color:#668d16; background:url(../images/_img/pen_icon2.png) no-repeat center left; padding-left:20px; font-size:14px; font-weight:bold;}
#tab2 table tr .state .offshelf2{ color:#aeaeae; background:url(../sys_images/offshelf2.png) no-repeat center left; padding-left:15px; font-size:14px; font-weight:bold;}
#tab2 table tr .state .tick a:hover{ color:#4e4e4e;}
#tab2 table tr .state .draft a:hover{ color:#71ad38;}
#tab2 table tr .state .offshelf2 a:hover{ color:#989898;}
#tab2 .button3{float:right;margin:30px 0 10px 0;}
#tab2 .table-bordered{padding-top:30px;}

.buttonArea .button2{display:block;font-size:15px; color:#fff!important; border:1px solid #47597d; background:#47597d;border-radius:5px; padding:5px 10px;}
.buttonArea .button2:hover{display:block; color:#fff; background-color:#47597d;}

.main_content{ clear:both;margin:0 auto;}
.main_content a.ptitle:hover{text-decoration:underline;}
/* TODO: 會員討論區 */
/* .main_content .ptitle {
  font-size: 16px;
  color: #475876;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 39px;
}
.main_content .pdot{ padding-left:35px; background:url(../sys_images/dot.gif) left top no-repeat;}
#member_all .button1{float:right;padding-top:0px;}

#member_all .button3 {
  display:table;
  min-width: 100px;
  padding:8px 10px 8px 30px;
  margin-bottom: 15px;
  background: #47597d url("../images/_img/pen_nohover.png") 9px 11px no-repeat; 
  color:#fff; 
  font-size:15px; 
  border:1px solid #47597d;
  border-radius:5px;
}
#member_all .button3:hover{
  background-color:#fff;
  background-image:url("../images/_img/pen_hover.png");color:#47597d;
} */
.main_content .ptitle{font-size:16px; color:#475876; font-weight:bold; padding:25px 0 10px 0;}
.main_content .pdot{ padding-left:35px; background:url(../sys_images/dot.gif) left top no-repeat;}
#member_all {padding-top:10px;}
#member_all .button1{float:right;padding-top:0px;}
#member_all .button3 a{background:#47597d;background-image:url("../images/_img/pen_nohover.png");background-repeat:no-repeat;background-position-y:11px; background-position-x:9px;display:block;font-size:13px; color:#fff; border:1px solid #47597d; border-radius:5px;padding:10px 10px 10px 30px;}
#member_all .button3 a:hover{background:#fff;background-image:url("../images/_img/pen_hover.png");background-repeat:no-repeat;color:#47597d;background-position-y:11px; background-position-x:9px;}
/* TODO: 會員討論區 */

#member_all .button4 a{ font-size:14px; color:#1ea2c3; border:1px solid #1ea2c3; border-radius:5px; padding:6px 20px 8px 20px;;}
#member_all .button4 a:hover{ color:#fff; background-color:#1ea2c3;}
#member_all .button5 {padding-left:430px; padding-top:100px;}
#member_all .button5 a{ font-size:18px; color:#fff; background-color:#1ea2c3; border-radius:5px; padding:20px 40px;}
#member_all .button5 a:hover{ color:#1ea2c3; border:1px solid #1ea2c3; background:#FFF;}
#member_all .join_w{font-size:16px;color:#000;font-weight:bold;padding:5px 20px;border: 1px solid #d5d5d5;width:120px;border-radius:5px;}
#member_all .post-new{margin-top:10px;}
#member_all .con-td{vertical-align:text-top; padding-top:40px;}
#member_all .con-td2{padding-top:40px;}
#member_all .form_post{ clear:both;font-size:15px; font-weight:bold; max-width:1000px; margin:0 auto; padding-top:30px;}
#member_all .form_post .field{vertical-align:text-top;white-space: nowrap; line-height:30px; width: auto; padding-right: 10px; }
#member_all .form_post .title{ width:100%; height:28px; border:1px solid #d9d9d9; margin-bottom:30px;}
#member_all .button_upload a{ background-color:#5b9ec0; border:1px solid #5b9ec0; color:#FFF; padding:8px 15px; margin-top:30px;}
#member_all .button_upload a:hover{background-color:#2d7499; border:1px solid #2d7499; color:#FFF;}
#member_all .form_post .youtube{ width:300px; height:28px; border:1px solid #d9d9d9; margin-bottom:30px;}
#member_all .in-td{margin-top:10px;}
#member_all .textarea-td{padding-top:10px;}
#member_all .table1 td{padding:0;}
#member_all .form_post .table1{width:100%;}
#member_all label,#member_all input[type=radio]{cursor:pointer;}

@media (max-width: 480px) {
  #member_all .form_post {
    padding-top: 0;
  }
  #member_all .form_post .table1,
  #member_all .form_post .table1 tbody,
  #member_all .form_post .table1 tr,
  #member_all .form_post .table1 td {
    display: block;
    width: 100%;
  }
}

#calendar{ width:360px; height:35px; border:1px solid #d9d9d9; background: #fff url("../sys_images/calendar.png") no-repeat center right 7px; cursor:pointer; font-size:13px; color:#000; letter-spacing:1px;}
.debate-list{clear:both;background:#f2f2f2;}
.pay ul li{list-style-type: disc;}
.paypal-img{vertical-align:middle;}
.loginBox{padding:0;}
.loginBox .boxa{padding-left:0px;}
.loginBox .boxb{padding-left:0px;padding-right:0px;}
.main_content .boxc{padding-right:0px;padding-left:0px;}
#login .loginArea{vertical-align:text-top; line-height:100px}
#login .email-td{line-height:36px;vertical-align:text-top;white-space: nowrap; padding-right:10px;}
#login .img-td{width: 120px; margin: 30px auto; display: block;}
#login .nickname-td{line-height:36px;vertical-align:text-top;white-space: nowrap; padding-right:10px;}
#login .nickname-tip{color:#999;line-height:18px; font-size:13px; padding-bottom:10px; margin-top:5px; }
#login .login-tip{color:#999; font-size:13px;}
#login .input-pasword{line-height:36px;vertical-align:text-top;white-space: nowrap; padding-right:10px;}
#login .con-pasword{line-height:36px;vertical-align:text-top;white-space: nowrap; padding-right:10px;}
#login .e-post{vertical-align:text-top;}
#login .pri-td{vertical-align:text-top; padding-top:35px;padding-bottom:40px;}
#login .pri-td label{padding-left:15px;}

/*==============================================
  RSS
==============================================*/
#rss{font-size:18px; font-weight:bold; letter-spacing:1px; }
#rss .rss-list{padding:15px;margin:0;list-style:none;background:#f2f2f2;}
#rss .rss-list li{/*clear:both;*/width: 45%;line-height:45px;border-bottom:1px dashed #bdbdbd;float: left; margin-right: 24px;}
#rss .rss-list li:last-child{border-bottom:none;}
#rss .rss-list .rss-icon{float:right;background:url("/images/_img/rss_icon_nohover.png");height:39px;width:34px;background-position-y:4px;background-repeat:no-repeat;}
#rss .rss-list .rss-icon:hover{background:url("/images/_img/rss_icon_hover.png");height:39px;background-position-y:4px;background-repeat:no-repeat;}
#rss .rss-item{padding-left:0;padding-top:20px;padding-bottom:20px;}
#rss .title{margin-top:30px;line-height:20px;font-size:18px; color:#1ea2c3; letter-spacing:1px; }
#rss .title2{padding:15px 15px 0 15px;}
#rss .raw1{ padding-left: 0;padding-right: 0px;padding-bottom: 15px;}
#rss .raw2{ padding-right:0;}
#rss .rssContent{margin-bottom:15px;}
#rss .rssContent>.news-list{margin-top:0px;}
.rssContent .news_marquee {margin-bottom:15px;}
#rss .raw2 .rssArea{margin-bottom:30px}
/* #rss .raw2 .rss-list {padding-bottom:25px;} */
.right_column .raw3 {margin-bottom:15px;padding:10px;}
.right_column .raw3 .rssArea{padding:15px;background:#f2f2f2;}
.right_column .raw3,.raw4{padding:0;}
/* .right_column .raw4 .rssArea .title2{background:#f2f2f2} */
.right_column .text{color:#252525;text-align:left;line-height:22px;}
.right_column .raw4 .rssArea, .right_column .raw5 .rssArea{margin-bottom:15px;background:#f2f2f2;padding:15px;}
.right_column .raw5 {
  padding: 0;
}
.right_column .raw4 .rssArea .text{color:#252525;text-align:left;line-height:22px;}

.right_column .raw3 {margin-bottom:30px;padding:10px;}
.right_column .raw3 .rssArea{padding:10px;background:#f2f2f2;}
.right_column .raw3,.raw4{padding:0;}
.right_column .raw4 .rssArea .title2{background:#f2f2f2}
.right_column .text{color:#252525;text-align:left;line-height:22px;}
.right_column .raw4 .rssArea{margin-bottom:30px;background:#f2f2f2;padding:10px;}
.right_column .raw4 .rssArea .text{color:#252525;text-align:left;line-height:22px;} .raw3 {margin-bottom:30px;padding:10px;}
.right_column .raw3 .rssArea{padding:10px;background:#f2f2f2;}
.right_column .raw3,.raw4{padding:0;}
.right_column .raw4 .rssArea .title2{background:#f2f2f2}
.right_column .text{color:#252525;text-align:left;line-height:22px;}
.right_column .raw4 .rssArea{margin-bottom:30px;background:#f2f2f2;padding:10px;}
.right_column .raw4 .rssArea .text{color:#252525;text-align:left;line-height:22px;}

@media (max-width:991px) {
  .rss_index .raw3,
  .rss_index .raw4 {
    padding: 0 !important;
  }
  /* .rss_index #rss .raw2 .rssArea {
    margin-bottom: 5px;
  }
  .rss_index .right_column .raw3 {
    margin-bottom: 15px;
  } */
}

@media (max-width: 767px) {
  .rssContent .mb_padding_group {
    margin-top: 15px;
  }
  #rss {
    padding-bottom: 0 !important;
  }
  #rss .raw2 .rssArea,
  .right_column .raw3,
  .right_column .raw3 {
    margin-bottom: 0;
  }
}

/*==============================================
  辯論
==============================================*/

#debate .sectionArea{background:#f2f2f2;}
#debate .section-title{padding:30px 0;}
#debate .calendar{margin-top:0px;}
#debate .calendar .date-span{font-size:15px !important;}
#debate .textarea1{margin-left:16%;}
#debate .checkBox{margin:0 0 0 20px;}
.left_column .section-title .title2{background:#f2f2f2;padding:15px;padding-bottom:0;}

#debate_result{ padding:20px 0 20px 0; border-bottom:1px solid #fff; }
#debate_result .left{display:block;}
#debate_result .right{padding:0;font-size:32px; color:#099c44; font-weight:bold; text-align:right;float:right;padding-right:10px;}
#debate_result .right span{ font-size:16px; color:#5a5a5a;}
#debate_result .left .debate_title a{text-align: left;display:block;font-size: 18px;display: inline;font-weight: bold;line-height:28px;}
#debate_result .left .date{text-align: left;color: #828282;font-size: 13px;padding: 10px 0 5px 0;letter-spacing: 1px;}
.left_column .sectionArea{background:#f2f2f2;}
.noClick-style{pointer-events:none;border:1px solid #999 !important;color:#999 !important;}
.topic-news-list{margin-top:0;}
.opinion-article-list {  border-top:1px solid #fff;margin:10px 0; padding-top:15px;padding-bottom:15px;padding-right:20px; }
.opinion-article-list .opinion-article-item{  margin-top:10px;padding:0;  }
.opinion-article-list .opinion-article-item .title{ font-size:16px; font-weight:bold;}
.opinion-article-list .opinion-article-item .date{font-size: 13px;color: #828282;letter-spacing: 1px; padding:10px 0 15px 0; }
.opinion-article-list .opinion-article-item .text{font-size:15px; line-height:23px;}
.member-info .member-info-field {vertical-align:text-top;white-space: nowrap; line-height:27px;width:120px;}
.news-content{line-height: 170%;}
.right-column{padding-right:0px;height:100%;}
.ad-container{margin: 0 auto 20px auto;clear:both;}
.ad_first .ad-container {
  margin-bottom: 0;
}
.news-list .ad-container{margin-top:-10px;margin-bottom:20px;}
.news-author-list .text{padding-top:30px;line-height:33px;}
.pusher {background:white !important;}
.mem-tabs{padding:8px 45px 8px 45px;}
.exclusive .video-container{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.exclusive .video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.opinion_author_list .pic {margin-top: 15px;}
.print-btn{float:left;font-size: 130%;margin-top: 3px;margin-right: 11px;}

#reverify_form {margin: 50px 0px 50px 0px;}
.bt_sns_share .sns_share{float:left;/*width:100%;*/margin-bottom:5px;}
.sns_share {margin-top: 5px;}
.like-newtalk {margin-top: 0rem;margin-bottom: 3rem;}
.like-newtalk p{color:gray; font-size: 130%;}
#calendar_all .tooltip{font-size: 15px;}

/*================================
left&right
==================================*/

  .left_column{width: calc(100% - 315px);margin-right: 15px;padding:0;float:left;padding-left:0px;padding-right:0px;}
  .left_column .video iframe{max-width:100%;height:100%;position: absolute;/*top:0px;*/}
  .right_column, .right_column{width:300px;padding:0;float:right;min-height:auto!important;}
  .square {list-style-image: url("../_image/square.png"); line-height: 30px;margin-left: 30px; }
  .circle{list-style: url("../images/_img/icon4.png");margin-left: -21px;display:inline-block;clear:both;}
  .circle5{list-style: url("../images/_img/circle5.png");display:inline-block;clear:both;}
  .circle6{list-style: url("../images/_img/circle5.png");clear:both;}
  .title2 {font-size:18px;font-weight:bolder;width: 100%;float: left; position: relative; }
  .more {color: #9E2F4F;width: 50%;float: left; }
  .more a {color: #9E2F4F; }
  .inner_title{font-size:16px;color:#313131;word-wrap:break-word;font-weight: bolder;}
  .inner_title a{color:#313131;}
  .inner_title a:hover{color:#c94632;}
  .inner_date, .inner_text{font-size:13px;color:#707070;word-wrap:break-word;}

@media (max-width: 767px) {
  .left_column {
    margin-right: 0;
  }
}

/*頭條新聞*/
.news_content img:not(.badge){width:auto !important;max-width:100%;height:auto !important;}
.news_content .news_img{text-align:center;}
.pointNew{background:#f2f2f2;float:left;padding:15px 0 15px 15px;width:100%;margin-bottom:20px;}
.pointNew .title2 {
  padding-right: 15px;
}
@media (max-width: 767px) {
  .Top5 {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .pointNew .title2 {
    margin: 0 !important;
  }
}
@media (max-width: 540px) {
  .pointNew {
    padding-right: 15px;
  }
  .pointNew .title2 {
    padding-right: 0;
  }
}

#compass-fit-widget-content .news_img {
  padding-right: 20px;
  padding-bottom: 18.85% !important;
}
#compass-fit-widget-content .news-img {
  padding-bottom:56.7% !important;
}
@media (max-width: 767px) {
  .news_summary #summary .text {
    padding-left: 15px;
  }
  .news_summary .famous {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .news_summary .citizen {
    margin-bottom: 0 !important;
    background-color: #f2f2f2;
  }
  #compass-fit-widget-content .news_img {
    padding-bottom: 26.13% !important;
  }
}

.pointNew .news_img img {width:100%;height:100%;position:absolute;}
.news_title3{position:absolute;bottom:0;font-size:18px;width:100%;text-align:left;line-height:25px;background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);;padding:3px;}
.news_title3 a{font-size:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*特別企劃*/
.specialProject{width:100%;background:#eee;padding:10px 15px;margin-bottom:20px;float: left; }
.specialProject_Area{clear:both;margin:0 auto;display:table;}
.specialProject_Area img{width:100%;max-width:300px;}
.specialProject_Text{max-width:300px;margin:0 auto;color:#004986;font-size:16px;padding:10px 0;line-height:25px;}
.specialProject_Text a{color:#004986;word-break:break-all;}
.specialProject_Text a:hover{color:#c94632;}
.ad_right1,.ad_right2{width:300px;float: right;}
.ad_right3, .ad_right4{width:300px;float:left;}

@media (max-width: 767px) {
  .specialProject {
    margin-bottom: 0;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
}

/*================
熱門議題.電競科技
==================*/
#midAreaBox{background:url(../images/_img/black_bg.png);margin-bottom:20px;}
#midAreaBox .video{padding-left:0px}
#midAreaBox .mid_more{margin-right:0px;}
#midAreaBox .midBox .video_img{padding-left:0;}
#midAreaBox .video:nth-child(3){padding-right:0;}
#midAreaBox .video:nth-child(3) .v_video{padding-bottom:53.5%;}
#midAreaBox .midBox .video_img:nth-child(7){padding-right:0;}
#midAreaBox .midBox .video_img:nth-child(7) .v_video{padding-bottom:51%;}
.midBox{clear:both;}
.midBox div.video:nth-child(4){padding-right:0;}
.midBox div.video_img:nth-child(8){padding-right:0;}
.mid_title, .mid_more{color:#fff;margin-right:15px;}
.mid_more a{color:#fff;}
.mid_more a:hover{color:#ff5c1a;}
.mid_title{background-position-y:22px;height:40px;float:left;}
.mid_more{float:right;}
.midArea{padding:15px 0px;}
.video_b{margin-bottom:15px;}
.v_video{position:relative;overflow:hidden;padding-bottom:54.9%;}
.v_video img{width:100%;position:relative;}
.v_video .jqimgFill, .v_video a{width:100%; height: 100%;}
.v_video > a { position: absolute; }
.video_s .v_video{overflow:hidden;}
.v_title{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  color:#fff;position:absolute;bottom:0;text-align:center;width:100%;display:inline-block;
  background:rgba(0,0,0,0.5);font-size:16pt;left:0;
}
.v_title a{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;word-wrap:break-word;display:block;}
.v_title a:hover{text-decoration:underline;}
.video_img{margin-bottom:10px;}
.v_s_title{
  color:#fff;
  font-weight:300;
  position:absolute;
  bottom:0;
  text-align:left;
  width:100%;
  display:inline-block;
  background:rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  line-height:1.5em;
  font-size:19px;
  padding:3px;
  left:0;
}
.v_s_title a{color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:18px;}
.v_s_title a:hover{text-decoration:underline;}
.v_text{color:#fff;}
.v_content{float:left;margin-bottom:10px;line-height:25px;width:100%;}
.v_c_title{font-size:18px;font-weight:normal;color:#fff;}
.v_c_title a{color:#fff;display:block;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.v_c_title a:hover{color:#ff5c1a;}
.v_content .circle{display:inherit;overflow:hidden;margin-left:0;}
.v_content img{float:left;margin-top:7px;margin-right:5px;}
.v_c_text{margin-left:15px;font-size:18px;font-weight:100;color:#959595;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
@media (max-width: 767px) {
  #midAreaBox {
    margin-bottom: 0;
  }
}

/* 頭條新聞 */
.carouselNew{width:100%;margin-bottom:20px;margin-top:0px !important;}
.carouselNew .flex-viewport{overflow:hidden;position:relative;}
@media (max-width: 767px) {
  #carousel {
    overflow: visible;
  }
  .carouselNew #carousel {
    display: none !important;
  }
}
.carouselNew .flex-direction-nav{position:absolute;top:50%;width:100%;}
.carouselNew .flex-nav-prev{float:left;}
.carouselNew .flex-nav-next{float:right;}
.carouselNew .flex-direction-nav a:before{color:rgba(255,255,255,0.8);}
.carousel{margin-bottom:15px;}
.flexslider{margin:0px !important;overflow:hidden;
  background:none !important;border:none !important;padding:5px !important;}
.flex-direction-nav a{height:50px !important;}
#carousel .s_slides{border:2px solid #000;height:100% !important;width:197.5px !important;}
#carousel .flex-active-slide{border:2px solid red !important;}
#carousel{position:relative;}
#carousel .pic {
  height: 100%;
}
#slider{margin-top: -20px;margin-bottom:0;background:#000 !important;}
#slider img{width:100% !important;position:absolute;}
#slider .flex-direction-nav{display:none;}

#slider .slides li a {
  display: block;
  height: 100%;
  padding-bottom: 62.4%;
  position: relative;
}
#slider .slides li a .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#slider ul.slides{width:1600% !important;}
#slider .slides iframe{position:absolute;padding-bottom:0%;width:100%;min-height:100%;}
.email-sp{margin-bottom:0px;line-height:15px !important;}
.slides li{overflow:hidden;position:relative;}
ul.slides{height:110px;}
.flex-control-nav{display:none !important;}
@media (max-width: 767px) {
  #slider {
    overflow: visible;
  }
  .flex-control-nav{display:block !important;}
}
.s_slides{max-height:100px;max-height:100%;}
.s_slides img{margin:0 auto;vertical-align:middle;width:100%;}
.s_marquee{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  color:#fff;
  overflow:hidden;
  word-wrap:break-word;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px;
  font-size:17px;
}
.carousel_mask{
  background:url("../images/_img/rgb.png") repeat-y;
  height:100%;
  position:absolute;
  z-index:1;
  width:100%;
  background-size:cover;
  pointer-events:none;
  display:none\0;
  *display:none;
}
.b_marquee{position: absolute;bottom: 0;text-align: center;width: 100%;background: rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  font-size: 34px;padding: 10px 86px;color: #fff;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;
}

@media (max-width:767px) {
  .carouselNew {
    margin-bottom: 0;
  }
  /* .carouselNew .pointNew_slider {
    margin-bottom: 40px;
    background-color: #000;
    border: 5px solid #000;
  } */
  .carouselNew .flexslider {
    padding: 0 !important;
  }
  /* .carouselNew #carousel {
    display: none !important;
  } */
  /* #slider .flex-direction-nav {
    display: block;
  } */
  #slider .flex-direction-nav a {
    text-align: center;
  }
  #slider .flex-direction-nav li a:before {
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
  }
}

.m_title{float:left;color:#9e2f50;font-weight:bold;background-position-y:22px;height:40px;}
.m_underline{width: 60px;height: 5px;display: block;background: #9e2f50;position: relative;top: 25px;}
.read_more {
  color:#9e2f50; 
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.read_more a {color: #9e2f50;}
.read_more a:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #ff5c1a;
  opacity: 0;
  transition: width 0.3s, left 0.3s, opacity 0.3s;
}
.read_more a:hover:after {
  width: 100%;
  left: 0;
  opacity: 1;
}

/*加入新頭殼之友*/
  .joinNewtalk{width:100%;margin-bottom:20px;float:left;}
  .join_img{position:relative;}
  .join_img img{width:100%;}
  .join_title{color:#0075a9;font-weight:bolder;font-size:30px;text-align:center;line-height:34pt;}
  .join_btn{position:absolute;top:13%;width:70%;left:15%;}
  .join_text{text-align:center;color:#313131;font-size:17px;letter-spacing:0.5pt;line-height:20pt;}
  .mb_btn{text-align:center;}
  .mb_btn a img{width:60%;}
@media (max-width:767px) {
  .hotline {
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
}

.followTalk {
  padding: 0 15px 15px 15px;
  font-size: 0;
}
.followTalk > a {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  /* height: 300px; */
  position: relative;
  background: center no-repeat;
}
.followTalk > a > img {
  display: block !important;
  max-width: 100%;
  width: 100%;
}
.followTalk > a .fb-like {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 2;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(255,255,100,0.2);
}

.joinNewtalk {
  display: none;
}
.followTalk .forMobile {
  display: none !important;
}

@media (min-width: 500px) {
  .joinFriends {
    display: block;
  }
}
@media (max-width: 500px) {
  .joinFriends {
    display: none !important;
  }
  .joinNewtalk {
    display: block;
  }
  .followTalk > a {
    display: block;
    width: 100%;
  }
  .followTalk > a .fb-like {
    left: auto;
    right: 10vw;
    bottom: 6vw;
    transform: none;
  }
  .followTalk .forMobile {
    display: block !important;
  }
  .followTalk .forDesktop {
    display: none !important;
  }
  .mb-padding0 #joinNewtalk .hotline {
    margin-bottom: 0 !important;
  }
  .news_view #joinNewtalk .hotline {
    background-color: #fff !important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
}
@media (max-width: 420px) {
  .followTalk > a .fb-like {
    right: 15px;
    bottom: 5vw;
  }
}

/*影音特區*/
.mv{width:100%;background:#eee;margin-bottom:20px;padding:10px;}
.mv_img img{width:100%;}
.mv_title{color:#004986;font-size:16px;padding:10px 0;line-height:25px;}
.mv_title a{color:#004986;}
.mv_title a:hover{color:#c94632;}

/*觀點特區*/
.Opinion{width:100%;background:#f2f2f2;margin-bottom:20px;padding:10px;float:left;}
.OpinionArea{clear:both;float:left;margin-bottom:10px;}
.o_opBox{clear:both;}
.o_img{padding:0;}
.o_title{font-size:18px;color:#313131;}
.o_text{font-size:13px;color:#313131;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.o_title:hover, .o_text:hover{color:#c94632;}
.o_content{padding-top:8pt;line-height:15pt;padding-right:0;}

/*公民連線*/
.citizen{width:100%;background:#eee;margin-bottom:20px;padding:15px;font-size:16px;}

/*如何成為公民記者*/
.howCitizen{width:100%;}
.how_title{font-size:22px;color:#c94632;text-align:center;padding:10px 0;font-weight:bolder;}
.how_text{color:#313131;font-size:15px;text-align:left;line-height:18pt;padding-left:5px;padding-right:5px;padding-top:3%;padding-bottom:3%;}
.how_btn{text-align:center;padding:0;}
.how_btn_img{
  font-size:20px;
  background:#006a7c;
  font-weight:bold;
  color:#fff;
  line-height: 50px;
}

/* .how_btn img{width:100%;max-width:100px;max-width:100px;} */
.fontLinkArea{display:block;float:left;margin: 5px 0;}

/*上半部content*/
#contentTop {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
#contentTop .contentBox{
  width:40%;
  position: relative;
  /* float:left; */
}
#contentTop .content_tag{
  width:60%;
  /* float:left; */
}

#contentBottom .content_tag{
  width:100%;
}
@media(max-width:650px){
  #contentTop {
    display: block;
  }
  #contentTop .contentBox,
  #contentTop .content_tag {
    width: 100%;
  }
}

/*================================
最新報導
==================================*/
.news_text{overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}

/*================================
加入新頭殼之友
==================================*/
.btn1{background:#46597d;color:#fff;padding:10px 20px;border-radius:5px;width:180px;margin:0 auto;text-align:center;}
.btn1:hover{background:#c94632;}
.btn1 a{color:#fff;padding:14px 38px;}
.joinArea{margin-bottom:30px;}
.join_w{border:1px solid #d0d0d0;padding:5px 10px;border-radius:5px;float:left;font-weight:bold;}
.tooltip.right .tooltip-arrow{border-right-color:#26747a;}
.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;margin-top:-65px;left:102px;
border-width:5px 8px 5px 0;border-color:transparent #26747a transparent transparent;}
.tooltip-inner{background-color:#26747a;position:absolute;left:110px;margin-top:-85px;width:100%;}
.right_column .tableArea, .right_column .tableArea{width:100%;float:right;}
.right_column .mv, .ad2, .right_column .mv{width:100%;margin-bottom:20px;}
.right_column .mv_img iframe, .right_column .mv_img iframe{width:100%;}
#ad-ad_key_cat_news_3_content_block_1,#ad-ad_key_cat_news_3_content_block_2{width:100%;}
#index_famous .famous_all{clear:both}
#index_famous .famous_pic{float:left;width:30%;}
#index_famous .pic {width:80px;height:80px;}
#index_famous .pic img{width:100%;height:100%;}
#index_famous .famous_title{float:left;width:70%;padding-left: 5px;}
#index_famous .name{font-size:18px;font-weight: bold;word-wrap:break-word;}
#index_famous .sub_title{font-size:15px;word-wrap:break-word;}
.sitemap2 .group2 span{color:#CCC; font-weight:lighter;}

/*===================
著作權與隱私條款
=====================*/
.contact_cont_area ul,
.contact_cont_area ol {
  padding-inline-start: 1.5em;
}
.contact_cont_area h3{color:#9c3050;font-size:17pt; line-height: 35px;}
.contact_cont_area li{padding-top:10px;padding-bottom:10px;}

@media (max-width: 480px) {
  .contact_cont_area h3{font-size:15pt; line-height: 30px;}
}

/*===================
邀請你加入新頭殼之友
=====================*/
#premium{margin-bottom:0px;}
#premium .card-img{vertical-align:middle;}
#premium .policy h3{font-weight:bold;}
#premium ul{line-height: 250%;list-style-type:decimal;padding:0px 20px;}
#premium ul li a{color:#46597d;}

/*===================
隱私權聲明
=====================*/
#privacy .contact_cont_area .first_ul{list-style:none;padding:0;}
#privacy .contact_cont_area .secon_ul{list-style-type:disc;}
#privacy .contact_cont_area .thir_ul{list-style-type:decimal;}
#privacy .contact_cont_area .circle_ul{list-style-type:circle;}
#opinion-title .author-list{background:#f2f2f2;}
/* #opinion-title .authorArea{padding:10px;} */
.right_column .raw3, .raw4, .right_column .raw3{letter-spacing:1.5px;}
.right_column .raw3 .text, .right_column .raw4 .text{line-height:24px !important;}
.right_column .raw3 .text, .right_column .raw4 .text{line-height:24px !important;}
.video img,.video_img img{width:100%;position:absolute;height:100%;}
.gsst_a{padding-top:7px !important;}

/*================================
404
==================================*/
.main_content .re-title{font-size:56px;}
.main_content .go-title{font-size:40px;}
.main_content .re-subtitle{font-size:26px; letter-spacing:1px;}
.main_content .four{ text-align:center;  padding-top:100px; padding-bottom:160px;}
.main_content .four .button{ margin-top:50px;}
.main_content .four .button a{ letter-spacing:1px;font-size:20px;color:#47597d; border:1px solid #47597d; padding:13px 47px; width:90px;border-radius:5px;}
.main_content .four .button a:hover{ background-color:#47597d; border:1px solid #47597d; color:#FFF;}

.main_content .go-btns {
  display: flex;
  justify-content: center;
}
.main_content .go-btns .btn-download {
  margin-right: 20px;
}

.index2 .container{padding:0 15px; position: relative;}

@media (min-width: 980px) {
  .index2 .follow-scroll.is-fixed {
    float: none !important;
    margin-left: -300px;
    position: fixed;
    bottom: 0;
    right: auto;
  }
  .index2 .follow-scroll.is-active {
    margin-left: 0;
    position: absolute;
    right: 15px !important;
    left: auto !important;
    bottom: 0;
  }
}
/* @media (max-width: 979px) {
  .index2 .follow-scroll {
    left: 0 !important;
  }
} */
@media (max-width:979px) {
  .index2 .follow-scroll {
    left: auto !important;
  }
}
@media (max-width:767px) {
  .mb-padding0 > .container {
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
.content .container{padding:0 15px;}
.tag_for_item a{margin-bottom:10px;}
#mceu_49{width:80%!important;left:200px!important; }
#mceu_49-body{margin:0 auto;width:100%!important;}
.no-news{text-align:center;margin-bottom:20px;}

.main, .articleBody {
  position: relative;
  overflow: hidden !important;
  word-break: break-all;
}
@media (max-width:767px) {
  .main_content .re-subtitle{font-size:20px;}
  .main_content .four .button a {
    padding: 10px 20px;
    font-size: 18px;
  }
  .main_content .go-title{font-size:35px;}
}

/*==========supperted_browsers============*/
#sb .navbg2{background:#26747a;height: 30px;width: 100%;}
#sb .header{display:block;height:90px !important;background-image: url(../images/_img/black_bg.png);}
#sb>.container{width:800px;}
#sb>.container img{width:400px;}
/*==========supperted_browsers============*/

/*==========popIn============*/
._popIn_recommend_container{background:#f2f2f2;}
#_popIn_recommend ._popIn_recommend_container {
  padding: 15px 15px 0 15px !important;
}
#_popIn_recommend #_popIn_hybrid ._popIn_recommend_header {
  margin-bottom: 0;
}
._popIn_recommend_header{text-align:left!important;border-top:none!important;
  border-bottom:none!important;color:#9e2f50;font-weight:bold;height:40px;
  font-size:18px !important;letter-spacing:0 !important;}
#___plusone_0{width:40px !important;height:40px !important;}
#___plusone_0 iframe{width:60px !important;height:40px !important;}

/*==========popIn============*/

.main_content .logo img{max-width:400px;}
/* .mb_menu{visibility:hidden;height:0px;margin-bottom:0px;} */
.c_radio label{padding-left:0px;}
.cjImg{width:100%;}
.ad_right_l{float:right;width:300px;}
.ad_right_l-index{float:right;width:300px;}
.news-list .news-list-item .news_img a{min-height:auto !important;}
.news-list-item .news_img img{position:absolute;width:100%;}
.citizen .circle{display:block;}
.v_video iframe{position:absolute;}

.midBox{display:block;}
.mb_midBox{display:none;}
.newtalk-pc{display: block;}
.newtalk-mb{display: none;}
.pc_ad_top{display:block;}
.mb_ad_top{display:none;}

/*APP浮動*/
#App_box{width:150px;height:220px;position:fixed;right: 70px;top:380px;z-index: 100;}
#App_box a{color:#fff;}
#App_box .App_Icon{border:1px solid #000;margin-bottom:10px;}
#App_box .App_Qrcode{width:100px;margin:0 auto;margin-bottom:10px;}
#App_box img{width:100%;}
#App_box .App_Download{background:#ff3d00;color:#fff;text-align:center;padding:5px;font-size:18px;height:80px;}

/*2018縣市長大選 浮動*/
#vote-right {
  position: fixed;
  right: 70px;
  top: 110px;
  z-index: 100;
}

/*右下角新頭殼App*/
#Newtalk_App{width:100%;background:#eee;margin-bottom:20px;padding:10px;float:left;font-size:16px;}
#Newtalk_App .App_Icon{padding-top:10px;float:left;width:85px;height:104px;margin-right:10px;background:#fff;}
#Newtalk_App .App_Icon img{width:100%;}
#Newtalk_App .App_text{font-size:15px;letter-spacing:1px;}
#Newtalk_App .App_Download{
width:152px;height:35px;
cursor:pointer;
float:left;
left:16px;top:7px;
position:relative;
background-repeat:no-repeat;
background-image: url(../images/_img/download_app_btn.png);
}
#Newtalk_App .App_Download:hover{
 background-image: url(../images/_img/download_app_hover.png) 
}
#Newtalk_App img{width:165px;}

/*ap_ad*/
/*手機上方廣告*/
#div-gpt-ad-1452674459179-0{width:100%;text-align:center;}
.App_ad_box{
  width:50%;margin: auto;text-align:center;display:none;}

/*2018縣市長大選 上方廣告*/
#vote-top {
  margin-bottom: 20px;
}
#vote-top a {
  display: block;
  width: 100%;
  height: 90px;
  background: url(../images/event/2018vote/ad_1903x90.gif) center no-repeat;
  background-position: 45% 50%;
}
#vote-top a img {
  display: none;
  width: 100%;
}

/*右側*/
#App_ad{margin-bottom:10px;display:none;}
#mb_App_ad{
    display:none;
    width:100%;
    height:115px;
    background:url(../images/_img/black_bg.png);
  }
  #mb_App_ad .close{
    float: left;
    background: #000;
    border-radius: 70px;
    color: #fff;
    width: 30px;
    height: 30px;
    position: relative;
    top: 10px;
    left: 10px;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    text-align: center;    
  }
#mb_App_ad .App_icon{width:100px;padding-top:15px;}
#mb_App_ad .App_icon img{width:100%;}
#mb_App_ad .App_box{display:flex;position:relative;padding:0px 5px 10px 10px;} 
#mb_App_ad .App_content h3{color:#fff;margin-top:15px;}
#mb_App_ad .App_content p{color:#fff;line-height:10px;}
#mb_App_ad .download_btn{color:#fff;background:#c94632;height:30px;padding:5px;text-align:center;position:absolute;right:5%;top:50%;}
#mb_App_ad a{color:#fff;}

/*新聞內頁新頭殼區塊調整*/
.newtalk-pc{display: block;}
.newtalk-mb{display: none;}
.pc_ad_top{display:block;}
.mb_ad_top{display:none;}

/*直播設定*/
.viewpoint-pc{display: block;}
.viewpoint-mb{display: none;}

/*抒發己見連結*/
p#inner_news_talk a{font-size: 20px;color: #12A230;font-weight: bold;}

/*首頁輪播youtube*/
#slider .slides .focus_yt_div {
  background: url(../sys_images/focus_yt_mask.png) center bottom -30% no-repeat;
  background-size: 120%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 998;
}
#slider .slides .focus_yt_div:hover  {background-image: url(../sys_images/focus_yt_mask_hover.png);}
#midAreaBox .video_b  .focus_yt_div:hover{background-image: url(../sys_images/focus_yt_mask_hover.png);}
#midAreaBox .video_b  .focus_yt_div {background-image: url(../sys_images/focus_yt_mask.png); background-size: cover; width:100%;height: 82%;position:absolute; z-index:998;}
.broadcast-item .video .focus_yt_div:hover, #midAreaBox .video_s  .focus_yt_div:hover  {background-image: url(../sys_images/video_yt_mask_hover.png);}
#midAreaBox .video_s  .focus_yt_div {background-image: url(../sys_images/video_yt_mask.png); background-size: cover; width:78%;height: 82%;position:absolute; z-index:998; top: 0; left: 0; right: 0;
bottom: 0; margin: auto;}

@media (max-width: 767px) {
  #midAreaBox .container {
    padding: 0 15px;
  }
}

.broadcast-item .video .focus_yt_div {background-image: url(../sys_images/video_yt_mask.png); background-size: cover; width:100%;height: 82%;position:absolute; z-index:998; margin-top: 6%;}
.broadcast-item .video .focus_fb_div { 
  width:100%;
  height: 100%;
  position:absolute; 
  z-index:998;
  background:url(../sys_images/video_fb_mask.png?kdhi5w) no-repeat;
  margin-top: 6%;
  background-size: contain;
  z-index:5;
}
@media (max-width: 767px) {
  .broadcast-item .video .focus_fb_div,
  .broadcast-item .video .focus_yt_div {
    margin-top: 0 !important;
  }
}

.focus_fb_small{
  width: 75% !important;
  height: 75% !important;
  top:-11px !important;
}

.focus_fb_big{
  width: 40% !important;
  height: 40% !important;
  top:-11px !important;
}

.focus_fb {
  background-image: url(../sys_images/video_fb_mask.png?kdhi5w);
  background-repeat: no-repeat;
  background-size: 150%;
  position: absolute;
  z-index: 998;
  z-index: 5;
  background-position: center;
  width: 25%;
  height: 25%;
  top:20px;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
}

.about-sec{vertical-align:top;}

/* google 驗證碼 custom*/
#form .inner_post_btn_area{margin-top: 5px;}

/*影片*/
iframe>html>body>#viewport>#page>div._129-{display:none;}
iframe>._52z5{display:none !important;}
#page ._1o0y {
    background-size: 50px 324px;
    background-position: 1px 9px;
    height: 60px;
    width: 60px;
}

/*分享*/
.manyHerbsapi{
  float:left;
  margin-right:5px;
}

.top_hearbs_bar img{
  height: 31px !important;
}

.fb-like{
  line-height:20px;
  margin-right:5px;
  margin-left:5px;
  float:left;
}

.share-plus{
  display:block;
  height:40px;
}

.keyWoard{
  float:left;font-weight:bold;margin-right:10px;
}

.App_ad_bottom{
  text-align:center;
  display:none;
  clear:both;
}

#howCitizenBox{
  position:absolute;
  width: 100%;
  left: 0;
}

.del-left-pad{padding-left:0;clear:both;}
.sticky-wrapper{float:left;width:300px;}
@media (max-width:979px) {
  .ad_right_sticky_main {
    width: 300px;
    position: absolute !important;
    right: 0;
    top: 0;
  }
  .ad_right_sticky_main .ad_right4 {
    width: 100%;
    float: none;
    right: 0;
    position: absolute;
    right: 0;
    top: 602px;
  }
}
/*google console search 高度預留*/
/* #___gcse_2, #___gcse_3 {
  height:0 !important; 
} */
/*@media (max-width: 767px) {
  #___gcse_2{
    height:45px !important; 
  }
} */

#dablewidget_6Xg8WqoN {
  position: relative;
  z-index: 2;
}

.gliaplayer-container {
  height: 250px;
  width: 300px;
  float: right;
  background-size: initial;
  background-position: center center;
  background-repeat: no-repeat;
}

.instream_pc {
  height: 360px;
  background-size: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/sys_images/ad_loading.png");
}

.instream_mobile {
  height: 250px;
  background-size: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/sys_images/ad_loading.png");
}

.ad_footer {
  text-align: center;
  margin-bottom: 1.5em;
  height: 250px;
}

.combine_ad > div {
  margin-bottom: 0px;
}

.ats_insert_ads {
  height: 90px;
  margin-bottom: 20px;
  background-size: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/sys_images/ad_loading.png");
}