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

html, body{
	/*font-family:Arial, Helvetica, sans-serif;
	color: #464646;*/
	font-family: "TH SarabunPSK";
	margin:0;
	padding:0;
	border:none;
}
body{
	display: block;
	margin-left: auto;
    margin-right: auto;
}
h1, h2, h3, h4, h5, h6 , ul, li , ol, p, a, dl, dd, dt, blockquote{
	list-style: none;
	margin: 0;
	padding: 0;
}
	/*p { text-align: justify; text-justify: newspaper; }*/
a img
{
	border:none;
}
article,header,footer {
	/*background-color:rgba(0,0,0,0.15);*/
	width:1263px;
	alignment-adjust:central; 
	text-align:center;
    margin-left: auto;
    margin-right: auto;
}


#head-icon { float:left; position:relative; z-index:10; top:15px; left:1100px;}

header{ background:url('../images/head.png') no-repeat; height:490px;}

nav {
	/*overflow:hidden;*/
	width: 700px;
	position:relative;
	top:60px;
	left: 510px;
}

nav h2 {
	display: none
}

nav ul {
	
	z-index: 30;
	padding: 0;
	margin: 0;
	/*width: 700px;*/
}

nav li {
	float: left;
	margin: 0;
	padding: 0;
}

nav li a {
	float: left;
	display:block;
	/*height: 62px;*/
	width: 150px;
	/*text-indent:-5000px;*/
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	/* [disabled]padding-top: 2; */
	/* [disabled]padding-right: 4px; */
	padding-bottom: 0;
	padding-left: 4px;
}
.open>.dropdown-menu{ margin-top: 65px; margin-left: 20px;}
.caret{ color:#fff; vertical-align:sub !important;   border-top: 6px dashed !important;
  border-right: 6px solid transparent !important;
  border-left: 6px solid transparent !important;}
