.news-list-ul{ font-size: 0; margin-left: 0 !important; }

.news-list-new{ float: none; display: inline-block; width: calc(33% - 50px); vertical-align: top; padding-bottom: 0 !important; margin-bottom: 5px; border-bottom: none !important; margin-left:25px; margin-right: 25px; }

.news-list-new .thumbnail{ margin-bottom: 0; }

.news-list-new .thumbnail .caption{ float: left; width: 100%; padding: 0; }

.news-list-new .thumbnail .caption p.h4{ font-weight: bold; line-height: 1.3 }

.news-list-new .thumbnail .caption p + p + p{ font-weight: bold; }

.news-list-new > a{ text-align: center; }

.news-list-new .proList{ float: none; display: inline-block; width: 100%; height: 0; padding-bottom: 80%; }

.news-list-new .proList > img{ 

  width: 100% !important; 

  height: 100%; position:absolute;

  top:0;

  bottom:0;

  left:0;

  right: 0;

  margin: auto;

}



.disable{

  cursor: default;

}



.carousel-control {

  width: 2%;

  font-size: 20px;

}



.carousel-control .glyphicon-chevron-left {

  left: 70%;

  margin-left: 0px;

}



.carousel-control .glyphicon-chevron-right {

  right: 70%;

  margin-right: 0px;

}



.navbar-default {

  background-color: #fff;

  

}



.navbar-nav > li > a {

    font-size: 16px;

    font-family: 'microsoft jhenghei';

    font-weight: bold

  }



  .navbar-default .navbar-nav > li > a,

  .navbar-default .navbar-nav > li > a:hover {

  color: #0e3680;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  color: #0e3680;

  background-color: #e7e7e7;

}



.text-primary {

  color: #0e3680;

}

a.text-primary:hover {

  color: #0e3680;

}



.page-header {

  margin: 30px 0 0px;

}



.thumbnail{

  background: transparent;

  border:none;

}



.thumbnail .caption {

  padding:0;

  padding: 0 5px

}



.label {

  display: inline;

  padding: 0;

}



.carousel-caption {

  position: absolute;

  right: 15%;

  top:35%;

  left: 15%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

}



.media {

  margin-top:0px;

}



.list-group {

  padding-left: 6px;

  margin-bottom: 20px;

}

.list-group-item {

  position: relative;

  display: block;

  padding: 3px 15px;

  margin-bottom: -1px;

  background-color:transparent;

  border: 0;

}

.list-group-item:first-child {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.list-group-item:last-child {

  margin-bottom: 0;

  border-bottom-right-radius:0;

  border-bottom-left-radius: 0;

}



a.list-group-item {

  font-size: 14px;

  color:inherit;

}



a.list-group-item:before{

  content:'○';

  font-size: 12px;

  padding-right: 5px;

  font-weight: normal;

  color: inherit;

}



a.list-group-item:hover,

a.list-group-item:focus {

  color: inherit;

  text-decoration: none;

  background-color: transparent;

}

.list-group-item.disabled,

.list-group-item.disabled:hover,

.list-group-item.disabled:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #eee;

}



.media-heading {

  font-weight: bold

}



.media-heading a{

  color: inherit;

  display:inline-block;

  /*margin-top: 8px*/

}



.media-heading i{

  vertical-align: top;

  margin-top: 0px

}



.carousel-indicators {

  position: absolute;

  bottom: 20%;

}





.pagination > li > a,

.pagination > li > span {

  font-size: 16px;

  color: #0e3680;

}



.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  color:inherit;

 background-color:#eeeeee;

}



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  color:inherit;

  background-color:#eeeeee;

  border-color: #ddd;

}



.carousel-indicators .active {

  background-color:transparent;

}





.menu_disable{

  padding-left:20px;padding-bottom: 5px;

}



/*==RWD==*/

@media all and (max-width: 1024px){

.carousel-indicators {

  bottom: 8%;

}



.list-group {

  padding-left: 0px;

}



}



@media all and (max-width: 800px){



.news-list-new{ width: 50%; margin: 0 !important }



.page-header{

  padding-left: 5px;

}



.navbar-nav{

    padding-right: 5px

}



.carousel-indicators {

  bottom: 5%;

}



.carousel-caption {

right:5%;

top:17%;

}



.list-group{

  margin-left: -10px

}



.thumbnail .caption {

  padding:0;

}





}



@media all and (max-width: 500px){



.news-list-new{ width: 100%;}



.carousel-indicators {

  bottom: -3%;

}



.carousel-indicators i {

  font-size: 30px

}



}