@charset "utf-8";



@media screen {

body,button,input,select,textarea,h1,h2,h3,h4,h5,h6 {

font-family:MicrosoftYaHei,'微軟正黑體',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif

}







#myBtn {

display:none;

position:fixed;

bottom:20px;

right:30px;

z-index:99;

border:none;

outline:none;

background-color:red;

color:#fff;

cursor:pointer;

padding:15px;

border-radius:10px;

font-size:18px;

margin-bottom:30px

}



#myBtn:hover {

background-color:#555

}



#phoneBtn {

display:none;

position:fixed;

bottom:80px;

right:30px;

z-index:99;

border:none;

outline:none;

background-color:red;

color:#fff;

cursor:pointer;

padding:2px;

border-radius:10px;

font-size:18px;

margin-bottom:30px

}



#phoneBtn:hover {

background-color:#555

}



#flot {

position:fixed;

display:none;

bottom:120px;

right:30px;

z-index:98;

border:none;

outline:none;

background-color:red;

color:#fff;

cursor:pointer;

padding:30px;

border-radius:10px;

font-size:2rem;

margin-bottom:30px

}



#flot_close {

position:fixed;

display:none;

bottom:244px;

right:30px;

z-index:99;

border:none;

outline:none;

background-color:red;

cursor:pointer;

border-radius:10px;

margin-bottom:80px

}



#flot_close:hover {

background-color:#666

}



a:link {

text-decoration:none

}



.pdlist:hover {

border:1px solid #fff

}



.pdlist {

width:100%!important;

height:100%!important

}



.card-img-top {

width:100%!important;

height:100%!important

}



#carouselExampleControls {

width:100%!important;

height:100%!important

}



.pl-4.text-dark {

list-style-position:inside

}



.navbar-light .navbar-nav .nav-link {

color:#404040

}



.btco-menu li > a {

padding:10px 15px;

color:#000

}



.btco-menu .active a:focus,.btco-menu li a:focus,.navbar > .show > a:focus {

background:transparent;

outline:0

}



.dropdown-menu .show > .dropdown-toggle::after {

transform:rotate(-90deg)

}



}



/* define bootstrap 5 columns */

.col-xs-1-5,

.col-sm-1-5,

.col-md-1-5,

.col-lg-1-5 {

position: relative;

min-height: 1px;

padding-right: 10px;

padding-left: 10px;

}



.col-xs-1-5 {

width: 20%;

float: left;

}





@media (min-width: 768px) {

.col-sm-1-5 {

    width: 50%;

    float: left;

}

}

@media (min-width: 992px) {

.col-md-1-5 {

    width: 25%;

    float: left;

}

}

@media (min-width: 1200px) {

.col-lg-1-5 {

    width: 20%;

    float: left;

}

}