* {
        box-sizing: border-box;   
    }
    
    body {
    	-webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
    	-moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
    	-ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
    	animation: -amp-start 8s steps(1,end) 0s 1 normal both;
    }

	td {
		font-weight: bold;
	}

	.logo img {
		width: 200px !important;
	}
    
    @-webkit-keyframes -amp-start {
    	from {
    		visibility: hidden;
    	}
    
    	to {
    		visibility: visible;
    	}
    }
    
    @-moz-keyframes -amp-start {
    	from {
    		visibility: hidden;
    	}
    
    	to {
    		visibility: visible;
    	}
    }
    
    @-ms-keyframes -amp-start {
    	from {
    		visibility: hidden;
    	}
    
    	to {
    		visibility: visible;
    	}
    }
    
    @-o-keyframes -amp-start {
    	from {
    		visibility: hidden;
    	}
    
    	to {
    		visibility: visible;
    	}
    }
    
    @keyframes -amp-start {
    	from {
    		visibility: hidden;
    	}
    
    	to {
    		visibility: visible;
    	}
    }
    
    body {
    	-webkit-animation: none;
    	-moz-animation: none;
    	-ms-animation: none;
    	animation: none;
    }
    
    html {
    	scroll-behavior: smooth;
    }
    
    body {
    	background-color: #fff;
    	overflow-x: hidden;
    	text-align: center;
    	font-family: sans-serif;
    	font-weight: 700;
    	padding: 0;
    	margin: 0;
    }
    
    .logo {
    	border: 2px solid #eb008b;
    	border-radius: 10px 0 10px 10px;
    	margin: 2px;
    	overflow: hidden;
		background: #9CCC65;
    }
    
    .logo amp-img {
    	width: 220px;
    	height: auto;
    	padding: 6px 0 0;
    }
    
    .button2 {
    	background-color: #FF5722;
    	color: #b2ddff;
    	padding: 10px 30px;
    	font-size: 16px;
    	margin: 20px auto;
    	border-radius: 10px;
    	border: 2px solid #0000005c;
    	font-weight: 800;
    	text-shadow: 1px 1px #00bcd4;
    	box-shadow: 0 8px 10px 0 rgba(0,0,0,.2) , 0 6px 8px 0 rgba(0,0,0,.19);
    	display: inline-block;
    	transition: all .3s;
    }

	.marketseo{
		color: #000;
		text-align: left !important;
		margin-bottom: 8px;
		margin-top: -2px;
		display: block;
		font-size: 20px;
		outline: 4px #fff;
		outline-offset: -9px;
		border: 2px solid #ff182c !important;
		border-style: outset;
		border-radius: 10px;
		box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
		width:98%
	}
    
    .ad-div11 {
    	text-align: center;
    	margin: 0 0 10px;
    }
    
    .chart-list {
    	border: 2px solid #eb008b;
    	border-radius: 10px 0 10px 10px;
    	margin-bottom: 2px;
    	width: 50%;
    	margin: 0 auto 10px;
    	text-align: center;
    	font-weight: 600;
    }
    
    .chart-list.ab1 {
    	border-color: #003c6c;
    }
    
    .chart-list h4 {
    	color: #fff;
    	padding: 5px 10px 3px;
    	font-size: 24px;
    	border-top-left-radius: 7px;
    	margin: 0;
    }
    
    .chart-list.ab1 h4 {
    	background-color: #024c88;
    }
    
    .chart-list a {
    	display: block;
    	font-size: 22px;
    	padding: 5px 7px 4px;
    	text-decoration: none;
    }
    
    .chart-list a:hover {
    	text-decoration: none;
    }
    
    .chart-list.ab1 a {
    	border-bottom: 2px solid #024c88;
    	color: #003c6c;
    }
    
    .chart-list a:hover {
    	background-color: #fff;
    	text-decoration: underline;
    }
    
    @media only screen and (max-width:500px) {
    	.chart-list {
    		width: 95%;
    	}
    }
    
    .footer {
    	background-color: #fff;
    	color: red;
    	font-weight: bold;
    	font-size: 15px;
    	text-decoration: none;
    	border: 4px groove purple;
    	border-radius: 10px 0 0 0;
    	text-shadow: 1px 1px gold;
    	margin: 3px;
		line-height: 16px;
		padding: 10px;
    }
    
    .footer>div {
    	/* border-bottom: 2px solid #b2ddff; */
    	padding: 0px 0;
    	margin-bottom: 0px;
    }
    
    .footer>div a {
    	text-decoration: none;
    }
    
    .footer>div a:hover {
    	text-decoration: none;
    }
    
    .footer .ftr-icon {
    	text-decoration: none;
    	font-size: 35px;
    	text-transform: uppercase;
    	color: #007bff;
    }
    
    .footer p {
    	margin: 10px 0 10px;
    	line-height: 35px;
    }
    
    .footer p span {
    	color: #36f;
    }
    
    .panel.panel-info {
    	border: 1px solid #3f51b5;
    	border-radius: 5px;
    	width: 100%;
    	margin: 0 auto 0;
    }

	.marketnametext {
		text-transform: uppercase; 
		background: #FF5722; 
		padding: 10px 10px; 
		text-shadow: 1px 1px 2px #000; 
		display: block; 
		color: #fff8f8; 
		margin-bottom: 3px; 
		letter-spacing: 1px; 
		font-weight: 700; 
		border: 2px solid #fff; 
		border-radius: 0.45em; 
		transform-style: preserve-3d; 
		transition: transform 150ms cubic-bezier(0,0,.58,1) , background 150ms cubic-bezier(0,0,.58,1);
		font-size: 18px; 
		margin: 3px 0.5%; 
		font-style: initial;
	}

	.chartrecord {
		width: 99%; 
		margin: 10px 0.5%; 
		display: flex; 
		flex-direction: column; 
		align-items: center; 
		justify-content: center; 
		gap: 10px; 
		height: auto; 
		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; 
		border: 2px solid red !important; 
		color: #00094d; 
		border-radius: 10px; 
		padding: 6px 10px;
	}

	.mnametexts {
		width: 99%; 
		margin: 10px 0.5%; 
		padding: 10px 0; 
		display: flex; 
		flex-direction: column; 
		align-items: center; 
		justify-content: center; 
		gap: 10px; 
		height: auto; 
		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; 
		border: 2px solid black; 
		border-radius: 12px;
	}

	.mresult {
		color: #880e4f; 
		font-size: 21px; 
		text-shadow: 1px 1px 2px #ffe2c6;
	}

	.refreshbtn {
		border: 1px solid #e6e6e6;
		background: #FF5722;
		color: #fff;
		padding: 10px 14px;
		font-size: 12px;
		margin: 2px 0 -1px;
		display: inline-block;
		transition: all .3s;
		cursor: pointer;
		text-shadow: none;
		text-decoration: none;
		margin-bottom: 10px;
		border-radius: 20px;
	}
    
    .panel-heading h1 {
    	margin: 0;
    	padding: 5px;
    }
    
    table {
    	border-collapse: collapse;
    }
    
    table,th,td {
    	border: 1px solid #03a9f4a8;
    }
    
    thead {
    	background-color: #ffc107;
    	text-shadow: 1px 1px 2px #9a7400ab;
    }
    
    tbody td {
    	padding: 5px 0;
    	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    }
    
    @media only screen and (max-width:770px) {
    	.panel.panel-info {
    		width: 95%;
    	}
    }
    
    .r {
    	color: red;
    }
    
    /*tr td:nth-child(1) {*/
    /*	font-size: 13px;*/
    /*}*/
    
    /*tbody tr td:nth-child(2),tbody tr td:nth-child(5),tbody tr td:nth-child(8),tbody tr td:nth-child(11),tbody tr td:nth-child(14),tbody tr td:nth-child(17),tbody tr td:nth-child(20),tbody tr td:nth-child(23) {*/
    /*	border-right-width: 0;*/
    /*	font-size: 13px;*/
    /*}*/
    
    /*tbody tr td:nth-child(3),tbody tr td:nth-child(6),tbody tr td:nth-child(9),tbody tr td:nth-child(12),tbody tr td:nth-child(15),tbody tr td:nth-child(18),tbody tr td:nth-child(21),tbody tr td:nth-child(24),tbody tr td:nth-child(27) {*/
    /*	border-left-width: 0;*/
    /*	border-right-width: 0;*/
    /*	font-size: 23px;*/
    /*}*/
    
    /*tbody tr td:nth-child(4),tbody tr td:nth-child(7),tbody tr td:nth-child(10),tbody tr td:nth-child(13),tbody tr td:nth-child(16),tbody tr td:nth-child(19),tbody tr td:nth-child(22),tbody tr td:nth-child(25),tbody tr td:nth-child(28) {*/
    /*	border-left-width: 0;*/
    /*	font-size: 13px;*/
    /*}*/
    
    @media only screen and (max-width:500px) {
    	.panel.panel-info {
    		width: 99%;
    	}
    
    	/*tbody tr td:nth-child(3),tbody tr td:nth-child(6),tbody tr td:nth-child(9),tbody tr td:nth-child(12),tbody tr td:nth-child(15),tbody tr td:nth-child(18),tbody tr td:nth-child(21),tbody tr td:nth-child(24),tbody tr td:nth-child(27) {*/
    	/*	font-size: 14px;*/
    	/*}*/
    
    	/*tr td:nth-child(1),tbody tr td:nth-child(2),tbody tr td:nth-child(5),tbody tr td:nth-child(8),tbody tr td:nth-child(11),tbody tr td:nth-child(14),tbody tr td:nth-child(17),tbody tr td:nth-child(20),tbody tr td:nth-child(23),tbody tr td:nth-child(4),tbody tr td:nth-child(7),tbody tr td:nth-child(10),tbody tr td:nth-child(13),tbody tr td:nth-child(16),tbody tr td:nth-child(19),tbody tr td:nth-child(22),tbody tr td:nth-child(25),tbody tr td:nth-child(28) {*/
    	/*	font-size: 9px;*/
    	/*}*/
    
    	th {
    		font-size: 11px;
    	}
    }
    
    thead tr th:nth-child(1) {
    	width: 100px;
    }
    
    @media only screen and (max-width:770px) {
    	/*tr td:nth-child(1) {*/
    	/*	font-size: 9px;*/
    	/*}*/
    
    	/*tbody tr td:nth-child(3),tbody tr td:nth-child(6),tbody tr td:nth-child(9),tbody tr td:nth-child(12),tbody tr td:nth-child(15),tbody tr td:nth-child(18),tbody tr td:nth-child(21),tbody tr td:nth-child(24),tbody tr td:nth-child(27) {*/
    	/*	border-left-width: 0;*/
    	/*	border-right-width: 0;*/
    	/*	font-size: 16px;*/
    	/*}*/
    
    	/*tbody tr td:nth-child(4),tbody tr td:nth-child(7),tbody tr td:nth-child(10),tbody tr td:nth-child(13),tbody tr td:nth-child(16),tbody tr td:nth-child(19),tbody tr td:nth-child(22),tbody tr td:nth-child(25),tbody tr td:nth-child(28) {*/
    	/*	border-left-width: 0;*/
    	/*	font-size: 11px;*/
    	/*}*/
    
    	/*tbody tr td:nth-child(2),tbody tr td:nth-child(5),tbody tr td:nth-child(8),tbody tr td:nth-child(11),tbody tr td:nth-child(14),tbody tr td:nth-child(17),tbody tr td:nth-child(20),tbody tr td:nth-child(23) {*/
    	/*	border-right-width: 0;*/
    	/*	font-size: 11px;*/
    	/*}*/
    
    	/*thead tr th:nth-child(1) {*/
    	/*	width: 55px;*/
    	/*}*/
    
    	.panel.panel-info {
    		width: 99%;
    	}
    }

	@media only screen  and (max-width:250px) {
        footer{
            font-size: unset !important;
        }
    }

	@media(min-width:768px){
        .logo img{
            width: 400px;
            height: auto;
        }
	}

	@media(max-width:767px){
		.logo img{
			width: 250px;
			height: auto;
		}
	}

