/* common
======================================================================*/
[class*='col'] {
    position: static;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}

clear {
	clear:both;
}


/* click img
======================================================================*/
#click_img .modal-content {
	padding:10px;
}

#click_img .modal-content .close button {
	margin-top:5px;
	float:right;
}

#click_img .modal-content p {
	padding-top:5px;
	margin:0;
}


/* click group img
======================================================================*/
#click_group_img .modal-content {
	padding:10px;
}

#click_group_img .modal-content .close button {
	margin-top:5px;
	float:right;
}

#click_group_img .modal-content p {
	padding-top:5px;
	margin:0;
}


/* second menu
======================================================================*/
#second_menu {
	margin:50px 0 50px 10px;
}

#second_menu .list-group-item {
	padding:10px 0;
}

#second_menu .list-group-item i {
	vertical-align:bottom;
}


/* page content
======================================================================*/
#page_content {
	padding:30px 60px 30px 30px;
}

#page_content dt {
	color:#666666;
}

#page_content p,
#page_content address,
#page_content dd,
#page_content li,
#page_content th,
#page_content td {
	color:#666666;
	font-family:Arial Verdana;
}

#page_content h1 {
	font-size:48px;
	font-family: 'ZCOOL QingKe HuangYou', cursive;
}

#page_content h2 {
	line-height:34px;
	font-size:24px;
}

#page_content p {
	font-size:19px;
	text-align:justify;
	text-justify:distribute;
}

#page_content dd p {
	text-align:left;
	text-justify:auto;
}

#page_content p strong {
	color:#000000;
	letter-spacing: 0.5px;
	font-weight:normal;
	font-style:italic;
	font-size:20px
}

#page_content .qty {
	margin-left:5px;
	color:#0066FF;
	font-size:14px;
}


/* bottom footer
======================================================================*/
/* board gallery -----------------------------------------------------*/
div.board_gallery {
	padding-bottom:10px;
	text-align:center;
}

div.board_gallery .card {
	height:100%;
}

div.board_gallery .card-body {
	padding:10px;
}

div.board_gallery .card-body img {
	margin:5px;
	height:50px;
	cursor:pointer;
}

/* credit card -------------------------------------------------------*/
div.credit_card {
	padding-bottom:10px;	
	text-align:center;
}

div.credit_card .card {
	height:100%;
}

div.credit_card .card-body {
	padding:5px;
}

div.credit_card .card-body h5 ~ img {
	height:40px;
	margin:10px 10px 10px 0;
}

div.credit_card .card-body h5 ~ img:last-child {
	margin:10px 0;
}

div.credit_card .card-body .SMALL {
	display:inline-block;
	margin-right:5px;
}

/* address -----------------------------------------------------------*/
footer.bottom-footer address {
	padding:7px 5px;
	margin:0;
	background-color:#FAFFBD;
	color:#000000;
	font-size:12px;
	text-align:center;
	letter-spacing: 0.5px;
}

footer.bottom-footer address p {
	margin:2px 0;
	line-height:20px;
}

/* copyright ---------------------------------------------------------*/
footer.bottom-footer p.copyright {
	margin:0;
	padding:13px 5px;
	background-color:#000000;
	color:#FFFFFF;
	line-height:18px;
	font-size:12px;
	text-align:center;
	letter-spacing: 1px;
}


/* RWD
======================================================================*/
@media screen and (max-width: 991px) {
	/* page content
	==================================================================*/
	#page_content {
		padding:30px;
	}
}

@media screen and (max-width: 375px) {
	/* page content
	==================================================================*/
	#page_content {
		padding:30px 10px;
	}

	/* bottom footer
	==================================================================*/
	/* credit card ---------------------------------------------------*/
	div.credit_card .card-body h5 ~ img:nth-of-type(2) {
		margin:10px 0;
	}
}