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

.iframe_index{
	float:left;
	width:80%;
	margin:20px 10%;
}
@media screen and (max-width:740px) {
	.iframe_index{
		width:100%;
		margin:20px; 0%;
	}
}b{
	color: #fff;
}
.hard_break{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow:hidden;
}

.fontkanda,.fontkanda a{font-family:'Conv_PSL-Kanda',Sans-Serif; text-decoration:none; }
.fontthaisan,.fontthaisan a{font-family:'thaisanslite_r1',Sans-Serif; text-decoration:none; }
.fontwingding,.fontwingding a{font-family:'wingding',Sans-Serif; text-decoration:none; }
body{
	background:#45779c;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:21px;
	color:#fff;
	font-family:'thaisanslite_r1',Sans-Serif; text-decoration:none; 
}
a{
	color:#fff;
	font-family:'thaisanslite_r1',Sans-Serif; text-decoration:none; 
}
.tabletr tr td{
	border-bottom:1px solid #666;
	padding:2px;
}
.clear{
	clear:both;
	overflow:hidden;
	width:100%;
	height:0px;
	padding:0px;
	margin:0px;
}
div{
	margin:0px;
	padding:0px;
}

li,li a{
	list-style:none;
}

.articleul li{
	list-style:outside;
	list-style:disc;
	border-bottom:1px dotted #666;
}
.line{
	width:100%;
	height:2px;
	background:#303030;
	margin-bottom:4px;
}
.padding{
	width:95%;
	margin:auto;
}
#header{
	float:left;
	width:100%;
	height:90px;
	overflow:hidden;
}
@media screen and (max-width:700px) {
	#header{
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
	}	
}
#logodiv{
	float:left;
	width:200px;
	margin-left:25px;
	margin-top:10px;
}
@media screen and (max-width:700px) {
	#logodiv{
		float:left;
		width:100%;
		margin-left:0px;
		margin-top:5px;
		text-align:center;
	}
}
#menudiv{
	width:420px;
	float:right;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
@media screen and (max-width:700px) {
	#menudiv{
		width:98%;
		float:right;
		padding:0px;
		margin:0px;
		overflow:hidden;
	}
}
#menu{
	padding:0px;
	margin:0px;
	border-bottom:1px solid #00aeef;
	height:40px;
}

#menu li{
	float:left;
}

#menu li a{
	font-size:22px;
	font-weight:normal;
	float:left;
	margin:10px 10px 0 10px;;
	list-style:none;
	color:#fff;
	display:block;
	margin-left:10px;
	text-decoration:none;
	height:30px;
}

.index_box_menu{
	width:22%; float:left; border-left:1px dotted #fff;
}
@media screen and (max-width:700px) {
	.index_box_menu{
		width:99%; border-left:0px dotted #999;
	}
}

.index_box_cont{
	width:76%; float:left;  border-left:1px dotted #999;
}
@media screen and (max-width:700px) {
	.index_box_cont{
		width:99%; float:left;  border-left:0px dotted #999;
	}
}


.featured{

	width:100%;
	float:left;
	padding:20px 0;
	font-size:45px;
	text-align:center;
	
}

#contentdiv{
	width:100%;
	margin:auto;
	margin-top:3px;

}
.boxinside{
	float:left;
	width:31%;
	margin:0 1% 0 1%;
}
.boxinside2{
	float:left;
	width:62%;
	margin:1%;
}
.boxinside3{
	float:left;
	width:49%;
	margin:1%;
}
@media screen and (max-width:700px) {
	.boxinside, .boxinside2, .boxinside3{
		float:left;
		width:96%;
		margin:2%;
	}
}
.maintitle{
	float:left;
	width:98%;
	padding-left: 2%;
	margin-top:20px;
	font-size:35px;
	color: #fff;
	font-family:'thaisanslite_r1',Sans-Serif; text-decoration:none;
	font-weight: bold;
}
.num{
	float:left;
	width:45px;
	height:40px;
	text-align:center;
	color:#FFF;
	font-size:35px;
	background:#737373;

}
.titletext ,.titletext a{
	float:right;
	height:35px;
	color:#ffffff;
	text-align:right;
	font-size:30px;
	padding-right:5px;
	margin-top:0px;
}
.titletext2 {
	float:right;
	color:#ccffff;
	text-align:right;
	font-size:30px;
	padding-right:10px;
	margin-top:0px;
}
.whitebgtd td{
	background:#efa62f;
}

