﻿.btl_component_list{}
.btl_component_list img{width: 100%;}
.btl_component_list .list_item{}
.btl_component_list .list_item_img{}
.btl_component_list .list_item_container{}
.btl_component_list .list_item_info{}
.btl_component_list .list_item_title{}
.btl_component_list .list_item_desc{}
.btl_component_list .list_item_content{}

.btl_component_list.list_carousel .list_item_container{background-color: #f6f6f6;display: table;padding: 20px;position: relative;height: 350px;border: 1px solid #fff;}
.btl_component_list.list_carousel .list_item_img{background-repeat:  no-repeat;background-position: center;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;opacity: 0;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.btl_component_list.list_carousel .list_item_img:after{background-color: rgba(10, 44, 78, 0.8);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity 1s;}
.btl_component_list.list_carousel .list_item_info{text-align: center;display: table-cell;vertical-align: top;}
.btl_component_list.list_carousel .fa{font-size: 42px;padding: 20px; color: #209de2;}
.btl_component_list.list_carousel .list_item_title{font-weight: bold;font-size: 18px;padding-bottom: 20px;}
.btl_component_list.list_carousel .list_item_info{position: relative;z-index: 1;}
.btl_component_list.list_carousel .list_item_container:hover .list_item_img{opacity: 0.8;}
.btl_component_list.list_carousel .list_item_container:hover .list_item_title{color: #fff;}
.btl_component_list.list_carousel .list_item_container:hover .list_item_desc{color: #fff;}
.btl_component_list.list_carousel .list_item_container:hover .fa{color: #fff;}
.btl_component_list.list_carousel a:hover,
.btl_component_list.list_carousel a:active,
.btl_component_list.list_carousel a:focus{text-decoration: none;}
/* .btl_component_list.list_carousel .owl-theme .owl-dots .owl-dot.active span{width: 16px;height: 16px;margin-bottom: 3px;} */

.btl_component_list.list_carousel_1{position: relative;width: 100%;}
.btl_component_list.list_carousel_1 > div{position: relative;width: 100%;}
.btl_component_list.list_carousel_1 .list_item_title{font-size: 14px;padding: 20px 0;text-align: center; color: #209de2;}
.btl_component_list.list_carousel_1 .list_item_content{text-align: center;}
.btl_component_list.list_carousel_1 a{text-align: center;}
/* .btl_component_list.list_carousel_1 .owl-theme .owl-dots .owl-dot.active span{width: 16px;height: 16px;margin-bottom: 3px;} */

.btl_component_list.socialicon .list_item_img img{width: 100%;}
.btl_component_list.socialicon .list_item_info{background-color: #f9f9f9;text-align: center;padding: 20px 15px;}
.btl_component_list.socialicon .list_item_title{font-weight: bold;padding-bottom: 10px;}
.btl_component_list.socialicon .list_item_desc{opacity: 0.7;}
.btl_component_list.socialicon .scoial_icon{background-color: #222222;color: #fff;}
.btl_component_list.socialicon .scoial_icon ul{list-style: none;margin: 0;padding: 15px;text-align: center;}
.btl_component_list.socialicon .scoial_icon li{display: inline-block;padding: 0 5px;}

.btl_component_list.faicon .list_item_container{text-align: center;padding: 15px;}
.btl_component_list.faicon .list_item_img{padding-bottom: 20px;}
.btl_component_list.faicon .list_item_img .fa{width: 95px;height: 95px;border: 1px solid;border-radius: 50%;cursor: pointer;padding: 30px 15px;text-align: center;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.btl_component_list.faicon .list_item_title{font-weight: bold;padding: 10px 0;}

.btl_component_list.comment .list_item_content{background-color: #ffffff;border: 1px solid #dbdbdb;border-radius: 30px;padding: 20px;position: relative;}
.btl_component_list.comment .list_item_content:after{
    background-color: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    content: '';
    display: block;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: skew(0deg, -44deg);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 40px;
    bottom: -12px;
    margin: auto;
}
.btl_component_list.comment .list_item_title{font-weight: bold;padding: 40px 0;}

.btl_component_list.table_style .list_item_container{border: 1px solid #ddd;}
.btl_component_list.table_style .list_item_info{position: relative;}
.btl_component_list.table_style .list_item_title{background-color: #000;color: #fff;font-size: 24px;font-weight: bold;text-align: center;padding: 40px 15px 100px 15px;}
.btl_component_list.table_style .list_item:nth-child(odd) .list_item_title{background-color: #000;}
.btl_component_list.table_style .list_item:nth-child(even) .list_item_title{background-color: #555;}
.btl_component_list.table_style .list_item_desc{border: 7px solid rgba(255, 255, 255, 0.3);border-radius: 50%;display: table;text-align: center;width: 120px;height: 120px;margin: 0 auto;margin-top: -60px;overflow: hidden;}
.btl_component_list.table_style .list_item_desc span{background-color: #f6f6f6;border: 1px solid transparent;border-radius: 50%;display: table-cell;color: #000;font-size: 24px;line-height: 24px;font-weight: bold;vertical-align: middle;}
.btl_component_list.table_style .list_item_content table{width: 100%;}
.btl_component_list.table_style .list_item_content table td{padding: 10px 15px;text-align: center;}
.btl_component_list.table_style table tr:nth-child(even){background-color: #f8f8f8;}

.btl_component_list.imgover .list_item{padding-bottom: 15px;}
.btl_component_list.imgover .list_item .list_item_container{padding: 15px;position: absolute;right: 15px;top: 20px;}
.btl_component_list.imgover .list_item .list_item_info{background-color: #f6f6f6;padding: 15px;}
.btl_component_list.imgover .list_item .list_item_title{color: #000;font-size: 20px;padding-bottom: 20px;}
.btl_component_list.imgover .list_item .list_item_date{font-size: 12px;padding-bottom: 20px;}
.btl_component_list.imgover .list_item .list_item_desc{padding-bottom: 20px;}
@media (max-width: 767px) and (min-width: 10px){
    .btl_component_list.imgover .list_item .list_item_container{padding-top: 0;position:relative;right: 0;top: 0;}
}

.btl_component_list.list_link .list_item{padding: 10px 0;}

.btl_component_list_imgs img{width: 100%;height: auto;}

.btl_component_list.img_info .list_item_title{padding-bottom: 10px;}
.btl_component_list.img_info .list_item_title a{color: #00773d;font-size: 20px;}
.btl_component_list.img_info .list_item_title a:hover{color: #00773d;}
.btl_component_list.img_info .list_item_date{padding-bottom: 20px;}
.btl_component_list.img_info .list_item_desc{padding: 0 0 20px 0;}
.btl_component_list.img_info .list_item_img{padding-bottom: 15px;}

.btl_component_list.list_date_title .list_item_info{padding: 10px 0 0 0;margin: 0;}
.btl_component_list.list_date_title .list_item_info a{color: #000;}
.btl_component_list.list_date_title .list_item_info:hover{background-color: #214c7f;color: #fff;display: table;width: 100%;}
.btl_component_list.list_date_title .list_item_info:hover a,
.btl_component_list.list_date_title .list_item_info:hover a:hover,
.btl_component_list.list_date_title .list_item_info:hover a:active,
.btl_component_list.list_date_title .list_item_info:hover a:focus{color: #fff;text-decoration: none;}
.btl_component_list.list_date_title .list_btn{text-align: right;padding: 15px 0;}
.btl_component_list.list_date_title .list_item_info .list_item_date{padding: 0;padding-left: 15px;}
.btl_component_list.list_date_title .list_btn a{color: #214c7f;}
.btl_component_list.list_date_title .list_btn a:hover,
.btl_component_list.list_date_title .list_btn a:active,
.btl_component_list.list_date_title .list_btn a:focus{color: #fff;}
@media (max-width: 991px){
    .btl_component_list.list_date_title .list_item_info .list_item_date{padding-left: 0;}
    .btl_component_list.list_date_title .list_btn{text-align: center;padding: 15px 0;}
}

.btl_component_list_group_tab{position: relative;}
.btl_component_list_group_tab .list_group{padding-bottom: 15px;}
.btl_component_list_group_tab .list_group_title{width: 200px;font-size: 24px;}
.btl_component_list_group_tab .list_group_title h4{display: inline-block;position: relative;padding-bottom: 10px;font-size: 24px;margin: 15px 0;}
.btl_component_list_group_tab .list_group_title h4:after{border-bottom: 2px solid #214c7f;content: ' ';width: 50px;position: absolute;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.btl_component_list_group_tab .list_group_content{width: calc(100% - 200px);}
.btl_component_list_group_tab .list_item_title{background-color: #fff;border: 1px solid #cccccc;border-top: 0;font-size: 24px;text-align: left;padding: 15px;position: relative;cursor: pointer;}
.btl_component_list_group_tab .list_item_title:hover{background-color: #214c7f;border-color: #214c7f;color: #fff;}
.btl_component_list_group_tab .list_item:first-child .list_item_title{border-top: 1px solid #cccccc;}
.btl_component_list_group_tab .list_item_title::after{font-family: 'FontAwesome';content: "\f107";color: #cccccc;position: absolute;right: 15px;top: 15px;}
.btl_component_list_group_tab .list_item_title.open::after{content: "\f106";}
.btl_component_list_group_tab .list_item_content{background-color: #fff;border: 1px solid #cccccc;border-top: 0;font-size: 16px;text-align: justify;display: none;padding: 15px;}

@media (max-width: 991px){
    .btl_component_list_group_tab .list_group_title{width: 100%;}
    .btl_component_list_group_tab .list_group_title h4{font-size: 22px;}
    .btl_component_list_group_tab .list_item_title{font-size: 22px;}
    .btl_component_list_group_tab .list_group_title h4:after{width: 100%;}
    .btl_component_list_group_tab .list_group_content{width: 100%;;}
}

.btl_component_list_tab_html{position: relative;}
.btl_component_list_tab_html .tab_container_header{border: 1px solid #cccccc;display: block;position: relative;overflow: hidden;height: 34px;}
.btl_component_list_tab_html .tab_title_list{display: inline-block;list-style: none;margin: 0;padding: 0;position: relative;height: 34px;overflow: hidden;}
.btl_component_list_tab_html .tab_title_list .tab_title{display: inline-block;float: left;padding: 5px 15px;cursor: pointer;min-width: 150px;text-align: center;position: relative;}
.btl_component_list_tab_html .tab_title_list .tab_title:hover{color:#214c7f;}
.btl_component_list_tab_html .tab_title_list .tab_title.gray{background-color: #999999;color: #fff;cursor: default;}
.btl_component_list_tab_html .tab_title_list .tab_title.gray:hover{color: #fff;}
.btl_component_list_tab_html .tab_title_list .tab_title::before{content: "|";color: #8f8f8f;position: absolute;left: 0;top: 4px;}
.btl_component_list_tab_html .tab_title_list .tab_title.gray:before,
.btl_component_list_tab_html .tab_title_list .tab_title:nth-child(2)::before {display: none;}
.btl_component_list_tab_html .tab_container_list{clear: both;padding: 20px 0 15px 0 ;}
.btl_component_list_tab_html .tab_container_list .tab_container{display: none;text-align: justify;}
.btl_component_list_tab_html .tab_container_list .tab_container.active{display: block;}
.btl_component_list_tab_html .tab_container_header .tab_header_btn{background-color: #fff;border: 1px solid #fff;border-radius: 50%;color: #cccccc;font-size: 28px;text-align: center;display: none;position: absolute;top: 0;width: 30px;height: 30px;z-index: 1;}
.btl_component_list_tab_html .tab_container_header .tab_header_btn.pre{left: 0;}
.btl_component_list_tab_html .tab_container_header .tab_header_btn.next{right: 0;}

.btl_component_list_tab_html.circle .tab_container_list{padding-left: 10%;padding-right: 10%;}
.btl_component_list_tab_html.circle .tab_container_header{border: 0;margin: 0 20%;height: 100px;}
.btl_component_list_tab_html.circle .tab_title_list{height: 100px;}
.btl_component_list_tab_html.circle .tab_title_list .tab_title{border: 1px solid #cccccc;border-radius: 50%;font-size: 30px;font-weight: bold;min-width: 100px;height: 100px;padding: 38px 5px;margin-right: 30px;}
.btl_component_list_tab_html.circle .tab_title_list .tab_title::before{display: none;}
.btl_component_list_tab_html.circle .tab_title_list .tab_title.open,
.btl_component_list_tab_html.circle .tab_title_list .tab_title:hover{background-color: #214c7f;border-color: #214c7f;color: #fff;}
.btl_component_list_tab_html.circle .tab_container_header .tab_header_btn{top: 0;background-color: #fff;border: 0;height: 100px;}
.btl_component_list_tab_html.circle .tab_container_header .tab_header_btn .fa{background-color: #fff;font-size:50px;height: 100px;width: 30px;padding: 20px 0;}
.btl_component_list_tab_html.circle .tab_container_header .tab_header_btn.pre{left: -1px;}
.btl_component_list_tab_html.circle .tab_container_header .tab_header_btn.next{right: -1px;}
@media (max-width: 991px){
    .btl_component_list_tab_html.circle .tab_container_header{margin: 0;}
    .btl_component_list_tab_html.circle .tab_container_list{padding-left: 15px;padding-right: 15px;}
}

.btl_component_list.list_grid_info_date .grid_container{border: 1px solid #cccccc;margin-right: 15px;margin-bottom: 15px;}
.btl_component_list.list_grid_info_date .grid_img{height: 160px;position: relative;overflow: hidden;}
.btl_component_list.list_grid_info_date .grid_img img{position: absolute;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;margin: auto;min-width: 100%;min-height: 100%;z-index: -1;}
.btl_component_list.list_grid_info_date .grid_title{position: relative;}
.btl_component_list.list_grid_info_date .grid_title h4{font-size: 24px;text-align: center;padding: 15px;margin-top: 20px;}
.btl_component_list.list_grid_info_date .grid_title h4:before{border-bottom: 1px solid #000;content: ' ';position: absolute;top: 0;left: 0;right: 0;width: 50px;margin: 0 auto;}
.btl_component_list.list_grid_info_date .list_btn{text-align: right;padding: 15px;}
.btl_component_list.list_grid_info_date .list_btn a{color: #214c7f;}
.btl_component_list.list_grid_info_date .grid_list_item{min-height: 135px;}
.btl_component_list.list_grid_info_date .list_item{clear: both;}
.btl_component_list.list_grid_info_date .list_item:hover{background-color: #214c7f;}
.btl_component_list.list_grid_info_date .list_item:hover .list_item_title a,
.btl_component_list.list_grid_info_date .list_item:hover .list_item_title a:hover,
.btl_component_list.list_grid_info_date .list_item:hover .list_item_date{color: #fff;}
.btl_component_list.list_grid_info_date .list_item_title{width: calc(100% - 140px);height: 40px;overflow:hidden;display:inline-block;text-overflow: ellipsis;white-space: nowrap;padding: 0 15px;text-align: left;}
.btl_component_list.list_grid_info_date .list_item_title a{display: block;padding: 10px 0;color: #000;}
.btl_component_list.list_grid_info_date .list_item_date{width: 140px;padding: 10px 15px;display:inline-block;float: right;text-align: right;}
.btl_component_list.list_grid_info_date .list_item_title.no_date{width: 100%;text-align: center;}
.btl_component_list.list_grid_info_date .list_item_date.no_date{display: none;}
.btl_component_list.list_grid_info_date a:hover{text-decoration: none;}
@media (max-width: 991px){
    .btl_component_list.list_grid_info_date .grid_container{margin-right: 0;margin-bottom: 0;}
}

.btl_component_list.list_carousel_doc{padding: 40px 60px;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-prev{left: -60px;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-next{right: -60px;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-next, 
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-prev{background-color: #fff;border: 1px solid #fff;width: 50px;height: 50px;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-next .fa, 
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-prev .fa{color: #214c7f;font-size: 40px;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-next:hover, 
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-prev:hover{background-color: #214c7f;border: 1px solid #214c7f;}
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-next:hover .fa, 
.btl_component_list.list_carousel_doc .owl-carousel .owl-nav button.owl-prev:hover .fa{color: #fff}

.btl_component_list.list_carousel_doc .list_item .list_item_img{width: 100%;height: 360px;display: table;text-align: center;}
.btl_component_list.list_carousel_doc .list_item .list_item_img a{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.btl_component_list.list_carousel_doc .list_item .list_item_img img{max-width: 50%;max-height: 360px;width: auto;margin: 0 auto;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.btl_component_list.list_carousel_doc .owl-item.active.center .list_item .list_item_img img,
.btl_component_list.list_carousel_doc .owl-item.active .list_item.selected .list_item_img img{max-width: 100%;width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.btl_component_list.list_carousel_doc .list_item_title{color: #666666;margin-top: 15px;padding: 15px;position: relative;text-align: center;font-size: 20px;line-height: 1em;font-weight: bold;}
/*.btl_component_list.list_carousel_doc .list_item_title:before{border-bottom: 1px solid #000;content: ' ';position: absolute;top: 0;left: 0;right: 0;width: 50px;margin: 0 auto;}*/
.btl_component_list.list_carousel_doc .owl-item.active.center .list_item .list_item_title,
.btl_component_list.list_carousel_doc .owl-item.active .list_item.selected .list_item_title{color:#214c7f;}
.btl_component_list.list_carousel_doc .owl-item.active.center .list_item .list_item_title:after,
.btl_component_list.list_carousel_doc .owl-item.active .list_item.selected .list_item_title:after{border-bottom: 2px solid #214c7f;content: ' ';position: absolute;bottom: 0;left: 0;right: 0;width: 200px;margin: 0 auto;}
.btl_component_list.list_carousel_doc.doc_video{padding-top: 0;}
.btl_component_list.list_carousel_doc.doc_video .list_item{cursor: pointer;}
.btl_component_list.list_carousel_doc.doc_video .list_item .list_item_img img{max-width: 80%;}
.btl_component_list.list_carousel_doc.doc_video .owl-item.active.center .list_item .list_item_img img,
.btl_component_list.list_carousel_doc.doc_video .owl-item.active .list_item.selected .list_item_img img{max-width: 100%;}
.btl_component_list.list_carousel_doc.doc_video .list_item .list_item_img{position: relative;}
.btl_component_list.list_carousel_doc.doc_video .list_item .list_item_img .video_icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}
.btl_component_list.list_carousel_doc.doc_video .list_item .list_item_img .video_icon .glyphicon{
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 10px;
}
.btl_component_list_carousel_video_modal video{width: 100%;}
.btl_component_list.list_carousel_doc.doc_video .owl-item.active.center .list_item .list_item_title:after, 
.btl_component_list.list_carousel_doc.doc_video .owl-item.active .list_item.selected .list_item_title:after{border-color: #fff;}
@media (max-width: 1199px){
    .btl_component_list.list_carousel_doc .list_item .list_item_img{height: 300px;}
    .btl_component_list.list_carousel_doc .owl-item.active.center .list_item .list_item_img img,
    .btl_component_list.list_carousel_doc .owl-item.active .list_item.selected .list_item_img img{width: auto;}
}
@media (max-width: 991px){
    .btl_component_list.list_carousel_doc .list_item .list_item_img{height: 350px;}
}
@media (max-width: 767px){
    .btl_component_list.list_carousel_doc .owl-carousel .owl-item img{width: auto;margin: 0 auto;}
    .btl_component_list.list_carousel_doc .list_item .list_item_img img{max-width: 40%;}
    .btl_component_list.list_carousel_doc .owl-item.active.center .list_item .list_item_img img,
    .btl_component_list.list_carousel_doc .owl-item.active .list_item.selected .list_item_img img{width: auto;}
}
.btl_component_list.list_title_date_table{width: 50%;margin: 0 auto;}
.btl_component_list.list_title_date_table .list_item_title{color: #666666;width: calc(100% - 120px);word-wrap: break-word;text-align: left;max-height: 42px;padding-left: 0;}
.btl_component_list.list_title_date_table .list_item_title a{display: block;padding: 10px 15px;}
.btl_component_list.list_title_date_table .list_item_title a:hover{text-decoration: none;}
.btl_component_list.list_title_date_table .list_item_date{color: #999999;width: 120px;word-wrap: break-word;text-align: right;padding: 10px 15px 10px 15px;}
.btl_component_list.list_title_date_table .list_item_info{margin: 0;}
.btl_component_list.list_title_date_table .list_item_info:hover{background-color: #214c7f;color: #fff;}
.btl_component_list.list_title_date_table .list_item_info:hover .list_item_title,
.btl_component_list.list_title_date_table .list_item_info:hover .list_item_title a,
.btl_component_list.list_title_date_table .list_item_info:hover .list_item_title a:hover{color: #fff;}
.btl_component_list.list_title_date_table .list_item_info:hover .list_item_date{color: #fff;}
@media (max-width: 991px){
    .btl_component_list.list_title_date_table{width: 100%;margin: 0 auto;padding: 0 15px;}
    .btl_component_list.list_title_date_table .list_item_info{border-bottom: 1px solid #ccc;}
}

.btl_component_list.list_collapsible{}
.btl_component_list.list_collapsible>ul{list-style: none;padding: 0;margin: 0;text-align: left;}
.btl_component_list.list_collapsible>ul>li{padding: 0;}
.btl_component_list.list_collapsible>ul>li>h3{background-color: #214c7f;border: 1px solid #ccc;border-bottom: 0;color: #fff;font-size: 18px;margin: 0;padding: 15px;padding-left: 55px;padding-right: 30px;position: relative;cursor: pointer;}
.btl_component_list.list_collapsible>ul>li>h3::after{content: '+';font-family: 'FontAwesome';color: #fff;font-size: 30px;position: absolute;right: 15px;top: 10px;}
.btl_component_list.list_collapsible>ul>li>h3:hover{background-color: #6cc0e6;}
.btl_component_list.list_collapsible>ul>li.open>h3{border-bottom:1px solid #ccc;}
.btl_component_list.list_collapsible>ul>li.open>h3{background-color: #fff;color: #214c7f;}
.btl_component_list.list_collapsible>ul>li.open>h3::after{content: '-';color: #214c7f;top: 5px;}
.btl_component_list.list_collapsible>ul>li>.list_list_content{font-size: 16px;padding: 15px;padding-left: 55px;display: none;word-break: break-word;text-align: justify;}
.btl_component_list.list_collapsible>ul>li>.list_list_content img{max-width: 100%;}
.btl_component_list.list_collapsible>ul>li>.list_list_content>p{margin: 0;}
.btl_component_list.list_collapsible .list_list_content ul{list-style-type: disc;}
.btl_component_list.list_collapsible .list_list_content ol{list-style: none;padding-left:0;counter-reset: chapter;}
.btl_component_list.list_collapsible .list_list_content ol>li{clear: left;}
.btl_component_list.list_collapsible .list_list_content ol>li:before {
    content: counter(chapter) ". ";
    counter-increment: chapter;
    font-weight: bold;
    float: left;
    width: 40px;
}
.btl_component_list.list_collapsible .list_list_row{display: table;width: 100%;}
.btl_component_list.list_collapsible .list_list_row .list_list_cell{display: table-cell;width: 50%;padding-left: 15px;vertical-align: middle;}
.btl_component_list.list_collapsible .list_list_row .list_list_cell.list_list_img{padding: 0;}

@media (max-width: 991px){
    .btl_component_list.list_collapsible>ul>li>h3{padding-left: 55px;}
    .btl_component_list.list_collapsible>ul>li>.list_list_content{padding-left: 55px;}
    .btl_component_list.list_collapsible .list_list_content ol>li:before {width: 20px;}
    .btl_component_list.list_collapsible .list_list_row{display: block;width: 100%;}
    .btl_component_list.list_collapsible .list_list_row .list_list_cell{display: block;width: 100%;padding-left: 0;padding-top: 15px;}
}
@media (max-width: 500px){
    .btl_component_list.list_collapsible>ul>li>h3{padding-left: 15px;}
    .btl_component_list.list_collapsible>ul>li>.list_list_content{padding-left: 15px;}
}

.btl_component_list.list_collapsible_column>ul{list-style: none;padding: 0;margin: 0;text-align: left;}
.btl_component_list.list_collapsible_column>ul>li{padding: 0;margin-bottom: 5px}
.btl_component_list.list_collapsible_column>ul>li>h3{background-color: #fff;border: 1px solid #214c7f;color: #000;font-size: 18px;margin: 0;padding: 15px;position: relative;cursor: pointer;height: 51px;overflow: hidden;}
.btl_component_list.list_collapsible_column>ul>li>h3::after{background-color: #214c7f;content: '+';color: #fff;font-family: 'FontAwesome';font-size: 30px;position: absolute;right: 0;top: 0;width: 51px;height: 51px;padding: 10px 18px;}
.btl_component_list.list_collapsible_column>ul>li>h3:hover{background-color: #214c7f;color: #fff;}
.btl_component_list.list_collapsible_column>ul>li.open>h3{background-color: #214c7f;color: #fff;}
.btl_component_list.list_collapsible_column>ul>li.open>h3::after{content: '-';padding: 6px 21px;}
.btl_component_list.list_collapsible_column>ul>li>.list_list_content{background-color: #f5f5f5;font-size: 16px;padding: 15px;display: none;}
.btl_component_list.list_collapsible_column>ul>li>.list_list_content>p{margin: 0;}
.btl_component_list.list_collapsible_column ul.list_collapsible_list{display: inline-block;float: left;width: 50%;padding-left: 30px;padding-right: 0;}
.btl_component_list.list_collapsible_column ul.list_collapsible_list:nth-child(odd){padding-left: 0;padding-right: 30px;}
@media (max-width: 991px){
    .btl_component_list.list_collapsible_column ul.list_collapsible_list{width: 100%;padding-left: 0;padding-right: 0;}
    .btl_component_list.list_collapsible_column ul.list_collapsible_list:nth-child(odd){padding-left: 0;padding-right: 0;}
}

.btl_component_list_table_icon{}
.btl_component_list_table_icon .list_item{margin-bottom: 25px;border-bottom: 1px solid #ccc;}
.btl_component_list_table_icon .list_item_container{display: table;width: 100%;}
.btl_component_list_table_icon .list_item_logo{background-color: #214c7f;display: table-cell;width: 20%;height: 100%;position: relative;vertical-align: middle;}
.btl_component_list_table_icon .list_item_img{background-color: #fff;border: 1px solid #214c7f;display: block;width: 100%;height: 80px;text-align: center;position: absolute;top: 0;left: 0;right: 0;}
.btl_component_list_table_icon .list_item_img img{width: auto;max-width: 100%;max-height: 78px;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.btl_component_list_table_icon .list_item_name{color: #fff;font-size: 18px;text-align: left;margin-top: 80px;padding: 10px;}
.btl_component_list_table_icon .list_item_info{display: table-cell;width: 40%;padding: 10px 15px;}
.btl_component_list_table_icon .info_col{padding-bottom: 15px;}
.btl_component_list_table_icon .info_label{color: #214c7f;display: block;font-size: 18px;}
@media (max-width: 991px){
    .btl_component_list_table_icon .list_item{margin-bottom: 15px;}
    .btl_component_list_table_icon .list_item_container{display: block;}
    .btl_component_list_table_icon .list_item_logo{display: block;width: 100%;margin-bottom: 30px;}
    .btl_component_list_table_icon .list_item_img{width: 200px;height: 60px;}
    .btl_component_list_table_icon .list_item_img img{max-height: 58px;}
    .btl_component_list_table_icon .list_item_name{display: table-cell;height: 60px;margin-left: 200px;padding: 15px;padding-left: 215px;vertical-align: middle;}
    .btl_component_list_table_icon .list_item_info{display: block;padding: 10px 0;width: 100%;text-align: center;}
}


/*step list table*/
.btl_component_list_step_menu{background-color: #fff;border: 0;display: block;width: 100%;height: 140px;overflow: hidden;position: relative;}
.btl_component_list_step_menu .step_menu_header{background-color: #214c7f;color: #fff;display: table;float: left;font-size: 24px;width: 140px;height: 140px;text-align: center;}
.btl_component_list_step_menu .step_menu_header span{display: table-cell;vertical-align: middle;}
.btl_component_list_step_menu .step_menu_container{background-color: #fff;color: #000;display: inline-block;font-size: 18px;text-align: left;width: calc((100% - 140px));height: 140px;padding: 0;position: relative;overflow: hidden;}
.btl_component_list_step_menu ul{list-style: none;margin: 0;padding: 0;height: 140px;position: absolute;}
.btl_component_list_step_menu ul li{float: left;padding: 0;position: relative;height: 140px;display: table;cursor: grab;}
.btl_component_list_step_menu ul li::before{content: ' '; width: 1px;height: 100px;border-left: 1px solid #cccccc;position: absolute;top: 20px;left:0;}
.btl_component_list_step_menu ul li:first-child::before{display: none;}
.btl_component_list_step_menu ul li>span{display: table-cell;vertical-align: middle;padding-right: 120px;padding-left: 15px;}
.btl_component_list_step_menu ul li p{display: inline-block;width: 120px;height: 100px;margin: 0;padding: 5px;position: absolute;top: 20px;right: 0;text-align: center;font-size: 16px;}
.btl_component_list_step_menu ul li img{display: block;width: auto;height: 50px;margin: 0 auto 5px;}
.btl_component_list_step_menu .step_menu_btn{background-color: #214c7f;color: #fff;position: absolute;top: 0;height: 140px;padding: 55px 15px;z-index: 3;display: none;}
.btl_component_list_step_menu .step_menu_btn.pre{left: 140px;}
.btl_component_list_step_menu .step_menu_btn.next{right: 0;}
.btl_component_list_step_menu .step_menu_btn .fa{font-size: 36px;}
.btl_component_list_step_menu .step_menu_btn:hover,
.btl_component_list_step_menu .step_menu_btn:active,
.btl_component_list_step_menu .step_menu_btn:focus{}

.btl_component_list.img_grid .list_item_img{text-align: center;height: 230px;padding: 0;margin: 0;position: relative;overflow: hidden;}
.btl_component_list.img_grid .list_item_img img{
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}
.btl_component_list.img_grid{padding-left: 55px;}
.btl_component_list.img_grid .list_item{margin-bottom: 15px;}
.btl_component_list.img_grid .list_item_title{font-size: 24px;text-align: left;padding: 25px 0 20px 0;color: #214c7f;}
.btl_component_list.img_grid .list_item_desc{font-size: 16px;text-align: justify;width: 100%;height: 90px;max-height: 90px;overflow: hidden;margin-bottom: 20px;position: relative;}
/*.btl_component_list.img_grid .list_item_desc::after{content: '...';position: absolute;bottom: 0;right: 0;width: 15px;height: 22px;}*/
.btl_component_list.img_grid .list_item_link{font-size: 16px;text-align: right;color: #214c7f;}
.btl_component_list.img_grid .list_item_link span{margin-left: 10px;}
.btl_component_list.img_grid .list_item a{color: #214c7f;}
.btl_component_list.img_grid .list_item a:hover,
.btl_component_list.img_grid .list_item a:active,
.btl_component_list.img_grid .list_item a:focus{color: #214c7f;}
@media (max-width: 991px){
    .btl_component_list.img_grid{margin: 0;padding-left: 40px;}
    .btl_component_list.img_grid .list_item_desc{height: auto;}
}
@media (max-width: 500px){
    .btl_component_list.img_grid{padding-left: 0;}
    .btl_component_list.img_grid .list_item{padding: 0;}
}
.btl_component_list.doc_order .list_item{margin-bottom: 15px;}
.btl_component_list.doc_order .list_item_title{border: 1px solid #cccccc;display: table;width: 100%;height: 70px;padding: 0;overflow: hidden;}
.btl_component_list.doc_order .list_item_title span{border-right: 1px solid #ccc;display: table-cell;padding: 5px;vertical-align: middle;height: 90px;width: 55px;text-align: center;}
.btl_component_list.doc_order .list_item_title span img{width: 45px;display: block;margin: 0 auto;}
.btl_component_list.doc_order .list_item_title div{display: table-cell;padding: 10px 15px;text-align: left;width: calc((100% - 55px));height: 90px;overflow: hidden;vertical-align: middle;}
.btl_component_list.doc_order .list_item_title div p{max-height: 60px;overflow: hidden;margin: 0;}
.btl_component_list.doc_order .list_item_title div a{display: block;font-size: 12px;text-align: center;word-break: break-word;}
.btl_component_list.doc_order .list_item_title>a{display: table-cell;width: 55px;}
.btl_component_list.doc_order .list_item .list_item_title a{color: #000;}
.btl_component_list.doc_order .list_item .list_item_title:hover a{color: #fff;}
.btl_component_list.doc_order .list_item .list_item_title:hover{background-color: #214c7f;color: #fff;}
.btl_component_list.doc_order .list_item .list_item_title:hover a:hover,
.btl_component_list.doc_order .list_item .list_item_title:hover a:active,
.btl_component_list.doc_order .list_item .list_item_title:hover a:focus{color: #fff;text-decoration: none;}
@media (max-width: 991px){
    .btl_component_list.doc_order{margin: 0;}
}

.btl_component_list.search_result{margin: 0 15px;border: 0;border-top: 1px solid #a3a3a3;}
.btl_component_list.search_result .list_item_title{border-bottom: 1px solid #a3a3a3;padding: 20px 50px;}
.btl_component_list.search_result .list_item_title b{color: red;font-weight: 700;}
.btl_component_list.search_result .list_item_title p{margin: 0;}

/*iframe fix height*/
.btl_component_list.list_grid_info_date .grid_list_item iframe{height: 130px !important;}

.btl_component_table_exchange_ref table td,
.btl_component_table_exchange_ref table th{text-align: center;}

.btl_component_table_fund_dividend table td,
.btl_component_table_fund_dividend table th{text-align: center;}

.btl_component_list.doc_order .list_item_title.small,
.btl_component_list.doc_order .list_item_title.small span,
.btl_component_list.doc_order .list_item_title.small div{height: 40px;}
.btl_component_list.doc_order .list_item_title.left div a{text-align: left;}

.btl_component_list.carousel_4col{padding: 15px 30px 15px 55px;}
.btl_component_list.carousel_3col{padding: 15px 30px 15px 55px;}


.btl_component_list_tab_html.block {
    padding: 0;
    margin: 0;
    text-align:center;
}
.btl_component_list_tab_html.block .tab_container_list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    margin: 25px 0;
}
.btl_component_list_tab_html.block .tab_container_header {
    border: 0;
    min-height: 250px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    
}

.btl_component_list_tab_html.block .tab_title_list {
    height: 250px;
    margin: 0 40px;
}

    .btl_component_list_tab_html.block .tab_title_list .tab_title {
        border: 1px solid #cccccc;
        font-size: 25px;
        font-weight: bold;
        width: 235px;
        height: 230px;
        padding: 38px 15px;      
		
    }

    .btl_component_list_tab_html.block .tab_title_list  .en{
        border: 1px solid #cccccc;
        font-size: 20px;
        font-weight: bold;
        width: 235px;
        height: 230px;
        padding: 38px 15px;
    }

    .btl_component_list_tab_html.block .tab_title_list .open {
        border: #44ccea solid 2px;
        border-image: linear-gradient(to bottom right,#029eff 0,#00318c 100%);
        border-image-slice: 1;
    }
    .btl_component_list_tab_html.block .tab_title_list li {
        float: left;
        padding: 0 20px;
		
    }
        .btl_component_list_tab_html.block .tab_title_list .tab_title::before {
            display: none;
        }

        .btl_component_list_tab_html.block .tab_title_list .tab_title.open{

    
		}
    .btl_component_list_tab_html.block .tab_title_list .tab_title:hover {       
        border-color: #214c7f;
        color: #fff;
    }

.btl_component_list_tab_html.block .tab_container_header > a {
    color: #ddd;
    display: block;
    position: absolute;    
}

.btl_component_list_tab_html.block .tab_container_header > a:hover {
            color: #fff;
            text-decoration: none;
        }
.btl_component_list_tab_html.block .tab_container_header .tab_header_btn {
    top: 0;
    background-color: #fff;
    border: 0;
    height: 230px;
}

.btl_component_list_tab_html.block .tab_container_header .tab_header_btn .fa {
        background-color: #fff;
        font-size: 50px;
        height: 230px;
        width: 30px;
        padding: 90px 0;
    }

    .btl_component_list_tab_html.block .tab_container_header .tab_header_btn.pre {
        left: -1px;
    }
    .btl_component_list_tab_html.block .tab_container_header .tab_header_btn.next {
        right: -1px;
    }

    .btl_component_list_tab_html.block .tab_container_header .list_item_img {
        width: auto;
        height: 70px;
        max-height: 70px;
    }

    .btl_component_list_tab_html.block .tab_title_list .tab_title p {
        padding-top: 20px;
        
    }
    .btl_component_list_tab_html.block .tab_title_list .tab_title.open p {
       
    }
    
    .btl_component_list_tab_html.block .tab_title_list .tab_title.open > a,
    .btl_component_list_tab_html.block .tab_title_list .tab_title.open > a:hover {
        color: #214c7f;
    }
.btl_component_list_tab_html.block .tab_title_list .tab_title > a > span {
    background-color: #214c7f;
    display: block;
    padding: 15px;
}
.btl_component_list_tab_html.block .tab_title_list .tab_title:hover {
    border-right-color: #214c7f;
}
    .btl_component_list_tab_html.block .tab_title_list .tab_title:hover > a > span {
        background-color: #fff;
        color: #2cce8f;
    }
.btl_component_list_tab_html.block .tab_title_list .tab_title.open a.tab_header_link span {
    background-color: #fff;
    position: relative;
    z-index: 2;
}
    .btl_component_list_tab_html.block .tab_title_list .tab_title.open a.tab_header_link::after {
        background-color: #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
        border-left: 2px solid #00318c;
        border-bottom: 2px solid #00318c;
        content: '';
        display: block;
        transform: skew(40deg, -45deg);
        -moz-transform: skew(40deg, -45deg);
        -o-transform: skew(40deg, -45deg);
        -webkit-transform: skew(40deg, -45deg);
        -ms-transform: skew(40deg, -45deg);
        width: 15px;
        height: 15px;
        position: absolute;
        left: calc((100% - 24px)*0.5);
        bottom: -9px;
        margin: auto;
        z-index: 1;
    }

.btl_component_list_tab_html.block  li{display: inline-block;float: left;font-size: 24px;text-align: center;vertical-align: middle;word-break: normal;}
    .btl_component_list_tab_html.block .tab_container_list .tab_container {
        display: none;
        text-align: justify;
        margin: 25px 20%;
        padding: 10px 10px;
    }

    .btl_component_list_tab_html.block .tab_container_list .tab_container_content {
        text-align: justify;
        margin: 50px 0 20px 0;
        background: #ffff;
        padding: 10px 10px;
        height: auto;
    }

    .btl_component_list_tab_html.block .tab_container_list .font_center {
        margin-top: 10px;
        font-size: 40px;
        color: #fff;
        text-align: center;
    }

    .btl_component_list_tab_html.block .tab_container_list .tab_container img{
       float:left;
    }


    .btl_component_list_tab_html.block .tab_container_list .tab_container p{
        margin-top: 0;
        margin-bottom: 5rem;
        margin-left: 10px;
    }

    .btl_component_list_tab_html.block .tab_container_list .tab_container.active {
        display: block;
    }
@media (max-width: 1199px) {


    .btl_component_list_tab_html.block .tab_container_header {
        min-width: 200px;
    }

    .btl_component_list_tab_html.block .tab_container_list .tab_container {
        display: none;
        text-align: justify;
        margin: 25px 1%;
        padding: 10px 10px;
    }
    .btl_component_list_tab_html.block .tab_container_list .tab_container_content {
        text-align: justify;
        margin: 50px 0 20px 0;
        background: #ffff;
        padding: 10px 10px;
        height: auto;
    }

    .btl_component_list_tab_html.block .tab_container_list .font_center {
        margin-top: 10px;
        font-size: 25px;
        color: #fff;
        text-align: center;
    }

    .btl_component_list_tab_html.block .tab_container_list .tab_container p {
        margin-top: 0;
        margin-bottom: 1rem;
        margin-left: 0px;
    }
        .btl_component_list_tab_html.block li{font-size: 16px;}

}

