/* CSS Document */

.navbar-toggler {

    font-size: 0.875rem;

    padding: 0.75rem 1rem;

    color: #212529;

}



.navbar .row{

	    width: 100%;

}



.dropdown img{

	width: 30%;

}

.navbar .language img{

	width: 20px;

}





.dropdown-menu .dropdown-item{

	text-align: left;

	color: #ffffff;

}



.dropdown-menu.show{

    background-color: black;

}





.navbar img{

	width: 100%;

}





.navbar ul{

    margin-bottom: 0px;

	margin-left: 0; 

	list-style-type: none;

	font-size: 20px;

}



.navbar-brand{

	width: 100px;

}



h1,h2,h3,h4,h5,h6{

    font-family: 'Noto Sans', sans-serif;

}





.navbar .nav-link{

	text-align: center;

	margin-top: 10px;

	width: 15vh;

  }

.navbar ul li a

{

	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";

	line-height: 20px;

	margin-left: 0px;

	font-size: 20px;

	font-weight: bold;

	font-style: italic;

	color: black;

}

.navbar ul li a:hover 

{

	font-family: 'Noto Sans TC', sans-serif;

	font-weight: bold;

	color: white;

	background-color:#8789F2;

	border-radius: 27px;

}



.header-top-left img{

	width: 20px;

}



.carousel-item img{

	margin-bottom: 5%;

	width: 100%;

}



.carousel-item h3{

	font-size:15%rem;

	color: black;

	font-weight: bold;

}

.carousel-indicators{

	margin-top: 20px;

}

.header-top-right img{

	width: 70%;

}



#banner .row{

    background-color:white;

}



#banner .banner-right{

	margin-top: 30px;

}



#aboutus .title{

	margin-top: 0px;

}

#aboutus .line-img{

    width: 60%;

    height: 30%;

	margin-top: 0px;

}

#aboutus .logo-img{

    width: 100px;

    height: 100px;

}

#aboutus .btn{

	margin-top: 20px;

    width: 100px;

    height: 50px;

	border-radius: 27px;

}



#carditems .line-img{

    width: 60%;

    height: 30%;

	margin-top: 20px;

}





#carditems .calldeepinfo{

	text-align: center;

	margin-top: 20px;

	margin-bottom: 10px;

}



#carditems .calldeepinfo a{

	width: 150px;

	border-radius: 27px;

	color: black;

}

#carditems .calldeepinfo a:hover {

	color: white;

	background-color: darkblue;

}

#salepwd {
    position: relative
}

.password-section {
    position: relative;
    display: inline-block;
 }


#hide1 {
    top: -33px;
    position: relative;
    justify-content: center;
    left: 170px;
    display: block
}

#hide2 {
    top: -33px;
    position: relative;
    justify-content: center;
    left: 170px;
    display: none
}

.table-body,td,tr {
    border: 1px solid;
    text-align: center
}

.table-body,
.table-title,
.table-image {
    width: 100%;
    min-width: 770px;
}