.stockboxlarge{
	width:100%;
	float:left;
	background:#FFFFFF;
	padding:0px;
	margin:2% 0;
	overflow:hidden;
	display:block;
	cursor:pointer;
	overflow:hidden;
	-moz-border-radius-topleft: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		border-bottom-right-radius: 14px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.stockboxsmall{
	width:205px;
	float:left;
	background:#FFFFFF;
	padding:0px;
	margin:1%;
	overflow:hidden;
	display:block;
	cursor:pointer;
	overflow:hidden;
}
.stockboxsmall2{
	width:47%;
	
}
.stockboxsmall3{
	width:47%;
	float:left;
	background:#FFFFFF;
	padding:0px;
	margin:1%;
	overflow:hidden;
	display:block;
	cursor:pointer;
	height:75px;
	overflow:hidden;
}
@media screen and (max-width:700px) {
.stockboxsmall{
	width:98%;
height:auto;
	padding:0px;
	margin:1%;

}
.stockboxsmall3{
	width:98%;
	height:auto;

	padding:0px;
	margin:1%;
}
}

.stockboxsmall img{
	border:0px;
	}


.setsbs1{
	width:90%;
	float:left;
	padding:0px;
	margin:0px;
	height:65px;
	}
.sbs1{
	width:110px;
	float:left;
	height:25px;
	background:#ffffff;
	padding-left:10px;
}
.sbs2{
	width:90%;
	float:left;
	height:40px;
	background:#ffffff;
	padding-left:10px;
}
.sbs3{
	width:70px;
	float:left;
	height:55px;
	background:#ffffff;
	font-size:19px;
	line-height:14px;
	padding-top:15px;
}
.sbs4{
	width:20px;
	float:left;
	height:60px;
	margin:5px;
}
.sbspricefont{
	font-size:22px;
	line-height:25px;
}
.set_stock_show_trend{
	font-size:14px; text-align:right; 
	width:22%;
	padding:4% 0%;
	float:left;
}
.set_stock_show_name{
	float:left;
	font-size:29px;
	line-height: 20px;
	overflow:visible;
	color: #c5bacb;
}
.set_stock_show_name a{
	color: #c5bacb;
}
.set_stock_show_gr{
	float:right;
	width:100%;
	margin:1% 1% ;
	text-align:right;
	height:40px;
}
.set_stock_show_candle{
	float:right;
	width:100%;
	margin:1% 1% ;
	text-align:right;
}
.inlinesparkline2{
	width:auto;
	float:right;
	text-align:right;
}
#footer{
	text-align:center;
	margin-top:20px;
	height:110px;
	width:98%; 
	border-top:1px solid #666; 
	padding-top:20px;
	float:left;
}
.formula_title{
	float:left; width:15%;
	background:#FFF;
	height:250px;
	overflow:hidden;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 34px;
	border-top-right-radius: 34px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 34px;
	border-bottom-right-radius: 34px;
}
.formula_gr{
	float:left; width:85%;
	background:#b3f475;
	-moz-border-radius-topleft: 34px;
	border-top-left-radius: 34px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 34px;
	border-bottom-left-radius: 34px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
.formula_title_big{
	color:#333;
	font-weight:bold;
	font-size:85px;
	text-align:center;
	margin:5% 3%;
	width:96%;
}
.formula_title_small{
	text-align:center;
}
@media screen and (max-width:700px) {
	.formula_title{
		float:left; width:25%;
		background:#FFF;
		height:250px;
		
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		-moz-border-radius-topright: 34px;
		border-top-right-radius: 34px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius-bottomright: 34px;
		border-bottom-right-radius: 34px;
	}
	.formula_gr{
		float:left; width:73%;
		background:#b3f475;
		-moz-border-radius-topleft: 34px;
		border-top-left-radius: 34px;
		-moz-border-radius-topright: 0px;
		border-top-right-radius: 0px;
		-moz-border-radius-bottomleft: 34px;
		border-bottom-left-radius: 34px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-right-radius: 0px;
		padding-left:2%;
		overflow:hidden;
	}
	.formula_title_big{
		color:#333;
		font-weight:bold;
		font-size:45px;
		text-align:center;
		margin:5% 3%;
		width:96%;
	}
	.formula_title_small{
		text-align:center;
		padding:2%;
		width:96%;
	}
}

.bgblink{
	background:url(images/bgbrink.gif);	
}

.recent_box{
	position: relative;
    left: 50%;
	float: left;
	max-width:80%;
	margin:1% 0;
}
.recent_box_list{

	width:auto;
	padding:0.5% 3%;
	margin:1% 1%;
	float:left;
	background:#686464;
	color:#FFF;
		-moz-border-radius-topleft: 11px;
		border-top-left-radius: 11px;
		-moz-border-radius-topright: 11px;
		border-top-right-radius: 11px;
		-moz-border-radius-bottomleft: 11px;
		border-bottom-left-radius: 11px;
		-moz-border-radius-bottomright: 11px;
		border-bottom-right-radius: 11px;
		text-align:center;
		display:block;
		font-size:24px;
		cursor:pointer;
		float: left;
    position: relative;
    left: -50%;
}
.recent_box_list a{
	color:#FFF;

}
.graphtooltip{
	width:100px;
	padding:3%;
	font-size:17px;
	text-align:left;
}
.top_graph_div_box{
	width:50%; height: 250px; background:url(images/load.gif)50% 50% no-repeat; float:left;
	padding:0%;
}
@media screen and (max-width:700px) {
	.top_graph_div_box{
		width:96%; height: 250px; background:url(images/load.gif)50% 50% no-repeat; float:left;
		padding:2%;
	}	
}

.google-visualization-tooltip {
  border:none !important;
  padding:1%;
  margin:0px;
}

.candle_pattern_detail{
	float:left;
	width:100%;
	margin-top:0px;
	margin-left:0%;
	margin-bottom:0px;
}
.green_title{
	background:#00fa00 ;
	color:#333;
	font-weight:bold;
}
.red_title{
	background:#ff0000;
	color:#fff;
	font-weight:bold;
}
.gray_title{
	background:#999;
	color:#fff;
	font-weight:bold;
}
.navpage, .navpage a{
	color:#0FF
}
.stock_statictitle{
	width:33%;  float:left; text-align:center; color:#83c679; font-size:22px;line-height:13px;
	margin-top:10px;
}
.stock_staticnum{
	font-size:30px; line-height:36px;
}
.stock_statictitle2{
	width:50%;  float:left; text-align:center; color:#83c679; font-size:22px;line-height:13px;
	margin-top:20px;
}
.stock_staticnum2{
	font-size:64px; line-height:61px;
}
.comparepricetable{
	float:left;
	margin-top:20px;
	width:100%;
}
.comparepricetable tr td{
	border-bottom:1px solid #666;
	padding:2px;
	text-align:right;
}
.comparepricetable tr th{
	font-weight:bold;
	color:#fff;
	background:#999;
	padding-right:5px;
}

.boxset{
	float:left;
	
	background:#226369;
	background:linear-gradient(to bottom, #21405d 5%, #275c84 100%);
	/*border:1px solid #266167;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	color: #c0bac6;
}.boxset2{
	float:left;
	/*border:1px solid #266167;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	color: #c0bac6;
}
.div_1_6{
	float:left;
	width:14.6%;
	margin:1%;

}
.div_1_5{
	float:left;
	width:19%;
	margin:0.5%;
}
.div_1_4{
	float:left;
	width:25%;
	margin:0%;
}
.div_1_3{
	float:left;
	width:31.22%;
	margin:1%;
}
.div_1_2{
	float:left;
	width:48%;
	margin:1%;
}
.div_1_2_a{
	float:left;
	width:48%;
	margin:1%;
}
.div_1_1{
	float:left;
	width:98%;
	margin:1%;
}
.div_2_3{
	float:left;
	width:64.44%;
	margin:1%;
}


@media screen and (max-width:700px) {
	.div_1_4,.div_1_6,.div_1_5,.div_1_3,.div_1_2,.div_1_1,.div_2_3{
		width:98%;
		margin:2% 1%;
	}
	.div_1_5{
		width:48%;
	}
}


.contentbox{
	float:left;
	padding:0%;
	margin:0%;
	width:100%;
}

.setbox_title{
	float:left;
	width:47%;
	padding:1%;
	padding-left:2%;
	font-size:35px;
	font-weight:bold;
}

.setbox_vol{
	float:left;
	width:48%;
	padding:1%;
	font-size:23px;
	text-align:right;
}.col_menu25{
	float:left;
	width:25%;
	}
.col_content75{
	width:74%; float:left; border-left:1px dotted #999;
}	

.col1{
	width:33%; float:left;
	background:#FFF;
	}
.col22{
	width:49%; float:left; border-left:1px dotted #999; background:#FFF;
	}
.col2,.col3{
	width:33%; float:left; border-left:1px dotted #999; background:#FFF;
	}
.col33{
	width:33%; margin:auto; float:left;
	}
.col33center{
	width:100%;
	float:left;
	text-align:center;
	padding-top:15px;
	}	
.col25{
	width:23%; float:left; border-left:1px dotted #999; background:#FFF;
}
.col50{
	width:48%; float:left; border-left:1px dotted #999; background:#FFF;
}
@media screen and (max-width:780px) {
	.col1,.col2,.col3,.col25,.col50{
		width:99.5%;
	}
	.col22{
	width:99%; 
	}
	.col33{
		width:99.5%;
	}
	.col_data{
	height:290px;
	overflow:scroll;
	overflow-x: hidden;
	border:1px dotted #ccffff;
	margin:2%;
	width:95%;
	}
	
}
.myButton a{
	color:#FFF;
}
.myButton {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}
.datenews{
	color:#CCC;
}

.boxscroll{
	overflow-y:scroll; max-height:500px;
}


/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}



.col_menu25{
	float:left;
	width:22%;
	}
.col_content75{
	width:74%; float:left; border-left:1px dotted #999;
}	
.mobilemenu{
	width:0%;
		height:0px;
		overflow:hidden;
		padding:0px;
		margin:0px;
		visibility:hidden;
}		
@media screen and (max-width:600px) {
	.col_menu25{
		width:96%;
		margin:1%;
		height:200px;
		overflow-y: scroll;
		border:1px solid #CCC;
	}
	.col_content75{
		width:99%;
	}
	.mobilemenu{
		width:96%;
		height:auto;
		padding:4% 2%;
		float:left;
		visibility:visible;
		text-align:center;
	}
	#jumpMenu{
		height:35px;
		width:100%;
		}
}	

.linearcheatimg{
	padding-top:0px; width:100%;
}
.tablinear {
	/*background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);*/
	display:inline-block;
	cursor:pointer;
	color:#c5bacb;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	padding:3px 4px;
	text-decoration:none;
	float:right;
	height: 17px;
	margin-bottom: 0px;
	border-right: 1px solid #c5bacb;
}
.tablinear:hover {
	/*background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);*/
}
.tablinear:active {
	position:relative;
	top:1px;
}

.tablinear2 {
	/*background:linear-gradient(to bottom, #a6ce6d 5%, #97bf5e 100%);*/
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:3px 4px;
	text-decoration:none;
	float:right;
	height: 17px;
	margin-bottom: 0px;
	border-right: 1px solid #c5bacb;
}
.tablinear2:hover {
	
	background-color:#231b29;
}
.tablinear2:active {
	position:relative;
	top:1px;
}
.table_sample{
	width: 98%;
	padding: 1%;
}
.table_sample tr{
	border-bottom: 1px solid #9F9798;
}
.table_sample th{
	background: #666;
	color: #fff;
}
.table_sample td{
	text-align: right;border-bottom: 1px solid #9F9798;
}
.heart{
	float: left;
	width: 20px;
	height: 20px;
	padding-top: 4px;
	padding-left: 7px;
}
.heart img{
	width: 100%;
}
.st_name{
	float: left;
}
#favstock{
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 0px;
}
.searchstock{
	float: left;
	width: 100%;
	margin: 0px;
	background: #2b3c50;
	text-align: center;
	padding: 20px 0;
}
#searchstock{
	width: 60%;
	line-height: 40px;
	text-align: left;
	font-size: 25px;
	margin: auto;
	border:1px solid #266167;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	font-family:'thaisanslite_r1',Sans-Serif; text-decoration:none;
	background: #9ac2d8;
}
.view_col1{
	width:25%;
	float:left;
	text-align:center;
	}
.view_col2{
	width:35%;
	float:left;
	text-align:center;
	}
.view_col3{
	width:20%;
	float:left;
	text-align:center;
	}
.view_col4{
	width:20%;
	float:left;
	text-align:center;
	padding-top:20px;
	}			
@media screen and (max-width:950px) {
	.view_col1,.view_col2,.view_col3,.view_col4{
		width:49%;	
	}
	.view_col1{
		background:#000000;
		}
}
@media screen and (max-width:600px) {
	.view_col1,.view_col2{
		width:99%;	
	}
	.view_col2{
		margin:auto;
		text-align:center;
	}
}	
#featured{
	background:#293c4d;
	width:100%;
	float:left;
	padding-top: 5px;
}