@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'PSL162';
	src: url('../fonts/PSL162.eot');
	src: url('../fonts/PSL162.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PSL162.woff') format('woff'),
		url('../fonts/PSL162.ttf') format('truetype'),
		url('../fonts/PSL162.svg#thaisans_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	background: linear-gradient(0deg, #dedede 0%, #ffffff 100%);
}

h.a1 {
	font-size: 50px;
	color: #e50158;
	font-weight: 500;
	font-family: 'PSL162';
	line-height: 1;
}

h.a2 {
	font-size: 34px;
	color: #000;
	font-weight: 500;
	font-family: 'PSL162';
	line-height: 1;
}

a:link {
	text-decoration: none;
}

/* img{ max-width:100% ; height: auto; background-size:100% auto; } */
/* Restrict main menu ul styles to only the main menu */
ul.main-menu {
	list-style-type: none;
	font-size: 25px;
	font-family: 'PSL162';
	margin: 0;
	padding: 0;
	/* overflow: hidden;  <-- Do not use overflow hidden on main menu, it breaks dropdowns */
}
/* .dropbtn {
	width: 70px;
	height: 50px;
	display: block;
	color: black;
	cursor: pointer;
	transition: 0.35s ease-out;
	background: #FFFFFF;
	overflow: hidden;
} */
/* --- The following old dropdown styles are commented out to avoid conflicts with DaisyUI --- */
/*
.dropdown {
	display: inline-block;
	position: relative;
	outline: none;
	float: left;
}



.dropdown .dropdown-content {
	position: absolute;
	top: 50%;
	background-color: #FFFFFF;
	width: 1500%;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: 0.35s ease-out;
}

.dropdown-content a {
	color: #733C11;
	font-size: 15px;
	padding: 2px 16px;
	display: block;
	text-decoration: none;
	transition: 0.35s ease-out;
}

.dropdown-content a:hover {
	background-color: #FFDA6D;
}

.dropdown:focus .dropdown-content {
	outline: none;
	transform: translateY(20px);
	visibility: visible;
	opacity: 1;
}

.dropbtn:hover,
.dropdown:focus .dropbtn {
	background-color: #FFDA6D;
}

.dropdown .db2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 10;
	display: none;
}

.dropdown:focus .db2 {
	display: inline-block;
}

.dropdown .db2:focus .dropdown-content {
	outline: none;
	visibility: hidden;
	opacity: 0;
}
*/
/* --- End of old dropdown styles --- */

.head-top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
	border-radius: 15px;
	display: block;
}

.textTop {
	float: none;
	padding-top: 30px;
	font-size: 50px;
	color: #FFFFFF;
}

.textTop-detail {
	float: none;
	text-align: center;
	padding-bottom: 10px;
	font-size: 20px;
	color: #FFFFFF;
}

.wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.bg {
	width: 1050px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	background-image: url("../images/5667004.jpg");
	background-attachment: fixed;
}

.section-Body {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
	display: block;
}

.goldTable {
	width: auto;
	height: auto;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background-image: url("../images/TableBG.jpg");

}

.Tablebody {
	width: 580px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;

}

.Tablebody-2 {
	width: 620px;
	height: auto;
	display: block;
	float: left;
	overflow: hidden;

}

.boxTitle {
	width: 100%;
	height: auto;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	border-radius: 10px;
	color: #000000;
	background: linear-gradient(-90deg, #ff8800 0%, #fef7a9 100%);
}

.boxTitle-2 {
	width: 100%;
	height: auto;
	text-align: left;
	padding: 15px;
	display: block;
	border-radius: 10px;
	color: #000000;
	font-size: 20px;
}

.boxTitle-3 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px;
	display: block;
	border-radius: 10px;
	color: #000000;
	font-size: 25px;
}

.goldtable-body {
	width: auto;
	height: auto;
	margin: 5px 5px;
	overflow: hidden;
	border-radius: 15px;
}

.goldtable-body-2 {
	width: auto;
	height: 154px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	border-radius: 20px;
}