.caret a:hover,.caret a:active,.caret a:focus{ text-decoration:none; }
ul.menu a:hover{ color:#f00 !important;}
a:focus{ color:#d81e12 !important;}

.open a:hover{ color:#f00 !important;}

nav li img { height:60px;}
nav ul.menu li img:hover, nav ul.menu li img:hover { background-color:#ff0000; padding:40px; margin:-40px; padding-top:0px; margin-top:0px;  padding-bottom:0px;  margin-bottom:-1px; height:61px;}

table.analysis-searchbox{ float: left; top:410px; left:60px; padding: 0; position:relative; z-index:10; }
table.analysis-searchbox td{ border-style:none; }
table.analysis-searchbox input[type='text'] { font-size: 30px; font-family: Arial, Helvetica, sans-serif; border: none; background-color: transparent; width: 300px; margin-left:20px; padding-left:10px; padding-top:2px; }
div#analysis-box { background: url(../images/analysis-box.png) no-repeat left top; padding: 0px; height: 44px; }
#analysis-button { border-style: none; background: url('../images/analysis-button.png') no-repeat; width: 154px; height: 44px; margin-top:3px; }
#analysis-button:hover { cursor:pointer; opacity:.95; }
#search-num { background:url('../images/search-number.png') no-repeat; height:255px; }

.search-box {
  vertical-align:middle;
  color:#494a40;
  margin-bottom:20px;
  font-size: 15px;
  font-weight:normal;
  width:850px;
  height:255px;
  padding:70px 0px 0px 58px;
}

.search_item {
  margin: 2px 15px 15px 5px ;
  float:left;
  height:80px;
  text-align:left;
}

.search_item_bt {
  clear:both;
  display:block;
  float:left;
  left:770px;
  top:-190px;
  position:relative;
}
.search_item_bt .btn {
  width:120px;
  font-family: "TH SarabunPSK";
  font-size:25px;
  font-weight:bold;
  text-align: center;
  padding: 3px 0 3px 0;
}

.search_item_check {
	margin: -30px 0 0 50px;
	vertical-align:middle;
}
  
.search_item label.label_search {
  display:block;
  font-size: 17px;
  color:#494a40;
  height:30px;
  font-weight: normal;
}

.search_item label.label_search_ext {
  font-size: 17px;
  color:#494a40;
  height:30px;
  font-weight: normal;
  line-height:30px;
}

.number_input {
  font-size: 25px;
  padding: 5px;
  width:35px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -border-radius: 5px;
  border-radius: 5px;
  text-align:center;
}

.number_select {
  font-size: 18px;
  font-family:Arial, Helvetica, sans-serif;
  padding:5px;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -border-radius: 5px;
  border-radius: 5px;
  width:170px;
}
.number_select#price {width:210px;}
.number_select#sum {width:120px; height:45px;}

.number_input_num {
  width:150px;
  padding: 5px;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -border-radius: 5px;
  border-radius: 5px;
}

.number_input_name {
  width:200px;
  padding: 5px;
  border: 1px solid #d5d4cb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -border-radius: 5px;
  border-radius: 5px;
}

.number_check {
  padding:15px; -moz-appearance: none;
  width:20px; height:20px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -border-radius: 5px;
  border-radius: 5px;
  display: table-cell;
  vertical-align:middle;
}
input[type=checkbox].number_check  { margin:-2px -3px 0 3px;}


.number_refresh {
  display: none;
}

#update { background:url('../images/update.png') no-repeat; height:589px; }
#update .update-size { margin:70px 0px 0px -150px;}

ul#op-search li { float:left; position:relative; width:103px; height:110px; left:700px; top:40px; }

#good-num{ background:url('../images/good-number.png') no-repeat; min-height:400px; width:1263px; }
div#gNum-cont{ 
	width:1250px; 	
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	padding-left:70px;
	padding-top:200px;
}
.good-number {
	background: url(../images/board.png) no-repeat #fcf391;
	/*padding:30px 10px 30px 120px;*/
	padding-left:110px;
	-moz-appearance: none;
	width:480px; height:130px;
	border: 1px solid #fcf391;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	border-radius: 5px;
	display: table-cell;
	vertical-align:middle;
	/*color:#e52323;*/
	font-family:"TH SarabunPSK";
	font-size:38px;
	text-align:left;
	line-height:36px;
	font-weight:bold;
}
#good-num-link { color:#e52323; font-size:42px; }
#good-num-link:hover { text-decoration:none; } 
#detail-goodnum{font-size:28px; top:-8px; position:relative;}
ul.ul-num-cont {
	width:1200px; 
	z-index: 30;
}

li.good-number {
	float:left;
	margin:10px;
	margin-left:55px;
}
div#space{ height:80px; }

#market-num{ background:url('../images/market-num.png') no-repeat; height:200px; width:1263px; }
#market-f{ 
	float:left; position:relative; 
	left:950px; top:15px; 
	font-family:"TH SarabunPSK"; font-size:32px; 
}
#market-f a{color:#fff; font-weight:bold;}
#market-f a:hover{ text-decoration:none; color:#3b579d;}
#market-f a img{ margin:-5px 0 0 0;}

footer { 
	background:url(../images/footer.png) no-repeat; 
	height:275px; width:1263px; 
	font-family:"TH SarabunPSK"; 
	font-size:24px;
	color:#fff;
	line-height:26px;
}
footer a, footer a:hover{ color:#fff; text-decoration:none; } 
div#foot-menu{ float:left; top:38px; left:400px; position:relative; font-size:30px; font-weight:bold; }
div#foot-menu a{ text-decoration:none; color:#fff; }
div#foot-menu a:hover { text-decoration:none; color:#ff0; }
div#foot-contact{ float:left; top:40px; left:520px; position:relative; text-align:left; }
.white-box .content {
  padding: 5%;
  font-size: 15px;
  line-height: 25px;
  text-align:justify;
}

div#analysis-page {
	display: block;
	/*margin-left: auto;
    margin-right: auto;*/
	color:#e52323;
	font-family:"TH SarabunPSK";
	width:800px;
}
div#analysis-page h1, h2 ,h3 ,h4, h5 {font-weight:bold !important;}
div#analysis-page h1 {
	color:#f00;
	font-size:60px;
}
div#analysis-page h2 {
	color:#000;
	font-size:30px;
	line-height:28px;
}
div#analysis-page h3 {
	color:#000;
	font-size:38px;
	line-height:28px;
	margin-top:-5px;
}
div#analysis-page h4 {
	color:#000;
	font-size:65px;
	line-height:36px;
	margin-top:-5px;
}
div#analysis-page h5 {
	color:#e52323;
	font-size:40px;
	margin-top:-5px;
}
div#sum-content{ margin-left:50px; width:720px;  text-align: justify;  margin-bottom:10px;}
div#sum-content h9 {
	color:#000;
	font-size:22px;
	margin-top:-5px;
	font-weight:bold;
	margin-left:50px;
	margin-right:45px;
	top: -5px;
	position: relative;
}
div#percent-bar {
	display: block;
	margin-left: auto;
    margin-right: auto;
	-moz-appearance: none;
	width:200px; height:20px;
	border: 1px solid #e52323;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	border-radius: 5px;
}
div#pair-bar { color:#fff; background-color:#e52323; font-size:30px; font-weight:bold; height:45px; }
div#pair-bar a, div#pair-bar a:hover { color:#fff; text-decoration:none; }
.tab { display: inline-block; zoom:1; *display:inline; border-bottom: none; font-weight: normal; }
.tab a { display: block; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { position: relative; font-size:34px; top:0px; margin-top:-2px; }
.tab a.active { font-weight: bold; }
div#pair-tab h6 { 
	background: #e52323;  
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 	
	font-size:38px;
	font-weight:bold;
	width: 45px;
	height: 45px;
	margin:20px 0px 0px 42px;
	text-align:center;
	vertical-align:middle;
}
div#pair-tab h7 { 
	font-size: 34px;
	font-weight: bold;
	color: #000;
	float: left;
	left: 110px;
	top: -48px;
	position: relative;
}
div#pair-tab h8 { 
  font-size: 22px;
  color: #000;
  float: left;
  left: 45px;
  top: -35px;
  position: relative;
  text-align: justify;
  margin-right:15px;
}
@media screen and (max-device-width: 480px) {
	@media screen and (max-width: 991px) {
*,#good-num-link {
	font-size:20px;
}
#good-num-link,.good-number,.search_item_bt .btn {font-size:20px !important;}
#detail-goodnum{font-size:20px !important; }
div#iframe-update {overflow: scroll; -webkit-overflow-scrolling: touch; width: 1090px; height:400px; text-align:right; position:relative; left:90px; top:50px; margin:0; padding:0;}
	}
}