@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
*/
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 991px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
}
/*====================================================================================
bs原生css 重訂義
====================================================================================*/
.img-responsive{display: inline-block;}


/*----------------------------------
大banner
------------------------------------*/
/*二側黑遮照移除*/
.carousel-control.right ,.carousel-control.left{background-image: none;}
/*arrow*/
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 90px; position: absolute;top: 46%; z-index: 5; display: inline-block; color: #fff; text-align: center; line-height:1.2;}
.carousel-control .fa-angle-left:hover ,.carousel-control .fa-angle-right:hover {color: #fff;}
.carousel-control .fa-angle-left {left: 25%;margin-left: -10px;}
.carousel-control .fa-angle-right {right: 25%; margin-right: -10px;}
/*point*/
.carousel-indicators {bottom: 0;}
.carousel-indicators li {width: 13px;height: 13px; background-color: rgba(255,255,255,1); border: 1px solid #fff; margin: 0 4px;}
.carousel-indicators .active {width: 13px;height: 13px;background-color: #0089d1; border: 1px solid #0089d1; margin: 0 4px;}
/*淡入淡出*/
.carousel-fade .carousel-inner .item {
  /* -webkit-transition-property: opacity;
  transition-property: opacity; */
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  /* opacity: 0; */
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  /* opacity: 1; */
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  /* left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); */
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#carousel-example-generic{margin-bottom: 0;}

@media screen and (max-width: 1440px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 90px; position: absolute;top: 48%;}
}
@media screen and (max-width: 1199px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 80px; position: absolute;top: 44%;}
.carousel-control .fa-angle-left {left: 40%;margin-left: -10px;}
.carousel-control .fa-angle-right {right: 40%; margin-right: -10px;}
}
@media screen and (max-width: 991px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right {font-size: 70px; position: absolute;top: 46%;}
}
@media screen and (max-width: 768px){
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right{display: none;}
.carousel-indicators li {width: 12px;height: 12px; margin: 0 5px;}
.carousel-indicators .active {width: 12px;height: 12px; margin: 0 5px;}
}


/*----------------------------------
pagination
------------------------------------*/
.pages .pagination { display: table; margin: 100px auto; text-align: center;}
.pagination > li {display: inline-block;}
.pagination li a{width: 30px; height: 30px; background-color: #f19c97; color: #fff; border-radius: 99em; border: none; margin: 0 8px;}
.pagination li a:hover{background-color: #9cd3c5; color: #fff; border: none;}
.pagination .active a{background-color: #9cd3c5; color: #fff; border: none;}
.pagination .active a:hover{background-color: #9cd3c5; color: #fff; border: none;}

.pagination a.prev,.pagination a.next{background: url(../images/common/icon-arrow.png) no-repeat; width: 33px; height: 25px; display: inline-block; margin: 0 10px;}
.pagination a.prev{background-position: 0 0;}
.pagination a.prev:hover{background-position: 0 -25px; }
.pagination a.next{background-position: -33px 0;}
.pagination a.next:hover{background-position: -33px -25px; }
@media screen and (max-width: 768px){
.pagination li a{width: 40px; height: 40px; font-size: 19px;}
.pagination a.prev,.pagination a.next{margin: 8px 10px;}

}

/*----------------------------------
panel-group
------------------------------------*/
.panel{border-left: none; border-right: none; border-bottom: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0); 
   box-shadow: 0 1px 1px rgba(0, 0, 0, .0);}
.panel-group .panel + .panel{margin:0; }
.panel-group{border-bottom: 1px solid #ddd; padding: 20px 0 0 0;}
.panel-default > .panel-heading{border: none; background-color: #fff;}
.panel-group .panel-title{ padding: 7px 0; vertical-align: middle;}
.panel-group .panel-title .releaseDate{color: #0089d1; font-size: 20px; display: block;}
.panel-group .panel-title .title{width: 90%; font-size: 17px; display: inline-block; line-height: 1.6; color: #333; padding: 10px 0 0 0;}
.panel-group .panel-title i{float:right;font-size:18px; padding: 10px 0 0 0; color: #0089d1;}
.panel-group .panel-body{border: none!important; padding: 0 15px 20px 15px;}
.panel-group .panel-body .text{width: 95%; display: inline-block; font-size: 17px; line-height: 1.6; }
.panel-group .iconRadius{width: 25px; height: 25px; font-size: 15px; text-align: center; margin: 11px 8px 0 0; vertical-align: top; border-radius: 0.4em; display: inline-block;}
.panel-group .iconQ{background-color: #0089d1; color: #fff; padding: 3px 0 0 0; }
/* faq */
.faq .panel-group .panel-title .title{ color: #0089d1; }
.faq .panel-group .panel-body .text{padding: 0 0 0 39px; }
@media screen and (max-width: 768px){
.panel-group .panel-title .title{width: 80%; font-size: 16px;}
.panel-group .panel-body .text{width: 80%; font-size: 16px;}
.news .panel-group .panel-title i{padding: 5px 0 0 0;}
.faq .panel-group .panel-title i{padding: 13px 0 0 0;}
}  



/*----------------------------------
nav-tabs
------------------------------------*/
.nav-tabs{border-bottom: 2px solid #b0b0b0; width: 100%; position: relative;}
.nav-tabs > li{width: 240px; height: 55px; font-size: 20px; text-align: center; display: inline-block;}
.nav > li > a {padding: 14px 0 10px 0; margin: 0 0 0 -2px; border-radius: 7px 7px 0 0; color: #5c5c5c; border: 2px solid #b0b0b0; border-bottom:none; background-color: #eed9af; cursor: pointer;}
.nav > li > a:hover{cursor: pointer;}
.nav > li > a:hover ,.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  color: #000000; border: 2px solid #b0b0b0; border-bottom:none; margin: 0 0 0 -2px;
	background: #ffbd39; /* Old browsers */
	background: -moz-linear-gradient(top, #ffbd39 0%, #f5a606 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffbd39 0%,#f5a606 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffbd39 0%,#f5a606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd39', endColorstr='#f5a606',GradientType=0 ); /* IE6-9 */ 
} 
@media screen and (max-width: 900px){
.nav-tabs{margin: 15px 0 0 0;}
}
@media screen and (max-width: 768px){
.nav-tabs > li{width: 35%; height: 50px; font-size: 17px; margin: 5px 0 0 0;}
}
@media screen and (max-width: 768px){
.nav-tabs > li{width:49.9%; height: 48px; font-size: 16px; }
}



/*====================================================================================
hover原生css 重訂義
====================================================================================*/

.hvr-rectangle-out {
  display: block;
}
.hvr-rectangle-out:before {
  opacity: 0.3;
  border-radius: 99em;
  background: #fff;
}

.hvr-underline-from-center:before{
  background: #008bd0;
  height: 2px;
}




/*====================================================================================
自訂義
====================================================================================*/
/*----------------------------------
common
------------------------------------*/
body{font-size: 15px; color: #333; font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";  line-height: 1.7; padding: 0 !important;}
p{text-align: justify;}
ul,li{list-style-type: none; margin: 0; padding: 0;}
ul.disc li{list-style-type: disc!important; margin: 0 0 0 25px;}
a{text-decoration:none!important;}
a:hover{}
a:focus,button ,input ,textarea{outline: none;}
a:focus{color:#fff}


table{width: 100%; }
 /*
table th{background-color: #f2d1b8; padding: 20px 10px;}
table th ,table td{border: 1px solid #eee; padding: 10px; text-align: center;} */