/*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樣式*/
body{background-color: #f5b0a6 !important}
footer {font-size: 0.8rem;letter-spacing: 3px;}


/*輪播*/
.slick-slide {margin:0.1rem 0.5rem;display:none;float:left;height:100%;min-height:1px;transition:all ease-in-out 0}
.slick-slide img {width:100%;text-decoration:none;display:block}
.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}
.nav-scroller li{color: #000}
.nav-scroller .nav {display: flex;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}


/*單一裝置*/
.text-Small{font-size: 13px}
.text-Middle{font-size: 16px}
.text-Must{display: inline-block;}
.text-Price{font-size: 20px;font-weight: bold;color: #d71236}
.card-BG {background-color: #ca1935!important}
#Second .card-body img {border-bottom: 3px solid #000}
.Bank-BG{background-color: #fff0af;padding: 5px 5px 5px 5px;border-radius: 10px;margin-top: 0.5rem}
#Third .card-header{border-bottom: 0;margin-bottom: -1rem}
#Third .card-header img{margin-bottom: 0;width:auto;height:auto;max-height:90%;max-width:90%}

.card-white {background-color: #fff;border: 0}



header .navbar-nav li a{font-family: "Potta One", system-ui;font-size: 17px;color: #fff;letter-spacing: 3px}
button a{color: #fff;text-decoration: none;}


/*RWD*/
@media (min-width: 1200px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%}
#BG{background-image: url("../images/bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover; width: 100%;aspect-ratio: 1920/1028; }
.d-none{width: 100%;height:932px;margin-bottom: 0px;text-align: center;display: none!important}
.d-none .center {position: relative;top: 50%;left:5%;transform: translate(-50%, -50%);}

#First{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Second{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Third{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 35%,98% 70%,0% 100%;background-repeat: no-repeat !important;}
#Four{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 35%,98% 70%,0% 100%;background-repeat: no-repeat !important;}
/*LOGO微調*/
.d-none .child {width:auto;height:auto;max-height:55%;max-width:55%}
.Title img{margin-top:3rem}
}

/*Pad Pro*/
@media (min-width: 992px) and (max-width: 1199.99px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%}
#BG{background-image: url("../images/bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover; width: 100%;aspect-ratio: 1920/1028; }

.d-none{width: 100%;height:512px;margin-bottom: 0px;text-align: center;display: none!important}
.d-none .center {position: relative;top: 50%;left:15%;transform: translate(-50%, -50%);}
#First{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Second{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Third{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 100% 5%,0% 35%,100% 70%,0% 100%;background-repeat: no-repeat !important;}
#Four{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 100% 5%,0% 35%,100% 70%,0% 100%;background-repeat: no-repeat !important;}

/*LOGO微調*/
.d-none .child {width:auto;height:auto;max-height:60%;max-width:60%;}
.Title img{margin-top:3rem}
}

/*Pad Air&Mini*/
@media (min-width: 576px) and (max-width: 991.99px)  {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%}
#BG{background-image: url("../images/bgM.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover; width: 100%;aspect-ratio: 1000/536; }

.d-none{width: 100%;height:500px;margin-bottom: 0px;text-align: center;display: none!important}
.d-none .center {position: relative;top: 50%;left:25%;transform: translate(-50%, -50%);}

#First{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Second{background-image: url("../images/bItems.png"),url("../images/bItems2.png");background-position: 98% 5%,0% 95%;background-repeat: no-repeat !important;}
#Third{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 100% 5%,0% 35% 100% 70%,0% 100%;background-repeat: no-repeat !important;}
#Four{background-image: url("../images/bItems.png"),url("../images/bItems2.png"),url("../images/bItems.png"),url("../images/bItems2.png");background-position: 100% 5%,0% 35%,100% 70%,0% 100%;background-repeat: no-repeat !important;}
/*LOGO微調*/
.d-none .child {width:auto;height:auto;max-height:6%;max-width:62%;margin-top: -8rem}
.Title img{margin-top:3rem}
}

/*Mobile*/
@media (max-width: 575.98px) {
.navbar-brand img {width:auto;height:auto;max-height:80%;max-width:80%;margin-left: -40px}
#BG{ background-image: url("../images/bgS.jpg");background-position: center center;background-repeat: no-repeat;background-size: contain;width: 100%;aspect-ratio: 929/1100;}
.d-block{width: 100%;height: 580px;margin-bottom: 0rem;text-align: center;}
.d-block .child {position: relative;width:auto;height:auto;max-height:90%;max-width:90%;}
.d-block .center {position: relative;top: 32%;left: 50%;transform: translate(-50%, -50%);}
body{background-image: url("../images/bItems3.png");background-repeat: repeat !important;}
.Title img{margin-top:-1rem}
}