@import url('reset.css');@import url('re_header.css');@import url('re_footer.css');@import url('hint.css');@import url('re_screen_home.css');
@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"; font-size: 13px;line-height: 26px;
    color:#5a5a5a;background:url(../images/share/bg-body.jpg) repeat-x top #fff;overflow-x:visible;}
#homepage_new .visual{text-align: center;
    width: 100%;
    /* float: left; */
    /* height: 496px; */
    max-width: 1000px;
    margin: auto;}  
#homepage_new #wrap{position:relative;width:100%;/*height:220px;top:-235px;*/}
#homepage_new .inner-content{width:100%;max-width:1000px;position:relative;/*height:35px;*/clear:both;margin-right:auto;margin-bottom:0;margin-left:auto;}
#homepage_new #wrap .headline{/*width:100%;*/background:linear-gradient(to left, #6f5f5e 30%, #6f5f5e 89.8%, #ffd400 10.2%, #ffd400 100%);height:35px;padding-top:0px;padding-right:5px;padding-bottom:0;padding-left:0px;border-radius: 4px;}
#homepage_new #wrap .headline h3{padding-right:5px;float:left;color: #222222;display:inline-block;padding-right: 10px;margin-top:5px;padding-left:27px;padding-right:10px;margin-right: 20px;}
#homepage_new #wrap .headline div{color:#fff;max-width:1000px;overflow:hidden;height:35px;clip:rect(auto,auto,auto,auto);margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size: 14px;}
#homepage_new #wrap .headline div a{color:#fff}
#homepage_new #wrap .headline ul li{display:none;padding-top:6px;}
#homepage_new #wrap .headline #more a{color: #ffd400;}
#homepage_new #wrap .content h3{line-height:120%;padding:0 0 2px 16px;color:#222222;font-size:13px;font-size:13px;font-family: 'krungsri_condensedmedium';}
#homepage_new #wrap .cnsknowledge h3 {       background: url(../images/main/icon_info.png) no-repeat 0 1px;
    line-height: 215%;
    padding: 0 0 9px 38px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 9px;
    padding-left: 38px;
    color: #CA2420;
    font-size: 12px;
    height: 30px;}
    .content{float:left;width:100%; }
    .content.content-box_news1{width:59%;padding: 5px 0px 5px 0px; /*height: 242px;*/}
    .content.content-box_news2{width: 22%;padding: 5px 5px 5px 5px;/*height: 242px;*/}
    .content.content-box_news3{width: 17.3%;padding: 5px 5px 5px 2px;/*height: 242px;*/}

        /* Responsive layout - makes a one column layout instead of a two-column layout */
        @media screen and (max-width: 720px)  {
            .content.content-box_news1 {
             width: 100% !important;          
         }
        .content.content-box_news2 ,.content.content-box_news3 {
            width: 100% !important;         
        }
        #homepage_new #wrap .headline h3{display: none;}
        #homepage_new #wrap .headline {background: #6f5f5e;}
        #homepage_new #wrap .headline div a {color: #f3f3f3;
       }}
       .content::after {
        content: "";
        display: table;
        clear: both;
      }
.tabs-news{float:left;width:100%;clear:both;line-height:120%;_z-index:111;_position:relative;}
.tabs-news li a:hover:not(.active) {
    background-color: #dddddd;
    border-bottom: 3px solid #ffd400;

  }
.tabs-news li{float:left;font-size:13px;font-family: 'krungsri_condensedmedium';width:19%;margin-right: 2px;}
.tabs-news li a{display: block;
    color: #222222;
    width: 100%;
    height: 20px;
    text-align: center;
    background-color: #fff6cc;
    padding-top: 5px;
    border-bottom: 3px solid #dddddd;
    border-right: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;}
