/*loading*/
#spinner {opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0 linear .5s;z-index:999999}
#spinner.show {transition:opacity .5s ease-out,visibility 0 linear 0;visibility:visible;opacity:1}

/*hrader收合*/
#header {position: fixed;z-index: 10;right: 0;left: 0;top: 0;text-align: center;box-shadow: 0px 7px 7px -4px rgba(0,0,0,0.5);}
#header .collapse .navbar-nav{margin-left: auto;}
.header--fixed {position: fixed;z-index: 10;right: 0;left: 0;top: 0}
.headroom {transition: transform .25s ease-in-out;will-change: transform}
.headroom--pinned {transform: translateY(0)}
.headroom--unpinned {transform: translateY(-100%)}

/*hrader樣式*/
header .nav-link {display: block;padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size: var(--bs-nav-link-font-size);font-weight: var(--bs-nav-link-font-weight);color: #fff;text-decoration: none;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
#header .nav-link:hover, .nav-link:focus {color: #711342;}

body{background-color: #f6d4e4 !important; letter-spacing: 2px;position: relative;min-height: 3000px;}
footer {font-size: 0.8rem;letter-spacing: 3px;}

/*輪播*/
.slick-slide {margin:0.3rem 0.5rem}
.slick-slide img {width:100%;text-decoration:none}
.slick-slide {transition:all ease-in-out 0}

.btn-gotop {position: fixed;width: 60px;height: 60px;bottom: 50px;right: 5px;border-radius: 25px;opacity: 0;transition: opacity 0.5s;&.show {opacity: 1;}}

/*單一裝置*/
.Must{display: inline-block;}
.Price{color: #E60012;padding:0 2px;font-size: 18px}
.Small{font-size:0.8rem}
.text-ps{font-family: 'Noto Sans TC';line-height: 1.5;letter-spacing: 2px}
.Bank-ps{font-family: 'Noto Sans TC';line-height: 1.5;letter-spacing: 2px;font-size: 10px;display: inline-block;}
#Third .Bank img{width:auto;height:auto;max-height:80%;max-width:80%;margin-left: auto;margin-right: auto;}
#Third .Bank .card-body img{width:auto;height:auto;max-height:100%;max-width:100%;margin-left: auto;margin-right: auto;}
.CardImg{border-radius: 15px;border:3px solid #000;}
.mt-6 {margin-top: 0.5rem !important;}

/*大標*/
.d-none{width: 100%;height: 300px;margin-bottom: 50px;text-align: center;}
.d-none .child {width:750px;height:350px;}
.d-none .center {position: relative;top: 56%;left: 50%;transform: translate(-50%, -50%);}
.d-block{width: 100%;height: 300px;margin-bottom: 50px;text-align: center;}
.d-block .child {width:335px;height:222px;}
.d-block .center {position: relative;top: 38%;left: 50%;transform: translate(-50%, -50%);}
#Four{background-color:#920509;border-top: 3px solid #000;background-image: url("../images/b2.png");}

/*RWD*/
@media screen and (min-width: 1500px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%}
#BG{background-image: url("../images/bg.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 57rem;}	
.Title img {width:auto;height:auto;max-height:100%;max-width:100%}
body {background-image: url("../images/b.png");}

}

@media screen and (max-width: 1499px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%}
#BG{background-image: url("../images/bg.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 45rem;}
.d-md-block img{width:auto;height:auto;max-height:100%;max-width:100%}	
.Title img {width:auto;height:auto;max-height:100%;max-width:100%}
body {background-image: url("../images/b.png");}
}

@media screen and (max-width: 992px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%;margin-left: -3rem}
#BG{background-image: url("../images/bgm.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 52rem;}	
.d-md-block img{width:auto;height:auto;max-height:95%;max-width:95%}
.Title img {width:auto;height:auto;max-height:80%;max-width:80%}
body {background-image: url("../images/b.png");}
}

@media screen and (max-width: 767.98px) {
.navbar-brand img {width:auto;height:auto;max-height:70%;max-width:70%;margin-left: -5rem}
#BG{background-image: url("../images/bgm.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 36rem;}	
.d-sm-none img{width:auto;height:auto;max-height:100%;max-width:100%}
.Title img {width:auto;height:auto;max-height:80%;max-width:80%}
body {background-image: url("../images/b.png");}
}

@media screen and (max-width: 480px) {
.navbar-brand img {width:auto;height:auto;max-height:66%;max-width:66%;margin-left: -5rem}
.Title img {width:auto;height:auto;max-height:100%;max-width:100%}
#BG{background-image: url("../images/bgs.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 30rem;}	
.d-sm-none img{width:auto;height:auto;max-height:95%;max-width:95%}
body {background-image: url("../images/bS.png");}
.mt-6 {margin-top: 3.5rem !important;}
#Four-1 .container-fluid{background-image: url("../images/title6-3.png");background-repeat: no-repeat;background-position: center center;}
}

@media screen and (max-width: 375px) {
.navbar-brand img {width:auto;height:auto;max-height:60%;max-width:60%;margin-left: -7rem}
.Title img {width:auto;height:auto;max-height:100%;max-width:100%}
#BG{background-image: url("../images/bgs.jpg");background-repeat:no-repeat;background-position: center center;background-size: cover;margin-top: 4rem;height: 26rem;}	
.d-sm-none img{width:auto;height:auto;max-height:95%;max-width:95%}
body {background-image: url("../images/bS.png");}
.mt-6 {margin-top: 3.5rem !important;}
#Four-1 .container-fluid{background-image: url("../images/title6-3.png");background-repeat: no-repeat;background-position: center center;}
}