@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,.date2 {
	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;
}

.footerNav{width: 100%; height: auto; text-align: center;}
.footer-botton{width: auto; height: auto; display: inline-block; margin-right: 20px;}
.footer-botton:hover{text-decoration: underline;}
.copyright{width: auto; height: auto; text-align: center; margin-left: 20px;}
.line-b{width: auto; height: auto; display: inline-block; margin-right: 20px; color: #000;}


/*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: auto;
	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: 20px;
	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: 98%;
	height: auto;
	display: block;
	overflow: hidden;
	/*float: right;	*/
	margin-left: 5px;
	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: 500px;
	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;
}
*/
.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: #FFC191;
}

.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) {}



/*เพิ่ม*/
.TablebodyA {width: 48%; height: auto; display: block; float: left;  overflow: hidden; margin-left:10px;}
.TablebodyB {width: 48%; height: auto; display: block; float: right; overflow: hidden; margin-right:10px;}

/*บทความ*/
.articlebox{width: 80%; height: auto; text-align: left; display: block; margin: 0 auto; line-height: 2.0;}
.contentBanner{width: 100%; height: auto; display: block; margin: 0 auto; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.BannerMU{width: 800px; height: 400px; background: #ADADAD; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
.articlelink{width: auto; height: auto; text-align: center; float: right; overflow: hidden;}
.articlelink:hover{text-decoration: underline;}
.articleTable{width: 100%; height: auto; overflow: hidden;}

/*บทวิเคราะห์*/
.articlebox-p1{width: 100%; height: auto; text-align: left; display: block; margin: 0 auto; line-height: 2.0;}
.articleImg{max-width: 100%; height: auto; margin: 0 auto; margin-top: 10px; overflow: hidden;}
.articleTitle{width: auto; }

/*new*/
.webname{width: auto; height: auto; float: left; text-align: left; margin-top: 15px; margin-left: 10px;}
.newBanner1{width: 100%; height: auto; overflow: hidden;}
.newArticle{width: auto; height: auto; margin-top: 10px; margin-bottom: 5px;}
.hilightnewbox{float: left; width: 45%; height: auto; overflow: hidden; margin-left: 10px; margin-right: 10px;}
.othernewbox{float: left; margin-left: 15px; width: 50%; height: auto; overflow: hidden;}
.subothernewboxL{width: 48%; height: auto; float: left; overflow: hidden;}
.subothernewboxR{width: 48%; height: auto; float: right; overflow: hidden;}
.newArticle:hover{text-decoration: underline;}
.boxlineUpper{width: 100%; height: auto; overflow: hidden;}
.boxlineLower{width: 100%; height: auto; overflow: hidden;}

.smallnewline1{width: 50%; height: auto; overflow: hidden; float: left;}
.smallnewline2{width: 50%; height: auto; overflow: hidden; float: right;}
.smallnewbox{width: 47%; height: auto; overflow: hidden; float: left; margin-left: 12px; margin-top: 10px;}

.linkbannerSection{width: 95%; height: auto; margin: 0 auto; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.linksection{width: 100%; height: auto;}
.linkbannerS-1{width: 49%; height: auto; float: left; margin-bottom: 10px;}
.linkbannerS-2{width: 49%; height: auto; float: left; margin-left: 15px; margin-bottom: 10px;}
.linkbannerLa{width: 100%; height: auto; margin: 0 auto;}





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








/* 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%; }
}


@media screen and (max-width: 860px) { 	
	.pageBT { font-size: 16px; 	} 	
	.tabBT { font-size: 14px; 	} 	
	.yeartab { font-size: 14px; 	} 
	.smallnewbox{margin-left: 5px;}
	.linkbannerS-1,.linkbannerS-2 {width: 47%}
} 

@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; 	} 	
	.hilightnewbox{margin-right: 0px;}
	.TablebodyA { width: 95%; } 
	.TablebodyB { width: 95%; } 
} 

@media screen and (max-width: 745px) { 	
	.tabBT { font-size: 18px; width: 13%; 	} 	
	.yeartab { font-size: 18px; 	} 	
	.hilightnewbox{width: 100%;} 	
	.othernewbox{width: 100%; margin-left: 0px;} 	
	.smallnewbox{width: 100%;height:200px;}	
} 

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

@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; 	} }