.goldtable-body-3 {
	width: auto;
	height: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	border-radius: 20px;
}

.date {
	width: auto;
	height: auto;
	display: block;
	margin-top: 5px;
	overflow: hidden;
	border-radius: 15px;
	background: #FFFFFF;
	text-align: center;
	padding: 10px;
	opacity: 0.7;
}


.goldSpot {
	width: 400px;
	height: auto;
	display: block;
	float: right;
}

.goldSpot-2 {
	width: 580px;
	height: auto;
	display: block;
	float: left;
}

.goldSpot-Body {
	width: auto;
	height: auto;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background-image: url(../images/TableBG.jpg);
}

.goldSpot-Body-2 {
	width: auto;
	height: auto;
	display: block;
	border-radius: 15px;
	margin: 5px 5px;
	overflow: hidden;
	background: #FFFFFF;
}

.squareBanner {
	width: 350px;
	height: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
	display: block;
}

.sectionBanner {
	width: 730px;
	height: auto;
	margin-top: 10px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

.sidebarLeft {
	width: 190px;
	height: 500px;
	display: block;
	background: #9F9F9F;
	overflow: hidden;
	left: 2%;
	top: 20%;
	position: fixed;
}

.sidebarRight {
	width: 190px;
	height: 500px;
	display: block;
	background: #9F9F9F;
	overflow: hidden;
	right: 2%;
	top: 20%;
	position: fixed;
}

.goldtoday {
	width: auto;
	height: 20px;
	text-align: center;
	float: left;
	margin-top: 10px;
	font-size: 30px;
	color: #358d17;
}

.goldprice {
	width: auto;
	height: auto;
	text-align: center;
	font-size: 20px;
	margin-left: 5px;
	color: #358d17;
}

.ads-S {
	width: 700px;
	height: 100px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
}

.ads-L {
	width: 700px;
	height: 250px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
}

.Goldprice-Table {
	width: 1000px;
	height: auto;
	margin: auto;
	overflow: hidden;
	display: block;
}

.Goldprice-Table-2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

.GoldBar-tab {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}

.tableSwitch {
	width: 495px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
}

.newBoxL {
	width: 490px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
	float: left;
}

.newBoxR {
	width: 490px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
	float: right;
}

.newImg {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
}


.graft-1 {
	width: 440px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-left: 15px;
	float: left;
}

.graft-2 {
	width: 470px;
	height: auto;
	display: block;
	overflow: hidden;
	margin-right: 15px;
	float: right;
}

.section-graft {
	width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}

.footer {
	width: 100%;
	height: 50px;
	;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	background: #B78254;
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding-top: 15px;
}

/*position setting*/
.textalignL {
	text-align: left;
}

.textalignR {
	text-align: right;
}

.textalignC {
	text-align: center;
}

.textsize {
	margin-left: 10px;
	text-align: left;
	font-size: 25px;
}

.textsizeS {
	font-size: 15px;
}

.textsizeL {
	font-size: 20px;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

/*Icon*/
.goldtable-icon {
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

.P-icon {
	float: left;
	margin-top: 5px;
	width: 15px;
	height: 15px;
	overflow: hidden;
}

.upicon {
	width: 30px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin-top: 25px;
}

.starvision {
	max-width: 100%;
	height: auto;
	float: right;
	margin: 10px;
	overflow: hidden;
}

/*Button*/
.sectionBT {
	width: 540px;
	height: auto;
	float: left;
	display: block;
	margin-bottom: 15px;
}

.Menubox {
	width: 100%;
	height: 50px;
	/* overflow: hidden;  <-- Removed to allow dropdowns to appear */
	display: block;
	float: left;
	padding: 0px;
	background: #B78254;
}

.menubar {
	width: 1146px;
	height: 50px;
	/* overflow: hidden;  <-- Removed to allow dropdowns to appear */
	display: block;
	margin: 0 auto;
}

.sectionMenu {
	width: 100%;
	height: 50px;
	/* overflow: hidden;  <-- Removed to allow dropdowns to appear */
	background: #B78254;
	position: fixed;
}

.menuname-2 {
	width: auto;
	height: auto;
	float: right;
	margin-right: 5px;
}

.webname {
	width: auto;
	height: auto;
	float: right;
	margin-right: 5px;
}

.bt {
	width: auto;
	height: 100%;
	float: left;
	text-align: left;
	font-size: 30px;
	margin-left: 23px;
	padding: 8px;
	list-style-type: none;
	font-family: 'PSL162';
	
}

.bt:hover {
	color: #FFE99E;
}

.GoldBarBT {
	width: 245px;
	height: 40px;
	float: left;
	display: block;
	background: linear-gradient(0deg, #db7f29 0%, #ffd747 100%);
	overflow: hidden;
	text-align: center;
	color: #000000;
	border-radius: 10px;
}

.GoldOrnamentBT {
	width: 245px;
	height: 40px;
	float: right;
	display: block;
	background: linear-gradient(0deg, #db7f29 0%, #ffd747 100%);
	overflow: hidden;
	text-align: center;
	color: #000000;
	border-radius: 10px;
}

.tableSwitch-Text {
	padding: 10px;
}

.GoldBarBT:hover {
	background: #FFDD8A;
}

.GoldOrnamentBT:hover {
	background: #FFDD8A;
}

.LinkBT {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: linear-gradient(0deg, #fff0c7 0%, #ffffff 100%);
	color: #9B3B16;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
}


.LinkBT:hover,
.LinkBT-2:hover,
.pageBT:hover {
	background: #D0822A;
	color: #FFFFFF;
}

.realTimeBT {
	width: 392px;
	height: auto;
	display: block;
	border-radius: 20px;
	margin-top: 10px;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
	background: linear-gradient(0deg, #ff7b00 0%, #fffb80 101%);
}

.realTimeBT-2 {
	width: 550px;
	height: auto;
	display: block;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
	background: linear-gradient(0deg, #ff7b00 0%, #fffb80 101%);
}

.realTimeBT:hover,
.realTimeBT-2:hover {
	background: #FFE17B;
}

.priceBT {
	width: 580px;
	height: auto;
	display: block;
	border-radius: 20px;
	padding: 15px;
	text-align: center;
	font-size: 30px;
	background: linear-gradient(0deg, #ff7b00 0%, #fffb80 101%);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.priceBT:hover {
	background: #FFE17B;
}

.BT-text {
	padding: 40px 30px;
	text-align: center;
	font-size: 20px;
}

/*dropdown*/
.Menubox-2 {
	width: 100%;
	height: 50px;
	display: none;
	margin: 0 auto;
	background: #FFFFFF;
}

/*page2*/
.gold-detail {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}

.LinkBT-2 {
	width: 250px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 10px auto;
	border-radius: 10px;
	background: linear-gradient(0deg, #fff0c7 0%, #ffffff 100%);
	color: #9B3B16;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
}

.detail-box {
	width: 95%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
	padding: 20px;
	text-align: center;
	line-height: 1.5;
	border-radius: 20px;
	/* background: #FFB677; */
}

.detail-box-2 {
	width: 95%;
	height: auto;
	overflow: hidden;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5;
	border-radius: 20px;
	/* background: #FFB677; */
}

.pageTab {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}

.pageBT {
	width: auto;
	height: auto;
	display: inline-block;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: linear-gradient(0deg, #db3624 3%, #9c0707 93%, #ffea80 100%);
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
}

.goldOr-tab {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}

/*Page3*/
.Tablebody-4 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.textset {
	font-size: 25px;
}

.sectionADS {
	width: 70%;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}

.datebox {
	width: 240px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 30px;
	background: #FFF2D2;
	color: #733C11;
	text-align: center;
	padding: 10px;
	font-size: 25px;
	box-shadow: 1px 3px 3px 0px #999999;
}

/*page4*/
.datetable {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	float: left;
}

.redbox {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	float: left;
	background: #DB0C0F;
	color: #FFFFFF;
	text-align: center;
	padding: 2px 9px;
	border-radius: 10px;
	margin-left: 10px;

}

.greenbox {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	float: left;
	background: #358d17;
	color: #FFFFFF;
	text-align: center;
	padding: 2px 9px;
	border-radius: 10px;
	margin-left: 10px;
}

.yeartab {
	width: auto;
	height: auto;
	display: inline-block;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: linear-gradient(0deg, #aa3909 0%, #ec8e41 100%);
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
}

.tabBT {
	width: auto;
	height: auto;
	display: inline-block;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: linear-gradient(0deg, #ff630f 0%, #ffdd80 101%);
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	box-shadow: 1px 5px 5px 0px #999999;
}

.tabBT:active {
	background: #C0561E;
}

.tabBT:hover {
	background: #C0561E;
	font-weight: bold;
}

.tabsection {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

/*page 5 */
.rtGraft {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}

/*page 6*/
.sectionBT-2 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}


/* table */
table {
	width: 100%;
	border-collapse: collapse;
	border: #DD9D6B;
	color: #000;
	/* flex-basis: 300px; */
	/* flex: 1 1 auto; */
	font-size: 20px;
}

.table-2 {
	font-size: 17px;
}

.table-3 {
	font-size: 17px;
}

th,
td {
	text-align: center;
	padding: 10px;
}

tr:nth-child(2n+1) {}


/* End table */

@media screen and (max-width: 1599px) {
	.sidebarLeft {
		visibility: hidden;
		opacity: 0;
		transition: 300ms;
	}

	.sidebarRight {
		visibility: hidden;
		opacity: 0;
		transition: 300ms;

	}
}


@media screen and (max-width: 1024px) {
	.bg {
		width: 100%;
	}

	.head-top {
		width: 95%;
		height: auto;
	}

	.Menubox {
		display: none;
	}

	.Menubox-2 {
		display: block;
		position: fixed
	}

	.section-Body {
		width: 100%;
	}

	.section-graft {
		width: 95%;
	}

	.Tablebody {
		width: 49%;
	}

	.Tablebody-2 {
		width: 55%;
	}

	.goldTable {
		width: 100%;
	}

	.goldSpot {
		width: 49%;
	}

	.goldSpot-2 {
		width: 57%;
	}

	.goldSpot-Body {
		width: 100%;
	}

	.GoldBar-tab {
		width: 100%;
	}

	.sectionBT {
		width: 100%;
		float: none;
	}

	.realTimeBT {
		width: auto;
	}

	.realTimeBT-2 {
		width: auto;
	}

	.graft-1 {
		width: 45%;
	}

	.graft-2 {
		width: 45%;
	}

	.newBoxL {
		width: 45%;
	}

	.newBoxR {
		width: 45%;
	}

	.pageTab {
		width: 95%;
	}

	.tabBT {
		margin-left: 0px;
		font-size: 18px;
	}

	.yeartab {
		margin-left: 0px;
		font-size: 18px;
	}
}

@media screen and (max-width: 950px) {
	.pageBT {
		font-size: 18px;
	}

	.tabBT {
		font-size: 16px;
	}

	.yeartab {
		font-size: 16px;
	}
}

@media screen and (max-width: 900px) {
	.section-Body {
		width: 100%;
	}

	.section-graft {
		width: 95%;
		margin: 0 auto;
	}

	.Tablebody {
		width: 100%;
		margin-bottom: 10px
	}

	.Tablebody-2 {
		width: 100%;
	}

	.goldSpot {
		width: 100%;
		float: none;
	}

	.goldSpot-2 {
		width: 100%;
	}

	.squareBanner {
		margin: 0 auto
	}

	.priceBT {
		width: 425px;
		font-size: 20px;
	}

	.boxTitle-2 {
		font-size: 18px;
	}

	.table {
		font-size: 15px;
	}

	.footer {
		width: 100%;
	}

	.LinkBT {
		font-size: 16px;
	}

	.graft-1 {
		width: 75%;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}

	.graft-2 {
		width: 75%;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}

	.floatR {
		/* float: none; */
	}

	.pageTab {
		width: 100%;
	}

	.detail-box-2 {
		width: auto;
		height: 220px;
		overflow: auto;
	}

	.boxTitle-3 {
		width: 90%;
	}
}

.ads-L:empty,
.floatL:empty,
.floatR:empty {
	display: none !important;
}

@media screen and (max-width: 860px) {
	.pageBT {
		font-size: 16px;
	}

	.tabBT {
		font-size: 14px;
	}

	.yeartab {
		font-size: 14px;
	}

}

@media screen and (max-width: 780px) {
	.GoldBar-tab {
		overflow: auto;
	}

	.tableSwitch {
		width: 100%;
	}

	.GoldBarBT {
		width: 49%;
	}

	.GoldOrnamentBT {
		width: 49%;
		margin-left: 5px;
	}

	.newBoxL {
		width: 75%;
		float: none;
		margin: 0 auto;
	}

	.newBoxR {
		width: 75%;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}

	.LinkBT {
		font-size: 16px;
	}

	.table-2 {
		font-size: 12px;
	}

	.ads-S {
		width: 100%;
		height: auto;
	}

	.ads-L {
		width: 100%;
		height: 250px;
		/* keep same height as desktop or adjust as needed */
		max-width: 100%;
	}

	.boxTitle-2 {
		text-align: center;
	}

	.floatL {
		/* float: none; */
	}

	.Goldprice-Table-2 {
		overflow: auto;
	}

	.graft-1 {
		width: 90%;
		float: none;
		margin: 0 auto;
	}

	.graft-2 {
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
	}

	.LinkBT {
		float: none;
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.textsize {
		font-size: 20px;
	}

	.squareBanner {
		margin-top: 10px;
	}

	.sectionBanner {
		width: 100%;
	}



	.detail-box {
		width: auto;
		height: auto;
		overflow: hidden;
	}

	.pageBT {
		margin-left: 5px;
	}

	.pageTab {
		width: 95%;
		margin-top: 10px;
	}

	.pageBT {
		width: 90%;
	}

	.tabBT {
		font-size: 13px;
	}

	.yeartab {
		font-size: 13px;
	}

}

@media screen and (max-width: 745px) {
	.tabBT {
		font-size: 18px;
		width: 13%;
	}

	.yeartab {
		font-size: 18px;
	}
}

@media screen and (max-width: 450px) {
	.textsizeL {
		font-size: 17px;
	}
}

@media screen and (max-width: 430px) {
	.textsize {
		font-size: 18px;
		text-align: center;
	}

	.table {
		font-size: 15px;
	}

	.goldtable-body-2 {
		margin-bottom: 0px;
		height: 144px;
	}

	.goldOr-tab {
		overflow: auto;
	}

	.LinkBT-2 {
		width: auto;
		font-size: 17px;
	}

	.textset {
		font-size: 20px;
	}

	.tabBT {
		font-size: 15px;
		width: 10%;
	}

	.yeartab {
		font-size: 15px;
	}

}

@media screen and (max-width: 390px) {
	.textsizeL {
		font-size: 16px;
	}

	.textsize {
		font-size: 16px;
	}

	.squareBanner {
		width: 100%;
		height: auto;
	}

	.detail-box-2 {
		font-size: 15px;
	}

	.detail-box {
		font-size: 15px;
	}

	.tabBT {
		font-size: 14px;
		width: 10%;
		padding-left: 6px;
	}

	.yeartab {
		font-size: 14px;
	}

}

@media screen and (max-width: 360px) {
	.sectionBT {
		width: 84%;
	}

	.realTimeBT,
	.realTimeBT-2 {
		width: 100%;
		margin-top: 10px;
		margin-left: 10px;
		font-size: 16px;
	}

	.LinkBT {
		width: 85%;
	}

	.footer {
		font-size: 15px;
	}

	.goldtable-body-2 {
		height: 245px;
	}
}

@media screen and (max-width: 320px) {
	.table {
		font-size: 12px;
	}

	.goldtable-body-2 {
		height: 235px;
	}

	.textset {
		font-size: 16px;
	}
}