.tabs-news li a#fund-tab{ width: 100px;}
.tabs-news li.active a {color:#222222;border-bottom: 3px solid #ffd400;background-color: #6f5f5e60;}
.tabs-news li.active  a#fund-tab{width: 100px;}
/*.tabs-news li#funds-tab  a {
 
}*/

.tab-content-fund{display: none;
    float: left;
    position: relative;
    /*height: 236px;*/
    width: 98%;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f350;}/*background-color:#e0dedf;*/
.tab-content-fund ul li:hover {background:#E3E3E3;}
.tab-content-fund ul li{/*padding:5px;*/ padding-top: 1px; padding-bottom: 5px; }
.tab-content-fund ul li a{color:#5a5a5a;}
.tab-content-fund .more{position:absolute;right:5px;bottom:1px;}
.tab-content-fund ul{padding:0px;}


.tab-content-news{display: none;
    padding: 10px 2px;
    float: left;
    position: relative;
     width: 99%;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f350;}/*background-color:#e0dedf;*/
.tab-content-news ul li:hover {background:#E3E3E3;}
.tab-content-news ul li{/*padding:5px;*/ padding-top: 1px; padding-bottom: 5px; }
.tab-content-news ul li a{color:#5a5a5a;}
.tab-content-news .more{position:absolute;right:5px;bottom:1px;}
.tabs-news2{float:left;width:100%;clear:both;line-height:120%;_z-index:111;_position:relative;}
.tabs-news2 li{float:left;font-size:13px;font-family: 'krungsri_condensedmedium';height:20px;width:100%;text-align:center;color: #222222;border-bottom: 3px solid #ffd400;
    background-color: #6f5f5e60;border-radius: 5px 5px 0px 0px;padding-top: 5px;}
/*.tabs-news2 li a{display:block;color:#FFF;background-image:url(../images/btn/menubar_nomura.png);background-repeat:no-repeat;height:26px;width:254px;text-align:center;font-size:12px;}
.tabs-news2 li.active a{background:url(../images/btn/menubar_nomura.png) no-repeat;color:#282828}*/
.tab-content-news2{display:block;padding:10px 2px;float:left;/* left: -16px;*/position:relative;height:/*225px*/310px;width:98%;background-color:#f7f7f7;border:1px solid #dadada;}
.tab-content-news2 ul li{padding-bottom:7px; line-height: 125%;}
.tab-content-news2 ul li a{    color: #666;
    background: url(../images/icon/arrow-gray-s.gif) no-repeat 0 5px;
    padding-left: 14px;}
.tab-content-news2 .more{position:absolute;right:5px;bottom:3px;}
#homepage_new #wrap .content-box{width:99%;height:242px;float:left;margin-right:3px;padding:6px;}
#navi_contain_box2Tab ul{list-style:none;padding:0;margin:0;width:100%;background-color:#FCF;color:#333}
#navi_contain_box2Tab li{display:block;float:left;height:28px;width:123px;border:0px solid #fff;line-height:20px;cursor:pointer;text-align:center;color:#333;}
#detail_containTab ul{list-style:none;padding:0;margin:0;width:100%;}
#detail_containTab li{float:left;width:100%;}
.hrstyle-three{border:0;border-top:1px dotted #858585;line-height:20px;color:#eee;}
.hrstyle-three a{color:#333;}
/*#homepage_new #wrap .trading-program{background:url(../images/box/bg_181.png) no-repeat;width:169px;height:242px;float:right;padding:6px;}*/
#homepage_new #wrap .trading-program{    display: block;
    /*width: 100%;*/
     height: auto; /*338px;*/
    /*float: right;*/
    /*padding: 3px;*/
	padding-top:0px;
    background-color: #f3f3f3;
    border: 1px solid #e7e7e7;
    border-radius: 7px 7px 0px 0px;
	/*background:  linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 35%, rgba(255,255,255,1) 100%);*/
	background:linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(247,247,247,0.94) 35%, rgba(255,255,255,0.86) 85%, #ecf0f1 100%);
}
#homepage_new #wrap .trading-program h3{      margin-bottom: 3px;
    /* background: url(../images/btn/menubar_red_last.png)0 0px; */
    line-height: 120%;
    padding-top: 5px;
    /* color: #701010; */
    font-size: 13px;
    font-family: 'krungsri_condensedmedium';
    font-weight: normal !important;
    height:18px;
    width: 100%;
    text-align: center;
    color: #222222;
    border-bottom: 3px solid #ffd400;
    background-color: #6f5f5e60;
    border-radius: 5px 5px 0px 0px;}
#homepage_new #wrap .stock-market{background-color:#fff;width:98%;height:242px;float:left;padding:6px;}
.tabs{float:left;width:100%;clear:both;line-height:120%;_z-index:111;_position:relative;}
.tabs li{float:left;padding-right:5px;font-size:13px;font-weight:bold;border-right:1px solid #666;margin-right:5px;}
.tabs li a{display:block;background:url(../images/icon/arrow-gray.png) no-repeat 0 2px;padding:0 0 2px 16px;color:#666666}
.tabs li.active a{background:url(../images/icon/arrow-red-down.png) no-repeat 0 2px;color:#701010}
.tab-content{display:none;padding:10px 2px;float:left;position:relative;height:205px;width:410px;}
.tab-content ul li{padding-bottom:7px;}
.tab-content ul li a{color:#666;}
.tab-content .more{position:absolute;right:5px;bottom:3px;}
.tabs2{float:left;width:100%;clear:both;line-height:120%}
.tabs2 li{float:left;width:100%;clear:both;float:left;padding-right:5px;font-size:13px;font-weight:bold;margin-right:5px;}
.tabs2 li a{display:block;background:url(../images/icon/arrow-gray.png) no-repeat 0 0;padding:0 0 2px 17px;color:#666;float:left;}
.tab-content2{display:none;padding:5px 2px;float:left;position:relative;height:168px;width:242px;}

.tab-content2 .more{position:absolute;right:5px;bottom:3px;}
.text_fund_head{font-weight:bold;color:#000000;font-size:12px;}
.text_fund_head_green{font-weight:bold;color:#222222;font-size:12px;}
.text_fund{color:#333333;font-size:13px;font-weight:normal;}
.stock-market-content{display:none}
.stock-market-tab{float:left;width:100%;clear:both;margin-left:10px;}
.stock-market-tab li{float:left;font-size:11px;}
.stock-market-tab li a em{float:left;background:url(../images/main/bg-stock-market-tab-left.png) no-repeat;width:7px;height:21px;}
.stock-market-tab li a span{float:left;background:url(../images/main/bg-stock-market-tab-bg.png) right top;height:17px;padding:4px 6px 0 0}
.stock-market-container{background-color:#fff;width:98%;height:115px;clear:both;padding:10px;}
.stock-market-container div{height:125px;}
.stock-market-container div p{font-size:11px;}
.stock-market-tab li a{color:#fff;}
.stock-market-tab li.active a{color:#666}
.stock-market-tab li.active a em{background-position:0 -21px;}
.stock-market-tab li.active a span{background-position:right -21px;}
.slideshow_main{width: 100%;
    margin-top: 12px;
    position: relative;
    float: left;
    margin: auto;}

.slideshow{height:250px;width:800px;z-index:1;margin-top:3px;margin-right:auto;margin-bottom:0;margin-left:auto;float:left}
.slideshow img{padding:0px;border:0px solid #ccc;background-color:#fff;z-index:1;}
.navs{position:absolute;height:20px;top:205px;border:solid 0px red;z-index:2;}
#nav{z-index:1;position:relative;border:solid 0px #000;height:20px;left:20px;}
#nav a{margin:0 1px;text-align:center;background:url(../images/main/white-bg.png) no-repeat;width:21px;height:18px;text-decoration:none;color:#666;float:left;padding-top:3px;opacity:0.5;}
#nav a.activeSlide{background:url(../images/main/red-bg.png) no-repeat;color:#fff;width:21px;height:18px;text-align:center;padding-top:3px;opacity:0.9;}
#nav a:focus{outline:none;}
ul.tabs-news{padding:0px;  background-color: #f3f3f3;}
.tab-content-news ul{padding:0px;}
.trading-program ul{padding:0px;}

ul.tabs-news2{padding:0px;}
.nav ul{padding:0px;}

li#daily {
   
    position: relative;
}
li#seminar {
    
    position: relative;
}
li#setindex-tab {
    
    position: relative;
}
li#funds-tab {  
    position: relative;
}

/*li#autotrade-tab {    left: -59px;
    position: relative;
	}
*/
li#knowledge-tab {    /*left: -16px;*/
    position: relative;
	}


 .cnsknowledge {     position: absolute;
   
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 98%;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 0px;}
.cnsknowledge img
{     position: relative;
	margin-left: 5px;}
.cnsknowledge h3
{     font-size: 14px;
    color: #B70000;
    padding-bottom: 12px;
	 margin-left: 36px;}
.cnsknowledge ul {

    padding: 0px;}
.cnsknowledge ul li {
    display: block;
    padding-bottom: 10px;}
.cnsknowledge ul li a {
    display: block;
    background: url(../images/icon/arrow-gray-s.gif) no-repeat 0 5px;
    padding-left: 10px;
    color: #666;
}