/*middle contents CSS*/


.mid_cnt .main_box{position:relative;width:100%;/* border-bottom: 1px solid #e1dede; */ padding:10px 0px; min-width: 1080px;}
.mid_cnt .main_box:last-child{border-bottom:0px;     }


.mid_cnt .main_box_02{ background-color:#f5f5f5; padding-bottom:0px;}
.main_box_03{ background-color:#dddddd;}
.main_box_03 .cnt{background-color:#fff; padding:10px 0px; border:1px solid #ccc;}
.main_box_04{ background-color:#f5f5f5;}
.main_box_04 .cnt{background-color:#fff; padding:10px 0px;border:1px solid #ddd}

.mid_cnt .cnt div{box-sizing:border-box;display:inline-block;float:left;position:relative;}
.mid_cnt .cnt{overflow:hidden;}

.statistics_db ul li:nth-child(5){ margin-right: 0; }
.statistics_db ul li:nth-child(10){ margin-right: 0; }
.statistics_db ul li:nth-child(15){ margin-right: 0; }
.statistics_db ul li:nth-child(20){ margin-right: 0; }

.statistics_db ul li:nth-child(1) img{ background: #328dde; }
.statistics_db ul li:nth-child(2) img{ background: #e5233d; }
.statistics_db ul li:nth-child(3) img{ background: #dda73a; }
.statistics_db ul li:nth-child(4) img{ background: #4ca146; }
.statistics_db ul li:nth-child(5) img{ background: #c7212f; }
.statistics_db ul li:nth-child(6) img{ background: #ef402d; }
.statistics_db ul li:nth-child(7) img{ background: #27bfe6; }
.statistics_db ul li:nth-child(8) img{ background: #fbc412; }
.statistics_db ul li:nth-child(9) img{ background: #a31c44; }
.statistics_db ul li:nth-child(10) img{ background: #f26a2e; }
.statistics_db ul li:nth-child(11) img{ background: #dd1367; }
.statistics_db ul li:nth-child(12) img{ background: #f89d2a; }
.statistics_db ul li:nth-child(13) img{ background: #bf8d2c ; }
.statistics_db ul li:nth-child(14) img{ background: #407f46; }
.statistics_db ul li:nth-child(15) img{ background: #1f97d4; }
.statistics_db ul li:nth-child(16) img{ background: #59ba47; }
.statistics_db ul li:nth-child(16) div.text .word_bre_div{word-break:break-all; word-wrap:break-wrod;
	-ms-word-break: break-all; -ms-word-wrap: break-word;}

.statistics_db ul li:nth-child(17) img{ background: #136a9f; }
.statistics_db ul li:nth-child(18) img{ background: #14496b; }
.statistics_db ul li:nth-child(19) img{ background: #1b1464; }
.statistics_db ul li:nth-child(20) img{ background: #009444; }
.statistics_db ul li:nth-child(21) img{ background: #2b97f0; }
.statistics_db ul li:nth-child(22) img{ background: #cc181e; }
.statistics_db ul li:nth-child(23) img{ background: #1c75bc; }



/*Left contents CSS*/

.mid_cnt .main_left{width:642px;margin-right: 12px;}
.mid_cnt .main_left > div{width:100%; margin-bottom:12px; }

/*Main slide */
.mid_cnt .main_left .main_slide{ height:272px;background-color:#fff; overflow: hidden;}

.mid_cnt .main_left .main_slide .slick-slide img{width:100%;}
.mid_cnt .main_left .main_slide .slick-slide img{height:361px; margin-top: -61px; }


/*Statistics DB icon slide */
.mid_cnt .main_left .icon_wrap{height:272px; background-color:#fff; text-align:center;overflow:hidden;}
.mid_cnt .main_left .icon_wrap h2{margin-top:12px;font-size: 20px; color: #7535ea; font-weight:500;}
.mid_cnt .main_left .icon_slide{padding: 0px 35px;}
.mid_cnt .main_left .icon_slide .slick-prev{left:10px;}
.mid_cnt .main_left .icon_slide .slick-next{right:10px;}
.mid_cnt .main_left .icon_slide .slick-prev, .mid_cnt .main_left .icon_slide .slick-next{ width:26px; height:47px; top:110px;}
.mid_cnt .main_left .icon_slide .slick-prev:before, .mid_cnt .main_left .icon_slide .slick-next:before{ content:" "; width:26px; height:47px; display:inline-block;background-position:center; background-size:initial; background-repeat:no-repeat; background-size:9px;}
.mid_cnt .main_left .icon_slide .slick-prev:before{background-image:url('../images/icon/slick_prev.png');}
.mid_cnt .main_left .icon_slide .slick-next:before{background-image:url('../images/icon/slick_next.png');}


.mid_cnt .main_left .icon_slide .icon_box{ text-align:center;  }
.mid_cnt .main_left .icon_slide .icon_box:nth-child(2){margin-top:5px;}
.mid_cnt .main_left .icon_slide .icon_box p{letter-spacing:0px; font-size:12px; line-height:13px;     font-weight: 400;    letter-spacing: -0.2px;height:44px; color:#666;}
.mid_cnt .main_left .icon_slide .icon_box a:hover p{color: #6d1dff;
}
.mid_cnt .main_left .icon_slide .slick-slide img{margin:0 auto;     width: 57px;
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
}
	.mid_cnt .main_left .icon_slide .icon_box a:hover img{
	background: #ddf2f8;
}

/*Publications*/
.mid_cnt .main_left .list_box{ height:241px; background-color:#fff; margin-bottom:0px; padding:30px; box-sizing:border-box; overflow:hidden;}
.mid_cnt .main_left .list_box > div{float:left;}
.mid_cnt .main_left .list_box .text{width:70%;    position: relative;}
.mid_cnt .main_left .list_box .photo{width:30%;}
.mid_cnt .main_left .list_box .text h2{font-size: 20px; color: #7535ea;  font-weight:500; display:inline-block;}
.mid_cnt .main_left .list_box .text ul {margin-top:13px;  height: 132px;   overflow: hidden;}
.mid_cnt .main_left .list_box .text ul li{
	font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 30px;
    width: 96%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    cursor: pointer;
    padding-left: 24px;
    background-image: url(../images/icon/list_point.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position-y: 12px;
}
.mid_cnt .main_left .list_box .text ul li:hover{color: #6d1dff; }
.mid_cnt .main_left .list_box .photo img{height:180px;float:right;border:1px solid #ccc; box-sizing:border-box;}





/*Right contents CSS*/

.mid_cnt .main_right{width: 326px;letter-spacing:-0.5px;}
.mid_cnt .main_right .right_bn{width:100%; margin-bottom:12px; overflow: hidden; height: 180px; color:#fff;box-sizing:border-box; text-align:center;}
.mid_cnt .main_right .right_bn:first-child{height:171px;}
.mid_cnt .main_right .right_bn:last-child{margin-bottom:0px; height:242px;}


/*GDP, Consumer Price banner box CSS*/

.mid_cnt .main_right .right_bn .bn_box{
	width:157px; padding:30px 16px; box-sizing:border-box;
}
.mid_cnt .main_right .right_bn .bn_box{height: 171px; background-color:#fff; float:left; background-color:#239366; }
.mid_cnt .main_right .right_bn .bn_box:first-child{margin-right:12px; background-color:#db623c; }

.mid_cnt .main_right .right_bn h3, .mid_cnt .main_right .right_bn ul{font-size:20px; font-weight:500; line-height:23px;}
.mid_cnt .main_right .right_bn ul li{word-break: keep-all;}
.mid_cnt .main_right .right_bn ul li:nth-child(2){line-height:35px;}
.mid_cnt .main_right .right_bn ul li:nth-child(3){font-size:23px; font-weight:400; margin-top:3px;}
.mid_cnt .main_right .right_bn ul li:nth-child(3) span{font-size:16px; font-weight:300;}


/*Population, Administration banner box CSS*/

.mid_cnt .main_right .admi, .mid_cnt .main_right .popu{padding:20px;}
.mid_cnt .main_right .popu{background-color:#1796bb;  padding-top:27px; position:relative;}
.mid_cnt .main_right .popu h3{margin-bottom:16px;}
.mid_cnt .main_right .admi{background-color:#1463a8;}
.mid_cnt .main_right .popu > ul:nth-child(3){margin-left:60px;}
.mid_cnt .main_right .popu > ul:nth-child(3):before{content:" "; width:1px; height:100px; position:absolute;background-image:url('../images/service/main/popu_line.png');display: inline-block; left:50%;}
.mid_cnt .main_right .popu > ul li:nth-child(1){font-size:23px;font-weight:400;margin-bottom:10px;}
.mid_cnt .main_right .popu > ul li:nth-child(2){width:90px;line-height:22px; font-size:16px;font-weight:300;}

.mid_cnt .main_right .admi > ul, .mid_cnt .main_right .popu > ul{ display:inline-block; }
.mid_cnt .main_right .admi > ul{font-size:16px; font-weight:300; line-height:30px;}
.mid_cnt .main_right .admi > ul{width:100%;}
.mid_cnt .main_right .admi > ul li{display:inline-block; width:90px;font-size:15px;line-height:29px; }
.mid_cnt .main_right .admi > ul li:nth-child(1){float:left; text-align:left;}
.mid_cnt .main_right .admi > ul li:nth-child(2){text-align:center; font-size:20px;line-height:22px;}
.mid_cnt .main_right .admi > ul li:nth-child(3){float:right; text-align:right;font-size:15px; font-weight:300;margin-top:0px;}


/*quick box CSS*/

.mid_cnt .main_right .right_bn .quick_box{width:157px;background-color:#fff; height:242px; float:left;  color: #7e35ea; font-size:18px; font-weight:400; line-height:21px; box-sizing:border-box; }
.mid_cnt .main_right .right_bn .quick_box img{display: inline-block; margin-top:37px; width:95px;}
.mid_cnt .main_right .right_bn .quick_box p{
	font-weight:400;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
	vertical-align: top;
    margin-top:36px;}
.mid_cnt .main_right .right_bn .quick_box:first-child{margin-right:12px;   }
.mid_cnt .main_right .right_bn .quick_box:first-child p{margin-top:25px; }
.mid_cnt .main_right .right_bn .quick_box:hover{background-color:#26b3dc;}



/*20190902 new main css - KSB*/

.main_box_01 .major_indicators{width:810px;height: 200px; padding-right:20px;}

.main_box_01 .major_indicators .chart_box .info{width: 276px;position: absolute;left: 0;}
.main_box_01 .major_indicators .chart_box .info ul{padding: 43px 0px 0px 20px;}
.main_box_01 .major_indicators .chart_box .info ul li{font-size: 16px;line-height: 20px;font-weight:400;}
.main_box_01 .major_indicators .chart_box .info ul li:nth-child(3){font-size:30px;font-weight:400;line-height: 40px;}
.main_box_01 .major_indicators .chart_box .info ul li:nth-child(3) span{font-size:16px; font-weight:400;}
.main_box_01 .major_indicators .chart_box .chart{width: 450px;position: absolute;right: 0;}
.main_box_01 .major_indicators .chart_box a{position:absolute;display:block;top: 56px;cursor:pointer;}
.main_box_01 .major_indicators .chart_box a:last-child{right:0px;}

.main_box_01 .popup_zone{width:270px; height:200px; border:1px solid #e1dede;overflow: hidden;}
.main_box_01 .popup_zone > div{ border-bottom:1px solid #e1dede; }
.main_box_01 .popup_zone .title_box{padding:8px 10px; height:40px; font-size:16px; font-weight:600;}
.main_box_01 .popup_zone > div:nth-child(2) {/* height: 160px; */ box-sizing: border-box;}
.main_box_01 .title_box{padding: 12px 0px;width:100%;font-size:16px;font-weight:400;}
.main_box_01 .title_box div, .main_box_01 .title_box a{display:inline-block; }
.main_box_01 .title_box a{width:16px; height:16px; border:1px solid #e1dede; cursor:pointer; margin-top:3px;box-sizing:border-box;float:left;}
.main_box_01 .title_box .control .page{margin-right:5px; font-size:14px;margin-top: 2px;}

.main_box_01 .popup_zone .control a.popup_btn_prev{background-image:url('../images/service/main/popup_arrow_prev.png');}
.main_box_01 .popup_zone .control a.popup_btn_stop{border-left:none; border-right:none;width:14px; background-image:url('../images/service/main/popup_arrow_stop.png');}
.main_box_01 .popup_zone .control a.popup_btn_play{border-left:none; border-right:none;width:14px; background-image:url('../images/service/main/popup_arrow_play.png');}
.main_box_01 .popup_zone .control a.popup_btn_next{background-image:url('../images/service/main/popup_arrow_next.png');}
.main_box_01 .popup_zone .control{float:right; margin-top:1px;}
.main_box_01 .popup_zone .dis_none{display: none;}
.main_box_01 .popup_zone #popup_imgs img{width: 268px; height: 160px;}  
.main_box_01 .major_indicators .chart_box .info ul li:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2em;
    max-height: 2.4em;
    word-break: break-word;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.main_box_02 ul{overflow:hidden;width:100%;/* border-left:1px solid #efefef; *//* border-top:1px solid #efefef; */box-sizing:border-box;}
.main_box_02 ul li{width: 208px;display:inline-block;float:left;box-sizing:border-box;border:1px solid #e5e5e5;background: #ffffff;margin-right: 10px;margin-bottom: 10px;}
.main_box_02 ul li a{display:block;padding:6px 10px;}
.main_box_02 ul li a:hover{background-color:#f0efff;}
.main_box_02 ul li img{display:inline-block; float:left;}
.main_box_02 ul li img{width:50px;background: red;border-radius: 50%;box-sizing:border-box;padding:3px;margin: 8px 0px;}
.main_box_02 ul li div.text{width:136px;display: table-cell;vertical-align: middle;line-height: 16px;height: 67px;padding-left:10px;font-size: 15px;float:none;}

.menu_name{width:100%;padding:0px;border-bottom:1px dashed #e1dede;margin-bottom:10px;/*margin-top: 10px;*/}
.menu_name span{position:relative; font-size: 18px; font-weight:600;}
.menu_name span:after{content:" ";width:100%;height:2px;background-color:#037bc1;display:block;position:absolute;bottom: 0px;margin-bottom: -2px;}

.menu_name a{display:inline-block; float:right; font-size:13px; color:#037bc1; cursor:pointer; margin-top:4px;}
.menu_name a:before{content:" "; width:11px; height:11px; display:inline-block; background-image:url('../images/service/main/read_more_icon.png'); margin-right:4px;}

.main_box_03 .list_box{width:50%;padding:0px 20px;}

.main_box_03 .list_box:first-child{ border-right:1px solid #efefef;}

.main_box_03 .list_box ul{width:100%;display:inline-block;line-height: 1.8;}
.main_box_03 .list_box ul li{
    font-size: 16px;
    padding-left:16px;
    box-sizing:border-box;
    color:#666;
    width:499px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main_box_03 .list_box ul li a:hover{color:#037bc1;}
.main_box_03 .list_box ul li:before{content:" "; width:11px; height:11px; display:inline-block; background-image:url('../images/service/main/main_list_icon.png');  margin-right:10px;}


.main_box_04 .quick_box{width: 360px; padding: 0px 20px;}

.main_box_04 .quick_box:first-child{}
.main_box_04 .quick_box:nth-child(2){padding:0px 20px;border-left:1px solid #efefef; border-right:1px solid #efefef;}
.main_box_04 .quick_box > a {display:inline-block; width:100%; height:196px; }


/*top banner title style*/ 
.major_indicators > .title_box > span {
    display: block;
    position: absolute;
    top: 32px;
    left: 50px;
    font-size: 18px;
    color: #037bc1 !important;
    font-weight: 600;
}



/*LAOSIS-English*/
#en .main_box_02 ul li div.text .word_bre_div{
	width: 126px; float: none; 
	display: inline-block; overflow:hidden;
	word-break:break-word; word-wrap:break-word;
	-ms-word-break: break-word; -ms-word-wrap: break-word;
}

#en .main_box_01 .popup_zone .title_box {
    font-size: 16px; font-weight:600;
}
#en .main_box_01 .title_box .control .page{
	margin-top:1px;
}
#en .main_box_01 .major_indicators .chart_box .info ul li{
	font-weight:600;
}
#en .main_box_01 .popup_zone .control{margin-top:0px;}

#en .main_box_02 ul li div.text, #en .main_box_03 .list_box ul li{
	font-size:14px;     font-weight: 600;
}
#en .menu_name a, #en .main_box_01 .major_indicators .chart_box .info ul li:nth-child(3) span{font-weight:600;}

/*LAOSIS-LAO*/
#lao .main_box_02 ul li div.text .word_bre_div{
	width: 126px; float: none; 
	display: inline-block;
	word-break:normal !important; word-wrap:break-wrod;
	-ms-word-break: break-all; -ms-word-wrap: break-word;
}