/*======================================================================== 
  Copyright: 匯豐汽車網路事業
  Author: Amber
  ========================================================================*/
body {
  font-size: small;
}
.newsArticle h2 {
  margin-bottom: 50px;
}

.newsArticle p {
  font-size: 18px;
  line-height: 170%;
  color: #555555;
  margin-bottom: 35px;
}

.content975 {
  z-index: 5;
}

.hasShadow {
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1024px) {
  .newsArticle h2 {
    margin-bottom: 20px;
  }
}


/*======================================================================== 
  主圖
  ========================================================================*/
.innerMainTitle h2 {
  background: url(../../images/title-news.png) no-repeat center center;
}

@media screen and (max-width: 1024px) {
  .innerMainTitle h2 {
    background: url(../../images/title-news.png) no-repeat center center;
    background-size: 100%;
  }
}
/*======================================================================== 
  文章標題
  ========================================================================*/
.newsInnerBox {
  background: #fff;
  padding: 28px 0px 60px 0px;
  position: relative;
}
.mainTitle {
  position: relative;
  margin-bottom: 12px;
}
.mainTitle .category {
  position: absolute;
  bottom: -12px;
  right: 0px;
}
.newsInnerBox .mainTitle h3{
  font-size: 30px;
  color: #666;
  margin: 16px 0px 6px;
  line-height: 32px;
}
.newsInnerBox b a{
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background: #00a1e9;
}
.newsInnerBox b a:hover{
  opacity: 0.8;
}
.newsInnerBox span{
  color: #53565a;
}
.newsInnerBox h3{
  font-size: 30px;
  color: #666;
  margin: 16px 0px 6px;
  line-height: 32px;
}

.category ul.icon li{
  line-height: unset;
  width: 35px;
  height: 35px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.category ul.icon li:last-child {
  margin-right: 0px;
}
.category ul li.icon img {
  width: 100%;
}
/*======================================================================== 
  文章內容
  ========================================================================*/

.newsInner {
  background-color: #fff;
  padding: 20px 0px 0px;
}
.textSwitch {
  width: 100%;
  margin-bottom: 35px;
  overflow: hidden;
}
.textSwitch ul {
  float: right;
  margin: 0px;
}
.textSwitch ul li {
  float: left;
  font-size: 15px;
  background-color: #eeeeee;
  border: 3px solid #eee;
  -webkit-transition: unset;
  -mozilla-transition: unset;
  -ms-transition: unset;
  -o-transition: unset;
  transition: unset;
}
.textSwitch ul li:hover{
  webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
.textSwitch ul li.textTitle {
  padding: 1px 5px;
  color: #666;
  font-weight: bold;
}
.textSwitch ul li a {
  display: block;
  background-color: #fff;
  padding: 1px 5px;
  color: #ccc;
  font-weight: bold;
}
.textSwitch ul li a:hover{
  color: #00a1e9;
}
.textSwitch ul li a.active {
  background-color: #eeeeee;
  color: #00a1e9;
}
.newsInner .newsContent{
  width: 98%;
  margin: 0 auto;
  overflow: hidden;
}
.newsInner .newsContent {
  font-size: 18px;
}

.newsInner .textTidy {
  text-align:justify;
  -ms-text-justify: inter-ideograph; /IE9/
　-moz-text-align-last:justify; /Firefox/
　-webkit-text-align-last:justify; /Chrome/
}
.newsInner .newsContent h1 {
  font-size: 200%;
  margin-bottom: 40px;
  line-height: 36px;
}

.newsInner .newsContent h2 {
  font-size: 160%;
  margin-bottom: 40px;
  line-height: 34px;
}

.newsInner .newsContent h3 {
  font-size: 140%;
  margin-bottom: 40px;
  line-height: 32px;
}
.newsInner .newsContent p a {
  color: #0060ff;
  text-decoration: underline;
}
.newsInner .newsContent p a:hover {
  color: #0060ff;
  text-decoration: none;
}
.newsContent p, .newsContent span, .newsContent blockquote, .newsContent table {
  /* 12 * 1.5 = 18px */ 
  font-size: 1em;
  line-height: 34px;
  margin-bottom: 10px;
}
.newsContent h4, .newsContent h5, .newsContent h6, .newsContent dt, .newsContent dd, .newsContent ol, .newsContent li, .newsContent form, .newsContent label, legend, .newsContent table, .newsContent article {
  font-size: 1em;
  line-height: 34px;
}
/*======================================================================== 
  news文章
  ========================================================================*/
.newsArticle {
  background: #eee;
  padding: 28px 0px 60px 0px;
  position: relative;
}
.newsArticle .newsBox a {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #f9f9f9;
  position: relative;
  -webkit-transition: all 200ms ease-out;
  -mozilla-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.newsArticle .newsBox a:hover {
  webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  transform: translate(0, -10px);
  background: #00a1e9;
}

.newsArticle .newsBox a img {
  width: 100%;
}
.newsArticle h3 {
  font-size: 18px;
  color: #00a1e9;
  margin-top: 15px;
}
.newsArticle .newsBox a:hover h3 {
  color: #fff;
}
.newsArticle b{
  padding: 5px 10px;
  color: #fff;
  background: #00a1e9;
  display: inline-block;
}
.newsArticle .newsBox a:hover b {
  color: #00a1e9;
  background: #fff;
}
.newsArticle .newsInfo {
  margin: 24px 15px 30px;
}
.newsArticle .newsInfo span{
  padding: 5px 10px;
  color: #53565a;
}
.newsArticle .newsBox a:hover span{
  color: #fff;
}
.newsArticle a p {
  font-size: 15px;
  color: #666;
  margin: 5px 15px 15px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.newsArticle a p:last-child {
  margin-bottom: 45px;
}
/*
.newsArticle:before {
  content: url(../../images/bg_triangle.png);
  position: absolute;
  top: -200px;
  left: 10px;
  z-index: 1;
}
*/
.newsArticle .addMargin {
  margin-top: 60px;
}

@media screen and (max-width: 1024px) {
  .newsArticle:before {
    display: none;
  }


  .newsArticle .addMargin {
    margin-top: 40px;
  }
}

.textSwitch ul li.textTitle-E{
  display: none;
}