@charset "utf-8";
html, body {
	height:100%;/*宣告高支援100%*/
}
.carousel{
	height:100%;
}
.item,.active,.carousel-inner  {
	height:100%;
}
/* 
寬度固定 */
.fixed-width-carousel .carousel {
     height: 755px;
}
.fixed-width {    /* 寬度固定 */
    max-width: 1140px;
    max-height: 755px;
    margin: 0 auto;
}
@media (max-width:1200px){
    .fixed-width-carousel .carousel {
        height: 600px;
    }
}
/* 
寬度滿版 */
.fill {
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
}
.carousel-item {
    height: 100%;/*高度需設100%輪播圖滾動才會連續, 設vh背景圖無法等比例縮放*/
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}	
#carousel1 .left.carousel-control img,
#carousel1 .right.carousel-control img {
	position: absolute;
	top: 45%;
}
#carousel1 .left.carousel-control img {
	right: 50%;
}
#carousel1 .right.carousel-control img {
	left: 50%;
}

@media (max-width:1400px){
    .carousel {
        height: 600px;
        /*margin-top: 70px;*/
    }
}

@media (max-width:992px){
    .carousel,
    .fixed-width-carousel .carousel {
        height:550px;
    }
    #carousel1 .left.carousel-control img,#carousel1 .right.carousel-control img {
        transform:scale(0.8);
    }
    #carousel1 .left.carousel-control img{
        right:30%;
    }
    #carousel1 .right.carousel-control img{
        left:30%;
    }	
}

@media (max-width:768px){
    .carousel,
    .fixed-width-carousel .carousel {
        height:450px;
    }	
    #carousel1 .left.carousel-control img,#carousel1 .right.carousel-control img {
        transform:scale(0.6);
    }
    #carousel1 .left.carousel-control img{
        right:20%;
    }
    #carousel1 .right.carousel-control img{
        left:20%;
    }	
}
/*----------------常見問題----------------------*/
	a:hover,a:focus{
		text-decoration: none;
		outline: none;
	}
	#accordion{
		padding-right: 24px;
		padding-left: 24px;
		z-index: 1;
	}
	#accordion .panel{
		border: none;
		box-shadow: none;
	}
	#accordion .panel-heading{
		padding: 0;
		border-radius: 0;
		border: none;
	}
	#accordion .panel-title{
		padding: 0;
	}
	#accordion .panel-title a{
    display: block;
    font-size: 18px;
    font-weight: bold;
    /*background-color: #eeeeee;*/
    color: #056dae;
    padding: 15px 25px;
    position: relative;
    margin-left: 0px;
    transition: all 0.3s ease 0s;
    /*border-bottom: 1px solid #B7B7B7;*/
    text-decoration: none;
	}
	#accordion .panel-title a.collapsed{
		background: #eeeeee;
		color: #056dae;
		margin-left: 0;
		/*border-bottom: 1px solid #B7B7B7;*/
		transition: all 0.3s ease 0s;
        text-decoration: none;
	}
	/*#accordion .panel-title a:before{
		content: "";
		border-left: 24px solid #e16b47;
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		position: absolute;
		top: 0;
		right: -24px;
		transition: all 0.3s ease 0s;
	}*/
	#accordion .panel-title a.collapsed:before{
		border-left-color: #1b96e3;
	}
	#accordion .panel-title a:after{
		content: "\f106";
		font-family: 'FontAwesome';
		position: absolute;
		top: 30%;
		right: 15px;
		font-size: 18px;
		color: #1b96e3;
	}
	#accordion .panel-title a.collapsed:after{
		content: "\f107";
		color: #056dae;
	}
	#accordion .panel-collapse{
		position: relative;
	}
	/*#accordion .panel-collapse.in:before{
		content: "";
		border-right: 24px solid #f7c59f;
		border-bottom: 18px solid transparent;
		position: absolute;
		top: 0;
		left: -24px;
	}*/
	#accordion .panel-body{
    font-size: 16px;
    color: #333;
    background-color: #eeeeee;
    border-top: none;
    z-index: 1;
	}
   #accordion .panel-body p {
    background-color: #eeeeee;
    margin-left: 45px;
    margin-right: 10px;
    }
    #accordion .Outline01{
    border-bottom: 1px solid #b7b7b7;
   /* margin-bottom: 5px;*/
   }
    #accordion .table01{
    border: 1px solid #008781;
    }
   .t13_cc {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
   #atm {
        display: block;
    }   
    
    #atm_m {
        display: none;
    }  
@media (max-width: 720px) {
	   #atm {
        display: none;
     }   
    
    #atm_m {
        display: block;
    }
}
@media (max-width: 480px) {
	#accordion{
		padding-right: 0px;
		padding-left: 0px;
		z-index: 1;
	}
	#accordion .panel-title a{
   padding: 15px 25px 15px 0px;
    font-size: 16px;
    font-weight: bold;
   
	}
	 #accordion .panel-body p {
     margin-left: 15px;
    margin-right: 10px;
}
}