[v-cloak] {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans TC', sans-serif;
}

p, a, input, label, textarea, span, ul, li {
	font-family: 'Noto Serif TC', serif;
}

.jumbotron {
	padding: 2rem;
	margin: 1rem 0;
	background-color: var(--bs-light);
	border-radius: .3rem;  
}

.fs-7 {
	font-size: 0.8rem!important;
}

.fs-8 {
	font-size: 0.6rem!important;
}

body {
	background-color: #fff;
	background-image:
		linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
		linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 3em;
}

header {
	background-color: #f8f8f6;
}

header nav img {
	width: 160px;
}

header li {
	margin: 0 10px;
}

footer {
	background-color: #f8f8f6;
	padding: 25px 0;
}

@media (max-width: 540px){
	footer {
		padding-left: 15%;
	}
}

footer a {
	text-decoration: none;
	color: #221111;
}

footer a:hover {
	color: #221111;
	text-decoration: underline;
}

footer ul {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	padding: 0;
}

footer ul li {
	margin: 10px;
}

footer aside {
	padding: 5px 0 0 20px;
}

footer aside p {
	line-height: 12px;
}

.content {
	padding-top: 120px;
}

#ad-slider {
	box-shadow: 0 0 0 8px #221111;
}

.ad-line {
	margin-top: 25px;
}

.ad-line div:first-child {
	margin-bottom: 40px;
}

.ad-line h4 {
	font-size: 32px;
}

.ad-line p {
	font-size: 24px;
	line-height: 32px;
}

.ad-grid {
	padding: 0 12px;
}

.ad-grid > div{
	padding: 0;
}

.ad-grid ul {
	list-style-type: none;
	padding: 0;
}

.page {
	background-color: #fff;
	min-height: 633px;
	margin-top: -20px;
	padding: 20px 10px;
}

#role-switch {
	margin-top: 10px;
}

/* 相片相關 start */
#photo-uploader-container, #photo-list-container {
	padding-top: 10px;
}
#photo-list-container {
	min-height: 540px;
}
.img_unselect {
	border: solid #fff 3px;
}
.img_select{
	border:3px solid #ffc107;
	border:3px solid #db4060;
}
/* 相片相關 end */

/* 專案相關 start */
.card-selected {
	--bs-card-border-color: #ffc107;
}
/* 專案相關 end */

/**製作紀錄**/
.edit_name{
	text-align: center;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creations_list_container .card-body{
	min-height: 250px;
}
.creations_list_container img{
	max-width: 120px;
	max-height: 120px;
}
.creations_list_container .card-title{
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 100%;
}
.creations_list_container figure{
	min-height: 120px;
	display: grid;
	align-items: center;
}
.creations_list_container .card-footer{
	background-color: transparent;
	border-top: none;
}
/**製作紀錄 end**/


/**購物車**/
.cart_page .card-title,.order_page .card-title{
	position: relative;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	padding-right: 40px;
}
.cart_page .img_container,.order_page .img_container{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 100%;
	max-height: 200px;
	margin: 1rem;
}
.cart_page .img_container img,.order_page .img_container img{
	max-width: 200px;
	max-height: 200px;
}
.cart_page .btn_plus{
	border-color: var(--bs-border-color);
}
#shipmentAccordion .form-check{
	padding-left: 40px;
	width: 100%;
}
#shipmentAccordion .form-check label{
	width: 100%;
	margin-left: .5rem;
}
.submit_box .btn{
	margin:0.25rem 0.5rem;
}

/**購物車 end**/

/**付款**/
.payment_container label{
	display: block;
}
.buy_rule_box{
	display: flex;
  justify-content: center;
}

/**付款 end**/