@import url('reset.css');@import url('re_header.css');@import url('footer.css');@import url('re_footer.css');@import url('hint.css');@import url('re_left_slide.css');
@import url('re_screen.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;}
a{text-decoration:none;cursor:pointer;}
#container{overflow:hidden;_overflow-x:visible;float:none;width:100%;position:relative;min-height:500px;}
#container-seminar{overflow:hidden;_overflow-x:visible;float:none;min-width:740px;position:relative;min-height:490px;border:solid 1px red;}
.frameimg{width:100px;border:solid 1px green;height:20px;}
.visual{text-align:center;width:100%;float:left;}
.inner-content{margin:0 auto;width: 100%;
    max-width: 1170px; clear:both;}

#breadcrumbs{float:left;width:100%;clear:both;padding:5px 0 7px;margin-left:10px;font-weight:bold}
#breadcrumbs li{color:#554242;float:left;padding-right:5px;}
#breadcrumbs li.current{color:#222222 !important;}
#breadcrumbs li a{color:#554242;}
#slide{float:left;width:20%;clear:both;padding-bottom:15px;margin-top:2px;}
/*#slide h3{background:url(../images/share/slide-head-bg.png) no-repeat;height:26px;margin-left:1px;color:#fff;padding:3px 5px 0;font-size:17px;font-weight:normal}*/
#slide h3{ border-radius: 5px 5px 0px 0px;background-color:#6f5f5e;height:26px;margin-left:1px;color:#ffd400;padding:3px 5px 0;font-family:'krungsri_condensedmedium' ;font-size:13px;font-weight: normal ;text-align: center;}
#slide .nav{background:url(../images/share/slide-bg-btm.png) no-repeat bottom center;padding-bottom:24px;_background:url(../images/share/slide-bg-btm.jpg) no-repeat bottom center; line-height: 30px;}
#slide .nav li{background:url(../images/share/slide-bg.png) repeat-y center top;font-size:13px;_width:189px;_background:url(../images/share/slide-bg.jpg) repeat-y center top;}
#slide .nav li a{padding: 3px 0 3px 16px;
    display: block;
    color: #554242;
    font-family: 'krungsri_condensedmedium';
    background: url(../images/icon/arrow_new.png) 6px 13px no-repeat;
    margin: 0 2px;
    border-bottom: 1px dotted #999;}
#slide .nav li.active a{background: url(../images/icon/arrow_new.png) 6px 13px #e3dede no-repeat;color:#554242 ;font-family: 'krungsri_condensedmedium';}
#slide .nav li a:hover{background-color:  #f3f3f3 ;color:#463737 ;}
#slide .frequent-used{background:url(../images/share/slide-bg-btm.jpg) no-repeat bottom center;padding-bottom:24px;float:left;width:100%; line-height: 30px;}
#slide .frequent-used li{padding-bottom:2px;float:left;width:100%;clear:both;background:url(../images/share/slide-bg.jpg) repeat-y center top;}
#slide .frequent-used li a{color:#554242;font-family: 'krungsri_condensedmedium';padding:2px 10px;display:block}
#slide .frequent-used li a em{float:left;width:25px;overflow:hidden;}
#slide .frequent-used li a span{float:left;width:140px;overflow:hidden;}
#slide ul.banner li{padding-bottom:3px;float:left;clear:both;}
.content-container{
	float: left;
    width: 79%;
    overflow: hidden;
    text-align: left;
    margin-left: 5px;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 5px;}
/*.content-container .bg-top{background:url(../images/share/bg-content-top.png) no-repeat;float:left;width:100%;height:9px}
.content-container .bg-btm{background:url(../images/share/bg-content-btm.png) no-repeat;float:left;width:100%;height:9px}*/
.content-container .content{background-color: #ffffff; float:left;width:96%;min-height:350px;padding:10px 20px 20px 20px;/*line-height:140%*/font-size: 14px;color:#554242;}
.content-container .content h2{color:#6f5f5e;font-size:18px;padding-top:10px;padding-bottom:15px;padding-left:5px;font-weight:normal;font-family: "krungsri_condensedmedium";}
.content-container .content h2:before { content: ' \258D';   color:#ffd400;  }
.content-container .content h3{color: #554242;font-size: 17px;padding-bottom: 3px;font-weight: normal;font-family: "krungsri_condensedmedium";}
.content-container .content h4{color:#6f5f5e;font-size:16px;padding-bottom:3px;font-weight: normal;font-family: "krungsri_condensedmedium";}
.topic{color:#5A5A5A}
.topic a{color:#554242;text-decoration:none;}
.topic a:hover{color:#463737;text-decoration:none;}
.content-container .content .slide-inner{width:170px;float:left;padding-right:30px;}
.content-container .content .slide-inner li a{color:#554242;display:block;font-family: 'krungsri_condensedmedium';}
.content-container .content .slide-inner ul li a:hover {color:#463737 ;}
.content-container .content .slide-inner ul li.active a{background:url(../images/icon/arrow-red-s2.gif) right 5px no-repeat;color:#222222;}
.content-container .content .slide-inner ul li {border-bottom:1px dotted #999;padding:5px 2px 4px;position:relative;z-index:2}
.content-container .content .slide-inner ul li.active {border-bottom: 3px solid #ffd400;padding:6px 2px 4px;position:relative;z-index:2}

.sub ul{list-style:none;width:170px;float:left;}
.sub ul li{border-bottom:1px dotted #999;padding:3px 2px 4px;position:relative;z-index:2}
.sub ul li a{padding-left:10px;display:block;color:#554242;font-size:13px;background:url(../images/icon/arrow-gray-s.jpg) right 5px no-repeat;display:block;}
.sub li.active a{background:url(../images/icon/arrow-red-s2.gif) right 5px no-repeat;color:#FF0000}
.sub2 li a{padding-left:9px;}
.content-container .content .content-inner{float:left;width:590px;}
.content-container .content .content-inner h3{color:#6f5f5e;font-size:14px;font-family:"krungsri_condensedmedium";}
.content-container .content .content-inner h4{color:#554242;font-family: "krungsri_condensedmedium";font-weight: normal; font-size: 14px; }
/*.content-container .content .content-inner a{color:#222222;}*/
.content-container .content .slide-inner ul li div{background:url(../images/navigation/bg-nav-sub-btm.png) no-repeat right bottom;padding-bottom:6px;position:absolute;width:305px;z-index:3;left:160px;top:-12px;display:none;padding-left:10px;}
.content-container .content .slide-inner ul li div ul{background:url(../images/navigation/bg-nav-sub.png) no-repeat 0 0;padding:5px 0 10px 15px}
.content-container .content .slide-inner ul li div ul li{border:none}
#container .content-container .content .slide-inner ul li div ul li a{color:#fff;background:none}
.promotion{width:810px;border:solid 0px #222222;}
.promotion .role{width:810px;float:left;height:90px;margin-bottom:10px;border:solid 0px red;}
.promotion img{float:left;border:solid 1px #E3E3E2;height:80px;width:120px;}
.promotion .content-box{float:left;width:670px;height:80px;margin-left:10px;border:solid 0px green;}
.readmore{color:#7F0606;padding-left:5px;font-weight:bold;}
table.detail{margin-left:20px;}
.go-btn{background-color:#554242;color:#ffd400;width:80px !important;padding:2px 3px;font-weight:bold;}
.content-container .content p{padding-bottom:15px;}
.head-search{padding:10px 0;float:left;width:100%;clear:both;}
.head-search li{float:left;margin-right:15px;}
.nav-inner-content{float:right;padding-top:20px;}
.nav-inner-content li{float:left;background:url(../images/icon/arrow-gray-s.gif) no-repeat 0 9px;padding-left:8px;margin-left:12px;}
.nav-inner-content li a{color:#554242;}
.nav-inner-content li a:hover{text-decoration:underline}
.list-circle{line-height:2;}
.list-circle li{background:url(../images/icon/bu-circle.gif) no-repeat 0 8px;padding-left:13px;}
.list-circle li a{color:#554242;text-decoration:underline;}
.list-circlesub{line-height:2;list-style:none;}
.list-circlesub li{list-style:none;background-image:none;}
.list-circlesub li a{color:#554242;text-decoration:none;}
#content{float:left;line-height:2;}
#content h3{font-size:16px;color:#0434A9;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif}
#content h4{font-size:13px;color:#0434A9}
#content p{padding-bottom:15px;}
#content h4.pad{font-size:13px;color:#0434A9;padding-bottom:5px;}
#content .colum_left{width:370px;float:left;padding-right:28px;overflow:hidden;clear:left;}
#content .colum_right{width:430px;float:right;overflow:hidden;clear:right;}
.content{width:750px;}
.content_s .page_number div{width:435px;}
.content .page_number div{width:642px;}
.content_s .page_number div ul{width:275px;}
.content_left .page_number div{width:648px;}
.content_left .page_number div ul{width:490px;}
.content_s{width:540px;}
.content_m{width:784px;}
.content_calendar{width:750px;overflow:hidden;}
.content_700{width:700px;}
.content_left{width:750px;}
.content_full{width:100%;}
.btn-orange{background:url(../images/icon/arrow-orange.gif) no-repeat 0 5px;display:block;padding-left:8px;color:#554242;}

#content .list-img{padding:0;margin:0;}
#content .list-img{float:left;width:100%;clear:both;padding:10px 0;list-style:none;}
.list-img li{float:left;width:100%;clear:both;padding-bottom:15px;}
.list-img li em{float:left;width:152px;padding-right:15px;}
.list-img li em img{border:1px solid #ccc;}
.list-img li span{float:left;width:320px;padding-bottom:0;}
.list-img li span strong{display:block;color:#0585CA}
.list-img li span var{font-style:normal;display:block;margin-bottom:5px;}
.list-img li a.read{background:url(../images/icon/arrow-orange.gif) 0 4px no-repeat;padding-left:9px;font-weight:bold;color:#554242;}
.list-img li a.read:hover{color:#ffc800}
.tb-content{border:1px solid #ccc;/*line-height:140%*/}
.tb-content th{background:#6f5f5e; color:#ffd400;}
.tb-content th {padding:5px;vertical-align:top; font-family: krungsri_condensedmedium;
    font-weight: normal;}
    .tb-content td {padding:5px;vertical-align:top;}
.tb-content tr:nth-of-type(odd) {  background: #f3f3f3;}
.tb-content td a{color:#554242;}
.tb-content td a:hover{color:#463737;}
.tb-content td a.download{background:url(../images/icon/pdf.jpg) no-repeat;padding:1px 0 5px 20px}
.tb-omnibus{border:1px solid #ccc;width:630px;line-height:2}
.tb-omnibus th{background:#bbbbbb}
.tb-omnibus th ,.tb-omnibus td{padding:5px;vertical-align:top}
.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:#6f5f5e;font-size:13px;color:#ffd400;border-bottom:1px solid #fff}
.tb-research td{background:#fff;}
.tb-research tr.gray td{background:#f3f3f3;}
.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}


.tb-about{border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; width: 97%;}
.tb-about tr.head th{background:#ddcda8;border-right:1px solid #ddcda8;color:#725a25;}
.tb-about tr.head th a{color:#725a25;display:inline-block;}
.tb-about tr.head th a.manual{background:url(../images/investment-account/ic-adobe-reader.jpg) no-repeat 0 1px;padding-left:20px;}
.tb-about th ,.tb-about td{padding:4px 5px;border-right:1px solid #ccc;}
.tb-about th{background:#ffd400;font-size:13px;color:#6f5f5e;border-bottom:1px solid #fff}
.tb-about td{background:#fff;}
.tb-about tr.gray td{background:#f3f3f3;}
.tb-about tr.border-btm th{border-bottom:1px solid #ccc}
.tb-about 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:#554242;}
.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}
.tb-research2{border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.tb-research2 tr.head th{background:#ddcda8;border-right:1px solid #ddcda8;color:#725a25;}
.tb-research2 tr.head th a{color:#725a25;display:inline-block;}
.tb-research2 tr.head th a.manual{background:url(../images/investment-account/ic-adobe-reader.jpg) no-repeat 0 1px;padding-left:20px;}
.tb-research2 th ,.tb-research td{padding:1px 2px;border-right:1px solid #ccc;}
.tb-research2 th{background:#EFE7D5;font-size:10px;color:#333;border-bottom:1px solid #fff}
.tb-research2 td{background:#fff;}
.tb-research2 tr.gray td{background:#E5E5E5;}
.tb-research2 tr.border-btm th{border-bottom:1px solid #ccc}
.tb-research2 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-research2 a{color:#554242;}
.tb-research2 a:hover{text-decoration:underline}
table.tb-top th {vertical-align:top;font-family: krungsri_condensedmedium;
    font-weight: normal;}
    table.tb-top td{vertical-align:top;    font-weight: normal;}
.account-content{width:612px;float:left;border:solid 0px red;margin-top:8px;margin-bottom:5px;}
.account-content .detail{width:441px;float:right;border-bottom:dotted 0px #5A5A5A;padding-bottom:20px;}
.account-content .detail h4 {color:#5a5a5a}
.account-content .detail ul{list-style-type:disc;float:left;position:relative;padding-left:20px;}
.account-content .detail .button{width:500px;float:left;}
.account-content h7{font-family:krungsri_condensedmedium;font-size:14px;color:#5d5d5d;font-weight:bold;padding-bottom:10px;}
.shadow{width:690px;height:26px;float:left;padding:3px 10px;margin-bottom:10px;background:#ffd400;border-radius: 5px;}
.img-account{width:137px;height:106px;float:left;margin-top:15px;position:absolute;}
.account-main{width:800px;float:left;}
.account-main a{color:#554242;text-decoration:underline;}
.account-main a:hover{color:#f76f00;text-decoration:none;}
.account-main ul{list-style-type:disc;float:left;position:relative;padding-left:75px;margin-top:5px;line-height:2;}
.account-main .click{color:#f76f00;}
.account-main .click a{color:#f76f00;text-decoration:none;}
.openform {width:750px;float:left;/*background-color:#f9f7ed;*/border-radius: 5px;}
.openform { background-color: #F8F8F8;}
.openform .head { background-color: #ffd400 !important;}
.openform table{float:left;border:solid 0px black;margin-top:10px;margin-left:17px;}
.openform table tr{line-height:33px;}
.openform table tr th{font-weight:bold;font-size:13px;color:#6f5f5e;text-align:left;}
.openform table td{line-height:2;padding-left:5px;font-size:13px;border-bottom:solid 1px #ccc; }
.openform table td label{line-height:2;padding-left:5px;color:#5A5A5A;}
.note{color:#f76f00;}
.openform .head{font-weight:bold;padding-left:10px;border-right:solid 1px #ccc;background-color:#e6e1cd;border-bottom:solid 1px #ccc;}
.openform .head2{background-color:#EFEFEF;font-weight:bold;width:160px;padding-left:5px;border-bottom:solid 1px #fff;}
.openform .head3{background-color:#EFEFEF;font-weight:bold;width:95px;padding-left:5px;border-bottom:solid 1px #fff;}
.openform .roll{background-color:#E5E5E5;font-weight:bold;width:165px;padding-left:5px;}
.openform input{border:solid 1px #ccc;}
.openform .checkedbox{border:solid 0px;}
.red{color:#f76f00}
.text-bold{color:#6f5f5e;font-weight:bold;}
.subhead{font-weight:bold;color:#424242;text-decoration:underline}
.paragraph{text-align:justify;text-indent:32px;}
.sitemap-main{width:600px;float:left;margin-left:40px;}
.sitemap-main .list-circle{line-height:2;}
.sitemap-main .list-circle li{background:url(../images/icon/bu-circle.gif) no-repeat 0 8px;padding-left:13px;}
.sitemap-main .list-circle li a{color:#ffd400;text-decoration:none;font-weight:bold;}
.sitemap-main .list-circle li a:hover{color:#ffc800;text-decoration:underline;}
.sitemap-main .list-circlesub{line-height:2;list-style:none;}
.sitemap-main .list-circlesub li{list-style:none;background-image:none;}
.sitemap-main .list-circlesub li a{color:#554242;text-decoration:none;font-weight:bold;}
.sitemap-main .list-circlesub li a:hover{color:#7c7c7c;text-decoration:underline;}
.sitemap-main .list-circlesub2{line-height:2;list-style:none;}
.sitemap-main .list-circlesub2 li{list-style:none;background-image:none;}
.sitemap-main .list-circlesub2 li a{color:#554242;text-decoration:none;font-weight:normal;}
.sitemap-main .list-circlesub2 li a:hover{color:#7c7c7c;text-decoration:underline;}
.clickhere, .clickhere a{color:#f76f00 !important;}
.clickhere a:hover{color:#f17a15;text-decoration:underline;}
/*KSS*/
.img-full-w {
    width: 100%;
}
.box-img-middle.pd-lr {
    padding: 0px 50px;
}

.box-img-middle {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px 0px;
}

/*end KSS*/
@media screen and (max-width: 1040px) {
	.content-container{margin-left: 3px;}
	.content-container .content {padding-left: 5px;}
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
 padding: 20px;
 line-height: 170%;
  }
 
  .flex-item-left {

    flex: 40%;
  }
  
  .flex-item-right {
  
    flex:60%;
  }
  
  /* Responsive layout - makes a one column layout instead of a two-column layout */
  @media (max-width: 800px) {
    .flex-item-right, .flex-item-left {
      flex: 100%;
    }
  }