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

}

@font-face {
    font-family: 'krungsri_condensedregular';
    src: url('../../../font/krungsri_con-webfont-webfont.eot');
    src: url('../../../font/krungsri_con-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../font/krungsri_con-webfont-webfont.woff2') format('woff2'),
         url('../../../font/krungsri_con-webfont-webfont.woff') format('woff'),
         url('../../../font/krungsri_con-webfont-webfont.ttf') format('truetype'),
         url('../../../font/krungsri_con-webfont-webfont.svg#krungsri_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

body {
	font-family: 'krungsri_condensedregular', krungsri_condensedmedium;
	font-size:12px;
	color:#5a5a5a;
}

#breadcrumbs {font-weight:bold;margin-bottom:12px; width:100%; overflow:hidden}
#breadcrumbs li { color:#666; float:left; padding-right:5px;}
#breadcrumbs li.current { color:#FF0000}
#breadcrumbs li a { color:#666;}

.clear { float:left; width:100%; clear:both; overflow:hidden; height:1px;}
h3 { clear:both; font-size:15px; padding-bottom:10px;}

.scroll-pane { padding-bottom:15px; line-height:140%;}

.nav-porfolio { display:block; width:574px; height:27px; margin-bottom:15px;}
.nav-porfolio li { float:left; width:143px;}
.nav-porfolio li a { color:#666; text-decoration:none; height:25px; display:block;}
.nav-porfolio li a span { visibility:hidden;}


table td { vertical-align:top}

.scroll-pane p { padding-bottom:15px;}

.blue {color:#0070c0;}
.red {color:#FF0000}
.green {color:#009933}


.table-content { clear:both;}
.table-content th ,.table-content td { border-bottom:1px solid #fff; vertical-align:top}
.table-content thead th { background:#b8cce4; padding:5px 5px 14px; text-align:left;}
.table-content thead td { background:#b8cce4;text-align:left;padding:5px;}
.table-content tbody th { background:#365f91; color:#fff; text-align:left; font-weight:normal}
.table-content tbody th ,.table-content tbody td { padding:5px;}
.table-content tbody td { text-align:left;}
.table-content tbody tr.dark td { background:#a7bfde;}
.table-content tbody tr td { background:#dbe5f1;}

#container .table-content tr.bold td , #container .table-content tr.bold th { font-weight:bold}


#container table.right td { text-align:right}
table.right thead th { text-align:right}

.head { width:590px; float:left; clear:both;}
.head li {}
.head li.left {float:left; width:130px;}
.head li.detail { float:left; width:330px; text-align:center}
.head li.right {float:right; width:130px; text-align:right}
.head li.right a { text-decoration:none}
.head li span { background:#666; color:#fff; padding:4px;} 
.head li.left span { float:left;}
.head li.right span { float:right}
.head li span a { color:#fff;}


h5 { padding-bottom:2px;}



/*research */
.tb-research { border-left:1px solid #ccc ;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.tb-research tr.head th { background:#ddcda8;border-right: 1px solid #ddcda8; color:#725a25 ; }
.tb-research tr.head th a { color:#725a25; display:inline-block;}
.tb-research tr.head th a.manual { background:url(../images/investment-account/ic-adobe-reader.jpg) no-repeat 0 1px; padding-left:20px;} 
	.tb-research th ,.tb-research td { padding:4px 5px; border-right:1px solid #ccc ;}
	.tb-research th { background:#EFE7D5; font-size:13px; color:#333 ;border-bottom:1px solid #fff}
	.tb-research td { background:#fff;}
	.tb-research tr.gray td { background:#E5E5E5;}
	.tb-research tr.border-btm th { border-bottom:1px solid #ccc}
	.tb-research tr.border td { border-bottom:1px solid #ccc ;border-top:1px solid #ccc}
	table.small th { font-size:11px; font-weight:normal}
	table.small td { font-size:11px;}
	.tb-research a { color:#666;}
	.tb-research a:hover { text-decoration:underline}
	
	table.tb-top th ,table.tb-top td { vertical-align:top}
	.scroll-pane { padding-bottom:15px;}
	.scroll-pane h3 { padding-bottom:5px;}
	table.pad-s th ,table.pad-s td { padding:2px}
	
.orange { color:#FF6600}
.green { color:#009900}


.form-head-tb th,.form-head-tb td { padding:3px 5px 3px 0; text-align:left}

.top {background:url(../images/open-account/top.png) no-repeat; width:900px; height:15px; }
.bottom {background:url(../images/open-account/bottosm.png) no-repeat left; width:900px; height:15px; float:left;}

.detail-content { padding:10px 10px; background:#fff; width:677px;}
.detail-content2 { padding:0px 0px; background:#fff; width:900px; height:550px;}
.researchInfo { padding-top:20px; padding-left:10px; width:850; height:520px;  border:solid 0px red;}
.researchInfo span { font-size:12px; color:#333; }
/*.detail-top {
background: url(../../images/post-login-share/top.png) no-repeat top; height:15px; width:880px;
}*/
.detail-content { width:/*860px*/97%; background:#fff; font-family:'krungsri_condensedregular', krungsri_condensedmedium; font-size:12px; text-align:left; opacity: 1; /*margin-top: 95px; */}
.detail-content span {font-family:'krungsri_condensedregular', krungsri_condensedmedium; font-size:12px; color:#666; text-align:left; }
/*.detail-bottom {
background: url(../../images/post-login-share/bottom.png) no-repeat bottom; width:880px; height:19px;
}*/