@charset "utf-8";
html,
body {
    height: 100%;
    /*宣告高支援100%*/
}

.carousel {
    height: 100%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
    /* margin-top: -50px; */
}


/* 
寬度固定 */

.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;
}

#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%;
    }
}

@media (max-width:576px) {
    .carousel,
    .fixed-width-carousel .carousel {
        height: 600px;
    }
}
/*----------------信貸知識----------------------*/
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: 22px;
font-weight: bold;
/*background-color: #eeeeee;*/
color: #056dae;
padding: 15px 25px;
position: relative;
margin-left: 0px;
transition: all 0.3s ease 0s;
text-align: left;
}
#accordion .panel-title a .num {    
    color: #5aa1f9;    
    }
#accordion .panel-title a.collapsed{
    color: #056dae;
    margin-left: 0;
    /*border-bottom: 1px solid #B7B7B7;*/
    transition: all 0.3s ease 0s;
    text-align: left;
}
/*#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: 17px;
color: #333;
border-top: none;
z-index: 1;
}
#accordion .panel-body p {
margin-left: 45px;
margin-right: 10px;
text-align: left;
}
#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_txt {
    color: #059fae;
    font-size: 18px;
}
.atm_a {
    color: #009999;
}
#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 35px 15px 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
#accordion .panel-body p {
    margin-left: 15px;
    margin-right: 10px;
    }
}